/* Stylesheet für FMD Server 

/* ================= GLOBAL DEFINITION ================= */

* { 
	box-sizing: border-box;
}

html {
	background-color:white;
}

h1 {
	color:black;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

h2 {
	color:black;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

h3 {
	color:dodgerblue;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	padding:0em;
}

a {
	color:black;
	text-align:left;
	text-decoration:none;
}

p {
	color:black;
	text-align:left;
	text-decoration:none;
}

table {
	border-collapse:collapse;
}

th {
	font-weight:bold;
}

#clock {
	color: black;
	text-align:left;
	text-decoration:none;
	font-size: 1.5em;
}

/* ================= SCREEN SIZE AND ORIENTATION ================= */

@media screen 
and (min-width:320px) {
	#layout {
		display:grid;
		max-width:100%;
		min-height:90vh;
		grid-template-columns:25% 25% 25% 25%;
		grid-template-rows:2.5em 2fr 2.5em 2em;
		font-family:Arial;
		font-size:1em;
		overflow-y:auto;
	}
	
	#header_logo {
		grid-column:1/2;
		grid-row:1/2;
	}
	
	#header_title {
		grid-column:2/4;
		grid-row:1/2;
	}

	#header_logout {
		display:flex;
		grid-column:1/3;
		grid-row:3/4;
		align-content:center;
		justify-content:center;
	}

	#header_usr {
		display:flex;
		grid-column:3/5;
		grid-row:3/4;
		align-content:center;
		justify-content:center;
	}

	#header_navmenu {
		display:flex;
		grid-column:4/5;
		grid-row:1/2;
		align-content:center;
		justify-content:flex-end;
	}

	#header_time {
		display:none;
	}

	#header_nav {
		display:none;
	}

	#navmenu {
		display:flex;
		grid-column:1/4;
		grid-row:2/3;
		align-content:center;
		justify-content:start;
	}

	#content {
		grid-column:1/5;
		grid-row:2/3;
		overflow:auto;
	}

	#footer_copyright {
		grid-column:1/3;
		grid-row:4/5;
	}
	
	#footer_datap {
		grid-column:3/5;
		grid-row:4/5;
	}
	
	img {
		max-width:100%;
		height:auto;
		padding:0.25em;
	}
	
	h1 {
		font-size:1.2em;
		padding:0.15em;
	}
	
	h2 {
		font-size:1em;
		padding:0.15em;
	}
	
	h3 {
		font-size:2.5em;
	}

	p {
		font-size:0.75em;
		padding-top:0.4em;
	}

	a {
		font-size:0.75em;
		padding-top:0.4em;
	}

	.error {
		color:red;
		font-size:1em;
		padding:0.4em;
	}
	
	.pending {
		color:dodgerblue;
		font-size:1em;
		padding:0.4em;
	}

	.btn_submit {
		width:45%;
		font-size:1em;
	}

	.btn_usr {
		width:70%;
		font-size:1em;
		margin:0;
	}

	.btn_nav {
		font-size:1em;
		margin:0;
	}

	.btn_navclose {
		font-size:2em;
	}

	.dropdown, .btn_drop, .dropdown_content a {
		font-size:1em;
	}

	.form_field, .form_select {
		width:50%;
		font-size:1em;
		padding:0.4em;
	}

	.autoc_content {
		width:50%;
	}

	.table_db, .table_usr {
		width:85%;
		margin:0.25em;
	}

	.table_db th, .table_db td, .table_usr th, .table_usr td {
		font-size:0.9em;
		width:50%;
	}

	.trigger_cont1, .trigger_cont2, .trigger_cont3, .trigger_cont4 {
		height:auto;
		flex-wrap:wrap;
	}
	
	.btn_radio label, .btn_check label, .btn_trigger {
		font-size:1em;
	}

	.status {
		grid-template-columns: repeat(2, 50%);
		grid-template-rows:repeat(5, 1fr);
	}

	.status_col1 {
		grid-column:1/2;
		grid-row:1/2;
	}

	.status_col2 {
		grid-column:2/3;
		grid-row:1/2;
	}

	.status_col3 {
		grid-column:1/2;
		grid-row:2/3;
	}

	.status_col4 {
		grid-column:2/3;
		grid-row:2/3;
	}

	.status_col5 {
		grid-column:1/2;
		grid-row:3/4;
	}

	.status_col6 {
		grid-column:2/3;
		grid-row:3/4;
	}

	.status_col7 {
		grid-column:1/2;
		grid-row:4/5;
	}

	.status_col8 {
		grid-column:2/3;
		grid-row:4/5;
	}

	.status_col9 {
		grid-column:1/2;
		grid-row:5/6;
	}

	.status_col10 {
		grid-column:2/3;
		grid-row:5/6;
	}

	.table_overflow_status, .table_overflow_alrm, .logfile, .table_overflow_adm, .table_overflow_cdr table {
		max-height:45vh;
	}

	.trigger {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 2fr 2.1em 1fr;
		margin:0.1em;
	}

	.trigger_list {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 1.5fr 2.1em 1fr;
		margin:0.1em;
	}

	.trigger4 {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 1fr 2.1em 3fr 2.1em 1fr;
		margin:0.1em;
	}

	.trigger3_ela {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 1fr 2.1em 1fr;
		margin:0.1em;
	}

	.trigger4_ela {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 1fr 2.1em 1fr 2.1em 1fr;
		margin:0.1em;
	}

	.table_alrm {
		width:98%;
	}

	.table_alrm th, .table_alrm td {
		font-size:0.8em;
	}

	.table_adm {
		width:98%;
	}

	.table_adm th, .table_adm td {
		font-size:0.8em;
	}

	.table_cdr {
		width:98%;
	}

	.table_cdr th, .table_cdr td {
		font-size:0.8em;
	}

	.logfile {
		max-width:98%;
		max-height:50vh;
		margin:0.75em;
		font-size:0.9em;
	}

	.textfield {
		width:98%;
		min-height:5vh;
		max-height:15vh;
		margin:0.25em;
		font-size:1.5em;
		overflow-y:auto;
	}

}

