/*# earlkulog's normalization */@font-face{font-family:'materialicons';src:url(/static/resources/fonts/materialicons.woff) format('woff2')}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::before,::after{box-sizing:border-box;padding:0;margin:0;position:relative}*:not(:is(select,option,textarea)){overflow:hidden}:not(html){line-height:normal}body,html{height:100%;width:100%}.db{display:block}.dib{display:inline-block}.r-flex{display:flex;flex-direction:row}.c-flex{display:flex;flex-direction:column}.acsb{align-content:space-between}.aifs{align-items:flex-start}.aisb{align-items:space-between}.aic{align-items:center}.aife{align-items:flex-end}.acfs{align-content:flex-start}.ais{align-items:stretch;}.jcfs{justify-content:flex-start}.jcc{justify-content:center}.jcsb{justify-content:space-between}.jcsa{justify-content:space-around}.jcse{justify-content:space-evenly}.jcfe{justify-content:flex-end}.jcs{justify-content:stretch;}.mla{margin-left:auto}.mra{margin-right:auto}.cxa{width:auto}.cya{height:auto}.cx100{width:100%}.mta{margin-top:auto}.mba{margin-bottom:auto}.cx50{width:50%}.cx25{width:25%}.cy100{height:100%}.cy50{height:50%}.cy25{height:25%}ul,ol{list-style-position: inside}.grow{flex:1}ek-button{background-color:lightgray;padding:5px;border-radius:4px;border:none}ek-button::before{transition:border .5s, filter .5s}ek-button[default],ek-button[accept],ek-button[type="submit"]{background-color:white}ek-button[danger]{background-color:red;color:white}ek-button[warning]{background-color:gold}.f-wrap{flex-wrap:wrap}.no-shrink{flex-shrink:0}.uc{text-transform:uppercase}.head-lbl{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;--calc-lbl-gap:calc(var(--cxlabel) - var(--cxlabel));gap:var(--calc-lbl-gap,var(--def-lbl-gap,5px));&::before{content:attr(t)':';flex-shrink:0;width:var(--cxlabel,auto)}&>:first-child{flex:1}}.head-lbl-tbph{--tbphx:0;--tbphy:0;--tpbhcx:0;position:absolute;left:var(--tpbhy);top:var(--tpbhy);content:attr(tpbh);white-space:nowrap}.ltca{--cxlabel:auto}.clc{display:flex;flex-direction:column;&::before{display:inline-block;content:attr(t)':'}}.cbl{display:inline-flex;justify-content:flex-start;align-items:center;gap:5px}.cbl::after{content:attr(t);flex:1;}a,a:link,a:active,a:visited{color:inherit;text-decoration:none}a.uloh:hover,a[uloh]:hover,a.ul,a[ul]{text-decoration:underline}*[disabled],[disabled] *{filter:grayscale(.8);pointer-events:none;cursor:default}.cb::before,.ca::after{display:flex;align-items:center;justify-content:center}.ttc{text-transform:capitalize}.ofv{overflow:visible}.ofya{overflow-x:hidden;overflow-y:auto}.ofxa{overflow-x:auto;overflow-y:hidden}.ofa{overflow:auto}.autowh{width:auto;height:auto}.cxauto{width:auto}.cyauto{height:auto}.tac{text-align:center}.tar{text-align:right}.tail-lbl{display:flex;--gap:5px;gap:var(--gap);align-items:center}.tail-lbl::after{content:attr(t)}.money{font-family:monospace;font-size:110%}.g3{gap:3px}.g2{gap:2px}.g3{gap:3px}.g4{gap:4px}.g5{gap:5px}.g8{gap:8px}.g10{gap:10px}.g15{gap:15px}.g20{gap:20px}.nooutl{outline:none}.chkrd-box{--size:20%;background-image:repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%);background-size:var(--size) var(--size)}.thumb{background-size:contain;background-position:center;background-repeat:no-repeat}@media print{*{print-color-adjust:exact;-webkit-print-color-adjust:exact}}table{table-layout:fixed;border-collapse:collapse}
label.checkbox{
	display:flex;
	gap:var(--checkbox-gap,3px);
	&>input{position:fixed;left:-30000px;top:-30000px;width:0;height:0}
	&::before,&::after{
		content:'';
		width:var(--chk-size,14px);
		height:var(--chk-size,14px);
		margin:0;
		padding:0;
		box-sizing:border-box
	}
	&::before{
		border:1px solid var(--check-border, currentcolor);
		background-color:var(--check-bg, transparent);
		transition:transform .5s;
		cursor:pointer
	}
	&::after{
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		pointer-events:none;
		mask-position:center;
		mask-repeat:no-repeat;
		mask-size:contain;
		background-color:transparent
	}
	&:has(input:disabled){color:gray}
	&:has(input:checked),&:has(input[type=checkbox]:indeterminate){
		&::after{background-color:var(--check-border, currentcolor)}
	}
	&:has(input[type="checkbox"]){
		&::after{
			mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="white" stroke-width="1.5"><path d="M2 5 l3 3 l5 -5"/></svg>')
		}
		&:has(input:indeterminate)::after{
			mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" stroke="white" stroke-width="2"><path d="M3 6 l6 0"/></svg>')
		}
	}
	&:has(input[type="radio"]) {
		&::before{border-radius:200%}
		&::after{mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="white"><circle cx="6" cy="6" r="4"/></svg>')}
	}
	&:not(:has(input:disabled)){
		&:hover::before{background-color:hsl(from currentcolor h s l / .25)}
		&:active::before{transform:scale(.8)}
	}
	&:not([align-at]){align-items:center}
	&[align-at="top"]{
		align-items:baseline;
		&::before{
			display:inline-block;
			margin-top:calc(1em / 5);
			align-self:baseline
		}
	}
}

.select-wrapper {
	--select-wrapper-border:1px solid var(--select-wrapper-border-color, gray);
	--select-wrapper-internal-padding-x:calc(1px + var(--select-wrapper-padding-x,0px));
	--select-wrapper-internal-padding-y:calc(1px + var(--select-wrapper-padding-y,var(--select-wrapper-padding-x,0px)));
	--select-wrapper-internal-dropdown-width: var(--select-wrapper-dropdown-width, 12px);
	background-color:var(--select-wrapper-backcolor, #fff);
	position:relative;
	display:flex;
	z-index:0;
	&::before,&::after{
		position:absolute;
		pointer-events:none;
	}
	&::before{
		z-index:1;
		inset:0;
		border:2px solid transparent;
		content:''
	}
	&::after{
		height:100%;
		right:var(--select-wrapper-dropdown-right, 1px);
		top:1px;
		width:var(--select-wrapper-internal-dropdown-width);
		display:flex;
		align-items:center;
		font-family:materialicons;
		content:'keyboard_arrow_down';
		font-size:1.1em;
		font-weight:600;
		color:hsl(from currentcolor h s l / .6);
		transition:color .3s
	}
	&>select{
		appearance:none;
		/* flex:1 0 auto; */
		width:100%;
		color:inherit;
		outline-color:transparent;
		background-color:transparent;
		padding:var(--select-wrapper-internal-padding-y) calc(var(--select-wrapper-internal-padding-x) + var(--select-wrapper-internal-dropdown-width)) var(--select-wrapper-internal-padding-y) var(--select-wrapper-internal-padding-x);
		border:var(--select-wrapper-border)
	}
	&:focus-within::before{border-color:var(--select-wrapper-outline-color, black)}
	&:hover::after,&:focus-within::after{color:currentcolor}
}
:root{
	--tabborder:1px solid var(--tabcolor);
	--def-border:1px solid var(--border-color)
}
body {
	overflow:hidden;
	font-size:10pt;
}
[disabled]{pointer-events:none}
.box-shdw {
	--shdw-color:rgba(0,0,0,.6);
	--shdw-blur:10px;
	box-shadow:0px 5px var(--shdw-blur)var(--shdw-color);
}

.passwd-container{
	transition: border-color, .5s;
	border:var(--def-border);
	border-radius:3px;
	background-color:#fff;
	&>input{
		flex:1;
		border:none;
		outline:none;
		padding:6px;
		background:none
	}
	&>a{
		height:14px;
		width:20px;
		outline:none;
		background:url(/static/resources/passwd-hide.svg) no-repeat center / contain;
	}
	&:has(input[type=password])>a{
		background-image:url(/static/resources/passwd-show.svg)
	}
	&:focus-within{
		border-color:var(--jte-gold);
		background-color:var(--focus-hilite)
	}
}
ek-select{
	--ek-select-padding:7px;
	--ek-select-droplist-padding:2px 7px;
	--ek-select-border-color:var(--border-color);
	--ek-select-hilite-border:var(--jte-gold);
	--ek-select-internal-hilite-backcolor:var(--focus-hilite);
	&>:first-child{border-radius:3px}
}
ek-inputnumber{
	--ek-inputnumber-padding:7px;
	--ek-input-border:var(--border-color);
	--ek-input-number-border-hilite:var(--jte-gold);
	border-radius:3px;
	transition:border-color .5s;
	&:focus-within{background-color:var(--focus-hilite)}
}
select:not(.select-wrapper>select),
input:not(ek-select input):not(ek-inputnumber input):is(:not([type]),[type=password],[type=date],[type=time],[type=text],[type=number],[type=search]){
	padding:7px;
	border:var(--def-border);
	border-radius:3px;
	transition-property:border-color,border-width;
	transition-duration:.5s;
	outline:none;
	&:focus,&:focus-within{
		border-color:var(--jte-gold);
		background-color:var(--focus-hilite)
	}
}

.auto-upper{text-transform:uppercase}
select[size]>option{
	padding:5px
}
ek-listview tr[data-hidden]{display:none}
select.list-box{
	padding:0;
	outline:none;
	&:focus>option:checked {
		--background:lightblue;
		--hover:royalblue;
		font-weight:550;
		background:var(--background)linear-gradient(0deg,var(--background),0%,var(--background)100%)
	}
	&>option{
		padding:5px;
		&:hover{background-color:var(--hover)}
	}
}
.greenbtn {
	--btn-backcolor:green;
	color:white;
}
.mwi{
	margin-top:12px;
	&::before{
		content:attr(i);
		font-family:materialicons;
		margin:0 .3rem 0 0;
		border-radius:2px;
		font-size:1.3rem;
		float:left;
		line-height:1;
	}
	&[i="warning"]::before{color:gold}
	&[i="info"]::before{color:#00f1ff}
}
.fixed-scr {
    position:fixed;
	inset:0;
    outline:none;
    z-index:var(--z-index,100)
}
.notifier {
	padding-top:100px;
	pointer-events:none;
	&>p{
		background-color:olivedrab;
		color:white;
		border-radius:10px;
		padding:20px;
		border:1px solid currentcolor;
	}
	&[transitioned]{transition:opacity 1s}
}
.modal{
	--modal-glyph-rdx:3px;
	--modal-background:transparent;
	--modal-body-margins:15px;
	--modal-glyph-text:#fff;
	--modal-caption-margins:0;
	--modal-glyph-size:28px;
	--modal-glyph-rdx:50vh;
	--modal-refresh-text:lightgray;
	--modal-close-text:white;
	--modal-close-hover:transparent;
	--modal-refresh-hover:transparent;
	--modal-body:#fff;
	--modal-panel:hsl(200deg 15.63% 62.35% / 59%);
	--modal-glyph-gap:3px;
	--modal-caption-text:#fff;
	backdrop-filter:blur(2px);
	& [modal-body]{border-radius:8px 8px 0 0}
	&:not(:has(.modal-panel)) [modal-body]{border-radius:8px}
	& [modal-glyph-container]{
		align-items:flex-start !important;
		& button{
			display:inline-block;
			border:0 solid #fff;
			transition:border-width 0.5s ease;
			&:hover{border-width:2px}
		}
	}

	& [modal-panel] button{
		&:active{border-color:white}
		&:not([btn-default]):not([btn-danger]){--btn-backcolor:#4a136e}
	}
}
.gray-border{border:var(--def-border)}
.se-xtr[inactive]{display:none}
.dual-flex{
	& > .head-lbl{width:calc(50% - 10px)}
	& > .head-lbl:nth-child(even){margin-left:auto}
	& > .clc{flex:1 0 var(--cxclc)}
	& > .clc>*{width:100%}
}
button {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background-color:transparent;
	outline:none;
	padding:.1em 1.5em 0;
	height:2.5em;
	line-height:20px;
	border-radius: var(--btn-radius, 5vh);
	border:2px solid transparent;
	transition:border-color .5s;
	color:var(--forecolor, #fff);
	cursor:pointer;
	z-index:0;
	&::before,&::after{
		border-radius:inherit;
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		display:inline-block;
	}
	&::before{
		left:0;
		right:0;
		z-index:-2;
		background-color:var(--btn-backcolor, #723b95);
	}
	&:active{
		border-color: var(--btn-active-border, currentcolor)
	}
	&::after{
		z-index: -1;
		left:100%;
		width:100%;
		opacity: 0;
		border-radius:0;
		transition-property:opacity,left;
		transition-duration:.5s;
		background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, transparent 100%),var(--btn-backcolor, #22222f);
		clip-path:polygon(0% 100%,50% 0,100% 100%);
		mix-blend-mode:screen
	}
	&:hover::after{
		opacity:1;
		left:50%
	}
	&:disabled::before{
		opacity:.6
	}
	&:is([type=submit],[btn-accept],[btn-default]){
		--btn-backcolor:#ffa726;
		color:#000
	}
	&[btn-danger]{--btn-backcolor:rgb(200, 0, 0);--forecolor:white}
}
.input-label{
	&>.access-key{
		flex:0 0 var(--cxlabel,auto);
		&>span{text-decoration:underline}
	}
	&>:not(.access-key){flex:1}
}
.peb-ffmi::before,.pea-ffmi::after,.ffmi{font-family:materialicons}