/**
 * Custom Styles for FarmhouseDB Application 
 * @author: Norman Suesstrunk
 */



/**
 * custom styles for multiple select for chosen directive 
 * Jquery chosen: https://harvesthq.github.io/chosen/
 * Angular directive: http://leocaseiro.github.io/angular-chosen/
 */ 

.keywordselect {
	width: 400px;
}



/* wrap keywords: http://stackoverflow.com/questions/27272595/multi-lined-word-wrap-select-choices-in-angular-ui-select */
.ui-select-container {
	/*
	width: 500px;
	*/
}

.ui-select-choices-group-label {
	font-weight: bold;
}

/** for the search form **/

#paginationDiv {
	height: 5em;
}

/** search results **/

.objektresult {
	padding-bottom: 0.5em;
}
.bold{
	font-weight: bold;
}

.imageResult {
	height: 150px;
}

.inlineImage {
	float: left;
	/*width: 200px;*/
	height: 200px;
	margin: 1em;
}



/** styles for farmhouseform */

#formTitle h1 {
	padding: 0px;
	margin: 0px 0px 1em 0em;
}

.farmFormImagePreview {
	height: 250px;
}

.inlineImageFarmForm {
	float: left;
	margin: 1em;
	padding: 1em;
	border: 1px dashed black;
}

/** styles for imageform */

.imageFormImagePreview {
	width: 100%;
}

.datenfield {
	font-weight: bold;
}

.daterow {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #31708f;
}

.after-box {
	clear: left;
}

.farmObjectLink {
	font-size: 20px;
	font-weight: 100;
	text-decoration: underline;
	color: #676a6c;
}