@media screen 
and (min-width:320px)
and (orientation:landscape) {
	img {
		max-width:90%;
		height:90%;
		padding:0.25em;
	}
	
	h1 {
		padding:0.5em;
	}

	
	#layout {
		min-height:85vh;
	}

	#navmenu {
		grid-column:1/3;
	}

	.table_alrm th, .table_alrm td {
		font-size:0.9em;
	}

	.table_adm th, .table_adm td {
		font-size:0.9em;
	}

	.table_cdr th, .table_cdr td {
		font-size:0.9em;
	}

}

@media screen 
and (min-width:768px) {
	#layout {
		display:grid;
		max-width:100%;
		min-height:95vh;
		grid-template-columns:25% 25% 25% 25%;
		grid-template-rows:2.1em 2.1em 2.1em 2fr 2em;
		font-family:Arial;
		font-size:1.5em;
		overflow-y:auto;
	}
	
	#header_logo {
		grid-column:1/2;
		grid-row:1/3;
	}
	
	#header_title {
		grid-column:2/4;
		grid-row:1/3;
	}
	
	#header_logout {
		display:flex;
		grid-column:4/5;
		grid-row:1/2;
		align-content:center;
		justify-content:flex-end;
	}
	
	#header_usr {
		display:flex;
		grid-column:4/5;
		grid-row:2/3;
		align-content:center;
		justify-content:flex-end;
	}
	
	#header_navmenu {
		display:flex;
		grid-column:1/2;
		grid-row:3/4;
		align-content:center;
		justify-content:flex-start;
	}

	#header_time {
		display: none;
	}

	#header_nav {
		display:flex;
		grid-column:2/5;
		grid-row:3/4;
		align-content:center;
		justify-content:flex-end;
	}

	#navmenu {
		display:flex;
		grid-column:1/3;
		grid-row:4/5;
		align-content:center;
		justify-content:start;
	}

	#content {
		grid-column:1/5;
		grid-row:4/5;
		overflow-y:auto;
	}
	
	#footer_copyright {
		grid-column:1/3;
		grid-row:5/6;
	}
	
	#footer_datap {
		grid-column:3/5;
		grid-row:5/6;
	}
	
	img {
		max-width:100%;
		height:auto;
		padding:0.2em;
	}
	
	h1 {
		font-size:1.5em;
		padding:0.2em;
	}

	h2 {
		font-size:1.1em;
		padding:0.4em;
	}

	h3 {
		font-size:2.7em;
	}

	p {
		font-size:0.8em;
		padding-top:0.4em;
	}

	a {
		font-size:0.8em;
		padding-top:0.4em;
	}

	.error {
		color:red;
		font-size:1.25em;
		padding:0.4em;
	}

	.pending {
		color:dodgerblue;
		font-size:1.25em;
		padding:0.4em;
	}

	.btn_submit {
		width:30%;
		font-size:1em;
	}

	.btn_usr {
		width:80%;
		font-size:0.8em;
		margin:0;
	}

	.btn_nav {
		font-size:0.65em;
		margin:0;
	}

	.btn_navclose {
		font-size:2em;
	}

	.dropdown, .btn_drop, .dropdown_content a {
		font-size:1em;
	}

	.form_field, .form_select {
		width:50%;
		font-size:0.8em;
		padding:0.4em;
	}
	
	.autoc_content {
		width:50%;
	}

	.table_db, .table_usr {
		width:70%;
		margin:0.8em;
	}

	.table_db th, .table_db td, .table_usr th, .table_usr td {
		font-size:0.8em;
		width:50%;
	}

	.trigger_cont1, .trigger_cont2, .trigger_cont3, .trigger_cont4 {
		height:auto;
		flex-wrap:wrap;
	}
	
	.btn_radio label, .btn_check label, .btn_trigger {
		font-size:1.1em;
	}

	.status {
		grid-template-columns: repeat(3, 33.3%);
		grid-template-rows:repeat(4, 1fr);
	}

	.status_col1 {
		grid-column:1/2;
		grid-row:1/2;
	}

	.status_col2 {
		grid-column:2/3;
		grid-row:1/2;
	}

	.status_col3 {
		grid-column:3/4;
		grid-row:1/2;
	}

	.status_col4 {
		grid-column:1/2;
		grid-row:2/3;
	}

	.status_col5 {
		grid-column:2/3;
		grid-row:2/3;
	}

	.status_col6 {
		grid-column:3/4;
		grid-row:2/3;
	}

	.status_col7 {
		grid-column:1/2;
		grid-row:3/4;
	}

	.status_col8 {
		grid-column:2/3;
		grid-row:3/4;
	}

	.status_col9 {
		grid-column:3/4;
		grid-row:3/4;
	}

	.status_col10 {
		grid-column:1/2;
		grid-row:4/5;
	}

	.table_overflow_status, .table_overflow_alrm, .table_overflow_adm, .table_overflow_cdr {
		max-height:60vh;
	}

	.trigger {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 2fr 2.1em 1fr;
		margin:0.15em;
	}

	.trigger_list {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 2fr 2.1em 1fr;
		margin:0.15em;
	}

	.trigger4 {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 1fr 2.1em 3fr 2.1em 1fr;
		margin:0.15em;
	}

	.trigger3_ela {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 1fr 2.1em 1fr;
		margin:0.15em;
	}

	.trigger4_ela {
		grid-template-columns:100%;
		grid-template-rows:2.1em 2fr 2.1em 1fr 2.1em 1fr 2.1em 1fr;
		margin:0.15em;
	}

	.table_alrm {
		width:96%;
	}

	.table_alrm th, .table_alrm td {
		font-size:0.8em;
	}

	.table_adm {
		width:96%;
	}

	.table_adm th, .table_adm td {
		font-size:0.8em;
	}

	.table_cdr {
		width:96%;
	}

	.table_cdr th, .table_cdr td {
		font-size:0.8em;
	}

	.logfile {
		max-width:96%;
		max-height:50vh;
		margin:1em;
		font-size:0.8em;
	}

	.textfield {
		width:96%;
		min-height:2.5vh;
		max-height:8vh;
		margin:0.5em;
		font-size:1.1em;
		overflow-y:auto;
	}

}

