body
{
  margin-top: 60px;
  
}

h3
{
  margin-top: 1rem;
  color: #005500;
}


h5
{
  color: #005500;
}

h6
{
  margin-top:1rem;
  font-weight: bold;
}



img.groupicon
{
	width: 64px;
	height: 64px;
	border: 2px solid #ccc;
	margin: 4px;
	padding: 4px;
}

img.groupicon:hover
{
	opacity: 0.8;
	border-color: #eca;
}

img.selected
{
	background-color: #eca;
	border-color: #c44;
}



img.selectable
{
  height: 64px;
  border: 2px solid #ccc;
  margin: 4px;
  padding: 4px;
}

img.selectable:hover
{
  opacity: 0.8;
  border-color: #eca;
}



/* --------------- */

div.day
{
  display:inline-block; 
  text-align:center;
  border: 2px solid #aaa;
  margin-right: 2px;
  margin-bottom: 10px;
  padding: 2px;
  background: #eeeef8;
  border-radius: 3px;
  cursor:pointer;
	width: 3em;
	
}

div.day:hover
{
  /* background: #dddde8; */
    filter: brightness(90%);
}

div.taken
{
	background: #338833;
	
}

div.unavailable
{
	background: #bbbbc8;
}

/*
div.imgbutton
{
  display:inline-block; 
  text-align:center;
  border: 2px solid #aaa;
  margin: 5px;
  padding: 2px;
  background: #fff;
  border-radius: 3px;
  cursor:pointer;
}

div.imgbutton:hover
{
  background: #eeeeee;	
}

div.imgbutton img
{
  width: 64px;
  height: 64px;	
}
*/

div.prevnext
{
	margin-top: 1em;
}

div.card
{
	display:inline-block; 
  text-align:center;
  border: 2px solid #aaa;
}

div.cardbutton
{
	padding: 3px;
	margin: 3px;
  display:inline-block; 
  text-align:center;
  border: 2px solid #aaa;
  cursor:pointer;
  background: #fff;
   vertical-align:bottom;
}

div.cardbutton:hover
{
	filter: brightness(90%);
}

div.cardbutton img
{
  width: 64px;
  height: 64px; 
}



div.selected
{
  border: 2px solid #f44;
  filter: brightness(90%);
}


p.plantbreadcrumb
{
	font-style: italic;
	color: #262;
}

div.hidden
{
	display:none;
}

span.bigfont
{
	font-size: 20pt;
}


div.dataline
{
  display: flex;   
	flex-wrap: nowrap; 
	justify-content: space-between;

  background: #f8f8f8;
  border: 1px solid #ddd;
  margin-bottom: 0.5em;
}


div.dataline div
{
  vertical-align:top;
  margin: 0.5em;

}