html {
	font-size: 62.5%;
}

body {
	font-family: 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
}

img#main-icon {
	float: left;
	height: 28px;
	width: 28px;
	margin: 2px 4px;
}

div#main-title {
	font-size: 1.8em;
	color: #dfeffc;
	text-align: center;
}

input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
}

#wrapper {
	margin: 0px;
	width: 100%;
}

#header {
	height: 32px;
	background-color: #2e6e9e;
}

a,
a.sort {
	color: #2e6e9e;
	text-decoration: none;
	font-weight: bold;
}

form {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-size: 1.6em;
	color: gray;
}

	h2#planner-title {
		margin-right: 2px;
	}

h3 {
	margin: 4px 0px;
	font-size: 1.2em;
	font-variant: small-caps;
	clear: both;
}

.grayed h3.subtitle {
	margin-left: 8px;
}

div.message-subtitle {
	font-size: 1.1em;
	font-weight: normal;
}

h3.message,
h4.message {
	padding: 0;
	margin: 0;
}

h3.detail {
	margin: 0px;
	padding: 4px 0px 0px 0px;
}

h3.activerow {
	margin: 0px 0px 4px 0px;
}

table {
	border-collapse: collapse;
	overflow: scroll;
}

	table td {
		vertical-align: top;
		padding: 3px;
		border: 1px solid #e0e0e0;
	}

td.label,
div.label,
span.label {
	font-weight: bold;
}

span.display_suffix {
	margin-left: 4px;
}

div#dictionary div.dropdown-container {
	float: right;
}

span.label {
	margin-right: 6px;
}

table td.label {
	border-left: 0px;
}

td.multiselect-state {
	width: 14px;
}

tr.even {
	background-color: white;
}

tr.odd {
	background-color: #f3f3f3;
}

tr.data .inline-edit:before,
tr.data .details:before,
tr.data .action:before,
div.customgrid div.customgrid-card .action:before {
	color: silver;
}

tr#ingredients-footer td.data {
	font-weight: bold;
	background-color: #e0e0e0;
}

div#userdata div.dropdown,
tr.data:hover .inline-edit:before,
tr.data:hover .details:before,
tr.data:hover .action:before,
div.dashboard-infopanel a.btn-planner:before,
div.customgrid div.customgrid-card:hover .action:before,
h3.activerow a.btn-home:before {
	color: #2e6e9e;
}

td.hover {
	background-color: #f9f9d6;
	color: black;
}

table#planner td.planner-day:hover,
tr.data:hover,
div.customgrid div.customgrid-card:hover {
	background-color: silver;
}

table#planner td.planner-day.dimmed:hover {
	opacity: 1.0;
}

div.chk-wildcard {
	min-width: 18px;
}

td.comment {
	background-color: #f9f9d6;
	vertical-align: top;
	border-left: 0px;
	border-right: 0px;
}

	td.comment.tooltip {
		cursor: help;
	}

span.grayed,
td.no-comment {
	border: 0px;
	color: gray;
	background-color: transparent;
}

td.planner-week-number,
tr.title,
div.unselected {
	color: #444444;
}

div.grid-wrapper table.datagrid thead {
	position: sticky;
	top: 0;
}

tr.title {
	font-weight: bold;
	background-color: silver;
}

input.readonly {
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}

input.readonly,
td.readonlyvalue {
	background-color: #f4f0ec;
}

tr#filter {
	background-color: #e0e0e0;
	vertical-align: top;
}

table.editdata td.value a.button,
th.filter.button .submit-button {
	padding: 1px 6px;
	margin: 0px;
	vertical-align: top;
}

span.error {
	margin-left: 2px;
}

tr#filter th {
	text-align: center;
}

table#planner th,
table.grid th,
table.editdata th {
	padding: 3px;
	border: 1px solid #e0e0e0;
}

.nowrap {
	white-space: nowrap;
}

table.selectlist {
	margin: 0px 0px 8px 0px;
}

div.m2moption {
	float: left;
	width: 200px;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px 8px 0px 0px;
	margin: 0px;
}

