/* Copyright (c) 2023 POTI Inc. All rights reserved. */

body {
	font-family: sans-serif;
	color: #181818;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

* {
	box-sizing: border-box;
}

h2 {
	font-style: italic;
}

.text {
	padding: 0; /* mod.css */
	text-align: left;
}

span.lang {
	font-style: italic;
	color: blue;
	cursor: pointer;
}

span.lang.selected {
	color: inherit;
}

div.form {
	display: inline-block;
	padding: 0.7em 1em;
	background-color: #F0F0F0;
	border: 3px outset #D0D0D0;
}

div.more {
	padding: 0.2em 0.5em 0.1em;
	background-color: #E0E0E0;
}

div.line {
	padding: 0.2em 0;
	white-space: nowrap;
}

div.line.button {
	padding: 0.4em 0;
	text-align: center;
	background-color: #D0D0D0;
	
    position: initial; /* mod.css */
    top: auto;
    left: auto;
    opacity: initial;
    transition: none;
    transform: none;	
}

input[type=text] {
	height: 2.2em;
	width: 4.5em;
	padding: 0 0.3em;
	vertical-align: top;
	text-align: right;
	font-size: 100%;
}
input[type=text].small {
	width: 3em;
}

input[type=checkbox], input[type=radio] {
	margin: 0;
	height: 1.8em;
	width: 1.8em;
	vertical-align: middle;
}

div.label {
	display: inline-block;
	width: 17em;
	padding-top: 0.5em;
}

div.more div.label {
	width: 16.5em;
}

span.symbol {
	display: inline-block;
	min-width: 1em;
	padding-top: 0.5em;
	vertical-align: top;
}

span.right {
	text-align: right;
}

span.minor {
	font-size: 80%;
	font-style: italic;
}

button {
	height: 2.2em;
	padding: 0 1.5em;
	font-size: 0.95em;
}

button.minor {
	border: 0;
	font-style: italic;
	text-decoration: underline;
}