@media screen 
and (min-width:1200px) {
	#layout {
		display:grid;
		max-width:100%;
		height:99vh;
		grid-template-columns:4.5% 15.5% 30% 30% 15.5% 4.5%;
		grid-template-rows:2.3em 2.3em 2.3em 2fr 2em;
		font-family:Arial;
		font-size:1em;
	}
	
	#header_logo {
		grid-column:1/3;
		grid-row:1/3;
	}

	#header_title {
		grid-column:3/5;
		grid-row:1/3;
	}
	
	#header_logout {
		display:flex;
		grid-column:5/7;
		grid-row:1/2;
		align-content:center;
		justify-content:flex-end;
	}
	
	#header_usr {
		display:flex;
		grid-column:5/7;
		grid-row:2/3;
		align-content:center;
		justify-content:flex-end;
	}

	#header_navmenu {
		display:flex;
		grid-column:1/2;
		grid-row:3/4;
		align-content:center;
		justify-content:flex-start;
	}
	
	#header_time {
		display:flex;
		grid-column:2/3;
		grid-row:3/4;
	}
	
	#header_nav {
		display:flex;
		grid-column:3/7;
		grid-row:3/4;
		align-content:center;
		justify-content:flex-end;
	}

	#navmenu {
		display:flex;
		grid-column:1/3;
		grid-row:4/5;
		align-content:center;
		justify-content:flex-start;
	}

	#content {
		grid-column:1/7;
		grid-row:4/5;
		overflow-y:auto;
	}
	
	#footer_copyright {
		grid-column:1/4;
		grid-row:5/6;
	}
	
	#footer_datap {
		grid-column:4/7;
		grid-row:5/6;
	}
	
	img {
		max-width:100%;
		height:auto;
		padding:0.2em;
	}
	
	h1 {
		font-size:2em;
		padding:0.6em;
	}

	h2 {
		font-size:1.25em;
		padding:0.25em;
	}

	h3 {
		font-size:2.8em;
	}

	p {
		font-size:1em;
		padding-top:0.5em;
	}

	a {
		font-size:1em;
		padding-top:0.5em;
	}

	.error {
		color:red;
		font-size:1.25em;
		padding:0.5em;
	}

	.pending {
		color:dodgerblue;
		font-size:1.25em;
		padding:0.5em;
	}

	.btn_submit {
		width:15%;
		font-size:1.1em;
	}

	.btn_usr {
		width:50%;
		font-size:1.1em;
		margin:0.25em;
	}

	.btn_nav {
		font-size:1.1em;
		margin-top:0.25em;
	}

	.btn_navclose {
		font-size:1.5em;
	}

	.dropdown, .btn_drop, .dropdown_content a {
		font-size:1.1em;
	}

	.form_field, .form_select {
		width:15%;
		font-size:1.1em;
	}

	.autoc_content {
		width:15%;
	}

	.table_db {
		width:80%;
		margin:0.5em;
	}

	.table_db th, .table_db td {
		width:7%;
		font-size:1em;
	}

	.table_usr {
		width:60%;
		margin:0.5em;
	}

	.table_usr th, .table_usr td {
		width:16%;
		font-size:1em;
	}

	.trigger_cont1, .trigger_cont2, .trigger_cont3, .trigger_cont4 {
		height:auto;
		flex-flow:row wrap;
	}
	
	.btn_radio label, .btn_check label, .btn_trigger {
		font-size:1.5em;
	}

	.status {
		grid-template-columns: repeat(10, 10%);
		grid-template-rows:1fr;
	}

	.status_col1 {
		grid-column:1/2;
		grid-row:1/2;
	}

	.status_col2 {
		grid-column:2/3;
		grid-row:1/2;
	}

	.status_col3 {
		grid-column:3/4;
		grid-row:1/2;
	}

	.status_col4 {
		grid-column:4/5;
		grid-row:1/2;
	}

	.status_col5 {
		grid-column:5/6;
		grid-row:1/2;
	}

	.status_col6 {
		grid-column:6/7;
		grid-row:1/2;
	}

	.status_col7 {
		grid-column:7/8;
		grid-row:1/2;
	}

	.status_col8 {
		grid-column:8/9;
		grid-row:1/2;
	}

	.status_col9 {
		grid-column:9/10;
		grid-row:1/2;
	}

	.status_col10 {
		grid-column:10/11;
		grid-row:1/2;
	}

	.table_overflow_status {
		max-height:78vh;
	}

	.table_overflow_alrm {
		max-height:39vh;
	}

	.table_overflow_adm {
		max-height:39vh;
	}

	.table_overflow_cdr {
		max-height:80vh;
	}

	.trigger {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 1fr 2.1em 1fr;
		margin:0.25em;
	}

	.trigger_list {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 3fr 2.1em 1fr;
		margin:0.25em;
	}

	.trigger4 {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 1fr 2.1em 3fr 2.1em 1fr;
		margin:0.25em;
	}

	.trigger3_ela {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 1fr 2.1em 1fr;
		margin:0.25em;
	}

	.trigger4_ela {
		grid-template-columns:100%;
		grid-template-rows:2.1em 1fr 2.1em 1fr 2.1em 1fr 2.1em 1fr;
		margin:0.25em;
	}

	.table_alrm {
		width:80%;
	}

	.table_alrm th, .table_alrm td {
		font-size:1em;
	}

	.table_adm {
		width:80%;
	}

	.table_adm th, .table_adm td {
		font-size:1em;
	}

	.table_cdr {
		width:90%;
		max-height:6vh;
	}

	.table_cdr th, .table_cdr td {
		font-size:1em;
	}

	.logfile {
		max-width:98%;
		max-height:65vh;
		margin:1.5em;
		font-size:1em;
	}

	.textfield {
		width:80%;
		min-height:2.5vh;
		max-height:5vh;
		margin:0.5em;
		font-size:1em;
	}

}