div.filtername {
	padding: 8px;
	margin-top: 8px;
	background-color: #f8f8f8;
	border: 1px solid gray;
}

div.message {
	padding: 0px 8px;
	margin: 8px 0px;
}

td.grayed div.editdialog div.message,
div.grayed div.editdialog div.message,
div.filter div.message {
	margin: 8px;
	width: auto;
}

div.ui-state-error,
div.ui-state-highlight {
	width: 400px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

	img.sort {
		margin-right: 2px;
	}

	img.captcha {
		margin-top: 4px;
	}

div.paginator a,
div.paginator div {
	float: left;
	margin-right: 4px;
}

div.pages {
	padding: 0px;
}

div.filter-description {
	margin: 0px 0px 2px 0px;
}

p#filter-text {
	padding: 0px;
	margin: 0px;
}

img.button {
	padding-top: 2px;
}

img.edit {
	padding: 2px 0px 0px 3px;
}

div#accordion a {
	color: #2E6E9E;
}

a.error {
	font-weight: normal;
	color: #b22222;
}

	a.error:hover {
		color: #b22222;
		text-decoration: underline;
	}

div.paginator a.currentpage {
	color: gray;
	background-color: #fbec88;
	border-color: #8ca379;
}

div.paginator div.rowcount {
	padding: 6px 4px 0px 0px;
}

div.paginator div.spacer {
	padding: 6px 2px 0px 3px;
	color: Silver;
}

td.spacer {
	width: 2px;
	background-color: silver;
}

div.paginator div.rowcount.no-pages,
div.no-records div.no-pages {
	padding: 0px 0px 4px 0px;
}

div.buttonbar {
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.infotext {
	margin: 4px 0px;
}

div.formbuttons {
	margin-bottom: 8px;
}

td a.linkfield {
	color: #2E6E9E;
	text-decoration: none;
	font-weight: normal;
}

a.details {
	padding: 0px 3px 0px 0px;
}

span.activeoption {
	color: #a46313;
	font-weight: bold;
}

div#userdata {
	margin-bottom: 6px;
}

	div#userdata div.dropdown {
		font-weight: bold;
		font-size: 1.1em;
		cursor: pointer;
		padding: 0px 2px;
	}

div.paginator a.dropdown {
	margin-right: 0px;
}

a.tab {
	border: 1px solid #a9a9a9;
	padding: 5px;
}

a.button {
	padding: 4px 6px;
	margin-bottom: 4px;
}

a:hover,
a:hover:before,
a:hover:after,
div#header-content a.quicklink:hover:before,
div#header-area a.quicklink:hover,
h3 a.btn:hover:before,
tr.data:hover .details:hover:before,
tr.data:hover .inline-edit:hover:before,
tr.data:hover .action:hover:before,
td a.linkfield:hover,
div#userdata div.dropdown:hover:before,
div.customgrid-card span.grid-actions a.action:hover:before,
div#detailtabs a.button:hover,
div.paginator a.button:hover,
div#search a.button:hover,
div.buttonbar a.button:hover,
div#accordion a:hover,
div.dashboard-infopanel a.btn-planner:hover:before,
div#userdata:hover span.btn-user:before,
div.kitchenscreen-line:hover {
	text-decoration: none;
	color: #e17009;
}

a.activetab {
	border: 1px solid #a9a9a9;
	padding: 5px;
	padding-top: 7px;
	background-color: White;
	border-bottom: 1px solid White;
	font-weight: bold;
	color: #a46313;
	cursor: default;
	text-decoration: none;
}

span.grid-actions a.btn.disabled:before,
span.grid-actions a.btn.disabled:hover:before {
	color: transparent;
}

a.btn.disabled,
a.button.disabled,
div.buttonbar a.button.disabled,
div#extendedsearch a.button.disabled {
	cursor: default;
	color: #909090;
	background-color: transparent;
}

.clearme {
	clear: both;
}

td.listactions {
	text-align: center;
}

div.formheader {
	float: left;
	width: 372px;
}

