:root {
	--black: #444;
	--primary: darkblue;
	--success: darkgreen;
	--danger: brown;
	--border-color: gray;
	--border: solid 1px var(--border-color);
	--radius: 5px;
}

html {
	overflow-y: scroll;
	color: var(--black);
}
body {
	margin: 0;
}
* {
    box-sizing: border-box;
}
svg, img {
	vertical-align: middle;
}
img, iframe, object, embed, video {
    /*max-width: 100%;*/
    /*height: auto;*/
}
select, button, input {
	line-height: inherit;
	font-size: inherit;
	font-family: inherit;
}
button:not(:disabled) {
	cursor: pointer;
}
button.transparent,
.button.transparent {
	border-radius: 0;
	text-align: inherit;
	color:inherit;
	font-size:inherit;
	font-family: inherit;
	padding:0; 
	margin:0; 
	background:transparent; 
	border: 0;
	box-shadow: none;
}
button:disabled,
.button:disabled {
	opacity: 0.5;
}
button.transparent::before,
.button.transparent::before {
	background:transparent;
}
.button.transparent:hover,
button.transparent:hover {
	background: transparent;
	border: 0;
	color: inherit;
}
.button.transparent:active,
button.transparent:active {
	-webkit-tap-highlight-color: transparent;
	box-shadow: none;
}
button.process,
.button.process {
/*	border-style: dashed;*/
	opacity:0.5;
	cursor: default;
}
ul, ol {
	padding-left: 2.6ch;
}
table td, table th {
	vertical-align: top;
}
table th {
	text-align: left;
}
th > p,
td > p {
	margin:0;
	padding:0;
}
.a {
	/*border-bottom: none;*/
	text-align: left;
	background-color: transparent;
	color: inherit;
	display: inline;
	font-size: inherit;
    font-weight: inherit;
	padding:0;
	margin:0;
	box-shadow: none;
	cursor: pointer;
	text-decoration: underline dashed 0.5px;
	text-underline-offset: 0.3em;
	/*border: 0;
	border-bottom: dashed 1px currentColor;
	border-radius: 0;*/
}
.a {
/*	color: var(--primary);*/
}
.a:active {
/*	color: var(--primary);*/
	box-shadow: none;
/*	border-bottom: dashed 1px currentColor;*/
}
.a:hover {
	/*border-bottom: none;*/
	text-decoration: underline dashed 0.5px;
/*	color: var(--primary);*/
	box-shadow: none;
/*	border-bottom: dashed 1px currentColor;*/
}

.mute {
	opacity: 0.5;
	transition: opacity 0.2s;
}
.a.mute:hover {
	opacity: 1;
}
a.mute:hover {
	opacity: 1;
}
button.mute:hover {
	opacity: 1;
}

a {
	-webkit-tap-highlight-color: transparent;
}
a:hover:has(:is(svg, img)),
a:has(:is(svg, img)) {
	border: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
}
thead td,
thead th {
    vertical-align: bottom;
}
tbody th,
tbody td {
	vertical-align: top;
}
td, th {
    padding: 0.3rem;
}
dialog {
	color: inherit;
}

@media print {
	.noprint {
		display: none!important;
	}
}


img.right {
	float:right; 
	max-width:50%;
	margin-left:1em;
	margin-bottom:1em;
	height: auto
}
@media (max-width: 767px) {
	img.right {
		float:none; 
		display: block;
		margin:1em auto;
		max-width:100%; 
		height: auto
	}
}