table {
	border: none;
	margin: 0 auto;
}

table.mainpage{
	width: 85%;
}

td.dashboard {
	background-color: #86942A;
	color: black;
	width: 450px;
	height: auto;
	border: 10px solid #CCCFBC;
	padding: 10px;
	border-radius: 20px;
}

td.dashboard_headers {
	background-color: #988C2B;
	color: white;
}


td.cultivars {
	color: black;
	width: 1%;
	height: auto;
	text-align: center;
}



tr:nth-child(odd) {
	background-color: #CCCFBC;
	border-radius: 1px;
	margin: 0 auto;
}

#filters,#mpfilters{
  height:11em;
  width: 100%;
  overflow-y:auto;
  border: none;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  ::-webkit-scrollbar{ 
  display: none; /* Chrome Safari */
   }
}

option:hover{
	background-color: white;
	color:#86942A;
	border-radius: 10px;
}

option:checked{
	background-color: white;
	color:orange;
	border:1px solid orange;
	border-radius: 10px;
}

#show_filters, #show_mp_filters{
   cursor:pointer;
}

#show_filters_container, #show_mp_filters_container{
	width: 95%;
	display:none;
	text-align: center;
}

#filters_pc {
  height:auto;
  margin: 0 30%;
  width: 40%;
  overflow-y:auto;
  border: none;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  ::-webkit-scrollbar{ 
  display: none; /* Chrome Safari */}
}

option:disabled{
color: white;
}

#filters_ps {
  height:275px;
  width: 40%;
  margin: 0 30%;
  overflow-y:auto;
  border: none;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
  ::-webkit-scrollbar{ 
  display: none; /* Chrome Safari */}
}

#show_report_filters_container{
	width: 75%;
	text-align: center;
	margin: 0 auto;
}

fieldset {
	margin: 0 auto;
	width: 99%;
	text-align: center;
}
.blur{
 filter: blur(2px);
}


div.motherplant {
	background-color: #86942A;
	width: auto;
	height: auto;
	border: 10px solid #CCCFBC;
	padding: 10px;
	text-align: center;
	border-radius: 20px;
	display: inline-block;
}

div.radioselect {
	background-color: #86942A;
	width: 300px;
	color: white;
	border: 1px solid #ffffff;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	height: 30px;
	position: relative;
	top: 9px;
}


div.motherplant:hover {
	transform: scale(1.1,1.1);
}

div.mainlogo {
	height: 30px;
	text-align: right;
	width: 90%;
	display: inline-block;
}

div.container{
	overflow: auto;
}

div.t_left {
	width: 32%;
	background-color: #86942A;
	height: 800px;
	min-height: 800px;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}



div.e_right {
	width: 33%;
	background-color: #86942A;
	height: 390px;
	float: right;
	display: inline-block;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow: auto;
}

div.plantgroup {
	margin: 0 auto;
	background-color: #86942A;
	#display: inline-block;
	border: 5px solid #CCCFBC;
	border-radius: 5px;
}

div.reports {
	width: 90%;
	background-color: #86942A;
	height: auto;
	margin: 0 auto;
	border: 10px solid #CCCFBC;
	border-radius: 20px;
	overflow: none;
}


footer{
	width: 90%;
	text-align:center;
}

p {
	display: inline-block;
	position: relative;
	bottom: 10px;
}

.center{
	text-align: center;
}

#qr-canvas-container {
	background-color: black;
	border:none;
}

h3 {
	text-align: center;
}

input[type=text], input[type=password], input[type=date], input[type=number],input[type=file] {
	width: auto;
	background-color: #86942A;
	color: white;
	border: 1px solid;
	border-radius: 5px;
	text-align: center;
	height: 29px;
	line-height: 25px;
	vertical-align: middle;
}


input[type="number"].pdata {
	background-color: inherit;
	border: none;
	color: black;
	width: 75px;
}

input[type=radio] {
	position: relative;
	bottom: 6px;
}

input[type=checkbox] {
	position: relative;
	bottom: 6px;
}

input[type=radio].season {
	position: relative;
	bottom: 0px;
}

input[type=checkbox].motherplant_select {
	position: relative;
	bottom: 15px;
}

input[type=checkbox].surveycheckAll,input[type=checkbox].surveyplantgroup_select {
	position: relative;
	bottom: -4px;
}