div.message ul {
	margin-bottom: 0px;
}

div.selected {
	font-weight: bold;
}

#leftbar {
	padding: 8px 0px;
	text-align: center;
	width: 156px;
}

img.inline,
img.reminder {
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
}

img.inline {
	border: 1px solid #e0e0e0;
}

div.textvalues {
	max-height: 196px;
	width: 216px;
	overflow-y: auto;
	overflow-x: hidden;
}

ul.leftbar {
	background-color: white;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

	ul.leftbar li {
		padding: 3px 6px;
	}

		ul.leftbar li.clickable {
			cursor: pointer;
		}

		ul.leftbar li.current {
			cursor: default;
			font-weight: bold;
			background-color: #fbec88;
		}

	ul.leftbar span.btn:before {
		display: inline-block;
		min-width: 20px;
	}

	ul.leftbar li:hover span.btn:before {
		color: #e17009;
	}

ul.popupmenu li span.btn {
	padding-top: 0px;
}

ul.leftbar li:hover,
ul.popupmenu li:hover {
	background-color: #f4f0ec;
}

th.actions {
	min-width: 50px;
}

table#grid_Sys_FilterSetting th.actions {
	min-width: 66px;
}

.values {
	float: right;
}

.action {
	float: left;
	margin-right: 3px;
}

td.left {
	text-align: left;
}

td.center {
	text-align: center;
}

.right {
	text-align: right;
}

td.value {
	background-color: white;
	border-right: 0px;
}

td.inline-edit,
table.options tr.selected {
	background-color: #f9f9d6;
}

.filterform {
	overflow: auto;
}

div.editdialog {
	background-color: white;
	width: auto;
}

	/* Text area fields in view form get max dimensions, to avoid layout problems with long texts */
	div.editdialog span.textareadatafield {
		display: block;
		overflow: auto;
		max-height: 80px;
		max-width: 480px;
	}

#changepassword.editdialog,
#login.editdialog {
	width: 440px;
	margin-left: 50%;
	transform: translate(-50%, 0);
	margin-top: 120px;
	margin-bottom: 240px;
}

#recipe.editdialog {
	width: 680px;
}

#adminsettings.editdialog,
#photobook.editdialog {
	width: 800px;
}

#ingredient.editdialog {
	width: 640px;
}

div.grayed.editdialog,
.grayed div.editdialog {
	border: 1px solid #a9a9a9;
	padding: 0px;
	margin-bottom: 8px;
}

.editdialog h2 {
	padding: 0px 8px 0px 0px;
	margin: 0px;
}

div.grayed.editdialog h2,
.grayed div.editdialog h2 {
	padding: 0px 8px 4px 8px;
	background-color: #f4f0ec;
	border-bottom: 1px solid #a9a9a9;
}

.editdialog .editform {
	padding: 0px 8px 0px 8px;
}

div.tabs {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	clear: both;
}

div#reconnectbasedata-form div#ms_categories_chosen {
	margin-top: 4px;
}

ul.tabs a, ul.detailtabs a {
	font-weight: normal;
}

div.tabsheet {
	margin: 0px;
	padding: 0px;
}

div#searchinfo,
div#searchfilter,
div#searchheader {
	margin-bottom: 8px;
}

div#searchinfo {
	font-weight: bold;
}

span.highlight {
	background-color: #f6f000;
}

ul.sortable li {
	border: 1px solid #e0e0e0;
	padding: 4px;
}

ul#selectedcolumns li.column {
	font-weight: bold;
	text-align: center;
}

table#columns td {
	border: 1px solid #e0e0e0;
	padding: 4px;
}

h4.mastersubtitle {
	margin: 4px 0px;
}

.grayed h4.mastersubtitle {
	margin-left: 8px;
}

#main {
	width: 100%;
}

#menu {
	border-top: 1px solid #d1dbca;
}

#header-area,
#menu-area,
#leftbar-area,
#data-area,
#content-area {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

	#data-area.logged-out {
		background-color: #e0e0e0;
	}

