/* 
  file of project growme 2026 
  dark-green theme stuff
*/ 
/* General page styling */
body {
	font-family: 'Arial', sans-serif;
	background-color: #111111;
	margin: 0;
	padding: 0;
}
.container {
	max-width: 95%;
	margin: 5px auto;
	padding: 5px;
	background-color: #434343;
	box-shadow: 0 0 5px rgba(114, 210, 163, 0.1);
	border-radius: 4px;
	overflow:hidden;
}
h1 {
	text-align: center;
	color: #1b9e5f;
	font-size: 1rem;
	margin-bottom: 20px;
}
h2 {
	text-align: center;
	color: #1b9e5f;
	font-size: 1rem;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
/* Table styling */
table {
	border-collapse: collapse;
	margin-top: 1px;
	border-radius: 8px;
	overflow: hidden;
	display: block; 
	margin: 0 auto;
	background-color: #333333;
	box-shadow: 0 4px 8px rgba(114, 210, 163, 0.1);
}
th,td {
	padding: 1px;
	text-align: right;
	vertical-align : top;
	border: 0;
	font-size:12px;
	color: #69efaf;
}
th {
	background-color: #0c5a2f;
	color: rgb(114, 210, 163);
	letter-spacing: 0px;
}
th.markieren {
	color: #1fff02;			
}
td.markieren {
	color: #1fff02;			
}
button.markieren {
	color: #1fff02;			
}
.options {
	background-color: #333333 !important;
	color:#333333 !important;
}
td {
	background-color: #333333;
}
/* Optional: Styling for the table container */
#table-container {
	margin-top: 20px;
	padding: 5px;
	height: 600px;
	overflow-y: auto;
	margin: 0 auto;
	width: 1300px;
}
.labelselectfields, .labelselectfields>p, .labelselectfields>label, .labelselectfields>input  {
	background-color: rgb(10, 64, 35);
	color: rgb(114, 210, 163);	
}
.modal {
background-color: rgb(6, 45, 25);
color: rgb(156, 231, 195);	
}
.modal-content {
background-color: #134d19;
color: rgb(114, 210, 163);	
}
.menubtn {
	background-color: rgb(12, 90, 47);
	color: rgb(114, 210, 163);	
}

/* CSS */
.menubtn {
  align-items: center;
  appearance: none;
  background-image: radial-gradient(100% 100% at 100% 0, #72ef95 0, #186921 100%);
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #91e59e;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono",monospace;
  height: 16px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 12px;
}

.menubtn:focus {
  box-shadow: #2bbc4a 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.menubtn:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #2ff34d 0 -3px 0 inset;
  transform: translateY(-2px);
}

.menubtn:active {
  box-shadow: #3cf758 0 3px 7px inset;
  transform: translateY(2px);
}		

 /* unvisited link */
a:link {
  color: #2bbc4a;
}

/* visited link */
a:visited {
  color: rgb(15, 175, 15);
}

/* mouse over link */
a:hover {
  color: #2ff34d;
}

/* selected link */
a:active {
  color: #ace369;
} 
p {color:#1b9e5f;}
#svgcontainer { border-radius: 8px 0  0 8px; background-color: #333232; color:#69efaf; padding: 20px; display:block; float:left;}
.comboAstyle{
  background-color: #434343;
  color: #2ff34d;
}
.comboAoptionstyle {
  background-color: #434343;
  color: #1b9e5f;
}
.comboAoptionstyle:checked {
  color: #ace369;
}
.messagestyle { 
	background-color: #434343;
  	color: #2ff34d;
}
.showvardata {width:100%; height:1024px; }
.stylebtns {display:block; float:left;}
.resetbtn  {text-align:right;}
.filterbtns { text-align:right;}
.stylebtnstyle {display:block;}
.filterbtnstyle {text-align:right;}
.menue {display:block; clear:both;}
.panels {display:block; text-align:right;}
.plantloaderbar {display:block; text-align:right;}
.btnsetdata {display:block; margin:50px auto 25px auto;}
#thistable {width: 600px; display:block; clear:both; padding:0px; margin:0px auto;}
.svgmenubtn {width: 100px; height:25px; margin-bottom:36px}
.menubtn{width: 100px; height:25px;}
.stylebtnstyle{width: 112px; height:25px;}
#tableframe { width: 1320px;display:block; clear:both; margin:0 auto;}
#chartdisplay {width: 1220px; display:block; clear:both; margin:0 auto; }
#footer {clear:both;  width: 800px; display:block; margin:0 auto; text-align:center;}