/*#region General*/

html, body
{
	height: 100%;
}

a img
{
	border: none;
}

html, body, div, span, a, h1, h2, h3
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
}

a
{
	font-size: 1em;
}

body, input, textarea, select
{
	color: #295110;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	background-color: #ffffff;
}

/* Headers
----------------------------------*/
h1
{
	border-bottom: 1px solid #DDD;
	padding-bottom: 7px;
	margin-bottom: 20px;
	font-size: 170%;
}

h2
{
	font-size: 170%;
	margin: 0 0 15px;
	padding-bottom: 10px;
}


/* Anchors
----------------------------------*/
a, a:visited
{
	color: #295110 !important;
	text-decoration: none;
}

	a:hover
	{
		text-decoration: underline;
	}

/*#endregion*/

/*#region Page layout*/

#container
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -116px; /* the bottom margin is the negative value of the footer's height */
}

#footer, .push
{
	height: 60px; /* .push must be the same height as .footer */
}

#header
{
	width: 945px;
	margin: auto;
	margin-bottom: 30px;
}

#logo
{
	height: 55px;
}

#content
{
	clear: both;
	width: 945px;
	margin: 0 auto 40px auto;
}

#footer
{
	border-top: solid 1px #75AE84;
	/*border-left: solid 1px #75AE84;
	border-right: solid 1px #75AE84;
	width: 945px;*/
	/*margin: 40px auto 20px auto;*/
	padding: 15px 15px 0 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	clear: both;
	background-color: #D1E9D7;
}

#footer-content
{
	width: 945px;
	margin: auto;
}

#footer a
{
	padding: 0 0 0 10px;
}

/*#endregion*/

/*#region Menu*/

#menu-container
{
	position: relative;
	height: 27px;
	margin-top: 5px;
	background-color: #8aaa92;
	border-color: #75ae84;
	font-weight: bold;
	padding: 0;
}

	#menu-container a
	{
		padding: 7px;
	}

		#menu-container a:hover
		{
			color: #fff !important;
			background-color: #578262;
		}

		#menu-container a, #menu-container a:visited
		{
			text-decoration: none;
		}

#menu, #menu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	color: #fff;
	background-color: #D2EAD8;
}

	#menu ul
	{
		border: 1px solid #5d8f6a;
	}

	#menu li
	{
		float: left;
		margin: 0 10px;
	}

	#menu a
	{
		display: block;
	}


	#menu li ul
	{
		position: absolute;
		left: -999em;
		width: 200px;
	}

		#menu li ul li
		{
			width: 100%;
			margin: 0;
		}

			#menu li ul li:hover a.disabled, #menu li ul li a.disabled
			{
				color: #999 !important;
			}

			#menu li ul li:hover
			{
				/*background-color: #4A6B82;*/
			}

		#menu li:hover ul, #menu li ul:hover
		{
			left: auto;
			z-index: 99;
		}

#current-user
{
	float: right;
	padding: 7px 3px;
}

/*#endregion*/

/*#region Current account and location*/

#current-user-information
{
	float: right;
	margin-top: 10px;
}

/*#endregion*/

/*#region Login*/

#login-page-content
{
	clear: both;
	margin: 0 auto 30px auto;
	height: auto;
	min-height: 250px;
	background-color: #D3EAD9;
	/*border: 5px solid #FFE27F;
	border-bottom: 1px solid #B7DDF2;*/
	padding: 30px 20px 30px 20px;
}

	#login-page-content h2
	{
		margin-bottom: 20px;
	}

	#login-page-content a, #login-page-content a:visited
	{
		text-decoration: underline;
	}

#login-section
{
	width: 50%;
	float: left;
	background-color: #fff;
	border: 5px solid #8AAA92;
	padding: 10px 0 10px 10px;
	margin-left: 20px;
}

	#login-section label
	{
		width: 100px;
	}

	#login-section input[type="text"], #login-section input[type="password"]
	{
		width: 200px;
	}

#forgot-password
{
	margin: 0 13px 13px 13px;
	font-size: 1.2em;
}

#register-section
{
	width: 40%;
	float: right;
	min-height: 200px;
}

#register
{
	border: 5px solid #8AAA92;
	padding: 20px 20px 35px 20px;
	margin: 0 20px;
	text-align: center;
	background-color: #fff;
	font-size: 1.2em;
}

	#register h2
	{
		color: #295110;
	}

/*#endregion*/

/*#region Registration*/

