* {box-sizing:border-box;}
:root {
	--sel-bg-color:#b8edf2; 
	--sel-hov-color:lightgrey;
	--btn-bg-color:#b8edf2; 
}

template {display:none;}

body {position:relative;} 
/*/ General /*/ 
.ep-page {} 
.ep-report {border:1px solid lightgrey; margin:0 auto;max-width:800px;min-width:400px;}

/*/ bootstrap corrections /*/
.ep-page label {display:initial;font-weight:initial;} 
.ep-page p {display:inline-block;}  
.ep-page select {display:inline-block;}  


.iform {width:100%;margin:0;}
.iform * {font-size:1em;line-height:1.2;font-family:inherit;margin:0;}
.iform input{height:1.6em!important;} 
.iform textarea{height:4em!important;} 

.ep-frame {margin:0.5em auto;border-radius:1em;border:1px solid lightgrey;padding:0.5em;}
/* ??
.ep-frame {overflow:hidden;}
*/

/* .ep-form {max-width:1000px;min-width:400px;} */
.ep-list  {min-width:400px;}
.ep-list * {padding:0; margin:0;} /* from epl-page */


/*/ web pages /*/
.ep-page.emain {display:inline-block;vertical-align:top;}
.ep-page.emain  img {float:left;width:6em;height:auto;margin-right:0.5em;}
.ep-page.emain  p {display:inline-block;}
.ep-page.eleft {padding-right:5%;display:inline-block;vertical-align:top;}
.ep-page.eright {padding-left:5%;display:inline-block;vertical-align:top;}
.ep-page.ebar {text-align:center;}   /* to change has other defintion  */
.ep-page.ebar div {display:inline-block;vertical-align:bottom;}
.ep-page.ebar  img{width:auto;height:5em;}
.ep-page.ebar  span{display:inline-block;padding:0.5em;}
.ep-page.ebar  p {margin:0;padding:0;}
.ep-page.ebar  span:hover {border:1px solid red;}
.ep-page.ebox {text-align:center;}
.ep-page.ebox  img{width:90%;height:auto;}
.ep-page.ebox  span{display:inline-block;padding:0.5em;}
.ep-page.ebox  p {}
.ep-page.ebox  span:hover {border:1px solid red;}
.ep-page.ebox.e1 .e1, .ep-page.ebox.e2 .e2, .ep-page.ebox.e3 .e3,
.ep-page.ebox.e4 .e4, .ep-page.ebox.e5 .e5, .ep-page.ebox.e6 .e6,
.ep-page.ebox.e7 .e7, .ep-page.ebox.e8 .e8 {display:none;}

.ep-page .ep-imgrow {width:100%;border:none;border-top:1px solid lightgrey;}  
.ep-page .ep-imgrow  td, .ep-imgrow  tr  {border:none;vertical-align:middle;height:7em;}  
.ep-page .ep-imgrow  td:first-Child {width:15%;}

/* box hide/show manupulation */
.ep-hidebox.e1 .e1, .ep-hidebox.e2 .e2, .ep-hidebox.e3 .e3,
.ep-hidebox.e4 .e4, .ep-hidebox.e5 .e5, .ep-hidebox.e6 .e6,
.ep-hidebox.e7 .e7, .ep-hidebox.e8 .e8 {display:none;}

/*/ format clases /*/
.ep-page div.edim, .ep-page span.edim {opacity:0.5;}

/* blocks  eb.. */
/* old */
.ep-page.eil, .ep-page .eil{display:inline-block;vertical-align:top;}
.ep-page.eilb, .ep-page .ilb{display:inline-block;vertical-align:bottom;}
.ep-page .epb0 {padding-bottom:0!important;}  /* old */

/* new */
.ep-page .ebil {display:inline-block;vertical-align:top;} /* used for find bar! */
.ep-page .ebat {vertical-align:top;}
.ep-page .ebab {vertical-align:bottom;}
.ep-page .ebal {float:left!important;}
.ep-page .ebar {float:right!important;} /* to change has other defintion  */
.ep-page .ebac  {margin:0 auto;justify-content:center;}

.ep-page .efl  {float:left;}
.ep-page .efr  {float:right;}
.ep-page .efn {float:none;}


.ep-page .ebpb0 {padding-bottom:0!important;}
.ep-page .ebpt0 {padding-top:0!important;}