#footer {
	font-size: 0.8em;
	text-align: center;
	padding: 8px;
	border: 0px;
	border-top: 1px solid white;
	color: white;
	background-color: #a9a9a9;
}

#footer-area,
#left-footer-area {
	border: 0px;
}

#left-footer-area {
	border-right: 1px solid #d1dbca;
}

#footer-area {
	background: url(../images/html5.jpg) no-repeat right;
}

#leftbar-area {
	background-color: #f0f0f0;
	width: 156px;
}

#content {
	padding: 8px;
}

a.toggle.button {
	position: fixed;
	padding: 0px 2px 0px 2px;
	border: 1px solid silver;
	cursor: pointer;
	z-index: 20;
}

div#header-content a.quicklink {
	float: left;
	font-size: 1.1em;
	margin: 7px 0px 0px 8px;
}

	div#header-content a.quicklink.disabled:before,
	div#header-area a.quicklink.disabled {
		color: silver;
	}

		div#header-content a.quicklink.disabled:hover:before,
		div#header-area a.quicklink.disabled:hover {
			color: silver;
		}

	div#header-content a.quicklink.btn-recipe {
		padding-left: 8px;
		border-left: 1px solid #dfeffc;
	}

	div#header-content a.quicklink:before {
		color: #dfeffc;
	}

table.grid td {
	padding: 2px 3px 2px 3px;
}

img.photo {
	float: left;
}

	img.photo.dimmed {
		opacity: 0.5;
	}

div#grid_Photobook img.photo.dimmed {
	margin-top: 20px;
	margin-left: 40px;
}

table#planner img.photo.dimmed {
	margin-top: 8px;
	margin-left: 28px;
}

table#planner td.planner-day.dimmed img.photo.dimmed {
	opacity: 1;
}

span.clickable {
	padding: 2px 0px 2px 2px;
}

img.busy {
	float: left;
	margin-right: 4px;
}

div#busy,
div#info-message {
	color: black;
	cursor: pointer;
	display: none;
	padding: 4px;
	z-index: 99999;
	position: absolute;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
}

div#busy {
	width: 96px;
	background-color: #f1f3ba;
}

div#info-message {
	width: 400px;
	background-color: #f1f3ba;
}

div .container {
	margin: 3px 0px 0px 0px;
}

span.count {
	font-weight: normal;
	color: gray;
}

div.filtervaluecontainer {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

div.value-ms {
	padding-top: 3px;
}

tr.subheader td {
	background-color: #f4f0ec;
	font-weight: bold;
}

div#editform-contents {
	padding: 0px 8px 8px 8px;
}

div.editdialog table.editdata tr.form-separator td {
	border: 0px;
	min-height: 4px;
}

tr.spacer td {
	border: 0px;
	height: 16px;
}

.value-yes {
	background-color: #e1f0c1;
}

.value-no,
.value.error,
input.error {
	background-color: #f9ac92;
}

input.warning {
	background-color: #fcfbe1;
}

td.energy.error {
	color: red;
}

.value-not-applicable {
	background-color: #f4f0ec;
}

table.summary {
	margin-bottom: 8px;
}

body div.popup {
	z-index: 10;
	position: absolute;
	border-color: #e0e0e0;
}

a,
img.button,
span.filter-icon,
span.btn-unchecked,
span.btn-checked {
	cursor: pointer;
}

span.ui-icon {
	float: left;
	margin-right: 4px;
}

h3.header {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	color: red;
}

div#busy,
div.popup,
div#ui-datepicker-div,
div.grayed.editdialog,
.grayed div.editdialog,
div.ui-dialog,
div.dashboard-item,
div.dashboard-infopanel,
div#info-message,
.customgrid-card {
	border-collapse: separate; /* IE9 ignores shadows if border-collapse = collapse... */
	box-shadow: 2px 2px 2px 0px #a9a9a9;
}

/* IE border collapse hack above buggers up the tables in an edit form... */
form.editform {
	border-collapse: collapse;
}

div.buttonbar.kitchenscreen,
div#site-icon,
span.filter-icon.btn-collapse,
div.editdialog {
	float: left;
}

