/*
 * colors (SR):
 * #c38140 - brown
 * #f7c84a - yellow
 *
 * colors (Sensotec)
 * background: #f5ffe8
 * yellow: #fff25f
 * green: #50ea87
 * orange: #f48514
 * purple: #a88ed7
 */

@font-face {
	font-family: Manrope;
	src: url(/css/fonts/Manrope.woff2);
}

body {
	font-family:Manrope,Arial,Helvetica,sans-serif;
	padding:0px;
	margin:0px;
	background-color:#f5ffe8;
}

header {
	background-color:#f48514;
	border-bottom: solid 1px #c38140;
	text-align:center;
	padding:.3em;
}
footer {
	background-color:#f48514;
	border-top: solid 1px #c38140;
	font-size:small;
	text-align:center;
	vertical-align:middle;
	padding:.3em;
}
div#container {
	background-color:#f5ffe8;
	display: flex;
	flex-direction: row;
	padding:1em;
	gap:1em;
}

/*  navigation menu (left side) */

nav#main {
	font-weight:700;
	white-space:nowrap;
}
nav#main div {
	margin-bottom:.5em;
}
nav#main h3 {
	width:auto;
	margin:0;
	background-color:#f48514;
	background-color:#a88ed7;
	color:white;
	border-radius: .3em;
	padding:2px .5em;
	margin-bottom:.2em;
}
nav#main a {
	display:block;
	color: #333;
	padding-left:10px;
}
nav#main a:hover {
	background-color: #eee8f7;
	color: black;
	border-radius: .3em;
	border-color: red;
	box-shadow: 0 0 0 0.25rem #d3c6eb;
}

/* main (content) */

main {
	width:100%;
	display: flex;
	flex-direction: column;
	gap:1em;
	font-weight:500;
}

main nav {
}

main footer {
	border:solid thin #50ea87;
	border-radius: .3em;
	background-color:#e5fced;
	color: black;
}

/* section / div.group */

section,div.group {
	background-color: white;
	border: solid 1px #50ea87;
	border-radius: .5em;
	overflow: hidden;
}
section > *,div.group > * {
	margin: 8px;
}
section > h3,section > h1,div.group > h3 {
	width: auto;
	margin: 0px;
	background-color: #50ea87;
	color: #000;
	padding: .5em;
}
section > h1.red,section > h3.red {
	background-color: red;
	color: white;
}
section > table,div.group > table {
	margin:0px;
	padding:8px;
}

section.warning {
	color: red;
	font-weight:bold;
	border-color: red;
}

section.warning > h3 {
	background-color: red;
	color: white;
}

/* table layout */

table {
	word-wrap:break-word;
}

thead th,tfoot td,tfoot th,tbody tr.header th {
/*
	border-top:solid 2px #50ea87;
	border-bottom:solid 2px #50ea87;
	background-color: #f5ffe8;
	color: black;
	font-weight:bold;
	vertical-align:middle;
*/
	text-align:center;
	background-color: #50ea87;
	color: #000;
	padding: .3em .6em;
/*
	border-radius: .2em;
*/
}
thead th:first-of-type {
	border-top-left-radius: .25em;
	border-bottom-left-radius: .25em;
}
thead th:last-of-type {
	border-top-right-radius: .25em;
	border-bottom-right-radius: .25em;
}

tbody td {
	vertical-align:top;
	padding-left:5px;
	padding-right:5px;
}

tbody th {
	color: black;
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}

table.sortable tr:nth-child(odd),table.highlight tr:nth-child(odd) {
	background-color: white;
}
table.sortable tr:nth-child(even),table.highlight tr:nth-child(even) {
	background-color: #f5ffe8;
}

table.sortable tbody tr:hover,table.highlight tbody tr:hover {
	background-color:#50ea87;
	background-color:#a7f4c3;
	background-color:#d3fae1;
	outline:solid 1px #50ea87;
	outline:solid 1px #a7f4c3;
}

/* migrated */

textarea {
	font-family:Manrope,Arial,Helvetica,sans-serif;
	padding:2px;
}

a {
	text-decoration:none;
	color:#0000FF;
}

a:hover {
	color:#FF0000;
}

/* TODO: check if used */

.smallFont,.small_font,.small {
	font-size: small;
}
.smaller {
	font-size: smaller;
}

/* --- below is OLD css - TODO: move up or remove ---  */

disabled-ul {
	margin: 0px;
	padding-left: 20px;
}

span.left {
	float:left;
	padding-left:5px;
	padding-top:2px;
}
span.right {
	float:right;
	padding-left:.5em;
	padding-right:2px;
}
td.right {
	text-align:right;
}
.disabled {
	color:#aaa;
}
.disabled a {
	color:#aaf;
}
option {
	min-width:150px;
}
option.header {
	background-color:#f48514;
	text-align:right;
	outline:solid 1px #888;
}
option.default {
  color: red;
}
.priority_critical {
	/*background-color:#fcc;*/
	font-weight:bold;
}
input.button {
	width:75px;
}
.grey,.grey a {
	color:#CCCCCC;
}
.warning {
	color: #f00;
}
.error,.error a {
	color:#f00;
	font-weight:bold;
}
a img {
	border:0px;
}
td img {
	vertical-align:middle;
}
.red {
	color:#CC0000;
}
.green {
	color:#009900;
}
.gray .red {
	color:#CCCCCC;
}
.bold {
	font-weight:bold;
}
.hidden {
	/* Note: this style cannot overruled */
	display: none;
}
.nowrap {
	white-space:nowrap;
}
.monospace,.monospaced,.mono {
	font-family: monospace;
}