input.mainpage {
	width: auto;
	height: 30px;
	background-color: #CCCFBC;
	color: black;
	border: 1px solid #CCCFBC;
	border-radius: 5px;
	text-align: center;
	float: right;
	position: relative;
	bottom: 8px;
}

input.parseXLS {
	width: auto;
	height: 30px;
	background-color: #CCCFBC;
	color: black;
	border: 1px solid #CCCFBC;
	border-radius: 5px;
	text-align: center;
	float: right;
	position: relative;
	bottom: 8px;
}

input.red[type=text] {
	background-color: #ff1a1a;
}

input.orange[type=text] {
	background-color: #ff471a;
}

select {
	background-color: #86942A;
	width: 300px;
	color: white;
	border: 1px solid #ffffff;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	height: 28px;
	position: relative;
	top: 2px;
}

a {
	color: white;
	text-decoration: none;
	width: auto;
	display: inline-block;
}

#addplants {
	height: 60px;
	display: none;
	padding: 5px;
	position: relative;
	bottom: 9px;
}

#addjobs,#addglobaljob {
	height: 60px;
	display: none;
	padding: 5px;
	position: relative;
	bottom: 9px;
}

#home_icon, #disconnect {
	float: right;
	padding: 5px;
	position: relative;
	bottom: 6px;
}

img.honect {
	display: inline;
	margin-left: 2px;
}

img#showjobs {
	display: inline;
	margin-right: 2px;
}



.add_button {
	background-color: #86942A; /* Green */
	border: 1px solid #ffffff;
	border-radius: 5px;
	width: 50px;
	height: 29px;
	line-height: 2px;
	color: white;
	text-align: center;
	display: inline-block;
}

/*for nursery.gr*/
.grey {
	background-color: #333333;
	color: white;
}

.green {
	background-color: #4CAF50;
	color: white;
}

.pal {
	background-color: #CCCFBC;
	color: black;
	font-size: 0.9em;
}

.button {
	background-color: #86942A; /* Green */
	border: 1px #333333;
	border-radius: 5px;
	width: 200px;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

#submitbutton {
	background-color: #333333; /* Green */
	border: 1px #86942A;
	color: white;
	border-radius: 5px;
	width: 20%;
	margin:50px 40%;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.year_button {
	background-color: #333333; /* Grey */
	border: 5px #4CAF50;
	border-radius: 5px;
	width: auto;
	color: white;
	padding: 5px;
	margin: 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.year_button:hover {
	background-color: #4CAF50; /* Grey */
	box-shadow: 4px 4px #333333;
}

.small_button {
	background-color: #86942A; /* Green */
	border: 1px #333333;
	border-radius: 5px;
	width: auto;
	color: white;
	padding: 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

.connect_button {
	width: auto;
	background-color: #86942A;
	color: white;
	border: 1px solid;
	border-radius: 5px;
	text-align: center;
	height: 30px;
	position: relative;
	left: 80px;
}

.chart {
	width: auto;
	max-width: 1800px;
	height: 220px;
	margin: 0 auto;
}

.year_list {
	width: auto;
	max-width: 1800px;
	margin: 0 auto;
}

input[type=text].qrscanner, input[type=number].qrscanner, input[type=date].qrscanner, input[type=text]#outputData  {
	width: auto;
	background-color: #86942A;
	color: white;
	border: 1px solid;
	border-radius: 5px;
	text-align: center;
	height: 40px;
	width:200px;
	margin: 5px;
	line-height: 25px;
	vertical-align: middle;
}
button.qrscanner {
	width: auto;
	background-color: #988C2B;
	color: white;
	text-align: center;
	border:none;
	width:200px;
	line-height: 25px;
	vertical-align: middle;
}


#qr-canvas {
  	width: 100%;
	margin-top:40%;
	aspect-ratio:1/1;
	
}

#btn-scan-qr {
  cursor: pointer;
  text-align: center;
}



@media screen  and (max-width: 1025px) {

div.t_left {
	width: 99%;
	background-color: #86942A;
	height: fit-content;
	min-height: 250px;
	display: inline-block;
	border: 1px solid #CCCFBC;
	border-radius: 20px;
	overflow-y: auto;
}


}