/* text */
.ep-page .etb span {font-weight:bold;}  
.ep-page .eti span {font-style:italic;}  
.ep-page .etw {
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* ?? */
.ep-page .etb {font-weight:bold;}  
.ep-page .eti {font-style:italic;}  


/* old ?? */
.ep-tc {text-align:center!important;} 
.ep-tl {text-align:left!important;} 
.ep-tr {text-align:right!important;}
.iform span.ep-tr , .iform div.ep-tr {padding-right:0.5em;}


/* borders el... */

/* old */
.ep-page .ebt {border-top:1px solid lightgrey;}
.ep-page .ebb {border-bottom:1px solid lightgrey;}
.ep-page .ebl {border-left:1px solid lightgrey;}
.ep-page .ebr {border-right:1px solid lightgrey;}
.ep-page .eba {border:1px solid lightgrey;}
.ep-rndtop {border-radius:1em 1em 0 0!important;}  
.ep-rndbot {border-radius:0 0 1em 1em!important;}  
.ep-rndnone {border-radius:0!important;}
.ep-rndall {border-radius:1em!important;}  

/* old?? colors (after borders) */
.ep-page div.ered {background:red;} .ep-page span.ered, .ep-page p.ered , .ep-page option.ered{color:red;} 
.ep-page  div.egreen {background:palegreen;} .ep-page span.egreen, .ep-page p.egreen {color:green;}
.ep-page div.eyellow {background:yellow;} .ep-page span.eyellow, .ep-page p.eyellow {color:yellow;}
.ep-page div.ecyan {background:lightcyan;} .ep-page span.ecyan, .ep-page p.ecyan {color:lightcyan;}
.ep-page div.eblue {background:lightblue;} .ep-page span.eblue, .ep-page p.eblue {color:lightblue;}

.ep-txt-right {text-align:right;}
.ep-txt-left {text-align:left;}
.ep-txt-center {text-align:center;}
.ep-div-top {vertical-align:top;}

/* new see below` */

.ep-page .ep-html {display:inline-block;vertical-align:top;}

/* images */



/* mesage box */

.ep-msgmodal {
  display:none;position:fixed; 
  z-index: 200000; 
  left:0; top:0; width:100%; height: 100%; 
  overflow: auto; background-color: transparent; 
}
.ep-msgbox {
	background-color:azure;overflow-y:auto;
    position:fixed;border:solid 1px red; border-radius:1.2rem;
	top:40%;left:30%;width:40%;padding:0.5rem;
}
.ep-msgrow {display:flex;padding:0.5rem;}
.ep-spinner { /* spinner */
	align-self:center;flex:0 0 1.3rem; height:1.3rem;
	border:0.3rem solid lightgrey; margin-right:1rem;
	border-radius:50%;
	border-top: 0.3rem solid green; 
	-webkit-animation:ep-spin 2s linear infinite; /* Safari */
	animation:ep-spin 2s linear infinite;
}
@-webkit-keyframes ep-spin { /* Safari */
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes ep-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.ep-error, .ep-msgok {align-self:center;height:2em;width:0.8rem;margin-right:0.5rem;}
.ep-error {background-color:red;}
.ep-msgok {background-color:lightgreen;}
.ep-msgbtns {display:inline-block;width:100%; padding:0.5rem; text-align:center;
padding-left:20%;padding-right:20%;}
.ep-msgbtns div {
display:inline-block;vertical-align:top;border-radius:5em;
border:1px solid transparent;text-align:center;
width:30%;line-height:1.5em;max-width:4em;min-width:2em;
}
.ep-msgConfirm:hover, .ep-msgCancel:hover {border:1px solid red;cursor:pointer;}
.ep-msgConfirm {background-color:lightgreen;float:left;}
.ep-msgSpacing {margin-left:10%;margin-right:10%;}
.ep-msgCancel {background-color:orange;float:right;}


.ewh1 {height:1em!important;width:1em!important;} .ewh15 {height:1.5em!important;width:1.5em!important;} 
.ewh2 {height:2em!important;width:2em!important;} .ewh25 {height:2.5em!important;width:2.5em!important;} 
.ewh3 {height:3em!important;width:3em!important;} .ewh4 {height:3em!important;width:4em!important;}

.elh07 {line-height:0.7em!important;} .elh1,.elh1 div {line-height:1em!important;}
.elh25,.elh25 div {line-height:2.5em!important;} .elh3,.elh3 div {line-height:3em!important;} .elh4 .elh4 div {line-height:4em!important;}


/* form classes */

.epf-page,.epf-section,.epf-group,.epf-item,.epf-header,.epf-footer,.ep-graph {display:inline-block;width:100%;vertical-align:top;}
.epf-header, .epf-footer, .epf-section, .epf-group, .epf-item  {padding:0;position:relative;}
.epf-header, .epf-footer, .epf-section {overflow:hidden;}

.epf-section {}
.epf-page {padding:0.5em 0;}
.epf-header {padding-top:0.5em;}
.epf-footer {padding-bottom:0.5em;}


/* elements */
.iform>label>*,.epf-page>label>*,.epf-section>label>*,.epf-group>label>*,.epf-item>label>*,.epf-header>label>*,.epf-footer>label>* {margin-top:0.2em;margin-bottom:0.2em;}
.iform label>span {padding-top:0.2em;}

/* titles */
.epf-pgtitle ,.iform span.epgtit {font-size:1.5em;font-weight:bold;text-align:center;width:100%;padding-left:0.3em;}
.epf-grptitle , .iform span.egrptit, .iform output.egrptit   {font-size:1.3em;line-height:1.6;}
.epf-itmtitle , .iform span.eitmtit, .iform output.eitmtit {font-size:1em;line-height:1.6;}
.epf-sectitle , .iform span.esectit, .iform output.esectit   {font-size:1.3em;line-height:1.6;}


.epf-info {padding-top:0.3em;font-style:italic;font-size:0.8em;}
.epf-rule {color:red;font-style:italic;display:inline-block;}

/* user buttons */

.ep-ubt {background-color:var(--btn-bg-color,palegreen);}
.ep-ubt {display:inline-block;min-height:1.9em; border:1px solid grey;vertical-align:top;text-align:center;
border-radius:0.5em;cursor:pointer;}
.ep-ubt input {display:none!important;} 
.ep-ubt .ep-ico {display:inline-block;width:1.9em;height:1.9em;vertical-align:top;float:left;} /*icon*/
.ep-ubt span {display:inline-block;line-height:1.9;padding:0 0.2em;} /*text*/
.exp-ubt *:nth-child(3) {float:left;} /* align if has icon */  
.ep-ubt:hover {border:1px solid red!important;}
.ep-ubt.etc div {float:none;}  /* center icon */
.ep-ubt.ern {border-radius:0!important;}

/* to remove */
.ep-ubt.efr span {float:right!important;}
.ep-ubt.efr {float:right;}
.ep-ubt.etb {font-weight:bold;}  

.ep-ubt.ebh25 div {height:2.5em!important;width:2.5em!important;}
.ep-ubt.ebh25 span {line-height:2.5em!important;}
.ep-ubt.ebh3 div {height:3em!important;width:3em!important;}
.ep-ubt.ebh3 span {line-height:3em!important;}



/* check/option boxes/tabs  */
.ep-chk, .ep-opt, .ep-oti, .ep-otb, .ep-ctb {
	display:inline-block!important;position:relative;
	vertical-align:top;cursor:pointer;padding:0 2px 0 2px; 
	margin:0.2em 0;}
.ep-otb, .ep-ctb {min-height:1.9em!important;}
.ep-ctb.w12, .ep-otb.w12, .ep-oti.w12 {}
.ep-otb div, .ep-oti div, .ep-ctb div  {border:1px solid grey;min-height:2.1em;padding-top:0.3em;}

.ep-chk input, .ep-opt input, .ep-otb input, .ep-oti input, .ep-ctb input {display:none!important;}
.ep-chk div, .ep-opt div {
	display:inline-block;width:1.2em;height:1.2em;
	float:left;border:1px solid grey;position:relative;bottom:0.2em;
}
.ep-chk div {border-radius:25%;} .ep-opt div {border-radius:50%;}
.ep-otb .ep-ico, .ep-ctb .ep-ico {display:inline-block;width:1.9em;height:1.9em;margin-top:-0.35em;border:none;float:right;}
/*
.ep-chk span, .ep-opt span {display:inline-block;padding-left:0.3em;margin-top:0.1em;padding-top:0!important;width:calc(100% - 1.7em)} 

*/
.ep-chk span, .ep-opt span {display:block;padding-left:1.7em;
margin-top:0.1em;padding-top:0!important;width:100%;} /* text */


.ep-ctb span, .ep-otb span {display:inline-block;vertical-align:top;} /* text */
.ep-chk div:after, .ep-opt div:after {content:"✔";position:relative;left:0.1em;display:none;bottom:0.1em;}
.ep-chk input:checked+div,.ep-opt input:checked+div,.ep-oti input:checked+div {background-color:var(--sel-bg-color,lightgreen);}
.ep-otb.esel input:checked+div, .ep-ctb.esel input:checked+div {background-color:var(--sel-bg-color,lightgreen);}
.ep-oti img {width:90%;}

/* open close tabs */ 
.ep-otb input:checked+div div:nth-child(2) {display:none;}
.ep-ctb input:checked+div div:nth-child(2) {display:none;}
.ep-otb input:not(:checked)+div div:nth-child(3) {display:none;}
.ep-ctb input:not(:checked)+div div:nth-child(3) {display:none;}
.ep-ctb.tac, .ep-otb.tac div {text-align:center;} 
.ep-ctb.tac, .ep-otb.tal div {text-align:left;} 
.ep-ctb.tac, .ep-otb.tar div {text-align:right;} 

.ep-chk input:checked+div:after, .ep-opt input:checked+div:after {display:block;}
.ep-chk:hover span, .ep-opt:hover span  {vertical-align:middle;border-bottom:1px solid red!important}
.ep-chk:hover div, .ep-opt:hover div, .ep-oti:hover>div, .ep-otb:hover>div, .ep-ctb:hover>div  {background-color:lightgrey;border:1px solid red;}
.ep-chk div, .ep-opt div {background-color:white;}

.ep-otb .ep-ico.efl, .ep-ctb .ep-ico.efl {margin-right:0.2em;}

.ep-oti.ern div, .ep-otb.ern div, .ep-ctb.ern div {border-radius:0!important;} 
.ep-oti.ert div, .ep-otb.ert div, .ep-ctb.ert div {border-radius:0.5em 0.5em 0 0!important;} 
.ep-oti.erb div, .ep-otb.erb div, .ep-ctb.erb div {border-radius:0 0 0.5em 0.5em!important;} 
.ep-oti.era div, .ep-otb.era div, .ep-ctb.era div {border-radius:0.5em!important;} 
.ep-oti.err div, .ep-otb.err div, .ep-ctb.err div {border-radius:0 0.5em 0.5em 0!important;} 
.ep-oti.erl div, .ep-otb.erl div, .ep-ctb.erl div {border-radius:0.5em 0 0 0.5em!important;} 

.ep-otb.efw, .ep-ctb.efw   {padding:0!important;}
.ep-tab.erb {border:1px solid lightgrey;border-radius:0 0 0.5em 0.5em!important;}  /* never ?? */

/* text, textarea, output and select */
/* as well as ep-txf (find) */

.ep-txl, .ep-txb {display:inline-block;vertical-align:top;padding-top:0.1em;min-height:1.7em;} /* label */
.ep-txi {display:inline-block;vertical-align:top;font-size:0.7em;line-height:1;}
.ep-txb {padding-bottom:0.5em;white-space:pre-line;} /* text block */
.elinp, .ep-txt, .ep-num,.ep-sel {height:1.6em;}
.ep-out {min-height:1.6em;}
.elinp, .ep-txt, .ep-num, .ep-txa, .ep-sel {
	display:inline-block;
	color:initial;vertical-align:top;
	border:1px solid grey!important; border-width:0 0 1px 1px!important;
	border-radius:0.3em!important;
}
.ep-out  {
	display:inline-block;
	color:initial;vertical-align:top;
	border:1px solid grey; border-width:0 0 1px 1px;
}
.ep-txt {color:black;}
.elinp, .ep-txt,.ep-num,.ep-txa,.ep-sel  {
	padding:0 0.4em 0 0.4em!important;
}
.ep-out  {
	padding-left:0.4em!important; padding-right:0.4em!important; white-space: pre-line;}

.efind {border:1px solid lightgrey!important;border-radius:0!important;}
.efind:hover{border:1px solid red;}
.efind:focus{background-color:beige;}

/* file control */ 
.ep-file > div {position:relative;display:inline-block;vertical-align:top;border-bottom:1px solid transparent;}
.ep-file .img {border:1px solid lightgrey; border-radius:0.5em;overflow:hidden;}
.img.etac {text-align:center;}
.ep-file input {display:none;}
.ep-file img {max-width:100%;width:auto;vertical-align:bottom;} 
.ep-file:hover .img {border:1px solid red;}
.ep-file:hover .txt {border-bottom:1px solid red;}
.ep-file:hover .but  {border-bottom:1px solid red;}
.ep-file .rembut{
	display:none;position:absolute;z-index:100;
	bottom:0.4em;right:0.2em;width:1.2em;
	line-height:1.1em;text-align:center;
	border: 1px solid lightgreen;border-radius:50%;
}
.ep-file .remchk, .ep-file .addchk  {
	color:black; margin-right:0.3em;position:relative;text-align:center;
	border: 1px solid lightgrey;border-radius:0.3em;width:1em;float:right;
}
.ep-file .remchk{visibility:hidden;}
.ep-file .remchk:hover {background-color:lightgreen;}  
.ep-file .addchk:hover {background-color:lightgreen;}  
.ep-file .rembut:hover{background-color:lightgreen;}
.ep-file input[value="1"]:checked+div {display:inline-block;visibility:visible;}

/* file new control */ 
.ep-file1:hover .ifile {border:1px solid red;}
.ep-ro .ep-file1:hover .ifile.iro {border:1px dashed red;}
.ep-ro .ep-file1:hover .iro.img {border:1px dashed red;}

.ifile {position:relative;display:inline-block;}
.ifile {border:1px solid lightgrey; border-radius:0.5em;min-height:1.7em;
	padding:2px; padding-bottom:0;
}


.ifile input {display:none;}
.ifilecmd {
	display: none;
	position: absolute;
	padding:2px;
	border-radius:0.3em;
	z-index:1;
/*
	background-color: white;
	border:1px solid black;
	width:1.7em;
	top:-0.7em;
	left:-0.7em;
*/
	text-align:right;
	width:5em;
	top:0;
	right:0;
}
.emil .ifilecmd {top:0;}
.embl .ifilecmd {top:unset;bottom:-1.6em;}
.emtr .ifilecmd {left:unset;right:0.1em;text-align:right;}
.embr .ifilecmd {left:unset;right:0.1em;top:unset;bottom:-1.6em;text-align:right;}
.emtl .ifilecmd {left:0.1em;top:-1.6em;text-align:left;}

.ifile img {border-radius:1px;width:100%;}
.ifile span {text-align:left;display:inline-block;line-height:calc(1em + 8px);padding-left:5px;vertical-align: bottom;} /* 8px = padding + bottom */
.ifile span i {color:lightgray;}

.ifilecmd div {display:none;}
.ifilecmd label {color:black;padding:0 5px;display: inline-block;border-radius:0.3em;border:1px solid lightgreen;padding-bottom:2px;line-height:1;margin:0 1px;background-color:white;}
.ifilecmd label:hover {background-color:lightgreen;}
.ifilecmd input[type="checkbox"]:checked+div {display:inline-block;}
.ifile:hover .ifilecmd {display: inline-block;}
.ep-ro .ifile.iro:hover .ifrem, .ep-ro .ifile.iro:hover .ifadd {display:none;}
/*
.ep-ro .ifile.iro:hover .ifilecmd {display:none;}
*/

/* tree classes */
.epf-tree {display:inline-block;vertical-align:top;position:relative;width:100%;min-height:1.9em;}
.epf-tree input {display:none;}
.etrw {
    height:1.5em;padding-top:0.2em;
    width:100%!important;position:relative;}
.etrw>label{padding-left:1.5em; cursor:pointer;}
.etrw>span {cursor:pointer;}
.etrw>div:first-child {
	position:absolute;left:-0.2em ;top:-0.7em;
    border-bottom:1px dotted grey;
    border-left:1px dotted grey;
    height:1.5em;width:0.6em;}
.etrw>label~span {display:inline-block;position:absolute;right:1em;} 
.etrw>span {
	display:inline-block;
	text-align:center;
	position:absolute;
	left:1.25em;
	bottom:0.1em;
	width:1.1em;
	color:grey;
}
.etgrp {
  display:flex;
  flex-direction: row;}
.etgrp>div {width:100% ;}
.etgrp>div:first-child {
  border-left:1px dotted grey;
  position:relative;left:-0.2em;top:-0.7em;
  width:1em!important;}
.etgrp.l>div:first-child {border:none;}
.etchk+div {
	background-color:white;z-index:1000;
  border:1px solid grey;display:inline-block;position:absolute; 
  left:0.3em; bottom:0.2em; width:0.9em; height:0.9em;border-radius:25%;}
.etchk+div:after {content:"✔";position:relative;left:0.1em;display:none;
bottom:0.1em;font-weight:normal;bottom:0.4em;font-size:0.8em;}

.etchk[data-chk="2"]+div {background-color:lightgrey;}
.etchk:checked+div {background-color:var(--sel-bg-color,lightgreen);}
.etchk:checked+div:after {display:inline-block;}

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



.etrw>span:hover {color:red;cursor:grab;}
.epf-tree label:first-child  {font-weight:bolder;}
.etrw i {font-size:0.8em;font-weight:normal;color:blue;}
.epf-tree [data-grp="0"]+div {display:none;}
/*
.epf-tree [data-grp="1"]>span:after {content:"◀";} 
.epf-tree [data-grp="0"]>span:after {content:"▼";} 
*/
.epf-tree [data-grp="1"]>span:after {content:"▽";} 
.epf-tree [data-grp="0"]>span:after {content:"▷";} 
.epf-tree span+label {padding-left:2.5em;display:inline-block;overflow:hidden;max-height:1.5em;}
.epf-tree .etrw.e0 label {font-weight:bolder;}

/* links and images*/
.ep-lnk, .ep-img {display:inline-block;vertical-align:top;}
.ep-lnk {padding-top: 0.2em;}
.ep-img {text-align:center;width:auto;}
.ep-lnk img, .ep-img img {width:100%;display:inline-block;vertical-align:top;border:1px solid transparent;}
.ep-lnk a[href$="epro/"], .ep-lnk a[href=""] {color:grey;text-decoration:none;cursor:default;}

/* arrays */
.ep-array {display:inline-block;vertical-align:top;}
.ep-array table {width:100%;border-collapse:collapse;}
.ep-array table, .ep-array tr, .ep-array td, .ep-array th {border:1px solid lightgrey;}
.ep-array tr {}
.ep-array tr td:first-child, .ep-array tr th:first-child {border-left:none;}
.ep-array tr td:last-child, .ep-array tr th:last-child {border-right:none;}

.ep-array th {font-weight:normal;padding:0.2em;vertical-align:top;}  /* same as label */
.ep-array th {text-transform: unset;} /* corection css */
.ep-array.erows .ep-tbody tr:nth-child(even) {background-color:whitesmoke;}
.ep-array.erows3 .ep-tbody tr:nth-child(3n+2) {background-color:whitesmoke;}
.ep-array.erows4 .ep-tbody tr:nth-child(4n) {background-color:whitesmoke;}
.ep-array tr.esel {background-color:lightgreen!important;}
.xep-array .iarr tr:hover {background-color:lightgrey;}
.ep-array.ehov tr:hover {background-color:lightgrey;}

.ep-array td {font-weight:normal;padding:0.2em;vertical-align:top;}  /* same as label */
.ep-array td>div {display:inline-block;vertical-align:top;padding-left:0.2em;position:relative;line-height:1.7;}
 
.ep-array .ep-ico {display:inline-block;width:1.2em;height:1.2em;position:relative!important;top:0.2em;}
.ep-array .ehov:hover {outline:1px solid red;cursor:pointer;}
.ep-array .ep-chk div, .ep-array .ep-opt div {top:0.1em;}

/* progress bar in row of arrays */
.irowbar {display:inline-block;padding:0.2em;width:100%;background-color:lightgrey;}
.irowbar div {line-height:1.4em;padding-left:0.2em;background-color:lightgreen;}
.irowbar span {font-size:0.8em;}

/* tables -> old */
.ep-table {display:inline-block;vertical-align:top;margin:0!important;}
.ep-table table {width:100%;border-collapse:collapse;}
.ep-table table, .ep-table tr, .ep-table td {border:1px solid lightgrey;}
.ep-table tr {}
.ep-table tr td:first-child, .ep-table tr th:first-child {border-left:none;}
.ep-table tr td:last-child, .ep-table tr th:last-child {border-right:none;}

.ep-table.erows tbody tr:nth-child(even) {background-color:whitesmoke;}
.ep-table tr.esel {background-color:var(--btn-bg-color,lightgreen)!important;}
.ep-table .iarr tr:hover {background-color:lightgrey;}
.ep-table td {font-weight:normal;padding:0.2em;vertical-align:top;}  /* same as label */
.ep-table td, .ep-table th {white-space:pre;}

.ep-thead {}
.ep-tbody {display:block;width:100%;overflow:auto;}
.ep-tfooter {}
div.isync {display:inline-block;width:100%;}

/* needed */ 
.ep-txl.etc, .ep-txi.etc, .ep-txb.etc {text-align:center;}  
.ep-txl.etr, .ep-txi.etr, .ep-txb.etr {text-align:right;}  
.ep-txl.etb, .ep-txi.etb, .ep-txb.etb {font-weight:bold;}  

.ep-out.efb {margin-top:0.3em;padding-top:0.15em;}
.ep-out.epn {padding-left:0!important;padding-right:0!important;}
.ep-out {text-align:right;border-radius:0!important;padding-top:0.2em;}
.ep-out.etc {text-align:center;}  
.ep-out.etr {text-align:right;}  .ep-out.etb {font-weight:bold;}  

.ep-img input {display:none;}
.ep-run {cursor:pointer;}
.ep-placeholder {color:grey!important;}
span.ep-placeholder {padding-top:0.1em;vertical-align:top;display:inline-block;}
.ep-page .ehov img {border:1px solid transparent;}
.ep-page .ehov img:hover {border:1px solid red;}
.ep-page .ehovup:hover {transform: translateY(-6px);}


/* general hovering */
.elinp:hover, .ep-txt:hover,.ep-txf:hover,.ep-num:hover, .ep-txa:hover, .ep-sel:hover {border-bottom:1px solid red!important;}
.ep-txt:focus,.ep-txf:focus,.ep-num:focus, .ep-txa:focus , .ep-sel:focus {background-color:beige!important;color:inherit!important;} 

/*
.iform input[type=number] {text-align:center;}
 .iform select {text-align:center;}
*/
.iform details {display:inline-block;}
.iform details[open] {}
.iform summary div {padding-top:0.2em!important}
.iform details>span {position:relative;top:0.4em;left:1.5em;}

/* ranges */
.ep-rng  {display:inline-block;}
.ep-rng  div  {display:inline-block;width:75%;vertical-align:top;}
.ep-rng input[type=range] {width:75%;}
.ep-rng input[type=text]{width:75%;text-align:right;}
.ep-rng output {width:25%;text-align:right;padding-right:0.4em;}
.ep-rng.ew0 input[type=range]  {width:100%;}
.ep-rng.ew6 input[type=range]  {width:50%;}
.ep-rng.ew6 input[type=text], .ep-rng.ew6 output  {width:50%;}
.ep-rng.ew3 input[type=range] {width:25%;}
.ep-rng.ew3 input[type=text], .ep-rng.ew3 output  {width:75%;}

::-webkit-slider-thumb {background:green;width:0.3em;}
::-moz-range-thumb {background:green;width:0.3em;}

/* form page bar */
.epf-pgbtnbar {display:inline-block;vertical-align:top;line-height:1.9;height:1.9em;}
.epf-pgbtnbar label {display:inline-block;width:1.7em;vertical-align:top;line-height:1.7;text-align:center;border:1px solid lightgrey;border-radius:0.5em;margin:0 0.2em ;cursor:pointer;height:1.9em;}
.epf-pgbtnbar input {display:none!important;}
.epf-pgbtnbar label.selected {background-color:var(--sel-bg-color,lightgreen);}
.epf-pgbtnbar label.sel {background-color:var(--sel-bg-color,lightgreen);}

/* form page progress bars */
.epf-pgprgbar {display:inline-block;vertical-align:top;border:1px solid grey;border-radius:0.5em;overflow:hidden;font-size:0.7em;height:1.9em;}
.epf-pgprgbar div {text-align:center;line-height: 1.7;overflow: hidden;}
.epf-pgprgbar div:first-child {background-color:lightgreen;}
.epf-pgprgbar div:nth-child(2) {background-color:lightgrey;}
.epf-pgprgbar div:nth-child(3) {background-color:orangered;}

/* list page bar */
.epl-pgbtnbar {display:inline-block;;overflow:hidden;vertical-align:top;display:flex;align-items:flex-start;}
.epl-pgbtnbar label {display:inline-block;width:1.7em;vertical-align:top;line-height:1.4;text-align:center;border:1px solid lightgrey;border-radius:0.5em;margin:0 0.2em ;cursor:pointer;}
.epl-pgbtnbar input {display:none!important;}
.epl-pgbtnbar label.selected {background-color:var(--sel-bg-color,lightgreen);}
.epl-pgbtnbar label.sel {background-color:var(--sel-bg-color,lightgreen);}
.epl-pgbtnbar input[type=number] {display:inline-block;}

/* data set navbar */
.epf-navbtnbar {display:inline-block;;overflow:hidden;vertical-align:top;padding:0.2em 0;}
.epf-navbtnbar span {display:inline-block;min-width:1.5em;vertical-align:top;
	line-height:1.2;text-align:center;border:1px solid lightgrey;border-radius:0.5em;
	margin:0 0.2em;padding:0.2em;}
.epf-navbtnbar span:hover {cursor:pointer;background-color:var(--sel-hov-color,lightgrey);} 
.epf-navbtnbar input {display:none!important;}
.epf-navbtnbar span.sel {background-color:var(--sel-bg-color,lightgreen);}
.epf-navbtnbar input[type=number] {display:inline-block!important;height:1.4em;width:4em;text-align:center;background-color:beige;}

/* disabled */
input:disabled, select:disabled, textarea:disabled {background:whitesmoke;} 
.ep-chk input:disabled+div , .ep-opt input:disabled+div , .ep-ctb input:disabled+div, .ep-otb input:disabled+div, .ep-oib input:disabled+div  {background:whitesmoke;} 
.ep-chk input[checked="checked"]:disabled+div, 
.ep-opt input[checked="checked"]:disabled+div, 
.ep-ctb input[checked="checked"]:disabled+div,  
.ep-otb input[checked="checked"]:disabled+div,  
.ep-oti input[checked="checked"]:disabled+div {background:PaleTurquoise;}
 
 
.ep-pagetabs > div {
display:inline-block;
margin-right:0.2em;
border:1px solid lightgrey;
}  
.ep-pagetabs .esel {background-color:lightgrey;} 

/* validation */
/*switch off default required box */ 
input {-moz-box-shadow:none!important;-webkit-box-shadow:none;box-shadow:none!important;display:inline-block;}
input:not(focus):invalid {color:grey!important;} 	
::-webkit-input-placeholder {color:grey!important;}
:-ms-input-placeholder {color:grey!important;}
::placeholder {color:grey!important;}
[data-check=err] {border:1px solid red!important;}
.ep-req {border-left:1px solid red!important;}


	/* Styles used for EPRO list screens   
 * -------------------------------------------------------------
 * Update log
 * V0 May 19 Johnny EPRO
 * location: /src
 * prefix: epl
 * -------------------------------------------------------------
 */

 /* layout */
 
.epl-page {width:100%;}
.epl-filter, .epl-list {
	display:inline-block;margin-right:-5px;vertical-align:top;}

/* list filter classes */
.epf-table input, .epf-lable  select {padding:0;display:inline-block;color:inherit;}
.eplf-search {display:flex;
    height:1.9rem;padding:0.2rem;}
.eplf-search > input {
	width:100%; height:1.5rem;min-width:1rem;
    border:1px solid lightgrey;
    padding-left:0.5rem;}
.eplf-search > div {
	width:3rem!important;flex-shrink:0;
    height:1.5rem;margin-right:5px;
	cursor:pointer;	background-color:lightgreen;color:red;text-align:center;
}
/* list filter classes */
.eplf-find {display:flex;height:1.9em;padding:0.2em;}
.eplf-find > input {
	height:1.5em;min-width:1em;
    border:1px solid lightgrey;
    padding-left:0.5em;}
  
.eplf-row {
  height:1.5em;padding-top:0.2em;
  width:100%!important;position:relative!important;}
.eplf-row input {visibility:hidden;}
.eplf-row>label {padding-left:1em;	cursor:pointer;}
.eplf-row>span {cursor:pointer;}
.eplf-grp .eplf-row>div:first-child {
	position:absolute;left:-0.1em;top:-0.7em;
    border-bottom:1px solid grey;
	border-left:1px solid grey;
    height:1.5em;width:0.4em;}
.eplf-row>label~span {display:inline-block;position:absolute;right:0.6em;} 

.eplf-grp {display:flex;}
.eplf-grp>div {width:100%;}
.eplf-grp>div:first-child {
  position:relative;left:-0.1em;top:-0.7em;
  width:1em!important;}
.eplf-grp .eplf-grp>div:first-child {border-left:1px solid grey;}  
.eplf-grp .eplf-grp:last-child>div  {border:none;}
  

.eplf-chk {display:none;}
.eplf-chk+div {
 background-color:white;z-index:1000;
 border:1px solid grey;display:inline-block;position:absolute; 
 left:0.3em; top:0.2em; width:1.2em; height:1.2em;border-radius:25%;}
.eplf-row span {position:absolute;left:3em;}

.eplf-chk+div:after {content:"✔";position:relative;left:0.1em;display:none;top:-0.1em;}
.eplf-chk[data-chk="2"]+div {background-color:lightgrey;}
.eplf-chk:checked+div {background-color:var(--sel-bg-color,lightgreen);}
.eplf-chk:checked+div:after {display:inline-block;}
.eplf-chk:hover {border:1px solid lightgrey!important;border-color:var(--hov-ln-color,red);}
.eplf-chk:hover+div {background-color:lightgrey;border:1px solid red;}
.eplf-chk:hover+span {border-bottom:1px solid red;}

/* check/option boxes/tabs  */
.epl-chk {display:inline-block!important;height:1.5em!important;vertical-align:top;cursor:pointer;padding:0 2px 0 2px; margin:0.2em 0;}

.epl-chk input {display:none!important;}
.epl-chk div {display:inline-block;width:1.2em;height:1.2em;float:left;border:1px solid grey;position:relative;}
.epl-chk div {border-radius:25%;} 

.epl-chk span {display:inline-block;padding-left:0.3em;} /* text */
.epl-chk div:after {content:"✔";position:relative;left:0.1em;display:none;}
.epl-chk input:checked+div {background-color:var(--sel-bg-color,lightgreen);}
.epl-chk input:checked+div:after {display:block;}
.epl-chk:hover span  {vertical-align:middle;border-bottom:1px solid red!important}
.epl-chk:hover div {background-color:lightgrey;border:1px solid red;}



/* list table classes */

.eplt-table {display:block;width:100%;overflow:auto;min-height:15em;
border-top:1px solid red;
}
.itable {display:block;width:100%;overflow:auto;min-height:15em;}
.iform table {width:100%;border-collapse:collapse;}
.epl-table td {padding:0.2em;border:1px solid lightgrey;padding-left:0.7em;}
.epl-table tr td:first-child {border-left:none;}
.epl-table tr td:last-child {border-right:none;}
.epl-table tr:nth-child(even)  {background-color:beige;}
.epl-table tr:hover {background-color:lightgrey;}

/* table header row type */
.epl-row, .eplt-head, .eplt-foot {
	display:block;width:100%;
	font-weight:normal;min-height:2.4em;
    padding: 0.3em 0 0.3em 0;}
.eplt-head {}
/* .eplt-head {background-color:#d1ede9;} */
.eplt-foot {background-color:lightgreen;}
/* .eplt-foot {background-color:#f5eeee;} */   

.eplt-foot {border-top:1px solid red;}    
.eplt-head>span {font-weight:bold;font-size:1.3em;line-height:1.6;}
.eplt-width {width:100%;}

/* find old */

.epl-find  {display:block;width:100%;} 
.epl-find {background-color:lightcyan;padding:0.3em 0 0.3em 0;} 
/* .eplt-find {background-color:#d1ede9;} */

.epl-find input {border:1px solid lightgrey;height:1.5em;}
.epl-find input:hover{border:1px solid red;}
.epl-find input:focus{background-color:beige;}
.epl-find [data-find^="x"] {visibility:hidden;}  /* soon obsolete */

 
.eplt-select {background-color:lightcyan;}
.eplt-select input, .eplt-select select {border:1px solid lightgrey;height:1.5em;}
.eplt-select input:hover, .eplt-select select:hover{border:1px solid red;}
.eplt-select input:focus, .eplt-select select:focus {background-color:beige;}



/* find new */
.efindbar {padding:0.3em 0 0.3em 0;} 
.efindbar input, .efindbar select {border:1px solid lightgrey!important;height:1.5em!important;}
.efindbar input:hover, .efindbar select:hover {border:1px solid red;}
.efindbar input:focus, .efindbar select:focus {background-color:beige;}


/* title bar with sorting */
/*
.epl-sort>div {display:table;}   
.epl-sort {padding:0;font-weight:bold;border-top:1px solid lightgrey;border-bottom:1px solid red;}
.epl-sort>div>div {display:table-cell;border-left:1px solid lightgrey; position:relative;padding:0.4em;padding-left:0.7em;}
*/

/* sort old */
.epl-sort>div {display:inline-block;width:100%;}   
.epl-sort {padding:0;font-weight:bold;border-top:1px solid lightgrey;}
.epl-sort>div>div {display:inline-block;vertical-align:top;border-left:1px solid lightgrey; position:relative;padding:0.4em;padding-left:0.7em;
}

.epl-sort>div>div:first-Child {border-left:none;}
.epl-sort  {}
.epl-sort  span {position:absolute;top:0.2em;left:0.2em;}
.epl-sort [data-sort^="u"] span::after {content:"↑";}
.epl-sort [data-sort^="d"] span::after {content:"↓";}
.epl-sort [data-sort^="x"] span::after {content:"↕";}

/* sort new */

.isortbar {padding:0.3em 0 0.3em 0;}
.isortbar span {padding-left:0.2em;}

.isortbar span[data-sort]:hover {color:red;}
.isortbar span[data-sort^="u"]:before {content:"↑ ";}
.isortbar span[data-sort^="d"]:before {content:"↓ ";}
.isortbar span[data-sort^="x"]:before {content:"↕ ";}

/* esortbar has click event! */

.eplt-navbar {display:flex;font-size:0.8em; justify-content:left;text-align:center;padding:0.2em;padding-top: 0.5em;}
.eplt-navbar div {display:inline-block;padding:0.2em; height:2.4em; min-width:1.5em; border:1px solid lightgreen; margin:0 0.2em; border-radius:0.4em;padding-top:0.4em;cursor:default;}
.eplt-navbar div:hover {border:1px solid red;background-color:lightgrey;}
.eplt-navbar div:last-Child {padding-left:0.3em;padding-right:0.3em;}

.eplt-navbar span {display:inline-block;padding:0.2em;height:2.4em; min-width:1.5em; border:1px solid lightgreen; margin:0 0.2em; border-radius:0.4em;padding-top:0.4em;cursor:default;}
.eplt-navbar span:hover {border:1px solid red;background-color:lightgrey;}
.eplt-navbar span:last-Child {padding-left:0.3em;padding-right:0.3em;}
.eplt-navbar input {margin-top:0.1em;text-align:center; padding:0.2em; width:2.5em;height:1.3em;border:none;padding-top:0.5em;}

.eplt-btnbar {display:flex;font-size:0.8em;justify-content:right;padding:0.2em;padding-top: 0.5em;}

.epf-ibar {display:inline-block;vertical-align:top;text-align:center;margin-top:0.2em;}
.epf-ibar div {display:inline-block;vertical-align:top; }
.epf-ibar span {padding-left:0!important;padding-right:0!important;font-size:1.5em;}
.epf-ibar .ep-ico {font-size:0.9em;width:1.7em;height:1.7em;float:left;}

/*/ slides /*/
.epf-slider .slide {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
.epf-slider img {width:100%; vertical-align: middle;}
.epf-slider i, .epf-slider a {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  user-select: none;
}
.epf-slider a {
 	left:0;
 	border-radius: 0 3px 3px 0;
}
.epf-slider i {
	font-style:normal;
 	right:0;
 	border-radius: 3px 0 0 3px;
}
.epf-slider i:hover, .epf-slider a:hover {
background-color: rgba(0,0,0,0.8);}

.epf-slider .stxt {
  color: #f2f2f2;
  font-size: 1.3em;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* Number text (1/3 etc) */
.epf-slider .snum {
  color: #f2f2f2;
  font-size: 1em;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

.epf-slider span {
  cursor: pointer;
  height: 1em;
  width: 1em;
  margin: 0 2px;
  border-radius: 50%;
  border:1px solid grey;
  display: inline-block;
}
.epf-slider .dots {text-align:center;margin:0.5em 0;}
.epf-slider span.active {background-color:var(--sel-bg-color,lightgreen)!important;}
.epf-slider span:hover {background-color: lightgrey;}



/*/ general classes /*/

/* icon positioning */
.ep-ico.efr {float:right;position:initial;}
.ep-ico.efl {float:left;position:initial;}
.ep-ico.efn {float:none;}

/* flex */
.ebf {display:flex!important;flex-wrap:wrap;} 
.ebf.sp {justify-content:space-between;}
.ebf.ac {align-items:center;}
.ebf.rr {flex-direction:row-reverse;}
.ebf>div {display:block!important;}

.es0 {margin-left:0!important;}

/* responsiveness basedon cosmosWP: 576,768,992,1200 */
@media only screen and (min-width:576px) and (max-width:767px) {
.ebf>div.ew0 {display:none!important;}	
.ebfc {flex-direction:column;} 
.ew0 {display:none!important;}
}

/* responsiveness basedon cosmosWP: 576,768,992,1200 */
/* for desktop / ipad */
/* 10 grid */
.ew01 {width:10%!important;} .es01 {margin-left:10%!important;}
.ew02 {width:20%!important;} .es02 {margin-left:20%!important;}
.ew03{width:30%!important;} .es03 {margin-left:30%!important;}
.ew04 {width:40%!important;} .es04 {margin-left:40%!important;}
.ew06{width:60%!important;} .es06 {margin-left:60%!important;}
.ew07 {width:70%!important;} .es07{margin-left:70%!important;}
.ew08 {width:80%!important;} .es08 {margin-left:80%!important;}
.ew09{width:90%!important;} .es09 {margin-left:90%!important;}
/* 12 grid */
.ew025 {width:2.0833%!important;} .es025 {margin-left:2.0833%!important;}
.ew05 {width:4.1667%!important;} .es05 {margin-left:4.1667%!important;}
.ew075 {width:6.2500%!important;} .es075 {margin-left:6.2500%!important;}
.ew1 {width:8.3333%!important;} .es1 {margin-left:8.3333%!important;}
.ew125 {width:10.4167%!important;} .es125 {margin-left:10.4167%!important;}
.ew15 {width:12.5000%!important;} .es15 {margin-left:12.5000%!important;}
.ew175 {width:14.5833%!important;} .es175 {margin-left:14.5833%!important;}
.ew2 {width:16.6667%!important;} .es2 {margin-left:16.6667%!important;}
.ew225 {width:18.7500%!important;} .es225 {margin-left:18.7500%!important;}
.ew25 {width:20.8333%!important;} .es25 {margin-left:20.8333%!important;}
.ew275 {width:22.9167%!important;} .es275 {margin-left:22.9167%!important;}
.ew3 {width:25.0000%!important;} .es3 {margin-left:25.0000%!important;}
.ew325 {width:27.0833%!important;} .es325 {margin-left:27.0833%!important;}
.ew35 {width:29.1667%!important;} .es35 {margin-left:29.1667%!important;}
.ew375 {width:31.2500%!important;} .es375 {margin-left:31.2500%!important;}
.ew4 {width:33.3333%!important;} .es4 {margin-left:33.3333%!important;}
.ew425 {width:35.4167%!important;} .es425 {margin-left:35.4167%!important;}
.ew45 {width:37.5000%!important;} .es45 {margin-left:37.5000%!important;}
.ew475 {width:39.5833%!important;} .es475 {margin-left:39.5833%!important;}
.ew5 {width:41.6667%!important;} .es5 {margin-left:41.6667%!important;}
.ew525 {width:43.7500%!important;} .es525 {margin-left:43.7500%!important;}
.ew55 {width:45.8333%!important;} .es55 {margin-left:45.8333%!important;}
.ew575 {width:47.9167%!important;} .es575 {margin-left:47.9167%!important;}
.ew6 {width:50.0000%!important;} .es6 {margin-left:50.0000%!important;}
.ew625 {width:52.0833%!important;} .es625 {margin-left:52.0833%!important;}
.ew65 {width:54.1667%!important;} .es65 {margin-left:54.1667%!important;}
.ew675 {width:56.2500%!important;} .es675 {margin-left:56.2500%!important;}
.ew7 {width:58.3333%!important;} .es7 {margin-left:58.3333%!important;}
.ew725 {width:60.4167%!important;} .es725 {margin-left:60.4167%!important;}
.ew75 {width:62.5000%!important;} .es75 {margin-left:62.5000%!important;}
.ew775 {width:64.5833%!important;} .es775 {margin-left:64.5833%!important;}
.ew8 {width:66.6667%!important;} .es8 {margin-left:66.6667%!important;}
.ew825 {width:68.7500%!important;} .es825 {margin-left:68.7500%!important;}
.ew85 {width:70.8333%!important;} .es85 {margin-left:70.8333%!important;}
.ew875 {width:72.9167%!important;} .es875 {margin-left:72.9167%!important;}
.ew9 {width:75.0000%!important;} .es9 {margin-left:75.0000%!important;}
.ew925 {width:77.0833%!important;} .es925 {margin-left:77.0833%!important;}
.ew95 {width:79.1667%!important;} .es95 {margin-left:79.1667%!important;}
.ew975 {width:81.2500%!important;} .es975 {margin-left:81.2500%!important;}
.ew10 {width:83.3333%!important;} .es10 {margin-left:83.3333%!important;}
.ew1025 {width:85.4167%!important;} .es1025 {margin-left:85.4167%!important;}
.ew105 {width:87.5000%!important;} .es105 {margin-left:87.5000%!important;}
.ew1075 {width:89.5833%!important;} .es1075 {margin-left:89.5833%!important;}
.ew11 {width:91.6667%!important;} .es11 {margin-left:91.6667%!important;}
.ew1125 {width:93.7500%!important;} .es1125 {margin-left:93.7500%!important;}
.ew115 {width:95.8333%!important;} .es115 {margin-left:95.8333%!important;}
.ew1175 {width:97.9167%!important;} .es1175 {margin-left:97.9167%!important;}
.ew12 {width:100.0000%!important;} .es12 {margin-left:100.0000%!important;}

/*/ responsive text sizes ???? -> to be revised /*/
.ets07 *, .ets07 {font-size:calc(0.35vw + 0.35em);}
.ets08 *, .ets08 {font-size:calc(0.4vw + 0.4em);}
.ets09 *, .ets09 {font-size:calc(0.45vw + 0.45em);}
.ets1 *, .ets1 {font-size:calc(0.5vw + 0.5em);}
.ets11 *, .ets11 {font-size:calc(0.55vw + 0.55em);}
.ets12 *, .ets12 {font-size:calc(0.6vw + 0.6em);}
.ets13 *, .ets13 {font-size:calc(0.65vw + 0.65em);}
.ets15 *, .ets15 {font-size:calc(0.75vw + 0.75em);}
.ets2 *, .ets2 {font-size:calc(1vw + 1em);}
.ets25 *, .ets25 {font-size:calc(1.25vw + 1.25em);}

.ep-xlarge,.ep-large,.ep-small,.ep-medium {display:none;}
.ep-normal {display:inline-block;}

/* responsiveness basedon cosmosWP: 576,768,992,1200 */
@media only screen and (max-width: 577px) {
  /* For mobiles */
.ep-xlarge,.ep-large,.ep-normal,.ep-medium {display:none;} .ep-small {display:inline-block;}
.ebf>div.ews0 {display:none!important;}
.ebfs {flex-direction:column;} 
.ews0 {display:none!important;width:0!important;} .ess0 {margin-left:0!important;}

/* 10 grid */
.ews01 {width:10%!important;} .ess01 {margin-left:10%!important;}
.ews02 {width:20%!important;} .ess02 {margin-left:20%!important;}
.ews03{width:30%!important;} .ess03 {margin-left:30%!important;}
.ews04 {width:40%!important;} .ess04 {margin-left:40%!important;}
.ews06{width:60%!important;} .ess06 {margin-left:60%!important;}
.ews07 {width:70%!important;} .ess07 {margin-left:70%!important;}
.ews08 {width:80%!important;} .ess08 {margin-left:80%!important;}
.ews09{width:90%!important;} .es09 {margin-left:90%!important;}

/* 12 grid */
.ews025 {width:2.0833%!important;} .ess025 {margin-left:2.0833%!important;}
.ews05 {width:4.1667%!important;} .ess05 {margin-left:4.1667%!important;}
.ews075 {width:6.2500%!important;} .ess075 {margin-left:6.2500%!important;}
.ews1 {width:8.3333%!important;} .ess1 {margin-left:8.3333%!important;}
.ews125 {width:10.4167%!important;} .ess125 {margin-left:10.4167%!important;}
.ews15 {width:12.5000%!important;} .ess15 {margin-left:12.5000%!important;}
.ews175 {width:14.5833%!important;} .ess175 {margin-left:14.5833%!important;}
.ews2 {width:16.6667%!important;} .ess2 {margin-left:16.6667%!important;}
.ews225 {width:18.7500%!important;} .ess225 {margin-left:18.7500%!important;}
.ews25 {width:20.8333%!important;} .ess25 {margin-left:20.8333%!important;}
.ews275 {width:22.9167%!important;} .ess275 {margin-left:22.9167%!important;}
.ews3 {width:25.0000%!important;} .ess3 {margin-left:25.0000%!important;}
.ews325 {width:27.0833%!important;} .ess325 {margin-left:27.0833%!important;}
.ews35 {width:29.1667%!important;} .ess35 {margin-left:29.1667%!important;}
.ews375 {width:31.2500%!important;} .ess375 {margin-left:31.2500%!important;}
.ews4 {width:33.3333%!important;} .ess4 {margin-left:33.3333%!important;}
.ews425 {width:35.4167%!important;} .ess425 {margin-left:35.4167%!important;}
.ews45 {width:37.5000%!important;} .ess45 {margin-left:37.5000%!important;}
.ews475 {width:39.5833%!important;} .ess475 {margin-left:39.5833%!important;}
.ews5 {width:41.6667%!important;} .ess5 {margin-left:41.6667%!important;}
.ews525 {width:43.7500%!important;} .ess525 {margin-left:43.7500%!important;}
.ews55 {width:45.8333%!important;} .ess55 {margin-left:45.8333%!important;}
.ews575 {width:47.9167%!important;} .ess575 {margin-left:47.9167%!important;}
.ews6 {width:50.0000%!important;} .ess6 {margin-left:50.0000%!important;}
.ews625 {width:52.0833%!important;} .ess625 {margin-left:52.0833%!important;}
.ews65 {width:54.1667%!important;} .ess65 {margin-left:54.1667%!important;}
.ews675 {width:56.2500%!important;} .ess675 {margin-left:56.2500%!important;}
.ews7 {width:58.3333%!important;} .ess7 {margin-left:58.3333%!important;}
.ews725 {width:60.4167%!important;} .ess725 {margin-left:60.4167%!important;}
.ews75 {width:62.5000%!important;} .ess75 {margin-left:62.5000%!important;}
.ews775 {width:64.5833%!important;} .ess775 {margin-left:64.5833%!important;}
.ews8 {width:66.6667%!important;} .ess8 {margin-left:66.6667%!important;}
.ews825 {width:68.7500%!important;} .ess825 {margin-left:68.7500%!important;}
.ews85 {width:70.8333%!important;} .ess85 {margin-left:70.8333%!important;}
.ews875 {width:72.9167%!important;} .ess875 {margin-left:72.9167%!important;}
.ews9 {width:75.0000%!important;} .ess9 {margin-left:75.0000%!important;}
.ews925 {width:77.0833%!important;} .ess925 {margin-left:77.0833%!important;}
.ews95 {width:79.1667%!important;} .ess95 {margin-left:79.1667%!important;}
.ews975 {width:81.2500%!important;} .ess975 {margin-left:81.2500%!important;}
.ews10 {width:83.3333%!important;} .ess10 {margin-left:83.3333%!important;}
.ews1025 {width:85.4167%!important;} .ess1025 {margin-left:85.4167%!important;}
.ews105 {width:87.5000%!important;} .ess105 {margin-left:87.5000%!important;}
.ews1075 {width:89.5833%!important;} .ess1075 {margin-left:89.5833%!important;}
.ews11 {width:91.6667%!important;} .ess11 {margin-left:91.6667%!important;}
.ews1125 {width:93.7500%!important;} .ess1125 {margin-left:93.7500%!important;}
.ews115 {width:95.8333%!important;} .ess115 {margin-left:95.8333%!important;}
.ews1175 {width:97.9167%!important;} .ess1175 {margin-left:97.9167%!important;}
.ews12 {width:100.0000%!important;} .ess12 {margin-left:100.0000%!important;}

/*/ responsive text sizes -> to be revised /*/
.etss07 *, .etss07 {font-size:calc(0.35vw + 0.35em);}
.etss09 *, .etss08 {font-size:calc(0.4vw + 0.4em);}
.etss09 *, .etss09 {font-size:calc(0.45vw + 0.45em);}
.etss1 *, .etss1 {font-size:calc(0.5vw + 0.5em);}
.etss11 *, .etss11 {font-size:calc(0.55vw + 0.55em);}
.etss12 *, .etss12 {font-size:calc(0.6vw + 0.6em);}
.etss13 *, .etss13 {font-size:calc(0.65vw + 0.65em);}
.etss15 *, .etss15 {font-size:calc(0.75vw + 0.75em);}
.etss2 *, .etss2 {font-size:calc(1vw + 1em);}
.etss25 *, .etss25 {font-size:calc(1.25vw + 1.25em);}
}

/* responsiveness basedon cosmosWP: 576,768,992,1200 */
@media only screen and (min-width:768px) {
  /* For medium desktop */
.ep-normal,.ep-xlarge,.ep-small,.ep-large {display:none;} .ep-medium {display:inline-block;}
.ebfm {flex-direction:column;} 
.ebf>div.ewm0 {display:none!important;}
.ewm0 {display:none!important;width:0!important;} .esm0 {margin-left:0!important;}

/* 10 grid */
.ewm01 {width:10%!important;} .esm01 {margin-left:10%!important;}
.ewm02 {width:20%!important;} .esm02 {margin-left:20%!important;}
.ewm03{width:30%!important;} .esm03 {margin-left:30%!important;}
.ewm04 {width:40%!important;} .esm04 {margin-left:40%!important;}
.ewm06{width:60%!important;} .esm06 {margin-left:60%!important;}
.ewm07 {width:70%!important;} .esm07 {margin-left:70%!important;}
.ewm08 {width:80%!important;} .esm08 {margin-left:80%!important;}
.ewm09{width:90%!important;} .esm09 {margin-left:90%!important;}
/* 12 grid */
.ewm025 {width:2.0833%!important;} .esm025 {margin-left:2.0833%!important;}
.ewm05 {width:4.1667%!important;} .esm05 {margin-left:4.1667%!important;}
.ewm075 {width:6.2500%!important;} .esm075 {margin-left:6.2500%!important;}
.ewm1 {width:8.3333%!important;} .esm1 {margin-left:8.3333%!important;}
.ewm125 {width:10.4167%!important;} .esm125 {margin-left:10.4167%!important;}
.ewm15 {width:12.5000%!important;} .esm15 {margin-left:12.5000%!important;}
.ewm175 {width:14.5833%!important;} .esm175 {margin-left:14.5833%!important;}
.ewm2 {width:16.6667%!important;} .esm2 {margin-left:16.6667%!important;}
.ewm225 {width:18.7500%!important;} .esm225 {margin-left:18.7500%!important;}
.ewm25 {width:20.8333%!important;} .esm25 {margin-left:20.8333%!important;}
.ewm275 {width:22.9167%!important;} .esm275 {margin-left:22.9167%!important;}
.ewm3 {width:25.0000%!important;} .esm3 {margin-left:25.0000%!important;}
.ewm325 {width:27.0833%!important;} .esm325 {margin-left:27.0833%!important;}
.ewm35 {width:29.1667%!important;} .esm35 {margin-left:29.1667%!important;}
.ewm375 {width:31.2500%!important;} .esm375 {margin-left:31.2500%!important;}
.ewm4 {width:33.3333%!important;} .esm4 {margin-left:33.3333%!important;}
.ewm425 {width:35.4167%!important;} .esm425 {margin-left:35.4167%!important;}
.ewm45 {width:37.5000%!important;} .esm45 {margin-left:37.5000%!important;}
.ewm475 {width:39.5833%!important;} .esm475 {margin-left:39.5833%!important;}
.ewm5 {width:41.6667%!important;} .esm5 {margin-left:41.6667%!important;}
.ewm525 {width:43.7500%!important;} .esm525 {margin-left:43.7500%!important;}
.ewm55 {width:45.8333%!important;} .esm55 {margin-left:45.8333%!important;}
.ewm575 {width:47.9167%!important;} .esm575 {margin-left:47.9167%!important;}
.ewm6 {width:50.0000%!important;} .esm6 {margin-left:50.0000%!important;}
.ewm625 {width:52.0833%!important;} .esm625 {margin-left:52.0833%!important;}
.ewm65 {width:54.1667%!important;} .esm65 {margin-left:54.1667%!important;}
.ewm675 {width:56.2500%!important;} .esm675 {margin-left:56.2500%!important;}
.ewm7 {width:58.3333%!important;} .esm7 {margin-left:58.3333%!important;}
.ewm725 {width:60.4167%!important;} .esm725 {margin-left:60.4167%!important;}
.ewm75 {width:62.5000%!important;} .esm75 {margin-left:62.5000%!important;}
.ewm775 {width:64.5833%!important;} .esm775 {margin-left:64.5833%!important;}
.ewm8 {width:66.6667%!important;} .esm8 {margin-left:66.6667%!important;}
.ewm825 {width:68.7500%!important;} .esm825 {margin-left:68.7500%!important;}
.ewm85 {width:70.8333%!important;} .esm85 {margin-left:70.8333%!important;}
.ewm875 {width:72.9167%!important;} .esm875 {margin-left:72.9167%!important;}
.ewm9 {width:75.0000%!important;} .esm9 {margin-left:75.0000%!important;}
.ewm925 {width:77.0833%!important;} .esm925 {margin-left:77.0833%!important;}
.ewm95 {width:79.1667%!important;} .esm95 {margin-left:79.1667%!important;}
.ewm975 {width:81.2500%!important;} .esm975 {margin-left:81.2500%!important;}
.ewm10 {width:83.3333%!important;} .esm10 {margin-left:83.3333%!important;}
.ewm1025 {width:85.4167%!important;} .esm1025 {margin-left:85.4167%!important;}
.ewm105 {width:87.5000%!important;} .esm105 {margin-left:87.5000%!important;}
.ewm1075 {width:89.5833%!important;} .esm1075 {margin-left:89.5833%!important;}
.ewm11 {width:91.6667%!important;} .esm11 {margin-left:91.6667%!important;}
.ewm1125 {width:93.7500%!important;} .esm1125 {margin-left:93.7500%!important;}
.ewm115 {width:95.8333%!important;} .esm115 {margin-left:95.8333%!important;}
.ewm1175 {width:97.9167%!important;} .esm1175 {margin-left:97.9167%!important;}
.ewm12 {width:100.0000%!important;} .esm12 {margin-left:100.0000%!important;}

/*/ responsive text sizes -> to be revised /*/
.etsm07 *, .etsm07 {font-size:calc(0.35vw + 0.35em);}
.etsm08 *, .etsm08 {font-size:calc(0.4vw + 0.4em);}
.etsm09 *, .etsm09 {font-size:calc(0.45vw + 0.45em);}
.etsm1 *, .etsm1 {font-size:calc(0.5vw + 0.5em);}
.etsm11 *, .etsm11 {font-size:calc(0.55vw + 0.55em);}
.etsm12 *, .etsm12 {font-size:calc(0.6vw + 0.6em);}
.etsm13 *, .etsm13 {font-size:calc(0.65vw + 0.65em);}
.etsm15 *, .etsm15 {font-size:calc(0.75vw + 0.75em);}
.etsm2 *, .etsm2 {font-size:calc(1vw + 1em);}
.etsm25 *, .etsm25 {font-size:calc(1.25vw + 1.25em);}
}

/* responsiveness basedon cosmosWP: 576,768,992,1200 */
@media only screen and (min-width:922px) {
  /* For large desktop */
.ep-normal,.ep-xlarge,.ep-small,.ep-medium {display:none;} .ep-large {display:inline-block;}
.ebf>div.ewl0 {display:none!important;}
.ebfl {flex-direction:column;} 
.ewl0 {display:none!important;width:0!important;} .esl0 {margin-left:0!important;}

/* 10 grid */
.ewl01 {width:10%!important;} .esl01 {margin-left:10%!important;}
.ewl02 {width:20%!important;} .esl02 {margin-left:20%!important;}
.ewl03{width:30%!important;} .esl03 {margin-left:30%!important;}
.ewl04 {width:40%!important;} .esl04 {margin-left:40%!important;}
.ewl06{width:60%!important;} .esl06 {margin-left:60%!important;}
.ewl07 {width:70%!important;} .esl07 {margin-left:70%!important;}
.ewl08 {width:80%!important;} .esl08 {margin-left:80%!important;}
.ewl09{width:90%!important;} .esl09 {margin-left:90%!important;}
/* 12 grid */
.ewl025 {width:2.0833%!important;} .esl025 {margin-left:2.0833%!important;}
.ewl05 {width:4.1667%!important;} .esl05 {margin-left:4.1667%!important;}
.ewl075 {width:6.2500%!important;} .esl075 {margin-left:6.2500%!important;}
.ewl1 {width:8.3333%!important;} .esl1 {margin-left:8.3333%!important;}
.ewl125 {width:10.4167%!important;} .esl125 {margin-left:10.4167%!important;}
.ewl15 {width:12.5000%!important;} .esl15 {margin-left:12.5000%!important;}
.ewl175 {width:14.5833%!important;} .esl175 {margin-left:14.5833%!important;}
.ewl2 {width:16.6667%!important;} .esl2 {margin-left:16.6667%!important;}
.ewl225 {width:18.7500%!important;} .esl225 {margin-left:18.7500%!important;}
.ewl25 {width:20.8333%!important;} .esl25 {margin-left:20.8333%!important;}
.ewl275 {width:22.9167%!important;} .esl275 {margin-left:22.9167%!important;}
.ewl3 {width:25.0000%!important;} .esl3 {margin-left:25.0000%!important;}
.ewl325 {width:27.0833%!important;} .esl325 {margin-left:27.0833%!important;}
.ewl35 {width:29.1667%!important;} .esl35 {margin-left:29.1667%!important;}
.ewl375 {width:31.2500%!important;} .esl375 {margin-left:31.2500%!important;}
.ewl4 {width:33.3333%!important;} .esl4 {margin-left:33.3333%!important;}
.ewl425 {width:35.4167%!important;} .esl425 {margin-left:35.4167%!important;}
.ewl45 {width:37.5000%!important;} .esl45 {margin-left:37.5000%!important;}
.ewl475 {width:39.5833%!important;} .esl475 {margin-left:39.5833%!important;}
.ewl5 {width:41.6667%!important;} .esl5 {margin-left:41.6667%!important;}
.ewl525 {width:43.7500%!important;} .esl525 {margin-left:43.7500%!important;}
.ewl55 {width:45.8333%!important;} .esl55 {margin-left:45.8333%!important;}
.ewl575 {width:47.9167%!important;} .esl575 {margin-left:47.9167%!important;}
.ewl6 {width:50.0000%!important;} .esl6 {margin-left:50.0000%!important;}
.ewl625 {width:52.0833%!important;} .esl625 {margin-left:52.0833%!important;}
.ewl65 {width:54.1667%!important;} .esl65 {margin-left:54.1667%!important;}
.ewl675 {width:56.2500%!important;} .esl675 {margin-left:56.2500%!important;}
.ewl7 {width:58.3333%!important;} .esl7 {margin-left:58.3333%!important;}
.ewl725 {width:60.4167%!important;} .esl725 {margin-left:60.4167%!important;}
.ewl75 {width:62.5000%!important;} .esl75 {margin-left:62.5000%!important;}
.ewl775 {width:64.5833%!important;} .esl775 {margin-left:64.5833%!important;}
.ewl8 {width:66.6667%!important;} .esl8 {margin-left:66.6667%!important;}
.ewl825 {width:68.7500%!important;} .esl825 {margin-left:68.7500%!important;}
.ewl85 {width:70.8333%!important;} .esl85 {margin-left:70.8333%!important;}
.ewl875 {width:72.9167%!important;} .esl875 {margin-left:72.9167%!important;}
.ewl9 {width:75.0000%!important;} .esl9 {margin-left:75.0000%!important;}
.ewl925 {width:77.0833%!important;} .esl925 {margin-left:77.0833%!important;}
.ewl95 {width:79.1667%!important;} .esl95 {margin-left:79.1667%!important;}
.ewl975 {width:81.2500%!important;} .esl975 {margin-left:81.2500%!important;}
.ewl10 {width:83.3333%!important;} .esl10 {margin-left:83.3333%!important;}
.ewl1025 {width:85.4167%!important;} .esl1025 {margin-left:85.4167%!important;}
.ewl105 {width:87.5000%!important;} .esl105 {margin-left:87.5000%!important;}
.ewl1075 {width:89.5833%!important;} .esl1075 {margin-left:89.5833%!important;}
.ewl11 {width:91.6667%!important;} .esl11 {margin-left:91.6667%!important;}
.ewl1125 {width:93.7500%!important;} .esl1125 {margin-left:93.7500%!important;}
.ewl115 {width:95.8333%!important;} .esl115 {margin-left:95.8333%!important;}
.ewl1175 {width:97.9167%!important;} .esl1175 {margin-left:97.9167%!important;}
.ewl12 {width:100.0000%!important;} .esl12 {margin-left:100.0000%!important;}

/*/ responsive text sizes -> to be revised /*/
.etsl07 *, .etsl07 {font-size:calc(0.35vw + 0.35em);}
.etsl08 *, .etsl08 {font-size:calc(0.4vw + 0.4em);}
.etsl09 *, .etsl09 {font-size:calc(0.45vw + 0.45em);}
.etsl1 *, .etsl1 {font-size:calc(0.5vw + 0.5em);}
.etsl11 *, .etsl11 {font-size:calc(0.55vw + 0.55em);}
.etsl12 *, .etsl12 {font-size:calc(0.6vw + 0.6em);}
.etsl13 *, .etsl13 {font-size:calc(0.65vw + 0.65em);}
.etsl15 *, .etsl15 {font-size:calc(0.75vw + 0.75em);}
.etsl2 *, .etsl2 {font-size:calc(1vw + 1em);}
.etsl25 *, .etsl25 {font-size:calc(1.25vw + 1.25em);}

}
/* responsiveness basedon cosmosWP: 576,768,992,1200 */
@media only screen and (min-width:1200px) {
/* For extra large desktop */
.ep-normal,.ep-large,.ep-small,.ep-medium {display:none;} .ep-xlarge {display:inline-block;}
.ebf>div.ewx0 {display:none!important;}
.ebfx {flex-direction:column;} 
.ewx0 {display:none!important;width:0!important;} .esx0 {margin-left:0!important;}

/* 10 grid */
.ewx01 {width:10%!important;} .esx01 {margin-left:10%!important;}
.ewx02 {width:20%!important;} .esx02 {margin-left:20%!important;}
.ewx03{width:30%!important;} .esx03 {margin-left:30%!important;}
.ewx04 {width:40%!important;} .esx04 {margin-left:40%!important;}
.ewx06{width:60%!important;} .esx06 {margin-left:60%!important;}
.ewx07 {width:70%!important;} .esx07 {margin-left:70%!important;}
.ewx08 {width:80%!important;} .esx08 {margin-left:80%!important;}
.ewx09{width:90%!important;} .esx09 {margin-left:90%!important;}
/* 12 grid */
.ewx025 {width:2.0833%!important;} .esx025 {margin-left:2.0833%!important;}
.ewx05 {width:4.1667%!important;} .esx05 {margin-left:4.1667%!important;}
.ewx075 {width:6.2500%!important;} .esx075 {margin-left:6.2500%!important;}
.ewx1 {width:8.3333%!important;} .esx1 {margin-left:8.3333%!important;}
.ewx125 {width:10.4167%!important;} .esx125 {margin-left:10.4167%!important;}
.ewx15 {width:12.5000%!important;} .esx15 {margin-left:12.5000%!important;}
.ewx175 {width:14.5833%!important;} .esx175 {margin-left:14.5833%!important;}
.ewx2 {width:16.6667%!important;} .esx2 {margin-left:16.6667%!important;}
.ewx225 {width:18.7500%!important;} .esx225 {margin-left:18.7500%!important;}
.ewx25 {width:20.8333%!important;} .esx25 {margin-left:20.8333%!important;}
.ewx275 {width:22.9167%!important;} .esx275 {margin-left:22.9167%!important;}
.ewx3 {width:25.0000%!important;} .esx3 {margin-left:25.0000%!important;}
.ewx325 {width:27.0833%!important;} .esx325 {margin-left:27.0833%!important;}
.ewx35 {width:29.1667%!important;} .esx35 {margin-left:29.1667%!important;}
.ewx375 {width:31.2500%!important;} .esx375 {margin-left:31.2500%!important;}
.ewx4 {width:33.3333%!important;} .esx4 {margin-left:33.3333%!important;}
.ewx425 {width:35.4167%!important;} .esx425 {margin-left:35.4167%!important;}
.ewx45 {width:37.5000%!important;} .esx45 {margin-left:37.5000%!important;}
.ewx475 {width:39.5833%!important;} .esx475 {margin-left:39.5833%!important;}
.ewx5 {width:41.6667%!important;} .esx5 {margin-left:41.6667%!important;}
.ewx525 {width:43.7500%!important;} .esx525 {margin-left:43.7500%!important;}
.ewx55 {width:45.8333%!important;} .esx55 {margin-left:45.8333%!important;}
.ewx575 {width:47.9167%!important;} .esx575 {margin-left:47.9167%!important;}
.ewx6 {width:50.0000%!important;} .esx6 {margin-left:50.0000%!important;}
.ewx625 {width:52.0833%!important;} .esx625 {margin-left:52.0833%!important;}
.ewx65 {width:54.1667%!important;} .esx65 {margin-left:54.1667%!important;}
.ewx675 {width:56.2500%!important;} .esx675 {margin-left:56.2500%!important;}
.ewx7 {width:58.3333%!important;} .esx7 {margin-left:58.3333%!important;}
.ewx725 {width:60.4167%!important;} .esx725 {margin-left:60.4167%!important;}
.ewx75 {width:62.5000%!important;} .esx75 {margin-left:62.5000%!important;}
.ewx775 {width:64.5833%!important;} .esx775 {margin-left:64.5833%!important;}
.ewx8 {width:66.6667%!important;} .esx8 {margin-left:66.6667%!important;}
.ewx825 {width:68.7500%!important;} .esx825 {margin-left:68.7500%!important;}
.ewx85 {width:70.8333%!important;} .esx85 {margin-left:70.8333%!important;}
.ewx875 {width:72.9167%!important;} .esx875 {margin-left:72.9167%!important;}
.ewx9 {width:75.0000%!important;} .esx9 {margin-left:75.0000%!important;}
.ewx925 {width:77.0833%!important;} .esx925 {margin-left:77.0833%!important;}
.ewx95 {width:79.1667%!important;} .esx95 {margin-left:79.1667%!important;}
.ewx975 {width:81.2500%!important;} .esx975 {margin-left:81.2500%!important;}
.ewx10 {width:83.3333%!important;} .esx10 {margin-left:83.3333%!important;}
.ewx1025 {width:85.4167%!important;} .esx1025 {margin-left:85.4167%!important;}
.ewx105 {width:87.5000%!important;} .esx105 {margin-left:87.5000%!important;}
.ewx1075 {width:89.5833%!important;} .esx1075 {margin-left:89.5833%!important;}
.ewx11 {width:91.6667%!important;} .esx11 {margin-left:91.6667%!important;}
.ewx1125 {width:93.7500%!important;} .esx1125 {margin-left:93.7500%!important;}
.ewx115 {width:95.8333%!important;} .esx115 {margin-left:95.8333%!important;}
.ewx1175 {width:97.9167%!important;} .esx1175 {margin-left:97.9167%!important;}
.ewx12 {width:100.0000%!important;} .esx12 {margin-left:100.0000%!important;}

/*/ responsive text sizes  -> to be revised  /*/
.etsx07 *, .etsx07 {font-size:calc(0.35vw + 0.35em);}
.etsx08 *, .etsx08 {font-size:calc(0.4vw + 0.4em);}
.etsx09 *, .etsx09 {font-size:calc(0.45vw + 0.45em);}
.etsx1 *, .etsx1 {font-size:calc(0.5vw + 0.5em);}
.etsx11 *, .etsx11 {font-size:calc(0.55vw + 0.55em);}
.etsx12 *, .etsx12 {font-size:calc(0.6vw + 0.6em);}
.etsx13 *, .etsx13 {font-size:calc(0.65vw + 0.65em);}
.etsx15 *, .etsx15 {font-size:calc(0.75vw + 0.75em);}
.etsx2 *, .etsx2 {font-size:calc(1vw + 1em);}
.etsx25 *, .etsx25 {font-size:calc(1.25vw + 1.25em);}
}

/* line (borders) */

.ebt {background-color:transparent;} .elt {border-style: none;}

.el {border-width:1px;border-style:solid;}
.eln, .ep-frame.eln {border:none!important;}
.elnr {border-right:none!important;}
.elnl {border-left:none!important;}
.elnt {border-top:none!important;}
.elnb {border-bottom:none!important;}

.elc {border:none;}  /* line clear */
.elt {border-top:1px solid lightgrey;}
.elb {border-bottom:1px solid lightgrey;}
.ell {border-left:1px solid lightgrey;}
.elr {border-right:1px solid lightgrey;

}
.ela {border:1px solid lightgrey;}

.etln tr,.etln td {border:none!important;}

/* line thickness */
.elw1 {border-width:1px;}
.elw2 {border-width:2px;}
.elw3 {border-width:3px;}
.elw4 {border-width:4px;}
.elw5 {border-width:5px;}

/* radius */
.elra, .elrt, .elrr, .elrl, .elrb {border-radius:1em!important;}
.elrn {border-radius:0!important;}
/* older */
.elrt05 {border-radius:0.5em 0.5em 0 0!important;} 
.elrb05 {border-radius:0 0 0.5em 0.5em!important;} 
.elra05 {border-radius:0.5em!important;} 
/* new structure with added sizes */
.elr05 {border-radius:0.5em!important;} 
.elr1 {border-radius:1em!important;}
.elr2 {border-radius:2em!important;}
.elr3 {border-radius:3em!important;}
.elr4 {border-radius:4em!important;}
.elr10 {border-radius:10%!important;}
.elr20 {border-radius:20%!important;}
.elr30 {border-radius:30%!important;}
.elr40 {border-radius:40%!important;}
.elrc, .elr50 {border-radius:50%!important;}
/* new switch radius off */
.elrt {border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;}
.elrb {border-top-left-radius:0!important;border-top-right-radius:0!important;}
.elrr {border-bottom-left-radius:0!important;border-top-left-radius:0!important;}
.elrl {border-bottom-right-radius:0!important;border-top-right-radius:0!important;}
  
.elri img {border-radius:20%;}
.elric img {border-radius:50%;}


/* colors (after borders) */
.ebblack {background-color:black;} .etblack {color:black;} .elblack {border-color:black;}
.ebwhite {background-color:white;} .etwhite {color:white;} .elwhite {border-color:white;}
.ebgrey {background-color:grey;} .etgrey {color:grey;} .elgrey {border-color:grey;}

.ebred {background-color:red;} .etred {color:red;}
.elred {border-color:red;}
.ebgreen {background-color:var(--btn-bg-color,palegreen);} .etgreen {color:green;} .elgreen {border-color:green;}
.ebyellow {background-color:yellow;} .etyellow {color:yellow;}.elyellow {border-color:yellow;} 
.ebcyan {background-color:lightcyan;} .etcyan {color:cyan;} .elcyan {border-color:cyan;}  
.ebblue {background-color:lightblue;} .etblue {color:blue;} .elblue {border-color:blue;}
.eblgrey {background-color:lightgrey;} .etlgrey {color:lightgrey;} .ellgrey {border-color:lightgrey;}
.ebgold {background-color:gold;} .etgold {color:gold;} .elgold {border-color:gold;}
.ebnone, .ebn {background-color:transparent;} .elnone {border:none!important;}
.enone, .ebln  {background-color:transparent;border:1px solid transparent;}

.ep-page div.ebpos {position:relative;}


/* extended for graphs, keep order */
.ep-graph .eaxlines {stroke-width:0.5;stroke:black;fill:none;}
.ep-graph .eaxes {stroke-width:1;stroke:black;fill:none;}
.ep-graph .eaxtext {font-size:32px;fill:black;}
.ep-graph .etav {writing-mode: tb;} 
.ep-graph .eaxlabs {font-size:32px;fill:black;}
.ep-graph .egrtext {fill:black;}
.ep-graph .egrlegend {font-size:32px;fill:black;}
.ep-graph .egrtitle {font-size:64px;fill:black;}
.ep-graph .egrnotes {font-size:24px;fill:black;}

.ep-graph {fill:none;}
.ep-graph .ebnone, .ep-graph .etnone {fill:none;stroke:none;} .ep-graph .elnone {stroke:none;} 
.ep-graph .ebblack, .ep-graph .etblack {fill:black;stroke:none;} .ep-graph .elblack {stroke:black;} 
.ep-graph .ebred, .ep-graph .etred {fill:red;stroke:none} .ep-graph .elred {stroke:red;} 
.ep-graph .ebblue, .ep-graph .etblue {fill:blue;stroke:none;} .ep-graph .elblue {stroke:blue;} 
.ep-graph .ebgreen, .etgreen {fill:green;stroke:none;} .ep-graph .elgreen {stroke:green;}
.ep-graph .ebyellow, .ep-graph .etyellow {fill:yellow;stroke:none;} .ep-graph .elyellow {stroke:yellow;} 
.ep-graph .eborange ,.ep-graph .etorange {fill:orange;stroke:none;} .ep-graph .elorange {stroke:orange;} 
.ep-graph .ebgold ,.ep-graph .etgold {fill:gold;stroke:none;} .ep-graph .elgold {stroke:gold;} 
.ep-graph .ebgold ,.ep-graph .etgrey {fill:lightgrey;stroke:none;} .ep-graph .elgrey {stroke:lightgrey;} 
.ep-graph .ebbrown, .ep-graph .etbrown {fill:brown;stroke:none;} .ep-graph .elbrown {stroke:brown;}


/* lines, area, text */ 
.ep-graph .elgrid {stroke-width:0.5;stroke:black;fill:none;}
.ep-graph .eldata{stroke-width:3}


/* text and fonts */
.ep-page .etat.efs07 {position:relative;top:-0.9em;}

.ep-page .etal, tr.etal td {text-align:left;text-anchor:end;} 
.ep-page .etar, tr.etar td {text-align:right;text-anchor:start;}
.ep-page .etac, tr.etac td {text-align:center;text-anchor:middle;}

.ep-page .etaj {text-align:justify;}
.ep-page .etlb {white-space:pre-line;} /* line-breaks */

.ep-page .etal span  {text-align:left; padding-left:0.3em;} 
.ep-page .etar span {text-align:right; padding-right:0.3em;}
.ep-page .etac span {text-align:center!important;}
.ep-page .etaj span {text-align:justify!important;}


span.etar, output.etar,  select.etar, .ep-num {text-align:right; padding-right:0.3em!important;}
span.etal,  select.etal {text-align:left!important; padding-left:0.7em!important;} 
.iform .etpl {padding-left:0.7em;}  /* input padding */
span.etac, output.etac, input.etac, select.etac  {text-align:center!important;}
output.etal {text-align:left;padding-left:0;}


/* for tables OLD */
.ep-list .etac.e1 tr td:nth-child(1), 
.ep-list .etac.e2 tr td:nth-child(2),
tbody.etac.e3 tr td:nth-child(3),
tbody.etac.e4 tr td:nth-child(4), 
tbody.etac.e5 tr td:nth-child(5),
tbody.etac.e6 tr td:nth-child(6) {text-align:center;} 
tbody.etar.e1 tr td:nth-child(1), 
tbody.etar.e2 tr td:nth-child(2),
tbody.etar.e3 tr td:nth-child(3),
tbody.etar.e4 tr td:nth-child(4), 
tbody.etar.e5 tr td:nth-child(5),
tbody.etar.e6 tr td:nth-child(6) {text-align:right;} 
.epl_table td {line-height:1.7;}

/* fonts */
.ep-page .efs0 {font-size:0!important;} /* hide text */ 
.ep-page .efs07 {font-size:0.7em;} .ep-page .efs05 {font-size:0.5em;} 
.ep-page .efs07 span {padding-top:0.4em;} .ep-page .efs05 span {padding-top:0.5em;} 
.ep-page .efs06 {font-size:0.6em;} .ep-page .efs08 {font-size:0.8em;} 
.ep-page .efs1 {font-size:1em;} 
.ep-page .efs09 {font-size:0.9em;} .ep-page .efs11 {font-size:1.1em;} 
.ep-page .efs12 {font-size:1.2em;} .ep-page .efs13 {font-size:1.3em;} 
.ep-page .efs14 {font-size:1.4em;} .ep-page .efs15 {font-size:1.5em;} 
.ep-page .efs2 {font-size:2em;} .ep-page .efs25 {font-size:2.5em;} 
.ep-page .efi, .ep-page .eti {font-style:italic;} 
.ep-page .efb {font-weight:bold;}
.ep-page span.efi, .ep-page span.eti {font-style:italic!important;} 
.ep-page span.efb {font-weight:bold!important;}

.ep-page .elh07 {line-height:0.7em!important;}
.ep-page .elh1  {line-height:1em!important;}
.ep-page .elh25 {line-height:2.5em!important;}
.ep-page .elh3 {line-height:3em!important;}
.ep-page .elh4 {line-height:4em!important;}

/*/ form itmes epf-... /*/

.epf-break {display:block;}
.epf-line {display:block; border-top:1px solid lightgrey; min-height:0.3em;}

/* margins */
/* old ?? */

.ep-mt0 {margin-top:0}
.ep-mb0 {margin-bottom:0} .ep-mr0 {margin-right:0} 
.ep-ml0 {margin-left:0} .ep-m0 {margin:0;}

/* new */ 
.emt0 {margin-top:0!important} 
.emb0 {margin-bottom:0!important}
.emr0 {margin-right:0!important}
.eml0 {margin-left:0!important}
.em0 {margin:0!important;}
.emt04 {margin-top:0.4em!important;}
.emb04 {margin-bottom:0.4em!important;}
.emr04 {margin-right:0.4em!important;}
.eml04 {margin-left:0.4em!important;} 
.em04 {margin:0.4em!important;}
.emt05 {margin-top:0.5em!important;}
.emb05 {margin-bottom:0.5em!important;}
.emr05 {margin-right:0.5em!important;}
.eml05 {margin-left:0.5em!important;} 
.em05 {margin:0.5em!important;}

.emt08 {margin-top:0.8em!important;}
.emb08 {margin-bottom:0.8em!important;}
.emr08 {margin-right:0.8em!important;}
.eml08 {margin-left:0.8em!important;} 
.em08 {margin:0.8em!important;}
.emt09 {margin-top:0.9em!important;}
.emb09 {margin-bottom:0.9em!important;}
.emr09 {margin-right:0.9em!important;}
.eml09 {margin-left:0.9em!important;} 
.em09 {margin:0.9em!important;}
.emt1 {margin-top:1em!important;}
.emb1 {margin-bottom:1em!important;}
.emr1 {margin-right:1em!important;}
.eml1 {margin-left:1em!important;}
.em1 {margin:1em!important;}

.emt2 {margin-top:2em!important;}
.emb2 {margin-bottom:2em!important;}

/* heights */

.ep-page .eh1 {height:1em!important;} .ep-page .eh15 {height:1.5em!important;}
.ep-page .eh2 {height:2em!important;} .ep-page .eh25 {height:2.5em!important;} 
.ep-page .eh3 {height:3em!important;} .ep-page .eh4 {height:4em!important;}
.ep-page .eh5 {height:5em!important;} .ep-page .eh6 {height:6em!important;}
.ep-page .eh7 {height:7em!important;} .ep-page .eh8 {height:8em!important;}
.ep-page .eh9 {height:9em!important;} .ep-page .eh10 {height:10em!important;}

/* padding */
.ep-page .epa01 {padding:0.1em!important;}
.ep-page .epa02 {padding:0.2em!important;}
.ep-page .epa03 {padding:0.3em!important;}
.ep-page .epa04 {padding:0.4em!important;}
.ep-page .epa05 {padding:0.5em!important;}
.ep-page .epa06 {padding:0.6em!important;}
.ep-page .epa07 {padding:0.7em!important;}
.ep-page .epa08 {padding:0.8em!important;}
.ep-page .epa09 {padding:0.9em!important;}
.ep-page .epa1 {padding:1em!important;}
.ep-page .ept01 {padding-top:0.1em!important;}
.ep-page .ept02 {padding-top:0.2em!important;}
.ep-page .ept03 {padding-top:0.3em!important;}
.ep-page .ept04 {padding-top:0.4em!important;}
.ep-page .ept05 {padding-top:0.5em!important;}
.ep-page .ept06 {padding-top:0.6em!important;}
.ep-page .ept07 {padding-top:0.7em!important;}
.ep-page .ept08 {padding-top:0.8em!important;}
.ep-page .ept09 {padding-top:0.9em!important;}
.ep-page .ept1 {padding-top:1em!important;}
.ep-page .epb01 {padding-bottom:0.1em!important;}
.ep-page .epb02 {padding-bottom:0.2em!important;}
.ep-page .epb03 {padding-bottom:0.3em!important;}
.ep-page .epb04 {padding-bottom:0.4em!important;}
.ep-page .epb05 {padding-bottom:0.5em!important;}
.ep-page .epb06 {padding-bottom:0.6em!important;}
.ep-page .epb07 {padding-bottom:0.7em!important;}
.ep-page .epb08 {padding-bottom:0.8em!important;}
.ep-page .epb09 {padding-bottom:0.9em!important;}
.ep-page .epb1 {padding-bottom:1em!important;}
.ep-page .epl0 {padding-left:0!important;}
.ep-page .epl01 {padding-left:0.1em!important;}
.ep-page .epl02 {padding-left:0.2em!important;}
.ep-page .epl03 {padding-left:0.3em!important;}
.ep-page .epl04 {padding-left:0.4em!important;}
.ep-page .epl05 {padding-left:0.5em!important;}
.ep-page .epl06 {padding-left:0.6em!important;}
.ep-page .epl07 {padding-left:0.7em!important;}
.ep-page .epl08 {padding-left:0.8em!important;}
.ep-page .epl09 {padding-left:0.9em!important;}
.ep-page .epl1 {padding-left:1em!important;}
.ep-page .epl12 {padding-left:1.2em!important;}
.ep-page .epl15 {padding-left:1.5em!important;}
.ep-page .epl2 {padding-left:2em!important;}
.ep-page .epl25 {padding-left:2.5em!important;}
.ep-page .epl3 {padding-left:3em!important;}
.ep-page .epr0 {padding-right:0!important;}
.ep-page .epr01 {padding-right:0.1em!important;}
.ep-page .epr02 {padding-right:0.2em!important;}
.ep-page .epr03 {padding-right:0.3em!important;}
.ep-page .epr04 {padding-right:0.4em!important;}
.ep-page .epr05 {padding-right:0.5em!important;}
.ep-page .epr06 {padding-right:0.6em!important;}
.ep-page .epr07 {padding-right:0.7em!important;}
.ep-page .epr08 {padding-right:0.8em!important;}
.ep-page .epr09 {padding-right:0.9em!important;}
.ep-page .epr1 {padding-right:1em!important;}
.ep-page .epr12 {padding-right:1.2em!important;}
.ep-page .epr15 {padding-right:1.5em!important;}
.ep-page .epr2 {padding-right:2em!important;}
.ep-page .epr25 {padding-right:2.5em!important;}
.ep-page .epr3 {padding-right:3em!important;}
.ep-page .epn {padding-left:0;padding-right:0!important;}


.ebsticky, .esticky {
position:-webkit-sticky!important;
position:sticky!important;
top:0;z-index:10;
}

/* priority classes */
/* read only: iro class triggered by ep-ro */
.xep-page .ep-ro div {background:rgba(150,150,150,0.05)!important;}
.xiform .ep-ro, .xiform .ep-ro div {background:rgba(150,150,150,0.1)!important;}

.ep-ro input, .ep-ro select {background-color:whitesmoke!important;} 
.ep-ro input:focus {background-color:whitesmoke;} 
.ep-ro select:focus {background-color:whitesmoke;} 
.ep-ro div.iro, .ep-ro span.iro {background-color:whitesmoke!important;} 
.ep-ro img.iro {border:1px solid grey!important;} 

.iform .ep-ro .ictrl {background-color:whitesmoke;} 


/* custom classes */

.eheader {text-align:center;}
.eheader .ep-ubt.efr {margin-right:0.5em;}
.eheader .ep-ubt.efl {
}
.eheader.epb1 span{
	margin-left:2.4em;
	/* 1x(1.9 + 0.5) */
}
.eheader.epb2 span{
	margin-left:4.8em;
	/* 2x(1.9 + 0.5) */
}
.eheader.epbr1 span{
	margin-right:2.4em;
	/* 1x(1.9 + 0.5) */
}
.eheader.epbr2 span{
	margin-right:4.8em;
	/* 2x(1.9 + 0.5) */
}

.ehdrtext {
	color:darkblue;font-size:1.6em;font-weight:bold;
}

.ep-hide, .iform .ehide{display:none!important;}
.ep-noshow {visibility:hidden!important;}
.ep-dim {opacity:0.5!important;cursor:default!important;}
.ep-dim div {cursor:default!important;}

/* printing */
@media print {
.ep-nobreak {page-break-inside:avoid;}
.ep-break {page-break-before: always;}
}
@media print {
.brkavoid,.brkbefore,.brkafter {display:block!important;clear:both!important;}
.brkavoid {page-break-inside:avoid!important;}
.brkbefore {page-break-before:always!important;}
.brkafter {page-break-after: always!important;}
}