@import "css/custom-checkbox-listbox.css";

@import "css/custom-checkbox-tree.css";

@import "css/bootstrap.css";

@import "css/custom-window.css";

body {
	background: #ECEEF0
}

.editor-navigation {
	background-color: white;
	padding: 5px;
}

.mm-button {
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 108px;
	height: 26px;
	line-height: 27px;
	background-image: url(images/mid-size-green-button.png)
}

.mm-button:hover {
	background-position: 0 -27px;
}

.large-mm-button-275 {
	color: white;
	border: none;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 275px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	background: url(images/large-size-green-button-275.png) no-repeat;
}

.large-mm-button-275:hover {
	color: black;
	background-position: 0 -35px;
}

.large-mm-button-325 {
	color: white;
	border: none;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 325px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	background: url(images/large-size-green-button-325.png) no-repeat;
}

.large-mm-button-325:hover {
	color: black;
	background-position: 0 -35px;
}

.large-mm-button-220 {
	color: white;
	border: none;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 220px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	background: url(images/large-size-green-button-220.png) no-repeat;
}

.large-mm-button-220:hover {
	color: black;
	background-position: 0 -35px;
}

.large-mm-button {
	color: white;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 195px;
	height: 35px;
	line-height: 35px;
	background-image: url(images/large-size-green-button.png)
}

.large-mm-button:hover {
	color: black;
	background-position: 0 -35px;
}

.long-mm-button {
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 130px;
	height: 26px;
	line-height: 27px;
	background-image: url(images/long-size-green-button.png)
}

.long-mm-button:hover {
	background-position: 0 -27px;
}

.late-tray-normal {
	color: black;
}

.late-tray-negative {
	color: red !important;
}

.item-replaced {
	color: blue;
	width: 300px
}

.item-unsuitable {
	text-decoration: line-through;
	color: red;
	width: 300px
}

.item-cno-unavailable {
	text-decoration: line-through;
	color: #486DB3;
	width: 300px
}

.disabled-pointer {
	pointer-events: none;
}

.opacity-50 {
	opacity: 0.5;
	cursor: not-allowed;
}

.item-expired{	
	text-decoration: line-through;
	color: red;
	width: 125px;
    word-break: break-all;
	
}
.item-unavailable{
	color: red;
}
.checkbox-unavailable{
	opacity: 0.5;
}

.item-excluded {
	text-decoration: line-through;
	width: 300px
}

.item-available {
	width: 300px
}

.item-extra-line {
	
}

.menu-line-image {
	float: right;
	vertical-align: top;
}