/* sorttable - NOTE: the js-name has 2 letters 't' */

table.sortable th {
	cursor: pointer;
}

th.sorter-false,th.sorttable_nosort {
	cursor: default !important;
}

/* tablesorter */

.tablesorter-default .tablesorter-header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.tablesorter-default .tablesorter-headerDesc {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7");
}
.tablesorter-default .tablesorter-headerAsc {
	background-image: url("data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7");
}

code {
	padding: 5px;
	border: double;
	border-color: #c38140;
	display: block;
}
tr.sum td,tr.sum th {
	border-top: #000 double 3px;
}
.click-blue {
	color: blue;
	cursor: pointer;
}
.click-red {
	color: red;
	cursor: pointer;
}
.click-green {
	color: green;
	cursor: pointer;
}
tr.select {
	display:none;
}
.selected-option {
	font-weight:bold;
}
span.click-to-edit {
	cursor:pointer;
}

/* button */

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
}

button,a.button,input[type="button"],input[type="submit"],input[type="reset"] {
	border: 2px solid #ccc;
	border-radius: 3px;
	padding: 2px 10px;
	line-height: 1.3;

	/* blue */
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	font-weight: bold;
	font-size: .8em;
}

button.red,select.red,input.red,a.button.red {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
button.green,select.green,input.green,a.button.green {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
button.blue,select.blue,input.blue,a.button.blue {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
button.pink,select.pink,input.pink,a.button.pink {
	color: #fff;
	background-color: #e6007e;
	border-color: #e6007e;
}
button:hover,a.button:hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover {
	opacity: 0.7;
}
button:disabled {
	opacity: 0.4;
}

button.low,select.low,input.low,a.button.low {
	padding-top: 2px;
	padding-bottom: 2px;
}
button.small,select.small,input.small,a.button.small {
	padding: 1px 5px;
}

/* --- REMOVED 2023-10-05 ---

#menu {
	width:140px;
	padding-right:15px;
	color:#c38140;
}
#menu a {
	color:#c38140;
	display:block;
	width:120px;
	padding-left:10px;
}
#menu a:hover {
	xcolor: black;
	xbackground-color: #F5912B;
	xborder-color: #F5912B;
	xbox-shadow: 0 0 0 0.25rem #F9C289;
}
#menu h3 {
	background-color:#f48514;
	background-color:#F8F0E0;
	font-weight:bold;
	padding:2px;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:5px;
}

nav.top {
	margin: 8px 6px;
}

table#old {
	padding:8px;
}

h1,h2,h3,h4,h5 {
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
	color: #c38140;
}

.group,.block {
	border: solid 1px #c38140;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: .5em;
	background-color: #FFF;
}
.sub-group,.sub-block {
	border: dashed 1px #c38140;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
}

td,th {
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
}
tfoot td,th {
	color: #c38140;
	font-weight:normal;
	text-align:right;
	white-space:nowrap;
}

thead th,tfoot td,tfoot th,th[scope=col],.header th {
	text-align:center;
	vertical-align:middle;
	border-top:solid thin;
	border-bottom:solid thin;
	background-color: #FCF8F0;
}
table.sortable thead th:hover {
	background-color:#F8F0E0;
}
table.sortable tbody tr:hover,table.tablesorter tbody tr:hover {
	background-color:#F8F0E0;
	xxx-outline:solid 1px #888;
}
tr.highlight:hover {
	background-color:#F8F0E0;
	xxx-outline:solid 1px #888;
}
table.highlight tr:hover {
	background-color:#F8F0E0;
	xxx-outline:solid 1px #888;
}
tr.col0,tr.row0 {
	xxx-background-color:#F8F0E0;
}
tr.col1,tr.row1 {
	background-color:#FCF8f0;
}

#title_float {
	font-size:x-small;
	position:absolute;
	left:20px;
	top:25px;
}
#title_float a {
	border:1px solid black;
	padding:2px;
	x-background-color:#c38140;
	color:#000;
}
*/

/* mobile mode */
@media(max-width: 800px) {
	.desktop {
		display: none;
	}
	body {
		background-color:#f5ffe8;
	}
	div#container {
		flex-direction: column;
		padding: 0 0;
	}
	nav#main {
		padding: .5em;
	}
	section,div.group {
		margin: 0;
		border: 0;
		border-radius: 0;
	}
	section > table,div.group > table {
		padding: 0;
	}
	th {
		border-radius: 0px;
	}
}

/* wide mode */
@media(min-width: 800px) {
	.mobile {
		display: none;
	}
}

span#show-menu {
	position:absolute;
	left:.6em;
	top:.6em;
}

.admin_only {
	display: none;
}