/* ================= GLOBAL LAYOUT ELEMENTS (ids) ================= */

#header_logo, #header_navmenu, #header_time, #header_title, #header_logout, #header_usr, #header_nav {
	overflow:hidden;
	background-color:#f1f1f1;
}

#content {
	background-color:white;
}

#footer_copyright, #footer_datap {
	overflow:hidden;
	background-color:#f1f1f1;
}


/* ================= GLOBAL CONTENT ELEMENTS (classes) ================= */

/* ========== GRIDS ========== */

.index {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:center;
	margin:0.5em;
}

.trigger {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:start;
}

.trigger_list {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:start;
}

.trigger4 {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:start;
}

.trigger3_ela {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:start;
}

.trigger4_ela {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:start;
}

.status {
	display:grid;
	max-width:100%;
	align-items:center;
	justify-items:center;
}

.max {
	width:99%;
}

/* ========== AUTOCOMPLETE ========== */

.autoc {
	position:relative;
	display:inline-block;
}

.autoc_content {
	display:none;
	position:relative;
	background-color:#e1e1e1;
	margin:auto;
	box-shadow:0em 0.2em 0.4em 0em rgba(0,0,0,0.2);
}

.autoc_content li {
	display:inline-block;
	color:black;
	padding:0.4em;
	width:100%;
	height:2em;
	text-decoration:none;
	text-align:left;
	font-size:inherit;
}