div.buttonbar.kitchenscreen {
	margin-right: 8px;
}

label.checkbox-label {
	margin-right: 4px;
}

div#layoutpreview {
	float: left;
	margin-left: 16px;
	border: 1px solid #e0e0e0;
	width: 320px;
	height: 480px;
}

div#accordion {
	text-align: left;
	margin: 0px 8px;
}

	div#accordion div {
		padding: 0px;
	}

span.indent {
	margin-left: 16px;
}

span.required {
	padding: 0px 2px;
	color: #b22222;
}

span.max-length-label {
	color: gray;
	margin: 0px 2px;
	font-size: 0.85em;
}

	span.max-length-label.error {
		color: #b22222;
	}

table#detail-wrapper {
	width: 100%;
}

div#detail-data {
	padding: 4px 8px 8px 8px;
	overflow-y: scroll;
}

div#grid_Photobook {
	overflow-y: scroll;
}

div.grid-wrapper,
tbody {
	overflow-y: auto;
}

td#detail-area {
	background-color: #fbfbeb;
	border-left: 1px solid Silver;
	margin: 0px;
	padding: 0px;
	width: 33%;
}

td#browse-detail-area {
	background-color: #f9f9d6;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 65%;
}

div#detail-data img.photo {
	padding: 4px 0px;
}

div#browse-details {
	float: left;
}

div#special-day-description {
	font-size: 1.2em;
	font-weight: bold;
	color: #d57272;
	padding-top: 2px;
}

	div#special-day-description span.btn-planner {
		padding-right: 2px;
	}

li.ui-selectmenu-optgroup.ui-menu-divider {
	background-color: #f0f0f0;
}


/* ======== Report styles ================================================= */
table#report td {
	border: 0px;
	padding: 2px 4px;
}

tr.report-header th,
tr#report-settings td {
	border: 1px solid #e0e0e0;
	padding: 8px;
}

table#report table td,
table#report table.key-value td {
	border: 1px solid #e0e0e0;
}

	table#report table.key-value td.key {
		background-color: #f4f0ec;
		font-weight: bold;
	}

table#report tr.report-separator td,
tr.report-separator td {
	border: 0px;
	height: 4px;
}

tr#report-title,
tr#report-footer {
	text-align: center;
}

tr#report-title {
	padding-top: 24px;
	font-size: 2.0em;
}

tr#report-footer {
	font-size: 0.8em;
}

tr.report-header,
tr.report-subheader {
	background-color: #f4f0ec;
}

	tr.report-header th,
	tr.report-subheader td,
	tr.report-summary td {
		font-weight: bold;
		text-align: left;
		padding: 2px 4px;
	}

table#report table.report-container td.container {
	border: 0px;
}

tr.report-data td input {
	margin: 0px;
}

form.report-settings button.submit-button {
	margin-top: 8px;
}

span.dimmed {
	color: gray;
}

div#userdata span.btn-user {
	cursor: pointer;
}

td.edit-group-header {
	font-variant: small-caps;
	text-align: center;
	background-color: #f8f8f8;
	color: gray;
}

/* KITCHEN SCREEN */
table#kitchenscreen td {
	padding: 4px;
}

div.kitchenscreen-section {
	padding-bottom: 4px;
}

div#section-remarks,
div#section-equipment {
	background-color: lightyellow;
	color: gray;
}

div.kitchenscreen-line.checked {
	background-color: #f0f0f0;
	color: silver;
}

td.kitchenscreen-ingredients {
	width: 30%;
	max-width: 30%;
}

div.kitchenscreen-line {
	border: 2px solid #ffffff;
	padding-bottom: 4px;
	line-height: 105%;
}

	div.kitchenscreen-line div.btn {
		float: left;
		width: 1.4em;
		padding: 2px 0px 0px 2px;
		font-size: 0.72em;
		cursor: pointer;
	}

		div.kitchenscreen-line div.btn:before {
			color: silver;
		}

	div.kitchenscreen-line.active {
		border: 2px solid #e17009;
		font-weight: 600;
	}

