/* it is a bad idea to define margins or paddings for components that are part of a flex
 *   as these values will not taken into account when computing their size
 *   so adjacent components might get pushed over the edge
 */
.header {
	background-image: url("../images/background_header.jpg");
	background-repeat: repeat-x;
}
.header-div .z-vlayout-inner {
	padding-bottom: 0px !important;
}

.sub-title {
	text-align: center;
	margin-bottom: 5px;
}

.sub-title .z-label {
	font-size: 18px;
	color: dodgerblue;
}

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

.dialog-title .z-label {
	font-size: 16px;
	color: dodgerblue;
}


.no-border-grid {
	border: none !important;
}
.no-border-grid tr.z-row td.z-row-inner, .no-border-grid tr.z-row .z-cell {
	border: 1px solid transparent !important;
	vertical-align:top
}
.no-border-grid tr.z-row td.z-row-inner .z-label, .no-border-grid tr.z-row .z-cell .z-label {
	display: inline-block;
	margin-top: 3px;
}

.main-menu {
	padding: 0px 5px !important;
	text-align: center;
	vertical-align: middle;
}

.main-menu .z-toolbar-start {
	float: none !important;	/* override float left to show buttons equally spaced */
}

.left-menu .z-menuitem-content .z-menuitem-body {
	color: blue;
}

.z-menuitem-text {
	color: blue !important;
}

.cart-button-bold .z-toolbarbutton-content {
	font-weight: bold;
}

.left-title {
	text-align: center;
	padding: 8px;
	background-color: #f5f5f5;
}
.left-title .z-label {
	font-size: 16px;
	color: dodgerblue;
}

.content-title {
	text-align: center;
	padding: 15px;
}
.content-title .z-label {
	font-size: 26px;
	color: dodgerblue;
}
.content-title .z-toolbarbutton {
	vertical-align: text-bottom;
}
.content-subtitle {
	text-align: center;
	padding: 15px;
}
.content-subtitle .z-label {
	font-size: 20px;
	color: dodgerblue;
}
.no-hover-grid > tr.z-rows > td.z-row-inner {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
}

.no-hover-grid > tr.no-hover-grid > td.z-row-inner, tr.z-row-over > .z-cell {
	background-image: none;
	background: transparent;	/* avoid hover for title page, non table grids */
	border: none !important;
}

.center-grid, .center-list {
	margin: 0px auto;
}

.splitter {
	background: url("../images/splitter-line.png") ;
	background-size: contain;
	padding-top: 5px;
}

.center-overflow .z-center-body {
	overflow-y: auto !important;
}

.vlayout-overflow {
	overflow-y: auto !important;
	overflow-x: hidden;
}

.menu-noborder .z-window-overlapped-cl-noborder .z-window-overlapped-cr-noborder .z-window-overlapped-cm-noborder .z-window-overlapped-content-noborder {
	padding: 0px !important;
}

input.required, span.required input {	/* mark input as required, variant for combo  */
	border-color:#FFCE99 !important;
	border-style: solid;
}


span.required.z-label::after  {		/* mark label */
    content: " *";
}

.z-decimalbox, .z-intbox, .z-longbox, .z-doublebox, .currency, .quantity {
	text-align: right;	/* align number to right */
}

.contentBox {		/* give content some padding inside window */
	padding: 10px;
}

.closeCross {
	font-size: 16px;
	color: #000;
    text-decoration: none;
}
.catalogTextboxNoHorzResize {
	/* as resizing may hide content disable it */
	resize: vertical !important;
}