/* Copyright: Flexible Software 2023 */

div.heading-div {
	margin: 0px 8px;
	padding:0px;
	border:0px;
	background: #FFFFFF;
}

.title {
	padding: 0px;
	margin: 0px;
	color: #1A55D0;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.4em;
}
img.top-button {
	margin:0px;
	padding:0px;
	height: 35px;
	float: right;
}

div.message-div {
	display: none;
	margin: 8px;
	background: #FFFFFF;
}
p.message-heading {
	color: #0022DD;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.15em;
}
p.message {
	color: #0022DD;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}
.blackgrey{
	font-weight: normal;
	color: #000000;
	background: #DDDDDD;
}
.message-button {
	margin: 10px 10px 15px 5px;
	padding: 4px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	cursor: pointer;
}
.show-label {
	margin-left: 5px;
	color: #000000;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.1em;
}

.login-button {
	margin: 10px 0px 10px 20px;
	padding: 5px 15px;
	width: 90px;
	font-size: 1.1em;
	cursor: pointer;
}

div.login-div {
	display:none;
	z-index:92;
	position:fixed;
	margin-top:5px;
	padding:5px 10px;
	border:solid 2px #BBBBBB;
	background:#FFFFFF;
}
.login-entry {
	width: 220px;
	height: 20px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.9em;
	padding: 4px;
	border: 1px solid black;
}
.pass-entry {
	width: 180px;
	height: 20px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
	padding: 5px;
	border: 1px solid black;
}
img.pass-icon {
	padding:0px;
	margin:0px;
	height: 31px;
	float: right;
	cursor: pointer;
}
p.login-text {
	color: #0000CC;
	background: #FFFFFF;
	margin:  10px 10px 0px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
.submit-button {
	display: inline-block;
	margin: 15px 10px 0px 0px;
	padding: 4px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
	cursor: pointer;
}
p.login-message {
	width: 190px;
	color: #DD0000;
	background: #FFFFFF;
	margin:  10px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.05em;
}
.reset-password-button {
	display: inline-block;
	margin: 10px 0px 10px 0px;
	padding: 3px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.85em;
	cursor: pointer;
}

div.reset-div {
	display: none;
	z-index: 92;
	position: fixed;
	margin-top: 15px;
	padding: 10px 20px;
	border: solid 2px #BBBBBB;
	background: #FFFFFF;
}
p.reset-advice {
	width: 190px;
	color: #000000;
	background: #FFFFFF;
	margin:  10px 0px 15px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.95em;
}
p.reset-message {
	width: 190px;
	color: #DD0000;
	background: #FFFFFF;
	margin:  0px 0px 10px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.0em;
}
p.reset-text {
	width: 190px;
	color: #0000CC;
	background: #FFFFFF;
	margin:  10px 10px 0px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.95em;
}
.reset-entry {
	width: 190px;
	height: 20px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.9em;
	padding: 5px;
	border: 1px solid black;
}
.reset-button {
	margin: 10px 30px 10px 30px;
	padding: 5px 15px;
	width: 100px;
	font-size: 1.1em;
	cursor: pointer;
}

div.body-div {
	margin: 0px 5px;
	padding:0px;
	border: 0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}

img.body-image {
	width:100%;
}

div.menu-div {
	display:none;
	z-index:91;
	position:fixed;
	margin-top:15px;
	padding:4px;
	border:solid 4px #BBBBBB;
	border-radius: 8px;
	background:#FFFFFF;
}
table.menu-table {
	background: #FFFFFF;
	padding: 0px 5px;
	border: 0px;
}
td.menu {
	padding: 8px 0px 0px 0px;
	background: #FFFFFF;
}
button.menu-button {
	color: #006618;
	background: #FFFFFF;
	padding: 0px 5px 5px 5px;
	border: 0px solid;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.1em;
	text-align: left;
}

div.data-page {
	display: none;
	padding: 10px;
	border: 0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
div.data-checkbox {
	display: inline-block;
	margin-bottom: 10px;
}
.data-label {
	margin: 5px 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}
div.data-newline {
	display: block;
	height: 5px;
}
div.data-show {
	display: none;
}
.data-scroll {
	overflow-y: auto;
	height: 500px;
	margin: 8px 0px;
	padding: 0px;
}
.data-table thead th {
	position: sticky;
	top: 0;
}
.data-table {
	border-spacing: 0px;
	border: 0.5px solid #88ccee;
	color: #000000;
	background: #FFFFFF;
}
th.data-th {
	color: #000000;
	background: #FFFFDD;
	border: 0.5px solid #88ccee;
	padding: 4px 4px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left
}
td.data-td {
	color: #000000;
	border: 0.5px solid #88ccee;
	padding: 4px 4px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.9em;
}
.action-button {
	display: inline-block;
	margin: 15px 20px 0px 0px;
	padding: 4px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	cursor: pointer;
}
div.data-action-buttons {
	display: block;
	margin: 0px;
}
div.data-buttons {
	display: none;
	z-index: 93;
	position: absolute;
	margin: 0px;
	background: #FFFFFF;
}
.data-button {
	display: block;
	float: left;
	margin: 0px 0px 0px 7px;
	padding: 3px 8px;
	font-size: 1.05em;
	cursor: pointer;
}
.query-button {
	display: inline-block;
	margin: 15px 10px 0px 0px;
	padding: 4px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	cursor: pointer;
}
.query-label, .query-text-label {
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 2px 10px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.05em;
}
.query-select {
	color: #0000EE;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
.query-text-label {
	display: inline-block;
	vertical-align: top;
}
.query-text {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 2px 10px;
	width: 300px;
	height: 50px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.05em;
}
div.data-checks {
	display: none;
	z-index: 94;
	position: absolute;
	margin: 0px;
	background: #FFFFFF;
}
.data-check-button {
	display: inline-block;
	margin: 2px 0px 0px 10px;
	padding: 2px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
	cursor: pointer;
}
.data-check-text {
	display: inline-block;
	margin: 0px;
	padding: 2px 6px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
}
div.data-item {
	display: none;
	padding: 10px;
	border: 0px;
	margin: 0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
.data-item-text {
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
p.data-message {
	color: #DD0000;
	background: #FFFFFF;
	margin: 10px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.05em;
}
.data-entry {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px 0px 8px 0px;
	padding: 2px 6px;
	width: 250px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
.data-checkbox-label {
	display: inline;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
}
div.data-blank {
	display: block;
	height: 15px;
}
div.data-radio {
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px 5px 0px;
	padding: 4px 5px;
	color: #000000;
	background: #FFFFFF;
}
.data-radio-label {
	display: block;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}

div.hints-pin {
	display: none;
	padding:10px;
	border:0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
.pin {
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.2em;
	width: 45px;
}

div.hints-page {
	display: none;
	padding:10px;
	border:0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
p.hints-text {
	color: #000000;
	background: #FFFFFF;
	margin:  0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.1em;
}
.hints-entry {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px 0px 8px 0px;
	padding: 2px 6px;
	width: 250px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
table.hints-table {
	border: 1px solid;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
	color: #000000;
	background: #FFFFFF;
}
td.hints-td {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid;
	padding: 5px 10px 5px 10px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}

div.todo-page {
	display: none;
	padding:10px;
	border:0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
input[type=checkbox] {
transform: scale(1.0);
}
div.todo-checkbox {
	display: inline-block;
	margin-bottom: 10px;
}
.todo-label {
	margin: 5px 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}
div.todo-newline {
	display: block;
	height: 5px;
}
div.todo-show {
	display: none;
}
table.todo-table {
	border-collapse: collapse;
	border: 2px solid #88ccee;
	margin: 8px 0px 8px 0px;
	color: #000000;
	background: #FFFFFF;
}
td.todo-td {
	color: #000000;
	border: 2px solid #88ccee;
	padding: 4px 5px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
td.urgent-td {
	color: #EE0000;
	border: 2px solid #88ccee;
	padding: 4px 5px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.0em;
}
div.todo-buttons {
	display: none;
	z-index: 93;
	position: absolute;
	margin: 0px;
	background: #FFFFFF;
}
.todo-button {
	display: block;
	float: left;
	margin: 0px 0px 0px 8px;
	padding: 5px 15px;
	font-size: 1.05em;
	cursor: pointer;
}
div.todo-checks {
	display: none;
	z-index: 94;
	position: absolute;
	margin: 0px;
	background: #FFFFFF;
}
.todo-check-button {
	display: inline-block;
	margin: 2px 0px 0px 10px;
	padding: 2px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
	cursor: pointer;
}
.todo-check-text {
	display: inline-block;
	margin: 0px;
	padding: 2px 6px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
}
.todo-date-entry {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px;
	padding: 2px 8px;
	width: 120px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.95em;
}
.push-button {
	display: inline-block;
	margin: 15px 10px 0px 0px;
	padding: 4px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
	cursor: pointer;
}
div.todo-job {
	display: none;
	padding: 10px;
	border:0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
.todo-job-text {
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
p.todo-message {
	color: #DD0000;
	background: #FFFFFF;
	margin: 10px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.05em;
}
.todo-entry {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px 0px 8px 0px;
	padding: 2px 6px;
	width: 250px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
div.todo-blank {
	display: block;
	height: 15px;
}
div.todo-radio {
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px 5px 0px;
	padding: 4px 5px;
	color: #000000;
	background: #FFFFFF;
}
.todo-radio-label {
	display: block;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}

div.freezer-page {
	display: none;
	padding: 10px;
	border: 0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
div.freezer-checkbox {
	display: inline-block;
	margin-bottom: 10px;
}
.freezer-label {
	margin: 5px 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}
div.freezer-newline {
	display: block;
	height: 5px;
}
div.freezer-show {
	display: none;
}
.freezer-scroll {
	overflow-y: auto;
	height: 450px;
	margin: 8px 0px;
	padding: 0px;
}
.freezer-table thead th {
	position: sticky;
	top: 0;
}
.freezer-table {
	border-spacing: 0px;
	border: 0.5px solid #88ccee;
	color: #000000;
	background: #FFFFFF;
}
th.freezer-th {
	color: #000000;
	background: #FFFFDD;
	border: 0.5px solid #88ccee;
	padding: 4px 4px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left
}
td.freezer-td {
	color: #000000;
	border: 0.5px solid #88ccee;
	padding: 4px 4px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.9em;
}

div.freezer-buttons {
	display: none;
	z-index: 93;
	position: absolute;
	margin: 0px;
	background: #FFFFFF;
}
.freezer-button {
	display: block;
	float: left;
	margin: 0px 0px 0px 7px;
	padding: 3px 8px;
	font-size: 1.05em;
	cursor: pointer;
}
div.freezer-checks {
	display: none;
	z-index: 94;
	position: absolute;
	margin: 0px;
	background: #FFFFFF;
}
.freezer-check-button {
	display: inline-block;
	margin: 2px 0px 0px 10px;
	padding: 2px 8px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
	cursor: pointer;
}
.freezer-check-text {
	display: inline-block;
	margin: 0px;
	padding: 2px 6px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
}
.freezer-date-entry {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px;
	padding: 2px 6px;
	width: 100px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 0.95em;
}
div.freezer-item {
	display: none;
	padding: 10px;
	border: 0px;
	margin: 0px;
	position: relative;
	color: #0000FF;
	background: #FFFFFF;
}
.freezer-item-text {
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 4px 0px 0px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
p.freezer-message {
	color: #DD0000;
	background: #FFFFFF;
	margin: 10px 0px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: bold;
	font-size: 1.05em;
}
.freezer-entry {
	color: #0000ee;
	background: #FFFFFF;
	margin: 0px 0px 8px 0px;
	padding: 2px 6px;
	width: 280px;
	height: 30px;
	font-family: 'segoe UI','verdana',sans-serif;
	font-size: 1.0em;
}
.freezer-checkbox-label {
	display: inline;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 0.95em;
}
div.freezer-blank {
	display: block;
	height: 15px;
}
div.freezer-radio {
	display: inline-block;
	vertical-align: top;
	margin: 0px 20px 5px 0px;
	padding: 4px 5px;
	color: #000000;
	background: #FFFFFF;
}
.freezer-radio-label {
	display: block;
	margin: 5px 5px 5px 0px;
	padding: 0px;
	color: #0000ee;
	background: #FFFFFF;
	font-family: 'segoe UI','verdana',sans-serif;
	font-weight: normal;
	font-size: 1.0em;
}
div.opened-div {
	display: inline;
}