#registration-outer
{
	background-color: #D2EAD9;
	padding: 5px 0;
}

#registration-inner
{
	width: 500px;
	margin: 10px auto;
	background-color: #fff;
	border: 5px solid #75ae84;
	padding: 20px;
}

#register-button
{
	float: right;
}

/*#endregion*/

/*#region Index pages*/

/*#region Top search*/

#top-search
{
	margin-bottom: 30px;
}

input[type="text"].search-input
{
	width: 300px;
	padding: 4px;
	padding-left: 20px;
	margin-right: 5px;
	background: white url(img/search-back.png) no-repeat 2px 4px;
}

/*#endregion*/

/*#region Criteria box*/

#criteria
{
	float: right;
	color: #0070A3;
}

#criteria-header
{
	padding: .5em;
}

#criteria-content
{
	padding-bottom: .7em;
}

.criterion
{
	padding: .5em 1em;
}

	.criterion select
	{
		width: 200px;
	}

	.criterion input[type="text"]
	{
		width: 200px;
	}

	.criterion input[type="submit"]
	{
		border: none;
		text-decoration: underline !important;
		font-weight: normal !important;
		color: #07C !important;
		background-color: transparent;
		font-size: 87%;
		cursor: hand;
		cursor: pointer;
	}

/*#endregion*/

/*#region Page content*/

#list-page-content
{
	margin-right: 300px;
}

	#list-page-content.full
	{
		margin-right: 10px;
	}

#page-content-end
{
	/*To avoid the criteria box go under #page-content when the list is not shown*/
	clear: both;
}

/*#endregion*/

/*#region Search result header*/

.delete-submit
{
	float: right;
}

/*#endregion*/

/*#region Tables*/

/* Common styles for all tables*/
#search-results-header
{
	padding: .5em;
	margin-bottom: 10px;
}

table.spatable.selectionTable
{
	border: 1px solid #E9E9E9;
	margin-top: 10px;
}

.spatable
{
	border-collapse: collapse;
	width: 100%;
}

	.spatable th
	{
		text-align: left;
	}

	.spatable tbody tr.row-group
	{
		font-weight: bold;
	}

		.spatable tbody tr.row-group td
		{
			padding: 5px;
			background-color: #BBDFC4;
		}

	/*Check box cell*/
	.spatable thead th.cb-cell, .spatable tbody tr td.cb-cell
	{
		text-align: center;
		width: 50px;
		padding: 4px 10px;
	}

	/*Check box cell*/
	.spatable thead th.cb-cell
	{
		font-size: 10px;
		font-style: italic;
		font-weight: normal;
		color: #c4bfbf;
	}

	.spatable tbody td, .spatable thead th
	{
		border-top: solid 1px #E9E9E9;
		border-bottom: solid 1px #E9E9E9;
		padding: 4px 10px;
		vertical-align: top;
	}

	.spatable thead th
	{
		vertical-align: middle;
		background-color: White;
	}

	.spatable tbody tr:hover
	{
		/*Not liked*/
		/*background-color: #b8dfff;*/
	}

	.spatable a, .spatable a:visited
	{
		text-decoration: underline;
	}

	.spatable td.last-cell, .spatable th.last-cell
	{
		text-align: right;
	}

	.spatable .normal-row
	{
		background-color: #F0FAE7;
	}

	.spatable .empty-row
	{
		background-color: White;
		height: 10px;
	}

	.spatable .alternating-row
	{
		background-color: White;
	}

.item-active, .item-inactive
{
	font-size: 94%;
	font-weight: normal;
	font-style: italic;
	margin: 2px 0;
}

.item-active
{
	color: #508850;
}

.item-inactive
{
	color: #9A4444;
}

.item-description, div.item-description span
{
	color: #999;
	font-size: 8pt;
	margin: 2px 0;
	font-weight: normal;
}

.item-account
{
	float: left;
	color: #999;
	font-weight: normal;
}

/* Pager*/
.rows, .pager
{
	margin-top: 10px;
}

	.pager a
	{
		margin: 0 1px;
	}

	.pager span.ui-button-text
	{
		padding: .1em .5em;
	}

	.pager a.selected span.ui-button-text
	{
		padding: .1em 1em .1em 1.5em;
	}

.itemsPerPage
{
	width: 60px;
}

.items-per-page
{
	float: right;
	margin: 10px 0;
}

	.items-per-page, .items-per-page select
	{
		font-size: 10px;
	}