div.kitchenscreen-filler {
	height: 16px;
}

span.kitchenscreen-value {
	font-weight: bold;
}

div#kitchenscreen-buttonbar {
	float: left;
	margin-right: 8px;
}

tr.data.active,
tr.data.active:hover,
div.customgrid-card.active {
	background-color: #fbec88;
}

div#ingredient-buttons-wrapper {
	padding: 0px;
	margin-left: 4px;
}

div#ingredient-energy-wrapper {
	box-sizing: border-box;
	text-align: right;
	margin-right: 4px;
	color: green;
}

div#ingredient-buttons-wrapper div.ingredient-action {
	padding-bottom: 4px;
}

	div#ingredient-buttons-wrapper div.ingredient-action a {
		width: 20px;
	}

textarea#ingredients,
textarea#ingredient-energy-values {
	resize: none;
	overflow-x: scroll;
}

textarea#ingredient-energy-values {
	margin: 0px;
	min-height: 233px;
	max-height: 233px;
	background-color: #e1f0c1;
	text-align: right;
	padding: 3px;
	border-collapse: collapse;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
	overflow: hidden;
}

span#updating-energy {
	margin-left: 10px;
}

table.ingredients {
	padding: 0;
	margin: 0;
	border: 0px;
}

	table.ingredients td {
		padding: 0;
		margin: 0;
		border: 0px;
	}

/* PLANNER */
table #planner th {
	padding: 3px 4px;
	vertical-align: top;
}

table#planner td {
	padding: 0px 0px 0px 3px;
}

	table#planner td.dimmed {
		background-color: #c0c0c0;
		opacity: 0.3;
	}

	table#planner td.special-day {
		background-color: #d2efb8;
	}

	table#planner td.planner-week-number {
		background-color: silver;
		padding: 0px 4px 2px 2px;
	}

	table#planner td.planner-day {
		cursor: default;
	}

	table#planner div.planner-day-number,
	table#planner td.planner-week-number {
		font-size: 0.8em;
		color: gray;
	}

table#planner div.planner-day-number {
	width: 120px;
	padding: 0px;
}

table#planner td.today {
	background-color: #dfeffc;
	outline: 2px solid #2e6e9e;
	outline-offset: -1px;
}

table#planner td.active {
	background-color: #fbec88;
	outline: 2px solid #363636;
	outline-offset: -1px;
}

table#planner div.planner-day-details {
	width: 124px;
	height: 95px;
}

	table#planner div.planner-day-details div.planner-recipe-name {
		font-size: 0.8em;
		float: left;
		width: 120px;
		padding-bottom: 1px;
	}

	table#planner div.planner-day-details img.photo {
		display: block;
		max-width: 122px;
		max-height: 80px;
		width: auto;
		height: auto;
		clear: both;
	}

		table#planner div.planner-day-details img.photo.multiple {
			max-height: 64px;
			margin-top: 10px;
			margin-left: 26px;
			opacity: 0.6;
		}


/* NEW DASHBOARD STARTS HERE */
div .dashboardrow h3 {
	font-variant: normal;
	padding: 0px 0px 4px 0px;
	margin: 0px;
	color: gray;
}

div.dashboard-item {
	position: relative;
	background-color: #dfeffc;
	border: 1px solid #d0d0d0;
	cursor: pointer;
	margin: 0px 8px 8px 0px;
	padding: 4px;
	float: left;
	width: 132px;
	height: 88px;
	color: #3f3731; /*gray;*/
}

	div.dashboard-item.inactive {
		color: gray;
		background-color: #f0f0f0;
		cursor: inherit;
	}

	div.dashboard-item.active:hover {
		background-color: #f4f0ec;
		color: #c47a24;
		border: 1px solid #c47a24;
	}

div.dashboard-infopanel {
	background-color: #f8e0cd; /*#dfeffc;*/
	border: 1px solid #d0d0d0;
	float: left;
	height: 248px;
	padding: 4px 8px 8px 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}

