:root {
    --black: rgb(0, 0, 0);
	--gray: rgb(170, 170, 170);
    --white: rgb(255, 255, 255);
}

body { 
	font-family: monospace;
	background-color: rgb(200,200,200);
    color: var(--black);
}


h1 { 
	font-size: 16pt;
}
h2 { 
	font-size: 14pt;
}

a {
	border-radius: 4px;
	color: white;
	background-color: gray;
	margin: 1px;
	padding: 1px;
	padding-left: 4px;
	padding-right: 4px;
	margin-left: 4px;
	margin-right: 4px;
}
a:visited {
	color: white;
}
a:hover {
	color: white;
	background-color: gray;
}
a:active {
	color: white;
	background-color: gray;
}


form.nobreak {
	display: inline;
}

button {
	background-color: var(--white);
	cursor: pointer;
	color: var(--black);
	font-family: monospace;
	font-size: 16pt;
	text-align: left;
	margin: 4px;
	padding: 6px 8px 6px 8px;
	border: 2px solid var(--black);
}
button:hover {
	background-color: var(--gray);
	text-decoration: underline;
}
button:active {
	background-color: var(--gray);
	text-decoration: underline;
}
button.selected {
	background-color: var(--gray);
}
button.fixed_width {
	width: 100%;
	display: block;
}

pre {
	font-size: 16pt;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
	background-color: rgb(220,220,220);
	color: var(--black);
	padding: 4px;
}


table {
	background-color: aliceblue;
	margin: 8px;
	padding: 0px;
	border: 1px solid var(--black);
	border-spacing: 0px;
	border-collapse: collapse;
}
caption {
	margin: 0px;
	padding: 8px;
	background-color: rgb(220,220,220);
	border: 1px solid var(--black);
	border-bottom: none;
	font-size: 16pt;
	font-weight: bold;
}
td, th {
	border: 1px solid var(--black);
	background-color: rgb(120,120,120);
	margin: 2px;
	padding: 8px;
	font-size: 14pt;
}
th {
	background-color: var(--white);
}
td {
	background-color: var(--white);
}
label.text, input.text {
	width: 175px;
	margin: 2px;
	padding: 6px 10px 6px 10px;
	font-size: 14pt;
}
input.checkbox {
	margin: 0px 0px 0px 10px;
	padding: 10px;
}
label.checkbox {
	font-weight: bold;
}



textarea {
	font-family: monospace;
	font-size: 12pt;
	resize: none;
	text-align: left;
	margin: none;
	padding: none;
}
textarea.holiday {
	background-color: var(--white);
}

button.login {
	width: 200px;
}



p {
	font-size: 14pt;
	background-color: green;
	color: yellow;
    border: none;
	margin: 2px;
	padding: 4px;
}


section {
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}
section.fixed_width {
	display: table;
	border: none;
}
section.path {
	background-color: var(--black);
    text-align: left;
    word-wrap: break-word;
	margin: 0px;
	padding: 4px;
	font-size: 16pt;
}
section.description {
	background-color: rgb(50,50,50);
    text-align: center;
    word-wrap: break-word;
	margin: 0px;
	padding: 0px;
	font-size: 16pt;
	border: none;
}
section.item {
	width: fit-content;
	height: fit-content;
    float: none;
}
section.item_fullwidth {
	width: auto;
	height: auto;
    float: none;
}
section.html {
	background-color: var(--black);
}
section.text {
	background-color: var(--black);
    border: none;
    overflow-wrap: break-word;
    hyphens: manual;
	margin: 0px;
	padding: 0px;
}

hr {
	border: 1px solid black;
	border-radius: 3px;
}