/*#endregion*/

/*#endregion*/

/*#region Edit pages*/

/*#region Navigation section*/

#navigation
{
	width: 150px;
	float: left;
	margin: 0;
	border-right: 1px solid #DDD;
}

	#navigation ul
	{
		list-style: none;
		padding: 0;
		margin: 1.7em 0 0 0;
	}

		#navigation ul li
		{
			padding: 0;
		}

			#navigation ul li a
			{
				display: block;
				padding: 10px 10px;
				margin-top: 5px;
				margin-bottom: 5px;
			}

				#navigation ul li a.ui-state-default
				{
					font-weight: normal;
				}

.with-navigation
{
	margin-left: 150px;
	border-left: 1px solid #DDD;
	padding-left: 20px;
}

/*#endregion*/

/*#region Page content*/

#edit-page-content
{
	margin-right: 200px;
}

/*#endregion*/

/*#region Form layout*/

/*.edit-form
{
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 10px;
}*/

.edit-form fieldset
{
	margin-bottom: 20px;
	border: none;
	border-top: 1px solid #EDF7FF;
	padding: 0;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f9fd));*/
}

.edit-form legend, .edit-form h3
{
	padding: 10px 10px 10px 0;
	font-weight: bold;
	font-size: 120%;
}

.edit-form label
{
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}

.edit-form fieldset ol
{
	margin: 0;
	padding: 0;
}

.edit-form fieldset li
{
	list-style: none;
	padding: 5px 10px;
	margin: 0;
}

.edit-form fieldset fieldset
{
	border: none;
	margin: 3px 0 0;
}

	.edit-form fieldset fieldset legend
	{
		padding: 0 0 5px;
		font-weight: normal;
	}

	.edit-form fieldset fieldset label
	{
		display: block;
		width: auto;
	}