.autoc_content li:hover {background-color: #e5f1fb; cursor:pointer;}

.autoc_content li.active {background-color: dodgerblue; color:white;}

.autoc:hover .dropdown_content {display: block;}


/* ========== BUTTONS ========== */

.btn_blue {
	padding:0.65em;
	margin:0.5em;
	border:none;
	border-radius:0.25em;
	color:white;
	background-color:dodgerblue;
	cursor:pointer;
	outline:none;
}

.btn_blue:hover {
	color:black;
	background-color:#e5f1fb;
}

.btn_blue:disabled {
	color:black;
	background-color:#f1f1f1;
}

.btn_red {
	padding:0.65em;
	margin:0.5em;
	border:0.05em solid #ff0000;
	border-radius:0.25em;
	color:#ff0000;
	background-color:#f1f1f1;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

.btn_red:hover {
	background-color:#ff0000;
	color:white;
}

.btn_logout {
	border:0.05em solid #ff0000;
	border-radius:0.25em;
	color:#ff0000;
	background-color:#f1f1f1;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

.btn_logout:hover {
	background-color:#ff0000;
	color:white;
}

.btn_nav {
	background-color:#f1f1f1;
	text-align:center;
	text-decoration:none;
	border-radius:0.25em;
	border:none;
	cursor:pointer;
}

.btn_nav:hover {
	background-color: #e5f1fb;
	color: black;
}

.btn_nav.active {
	background-color:dodgerblue;
	border:0.05em solid dodgerblue;
	color:white;
}

.btn_navmenu {
	border:none;
	background-color:#f1f1f1;
	cursor:pointer;
	width:100%;
}

.btn_navmenu:hover {
	border:none;
	background-color: #e5f1fb;
	cursor:pointer;
}

.btn_navmenu:active {
	border:none;
	background-color: dodgerblue;
	cursor:pointer;
}

.btn_navclose {
	position:absolute;
	top:0;
	right:0.5em;
	margin:0.15em;
	cursor:pointer;
}

.btn_radio input[type="radio"]{
	visibility:hidden;
	position:absolute;
	bottom:0em;
	right:0em;
}

.btn_radio label {
	background-color:#e1e1e1; 
	border:0.05em solid grey;
	border-radius:0.25em;
	border-spacing:0.75em;
	color:black;
	padding:1em;
	cursor:pointer; 
	margin:0.5em;
}

.btn_radio input:checked + label {
	background:#ff0000;
	color:white;
	box-shadow:none;
}

.btn_check input[type="checkbox"]{
	visibility:hidden;
	position:absolute;
	bottom:0em;
	right:0em;
}

.btn_check label {
	background-color:#e1e1e1; 
	border:0.05em solid grey;
	border-radius:0.25em;
	border-spacing:0.75em;
	color:black;
	padding:1em; 
	cursor:pointer; 
	margin:0.5em;
 }

.btn_check input:checked + label {
	background:#ff0000;
	color:white;
	box-shadow:none;
}

.btn_trigger {
	background-color:#e1e1e1; 
	border:0.05em solid grey;
	border-radius:0.25em;
	border-spacing:0.75em;
	padding:1em; 
	cursor:pointer;
	margin:0.5em;
	text-decoration:none;
}

.btn_check :hover, .btn_radio :hover {
	background-color:#e5f1fb;
}

.btn_trigger:hover {
	background-color:#e5f1fb;
}

/* ========== FORMS ========== */

.form_field::placeholder {
	color:#3a3a3a;
}

.form_field {
	padding:0.5em;
	border:none;
	border-bottom:0.1em solid dodgerblue;
	margin-bottom:1em;
	border-radius:0.25em;
	outline:none;
	text-align:left;
}

.form_select {
	padding:0.5em;
	border:none;
	border-bottom:0.1em solid dodgerblue;
	margin-bottom:0.5em;
	border-radius:0.25em;
	outline:none;
	text-align:left;
}

/* ========== TABLES ========== */

.table_overflow_status, .table_overflow_alrm, .table_overflow_adm, .table_overflow_cdr {
	overflow-y:auto;
}

.table_overflow_status table, .table_overflow_alrm table, .table_overflow_adm table, .table_overflow_cdr table{
	border:none;
	width:95%;
	margin:0.2em;
}

.table_db tr, .table_usr tr {
	height:6vh;
}

.table_db th, .table_db td, .table_usr td, .table_usr th {
	border:0.1em solid #000;
	text-align:center;
	vertical-align:middle;
	padding:0.1em;
}

.table_db th, .table_usr th {
	background-color:#e5f1fb;
}

.prio {
	max-width:5em;
	text-align:center;
}

.table_usr_field {
	max-width:100%;
	border:none;
	outline:none;
	font-size:inherit;
	text-align:left;
	vertical-align:middle;
}

.table_status-name {
	font-weight:bold;
	width:auto;
	font-size:1em;
	border:0.15em solid #000;
	border-bottom:0.1em solid #000;
	padding:0.1em;
}

.table_status-count {
	text-align:center;
	width:1.5em;
	font-size:1.2em;
	border:0.15em solid #000;
	padding:0.1em;
}

.table_status-time {
	text-align:left;
	width:auto;
	font-size:0.8em;
	border:0.2em solid #000;
	border-top:0.15em solid #000;
	padding:0.2em;
}

.table_alrm {
	margin:0.75em;
	border:0.05em solid #000;
}

.table_alrm tr {
	height:2.5vh;
}

.table_alrm th, .table_alrm td {
	width:20%;
	padding:0.1em;
	text-align:center;
	vertical-align:middle;
}

.table_alrm th {
	background-color:#e5f1fb;
}

.table_alrm td {
	border:0.05em solid #000;
}

.table_alrm table {
	width:99.5%;
	margin:0.1em;
}

.table_adm {
	margin:0.75em;
	border:0.05em solid #000;
}

.table_adm tr {
	height:2.5vh;
}

.table_adm th, .table_adm td {
	width:11.1%;
	padding:0.1em;
	text-align:center;
	vertical-align:middle;
}

.table_adm th {
	background-color:#e5f1fb;
}

.table_adm td {
	border:0.05em solid #000;
}

.table_adm table {
	width:99.5%;
	margin:0.1em;
}

.table_cdr {
	margin:0.75em;
	border:0.05em solid #000;
}

.table_cdr tr {
	height:2.5vh;
}

.table_cdr th, .table_cdr td {
	width:16.5%;
	padding:0.1em;
	text-align:center;
	vertical-align:middle;
}

.table_cdr th {
	background-color:#e5f1fb;
}

.table_cdr td {
	border:0.05em solid #000;
}

.table_cdr table {
	width:99.5%;
	margin:0.1em;
}

.space {
	height:0.25em;
	border:none;
}

/* ========== NAVIGATION ========== */

.navmenu {
	height:auto;
	width:0%;
	position:relative;
	z-index:1;
	background-color:#f1f1f1;
	overflow-x:hidden;
	transition:0.5s;
	padding-top:1em;
	overflow-y:auto;
}

.dropdown {
	position:relative;
	display:inline-block;
}

.dropdown .btn_drop {
	background-color:dodgerblue;
	color:white;
	padding:1em;
	border:0.05em solid dodgerblue;
	border-radius:0.25em;
	border-spacing:1.25em;
	cursor:pointer;
	margin:0.25em;
}

.dropdown_content {
	position:relative;
	display:none;
	background-color:#e1e1e1;
	width:100%;
	margin:auto;
	box-shadow:0em 0.2em 0.4em 0em rgba(0,0,0,0.2);
	text-align:left;
}

.dropdown_content a {
	display:block;
	padding:0.8em 1em;
	text-decoration:none;
	color:black;
	text-align:left;
}

.dropdown_content a:hover {background-color:#e5f1fb;}

.dropdown_content a.active {background-color:dodgerblue; color:white;}

.dropdown:hover .dropdown_content {display:block;}

.dropdown:hover .btn_drop {background-color:#e5f1fb; color:black;}

/* ========== STATUS ========== */

.status_col1,
.status_col2,
.status_col3,
.status_col4,
.status_col5,
.status_col6,
.status_col7,
.status_col8,
.status_col9,
.status_col10 {
	overflow:hidden;
	background:#fff;
	width:100%;
	align-self:start;
	justify-self:center;
}

.col_status {
	background-color:#e5f1fb;
	margin:0.2em;
}

.one {
	background: #80ff80;
}

.two {
	background: #00C100;
}

.three {
	background: #ffff3C;
}

.four {
	background: #ff5555;
}

.six {
	background: #fff;
}

.seven {
	background: #97ffff;
}

.eight {
	background: #28ffff;
}

.nine {
	background: #C0C0C0;
}

/* ========== ALARMSERVER ========== */

.trigger_hl1 {
	grid-column:1/2;
	grid-row:1/2;
}

.trigger_hl2 {
	grid-column:1/2;
	grid-row:3/4;
}

.trigger_hl3 {
	grid-column:1/2;
	grid-row:5/6;
}

.trigger_hl4 {
	grid-column:1/2;
	grid-row:7/8;
}

.trigger_hl1, .trigger_hl2, .trigger_hl3, .trigger_hl4 {
	display:flex;
	width:100%;
	overflow:hidden;
	background:#f1f1f1;
}

.trigger_hl1 h2, .trigger_hl2 h2, .trigger_hl3 h2, .trigger_hl4 h2{
	text-align:left;
}

.trigger_cont1 {
	grid-column:1/2;
	grid-row:2/3;
}

.trigger_cont2 {
	grid-column:1/2;
	grid-row:4/5;
}

.trigger_cont3 {
	grid-column:1/2;
	grid-row:6/7;
}

.trigger_cont4 {
	grid-column:1/2;
	grid-row:8/9;
}

.trigger_cont1, .trigger_cont2, .trigger_cont3, .trigger_cont4 {
	display:flex;
	max-width:100%;
	overflow:hidden;
	background:white;
}

.white {
	background: #fff;
}

.yellow {
	background: #ffd800;
}

.green {
	background: #4cff00;
}

/* ========== LOGFILE ========== */

.logfile {
	overflow:scroll;
	background:#d0d0d0;
	text-align:left;
	padding:0.1em;
	border:0.2em solid #ff0000;
	border-radius:0.25em;
}

.textfield {
	background:#fff;
	text-align:left;
	padding:0.1em;
	border:0.2em solid #ff0000;
	border-radius:0.25em;
}