#PlantOptions {
	box-sizing: border-box;
	margin: 0 auto 1rem;
	padding: 3rem;
	width: 66%;
}
#PlantOptions .ComponentContent {
	background-color: #FFF;
	box-sizing: border-box;
}
#PlantSearchCharacteristics,
#PlantSearchName {
	margin-bottom: 0;
	width: 240px;
}
#PlantSearchName {
	margin: 0 auto;
}
.PlantLogos {
	margin-bottom: 2rem;
	text-align: center;
}
.PlantLogos img {
	height: 3rem;
	margin-right: 2rem;
	margin-bottom: 1rem;
}
.PlantLogos img:last-child {
	margin-right: 0;
}

/* Definitions */

dt {
	font-weight: bold;
	margin-bottom: 0.5rem;
}
dd {
	margin-left: 0;
	margin-bottom: 1rem;
}

/* Search by characteristics */

.Characteristic li {
	display: inline-block;
	width: 200px;
}
.AccordionPanel fieldset {
	margin: 0;
}

/* Search by name */

#PlantSearchName.Consolidated input {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	box-sizing: border-box;
	height: 2.25rem;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	width: calc(100% - 2.5rem);
}
#PlantSearchName.Consolidated button {
	background-color: #247B50;
	background-size: 1.5rem 1.5rem;
	background-position: center;
	border: 0;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	box-sizing: border-box;
	height: 2.25rem;
	width: 2.5rem;
}
#PlantSearchName.Consolidated button:hover,
#PlantSearchName.Consolidated button:focus {
	background-color: #176A47;
}

/* Results */

#PlantSearchResultsContainer {
	margin-bottom: 1rem;
}
.PlantSearchResult {
	padding: 1rem;
}
.PlantSearchResult:nth-child(odd) {
	background-color: #F7F9F9;
}
.PlantSearchResultCommonInfo li {
	margin: 0;
}
.PlantCommonName {
	background-color: #DEF3FE;
	display: inline-block;	
	padding: 2px 4px;
	vertical-align: text-bottom;
}
.PlantBotanicalName {
	background-color: #DEEDE6;
	display: inline-block;
	margin-bottom: 0.5rem;
	padding: 2px 4px;
}
.PlantBotanicalName + em {
	display: inline-block;
	margin-bottom: 0.5rem;
}
.PlantSearchResultHeading {
	display: inline-block;
	font-size: 1.4em;
	margin-bottom: 0.5rem;
}
.PlantSearchResultCharacteristics li {
	background-color: #FFF;
	border: 1px dotted #CCC;
	box-shadow: 1px 1px 3px #D7D7D7;
	box-sizing: border-box;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0 6px;
}
.PlantSearchResultCharacteristics li:last-child {
	margin-bottom: 5px;
}
.PlantSearchResultImage {
	display: inline-block;
	float: left;
	width: 180px;
	height: 135px;
}
.PlantSearchResultContent {
	margin-left: 200px;
	min-height: 120px;
}

/* Details */

#PlantImages {
	border-spacing: 0;
	margin-bottom: 1rem;
}
.PlantDetails li {
	margin: 0;
	padding: 0.75rem 1rem;
}
.PlantDetails li:nth-child(odd) {
	background-color: #F7F9F9;
}
.ClimateResiliency {
	display: inline-block;
	margin-bottom: 1rem;
	padding: 2px 4px;
}
.PlantSearchResults .ClimateResiliency {
	background-color: #E3E6FC;
	margin-bottom: 0;
}
#ClimateResiliencyDialog .ClimateResiliency {
	margin-bottom: 0;
}
.ClimateResiliency img {
	display: inline-block;
	height: 18px;
	vertical-align: top;
	width: 18px;
}
.ClimateResiliencyInfo {
	margin-left:  0.25rem;
	vertical-align: middle;
}

/* List */

.PlantList {
	background-image: url("//cdn.lvvwd.com/icons/list-purple.svg");
	background-size: 2rem 2rem;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 2.5;
	padding-left: 2.5rem;
	text-decoration: none;
}
.PlantSearchResult .PlantListButton,
.PlantSearchResult .PlantListButton {
	border: 0;
	background-color: transparent;
	color: #003366;
	padding: 0;
	margin: 0;
}
.PlantSearchResult .PlantListButton:hover,
.PlantSearchResult .PlantListButton:hover,
.PlantSearchResult .PlantListButton:focus,
.PlantSearchResult .PlantListButton:focus {
	color: #077C42;
}

.LinkPrint img,
.LinkEmail img {
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	vertical-align: middle;
	background-size: 1rem;
	margin-left: .25em;
}

#CloseEmail.ButtonText {
	margin: 0 auto 1rem;
	display: block;
}

#TreeEnhancementLabel {
	color: #008042;
}

#ClearLink {
	margin-bottom: 1rem;
	padding: 0.5rem;
	float: right;
	display: inline;
}

@media screen and (max-width: 800px) {
	#PlantOptions {
		width: 75%;
	}
}
@media screen and (max-width: 640px) {
	#PlantOptions {
		width: 100%;
	}
}
@media screen and (max-width: 480px) {
	#PlantOptions {
		padding: 1rem;
	}
	.PlantSearchResultImage {
		display: block;
		float: none;
		height: auto;
		margin-bottom: 1rem;
		width: 100%;
	}
	.PlantSearchResultContent {
		margin-left: 0;
	}
}

@media print {
	body.DialogOpen #Wrapper,
	header,
	footer,
	#FooterEnd,
	.ui-dialog-titlebar,
	.swiper-slide,
	.swiper-pagination,
	.swiper-button-prev,
	.swiper-button-next,
	.ButtonSecondary,
	.Button,
	.PlantCharacteristicDefinitions {
		display: none !important;
	}
	.ui-dialog {
		border: none !important;
		height: auto !important;
		left: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		position: static !important;
		top: 0 !important;
		width: 100% !important;
	}
	.ui-dialog .ui-dialog-content {
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.swiper-slide-active {
		display: block !important;
		transform: none !important;
		width: 100% !important;
	}
}