.menu-everyday-image {
	background-image: url('images/tri-everyday.png') !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

.menu-allmeals-image {
	background-image: url('images/tri-allmeals.png') !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

.menu-combo-image {
	background-image: url('images/tri-combined.png') !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

.mm-listbox tr.z-listbox-odd {
	background: none repeat scroll 0 0 #EEEEEE;
}

.linkButton {
	font-family: Calibri;
	font-size: 18;
	font-weight: normal;
	rollOverColor: #d9e9cb;
	selectionColor: #A9BADA;
	color: #000000;
	textRollOverColor: #ffffff;
	textSelectedColor: #ffffff;
}

.linkStyleButton {
	font-family: Calibri;
	font-size: 18;
	font-weight: normal;
	rollOverColor: #7993C6;
	selectionColor: #7993C6;
	selection-color: #7993C6;
	color: #486DB3;
	textRollOverColor: #ffffff;
	textSelectedColor: #ffffff;
	text-decoration: underline;
}

.allRightsReserved {
	color: #000000;
	fontWeight: normal;
	fontSize: 14;
	fontFamily: Arial;
}

.submitButton {
	upSkin: Embed(source = "/images/skins/button_up.png", scaleGridLeft = "6",
		scaleGridRight = "54", scaleGridTop = "6", scaleGridBottom = "38");
	overSkin: Embed(source = "/images/skins/button_over.png", scaleGridLeft = "6",
		scaleGridRight = "54", scaleGridTop = "6", scaleGridBottom = "38");
	downSkin: Embed(source = "/images/skins/button_down.png", scaleGridLeft = "6",
		scaleGridRight = "54", scaleGridTop = "6", scaleGridBottom = "38");
	disabledSkin: Embed(source = "/images/skins/button_disabled.png", scaleGridLeft = "6",
		scaleGridRight = "54", scaleGridTop = "6", scaleGridBottom = "38");
	font-size: 15;
	focus-thickness: bold;
	font-family: Arial;
	color: #404040;
	text-roll-over-color: #ffffff;
	text-selected-color: #ffffff;
	font-family: Arial;
	font-style: normal;
	font-weight: normal;
	font-size: 20;
}

.mm-link {
	font-size: 16px;
	color: #003396;
	text-decoration: none;
}

.mm-link:hover {
	color: black;
}

.loginViewTextInput {
	font-size: 24px;
	font-family: Calibri;
	color: #565F64;
	themeColor: #486DB3;
}

.signin-button {
	width: 175px;
	height: 40px;
	float: right;
	cursor: pointer;
	background: url('./images/signinButton.png') 0px 0px no-repeat;
}

.signin-button:hover {
	background: url('./images/signinButton.png') 0px -40px no-repeat;
}

.grey-button {
	background: #b9b9b9; /* Old browsers */
	background: -moz-linear-gradient(top, #b9b9b9 0%, #7b7b7b 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9b9b9),
		color-stop(100%, #7b7b7b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b9b9b9 0%, #7b7b7b 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b9b9b9 0%, #7b7b7b 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b9b9b9 0%, #7b7b7b 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #b9b9b9 0%, #7b7b7b 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9',
		endColorstr='#7b7b7b', GradientType=0); /* IE6-9 */
	border: solid 1px #000;
	padding: 5px 15px;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	float: left;
	margin: 5px 0;
	text-align: center;
	min-width: 16px;
}

.outer {
	float: left;
	width: 100%;
}

.header {
	width: 100%;
	float: left;
	background: url(images/header_extend.png) repeat-x;
	height: 60px;
}

.header .logo {
	float: left;
	background-image: url(images/logo-mydining.svg);
	background-repeat: no-repeat;
	height: 53px;
	width: 451px;
	background-size: 451px 53px;
	margin: 4px 0 0 10px;
}

.header .myaccount {
	float: right;
	height: 46px;
	width: 220px;
	margin: 13px 0 0 0;
}

.header .logo a {
	float: left;
	height: 46px;
	width: 304px;
	text-indent: -99999px;
}

.header .pageTitle {
	font-family: Lucida Sans,Calibri,Helvetica,Arial;
	font-size:26px;
	white-space:nowrap;
	text-decoration:none;
	letter-spacing:2px;
	text-transform:capitalize
 }
 
.recipe-name {
	font-weight: bold;
	font-size: 20pt;
}

.recipe-image-td {
	vertical-align:top; 
	text-align:center;
}

.recipe-image-box{
	background:white; 
	padding: 15px 15px 0px 15px;
	display:inline-block;
}

.recipe-image {
	max-width: 300px;
	height: auto;
	margin: 0px;
}

.recipe-image-buttons {
	display:flex; padding: 8px 0px 8px 0px;     float: left;
}

.recipe-image-buttons .z-toolbarbutton:hover {
	text-decoration: inherit;
}

.recipe-image-buttons .z-toolbarbutton-content {
	font-family: Arial,sans-serif;
    font-size: 12px;
    color: #333;
    padding: 0px;
}

.field-format {
	color: gray;
	margin-left: 10px;
}

.callcenter-menu .z-a {
	min-width: 150px;
	height: 30px;
	display: inline-block;
	font-size: 20px;
	line-height: 30px;
	color: #0070C0 !important;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
}

.callcenter-menu .z-a-disd {
	color: #0070C0 !important;
	font-size: 20px;
	font-weight: bold;
	height: 30px;
	border: 2px solid #7F7F7F;
	text-decoration: none;
	border-radius: 5px;
}

.course-bar .z-a {
	min-width: 90px;
	height: 26px;
	display: inline-block;
	font-size: 14px;
	line-height: 27px;
	color: black;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	border: 2px solid #BFBFBF;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 2px;
}

.course-bar .z-a:hover {<!--
	background-image: url(images/everyday-button-sel.png);
	-->
}

.course-bar .z-a-disd {
	font-weight: bold;
	color: black !important;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	border: 2px solid #003396;
	padding-left: 5px;
	padding-right: 5px;
}

.menu-item-unsuitable {
	font-size: 14px;
	color: red;
	text-decoration: line-through !important;
}

.menu-item-out-of-stock{
	font-size: 14px;
	color: blue;
	text-decoration: line-through !important;
}

.menu-item-quantity-adjusted {
	font-size: 14px;
	color: blue;
}

.menu-item-unavailable {
	text-decoration: line-through !important;
}

.menu-item-primary {
	font-size: 14px;
	font-weight: bold !important;
}

.menu-item-modifier {
	font-size: 12px !important;
	padding-left: 30px !important;
}

.menu-item-modifier-padding-true {
	padding-left: 15px !important;
}

.menu-item-modifier-padding-false {
	padding-left: 0px !important;
}

.menu-item-modifier-margin-true {
	margin-left: 15px !important;
}

.menu-item-modifier-margin-false {
	margin-left: 0px !important;
}

.draggable {
	cursor: move !important;
}

.mm-heading-label {
	font-size: 22px !important;
}

.mm-default-font {
	font-family: arial, sans-serif;
	font-size: 14px;
}

.red-asterisk {
	color: red;
	font-weight: bold;
	font-size: medium;
	vertical-align: middle;
}

.table-ellipsis {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.td-ellipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	width: 20%;
	white-space: nowrap;
	overflow: hidden;
	padding: 5px;
}

.label-button-style {
	background-color: #A3243D !important;
	color: white !important;
	font-weight: bold;
	text-align: center !important;
	display: inline-block;
	width: 80px !important;
	height: 26px !important;
	line-height: 27px !important;
}

.searchbox {
	width: 452px;
	height: 30px;
	padding: 5px;
	border: solid 2px #d1d0d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	border-radius: 5px;
}

.searchbox .z-textbox-rounded-right-edge {
	background: none;
}

.z-textbox-rounded-focus .z-textbox-rounded-right-edge {
	background: none !important;
}

.facility-searchbox input[type=text] {
	width: 452px;
	height: 30px;
	padding: 5px;
	border: solid 2px #d1d0d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	border-radius: 5px 0px 0px 5px;
}

.facility-searchbox .z-textbox-rounded-right-edge {
	background: none;
}

.z-textbox-rounded-focus .z-textbox-rounded-right-edge {
	background: none !important;
}

.custom-anchor-label {
	color: #636363 !important;
	line-height: 22px !important;
	font-family: arial, sans-serif !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.custom-anchor-label:hover {
	text-decoration: none !important;
}

.header-text {
	color: #a9a9a9;
	font-size: 26px;
}

.searchPatientbox input[type=text] {
	width: 252px;
	height: 18px;
	padding: 5px;
	border: solid 2px #d1d0d1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	border-radius: 5px;
}

.searchPatientbox .z-textbox-rounded-right-edge {
	background: none;
}

.white-separator {
	background: white;
	width: 100%;
	height: 1px;
}

.gray-separator {
	background: #FFFFFF;
	width: 100%;
	height: 1px;
}

.black-ver-separator {
	background: black;
	width: 1px;
}

.STARTER {
	width: 20px;
	height: 20px;
	background-image: url('images/pg_starter.png');
}

.HOT {
	width: 20px;
	height: 20px;
	background-image: url('images/pg_hot.png');
}

.COLD {
	width: 20px;
	height: 20px;
	background-image: url('images/pg_cold.png');
}

.EXPO {
	width: 20px;
	height: 20px;
	background-image: url('images/pg_expo.png');
}

.field-name {
	color: gray;
}

.field-value {
	font-weight: bold;
	color: #636363;
}

.tab-printer>div>div>div>span {
	background-image: url("images/printer.png");
	background-repeat: no-repeat;
	background-attachment: inherit;
	background-position: right;
	padding-right: 30px !important;
}

.bg-printer {
	background-image: url("images/printer.png");
	background-repeat: no-repeat;
	background-attachment: inherit;
	height: 24px;
	width: 24px;
	margin: 0 0 -5px 5px;
	display: inline-block;
}

.not-found-allergy {
	background-color: yellow;
	color: black;
	font-weight: bold;
}

.found-allergy {
	background-color: #BD2B2B;
	color: white;
	font-weight: bold;
}

.error-message {
	color: red;
	font-weight: bold;
	text-align: center;
}

.status-message {
	color: #003396;
	font-weight: bold;
	text-align: center;
}

.page-heading {
	font-size: 26px;
	color: #a9a9a9;
	"
}

.toggle-btn {
	color: black;
	background: #91A6D0; /* Old browsers */
	background: -moz-linear-gradient(top, #91A6D0 0%, #486DB3 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91A6D0),
		color-stop(100%, #486DB3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #91A6D0 0%, #486DB3 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #91A6D0 0%, #486DB3 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #91A6D0 0%, #486DB3 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #91A6D0 0%, #486DB3 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91A6D0',
		endColorstr='#486DB3', GradientType=0); /* IE6-9 */
	border: solid 1px #003396;
	float: left;
	padding: 6px 15px;
	color: #fff;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline-block;
}

.toggle-btn-left {
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-bottom-left-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-bottomleft: 10px !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.toggle-btn-right {
	-webkit-border-top-right-radius: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	-moz-border-radius-topright: 10px !important;
	-moz-border-radius-bottomright: 10px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

.toggle-btn:hover, .toggle-btn:active {
	background: #6080BD; /* Old browsers */
	background: -moz-linear-gradient(top, #6080BD 0%, #A9BADA 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6080BD),
		color-stop(100%, #A9BADA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6080BD 0%, #A9BADA 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6080BD 0%, #A9BADA 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6080BD 0%, #A9BADA 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #6080BD 0%, #A9BADA 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6080BD',
		endColorstr='#A9BADA', GradientType=0); /* IE6-9 */
}

.toggle-btn-active {
	background: -moz-linear-gradient(top, #6080BD 0%, #C1CDE3 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6080BD),
		color-stop(100%, #C1CDE3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6080BD 0%, #C1CDE3 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6080BD 0%, #C1CDE3 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6080BD 0%, #C1CDE3 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #6080BD 0%, #C1CDE3 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6080BD',
		endColorstr='#C1CDE3', GradientType=0); /* IE6-9 */
}

.bold-font {
	font-weight: bold !important;
}

.normal_bold {
	font-weight: bold;
	color: black;
}

.top_margin6 {
	margin-top: 6px;
}

.top_left_margin6 {
	margin: 6px 0 0 6px
}

.top_margin20 {
	margin-top: 20px;
}

.right_margin6 {
	margin-right: 6px;
}

.ticket-dashboard-metrics {
	background: none repeat scroll 0 0 #333333;
	bottom: 1px;
	color: #ffffff;
	padding: 5px 0;
	position: fixed;
	border-radius: 5px;
}

input[type=text]::-ms-clear {
	display: none;
}

.z-listheader {
	text-align: left;
}

.empty-input {
	border: 1px solid red;
}

.table-border-rounded-corner {
	border: solid;
	border-radius: 7px;
	border-width: 1px;
	border-color: #C5C5C5;
	padding: 3px;
	border-collapse: inherit;
}

.z-checkbox>input {
	width: 20px;
	height: 20px;
	margin: 4px 0 0;
}

/* .z-checkbox>label {
	line-height: 26px;
} */
.z-modal-mask {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: alpha(opacity = 60);
	opacity: .6;
	zoom: 1;
	background: #808080;
}

.simple-table-form>tbody>tr>td {
	padding: .2em;
}

.rounded-textbox {
	padding: 4px 4px;
	height: 14px;
	border-color: #B0B0B0;
	border-radius: 5px;
}

.large-textbox {
	height: 28px;
	font-size: 18px;
	line-height: 28px;
}

.mm-popup-cnt {
	width: 100%;
	height: 100%;
	cursor: pointer;
	line-height: 22px;
}

.mm-popup-cnt:hover {
	background: #E2E2E2;
}

.mm-popup .z-popup-cnt {
	padding: 2px 3px 2px 3px;
}

.groupbox-caption-light-gray {
	color: rgb(71, 67, 67);
	font-weight: normal;
}

.app-menu-container {
	background: #fefefe; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe),
		color-stop(0%, #fefefe), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%, #fefefe 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%, #fefefe 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%, #fefefe 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fefefe 0%, #fefefe 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe',
		endColorstr='#eeeeee', GradientType=0); /* IE6-8 */
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

/* .app-menu-background {
	For IE 9 or below
	background:
		url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9InpraWU5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjZmVmZWZlICIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiNlZWVlZWUgIiBvZmZzZXQ9IjEwMCUiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCN6a2llOSkiIC8+PC9zdmc+");
}
 */
.z-menubar-no-border {
	border: none;
}

.submenu-over>a {
	background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%) repeat
		scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 4px;
	border: 1px solid #c4c9ce;
}

.z-menuitem-body-over>a {
	background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%) repeat
		scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 4px;
	border: 1px solid #c4c9ce;
}

.valign-middle {
	vertical-align: middle;
}

.caret-white {
	border-top: 4px solid white;
}

.dropdown-toggle:hover>.caret-white {
	border-top: 4px solid black;
}

.caret-black {
	border-top: 4px solid black;
}

.dropdown-toggle:hover>.caret-black {
	border-top: 4px solid #3c3c3c;
}

.disabled-menuitem .z-menuitem-content {
	background-color: #e6e6e6;
	cursor: text;
	font-size: 14px;
	border: 1px transparent;
}

.disabled-menuitem:hover .z-menuitem-content:hover, .disabled-menuitem:active .z-menuitem-content:active
	{
	cursor: text;
	background: #e6e6e6;
	border: 1px transparent;
	font-size: 14px;
}

.disabled-menuitem .z-menuitem-text {
	color: #9E9E9E;
	font-size: 14px;
}

.disabled-menuitem:hover .z-menuitem-text:hover {
	color: #9E9E9E;
	font-size: 14px;
}

.comboboxDefaultWidth {
	width: 205px
}

.tableSpacing10 {
	border-collapse: separate;
	border-spacing: 10px 10px;
}

.tableSpacing5 {
	border-collapse: separate;
	border-spacing: 5px 5px;
}

.borders {
	border: 1px solid #C5C5C5;
	border-radius: 10px;
}

.headers {
	font-weight: bold;
	color: #363636;
}

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

.ellipsis .z-listcell-content {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.boldLabel {
	line-height: 25px;
	font-weight: bold;
}

.hidden-text {
	font-size: 0px;
	height: 30px;
}

.listbox-form-row .z-listitem {
	background: #FFFFFF;
}

.has-hl7-alerts {
	color: white;
	background: #C40300;
}

.padding-top-0 {
	padding-top: 0px !important;
}

.padding-top-15 {
	padding-top: 15px !important;
}

.padding-top-10 {
	padding-top: 10px !important;
}


.disabled {
	opacity: 0.5;
	cursor: default;
}

.dropdown-button div.z-menupopup-separator {
	width: 0px;
	height: 100%;
	border-width: 3px 1px 3px 0;
	border-style: solid;
	border-color: #FAFAFA;
	background: #e0e0e0;
	position: absolute;
	top: 0;
	left: 31px;
	z-index: 10;
}

.dropdown-button .z-menuitem-image {
	min-width: 0;
	min-height: 0;
	margin-right: 0;
}

.resident-popup .z-menuitem-text {
	font-weight:bold;
	color:navy;
}

.float-right {
	float: right;
}

.red-link {
	color: red;
}

.red-link:hover, .red-link:focus {
	color: red;
}

.postion-right {
	position: absolute;
	right: 10px;
}

.listbox-header .z-listheader-sorticon {
	left: 125px;
}

.no-rounded-btn-group .btn {
	border-radius: 0px;
}

.button-group-round-top div:first-child button {
	border-radius: .5em .5em .0em 0em !important;
}

.button-group-round-bottom div:last-child button {
	border-radius: 0em 0em .5em .5em !important;
}

::-webkit-input-placeholder {
	color: Gray;
}

:-ms-input-placeholder {
	color: Gray;
}

.tree-parent-row {
	background: #F5E0DC !important;
}

.tree-chlid-row {
	background: #FBF7F6 !important;
}

@media all and (max-width: 1044px) {
	.patient-name-box {
		width: 403px;
		padding-right: 10px;
	}
	.patient-text-box {
		width: 117px;
	}
	.order-search-width {
		width: 950px;
	}
}

@media all and (min-width: 1045px) {
	.patient-name-box {
		width: 330px;
		padding-right: 10px;
	}
	.patient-text-box {
		width: 117px;
	}
	.order-search-width {
		width: 1130px;
	}
}
/* Custom Selectbox   */
.large-selectbox.z-selectbox {
	height: 28px;
	font-size: 18px;
}

.large-selectbox.z-selectbox>option {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	font-size: 16px !important;
	line-height: 26px;
}

.z-selectbox.selectbox-height-26px {
	height: 28px !important;
	font-size: 18px !important;
}

.z-selectbox.selectbox-vpadding-2>option {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 18px !important;
}

/*  Custom datebox */
.large-datebox .z-datebox-input {
	font-size: 18px;
	height: 30px;
}

.large-datebox .z-datebox-button {
	font-size: 16px;
	height: 30px;
	line-height: 18px;
}

/* Custom combobox  */
.large-combobox .z-combobox-input {
	height: 28px;
	font-size: 18px;
	border-radius: 5px 0px 0px 5px;
}

.large-combobox .z-combobox-button {
	height: 28px;
	padding: 8px 8px;
	border-radius: 0px 5px 5px 0px;
}

.large-combobox .z-combobox-icon {
	font-size: 16px;
}

li.large-comboitem span.z-comboitem-text {
	font-size: 14px;
	line-height: 26px;
}

a.select-item-pencil-button {
	margin-left: 20px;
	max-width: 250px;
	padding: 5px 35px 5px 5px;
	float: left;
	text-overflow: ellipsis;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	color: #FFFFFF;
	border: solid 1px #003396;
	background: #003396 url(images/edit_pencil.png);
	background-image: url(images/edit_pencil.png),
		-webkit-gradient(linear, left top, left bottom, from(#91A6D0),
		to(#486DB3));
	background-image: url(images/edit_pencil.png),
		-moz-linear-gradient(top, #91A6D0, #486DB3);
	filter: url(images/edit_pencil.png), progid:DXImageTransform.Microsoft.gradient(startColorstr='#91A6D0',
		endColorstr='#486DB3');
	background-position: right;
	background-repeat: no-repeat;
}

a.select-item-pencil-button:hover {
	background: #003396 url(images/edit_pencil.png) right no-repeat;
}

.select-item-pencil-button.disabled, .select-item-pencil-button[disabled]
	{
	background: rgb(218, 207, 207) url(images/edit_pencil.png) right
		no-repeat !important;
	color: #514A4A;
	border-color: #AAAAAA;
	opacity: .8;
}

.btnimg .btn-image {
	padding-left: 5px;
	height: 23px;
	padding-bottom: 1px;
}

.myblackcaret .caret {
	margin-left: -4px !important;
}

.popup-top-100px {
	top: 100px !important;
}

.popup-top-150px {
	top: 150px !important;
}

.section-title {
	font-size: 1.2em;
	font-weight: bold;
}

.background-line {
	background-image: url('images/background-solid-line.png');
	background-repeat: repeat-x;
	display: block;
	height: 3px;
	margin: 0px 8px;
}

.listbox-header-text {
	font-weight: bold;
	color: #636363;
	line-height: 24px;
}

.system-msg-component {
	display: block !important;
}

.system-msg-content {
	padding-right: 14px;
	font-size: 15px;
	color: #7A7A6B;
	max-width: 400px;
	min-width: 200px;
	float: left;
	width: 100%;
	max-width: 400px;
}

.system-msg {
	position: absolute;
	top: 35px;
	left: 8px;
	max-width: 400px;
	position: absolute;
	top: 35px;
	left: 8px;
	z-index: 99999;
	background-color: #F7F8F9;
	border-color: #B7BABC;
	min-height: 70px;
}

.system-msg-close {
	height: 18px;
	width: 18px;
	position: absolute;
	border: 1px solid black;
	right: 5px;
	top: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
}

.page-title {
	font-size: 36px;
	color: #a9a9a9;
}

.recipe-steps-header {
	background: #515169;
	line-height: 30px;	
	margin-top: 15px;
    border: 1px solid white;
    border-bottom: none;
}

.recipe-steps-header-label {
	color: white;
	padding-left: 8px;
	font-weight: bold;
}

.recipe-steps-footer {
	background: #9292a6;
	padding: 20px 10px 20px 12px;
    border: 1px solid white;
    border-top: none;
}

.listcell-no-vertical-padding .z-listcell-content {
	padding: 1px 5px;
}

.disable-selection, .disable-selection input {
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.word-break-all {
	word-break: break-all;
}

.warning-border input, .warning-border a, .warning-border input[readonly], .warning-border.z-decimalbox{
	border: 1px solid red;
}

.warning-border a:hover {
	border: 1px solid red;
	border-left: none;
}

.warning-border a {
	border-left: none;
}

.no-border {
	border: none;
}

.recipe-steps-content {
	background: #e0e0e0; 
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #c0c0c0 100%); 
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c0c0c0 100%); 
	background: linear-gradient(to bottom,  #e0e0e0 0%,#c0c0c0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); 
	border-bottom: solid 1px #fff;
}

.recipe-steps-content:hover .z-listcell-content {
	background: #e0e0e0; 
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #c0c0c0 100%); 
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c0c0c0 100%); 
	background: linear-gradient(to bottom,  #e0e0e0 0%,#c0c0c0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); 
}

.recipe-steps {
	border-color: #fff;
	border-bottom: none;
}

.recipe-steps .z-listbox-body{
	background: none;
}

.recipe-detail-theme-dark-blue-clr {
	color: #23527c;
}

.recipe-detail-theme-dark-blue-clr img {
	margin-right: 2px;
}

.white-clr img {
	margin-right: 2px;
}

.white-clr {
	color: white;
}

.no-access{
	text-align:center;
	margin-top:150px;
}
.recipe-steps .z-listbox-emptybody {
	display: none;
}

.recipe-steps-content.z-listitem-selected>.z-listcell {
	background: #e0e0e0; 
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #c0c0c0 100%); 
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c0c0c0 100%); 
	background: linear-gradient(to bottom,  #e0e0e0 0%,#c0c0c0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); 
	position: inherit;
}

.recipe-steps-content.z-listitem-selected>.z-listcell:hover {
	border-bottom: solid 1px #fff;
	position: inherit;
}

.recipe-steps-content:hover .ingredient-info .z-listcell-content {
	background: inherit;
}

.ingredient-info {
	background: none;
	
}

.ingredient-info:hover .z-listcell {
	background: #e0e0e0; 
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #c0c0c0 100%); 
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c0c0c0 100%); 
	background: linear-gradient(to bottom,  #e0e0e0 0%,#c0c0c0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); 
}
.ingredient-info.z-listitem-selected .z-listcell{
	background: #e0e0e0; 
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #c0c0c0 100%); 
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c0c0c0 100%); 
	background: linear-gradient(to bottom,  #e0e0e0 0%,#c0c0c0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); 
}
.ingredient-info.z-listitem-selected:hover .z-listcell{
	background: #e0e0e0; 
	background: -moz-linear-gradient(top,  #e0e0e0 0%, #c0c0c0 100%); 
	background: -webkit-linear-gradient(top,  #e0e0e0 0%,#c0c0c0 100%); 
	background: linear-gradient(to bottom,  #e0e0e0 0%,#c0c0c0 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#c0c0c0',GradientType=0 ); 
}

.ingredient-info.z-listitem .z-listcell {
	border: none;
}

.non-selectable-listbox .z-listcell-content {
	background: white;
}

.non-selectable-listbox .z-listitem .z-listcell {
	border: none;
}

.non-selectable-listbox .z-listitem.z-listitem-selected>.z-listcell {
	border: none;
}

/* .recipe-direction .cke_inner .cke_bottom {
	display: none;
} */
button.ck-btn {
	margin: 2px 0 0 5px;
	padding: 5px 10px;
}

.refused-report-data td {
	padding-right: 4px;
}

.float-right {
	float: right;
}

.bold-font {
	font-weight: bold;
}

.nowrap-label {
	white-space: nowrap;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.recipe-detail-header-bg{
	background:url(images/recipe-detail-header.png); width:100%; float:left; margin-bottom: 10px; padding: 5px 25px;
} 

.max-width-300 {
	max-width: 300px;
}

.max-width-170 {
	max-width: 170px;
}

.max-width-130 {
	max-width: 130px;
	width: 130px;
}

.print-server-last-req-time {
	padding: 2px 8px;
}

.print-server-error {
	background-color: red;
	color: white;
	border-radius: 12px !important;
	margin-top: 0px;
	margin-bottom:5px;
}

.tray-tracking-status-time {
	font-size: 18px !important;
	color: gray;
}

.tray-tracking-status-date {
	color: gray;
}

.white-btn {
	background: #f2f2f2;  /* Old browsers  */
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #f2f2f2 52%, #d2d2d2 100%); /* / FF3.6-15 / */
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#f2f2f2 52%,#d2d2d2 100%); /* / Chrome10-25,Safari5.1-6 / */
	background: linear-gradient(to bottom,  #f2f2f2 0%,#f2f2f2 52%,#d2d2d2 100%); /* / W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ / */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d2d2d2',GradientType=0 ); /* / IE6-9 / */
	color:#000000;
	border:solid 1px #707070;
}
.sort-option {
	width: 50%;
	border: #CFCFCF solid 1px;
	padding: 10px;
    margin: 10px 0px 0px 10px;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.option-title {
	font-weight: bold;
	margin: 10px 0px 0px 20px;
    display: inline-block;
}
.print-photo label {
	margin-left: 9px;
}

.word-wrap-normal {
white-space: normal !important;
}

.portion-option {
	width: 52%;
	padding: 0 0 10px 10px;
	border: #CFCFCF solid 1px;
    margin: 10px 0px 0px 10px;
    -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.portion-title {
	font-weight: bold;
	margin: 6px 0px 4px 6px;
    display: inline-block;
}

.align-center {
	text-align: center;
}

.warning-border-print-portion {
	border: 1px solid red;
}

.margin-left-6 label {
	margin-left: 6px;
}

.margin-right-6 {
	margin-right: 6px;
}
.checkbox-middle-label label {
	vertical-align: sub;
}

.section-1-menu .z-listitem.z-listitem-selected>.z-listcell, .section-1-menu .z-listitem .z-listcell:hover {
	background: none;
}

.recipe-book-report-div {
	border: 1px solid #ADADA7;
    border-radius: 17px;
    padding: 8px 8px 8px 0px;
    margin-bottom: 10px;
}

.recipe-book-report td {
	padding-left: 10px !important;
	padding-top: 5px!important;
}

.resident-info-header {
 text-align: center;
}

.resident-name-label {
 font-size: 16px;
    font-weight: bold;
}

.padding-left-10 {
 padding-left: 10px !important;
}

.resident-info-div {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 1px solid #D7D7D7;
}

.resident-info-header  {

	background-image :url(images/resident-header.png); 
	
	/* height: 30px; */
	line-height: 30px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.resident-info-body {
	padding-top: 10px;
}

.resident-details {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8e8e8 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8e8e8 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8',
		endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

.resident-details-photo {
	width: 180px;
	padding: 5px 10px;
	vertical-align: top;
	text-align: center;
}

.meal-snacks-on-hold {
	background: #A94442;
	color: white;
	font-size: 16px;
	padding:5px
}

.resident-photo {
	border: 1px solid #B3B3B3;
	border-radius: 5px; 
	text-align: center; 
	padding: 10px;
}

.resident-detail td {
	padding-top: 10px;
	padding-left: 15px;
}

.admit-resident-menu-bar {
	float: left;
	text-shadow: none;
}

.resident-gender .big-font .z-radio-content {
	font-size: 14px !important;
}

.hide-pointer {
	pointer-events: none;
}

.report-progressbar-container {
	margin: 100px;
}

.production-worksheet .production-sheet-header {
	background: #fff;
    border: 1px solid;
    margin: 5px 0 0 5px;
}

.production-worksheet {
	padding: 5px;
}

.production-worksheet .body-part {
	padding: 5px 0 0 5px;
}

.production-worksheet .body-part .worksheet-data .z-listcell-content{
	padding: 0px!important;
}

.production-worksheet .body-part .table-border {
	border: 1px solid #C1C1C1;
	padding: 4px;
}

.production-worksheet .body-part .table-header-border {
	border-right: 1px solid #C1C1C1;
	padding: 5px 2px;
}

.production-worksheet .body-part .fore-count .z-listheader-content {
	padding:0px !important;
}

.production-worksheet .body-part .z-auxhead-bar {
	display: none;
}

/* .production-worksheet .body-part .course-title, .production-worksheet .body-part .course-title td {
	background:#ADD6D6;
} */
.production-worksheet .body-part .course-title span {
	padding-left: 35px;	
}
.production-worksheet .body-part .z-grid-body, .production-worksheet .body-part .regular-part-large-grid .z-grid-body, 
.production-worksheet .body-part .regular-part-grid .z-grid-body, .production-worksheet .body-part .regular-part-grid-small .z-grid-body {
	background:#fff;
	overflow-x: auto !important;
    overflow-y: scroll !important;
}

.resident-profile-image-medium {
	padding: 3px 10px;
}

.resident-profile-image-medium img {
	max-height: 20px;
}

.dislike-meal-name>input{
	margin:4px !important;
}
.resident-dislike-group>.meal-dislike-group {
	background: white;
	display:inline-block;
}

.resident-dislike-description .dislike-description .z-groupbox-content{
    border-radius: 6px;
}

.resident-dislike-group .meal-dislike-group .z-listbox .z-listbox-body {
	height: 91%;
}

.meal-dislike-group .z-listheader-content .delete-all-resident-dislikes {
	font-weight: bold;
	color: #f00;
	float: right;
}

.meal-dislike-group .z-listheader-content .facility-meal-name {
	float: left;
	margin-top: 3px;
}

.meal-dislike-group .resident-dislike .dislike-type {
	width: 17%;
}

.meal-dislike-group .resident-dislike .dislike-icon {
	width: 8%;
}

.meal-dislike-group .resident-dislike .dislike-expand-icon {
	width: 10%;
}

.dislike-menu-items .unsuitable-menu-item.z-listitem .z-listcell{
	background-color: inherit !important;
	background: inherit !important;
	border-color: #fff;
}

.dislike-menu-items .z-listbox-body .z-listbox-emptybody td{
	font-size: 14px;
}


.label-appearance {
	color: #636363 !important;
    text-decoration: initial !important;
    outline: none !important;
}

.button-nutrients .dislike-icon {
	display: inline;
	top: 0;
	right: 0;
	position: absolute;
}

.therapeutic-spread .regular-menu-item.z-listhead .z-listheader {
	background: #fff !important;
 	border: 0px !important;
}

.therapeutic-spread .z-listbox-header-border {
	border-bottom: 0px !important;
}

.therapeutic-spread-tab .z-tab {
	background: #FFFFFF;
}

.therapeutic-spread-tab .z-tab a span {
	color: #666;
}
	
.therapeutic-spread-tab .z-tab.z-tab-selected {
	/* background: #A9BADA; */
	background: -webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%);
}

.therapeutic-spread-tab .z-tab.z-tab-selected a span {
	color: #555;
	font-weight: bold;
}

.therapeutic-spread .z-listbox-body {
	background: #FFFFFF;
}

.therapeutic-spread .z-listbox-header {
	background: #FFFFFF; 
}

.therapeutic-spread .z-listbox-body .z-listitem.alternate-odd-row .z-listcell.alternate-cell {
	background: #f7f7f7!important;
}

.therapeutic-spread .z-listbox-body .z-listitem.alternate-even-row .z-listcell.alternate-cell{
	background: #FFFFFF!important;	
}

.font-italic {
	font-style: italic;
}
.batch-red-asterisk, div .batch-red-asterisk{
	font-size: xx-large !important;
	margin-left:10px;
	color: red;
	font-weight: bold;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
	vertical-align: -moz-middle-with-baseline;
}

.meal-service-sequence .mm-btn-arrange {
    padding: 3px 12px !important;
}

.meal-service-list-box {
	overflow-y:auto;
	background: white;
}

.achor-label > span {
	text-decoration: underline;
	color: blue;
}

.measurement-converter .left-measurement {
	margin-left: 30px;
}

.padding-right-5 {
	padding-right:5px;
}

.padding-bottom-5 {
	padding-bottom:5px;
}

.fraction-equivalent {
	width: 100%;	
}

.fraction-equivalent td {
	 text-align: center;
}

.fraction-equivalent .odd-row {
	background-color: #fff;
}

.fraction-equivalent .even-row {
	background: #A9BADA;
    background: -moz-linear-gradient(top, #A9BADA 0%,#C1CDE3 100%);
    background: -webkit-linear-gradient(top, #A9BADA 0%,#C1CDE3 100%); 
    background: linear-gradient(to bottom, #A9BADA 0%,#C1CDE3 100%);
}

.paging-right {
	width: 46.5%;
	margin-left: 53.5%;
	padding-left: 15px;
	border: 1px solid #cfcfcf;
	border-top: none;
}

.paging-right-no-menus {
	width: 40.5%;
	margin-left: 59.5%;
	padding-left: 15px;
	border: 1px solid #cfcfcf;
	border-top: none;
	z-index: 9999;
}

.bold-font-menu-item a span {
	font-weight: bold;
}

.no-caret-course a img {
	display: none;
}

.course-menu-popup .z-menupopup-separator {
	display: none;
}

.course-menu-bar .selected-course-bar .btn, .course-menu-bar .notselected-course-bar .btn {
	min-width: 0px !important;
}

.course-menu-bar .selected-course-bar .min-width-100, .course-menu-bar .notselected-course-bar .min-width-100 {
	min-width: 100px !important;
}

.course-menu-popup .z-menuitem a .caret{
	vertical-align: middle !important;
}

.margin-left-10 {
	margin-left:10px;
}

.menu-item-tracking {
	padding: 5px;
	margin-top: 5px;
	border: 1px solid rgb(207, 207, 207);
}

.production-worksheet .body-part .regular-part-grid, .production-worksheet .body-part .regular-part-grid-small {
	margin: 0px 0px 5px 0px;
	/* height:330px; */
}

.production-worksheet .body-part .regular-part-large-grid, .production-worksheet .body-part .regular-part-large-grid-1 {
	margin: 0px 0px 5px 0px;
	/* height:530px; */
}

.production-worksheet .body-part .regular-part-large-grid .z-grid-body {
	/* height:83%; */
	height:270px;
}

.production-worksheet .body-part .regular-part-large-grid-1 .z-grid-body {
	/* height: 94%; */
	height:300px;
}

.production-worksheet .body-part .regular-part-grid .z-grid-body {
	/* height:89%; */
	height:280px;
}

.production-worksheet .body-part .regular-part-grid-small .z-grid-body {
	/* height:73%; */
	height:230px;
}  

.padding-top-5 {
	padding-top: 5px !important;
}

.padding-5-10 {
	padding : 5px 0 0 10px!important;
}

.background-yellow {
	background: yellow;
}

.back-color-yellow input {
	background: yellow;
}

.back-color-yellow a {
	background: yellow;
}

.regularPart .z-grid .z-grid-body .z-intbox.z-intbox-disabled, 
.regularPart .z-grid .z-grid-body .z-decimalbox.z-decimalbox-disabled {
	background: #d1d1d2!important;
}
.insert-prev-values-btn {
	background: #A9BADA !important; 
	white-space: normal !important; 
	width: 128px !important; 
	padding: 0px !important;
	margin-right: 23px !important;
}

.production-worksheet .body-part .historical-record-row .previous-date-label, 
.production-worksheet .body-part .historical-record-row .previous-date-label .item-replaced {
	text-align: center;
	color: #000 !important;
}

 .production-worksheet .body-part .historical-record-row td, .production-worksheet .body-part .historical-record-row {
 	border-top: 1px solid white;
 	background:#c7c1c1 !important;
 }

 .production-worksheet .body-part .z-grid-header .batch-dining-area {
 	vertical-align: inherit !important;
 }
 
 .margin-top-5 {
 	margin-top: 5px;
 }
 
 .convert-measure.z-toolbarbutton {
 	height: 22px;
 }
 
 .convert-measure .z-toolbarbutton-content{
 	line-height: inherit;
 }
 
 .convert-measure.z-toolbarbutton:hover {
    border-color: #c4c9ce;
    background: none;
}

.convert-ingredient-div {
	text-align: right;
	margin-top: 20px;
}

.top_margin10 {
	margin-top: 10px;
}

.publish_recipe_left_box {
	border: 1px #cfcfcf solid;
	padding:10px;
}

.empty-auxheader {
	border-left: none !important;
}

.ingredient-lock {
	float: right;
    margin-right: 15px;
    padding-top: 5px;
    border: none !important;
}

.topic  .selected-alphabet {
	background: #bc2a2a;
    border-radius: 6px 6px 0px 0px;
    color: white !important;
    border-color: #bc2a2a !important;
}

.topic .alphabet{
	border: none !important;
	color: black;
	text-decoration: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 80%;
    font-weight: bold;
}

.alphabet-filter.z-auxhead {
	border-bottom: 3px #bc2a2a solid;
}

.topic .z-auxheader-content {
	padding: 4px 5px 0px !important;
}

.topic .z-auxheader-content .z-hlayout .z-hlayout-inner .selected-alphabet[disabled] {
    opacity: initial;
}

.topic .z-auxheader-content .z-hlayout .z-hlayout-inner {
	width: 3.5%;
}

.alphabet.disabled, .alphabet[disabled], fieldset[disabled] .alphabet {
    background: #bc2a2a !important;
    border-color: #bc2a2a !important;
    border-radius: 6px 6px 0px 0px;
}

.selected-alphabet:focus, .selected-alphabet:active:focus, .selected-alphabet.active:focus, 
 .selected-alphabet.focus, .selected-alphabet.focus:active, .selected-alphabet.active.focus {
    outline: none;
    outline: none -webkit-focus-ring-color;
    outline-offset: 0;
}

.standing-order-box .z-listbox-body .z-listbox-emptybody td {
	font-size: 14px;
}

.resident-name {
	color: #0000ff;
	cursor:pointer
}
.resident-name:hover {
	text-decoration:underline;
	color: #0000ff;
	cursor:pointer
}

.margin-left-60 {
	margin-left: 60px;
}

.guest-meal-icon {
	margin-left:10px;
	font-size: medium;
}

.allergy-radio-option {
	padding: 5px 0 0 45px;
}

.allergy-radio-option .z-vlayout-inner {
	padding-bottom: 0 !important;
}

.toggle-btn-selected {
	color: black;
    font-weight: bold;	
}

.right-aligned-with-margin {
	margin-right: 10px;
    float: right;
}

.radio-btn-with-width > label {
	width: 240px
}

.sub-recipe-link:hover {
	text-decoration: underline !important;	
}

.selective-menu.z-listitem-selected>.z-listcell {
	background: none;
	border-color: white;
}

.selective-menu.z-listitem:hover>.z-listcell {
	background: none;
	border-color: white;
}

.auto-height
{
	height: auto !important;
}

.readonly-combobox
{
	opacity: 0.9;
}

.readonly-combobox > input
{
	color: black !important;
	background: #fafafa !important;
}

.z-modify-order-button
{
	height: 35px;
	width: 135px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	min-height: 24px;
	border: 1px solid #a9a9a9;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 12px;
	line-height: 14px;
	background: -webkit-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
	background: linear-gradient(to bottom, #fefefe 0%, #eeeeee 100%);
	text-shadow: 0 1px #fff;
	cursor: pointer;
	white-space: normal !important;
}

.myDining_login{     width: 410px;
    height: 464;
    background: #f0736e;
    padding: 30px 40px 20px 40px;
    border-radius: 60px;
    -webkit-box-shadow: 0px 0px 30px -8px rgba(0,0,0,0.78);
-moz-box-shadow: 0px 0px 30px -8px rgba(0,0,0,0.78);
box-shadow: 0px 0px 30px -8px rgba(0,0,0,0.78);}


.myDining_login ::placeholder { / Chrome, Firefox, Opera, Safari 10.1+ /
  color: #808080;
  font-size: 17px;
  font-weight: 500;
  opacity: 1; / Firefox /
} 

.myDining_login :-ms-input-placeholder { / Internet Explorer 10-11 /
  color: #808080;
  font-size: 17px;
  font-weight: 500;
}

.myDining_login::-ms-input-placeholder { / Microsoft Edge /
  color: #808080;
  font-size: 17px;
  font-weight: 500;
}
    
    .myDining_login input{
		height:49px;
		line-height:49px;
		margin-top:4px;
	}
    
       .myDining_login  a.sign_in_btn{
       width: 100%;
    background: #808080;
    height: 49px;
    line-height: 49px;
    float: left;
    border-radius: 30px;
    margin-top: 10px;
    b: white;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
   }
   
          .myDining_login  a.sign_in_wrk_acct_btn{
    background: none;
    border:1px solid;
    border-color: #808080;

   }
.disclaimer_notes{
	width: 410px;
    padding: 30px 40px 20px 40px;
    text-align: center;
   }
   .disclaimer_notes a{
   	color: #808080;
    
    text-decoration: none;
   }
   
.alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
	text-align: center;
	margin-top: 4px;
}

.out-of-stock{
	opacity: 0.5;
    position: absolute;
    transform: rotate(17deg);
    color: #0d0000;
    font-weight: bold;
    margin-left: 60px;
    margin-top: 30px;
}

.out-of-stock > span{
	font-size: 20px;
	font-weight: bold;
}

.z-macro {
	display: block;
}

.alert {
	padding: 20px;
	background-color: #f44336;
	color: white;
	text-align: center;
	margin-top: 4px;
}

.z-selectbox {
	color: revert;
    height: revert;
    min-width: revert;
    background-color: revert;
    background-image: revert;
    background-repeat: revert;
    background-position: revert;
    -moz-appearance: revert;
    -webkit-appearance: revert;
    appearance: revert;
    padding-right: revert;
    border: revert;
    border-radius: revert;
    padding: revert;
}
.z-selectbox:active {
    border-color:revert;
    background-image: revert;
    box-shadow: revert;
}
.z-selectbox:focus {
    border-color: revert;
}

.z-selectbox:hover {
    border-color:revert;

}

.z-listitem:hover > .z-listcell {
  background: -webkit-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
  background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
  background-clip: padding-box;
  position: relative;
}

.z-listitem.z-listitem-selected:hover > .z-listcell {
  border-color: #e6eaed !important;
  background: -webkit-linear-gradient(top, #e6eaed 0%, #d9dee2 100%) !important;
  background: linear-gradient(to bottom, #e6eaed 0%, #d9dee2 100%) !important;
  position: relative !important;
}
.z-listitem.z-listitem-selected.z-listitem-focus>.z-listcell{
  border-color: #eef1f3;
  background: -moz-linear-gradient(top, #eef1f3 0%, #e4e8eb 100%);
  background: linear-gradient(to bottom, #eef1f3 0%, #e4e8eb 100%);
  background-clip: border-box;
  background-clip: padding-box;
  position: relative;
}
.z-listitem.z-listitem-selected > .z-listcell {
  border-color: #eef1f3 !important;
  background: -webkit-linear-gradient(top, #eef1f3 0%, #e4e8eb 100%) !important;
  background: linear-gradient(to bottom, #eef1f3 0%, #e4e8eb 100%) !important;
  background-clip: padding-box;
  position: relative !important;
}

/* ZK 10's default theme draws a bright blue (#0093F9) focus ring around the
   focused row; drop it so selection reads as the calm grey fill alone. */
.z-listitem-focus > .z-listcell,
.z-listitem-focus > .z-listcell:first-child,
.z-listitem-focus > .z-listcell:last-child,
.z-row-focus > .z-cell,
.z-treerow-focus > .z-treecell {
  box-shadow: none !important;
}


tr.menuHeader.z-listitem:hover .z-listcell-content{
  background: -webkit-linear-gradient(top, #eef1f3 0%, #e4e8eb 100%) !important;
  background: linear-gradient(to bottom, #eef1f3 0%, #e4e8eb 100%) !important;
  
}

tr.menuHeader.z-listitem:hover .z-listcell{
  background: -webkit-linear-gradient(top, #eef1f3 0%, #e4e8eb 100%) !important;
  background: linear-gradient(to bottom, #eef1f3 0%, #e4e8eb 100%) !important;
  
}

.z-comboitem:hover {
    background: -webkit-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
    background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
}
.z-tab-text:hover {
    text-decoration: underline;
}
.z-icon-caret-up:before {
    content: "\f0d8";
}
.z-icon-caret-down:before {
    content: "\f0d7";
}
.z-icon-caret-right:before {
    content: "\f0da";
}

.z-selectbox[disabled] {
	color: revert;
    height: revert;
    min-width: revert;
    background-color: revert;
    background-image: revert;
    background-repeat: revert;
    background-position: revert;
    -moz-appearance: revert;
    -webkit-appearance: revert;
    appearance: revert;
    padding-right: revert;
    border: revert;
    border-radius: revert;
    padding: revert;
}
.z-treerow.z-treerow-selected:hover > .z-treecell {
  background: -moz-linear-gradient(top, #e6eaed 0%, #d9dee2 100%);
  background: linear-gradient(to bottom, #e6eaed 0%, #d9dee2 100%);
}
.z-treerow:hover > .z-treecell {
  background: -moz-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
  background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
    background-clip: border-box;
  background-clip: padding-box;
}
.z-treecell.z-treerow-focus{ 
  background: -moz-linear-gradient(top, #e6eaed 0%, #d9dee2 100%);
  background: linear-gradient(to bottom, #e6eaed 0%, #d9dee2 100%);
}
.z-window-icon:hover {
  color: #636363;
  border-color: #c4c9ce;
  background: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: #eef0f2;
}
.z-menu-content:hover, .z-menuitem-content:hover {
    border-color: #c4c9ce;
    background: -webkit-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
    background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
}
.z-toolbarbutton:hover {
    border-color: #c4c9ce;
    background: -webkit-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
    background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
}
.modal-top {
    top: 2px !important; 
}
.z-combobox-button:hover {
	border-color: #c4c9ce;
    background: -webkit-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
    background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
}
.z-datebox-button:hover {
	border-color: #c4c9ce;
    background: -webkit-linear-gradient(top, #f7f8f9 0%, #eef0f2 100%);
    background: linear-gradient(to bottom, #f7f8f9 0%, #eef0f2 100%);
}

.high-risk-small{
	font-size: 10px;
}

.high-risk-large{
	font-weight:bold;
	font-size: 14px;
}

.disabled-selectBox {
	border-color: #E6E6E6;
    background: #FAFAFA;
	pointer-events: none;
	appearance: none;
}
.masked-textbox {
  -webkit-text-security: disc;
  -moz-text-security: disc;
}
.red-txt{
    color: #EF4444;
    font-family: 'Inter';
    font-weight: 600;
    font-size: 14px;
    margin-top:22px;
}
.found-standingOrderTemplate {
	background-color: yellow;
	color: black;
	font-weight: bold;
}

.link-image-padding > .z-listcell-content{
	padding-left:22px;
}
		
.link-image::before {
         content: "";
         background-image: url("images/link.png");
         position: absolute;
         top: 2px;
         left: 3px;
         bottom: 0px;
         right: 0;
         background-repeat: no-repeat;
         background-position: left;
         background-size: 100%;
         z-index: -1;
         background-color: #BDBDBD;
         width:15px;
         border: solid 1px #BDBDBD;
}
.disabled-link {
    color: gray !important;
    pointer-events: none;  
    text-decoration: none !important;
}

/* =========================================================================
   ZK 10 (iceblue) visual compatibility — restores the breeze look the app
   was designed against after the 9.6 -> 10.2.1 theme change. Isolated here
   so it can be reviewed/removed as a unit. Values measured from the ZK 9.6
   dev environment.
   ========================================================================= */

/* Grid / listbox column headers: ZK's default theme paints these blue (bg
   #0093F9, column dividers/bars #0064ED). The app shows a near-white gradient
   with grey bold text -- recolour the background AND every blue divider/bar so
   no blue shows between or around the headers. This is app-wide (every grid,
   listbox and tree header). */
.z-listheader,
.z-column,
.z-auxheader {
    background: linear-gradient(#fefefe 0%, #eeeeee 100%) !important;
    color: #333333 !important;
    border-bottom: 1px solid #cfcfcf !important;
    border-left-color: #d9d9d9 !important;
    font-weight: 700;
}
.z-listheader-content,
.z-column-content,
.z-auxheader-content {
    color: #333333 !important;
    padding: 4px 5px 3px !important;
}
.z-listhead, .z-columns, .z-auxhead { background: transparent !important; }
/* the blue filler "bar" at the end of a header row, and the resize-handle
   shadow, also come from #0064ED/#0093F9 in the default theme */
.z-listhead-bar,
.z-colhead-bar,
.z-auxhead-bar {
    background: linear-gradient(#fefefe 0%, #eeeeee 100%) !important;
    border-left-color: #d9d9d9 !important;
    border-bottom-color: #cfcfcf !important;
}
.z-listheader-button { box-shadow: inset 1px 0 #d9d9d9 !important; }

/* Datebox: iceblue pads the input 48px on the right (vs breeze ~29px) for a
   larger calendar button, which clips the year in fixed-width dateboxes
   (e.g. "Jun 12, 2026" -> "Jun 12, 20"). Trim the padding back. */
.z-datebox-input { padding-right: 30px !important; }

/* Patient Notes panel: iceblue puts a grey background behind each grid/listbox
   row; the app design shows notes flat on the panel. Strip row/cell chrome and
   give consistent left alignment so Preferences / Special Instr line up. */
.notes-grid,
.notes-grid .z-rows, .notes-grid .z-row, .notes-grid .z-cell,
.notes-grid .z-listbody, .notes-grid .z-listitem, .notes-grid .z-listcell {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
}
.notes-grid .z-cell, .notes-grid .z-listcell { padding: 3px 6px !important; }
.notes-grid .z-row:hover, .notes-grid .z-row:hover .z-cell,
.notes-grid .z-listitem:hover, .notes-grid .z-listitem:hover .z-listcell {
    background: transparent !important;
}

/* Gear icon (fa fa-cog, the only Font Awesome icon the app uses): the app's
   bundled FA4 font 404s and historically rendered via ZK's own FontAwesome.
   ZK 10 bundles FA6, whose gear glyph (\f013) lives in the solid (900) face. */
.fa-cog { font-family: FontAwesome !important; font-weight: 900 !important; }
.fa-cog::before { content: "\f013" !important; }

/* Borderlayout regions: iceblue adds 16px padding inside every region body
   (west/center/east/north/south); breeze used 0. This inset created the gap
   between the menu-item panel and the order summary, and pushed the notes and
   nutrients panels out of alignment. Restore flush regions. */
.z-west-body, .z-center-body, .z-east-body,
.z-north-body, .z-south-body { padding: 0 !important; }

/* Split button groups (e.g. the "Diet Order" + dropdown caret): these rely on
   the two block <button>s sitting side by side. Under ZK 9.6 they floated
   inline; iceblue lets them stack vertically. Force a horizontal row. */
.btn-group { display: inline-flex !important; align-items: stretch; }
.btn-group > .btn { float: none; }

/* "no-style" grids: the order-summary item-name column wraps each menu item in
   an inner <grid sclass="no-style">. That sclass was meant to strip the grid
   chrome, but it was never defined, so under ZK 10 iceblue the grid keeps its
   default solid-grey background (rgb(224,225,227)) and renders as a grey bar
   behind every order line. Define it to make the grid (and its rows/cells)
   fully transparent and borderless, so order items sit flat on the row. */
.no-style,
.no-style .z-grid-body, .no-style .z-rows, .no-style .z-row, .no-style .z-row-inner,
.no-style .z-cell, .no-style .z-cell-content, .no-style .z-hbox, .no-style .z-hlayout {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
}
/* Also strip the grid cells' default vertical padding: iceblue's .z-row-inner
   padding made each order line taller than its content, which pushed the
   remove (X) button's centered glyph below the quantity box and the item name.
   With padding removed the row collapses to content height and X / quantity /
   name sit on one baseline. */
.no-style .z-row-inner, .no-style .z-cell { padding: 0 !important; }

/* Top menu bar: the app paints .app-menu-container with a #fefefe -> #eeeeee
   vertical gradient. The grey (#eeeeee) bottom shows through on the right half
   of the bar (where there are no menu buttons to cover it) and reads as a stray
   grey block. Flatten it to a solid near-white so the whole bar is one colour;
   the top/bottom #CFCFCF separators are kept. */
.app-menu-container { background: #fefefe !important; }

/* Order-summary remove (X) button: iceblue gives .z-toolbarbutton 6px top/bottom
   padding, which stretched the X anchor to 37px and centred its 21px glyph ~8px
   below the quantity selector and item name (and made the whole row 42px tall).
   Drop the vertical padding so the X is its image height and lines up with the
   quantity box on one compact row; keep the horizontal padding for spacing. */
.remove-menu-item-button { padding-top: 0 !important; padding-bottom: 0 !important; }