.edit-form em
{
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

.edit-form label
{
	width: 120px;
}

/* Width of labels */
.edit-form fieldset fieldset label
{
	margin-left: 123px;
}
/* Width plus 3 (html space) */

.spacer
{
  clear: both;
  height: 1px;
}

/*#endregion*/

/*#region Form elements (some styles are reused and they are located in the next region)*/

.edit-form input[type="text"], .edit-form textarea, .edit-form input[type="password"], .edit-form input[type="email"]
{
	width: 250px;
}

.edit-form input.half-size
{
	width: 150px;
}

select
{
	width: 255px;
}

.edit-form input[type="password"]
{
	width: 150px;
}

.edit-form textarea
{
	height: 100px;
}

.edit-form p.tip
{
	margin-left: 5px;
	font-style: italic;
	color: #888;
	float: right;
	width: 150px;
}

.edit-form div.form-section
{
	padding: 0;
	margin: 0;
}

/*#endregion*/

/*#region Common form elements (reused in other pages)*/

label
{
	/*font-weight: bold;*/
}

	label.auto
	{
		width: auto;
	}

input[type="text"], textarea, input[type="password"], input[type="email"]
{
	padding: 2px;
	border: 1px solid #abadb3;
	/*font-size: 100%;*/
}

	input[type="text"]:focus, textarea:focus, input[type="password"]:focus
	{
		border-color: #FD8008;
	}

input::-webkit-input-placeholder
{
	font-style: italic;
}

input:-moz-placeholder
{
	font-style: italic;
}

input[type="submit"]
{
	font-size: 1em;
}

.icon-link
{
	display: inline-block;
	margin: -2px .3em 0 0;
	padding: 0;
}

.strong
{
	font-weight: bold;
}

input[type="text"][disabled="disabled"]
{
	background-color: #DDD;
}

/*#endregion*/

/*#region Validation*/

.validation-messages
{
	margin: 5px 5px 10px 5px;
}

.validation-messages-header
{
	font-weight: bold;
	margin: 10px 0 5px 30px;
}

.ui-state-error ul
{
	display: inline-block;
	margin: 0 0 10px 10px;
}

.field-validation-error
{
	color: red !important;
}

.input-validation-error
{
	background-color: #fff1f1;
}

/*#endregion*/

/*#region Edit buttons*/

#edit-buttons, .edit-buttons
{
	float: right;
	position: relative;
	padding: 10px;
}

	#edit-buttons ol, .edit-buttons ol
	{
		padding: 0;
		margin: 0;
		list-style: none;
	}

		#edit-buttons ol li, .edit-buttons ol li
		{
			padding: 0;
			display: inline;
		}

	#edit-buttons a, .edit-buttons a
	{
		text-decoration: underline;
	}

/*#endregion*/

/*#region List of children (ul, ol)*/

.edit-form fieldset ol.children-list
{
	margin-bottom: 10px;
}

.edit-form fieldset .children-list li
{
	display: inline-block;
	padding: 0;
	margin: 0;
}

.children-list li .child
{
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	margin: -1px 5px 0 5px;
	padding: 15px 20px 15px 15px;
	display: inline-block;
	width: 400px;
}

.children-list li .alternating
{
	background-color: #F0FAE7;
}

.children-list li .edit-links
{
	float: right;
}

.children-list li a
{
	vertical-align: top;
}

.children-list .drag
{
	margin-left: -15px;
	margin-top: -10px;
	cursor: move;
}

/*#endregion*/

/*#endregion*/

/*#region Selection dialog*/

.selection-dialog-more-criteria
{
	float: right;
	margin-top: 5px;
}

	.selection-dialog-more-criteria a
	{
		color: #07C;
	}

.selection-dialog-criteria
{
	float: right;
	vertical-align: top;
	margin: 10px 0 10px 10px;
}

.selection-dialog-results
{
	clear: both;
	float: left;
}

/*#endregion*/

/*#region Common components*/

/*#region Messages divs*/

div.message-container
{
	margin: 20px auto;
}

div.message
{
	padding: 0 .7em;
	display: inline-block;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

	div.message span.ui-icon, div.message-small span.ui-icon
	{
		float: left;
		margin-right: 12px;
		margin-top: 12px;
	}

	div.message span.header
	{
		float: left;
		font-weight: bold;
		margin-top: 12px;
	}

	div.message ul
	{
		clear: both;
		display: block;
		margin: 10px 12px 12px 20px;
		padding: 0 0 0 2em;
		width: auto;
	}

		div.message ul li
		{
			padding: 3px 0;
			width: auto;
		}

div.message-small
{
	padding: 0 .5em;
	font-size: 80%;
}

div.message p
{
	margin-left: 30px;
}

/*#endregion*/

/*#region Spinner*/

.spinner-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F8FAFB;
}

/*#endregion*/

/*#endregion*/

/*#region TimeEntry styles*/

.timeEntry_control
{
	vertical-align: middle;
	margin-left: 2px;
}

* html .timeEntry_control
{
	/* IE only */
	margin-top: -4px;
}

/*#endregion*/

/*#region Order edit*/
#client-order-add, #add-po-line-item
{
	margin: auto;
	display: block;
	width: 150px;
}

#po-header
{
	padding: 10px;
	margin-bottom: 10px;
	font-weight: normal !important;
}

	#po-header span
	{
		line-height: 1.8;
	}

	#po-header label, #orders label, #po-line-items label
	{
		width: auto;
		font-weight: bold;
	}

	#po-header input[type="text"]
	{
		width: 150px;
	}

	#po-header select
	{
		width: 155px;
		margin: 0;
	}

.po-items-container
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#orders .order-header, #po-line-items .po-line-item-header
{
	padding: 10px;
	position: relative;
	line-height: 1.8;
	font-weight: normal !important;
}

#orders .location-selection, #orders .patient-selection, #orders .edit-shipping, #orders .shipping-method-selection, #po-line-items .location-selection, #po-line-items .edit-shipping, #po-line-items .shipping-method-selection
{
	/*float: right;*/
	font-size: 11px;
	vertical-align: middle;
	margin-right: 10px;
}

#orders li.order
{
	margin: 0 0 10px 0;
}

#orders input[type="text"], #po-line-items input[type="text"]
{
	width: 90px;
}

	#orders input[type="text"].large, #po-line-items input[type="text"].large
	{
		width: 130px;
	}

#orders select, #po-line-items select
{
	width: 95px;
}

#orders .order-content, #po-line-items .po-line-item-content
{
	padding: 10px;
}

#orders, #orders ol, #po-line-items, #po-line-items ol
{
	margin: 0;
	padding: 0;
	width: 100%;
}

	#orders ol, #po-line-items ol
	{
		vertical-align: top;
	}

	#orders li, #po-line-items li
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#orders .order-line-item, #po-line-items .prescription, .labs-locations-settings-item
	{
		margin-top: 10px;
		padding: 10px;
		border: 1px solid #ddd;
		background-color: #F9FAFB;
	}

	#orders .order-details
	{
		margin-bottom: 10px;
	}

	#orders .product-name, #po-line-items .product-name
	{
		margin-top: -2px;
		margin-left: 0px;
		margin-bottom: 5px;
		display: inline-block;
		padding: 5px;
	}

	#orders .prescription-data
	{
		margin-right: 15px;
	}

	#orders .prescription-data, #po-line-items .prescription-data
	{
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
	}

		#orders .prescription-data select, #po-line-items .prescription-data select
		{
			width: 70px;
		}

.prescription-data-label
{
	font-weight: bold;
}

#orders .prescription-data .eye-select
{
	width: 50px;
}

#orders .prescription-data input[type='text'], #po-line-items .prescription-data input[type='text'], #orders .prescription-data input[type='number'], #po-line-items .prescription-data input[type='number']
{
	width: 40px;
}

#po-line-items li.po-line-item
{
	margin-bottom: 10px;
}

.zero
{
	background-color: #fff;
}

.positive
{
	background-color: #bbf7af;
}

.negative
{
	background-color: #fac7b7;
}

/*#region Comments*/

.comments
{
	height: 40px;
	width: 50%;
	overflow-y: auto;
	display: none;
	margin-top: 10px;
}

.comments-order-line-item-show
{
	margin-top: 10px;
}

.comments-order-line-item-hide
{
	margin-top: 10px;
	display: none;
}

.unedited-comments
{
	margin-top: 10px;
	color: gray;
	width: 600px;
	height: 40px;
	overflow: auto;
	overflow-wrap: break-word;
}

/*#endregion*/

/*#endregion*/

/*#region qTip*/
.ui-tooltip-red
{
	background-color: #fff1f1 !important;
	color: red !important;
	border-color: #f6b2b2 !important;
}
/*#endregion*/

/*#region Reports*/

.report-criteria
{
	border: 1px solid #ddd;
	padding: 10px;
}

#report-viewer
{
	width: 100%;
	height: 500px;
	border: none;
	margin-top: 15px;
}

#show-hide-parameters
{
	float: right;
}

/*#endregion*/

/*#region Contact us*/

#contact-info
{
	float: right;
}

address
{
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}

/*#endregion*/

/*#region jm-combobox*/

.jm-combobox input[type="text"]
{
	vertical-align: middle;
	width: 250px;
	margin-right: 0px;
}

.jm-combobox a.ui-button
{
	vertical-align: middle;
	height: 20px;
	margin: 2px;
	margin-left: 0px;
}

.ui-autocomplete
{
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

/*#endregion*/

/*#region Dashboard*/

.dashboard.message
{
	display: block;
	max-width: 70%;
	margin-bottom: 15px;
}

.dashboard-search
{
	padding: 20px 40px;
}

	.dashboard-search .search-item
	{
		display: inline-block;
		margin-right: 30px;
	}

		.dashboard-search .search-item label
		{
			font-weight: bold;
			margin-right: 10px;
			font-size: 1.2em;
		}

.dashboard-search-results
{
	margin-top: 20px;
}

	.dashboard-search-results h1
	{
		margin-bottom: 0;
	}

	.dashboard-search-results label
	{
		font-weight: bold;
		width: auto;
	}

	.dashboard-search-results table
	{
		border-collapse: collapse;
		margin-left: 20px;
	}

		.dashboard-search-results table.dashboard-table thead
		{
			font-weight: bold;
			text-align: center;
			background-color: #F4FBEE;
		}

			.dashboard-search-results table.dashboard-table thead td
			{
				background-color: #F4FBEE;
			}

	.dashboard-search-results table td
	{
		padding: 10px;
	}

	.dashboard-search-results table.dashboard-table td
	{
		border: 1px solid #A3C8AC;
	}

	.dashboard-search-results h3
	{
		margin-top: 15px;
	}

	.dashboard-search-results a
	{
		text-decoration: underline;
	}

	#suppliers td
	{
		border-bottom: 1px solid #A3C8AC;
	}

#suppliers td
{
	padding: 20px;
}

#lens-image
{
	display: inline-block;
	margin: 20px;
}

/*#endregion*/

/*#region jsTree*/
a.node-link.jstree-search
{
	color: blue !important;
}
/*#endregion*/

/*#region Lab lcation settings*/
.labs-settings-sub-list-header-container
{
	padding: 10px !important; 
	position: relative !important; 
	line-height: 1.8 !important;
    cursor: pointer !important;
}
/*#endregion*/