.pollenmapWrapper {
	
  color:#555;
  font-size:14px;
  line-height:24px;
}

@media only screen and (max-width: 910px) { 
	.pollenmapWrapper .tabs li {font-size: 0.8em;}
}

@media only screen and (max-width: 760px) { 
.pollenmapWrapper { width: 100%;}
	.pollenmapWrapper .tabs li {font-size: 0.9em;}
}

.pollenmapWrapper .tabs {
		 list-style: none;
		 margin: 0;
		 padding: 0;
		 border: 0;
}

 .pollenmapWrapper  .tabs li {
    float:left;
    width:20%;
  }

.pollenmapWrapper  .tabs a {
		 display:block;
		 text-align:center;
		 text-decoration:none;
		 color:#234e09;
		 padding:10px 0;
		 border-bottom:4px solid #FFF;
		 background-color:#a8ca8d;
		 border-radius: 10px;
		 border: 4px solid #E6F0DE;
		 transition: background linear 0.2s;
	box-shadow: none;
}

@media only screen and (max-width: 760px) {
.pollenmapWrapper  .tabs a {
		 border: 4px solid #FFF;
	}
}
    
@media only screen and (max-width: 414px) {

.pollenmapWrapper .tabs li { 
	font-size: 0.68em;}
	}

.pollenmapWrapper .tabs a:hover {

      background-color:#90ac79;
    }

.pollenmapWrapper .tabs a.active {
		 border-left: 0;
		 border-right: 0;
		 color: black;
		 background-color:#7CB2A4;
		 border-bottom: 4px solid #7CB2A4; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
    }

 
.pollenmapWrapper .tabgroup  div {
	
	height: 0;
	padding:0;
	padding-bottom: 100%;
	width: 100%;
	margin-bottom: 1rem;
	background: #7CB2A4 url(/av3/assets/img/layout/loader.svg)  no-repeat center center;
}

.pollenmapWrapper .tabgroup img {width: 100%;}


.pollenchart {margin-bottom: 2em;}
.pollenchart h2 {font-family: ff-dax-web-pro, sans-serif; font-size: 1.8rem !important;}
.pollenchart	table {border-color: white; width: 100%; margin-top: 1em;}

.pollenchart table caption {
	color: #2e2d30;
	background-color: #86be73; 
	border-radius: 10px 10px 0 0 ;
	padding: 0.2em 0.5em;
	font-size: 1rem;
	font-weight: bold;
}
.pollenchart th, .pollenchart .cropgroup td     { font-weight: bold; background-color: #c6dcb5;}

.pollenchart table, .pollenchart tr, 
.pollenchart td, 
.pollenchart th {border: none;} 

.pollenchart td, .pollenchart th { border-left: 2px solid #FFF; }
.pollenchart td:first-child, .pollenchart th:first-child  { border-left: none; }

.pollenchart td {background-color: #e6f1df;}

.pollenchart tr:nth-child(even) td {
    background-color: #f2f8ed;
}
.pollenchart th, .pollenchart  td {
	padding: 0.2em 0; 
	text-align: center;
vertical-align: middle;}
.pollenchart th.weekday {width: 14%;}
/* .pollenchart th {color: #146a21;} */
.pollenchart td.crop, .pollenchart td.cropname, .pollenchart .cropgroup td  {text-align: left; padding-left: 0.2em;}

.pollenchart img {vertical-align: middle}
.pollenchart .legend {padding: 0.5em 0;}