table.dashboard-info {
	display: block;
	height: 228px;
	width: auto;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 16px;
}

	table.dashboard-info th,
	table.dashboard-info td {
		border: 0;
		padding: 0px 4px 4px 0px;
		white-space: nowrap;
	}

div.db-title {
	font-size: 1.3em;
	font-weight: bold;
	color: gray;
}

div.db-content {
	font-size: 1.0em;
}

fieldset.block {
	background-color: #f8f8f8;
	margin: 8px 0px;
	border: 1px solid gray;
}

	fieldset.block.filtertype {
		float: left;
		margin-right: 8px;
	}

fieldset#static-filter div {
	margin-top: 4px;
}

fieldset#basedata-category-option {
	margin: 8px 0px 0px 0px;
}

legend.block {
	padding: 2px 4px;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.2em;
	background-color: gray;
	color: white;
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

span#sessiontimeleft {
	float: right;
	margin-right: 8px;
	cursor: pointer;
	color: gray;
	font-weight: normal;
	font-size: 1.1em;
}

div#sessiontimeleft.static-label {
	cursor: default;
}

div#sessiontimeleft:before {
	font-size: 1.1em;
}


/* CUSTOMGRID */

div.customgrid {
	/* todo: implement or remove  */
}

div.customgrid-card {
	position: relative;
	background-color: #f0f0f0;
	padding: 2px 2px 0px 2px;
	border: 1px solid Silver;
	overflow: hidden;
	margin: 0px 6px 6px 0px;
	width: 148px;
	height: 132px;
	float: left;
}

	div.customgrid-card div.name {
		font-size: 0.85em;
		float: left;
		width: 128px;
	}

	div.customgrid-card img {
		padding: 0px 0px 0px 2px;
		display: block;
		max-width: 144px;
		max-height: 95px;
		width: auto;
		height: auto;
		clear: both;
	}

	div.customgrid-card span.grid-actions {
		position: absolute;
		bottom: 2px;
		right: 0px;
	}

.ui-dialog-titlebar-close {
	display: none;
}

div#detail-photo img.photo {
	float: right;
	padding-left: 8px;
}

div#detail-ingredients {
	overflow-y: auto;
}

div#detail-instructions {
	overflow-y: auto;
}

div.no-detail-data {
	text-align: center;
	padding-top: 8px;
	font-style: italic;
	color: gray;
}

table.settings {
	margin-bottom: 8px;
}

div#extendedingredientsform table.grid a.btn {
	padding-top: 2px;
}

div#extendedingredientsform table.grid td.energy {
	padding-top: 4px;
}

div#extendedingredientsform table.grid a.btn.disabled {
	pointer-events: none;
}

	div#extendedingredientsform table.grid a.btn.disabled:before {
		color: #f0f0f0;
	}

td#ingredient-textarea-cell {
	border: 1px solid transparent;
}

div#recipe div#ingredient-textarea.focused,
div#recipe td#ingredient-textarea-cell.focused {
	border-color: blue;
}

/* Kitchen screen font name */
table#kitchenscreen.fontname-segoeui {
	font-family: 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

table#kitchenscreen.fontname-tahoma {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

table#kitchenscreen.fontname-verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table#kitchenscreen.fontname-arial {
	font-family: Arial, Helvetica, sans-serif;
}

table#kitchenscreen.fontname-helvetica {
	font-family: Helvetica, sans-serif;
}

table#kitchenscreen.fontname-sans-serif {
	font-family: sans-serif;
}

/* Kitchen screen font size */
table#kitchenscreen.fontsize-smallest {
	font-size: 20px;
}

table#kitchenscreen.fontsize-smaller {
	font-size: 24px;
}

table#kitchenscreen.fontsize-small {
	font-size: 28px;
}

table#kitchenscreen.fontsize-normal {
	font-size: 32px;
}

table#kitchenscreen.fontsize-large {
	font-size: 36px;
}

table#kitchenscreen.fontsize-larger {
	font-size: 40px;
}

table#kitchenscreen.fontsize-largest {
	font-size: 44px;
}