/* Common stylesheet for all pages */



/******************/
/* General Styles */
/******************/

html, body { background:#eff3f3; color:#333; font-size:12px; font-weight:normal; font-family:'Roboto', 'Segoe UI', sans-serif; width:100%; height:100%; }
body { position:relative; overflow:hidden; }
/*body.no-scroll { overflow:hidden; }*/

a { color:#1B77BD; text-decoration:none; transition:all 800ms linear; }
a:hover { text-decoration:underline; transition:all 300ms ease; }

img { transition:all 800ms linear; }
img:hover { transition:all 300ms ease; }

hr { margin:1em 0; padding:0; height:0; overflow:hidden; border:none; border-top:dotted 1px #dcdcdc; background:none; }

h1, h2, h3, h4, h5, h6 { margin-bottom:1em; font-weight:300; }
h1 { font-size:100%; }
h2 { font-size:18px; }
h3 { font-size:14px; text-transform:uppercase; }
h4 { font-size:100%; }
h5 { font-size:100%; }
h6 { font-size:100%; }

/* gives a left and right aligned items in a box */
div.flexBox { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
	div.flexBox .right { padding: 0; }
	div.flexBox .left { padding: 0; }
	div.flexBox .fill-remaining-space { flex:auto; }

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

input[type="text"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="datetime"],
input[type="date"],
input[type="time"],
input[type="number"] 
	{ height:22px; }
input[type="text"], 
input[type="password"],
input[type="search"],
input[type="url"], 
input[type="tel"],
input[type="email"],
input[type="datetime"],
input[type="date"],
input[type="time"],
input[type="number"],
textarea,
select 
	{ font-size:100%; font-weight:400; padding:2px; border:solid 1px #ccc; vertical-align:top; }
input[type="text"]:focus, 
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus, 
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="datetime"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus
	{ background-color:#fefeff; }
input[readonly] { background:#eee; }
input[readonly]:focus { background:#eee; }
	input[type="date"],
	input.date {
		background: #fff url('/console/assets/images/controls/field-date.svg') no-repeat right center;
		background-size: contain;
		padding-right: 28px;
		cursor: pointer;
	}
		input.date:focus {
			background: #ffc url('/console/assets/images/controls/field-date.svg') no-repeat right center;
			background-size: contain;
		}
	input.time {
		background: #fff url('/console/assets/images/controls/field-time.svg') no-repeat right center;
		background-size: contain;
		padding-right: 28px;
		cursor: pointer;
	}
		input.time:focus {
			background: #ffc url('/console/assets/images/controls/field-time.svg') no-repeat right center;
			background-size: contain;
		}
	input.datetime {
		background: #fff url('/console/assets/images/controls/field-date.svg') no-repeat right center;
		background-size: contain;
		padding-right: 28px;
		cursor: pointer;
	}
		input.datetime:focus {
			background: #ffc url('/console/assets/images/controls/field-date.svg') no-repeat right center;
			background-size: contain;
		}

input.selected { background-color:#eef; }
textarea[readonly="readonly"] { background:#eee; }
teaxarea[readonly="readonly"]:focus { background:#eee; }

div.field-select { }
select {
	cursor: default;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 28px;
	background: #fff url('/console/assets/images/controls/field-select.svg') no-repeat right center;
	background-size: contain;
	padding-right: 28px;
	cursor: pointer;
}
select { -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''; }
select::-ms-expand { display:none; }
select option { vertical-align:middle; display:block; position:relative; padding:5px 0 4px; }
select option[disabled]:first-child { display:none; }
select[multiple] { height:auto; background:none; line-height:28px; min-height:28px; padding-right:2px; }
	select[multiple] option { padding:5px 4px 4px; display:block; }
	


option[disabled=disabled] { background:#ccc; color:#999; }
option.blank { color:#999; font-style:italic; }
button, 
a.button, 
button[disabled]:hover { display:inline-block; font-weight:500; font-size:12px; background-color:#1B77BD; color:#fff; text-decoration:none; cursor:pointer; height:30px; line-height:32px; padding:0 16px; margin-right:8px; border:none; border-radius:4px; /*box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2);*/ text-transform:uppercase; transition:background-color 800ms ease; }
button:active,
a.button:hover,
button:hover { color:#fff; background-color:#5FA0D1; transition:background-color 300ms ease; }
button[disabled] { background-color:#bbb; color:rgba(255,255,255,0.6); text-shadow:-1px -1px 0 rgba(0,0,0,0.2); } 
button[disabled]:hover { background-color:#bbb; color:rgba(255,255,255,0.6); text-shadow:-1px -1px 0 rgba(0,0,0,0.2); cursor:not-allowed; } 
button.icon { background:none; padding:0; margin:0; border:none; border-radius:0; }
button.patient { background-color:#f60; }
	button.patient:hover { background-color:#f90; }
button::-moz-focus-inner { padding:0; border: 0 none; }
button:active { /*transform:translate(2px, 2px); box-shadow:1px 1px 0 rgba(0, 0, 0, 0.4);*/ transition:background-color 300ms ease; }

button.text { font-size:12px; line-height:28px; width:auto; padding:0 8px; text-indent:0; }
button.add { background-image:url('../images/controls/button-add.svg'); }
button.edit { background-image:url('../images/controls/button-edit.svg'); }
button.delete { background-image:url('../images/controls/button-delete.svg'); }
button.save { background-image:url('../images/controls/button-save.svg'); }
button.cancel { background-image:url('../images/controls/button-cancel.svg'); }
button.submit { background-image:url('../images/controls/button-out.svg'); }
button.accept { background-image:url('../images/controls/button-accept.svg'); }
button.deny { background-color:#999; background-image:url('../images/controls/button-deny.svg'); }
	button.search {
		background-image: url('/console/assets/images/icons/patient-browser-search.svg');
	}
	button.browse {
		background-image: url('/console/assets/images/icons/patient-browser-browse.svg');
	}
	button.stoptime {
		background-image: url('/console/assets/images/icons/stopclock.png');
	}
	button.starttime {
		background-image: url('/console/assets/images/icons/startclock.png');
	}
button.message-user { background-image:url('../images/controls/button-message-user.svg'); }
button.message { background-image:url('../images/controls/button-email.svg'); }
button.phone { background-image:url('../images/controls/button-phone.svg'); }
button.next { background-image:url('../images/controls/button-next.svg'); }
button.back { background-image:url('../images/controls/button-prev.svg'); }
button.history { background-image:url('../images/controls/button-history.svg'); }
button.list { background-image:url('../images/controls/button-list.svg'); }
button.snooze { background-image:url('../images/controls/button-snooze.svg'); }
button.complete { background-image:url('../images/controls/button-complete.svg'); }
button.menu { background-image:url('../images/controls/button-dropdown.svg'); }
button.excel { background-image:url('../images/controls/button-excel.svg'); }
button.calendar { background-image:url('../images/controls/button-calendar.svg'); }
button.reviewed { background-image:url('../images/controls/button-reviewed.svg'); }
button.print { background-image:url('../images/controls/button-print.svg'); }
button.tile-list { background-image:url('../images/controls/button-tile-list.svg'); }
button.full-screen { background-image:url('../images/controls/button-full-screen.svg'); }
button.normal-screen { background-image:url('../images/controls/button-normal-screen.svg'); }
button.expand { background-image:url('../images/controls/button-expand.svg'); }
button.collapse { background-image:url('../images/controls/button-collapse.svg'); }
button.help { background-image:url('../images/controls/button-help.svg'); }
button.flowchart { background-image:url('../images/controls/button-flowchart.svg'); }
button.pdf, .button.pdf { background-image:url('../images/controls/button-pdf.svg'); }
button.link, .button.link { background-image:url('../images/controls/button-link.svg'); }
button.close { background-image:url('../images/controls/popup-close.svg'); }

button[data-tooltip]:before,
.button[data-tooltip]:before 
{ 
	text-shadow:none;
	pointer-events:none;
	content: attr(data-tooltip);
	font-size:11px;
	height:28px;
	line-height:30px;
	padding: 0 16px;
	color: #fff;
	position: absolute;
	right: 4px; 
	margin-bottom:9px;
	white-space: nowrap; 
	z-index: 100;
	border-radius: 4px 4px 0 4px;  
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	background:#333;
	text-transform:uppercase;
	opacity:0; 
	bottom:80%; 
	transition:all 500ms ease; 
}
button[data-tooltip]:after,
.button[data-tooltip]:after  
{ 
	pointer-events:none;
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 9px 0;
	border-color: #333 transparent;
	display: block;
	width: 0;
	z-index: 101;
	right: 4px;
	margin-bottom:1px;
	opacity:0; 
	bottom:80%; 
	transition:all 500ms ease; 
}
button[data-tooltip]:hover:before,
.button[data-tooltip]:hover:before { bottom:100%; opacity:1; transition:all 250ms ease; }
button[data-tooltip]:hover:after,
.button[data-tooltip]:hover:after { bottom:100%; opacity:1; transition:all 250ms ease; }

table th[data-tooltip]:before
{ 
	pointer-events:none;
	content: attr(data-tooltip);
	font-size:11px;
	height:28px;
	line-height:30px;
	padding: 0 16px;
	color: #fff;
	position: absolute;
	right: 4px; 
	margin-bottom:9px;
	white-space: nowrap; 
	z-index: 100;
	border-radius: 4px 4px 0 4px;  
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
	background:#333;
	text-transform:uppercase;
	opacity:0; 
	bottom:80%; 
	transition:all 500ms ease; 
}
table th[data-tooltip]:after
{ 
	pointer-events:none;
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 8px 9px 0;
	border-color: #333 transparent;
	display: block;
	width: 0;
	z-index: 101;
	right: 4px;
	margin-bottom:1px;
	opacity:0; 
	bottom:80%; 
	transition:all 500ms ease; 
}
table th[data-tooltip]:hover:before { bottom:100%; opacity:1; transition:all 250ms ease; }
table th[data-tooltip]:hover:after { bottom:100%; opacity:1; transition:all 250ms ease; }

code { display:block; margin:0 0 10px; padding:10px; background:#333; color:#999; font-size:100%; }
code h1 { color:#fff; font:bold 100% Arial; text-shadow:1px 1px 0 #f00; }

abbr { cursor:help; }
abbr:hover { border-bottom:dotted 1px #ccc; } 

table {  }
table th { text-align:center; font-weight:500; text-transform:uppercase; }
table td { vertical-align:top; }

img.left  { float:left; }
img.right { float:right; }

div.clear { clear:both; height:1%; overflow:hidden; }

p { margin-bottom:10px; }
p.center { text-align:center; }
p.left   { text-align:left; }
p.right  { text-align:right; }

strong { font-weight:500; }
em { font-style:italic; }
q:before, q:after { content: “ }

form { }
	form .status { display:none; color:#fff; padding:0 8px; height:40px; line-height:40px; margin:0 0 16px; overflow:hidden; }
	form .validation-summary { color:#f93; margin-bottom:1em; }
	form .validation { color:#f60; }
	form .hidden { position:absolute; bottom:0; height:1px; overflow:hidden; z-index:0; }
	form .hidden p { padding:10px; }
	form .password-rules { }
	form .password-rules ul { list-style-type:disc; }
	form .password-rules .active { color:#f60; }
	form .password-rules .active span { color:#000; }
	form .password-rules .active li { color:#000; }
	form .password-rules .active .active { color:#f60; }
	form .password-rules .active .active span { color:#000; }
	form .password-rules .validation { color:#f60; }
	form .password-rules .validation li { color:#000; }
	form .password-rules .validation .validation { color:#f60; }
	form .dynamic-search-popup { background:#666; color:#fff; }
	form .dynamic-search-popup div.preloader { padding:5px 10px 5px 28px; margin:0; background:#999 url('../images/preloaders/status-small.gif') no-repeat 4px center; }
	form .dynamic-search-popup footer { padding:10px 5px; text-align:center; background:#999; }
	form .dynamic-search-popup footer div.status { display:block; padding:0; margin:0; color:#fff; font-size:90%; text-transform:uppercase; background:none; }
	form .dynamic-search-popup footer div.status strong { font-weight:500; }
	form .dynamic-search-popup ul { border:solid 1px #666; margin:0 !important; padding:0; list-style-type:none; }
	form .dynamic-search-popup li { margin:0; padding:5px 10px; line-height:1.2em; display:block; cursor:pointer; border-bottom:solid 1px #777; }
	form .dynamic-search-popup li.active { background:#4D4D4D; color:#fff; }
	form .dynamic-search-popup li h1 { margin:0 0 0.2em; padding:0; color:#fff; }
	form .dynamic-search-popup li p { margin:0; padding:0; }
	form .dynamic-search-popup li span { background:#333; color:#fff; }
	form .dynamic-search-popup li.active span { background:#000; }
	form textarea { width:296px; padding:4px; resize:vertical; min-height:6em; line-height:1.5em; }

form.wait { }
	form.wait .status { display:block; background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; }
form.error { }
	form.error .status { display:block; background:#999 url('../images/icons/status-error.svg') no-repeat 0 center; padding-left:48px; }
form.success { }
	form.success .status { display:block; background:#999 url('../images/icons/status-information.svg') no-repeat 0 center; padding-left:48px; }
form.validated { }
	form.validated input.invalid { border:solid 1px #f93; background-color:#fc6; } 
	form.validated input.invalid:focus { border:solid 1px #f00; background-color:#fc6; } 
	form.validated input:invalid { border:solid 1px #f93; background-color:#fc6; }
	form.validated select.invalid { border:solid 1px #f93; background-color:#fc6; } 
	form.validated select.invalid:focus { border:solid 1px #f00; background-color:#fc6; } 
	form.validated select:invalid { border:solid 1px #f93; background-color:#fc6; }


fieldset.noStyle { }
fieldset { border:solid 1px #ccc; padding:10px; margin-bottom:1em; }
	fieldset legend { display:block; padding:4px 16px 2px; background:#666; color:#fff; text-transform:uppercase; }
	fieldset label { float:left; display:inline; width:200px; line-height:1.8em; text-align:right; }
	fieldset label.inline { float:none; display:inline; width:auto; line-height:1.8em; }
	fieldset input.short { width:40px; }
	fieldset input.small { width:40px; }
	fieldset input.long { width:300px; }
	fieldset input[type=date], fieldset input.date { width:75px; }
	fieldset input[type=time], fieldset input.time { width:75px; }
	fieldset input[type="text"], 
	fieldset input[type="password"],
	fieldset input[type="email"] { }
	fieldset input[type="search"] { width:250px; }
	fieldset input[type="url"] { }
	fieldset input[type="tel"] { }
	fieldset input[type="datetime"],
	fieldset input[type="date"],
	fieldset input[type="time"],
	fieldset input[type="number"] { }		
	fieldset input.search::-webkit-input-placeholder { color:#cfcab2; font-style:italic; font-size:90%; }
	fieldset input.search:-moz-placeholder { color:#cfcab2; font-style:italic; font-size:90%; }
	fieldset input.search:placeholder { color:#cfcab2; font-style:italic; font-size:90%; }
	fieldset p { margin-bottom:1em; }
	fieldset .field { margin-bottom:0.5em; min-height:1.8em; }
	fieldset .invalid { } 
	fieldset .invalid input { border:solid 1px #f93; background-color:#fc6; } 
	fieldset .invalid input:focus { border:solid 1px #f00; background-color:#fc6; } 
	fieldset .invalid select { border:solid 1px #f93; background-color:#fc6; } 
	fieldset .invalid select:focus { border:solid 1px #f00; background-color:#fc6; } 
	fieldset .invalid { } 
	fieldset .data { margin-left:210px; }
	fieldset .data label { float:none; position:relative; width:auto; margin:0 0.2em; }
	fieldset .buttons { padding-left:210px; }
fieldset.filter { }
	fieldset.filter label { text-align:left; width:180px; }
	fieldset.filter .data { margin-left:190px; }
	fieldset.filter .data label { position:relative; width:auto; margin:0 0.2em; }
	fieldset.filter .buttons { padding-left:190px; }
fieldset.label-short { }
	fieldset.label-short label { width:60px; }
	fieldset.label-short .data { margin-left:70px; }
	fieldset.label-short .buttons { padding-left:70px; }
fieldset.label-long { }
	fieldset.label-long label { width:180px; }
	fieldset.label-long .data { margin-left:190px; }
	fieldset.label-long .buttons { padding-left:190px; }

table { background:#fff; table-layout:fixed; border-collapse:separate; border-spacing:1px; width:100%; margin-bottom:10px; }
	table .icon { width:35px; text-align:center; }
	table .context { width:30px; text-align:center; }
	table .select {  text-align:center; vertical-align:top; line-height:1em; }
	table .icons { text-align:center; }
	table .date { width:90px; text-align:center; }
	table .time { width:90px; text-align:center; }
	table .datetime { width:140px; text-align:center; }
	table .boolean { width:100px; text-align:center; }
	table thead tr { background:#4d4d4d; color:#fff; }
	table thead tr.alternate { background:#999; }
	table thead tr.normal th { }
	table tfoot tr { background:#f3f5f5; }
	table tfoot tr td { padding:8px; }
	table tbody tr { background:#f6f6f6; }
	table tbody tr.alternate { background:#e0e0e0; }
	table tbody.alternating tr:nth-child(odd) { background:#e0e0e0; }
	table tbody tr.sub-header { font-weight:500; color:#333; text-shadow:1px 1px 1px #fff; background:#dcdcdc; }
		table tbody tr.sub-header td { min-height:32px; line-height:32px; padding:0; position:relative; overflow:visible; }
	table tbody tr.sub-footer { font-weight:500; color:#333; text-shadow:1px 1px 1px #fff; background:#dcdcdc; }
	table tbody tr.spacer { }
	table tbody tr.spacer td { padding:0; }
	table tbody tr.empty { line-height:3em; text-align:center; }
	table tbody tr.empty td {  }
	table tbody tr.add { background:#caffd8; }
	table tbody tr.edit { background:#caffd8; }
	table tbody tr.highlight { background:#ffc; }
	table tbody tr.disabled { background:#ddd; }
	table tbody tr.delete { background:#fcc; }
	table tbody tr.hover { background:#eef; }
	table tbody tr.selected { background:#eef; }
	table th { border:none; padding:4px 8px; line-height:18px; vertical-align:middle; overflow:visible; text-overflow:ellipsis; position:relative; }
	table td { border:none; padding:4px 8px; line-height:18px; overflow:hidden; text-overflow:ellipsis; }
	table th.icon { width:30px; padding:2px 0; text-align:center; }
	table th.context { width:30px; padding:4px 0; text-align:center; }
	table th.select { padding:3px; }
	table td.select { padding:3px; }
	table img { width:16px; height:16px; vertical-align:middle; }
	table th a.sort { color:#999; text-decoration:none; word-spacing:-1em; }
	table th a.sort:hover { color:#fff; text-decoration:none; }
	table th a.sort .active { color:#fff; }
	table th .prescription-medication { float:none; margin-right:0.2em; }
	table th .prescription-action { float:none; margin-right:0.2em; }
	table a.left { float:left; }
	table a.right { float:right; }
	table abbr.left { float:left; border:none; }
	table abbr.right { float:right; border:none; }
	table .prescription-medication { background:#fcc; padding:0 0.4em; float:left; margin:0.1em 0.2em; border-radius:4px; }
	table .prescription-action { background:#cfc; padding:0 0.4em; float:left; margin:0.1em 0.2em; border-radius:4px; }
	table .refill { background:#fcc; padding:0.1em 0.4em; margin:0.1em auto; border-radius:4px; }
	table .right { text-align:right; }
	table .left { text-align:left; }
	table .center { text-align:center; }
	table .middle { vertical-align:middle; }
	table .icons { /*padding:2px;*/ text-align:center; }
	table .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	table div.left { float:left; }
	table div.left .icon { margin-right:4px; }
	table div.right { float:right; }
	table div.right .icon { margin-left:4px; }
	table .tooltip-cell { cursor:help; background-image:url('../images/icon-tooltip.gif'); background-repeat:no-repeat; background-position:right top; }
	table .tooltip-cell:hover { background-color:#827b00; color:#fff; }
		table .tooltip-cell:hover a { color:#fff; }
	table .tooltip-cell .tooltip { display:none; position:absolute; }
	table tbody .context { margin:0; padding:0; cursor:pointer; background-image:url('../images/icons/small/context.png'); background-repeat:no-repeat; background-position:center 5px; text-align:left; }
        table tbody .context .menu { color:#fff; position:absolute; display:none; width:200px; margin-top:1px; /*padding-left:8px; background:url('../images/containers/context-arrow-bg.png') no-repeat 0 4px;*/ border-collapse:separate; z-index:10; box-shadow:2px 2px 1px rgba(0, 0, 0, 0.2); }
        table tbody .context .menu:after { right:100%; top:12px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0, 0, 0, 0); border-right-color:#999; border-width:8px; margin-top:-8px; }
        table tbody .context .menu.left { margin-left:-180px; }
        table tbody .context .menu.left:after { left:100%; right:auto; border-right-color:transparent; border-left-color:#999; }
        table tbody .context .menu ul { margin:0 !important; padding:0; list-style-type:none; padding:5px; background:#999;  }
        table tbody .context .menu li { margin:0; padding:0; list-style-type:none; }
        table tbody .context .menu a { display:block; height:28px; line-height:28px; color:#fff; padding:0 10px; text-decoration:none; background:no-repeat left center; background-size:contain; }
        table tbody .context .menu a:hover { color:#fff; background-color:#666; }
           table tbody .context .menu .plainText { padding-left:10px; }
	table tbody .patient .context { background-image:url('../images/icons/small/context-blue.png'); }	
	table tbody .doctor .context { background-image:url('../images/icons/small/context-green.png'); }
	table tbody td.edit { cursor:pointer; padding:0; }
		table tbody td.edit:hover { background:#1B77BD; color:#fff; transition:all 300ms linear; }
			table tbody td.edit:hover input { background-color:#1B77BD; color:#fff; transition:all 300ms linear; }
		table tbody td.edit input { display:block; background:none !important; color:#1B77BD; border:none; padding:0; margin:0 auto; width:99%; cursor:pointer; transition:all 300ms linear; }
			table tbody td.edit input:focus,
			table tbody td.edit input:hover { background:#1B77BD !important; color:#fff !important; transition:all 300ms linear; }
		table tbody td.edit input[readonly] { background-color:#ddd !important; }
		table tbody td.edit span { display:none; }
	table tbody .edit.datetime { }
	table tbody td.readonly { cursor:cell; padding:0; }
		table tbody td.readonly input { display:block; background:#ddd !important; border:none; padding:0; margin:0 auto; width:99%; cursor:not-allowed; transition:all 300ms linear; }
	table td.paging { padding:0; }
		table td.paging > .paging { padding:0; margin:0 !important; }

	/* FOR OLD TABLE BUTTONS */
	table th.action { padding:0; line-height:32px; overflow:visible; text-align:left; }
	table td.action { padding:0; line-height:18px; overflow:visible; }
		table th.action .wrapper,
		table td.action .wrapper { position:relative; min-height:26px; }
		table th.action .content { padding:0; line-height:32px; }
		table td.action .content { padding:4px 8px;  line-height:18px; }
		table th.action .buttons,
		table td.action .buttons { position:absolute; top:0; bottom:0; right:0; text-align:right; font-size:0; }
			table .action button { display:inline-block !important; margin-left:1px !important; }
			table .action button,
			table .action button[disabled] { margin:0 0 0 1px; height:26px; font-size:12px; border:none; border-radius:0; overflow:hidden; vertical-align:top; }
			table .action button:not(.text) { width:26px; height:26px; padding:0; font-size:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
			table th.action button,
			table th.action button[disabled] { margin:0 0 0 1px; height:32px; padding:0 16px; }
			table th.action button:not(.text) { width:32px; height:32px; padding:0; }

	/* FOR NEW TABLE BUTTONS - Update tables to use this format */			
	table thead tr:first-child th:only-child { padding:0 0 0 16px; min-height:32px; line-height:32px; overflow:visible; text-align:left; background-size:contain; background-repeat:no-repeat; background-position:0 0; }
		table thead tr:first-child th:only-child button { display:block; width:32px; height:32px; margin:0; padding:0; border-radius:0; font-size:0; background-size:contain; }
		table thead tr:first-child th:only-child button.text { width:auto; padding:0 16px; font-size:12px; }


	table.readings { margin:0 0 8px; }
	table.readings thead tr {  color:#fff; }
		table.readings tbody { color:#666; }
			table.readings tbody td { padding:8px; text-align:right; }
		table.readings tfoot tr { background:#ccc; color:#333; }
		table.readings tfoot td { padding:16px; }
		table.readings tfoot .message { font-size:18px; margin:16px; font-weight:normal; text-align:center; color:#666; }
		table.readings tfoot .suggested { margin-bottom:10px; }
			table.readings tfoot .suggested * { margin-bottom:0; }
			table.readings tfoot .message h1 { }
			table.readings tfoot .message h2 { }
			table.readings tfoot .warning h3 { text-transform:uppercase; text-align:left; color:#fc4236; margin-bottom:0; font-weight:normal; }
		table.readings p:last-child { margin:0; }
		table.readings .date { display:inline-block; width:auto; text-align:right; font-size:11px; }
		table.readings .time { display:inline-block; width:auto; text-align:right; font-size:11px; }
		table.readings .value { font-size:18px; }
		table.readings .unit { font-size:14px; }
		table.readings .no-data {  }
		table.readings .no-data .value { font-size:14px; }
		table.readings .above { color:#fc4236; }
		table.readings .below { color:#93278F; }
		table.readings .critical.above { background-color:#f5a9a9; }
		table.readings .critical.below { background-color:#d4a9d2; }
		table.readings .increase { color:#1B77BD; }
		table.readings .decrease { color:#1B77BD; }
		table.readings .not-enough-data { color:#fc4236; }
		table.readings .active { background:#1B77BD; color:#fff; }
			table.readings .active input { color:#fff !important; }


ol { margin-left:2em; margin-bottom:1em; }
ul { margin-left:2em; margin-bottom:1em; }
ul.disc { list-style-type:disc; }
li { margin-bottom:0.4em; }

.red    { color:#f00; }
.orange { color:#f90; }
.green  { color:#090; }
.blue   { color:#1B77BD; }

.glucose-value { }
	.glucose-value.manual { color:#1B77BD; font-weight:normal; font-size:1.4em; line-height:12px; }
	.glucose-value.control { color:#f90; }
	.glucose-value.out-of-range.above { color:#fc4236; }
	.glucose-value.out-of-range.below { color:#93278F; }

.box { background:#fff; margin-bottom:16px; }
.box:not(table) { border:solid 1px #fff; }
	.box .padded { padding:8px; }

	.box > table { margin:0; border:none; background:none; }

	.box > header { background:#4d4d4d; height:32px; overflow:visible; position:relative; }
	.box > header.alternate { background:#999; }
	.box > header h1, .box > header h2 { font-size:12px; color:#fff; height:32px; line-height:32px; margin:0; padding:0 16px; text-transform:uppercase; font-weight:500; text-align:left; }

	.box > header ul, 
	.box > thead ul,
	.box > tbody > .sub-header ul { position:absolute; top:0; right:0; height:32px; text-align:right; font-size:0; }
	.box > header li, 
	.box > thead li, 
	.box > tbody > .sub-header li { display:inline-block; margin:0 0 0 1px; padding:0; height:32px; position:relative; vertical-align:top; }
		.box > header ul ul,
		.box > thead ul ul { position:absolute; width:32px; margin:0; padding-top:36px; top:0; right:0; background:#4d4d4d; z-index:4; display:none; }
		.box > header ul ul button,
		.box > thead ul ul button { display:block; padding-left:32px; width:100px; background-position:left center; text-indent:0; text-align:left; line-height:32px; }
		.box > header ul ul button:focus,
		.box > thead ul ul button:focus { }
		.box > header ul ul li,
		.box > thead ul ul li { position:relative; display:block; padding:2px; margin:0 0 0 -80px; width:100px; height:32px; background:#4d4d4d; }
	.box > header .menu,
	.box > thead .menu,
	.box > tbody > .sub-header .menu { z-index:5; position:relative; }
	.box > header button,
	.box > header button[disabled],
	.box > header .button,
	.box > thead button,
	.box > thead .button,
	.box > tbody > .sub-header button,
	.box > tbody > .sub-header .button { display:inline-block; border:none; border-radius:0; margin:0; height:32px; }
	.box > header button:not(.text),
	.box > header .button:not(.text),
	.box > thead button:not(.text), 
	.box > thead .button:not(.text), 
	.box > tbody > .sub-header button:not(.text),
	.box > tbody > .sub-header .button:not(.text) { font-size:0; padding:0; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:cover; }

	.box > header li.date { }
		.box > header li.date .popup { position:absolute; top:26px; right:0; z-index:5; display:block; width:16px; overflow:visible; display:none; }
		.box > header li.date.active .picker { display:block; }

		.box > header .ui-datepicker { position:absolute; right:0; font-size:12px; }
		/*.box > header .ui-corner-all { border-top-right-radius:0; }
		.box > header .ui-datepicker-current-day a { background: #ccc; color:#fff; }
		.box > header .ui-datepicker-current-day.ui-state-highlight a,
		.box > header .ui-state-highlight a { background: #1B77BD; color:#fff; }*/

	.box.group { position:relative; }
	.box.group > header { height:80px; border-bottom:solid 1px #f3f5f5; margin:0; background:none; }
	.box.group > header h1, .box.group > header h2 { padding:0 16px; line-height:80px; font-weight:300; font-size:18px; text-transform:uppercase; text-align:left; color:#666; }
    .box.group > header h1 .right , .box.group > header h2 .right { padding:0 16px; line-height:80px; font-weight:300; font-size:18px; text-transform:uppercase; text-align:right; color:#666; }
	.box.group > .inner { padding:16px; }
	.box.group > .inner.has-filters { padding-top:8px; }

	/* Sticky Header */
	.box.group.sticky-header:not(.collapsed) { padding-top:81px; }
	.box.group.sticky-header:not(.collapsed) > header { position:fixed; background:#fff; z-index:8; }
	.box.group.sticky-header:not(.collapsed) > .status-tiles { position:fixed; z-index:8; }

	/* Collapsible Box */
	.box.collapsible { }
		.box.collapsible > header, 
		.box.collapsible > thead tr:first-child { cursor:pointer; transition:background 600ms ease; }
		.box.collapsible > header:hover, 
		.box.collapsible > thead tr:first-child:hover { background-color:#333 !important; transition:all 300ms ease; }
		.box.collapsible.collapsed > header,
		.box.collapsible.collapsed > thead tr:first-child { background-color:#ccc; color:#666; transition:all 600ms ease; }
			.box.collapsible.collapsed > header h1, .box.collapsible.collapsed > header h2 { color:#666; }
		.box.collapsible.collapsed > .content, 
		.box.collapsible.collapsed > thead > tr ~ tr, 
		.box.collapsible.collapsed > tbody > tr:not(.collapsed-info),
		.box.collapsible.collapsed > tfoot > tr:not(.collapsed-info) { display:none; }

	.box.group.collapsible.collapsed > header { margin:0; border:none; }

	.box.collapsible .hidden-collapsed { }
		.box.collapsible.collapsed .hidden-collapsed { display:none; }
	.box.collapsible .visible-collapsed { display:none; }
		.box.collapsible.collapsed .hidden-collapsed {  }

	/* Box Shadow */
	.box,
	.box.group { box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
		.box.group .box { box-shadow:none; }
	
	/* Box Icons */
	.box.graph > header, 
	.box.graph > thead tr:first-child > td:first-child { padding-left:16px; background-image:url('../images/icons/graph-line-01.svg'); background-repeat:no-repeat; background-position:0 0; background-size:32px 32px; }

	/* Box Status Tiles */
	.box.group > .status-tiles { position:absolute; top:8px; right:16px; height:64px; margin:0; font-size:0; }
		.box.group > .status-tiles > .tile { position:relative; display:inline-block; margin:0 0 0 8px; height:48px; min-width:104px; padding:8px; border:none; background:#1B77BD; text-align:left; color:#fff; overflow:visible; }
		.box.group > .status-tiles > .tile header { background:none; }
			.box.group > .status-tiles > .tile h1 { text-transform:uppercase; font-weight:400; }
			.box.group > .status-tiles > .tile h2 { text-transform:uppercase; }
			.box.group > .status-tiles > .tile h3 { text-transform:none; }
		.box.group > .status-tiles > .tile * { font-size:12px; line-height:1em; height:auto; margin:0 0 0.2em; text-align:left; }
		.box.group > .status-tiles > .tile > div { margin-top:0; text-align:right; }
		.box.group > .status-tiles > .tile .field { display:inline-block; vertical-align:top; margin-left:1em; }
			.box.group > .status-tiles > .tile .field:first-child { margin-left:0; }
		.box.group > .status-tiles > .tile .field.below,
		.box.group > .status-tiles > .tile .field.above { padding-left:16px; background-position:0 50%; background-repeat:no-repeat; }
		.box.group > .status-tiles > .tile .field.below { background-image:url('../images/icons/status-down.svg'); }
		.box.group > .status-tiles > .tile .field.above { background-image:url('../images/icons/status-up.svg'); }
		.box.group > .status-tiles > .tile .value { font-size:24px; }
		.box.group > .status-tiles > .tile .tooltip 
		{ 
			line-height:1.5em;
			pointer-events:none;
			width:240px; 
			padding: 8px 16px;
			color: #fff;
			position: absolute;
			right: 0; 
			z-index: 20;
			border-radius: 4px 0 4px 4px;  
			box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
			background:#333;
			opacity:0; 
			top:100%; 
			transform:translateY(0);
			transition:all 500ms ease; 
		}
		.box.group > .status-tiles > .tile .tooltip::before 
		{ 
			content: '';
			position: absolute;
			border-style: solid;
			border-width: 0 0 11px 12px;
			border-color: #333 transparent;
			display: block;
			width: 0;
			z-index: 21;
			right: 8px;
			margin-top:-8px;
			top:0;
		}
		.box.group > .status-tiles > .tile:hover .tooltip
		{ 
			opacity:1;
			transform:translateY(10px);
			transition:all 250ms ease;
		}

		.box.group > .status-tiles > .tile.icon { background-repeat:no-repeat; background-position:0 0; background-size:48px 48px; }
			.box.group > .status-tiles > .tile.icon header { margin-left:38px; }
		.box.group > .status-tiles > .tile.button { cursor:pointer; }
			.box.group > .status-tiles > .tile.button:hover { background-color:#5FA0D1; }
		.box.group > .status-tiles > .weight { background-image:url('../images/icons/weight.svg'); }
		.box.group > .status-tiles > .glycated-hemoglobin { background-image:url('../images/icons/drop.svg'); }
		.box.group > .status-tiles > .glucose { background-image:url('../images/icons/drop.svg'); }
        .box.group > .status-tiles > .age { background-image:url('../images/icons/Age.svg'); }
        .box.group > .status-tiles > .renal { background-image:url('../images/icons/Kidney.svg'); }
        .box.group > .status-tiles > .smoke { background-image:url('../images/icons/Smoke.svg'); }
        .box.group > .status-tiles > .graph { background-image:url('../images/icons/graph-line-01.svg'); }



.scroller { overflow-x:auto; overflow-y:hidden; }
.collapsible-text { cursor:pointer; height:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:20px; background:url('../images/icons/small/bullet_toggle_plus.png') no-repeat left top; }
.collapsible-text:hover { cursor:pointer; background-color:#ff9; }
.collapsible-text-expanded { height:auto; background-color:#ffd; overflow:auto; white-space:normal; background-image:url('../images/icons/small/bullet_toggle_minus.png'); }
.help { }
.help .help-content { display:none; }

div.legend { margin:-10px 0 10px; padding:16px; border:solid 1px #ccc; background:#fff; }
td.legend { margin:0; padding:16px; background:#fff; }
	div.legend h2,
	td.legend h2 { display:none; }
	div.legend dl img,
	td.legend dl img { width:16px; height:16px; }
	div.legend dt,
	td.legend dt { float:left; width:30px; }
	div.legend dd,
	td.legend dd { margin-bottom:0.5em; }
	div.legend dl.users,
	td.legend dl.users { float:left; width:180px; }
	div.legend dl.compliance,
	td.legend dl.compliance { margin-left:200px; }


#popup-shim { position:fixed; top:0; bottom:0; left:0; width:100%; opacity:0; z-index:99; background:rgba(0,0,0,0.7) no-repeat center; overflow:auto; transition:all 800ms ease; }
	#popup-shim.wait { /*background-image:url('../images/preloaders/status.gif');*/ }
	#popup-shim.show { opacity:1; transition:all 800ms ease; }

#popup { position:relative; width:580px; left:50%; margin:2% 0 2% -290px; z-index:100; background:#666; box-shadow:3px 3px 5px #000; opacity:0; transition:all 800ms ease; }
	#popup.show { opacity:1; transition:all 400ms ease; }
	#popup .inner { padding:30px 40px 20px; position:relative; background:#fff; }
	#popup header { padding:30px 0 30px 40px; }
	#popup header h1 { margin:0; text-transform:uppercase; font-weight:300; font-size:14px; line-height:28px; color:#fff; }
	#popup h2 { line-height:1.5em; }
	#popup > footer, 
	#popup form > footer { text-align:center; padding:0; background:#666; font-size:0; }
		#popup footer button,
		#popup footer a { display:inline-block; font-size:11px; border:none; border-radius:0; margin:0; padding:50px 0 8px; width:64px; height:auto; line-height:18px; background-color:transparent; background-repeat:no-repeat; background-position:center 4px; background-size:48px 48px; }
			#popup footer button:hover,
			#popup footer a:hover { background-color:#333; }
		#popup footer button[disabled] { opacity:0.5; text-shadow:none; }
	#popup button.close { float:right; width:28px; height:28px; margin:0; padding:0; border:none; border-radius:0; font-size:0; overflow:hidden; background:#333 url('../images/controls/popup-close.svg') no-repeat center; background-size:contain; }
		#popup button.close:hover { background-color:#c00; }
	#popup .scroll { width:100%; height:100%; overflow:scroll; }
	#popup .scroll-vertical { height:100%; overflow-y:scroll; }
	#popup .scroll-horizontal { width:100%; overflow-x:scroll; }

	#popup.list { }
	#popup.list ul { list-style:disc; font-size:16px; }
		#popup.list li { margin-bottom:0; line-height:1.5em;}

    #popup.graph { width:auto; position:absolute; left:48px; right:48px; margin:0; }
	#popup.image { width:980px; left:50%; margin:2% 0 2% -490px; }
		#popup.image img { width:100%; }

	#popup.insulin-algorithm { }
	#popup.insulin-algorithm p { font-size:14px; line-height:1.5em; }
	#popup.insulin-algorithm h2 + p { margin-top:-0.5em; margin-bottom:1.5em; }
	#popup.insulin-algorithm li { font-size:14px; }

	#popup.insulin-adjustment { }
	#popup.insulin-adjustment textarea { width:490px; height:140px; display:block; font-size:14px;  }
	#popup.insulin-adjustment .view.columns { text-align:center; }
	#popup.insulin-adjustment .view.columns .column { width:100px; margin:0 20px; vertical-align:bottom; }
	#popup.insulin-adjustment .view.columns .column label {  }
	#popup.insulin-adjustment .view.columns .column div.value { font-size:24px; height:24px; padding:8px; margin-top:8px; color:#666; border:solid 1px #ccc; }
	
	#popup.insulin-adjustment .compose.columns { text-align:left; }
	#popup.insulin-adjustment .compose.columns > .column { width:68%; }
	#popup.insulin-adjustment .compose.columns > .column ~ .column { margin-left:48px;; width:20%; }
	#popup.insulin-adjustment .compose.columns label { display:block; margin-bottom:4px; cursor:pointer; }
	#popup.insulin-adjustment .compose.columns textarea { display:block; resize:vertical; width:100%; padding:16px; line-height:2em; }

	#popup.insulin-adjustment .checklist { margin:0; padding:0; }
	#popup.insulin-adjustment .checklist li { margin:0 0 0.5em; padding:0; }
	#popup.insulin-adjustment .checklist input[type=radio] { margin-right:8px; }
	#popup.insulin-adjustment .checklist textarea { margin:8px 0 0 30px; width:440px; height:80px; }

	#popup.insulin-adjustment .contact { text-align:center; }
	#popup.insulin-adjustment .contact button { height:auto; line-height:1.5em; padding:1em 2em; margin-bottom:1em; }
	#popup.insulin-adjustment .contact a { font-size:18px; }

	#popup.insulin-adjustment #ida-followup { }
	#popup.insulin-adjustment #ida-followup-reason { }
	#popup.insulin-adjustment #ida-followup-action { display:none; }
	#popup.insulin-adjustment #ida-followup-contact { display:none; }
		
	#popup.prescription { width:540px; left:50%; margin:2% 0 2% -270px; }
		#popup.prescription .scroll-vertical { position:relative; }
		#popup.prescription form { }
		#popup.prescription fieldset { position:relative; margin:0; border:none; padding:0; }
			#popup.prescription fieldset label { width:140px; }
			#popup.prescription fieldset input[type=text],
			#popup.prescription fieldset input[type=search] { width:300px; }
			#popup.prescription fieldset input[type=text] ~ input { width:190px; }
			#popup.prescription fieldset input.short { width:100px; }
			#popup.prescription fieldset select { width:306px; }
			#popup.prescription fieldset input[type=text] ~ select,
			#popup.prescription fieldset select[name=dose-unit],
			#popup.prescription fieldset select[name=strength-unit] { width:197px; }
			#popup.prescription fieldset .data { margin-left:150px; }
				#popup.prescription fieldset .data label { cursor:pointer; }

	#popup.addmedication { width:660px; left:50%; margin:2% 0 2% -300px; }
		#popup.addmedication .scroll-vertical { position:relative; }
		#popup.addmedication form { }
		#popup.addmedication fieldset { position:relative; margin:0; border:none; padding: 0; }
			#popup.addmedication fieldset label { width:140px; margin-left: 50px; }
			#popup.addmedication fieldset input[type=text],
			#popup.addmedication fieldset input[type=search] { width:300px; }
			#popup.addmedication fieldset input[type=text] ~ input { width:190px; }
			#popup.addmedication fieldset input.short { width:100px; }
			#popup.addmedication fieldset select { width:306px; }
			#popup.addmedication fieldset input[type=text] ~ select,
			#popup.addmedication fieldset select[name=dose-unit],
			#popup.addmedication fieldset select[name=strength-unit] { width:197px; }
			#popup.addmedication fieldset .data { margin-left:200px; }
				#popup.addmedication fieldset .data label { cursor:pointer; }

	#popup.catalog { width:900px; left:50%; margin:2% 0 2% -440px; }
		#popup.catalog .scroll-vertical { position:relative; }
		#popup.catalog form { }
		#popup.catalog fieldset { position:relative; margin:0; border:none; padding:0; }
			#popup.catalog fieldset label { width:140px; }
			#popup.catalog fieldset input[type=text],
			#popup.catalog fieldset input[type=search] { width:300px; }
			#popup.catalog fieldset input[type=text] ~ input { width:190px; }
			#popup.catalog fieldset input.short { width:100px; }
			#popup.catalog fieldset select { width:306px; }
			#popup.catalog fieldset input[type=text] ~ select,
			#popup.catalog fieldset select[name=dose-unit],
			#popup.catalog fieldset select[name=strength-unit] { width:197px; }
			#popup.catalog fieldset .data { margin-left:150px; }
				#popup.catalog fieldset .data label { cursor:pointer; }

	#popup.glucose-edit { width:800px; left:50%; margin:2% 0 2% -400px; }
		#popup.glucose-edit table { margin:0; }
		#popup.glucose-edit .scroll-vertical { margin:0 0 10px; padding-right:10px; }
		#popup.glucose-edit col.value { width:80px; }
		#popup.glucose-edit col.datetime { width:140px; }
		#popup.glucose-edit col.action { width:32px; }
		#popup.glucose-edit col.comment { }
		#popup.glucose-edit tr.deleted { visibility:hidden; }
		#popup.glucose-edit td.edit { padding:0; }
		#popup.glucose-edit td.edit input { padding:4px; }
		#popup.glucose-edit td.edit input[readonly] { color:#333; }
		#popup.glucose-edit td.edit.datetime input { width:132px; }
		#popup.glucose-edit td.edit.value input { width:72px; text-align:right; }
		#popup.glucose-edit td.edit.comment input { }
		#popup.glucose-edit td.action.delete { padding:0; background:#600 url('../images/controls/button-delete.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; }
			#popup.glucose-edit td.action.delete:hover { background-color:#c00; }
			#popup.glucose-edit td.action.delete button { display:none; font-size:0; vertical-align:middle; }

	#popup.dcf-actiondetails-edit { width:980px; left:50%; margin-left:-490px; }
		#popup.dcf-actiondetails-edit table { margin:0; }
		#popup.dcf-actiondetails-edit .scroll-vertical { margin:0 0 10px; padding-right:10px; height:500px; }
		#popup.dcf-actiondetails-edit col.value { width:80px; }
		#popup.dcf-actiondetails-edit col.datetime { width:140px; }
		#popup.dcf-actiondetails-edit col.action { width:32px; }
		#popup.dcf-actiondetails-edit col.comment { }
		#popup.dcf-actiondetails-edit tr.deleted { visibility:hidden; }
		#popup.dcf-actiondetails-edit td.edit { padding:0; }
		#popup.dcf-actiondetails-edit td.edit input { padding:4px; }
		#popup.dcf-actiondetails-edit td.edit input[readonly] { color:#333; }
		#popup.dcf-actiondetails-edit td.edit.datetime input { width:132px; }
		#popup.dcf-actiondetails-edit td.edit.value input { width:72px; text-align:right; }
		#popup.dcf-actiondetails-edit td.edit.comment input { }
		#popup.dcf-actiondetails-edit td.action.delete { padding:0; background:#600 url('../images/controls/button-delete.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; }
			#popup.dcf-actiondetails-edit td.action.delete:hover { background-color:#c00; }
			#popup.dcf-actiondetails-edit td.action.delete button { display:none; font-size:0; vertical-align:middle; }

	#popup.glucose-readings-export { width:900px; left:50%; margin-left:-490px; }
		#popup.glucose-readings-export table { margin:0; }
		#popup.glucose-readings-export .scroll-vertical { margin:0 0 10px; padding-right:10px; height:500px; }

	#popup.edit-a1c-values { width:600px; }
		#popup.edit-a1c-values table { margin:0; }
		#popup.edit-a1c-values .scroll-vertical { margin:0 0 10px; padding-right:10px; max-height:50vh; }
		#popup.edit-a1c-values col.date { width:50%; }
		#popup.edit-a1c-values col.value { width:50%; }
		#popup.edit-a1c-values td.edit { padding:0; }
		#popup.edit-a1c-values td.edit input { padding:4px; }
		#popup.edit-a1c-values td.edit input[readonly] { color:#333; }
		#popup.edit-a1c-values td.edit.date input { width:100%; }
		#popup.edit-a1c-values td.edit.value input { width:100%; text-align:center; }
		#popup.edit-a1c-values tr.deleted { visibility:hidden; }
	#popup.edit-a1c-values td.action.delete { padding:0; background:#600 url('../images/controls/button-delete.svg') no-repeat center; background-size:contain; vertical-align:middle; cursor:pointer; }
			#popup.edit-a1c-values td.action.delete:hover { background-color:#c00; }
			#popup.edit-a1c-values td.action.delete button { display:none; font-size:0; vertical-align:middle; }

	#popup.dcf-reviews-list { width:750px; }
		#popup.dcf-reviews-list table { margin:0; }
		#popup.dcf-reviews-list .scroll-vertical { margin:0 0 10px; padding-right:10px; max-height:50vh; }

	#popup.doctor-message-popup { width:550px; margin-right:auto; margin-left: auto; }
    #popup .a1c-graph-popup { width:800px; margin-right:auto; margin-left: auto; height:400px; }
	

#tooltip { position:absolute; display:none; z-index:100; width:220px; border:solid 1px #827b00; background:#fff; border-radius:0 6px 6px 6px; box-shadow:2px 2px 2px #888; }
#tooltip h4 { padding:0 8px; margin:0; background:#827b00; color:#fff; border-radius:0 5px 0 0; font-weight:normal; line-height:25px; }
#tooltip hr { margin:4px 0; }
#tooltip .inner { padding:4px 8px; }
#tooltip.sidebar { width:400px; border:solid 1px #4D4D4D; background:#fff; }
#tooltip.sidebar h4 { background:#4D4D4D; color:#fff; text-shadow:1px 1px 1px #100; display:none; }
#tooltip.sidebar .inner { padding:3px; }
#tooltip.sidebar table { margin:0; }
#tooltip.help { width:400px; border:solid 1px #827b00; background:#fff; }
#tooltip.help h4 { background:#827b00; color:#fff; text-shadow:1px 1px 1px #100; }
#tooltip.help .inner { padding:3px; }
#tooltip.help .inner p { margin-bottom:1em; }
#tooltip.list { border:solid 1px #4D4D4D; width:400px; }
#tooltip.list h4 { background:#827b00; color:#fff; text-shadow:1px 1px 1px #100; }
#tooltip.list .inner { padding:3px; }
#tooltip.suggested-dose { border-color:#1B77BD; margin-top:0; }
#tooltip.suggested-dose h4 { background:#1B77BD; }
#tooltip.suggested-dose .inner { padding:8px; line-height:1.5em; }

#header { position:fixed; top:0; left:0; right:0; height:64px; line-height:44px; background:#211546; padding-right:20px; z-index:21; }
	#header #logo { float:left; width:150px; height:64px; background:url('../images/logo.svg') no-repeat; overflow:hidden; font-size:0; }
		#header #logo a { display:block; width:100%; height:100%; }
#header a { color:#fff; text-transform:uppercase; display:block; height:100%; padding:0 10px 0 36px; position:relative; }
	#header a:hover { text-decoration:none; }
#header ul { margin:0; padding:10px 0; float:right; text-align:right; font-size:0; }
#header li { display:inline-block; position:relative; background:no-repeat 4px center; margin-left:4px; font-size:14px; text-align:left; transition:all 800ms ease; }
	#header li:hover { background-color:rgba(0, 0, 0, 0.4); transition:all 300ms ease; }
		#header li:hover ul { display:block; }
    #header li.addpatient { background-image:url('../images/icons/header-addpatient.svg'); }
    #header li.meter { background-image:url('../images/icons/header-meter.svg'); }
	#header li.home { background-image:url('../images/icons/header-home.svg'); }
	#header li.mail { background-image:url('../images/icons/header-mail.svg'); }
	#header li.tasks { background-image:url('../images/icons/header-tasks.svg'); }
	#header li.user { background-image:url('../images/icons/header-user.svg'); min-width:140px; }
		#header li.user:hover ul { display:block; }
	#header li.id { background-image:url('../images/icons/header-id.svg'); }
	#header li.help { background-image:url('../images/icons/header-help.svg'); }
	#header li.logout { background-image:url('../images/icons/header-logout.svg'); }
	#header ul ul { display:none; position:absolute; padding:0; top:44px; left:0; right:0; background:#211546; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); z-index:100; }
		#header ul ul li { line-height:44px; text-align:left; display:block; margin:0; }
	#header .count { position:absolute; text-align:center; top:0; left:0; font-size:12px; width:20px; height:18px; line-height:18px; border-radius:2px; background:#FC4236; color:#fff; }


#userpanel { float:right; }
#userpanel ul { float:left; }
#usersearch { float:left; margin-top:13px; padding:2px 10px; width:160px; height:22px; background:url('../images/searchfield-bg.gif') no-repeat left top; overflow:hidden; }
#usersearch input { border:none; padding:0 2px; width:140px; height:22px; background:none; font-size:100%; }
#globalnav { padding-left:130px; height:50px; }

#mainnav { position:fixed; top:64px; left:0; right:0; height:64px; padding:0 5px; border-bottom:solid 1px #dcdcdc; background:#fff; overflow:visible; z-index:10; text-transform:uppercase; }
#mainnav a { display:block; height:100%; color:#333; padding:0 15px; text-decoration:none; }
/*#mainnav a:hover { color:#fff; background:#ccc; text-shadow:1px 1px 1px #666; }*/
#mainnav ul { margin:0; padding:10px 0; font-size:0; }
#mainnav ul li { font-size:14px; line-height:44px; display:inline-block; margin:0; padding:0; }
#mainnav ul li:hover { background:#1B77BD; /*box-shadow:2px 2px 2px #888;*/ }
#mainnav ul li:hover ul { visibility:visible; }
#mainnav ul li:hover a { color:#fff; }
	#mainnav ul li:hover li a { color:#333; }
	#mainnav ul li:hover li a:hover { color:#fff; }
#mainnav ul ul { position:absolute; background:#fff; min-width:106px; padding:8px 0; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); visibility:hidden; border:solid 1px #ccc; border-radius:0 8px 8px 8px; text-transform:none;  }
#mainnav ul ul li { float:none; display:block; line-height:28px; font-size:13px; }
	#mainnav ul ul li:hover { box-shadow:none; }
	#mainnav ul ul a { transition:none; }
	#mainnav ul ul a:hover { background:#1B77BD; box-shadow:none; transition:none; }

    	#mainnav > .status-tiles { position:absolute; top:10px; right:16px; height:44px; margin:0; font-size:0; }
		#mainnav > .status-tiles > .tile { position:relative; display:inline-block; margin:0; height:44px; /*min-width:60px;*/ padding:0 16px; border:none; border-left:solid 1px #ccc; text-align:left; color:#666; overflow:visible; }
		#mainnav > .status-tiles > .tile:first-child {  }
		#mainnav > .status-tiles > .tile header { background:none; }
			#mainnav > .status-tiles > .tile h1 { text-transform:uppercase; font-weight:500; color:#333; }
			#mainnav > .status-tiles > .tile h2 { text-transform:uppercase; color:#333; }
			#mainnav > .status-tiles > .tile h3 { text-transform:none; color:#333; }
		#mainnav > .status-tiles > .tile * { font-size:12px; line-height:1em; height:auto; margin:0 0 0.2em; text-align:left; }
		#mainnav > .status-tiles > .tile > div { margin-top:0; text-align:right; }
		#mainnav > .status-tiles > .tile .field { display:inline-block; vertical-align:top; margin-left:1em; }
			#mainnav > .status-tiles > .tile .field:first-child { margin-left:0; }
		#mainnav > .status-tiles > .tile .field.below,
		#mainnav > .status-tiles > .tile .field.above { padding-left:16px; background-position:0 50%; background-repeat:no-repeat; }
		#mainnav > .status-tiles > .tile .field.below { background-image:url('../images/icons/status-down.svg'); }
		#mainnav > .status-tiles > .tile .field.above { background-image:url('../images/icons/status-up.svg'); }
		#mainnav > .status-tiles > .tile .value { font-size:24px; }
		#mainnav > .status-tiles > .tile .tooltip 
		{ 
			line-height:1.5em;
			pointer-events:none;
			width:240px; 
			padding: 8px 16px;
			color: #fff;
			position: absolute;
			right: 0; 
			z-index: 20;
			border-radius: 4px 0 4px 4px;  
			box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
			background:#333;
			opacity:0; 
			top:100%; 
			transform:translateY(0);
			transition:all 500ms ease; 
		}
		#mainnav > .status-tiles > .tile .tooltip::before 
		{ 
			content: '';
			position: absolute;
			border-style: solid;
			border-width: 0 0 11px 12px;
			border-color: #333 transparent;
			display: block;
			width: 0;
			z-index: 21;
			right: 8px;
			margin-top:-8px;
			top:0;
		}
		#mainnav > .status-tiles > .tile:hover .tooltip
		{ 
			opacity:1;
			transform:translateY(10px);
			transition:all 250ms ease;
		}

		#mainnav > .status-tiles > .tile.icon { background-repeat:no-repeat; background-position:0 0; background-size:48px 48px; }
			#mainnav > .status-tiles > .tile.icon header { margin-left:38px; }
		#mainnav > .status-tiles > .tile.button { cursor:pointer; }
			#mainnav > .status-tiles > .tile.button:hover { /*background-color:#5FA0D1;*/ }
		#mainnav > .status-tiles > .weight { background-image:url('../images/icons/weight.svg'); }
		#mainnav > .status-tiles > .glycated-hemoglobin { background-image:url('../images/icons/drop.svg'); }
		#mainnav > .status-tiles > .glucose { background-image:url('../images/icons/drop.svg'); }
        #mainnav > .status-tiles > .age { background-image:url('../images/icons/Age.svg'); }
        #mainnav > .status-tiles > .renal { background-image:url('../images/icons/Kidney.svg'); }
        #mainnav > .status-tiles > .smoke { background-image:url('../images/icons/Smoke.svg'); }
        #mainnav > .status-tiles > .graph { background-image:url('../images/icons/graph-line-01.svg'); }

#logininfo { float:right; line-height:22px; padding:0 10px; text-align:right; cursor:help; display:none; }
#logininfo .tooltip { position:absolute; display:none; right:20px; width:300px; padding:4px; background:#fff; border:solid 1px #4D4D4D; -moz-border-radius:6px 0 6px 6px; border-radius:6px 0 6px 6px; -moz-box-shadow:2px 2px 2px #888; -webkit-box-shadow:2px 2px 2px #888; box-shadow:2px 2px 2px #888; }
#logininfo table { background:#4D4D4D; text-align:center; line-height:1em; margin:0; }
#logininfo table thead tr { background:#4D4D4D; color:#fff; text-shadow:1px 1px 1px #100; }
#logininfo table tbody tr { background:#fdfdfb; }
#logininfo table tbody tr.alternate { background:#f8f8fc; }
#logininfo table th { border:solid 1px #ccc; padding:4px 8px; vertical-align:middle; }
#logininfo table td { border:solid 1px #ccc; padding:4px 8px; }

#patient-browser { position:fixed; top:128px; left:0; right:0; height:48px; background:#2b333d; box-shadow:0 2px 2px rgba(0,0,0,0.2); color:#fff; z-index:10; }
#patient-browser p { margin:0; padding:0; text-align:center; }
#patient-browser button { display:block; width:32px; height:32px; background-color:transparent; background-repeat:no-repeat; background-position:center; overflow:hidden; text-indent:-10000px; border:none; padding:0; margin:0; border-radius:0; font-size:0; }
	#patient-browser button:hover { background-color:#24272d; }

#patient-browser #patient-browser-name { text-transform:uppercase; font-size:20px; font-weight:300; height:32px; line-height:32px; padding:8px 20px; }
#patient-browser #patient-browser-name span { margin-right:16px; float:left; }
#patient-browser #patient-browser-name button { float:left; margin-left:4px; cursor:pointer; }

#patient-browser-cumulative-time { padding-left: 10px; text-transform:capitalize; }

#patient-browser #patient-browser-search { display:none; width:210px; padding:8px 5px; }
#patient-browser #patient-browser-search input { display:block; border:none; width:180px; height:32px; padding:0 15px; margin:0; font-size:14px; }

#patient-browser #patient-browser-list { display:none; padding:8px 5px; }
#patient-browser #patient-browser-list select { display:block; border:none; font-size:14px; cursor:pointer; }
#patient-browser #patient-browser-list button.prev { float:left; display:none; }
#patient-browser #patient-browser-list button.next { float:right; display:none; }

#patient-browser .dynamic-search-popup { background:#4d4d4d; text-transform:none; text-align:left; width:200px !important; border:solid 5px #4d4d4d; margin-left:0; }
#patient-browser .dynamic-search-popup div.preloader { padding:5px 10px 5px 34px; margin:0; background:#4d4d4d url('../images/preloaders/status-small.gif') no-repeat 10px center; }
#patient-browser .dynamic-search-popup footer { background:#333; padding:7px 5px; }
#patient-browser .dynamic-search-popup footer div.status { background:none; height:auto; }
#patient-browser .dynamic-search-popup footer div.status strong { font-weight:500; }
#patient-browser .dynamic-search-popup ul { border:none; margin:0; padding:0; list-style-type:none; font-size:13px; }
#patient-browser .dynamic-search-popup li { margin:0; padding:7px 10px; border-bottom-color:#333; }
#patient-browser .dynamic-search-popup li.active { background:#666; color:#fff; }
#patient-browser .dynamic-search-popup h1 { margin:0 0 0.2em; padding:0; text-align:left; }
#patient-browser .dynamic-search-popup p { margin:0; padding:0; text-align:left; }
#patient-browser .dynamic-search-popup span { background:#000; float:none; }

#patient-browser .monitoring-toggle button {
	background-image: url('/console/assets/images/icons/stopclock.png');
}
#patient-browser .monitoring-toggle.paused button {
	background-image: url('/console/assets/images/icons/startclock.png');
}

#patient-timer.disabled { display:none; }
#patient-timer button { }

#patient-toolbar { float:right; margin:0 20px 0 0; height:48px; overflow:visible; }
	#patient-toolbar a { position:absolute; font-size:0; color:#fff; text-transform:uppercase; display:block; height:100%; width:100%; }
		#patient-toolbar a:hover { text-decoration:none; }
	#patient-toolbar li { display:inline-block; position:relative; background:no-repeat center; margin:0; padding:0; font-size:14px; width:44px; height:48px; transition:all 800ms ease; }
		#patient-toolbar li:hover { background-color:#24272d; }
		#patient-toolbar li.tasks { background-image:url('../images/icons/header-tasks.svg'); }
		#patient-toolbar li.comments { background-image:url('../images/icons/header-notes.svg'); }
	#patient-toolbar.tasks li.tasks,
	#patient-toolbar.comments li.comments { background-color:#24272d; }
	#patient-toolbar li[title] { }
	#patient-toolbar li[title]:before 
	{ 
		pointer-events:none;
		content: attr(title);
		font-size:11px;
		line-height:1em;
		padding: 8px 16px;
		color: #fff;
		position: absolute;
		right: 22px; 
		margin-top:10px;
		white-space: nowrap; 
		z-index: 20;
		border-radius: 4px 0 4px 4px;  
		box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
		background:#333;
		text-transform:uppercase;
		opacity:0; 
		top:80%; 
		transition:all 500ms ease; 
	}
	#patient-toolbar li[title]:after 
	{ 
		pointer-events:none;
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 0 11px 12px;
		border-color: #333 transparent;
		display: block;
		width: 0;
		z-index: 21;
		right: 22px;
		margin-top:1px;
		opacity:0; 
		top:80%; 
		transition:all 500ms ease; 
	}
	#patient-toolbar li[title]:hover:before,
	#patient-toolbar li[title]:hover:after 
	{
		top:100%;
		opacity:1;
		transition:all 250ms ease;
	}

	#patient-toolbar ul { display:none; position:absolute; padding:0; top:44px; left:0; right:0; background:#211546; box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2); z-index:100; }
		#patient-toolbar ul li { line-height:44px; text-align:left; display:block; margin:0; }
	#patient-toolbar .count { position:absolute; text-align:center; top:4px; left:4px; font-size:12px; width:20px; height:18px; line-height:18px; border-radius:2px; background:#FC4236; color:#fff; }

#tasks-bar { background:#4d4d4d; padding:0; border-top:solid 1px #333; }
	#tasks-bar ul { margin:0; padding:10px 20px;  width:180px; }
	#tasks-bar li { margin:0; padding:0; }
	#tasks-bar a { color:#fff; height:28px; line-height:28px; overflow:hidden; text-transform:uppercase; text-overflow:ellipsis; }

/*****************/
/* Layout Styles */
/*****************/

#container { position:relative; height:100%; width:100%; padding:0; margin:0; overflow:hidden; }

	#container #sidebar,
	#container #auxiliary-sidebar,
	#container #content { position:fixed; top:64px; bottom:0; overflow:hidden; overflow-y:auto; }

	#container #sidebar,
	#container #auxiliary-sidebar { width:220px; display:none; background:#2b333d; z-index:2; }

	#container #sidebar { left:0; }
	#container #auxiliary-sidebar { right:0; }

	#container.has-mainnav #sidebar,
	#container.has-mainnav #auxiliary-sidebar,
	#container.has-mainnav #content { top:128px; bottom:16px; }

	#container.has-patient-browser #sidebar,
	#container.has-patient-browser #auxiliary-sidebar,
	#container.has-patient-browser #content { top:112px; }

	#container.has-mainnav.has-patient-browser #sidebar,
	#container.has-mainnav.has-patient-browser #auxiliary-sidebar,
	#container.has-mainnav.has-patient-browser #content { top:176px; }

	#container.has-sidebar #content { left:220px; }
	#container.has-sidebar #sidebar { display:block; }

	#container.has-auxiliary-sidebar #content { right:220px; }
	#container.has-auxiliary-sidebar #auxiliary-sidebar { display:block; }

	#container #patient-browser  { z-index:9; }
	#container #footer { z-index:5; }
	#container.fullscreen { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	#container:-webkit-full-screen	{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	#container:-moz-full-screen		{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	#container:-ms-full-screen		{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	#container:-o-full-screen		{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	#container:full-screen			{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	#container:full-screen          { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }

#container.message #content { position:absolute; padding:0; margin-top:-132px; top:50%; left:30px; right:30px; min-height:170px; text-align:center; }
	#container.message #content > header h1 { margin-bottom:24px; height:auto; line-height:48px; }
	#container.message #content h2 { font-size:24px; line-height:36px; margin-bottom:12px; }
	#container.message #footer { transform:none; }
	#container.message #footer::after { display:none; }

#content { left:0; right:0; padding:0 0 128px; overflow-y:scroll; }
	#content > header { margin:0; padding:0 30px; }
		#content > header h1 { margin:0; font-size:36px; line-height:72px; height:64px; color:#666; text-transform:uppercase; }
		#content > header h2 { font-size:18px; line-height:24px; min-height:24px; color:#666; }
	#content > div { margin:0; padding:0 30px; }
	#content > div.controls { border-right:solid 200px #e5dfc5; min-height:300px; }
	#content > div.left-controls { margin-left:210px; min-height:300px; }
	#content > div.right-controls { margin-right:210px; min-height:300px; }


#content .column-container-2 { overflow:auto; }
	#content .column-container-2:after { }
	#content .column-container-2 .column-left  { width:49.5%; float:left; }
	#content .column-container-2 .column-right { width:49.5%; margin-left:50.5%;  }
#content .column-container-3 { overflow:auto; }
	#content .column-container-3 .column-left   { width:33.5%; float:left; }
	#content .column-container-3 .column-right  { width:33.5%; float:right; }
	#content .column-container-3 .column-center { width:32%; margin:0 auto;  }
#content .column-container-4 { overflow:auto; }

.columns { text-align:justify; font-size:0; line-height:0; }
	.columns:after { content:""; display:inline-block; width:100%; margin:0; padding:0; height:1px; font-size:0; line-height:0; overflow:hidden; }
	.columns > .column { display:inline-block; vertical-align:top; font-size:12px; line-height:initial; }
	.columns.x-x > .column { width:49.4%; }
	.columns.x-x-x > .column { width:32%; }
	.columns.xx-x > .column { width:65%; }
	.columns.xx-x > .column ~ .column { width:32%; }

#content { line-height:1.5em; }
	#content > div.inner { }
	#content ul { list-style-type:disc; margin-bottom:1em; }
	#content li ul { margin-top:0.4em; }
	#content ol { list-style-type:decimal; margin-bottom:1em; }
	#content h1 button { float:right; padding-top:0.1em; padding-bottom:0.1em; margin-top:0.3em; }
	#content h1 button.icon { margin:5px 0 0; }
	#content h1 .button { float:right; margin-top:3px; padding:0 10px; text-shadow:none; line-height:1em; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
	#content h1 .button img { float:left; }
	#content h1 .button span { padding:0.2em 0; line-height:16px; font-size:90%; }

#content aside { float:right; padding:0; width:200px; margin-right:30px; }
#content aside.left { float:left; margin-left:30px; margin-right:0; }
#content aside.right { float:right; }
	#content aside .panel { border:solid 1px #dcdcdc; padding:0; margin-bottom:10px; }
		#content aside .panel > form { padding:10px 10px 0; }
		#content aside .panel > div { padding:10px; }
	#content aside header { margin:0; background:#999; }
	#content aside header h1 { color:#fff; line-height:28px; padding:6px 10px; margin:0; text-shadow:none; }
	#content aside h1 { font-weight:400; text-transform:uppercase;  }
	#content aside hr { border-color:#dcdcdc; }

	#content aside form { padding:10px 10px 0; }
	#content aside form label { float:none; display:block; width:auto; margin-bottom:0.4em; }
	#content aside form select { width:180px; }
	#content aside form input[type=text] { width:174px; }
	#content aside form label { display:block; float:none; width:auto; margin-bottom:0.2em; padding:0; text-align:left; }	
	#content aside form button { margin-right:2px; }
	#content aside form .buttons { margin-bottom:10px; }
	#content aside form .data { margin-bottom:0.4em; }
	#content aside form .field { margin-bottom:0.6em; }	
	#content aside form .days { width:40px; }
	#content aside form .buttons { padding:0; text-align:right; }
	#content aside form input.date { width:146px; }
	#content aside form input.time { width:146px; }

	#content aside ul { margin:0; padding:0; list-style:none; }
		#content aside li { border-bottom:dotted 1px #fff; margin:0; }
		#content aside li:last-child { border-bottom:none; }
		#content aside li a { color:#333; display:block; padding:5px 10px; overflow:hidden; }
		#content aside li a:hover { color:#fff; background-color:#ccc; text-decoration:none; }
		#content aside li a.active { color:#fff; background-color:#1B77BD; text-decoration:none; }
		#content aside li a.active:hover { color:#fff; background-color:#1B77BD; text-decoration:none; }
		#content aside li span.count { float:right; padding:0 3px; height:18px; line-height:20px; background-color:#999; border-radius:2px; color:#fff; }
			#content aside li a.active span.count { background-color:#fff; color:#1B77BD; }
			#content aside li a:hover span.count { background-color:#fff; color:#333; }
		#content aside li span { color:#333; display:block; padding:4px 10px; overflow:hidden; }
		#content aside li span.active { color:#fff; background:#4D4D4D; text-decoration:none; }
		

    button.hideableFilterPanelButton { position:absolute; right:30px; top:20px; z-index:20; margin:0; padding:0; width:24px; height:24px; background-position:center; background-color:transparent; }
    div.filterPanel { position:absolute; right:30px; padding:0; width:200px; }
		div.filterPanel.left { float:left; margin-left:30px; margin-right:0; }
        div.filterPanel.right { float:right; }
	div.filterPanel .panel { border:solid 1px #dcdcdc; padding:0; margin-bottom:10px; background-color: #fff; }
		div.filterPanel .panel > form { padding:10px 10px 0; }
		div.filterPanel .panel > div { padding:10px; }
	div.filterPanel header { margin:0; background:#999; }
	div.filterPanel header h1 { color:#fff; line-height:28px; padding:6px 10px; margin:0; text-shadow:none; }
	div.filterPanel h1 { font-weight:400; text-transform:uppercase;  }
	div.filterPanel hr { border-color:#dcdcdc; }

	div.filterPanel form { padding:10px 10px 0; }
	div.filterPanel label { float:none; display:block; width:auto; margin-bottom:0.4em; }
	div.filterPanel form select { width:180px; }
	div.filterPanel form input[type=text] { width:174px; }
	div.filterPanel form label { display:block; float:none; width:auto; margin-bottom:0.2em; padding:0; text-align:left; }	
	div.filterPanel form button { margin-right:2px; }
	div.filterPanel form .buttons { margin-bottom:10px; }
	div.filterPanel form .data { margin-bottom:0.4em; }
	div.filterPanel form .field { margin-bottom:0.6em; }	
	div.filterPanel .days { width:40px; }
	div.filterPanel form .buttons { padding:0; text-align:right; }
	div.filterPanel form input.date { width:146px; }
	div.filterPanel form input.time { width:146px; }

	div.filterPanel ul { margin:0; padding:0; list-style:none; }
		div.filterPanel li { border-bottom:dotted 1px #fff; margin:0; }
		div.filterPanel li:last-child { border-bottom:none; }
		div.filterPanel li a { color:#333; display:block; padding:5px 10px; overflow:hidden; }
		div.filterPanel li a:hover { color:#fff; background-color:#ccc; text-decoration:none; }
		div.filterPanel li a.active { color:#fff; background-color:#1B77BD; text-decoration:none; }
		div.filterPanel li a.active:hover { color:#fff; background-color:#1B77BD; text-decoration:none; }
		div.filterPanel li span.count { float:right; padding:0 3px; height:18px; line-height:20px; background-color:#999; border-radius:2px; color:#fff; }
			div.filterPanel li a.active span.count { background-color:#fff; color:#1B77BD; }
			div.filterPanel li a:hover span.count { background-color:#fff; color:#333; }
		div.filterPanel li span { color:#333; display:block; padding:4px 10px; overflow:hidden; }
		div.filterPanel li span.active { color:#fff; background:#4D4D4D; text-decoration:none; }


    #btnFilterPatients { position:absolute; right:30px; top:20px; z-index:20; margin:0; padding:0; width:24px; height:24px; background-position:center; background-color:transparent; }
    .filter-show { background:#ffffff url('../images/icons/filter-patients-show.png') no-repeat 0 center; }
    .filter-hide { background:#ffffff url('../images/icons/filter-patients-hide.png') no-repeat 0 center; }
    #filter-patient-panel { position:absolute; right:30px; padding:0; width:200px; }

        #filter-patient-panel.left { float:left; margin-left:30px; margin-right:0; }
        #filter-patient-panel.right { float:right; }
	#filter-patient-panel .panel { border:solid 1px #dcdcdc; padding:0; margin-bottom:10px; background-color: #fff; }
		#filter-patient-panel .panel > form { padding:10px 10px 0; }
		#filter-patient-panel .panel > div { padding:10px; }
	#filter-patient-panel header { margin:0; background:#999; }
	#filter-patient-panel header h1 { color:#fff; line-height:28px; padding:6px 10px; margin:0; text-shadow:none; }
	#filter-patient-panel h1 { font-weight:400; text-transform:uppercase;  }
	#filter-patient-panel hr { border-color:#dcdcdc; }

	#filter-patient-panel form { padding:10px 10px 0; }
	#filter-patient-panel form label { float:none; display:block; width:auto; margin-bottom:0.4em; }
	#filter-patient-panel form select { width:180px; }
	#filter-patient-panel form input[type=text] { width:174px; }
	#filter-patient-panel form label { display:block; float:none; width:auto; margin-bottom:0.2em; padding:0; text-align:left; }	
	#filter-patient-panel form button { margin-right:2px; }
	#filter-patient-panel form .buttons { margin-bottom:10px; }
	#filter-patient-panel form .data { margin-bottom:0.4em; }
	#filter-patient-panel form .field { margin-bottom:0.6em; }	
	#filter-patient-panel form .days { width:40px; }
	#filter-patient-panel form .buttons { padding:0; text-align:right; }
	#filter-patient-panel form input.date { width:146px; }
	#filter-patient-panel form input.time { width:146px; }

	#filter-patient-panel ul { margin:0; padding:0; list-style:none; }
		#filter-patient-panel li { border-bottom:dotted 1px #fff; margin:0; }
		#filter-patient-panel li:last-child { border-bottom:none; }
		#filter-patient-panel li a { color:#333; display:block; padding:5px 10px; overflow:hidden; }
		#filter-patient-panel li a:hover { color:#fff; background-color:#ccc; text-decoration:none; }
		#filter-patient-panel li a.active { color:#fff; background-color:#1B77BD; text-decoration:none; }
		#filter-patient-panel li a.active:hover { color:#fff; background-color:#1B77BD; text-decoration:none; }
		#filter-patient-panel li span.count { float:right; padding:0 3px; height:18px; line-height:20px; background-color:#999; border-radius:2px; color:#fff; }
			#filter-patient-panel li a.active span.count { background-color:#fff; color:#1B77BD; }
			#filter-patient-panel li a:hover span.count { background-color:#fff; color:#333; }
		#filter-patient-panel li span { color:#333; display:block; padding:4px 10px; overflow:hidden; }
		#filter-patient-panel li span.active { color:#fff; background:#4D4D4D; text-decoration:none; }


	#content table .context .menu { width:180px; }
		#content table .context .menu li a { padding-left:32px; }
	#content table .context .menu li.view a { background-image:url('../images/context/view.svg'); }
	#content table .context .menu li.edit a { background-image:url('../images/context/edit.svg'); }
	#content table .context .menu li.delete a { background-image:url('../images/context/delete.svg'); }
	#content table .context .menu li.delete-redirect a { background-image:url('../images/context/delete.svg'); }
	#content table .context .menu li.reactivate a { background-image:url('../images/context/reactivate.svg'); }
	#content table .context .menu li.reports a { background-image:url('../images/context/reports.svg'); }
	#content table .context .menu li.alerts a { background-image:url('../images/context/alerts.svg'); }
	#content table .context .menu li.prescriptions a { background-image:url('../images/context/prescriptions.svg'); }
	#content table .context .menu li.bloodglucose a { background-image:url('../images/context/bloodglucose.svg'); }
    #content table .context .menu li.patientreviews a { background-image:url('../images/context/patientreviews.svg'); }
	#content table .context .menu li.stripcount a { background-image:url('../images/context/glucosestrips.svg'); }
	#content table .context .menu li.diabetescare a { background-image:url('../images/context/hedis.svg'); }
	#content table .context .menu li.profile a { background-image:url('../images/context/user.svg'); }
	#content table .context .menu li.efiles a { background-image:url('../images/context/efiles.svg'); }
	#content table .context .menu li.message a { background-image:url('../images/context/message.svg'); }
	#content table .context .menu li.messages a { background-image:url('../images/context/message.svg'); }
	#content table .context .menu li.feedback a { background-image:url('../images/context/feedback.svg'); }
	#content table .context .menu li.rewards a { background-image:url('../images/context/rewards.svg'); }
    #content table .context .menu li.pausemonitoring a { background-image:url('../images/context/monitoring.png'); }
    #content table .context .menu li.pausemonitoring.paused a { background-image:url('../images/context/monitoring-paused.png'); }
    #content table .context .menu li.pausemonitoring.waiting a { background-image:url('../images/preloaders/status-small.gif'); }
	#content table .context .menu li.monitoring-toggle a { background-image:url('../images/context/monitoring.png'); }
    #content table .context .menu li.monitoring-toggle.paused a { background-image:url('../images/context/monitoring-paused.png'); }
    #content table .context .menu li.monitoring-toggle.waiting a { background-image:url('../images/preloaders/status-small.gif'); }
	#content table .context .menu li.phone a { background-image:url('../images/context/phone.svg'); }
	#content table .context .menu li.email a { background-image:url('../images/context/email.svg'); }
	#content table .context .menu li.cellphone a { background-image:url('../images/context/mobile.svg'); }
	#content table .context .menu li.doctor a { background-image:url('../images/context/doctor.svg'); }
	#content table .context .menu li.privileges a { background-image:url('../images/context/privileges.svg'); }
	#content table .context .menu li.network a { background-image:url('../images/context/network.svg'); }

#content #filter-letters { padding:0; height:40px; margin-bottom:10px; background:#999; color:#fff; overflow:hidden; cursor:default; }
	#content #filter-letters span { float:left; height:40px; line-height:40px; text-align:center; background:#999; color:#fff; padding:0 8px; text-align:left; border-right:solid 1px #fff; }
	#content #filter-letters ul { margin:0 auto; list-style-type:none; color:#fff; }
	#content #filter-letters li { float:left; width:40px; height:40px; line-height:40px; text-align:center; border-right:solid 1px #fff; background:#666; display:none; }
	#content #filter-letters li.active { color:#fff; background:#666; text-decoration:none; cursor:pointer; display:block; }
	#content #filter-letters li.active:hover  { color:#fff; background:#4D4D4D; }
	#content #filter-letters li.selected { background:#1B77BD; color:#fff; }
	#content #filter-letters li a { color:#fff; text-decoration:none; display:block; }
	#content #filter-letters li.selected a { color:#fff; text-decoration:none; }
	

#content #paging { padding:0 0 0 8px; height:40px; line-height:40px; margin-bottom:10px; background:#999; color:#fff; overflow:hidden; cursor:default; z-index:1; }
	#content #paging.wait { background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; color:#fff; }
	#content #paging.error { background:#999 url('../images/icons/status-error.svg') no-repeat 0 center; padding-left:48px; color:#fff; }
	#content #paging.error .count { display:none; }
	#content #paging .status { float:left; height:24px; padding:0 10px; text-align:center; }
	#content #paging .count { float:right; height:24px; padding:0 2px; text-align:center; }
	#content #paging .count label { float:left; margin:0 5px; }
	#content #paging .count select { float:left; padding:0; width:70px; margin:6px 0; font-size:18px; line-height:24px; cursor:pointer; color:#666; }
	#content #paging button { float:right; display:block; margin:0; border:none; border-radius:0; height:100%; }


#content .paging { padding:0 8px; height:40px; line-height:40px; margin-bottom:10px; background:#999; color:#fff; overflow:hidden; cursor:default; }
	#content .paging.wait { background:#999 url('../images/preloaders/status.gif') no-repeat 0 center; padding-left:48px; color:#fff; }
	#content .paging.error { background:#999 url('../images/icons/status-error.svg') no-repeat 0 center; padding-left:48px; color:#fff; }
	#content .paging.error .count { display:none; }
	#content .paging .status { float:left; height:24px; padding:0 10px; text-align:center; }
	#content .paging .count { float:right; height:24px; padding:0 2px; text-align:center; }
	#content .paging .count label { float:left; margin:0 5px; }
	#content .paging .count select { float:left; padding:0; width:70px; margin:6px 0; font-size:18px; line-height:24px; cursor:pointer; color:#666; }

	
#content .paging-letters { padding:2px; height:18px; margin-bottom:1em; /*background:#cfcab2;*/ background:#e5dfc5; color:#cfcab2; overflow:hidden; cursor:default; }
	#content .paging-letters ul { margin:0 auto; list-style-type:none; }
	#content .paging-letters li { float:left; width:24px; height:18px; line-height:18px; text-align:center; margin:0 1px; background:#bbb6a1; /*background:#e5dfc5;*/ }
	#content .paging-letters li.label { background:#cfcab2; color:#fff; width:auto; padding:0 6px 0 8px; text-align:left; margin:0; }
	#content .paging-letters li.disabled { color:#cfcab2; }
	#content .paging-letters a  { display:block; color:#fff; background:#bbb6a1; text-decoration:none; font-weight:bold; }
	#content .paging-letters a:hover  { color:#fff; background:#4D4D4D; }

#content .paging-numbers { padding:2px; height:18px; line-height:18px; margin-bottom:1em; background:#e5dfc5; color:#cfcab2; overflow:hidden; cursor:default; }
	#content .paging-numbers .prev { float:left; width:60px; height:18px; text-align:center; }
	#content .paging-numbers .next { float:right; width:60px; height:18px; text-align:center; }
	#content .paging-numbers ul { margin:0 auto; list-style-type:none; }
	#content .paging-numbers li { float:left; width:24px; height:18px; line-height:18px; text-align:center; margin:0 1px; background:#bbb6a1; }
	#content .paging-numbers li.disabled { color:#cfcab2; }
	#content .paging-numbers a  { display:block; color:#fff; background:#bbb6a1; text-decoration:none; }
	#content .paging-numbers a:hover  { color:#fff; background:#4D4D4D; }
	#content .paging-numbers ul a { font-weight:bold; }

	#content .tab-menu { margin:0 30px 30px; padding:0; height:72px; background:#999; border-radius:0; }
	#content .tab-menu ul { margin:0; list-style-type:none; font-size:0; }
	#content .tab-menu li { display:inline-block; width:96px; height:72px; margin:0 1px 0 0; text-align:center; overflow:hidden; background-color:#666; background-repeat:no-repeat; background-position:center top; }
	#content .tab-menu li.profile { background-image:url('../images/icons/ribbon/profile.png'); }
	#content .tab-menu li.preferences { background-image:url('../images/icons/ribbon/settings.png'); }
	#content .tab-menu li.devices { background-image:url('../images/icons/ribbon/device.png'); }
	#content .tab-menu li.invoices { background-image:url('../images/icons/ribbon/invoice.png'); }
	#content .tab-menu li.insurance { background-image:url('../images/icons/ribbon/insurance.png'); }
	#content .tab-menu li.hedis { background-image:url('../images/icons/ribbon/hedis.svg'); }
	#content .tab-menu li.contacts { background-image:url('../images/icons/ribbon/contacts.png'); }
	#content .tab-menu li.disable { background-image:url('../images/icons/ribbon/user-delete.png'); }
	#content .tab-menu li.messages-inbox { background-image:url('../images/icons/ribbon/messages-inbox.svg'); }
	#content .tab-menu li.messages-compose { background-image:url('../images/icons/ribbon/messages-compose.svg'); }
	#content .tab-menu li.messages-deleted { background-image:url('../images/icons/ribbon/messages-deleted.svg'); }
	#content .tab-menu li.messages-sent { background-image:url('../images/icons/ribbon/messages-sent.svg'); }

	#content .tab-menu a { display:block; width:100%; height:100%; line-height:72px; overflow:hidden; color:#fff; text-decoration:none; }
	#content .tab-menu a:hover { }
	#content .tab-menu span { display:inline-block; vertical-align:bottom; padding:32px 8px 8px; line-height:12px; font-size:10px; }
	#content .tab-menu li.active { background-color:#1b77bd;  }
	#content .tab-menu li.active:hover { background-color:#1b77bd;  }
	#content .tab-menu li.active a { color:#fff; }
	#content .tab-menu li:hover { background-color:#4d4d4d; }

	#content .tab-menu .search-form { float:right; background:#fff; height:32px; margin:20px 16px; }
		#content .tab-menu input { font-size:18px; border:none; height:32px; line-height:32px; padding:0 8px; color:#666; }
		#content .tab-menu button { margin:0; padding:0; width:32px; height:32px; border:none; border-radius:0; overflow:hidden; text-indent:-10000px; background:#666 url('../images/icons/ribbon/button-search.svg') no-repeat center; }
			#content .tab-menu button:hover { background-color:#4d4d4d; }


	#content section { border:solid 1px #dcdcdc; }
		#content section > header { background:#4d4d4d; height:28px; overflow:visible; position:relative; }
			#content section > header h1 { font-size:12px; color:#fff; height:28px; line-height:30px; margin:0; text-transform:uppercase; font-weight:500; text-align:center; }
			#content section > header .controls { position:absolute; top:0; right:0; height:28px; text-align:right; }
				#content section > header .controls button { display:inline-block; border:none; border-radius:0; padding:0; margin:0; line-height:30px; height:28px; text-align:center; }
					#content section > header .controls button.text { padding:0 16px; }


#content.list-view { }
	#content.list-view ul { list-style-type:none; margin-bottom:0; }
	#content.list-view li ul { margin-top:0; }
	#content.list-view .inner h1,
	#content.list-view .inner h2,
	#content.list-view .inner h3 { }
	#content.list-view .inner h1 { font-size:2em; }
	#content.list-view .inner h2 { font-size:1.5em; margin-bottom:0; }
	#content.list-view .inner h3 { font-size:1.2em; }
	#content.list-view .list-item { padding:1em 0; border-top:dotted 1px #ccc; background:none; }
		#content.list-view .list-item:first-child { padding-top:0; border:none; }
		#content.list-view .list-item > header { margin-left:128px; }
		#content.list-view .list-item > footer { margin-left:128px; text-align:right; }
		#content.list-view .list-item > div.description { margin-left:128px; }
		#content.list-view .list-item > div.details { margin-left:128px; }
		#content.list-view .list-item dl { }
		#content.list-view .list-item dt { font-weight:bold; margin-top:1em; margin-bottom:0.4em; }
		#content.list-view .list-item dd {  }
			#content.list-view .list-item dd:last-child { margin-bottom:1em; }
		#content.list-view .list-item table { clear:left; }
		#content.list-view .list-item a.button { background:#fcc; padding:0.1em 0.4em; margin:0.1em auto; border-radius:4px; }
		#content.list-view .list-item .icon { float:left; background:#bbb6a1; }
		#content.list-view .list-item div.icon { padding-top:16px; width:96px; height:80px;  }
		#content.list-view .list-item img.icon { width:64px; height:64px; padding:16px; }

#content.details-view { }
	#content.details-view .inner h1,
	#content.details-view .inner h2,
	#content.details-view .inner h3 { }
	#content.details-view .inner h1 { font-size:2em; margin-bottom:0; }
	#content.details-view .inner h2 { font-size:1.5em; margin-bottom:0; }
	#content.details-view .inner h3 { font-size:1.2em; }

 .graph-container { position:relative; }
	/*#content .graph-container .wrapper { background:#222; padding:0 16px; }
	#content .graph-container button { border:none; border-radius:0; margin:0 8px; padding:0; width:32px; height:32px; background:url('../images/icons/graph/dark/button-base.png') no-repeat center; }
	#content .graph-container button img { display:block; margin:0; padding:0; width:32px; height:32px; }*/
	 .graph-container nav { position:relative; left:0; right:0; top:0; height:80px; padding:8px 0; overflow:hidden; z-index:2; background:#222; display:none; }
	 .graph-container.collapsed nav.active { display:none; }
		/*#content .graph-container nav:hover { opacity:0.8; transition:all 300ms ease; }*/
		 .graph-container nav.active, 
		 .graph-container nav.active:hover { display:block; }
		 .graph-container nav button { height:80px; margin:0; padding:0; border:none; border-radius:0; background:none; }
			 .graph-container nav button:hover { background:#333; }
		 .graph-container nav button.prev { float:left; }		
		 .graph-container nav button.next { float:right; }
		 .graph-container nav button img { vertical-align:middle; }
		 .graph-container nav div.list { height:80px; margin:0 64px; overflow:hidden; }
		 .graph-container nav ul { height:80px; text-align:center; color:#fff; font-size:90%; margin:0; }
		 .graph-container nav li { float:left; margin:0 2px; width:128px; height:40px; padding-top:40px; overflow:hidden; background:#ccc; cursor:pointer; }
			 .graph-container nav li img { width:128px; height:80px; }
			 .graph-container nav li div { padding:4px; height:32px; line-height:16px; color:#fff; text-shadow:1px 1px 1px #000; background:url('../images/thumbnails/graphs/bg.png'); visibility:hidden; }
			 .graph-container nav li:hover { background-color:#fff; }
			 .graph-container nav li:hover div { visibility:visible; }
			 .graph-container nav li.active { background-color:#fff; }
	/* .graph-container header { position:relative; height:96px; padding:0 40px; z-index:1; color:#999; }
		 .graph-container header .title { float:left; padding-top:40px; }
		 .graph-container header .title h1 { color:#1ba1e2; }
		 .graph-container header .user { text-align:right; padding-top:40px; }
		 .graph-container header h1 { text-shadow:none; font-size:260%; font-weight:300; margin:0 0 0.25em; }
		 .graph-container header h2 { text-shadow:none; font-size:120%; font-weight:400; margin:0; }*/
	/* .graph-container footer { position:relative; height:48px; overflow:hidden; z-index:2; }
		 .graph-container footer .wrapper { height:48px; text-align:right; }
		 .graph-container footer button { margin-top:8px; }*/
	 .graph-container .content { position:relative; height:450px; width:100%; overflow:hidden; z-index:1; }
		 .graph-container .index img { width:240px; height:180px; }
		 .graph-container .content .graph { width:100%; height:100%; }
		 .graph-container .content .graph canvas { margin:0 auto; z-index:1; }
	 .graph-container .status { display:none; }
 .graph-container-preloading { color:#666; padding:0; height:32px; line-height:32px; background:#ccc; }
	 .graph-container-preloading .status { display:block; background:#ccc url('../images/preloaders/status.gif') no-repeat 0 center; background-size:contain; padding-left:40px; text-transform:uppercase; font-weight:500; }
	 .graph-container-preloading > * { display:none; }
 .graph-container-error { padding:20px; height:auto; }
	 .graph-container-error .status { display:block; }
	 .graph-container-error .content { display:none; }
	 .graph-container-error header { display:none; }
	 .graph-container-error footer { display:none; }
 .graph-container-fullscreen { position:fixed; top:64px; left:220px; width:calc(100vw - 220px); height:calc(100vh - 64px); z-index:100; }
	 .graph-container-fullscreen canvas { }
 .graph-container-print { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; }
	 .graph-container-fullscreen canvas {  }

#content .insulin-dose-review { position:relative; }

	/*#content .insulin-dose-review .health-readings { position:absolute; top:8px; right:16px; margin:0; font-size:0; }
		#content .insulin-dose-review .health-readings > div { display:inline-block; margin:0 0 0 8px; height:48px; width:104px; padding:8px; border:none; background:#999; text-align:left; color:#fff; background-repeat:no-repeat; background-position:0 0; background-size:48px 48px; overflow:visible; }*/
		#content .insulin-dose-review .health-readings > div header { background:none; margin-left:38px; }
		#content .insulin-dose-review .health-readings > div * { font-size:12px; line-height:1em; height:auto; margin:0 0 0.2em; text-align:left; }
		#content .insulin-dose-review .health-readings > div > div { margin-top:0; text-align:right; }
		#content .insulin-dose-review .health-readings > div .value { font-size:24px; }
		/*#content .insulin-dose-review .health-readings .weight { background-image:url('../images/icons/weight.svg'); }
		#content .insulin-dose-review .health-readings .glycated-hemoglobin { background-image:url('../images/icons/drop.svg'); }*/

		#content .insulin-dose-review > .inner { padding:16px; }
		
	#content .insulin-dose-review table { margin:0 0 8px; }
	#content .insulin-dose-review table thead tr {  color:#fff; }
		#content .insulin-dose-review table tbody { color:#666; }
			#content .insulin-dose-review table tbody td { padding:4px; text-align:right; }
			#content .insulin-dose-review table tbody td > div { padding:4px; }
		#content .insulin-dose-review table tfoot tr { background:#ccc; color:#333; }
		#content .insulin-dose-review table tfoot td { padding:16px; }
		#content .insulin-dose-review table tfoot .message { font-size:18px; margin:16px; font-weight:normal; text-align:center; color:#666; }
		#content .insulin-dose-review table tfoot .suggested { margin-bottom:10px; }
			#content .insulin-dose-review table tfoot .suggested * { margin-bottom:0; }
			#content .insulin-dose-review table tfoot .message h1 { }
			#content .insulin-dose-review table tfoot .message h2 { }
			#content .insulin-dose-review table tfoot .warning h3 { text-transform:uppercase; text-align:left; color:#fc4236; margin-bottom:0; font-weight:normal; }
		#content .insulin-dose-review table p:last-child { margin:0; }
		#content .insulin-dose-review table .active,
		#content .insulin-dose-review table .suggested .active { background:#1B77BD; color:#fff; }
			#content .insulin-dose-review table .active input { color:#fff !important; }
		#content .insulin-dose-review table .date { display:inline-block; width:auto; text-align:right; font-size:11px; }
		#content .insulin-dose-review table .time { display:inline-block; width:auto; text-align:right; font-size:11px; }
		#content .insulin-dose-review table .value { font-size:18px; }
		#content .insulin-dose-review table .unit { font-size:14px; }
		#content .insulin-dose-review table .no-data {  }
		#content .insulin-dose-review table .no-data .value { font-size:14px; }
		#content .insulin-dose-review table .above { color:#fc4236; }
		#content .insulin-dose-review table .below { color:#93278F; }
		#content .insulin-dose-review table .increase { color:#1B77BD; }
		#content .insulin-dose-review table .decrease { color:#1B77BD; }
		#content .insulin-dose-review table .not-enough-data { color:#fc4236; }

		#content .insulin-dose-review table.readings .active  { background:inherit; }
		#content .insulin-dose-review table.readings .active > div { }
		#content .insulin-dose-review table.readings .reference-details { color:#666; }
		#content .insulin-dose-review table.readings .reference-details span { border-radius:2px; background:rgba(27, 119, 189, 0.1); padding:0 3px; }

	#content .insulin-dose-review > .box:last-child { margin:0; }
	#content .insulin-dose-review > form:last-child > .box:last-child { margin:0; }
	#content .insulin-dose-review > div:last-child > .box:last-child { margin:0; }

	#content .insulin-dose-review table.timeframe { }
		#content .insulin-dose-review table.timeframe thead tr { background:#999; color:#fff; }
		#content .insulin-dose-review table.timeframe thead th { border-color:#fff; }
	
	#content .insulin-dose-review table.prescription { }
		#content .insulin-dose-review table.prescription thead th { background-image:url('../images/icons/injection-02.svg'); background-size:32px 32px; }
		#content .insulin-dose-review table.prescription thead h1 { padding:16px 0 0; font-size:18px; text-transform:none; text-align:left; margin:0; padding:0 0 8px; line-height:1em; }
		#content .insulin-dose-review table.prescription thead h2 { font-size:12px; text-align:left; margin:0; padding:8px 0 4px; line-height:1em; }
		#content .insulin-dose-review table.prescription tbody tr td { font-size:18px; }
		#content .insulin-dose-review table.prescription tbody tr.sub-header td { font-size:12px; text-align:left; text-transform:uppercase; padding:0 0 0 32px; }
		#content .insulin-dose-review table.prescription tbody tr.suggested:not(.sub-header) { color:#ccc; }
		#content .insulin-dose-review table.prescription tbody td { padding:4px; }
			#content .insulin-dose-review table.prescription tbody td > div:not(.tooltip) { position:relative; margin:0; height:28px; overflow:hidden; }
			#content .insulin-dose-review table.prescription tbody td.tooltip-cell { background-image:url('../images/controls/table-tooltip-arrow.svg'); }
			#content .insulin-dose-review table.prescription tbody td.tooltip-cell:hover { background-color:#1B77BD; color:#fff; }
			#content .insulin-dose-review table.prescription td input[readonly] { background:none; color:#666; }
			#content .insulin-dose-review table.prescription td .value { display:block; position:absolute; top:0; left:0; right:36px;  width: -webkit-calc(100% - 36px); width: calc(100% - 36px); text-align:right; margin:0; border:none; line-height:28px; height:100%; z-index:1; padding-right:4px; box-sizing:border-box; }
			#content .insulin-dose-review table.prescription td .unit { display:block; position:absolute; top:0; right:4px; width:32px; height:28px; line-height:32px; z-index:3; }
			#content .insulin-dose-review table.prescription td.dropdown { position:relative; overflow:visible; padding:0; background:rgba(27,119,189,0.1); color:#1B77BD; }
			#content .insulin-dose-review table.prescription tbody tr.adjusted td.value { padding:0; position:relative; border:solid 1px #eee; }
			#content .insulin-dose-review table.prescription tbody tr.adjusted input { width:100%; height:100%; padding:4px; height:28px; line-height:28px; box-sizing:border-box; border:solid 1px #ccc; border:none; text-align:right; font-size:18px; color:#666; }
				#content .insulin-dose-review table.prescription td.dropdown div { height:36px; overflow:visible; background:Red; }
				#content .insulin-dose-review table.prescription td.dropdown button { position:relative; display:block; margin:0; padding:0; border:solid transparent 4px; border-radius:0; height:36px; width:100%; box-sizing:border-box; text-transform:none; font-weight:400; }
				#content .insulin-dose-review table.prescription td.dropdown button::after { content:"\25bc"; display:block; float:left; margin-right:4px; width:16px; height:100%; font-size:12px; }
					#content .insulin-dose-review table.prescription td.dropdown button:focus { }
				#content .insulin-dose-review table.prescription td.dropdown ul { position:absolute; width:100%; height:auto; top:100%; left:0; right:0; margin:0; list-style:none; padding:2px; background:#4d4d4d; box-shadow:2px 2px 1px rgba(0,0,0,0.2); box-sizing:border-box; display:none; z-index:100; }
				#content .insulin-dose-review table.prescription td.dropdown li { position:relative; display:block; background:#4d4d4d; margin:0; padding:2px; color:#fff; cursor:pointer; }
					#content .insulin-dose-review table.prescription td.dropdown li.selected { display:none; }
					#content .insulin-dose-review table.prescription td.dropdown li.active { background:#333; }
					#content .insulin-dose-review table.prescription td.dropdown li .value { position:relative; }
					#content .insulin-dose-review table.prescription td.dropdown li .unit { right:6px; }

    #content .insulin-dose-review table.fpg tbody td.tooltip-cell { background-image:url('../images/controls/table-tooltip-arrow.svg'); }
	#content .insulin-dose-review table.fpg tbody td.tooltip-cell:hover { background-color:#1B77BD; color:#fff; }

	#content .insulin-dose-review table.reading-count { }
		#content .insulin-dose-review table.reading-count tbody td { font-size:18px; }
			#content .insulin-dose-review table.reading-count tbody td.no-data { font-size:14px; }

	#content .insulin-dose-review table.box thead th:first-child { padding:0 0 0 32px;  }
		#content .insulin-dose-review table.readings thead th.header { background-image:url('../images/icons/graph-line-01.svg');  }
	#content .insulin-dose-review table.reading-count thead th.header {
		background-image: url('../images/icons/graph-bar-02.svg');
	}

	#content .insulin-dose-review label { text-align:left; }
		#content .insulin-dose-review form { }
		#content .insulin-dose-review form h1 { }
		#content .insulin-dose-review form fieldset { border:none; padding:16px; margin:0; min-height:230px; text-align:center; }
	#content .insulin-dose-review form .group .field { margin-bottom:0; }
	#content .insulin-dose-review form .field { display:inline-block; width:95px; margin:10px 1px; vertical-align:bottom; }
	#content .insulin-dose-review form .field label { display:block; width:90px; line-height:1.25em; margin-bottom:0.25em; vertical-align:baseline; }
		#content .insulin-dose-review form .field label ~ label { height:1em; }
	#content .insulin-dose-review form .field label.time { color:#999; font-size:10px; text-transform:uppercase; }
	#content .insulin-dose-review form .field input { padding-left:8px; padding-right:8px; width:68px; text-align:right; }
		#content .insulin-dose-review form .field input:focus {  }
	#content .insulin-dose-review form .field.operator { text-align:center; width:16px; }
		#content .insulin-dose-review form .field.operator span { display:block; height:28px; line-height:30px; font-size:24px; color:#999; }
		#content .insulin-dose-review form .field.adjustment { }
			#content .insulin-dose-review form .field.adjustment input { width:40px; }
			#content .insulin-dose-review form .field.adjustment button { margin:0 0 0 -4px; vertical-align:top; width:28px; height:28px; padding:0; background-color:#1B77BD; background-size:contain; border-radius:0; font-size:0; }
				#content .insulin-dose-review form .field.adjustment button:hover { background-color:#5FA0D1; }
	#content .insulin-dose-review form fieldset .buttons { margin:10px 0; padding:0; }
		#content .insulin-dose-review form fieldset .buttons button { margin-bottom:8px; }
	#content .insulin-dose-review .padded { padding:16px; min-height:72px; }
	#content .insulin-dose-review .padded.with-footer { padding-bottom:0; }
	#content .insulin-dose-review .health-readings { text-align:center; }
		#content .insulin-dose-review h2 { text-align:center; line-height:1.5em; }
		#content .insulin-dose-review h3 { margin:0; text-transform:none; }
	#content .insulin-dose-review .legend { padding:8px 16px; margin:0; text-align:center; }
		#content .insulin-dose-review .legend ul { list-style:none; margin:0; padding:0; }
		#content .insulin-dose-review .legend li { display:inline-block; margin:0 0 8px; padding:0 8px; line-height:26px; border:solid 1px #ccc; width:100px; font-size:10px; text-align:center; }
		#content .insulin-dose-review .legend li.suggested { background:#eee; }
		#content .insulin-dose-review .legend li.manual { background:#F5DA81; }
		#content .insulin-dose-review .legend img { width:20px; height:20px; background:#1B77BD; vertical-align:middle; }
		#content .insulin-dose-review .legend p { line-height:20px; }
	#content .insulin-dose-review .view { text-align:center; }
		#content .insulin-dose-review .view label { float:none; display:block; text-align:center; width:auto; }
		#content .insulin-dose-review .view .field div { font-size:24px; height:24px; line-height:24px; padding:8px; margin-top:0; color:#666; border:solid 1px #ccc; }
	#content .insulin-dose-review .view .column { width:100px; margin:0 10px; vertical-align:bottom; }

	
#content .insulin-dose-review .dynamic-search-popup { }
	#content .insulin-dose-review .dynamic-search-popup ul h1 { font-size:14px; }
	#content .insulin-dose-review .dynamic-search-popup footer { padding:0; }

#content .insulin-dose-review header input.date { position:absolute; }

#content .insulin-dose-review .field button.icon {  }
#content .insulin-dose-review .field button.icon:hover {  }

#content .insulin-dose-review { }
	#content .insulin-dose-review.dcf table.patient tbody td { padding:2px 0; }
	#content .insulin-dose-review.dcf table.patient input { width:90%; border:none; }
		#content .insulin-dose-review.dcf table.patient input:focus { background-color:#caffd8; }

#content .insulin-dose-review.collapsed.has-dose-change > header { background: rgb(244, 181, 153); }
#content .insulin-dose-review.collapsed.has-dose-change > thead > tr:first-child { background: rgb(244, 181, 153); }


#content .healthcare-plan { }
	#content .healthcare-plan table { }
    #content .healthcare-plan table h2 { padding:16px 16px; }

#content #hedis-dashboard { }
	#content #hedis-dashboard .inner { padding:16px; }
	#content #hedis-dashboard h2 { margin-left:60px; margin-bottom:0; padding-bottom:4px; font-size:14px; font-weight:normal; }
	#content #hedis-dashboard fieldset { border:none; padding:0; margin-left:56px; margin-bottom:0; }
	#content #hedis-dashboard .field { float:left; width:auto; margin-right:15px; }
	#content #hedis-dashboard label { cursor:pointer; display:inline; width:auto; text-align:left; }
	#content #hedis-dashboard .icon { width:40px; height:40px; padding:0; background:#4d4d4d; }
	#content #hedis-dashboard button { float:left; display:block; width:40px; height:40px; padding:0; border:none; border-radius:0; background:#1B77BD url('../images/controls/button-save.svg') no-repeat center; background-size:80%; font-size:0; text-indent:-10000px; }
		#content #hedis-dashboard button img { display:block; width:40px; height:40px; padding:0; border:none; visibility:hidden; }
	#content #hedis-dashboard button[disabled] { cursor:default; }
		#content #hedis-dashboard button[disabled] img { visibility:visible; }
	#content #hedis-dashboard form { }	
	#content #hedis-dashboard form input[type=text] { width:40px; padding-top:0; padding-bottom:0; }
	#content #hedis-dashboard form input[type=checkbox] { margin-left:40px; }
	#content #hedis-dashboard form input[type=radio] { float:left; margin-top:3px; }
	#content #hedis-dashboard .list-item { height:40px; margin-bottom:12px; border:none; padding:0; }
		#content #hedis-dashboard form:last-child .list-item { margin:0; }

#content #hedis-appointments { }
	#content #hedis-appointments .inner { padding:16px; }
	#content #hedis-appointments fieldset { display:none; border:none; margin:0; padding:0; }
	#content #hedis-appointments fieldset .field > label { width:150px; }
	#content #hedis-appointments fieldset .data { margin-left:160px; }
	#content #hedis-appointments fieldset input.integer { width:75px; }
	#content #hedis-appointments fieldset input.decimal { width:75px; }
	#content #hedis-appointments .list-item { border:none; padding:0; }
		#content #hedis-appointments .list-item dl { }
		#content #hedis-appointments .list-item dd { margin-bottom:8px; }
		#content #hedis-appointments .list-item dt { margin-top:0; }
		#content #hedis-appointments .list-item footer { }
		#content #hedis-appointments .list-item h2 { margin-bottom:8px; margin-left:96px; cursor:pointer; }
		#content #hedis-appointments .list-item h2:hover { color:#1B77BD; }
		#content #hedis-appointments .list-item .details { margin-left:96px; }
	#content #hedis-appointments .list-item:nth-child(even) { }
	#content #hedis-appointments .buttons { padding-left:160px; }
	#content #hedis-appointments .buttons button { }
			
	#content #hedis-appointments .appointment { min-height:48px; margin-bottom:16px; }
		#content #hedis-appointments .appointment:last-child { margin-bottom:0; }
		#content #hedis-appointments .list-item header h2 { }
		#content #hedis-appointments .list-item header p { }
		#content #hedis-appointments .list-item img.icon { position:absolute; display:block; background:#999; width:56px; height:56px; padding:8px; cursor:pointer; }
		#content #hedis-appointments .list-item img.icon:hover { background:#1B77BD; }
				
	#content #hedis-appointments .active { }
		#content #hedis-appointments .active .list-item { border-bottom:dotted 1px #ccc; padding-bottom:16px; }
		#content #hedis-appointments .active .list-item header p { display:none; }
		#content #hedis-appointments .active .list-item div.buttons { display:block; }
		#content #hedis-appointments .active .list-item img { background:#1B77BD; }
		#content #hedis-appointments .active .list-item img:hover { background:#1B77BD; }
		#content #hedis-appointments .active .list-item fieldset { display:block; }
		#content #hedis-appointments .appointment:last-child .list-item { border:none; margin:0; }	

#sidebar { font-weight:400; }
	#sidebar ol, 
	#sidebar ul, 
	#sidebar li { margin:0; padding:0; box-sizing:border-box; }
	#sidebar .panel { padding-bottom:1px; max-height:640px; overflow:hidden; transition:max-height 800ms ease; }
	#sidebar .panel.collapsed { max-height:48px; transition:max-height 400ms ease; }
	
	#sidebar .panel > header { padding:0 20px; height:48px; line-height:50px; background:#333c47; }
	#sidebar .panel header { position:relative; position:relative; margin:0; box-shadow:0 1px 1px rgba(0,0,0,0.2); cursor:pointer; }
	#sidebar .panel header * { color:#fff; text-transform:uppercase; margin:0; }
	#sidebar .panel header h1 { font-size:14px; }
	#sidebar .panel header h2 { font-size:12px; margin-right:16px; }

	#sidebar .panel header::after { content:''; opacity:0.4; display:block; position:absolute; top:0; right:0; width:48px; height:48px; background:url('../images/controls/button-dropdown.svg') no-repeat center; background-size:18px; transform:rotate(0); }
	#sidebar .panel header:hover::after { opacity:0.6; }

	#sidebar .panel.collapsed > header h1,
	#sidebar .panel li.collapsed > header h1 { color:#95a0ae; }
	#sidebar .panel.collapsed > header::after,
	#sidebar .panel li.collapsed > header::after { opacity:0.2; transform:rotate(90deg); }

	#sidebar .panel .content { font-size:12px; line-height:28px; padding:8px 0; }
	#sidebar .panel p { padding:0 10px; margin-bottom:4px; }
	#sidebar .panel a { color:#c5d0de; display:block; overflow:hidden; transition:all 500ms linear; }
	#sidebar .panel a:hover { background-color:#24272d; text-decoration:none; transition:all 300ms ease; }
	#sidebar .panel li.active a { color:#fff; background-color:#24272d; text-decoration:none; }
	#sidebar .panel li.active a:hover { color:#fff; background-color:#24272d; text-decoration:none; text-shadow:1px 1px 1px #100; }
	#sidebar .panel li span.count { float:right; box-sizing:border-box; padding:0 6px; margin:4px 2px; height:24px; line-height:24px; background-color:#24272d; border-radius:2px; color:#fff; }
	#sidebar .panel li.active span.count { background-color:#24272d; }
	#sidebar .panel span { color:#333; display:block; padding:4px 10px; overflow:hidden; }
	#sidebar .panel span.active { color:#fff; background:#4D4D4D; text-decoration:none; }
	#sidebar .panel li { text-transform:uppercase; }
		#sidebar .panel li a { background-repeat:no-repeat; background-position:18px center; background-size:28px; padding:0 8px 0 50px; height:32px; line-height:35px; overflow:hidden; }
	
	#sidebar li.sub { border-bottom:solid 1px rgba(0,0,0,0.2); box-shadow:0 1px 0 #333c47; margin-bottom:1px; max-height:640px; overflow:hidden; transition:max-height 800ms ease; }
	#sidebar li.sub header { background-color:#333c47; background-repeat:no-repeat; background-position:18px center; background-size:28px; padding:0 8px 0 50px; height:32px; line-height:35px; overflow:hidden; }
	#sidebar li.sub header h1 {  }
	#sidebar li.sub header::after { width:48px; height:32px; }
	#sidebar li.sub.collapsible { margin:-2px 0 0; }
	#sidebar li.sub.collapsed { border-bottom:none; box-shadow:none; max-height:34px; transition:max-height 400ms ease; }
	#sidebar li.sub.collapsed ~ li.sub.collapsible { margin-top:-1px; }
	#sidebar li.sub .content { padding:8px 0; }

	#sidebar .panel li.sub:first-child { border-top:none; }
	#sidebar .panel li.sub:first-child .content { padding-top:0; }
	#sidebar .panel li.sub:last-child { border-bottom:none; box-shadow:none; }
	#sidebar .panel li.sub:last-child .content { padding-bottom:0; }

	#sidebar .panel.user-info { }
		#sidebar .panel.user-info li { text-transform:none; }

	#sidebar .panel.activities { max-height:980px; } 
	#sidebar .panel.activities.collapsed { max-height:48px; overflow:hidden; }
	#sidebar .panel.activities ul { padding:16px 16px 0; }
	#sidebar .panel.activities li { text-transform:none; line-height:1.5em; background:rgba(255,255,255,0.2); padding:4px 10px; margin-bottom:10px; border-left:solid 5px #999; color:#ccc; cursor:default; }
		#sidebar .panel.activities li span { font-weight:500; display:inline; padding:0; color:#fff; }
		#sidebar .panel.activities li:hover {  background:rgba(255,255,255,0.4); color:#000; }



	#sidebar .panel-nochild { padding-bottom:1px; max-height:640px; overflow:hidden; transition:max-height 800ms ease; }
	#sidebar .panel-nochild.collapsed {
		max-height: 48px;
		transition: max-height 400ms ease;
	}

	#sidebar .panel-nochild > header {
		padding: 0 20px;
		height: 48px;
		line-height: 50px;
		background: #333c47;
	}
	#sidebar .panel-nochild header {
		position: relative;
		position: relative;
		margin: 0;
		box-shadow: 0 1px 1px rgba(0,0,0,0.2);
		cursor: pointer;
	}
	#sidebar .panel-nochild header * {
		color: #95a0ae ;
		text-transform: uppercase;
		margin: 0;
	}

	#sidebar .panel-nochild header > a.active {
		color:white
	}

	#sidebar .panel-nochild header > a:hover {
		text-decoration:none;
	}

	#sidebar .panel-nochild header h1 {
		font-size: 14px;
	}

	#sidebar .panel-nochild header::after {
		content: '';
		opacity: 0.4;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 48px;
		height: 48px;
	}
	#sidebar .panel-nochild header:hover::after {
		opacity: 0.6;
	}


	#sidebar #panel-chat { max-height:980px; }
	#sidebar #panel-chat.collapsed { max-height:48px; overflow:hidden; }
	#sidebar #panel-chat .content { padding:0 20px; margin-bottom:1px; }
	#sidebar #panel-chat ul { margin:0 0 10px; }
	#sidebar #panel-chat li { border:none; text-transform:none; }
	#sidebar #panel-chat .list { padding:0 0 10px; }
	#sidebar #panel-chat .list img { vertical-align:top; width:16px; height:16px; }
	#sidebar #panel-chat .list h1 { margin:0 0 5px; padding:4px 0 0; font-weight:normal; color:#fff; cursor:help; }
	#sidebar #panel-chat .list h1:hover { font-weight:bold; }
	#sidebar #panel-chat .list p { margin:0; padding:8px 10px; line-height:1.5em; background:#fff; border-radius:4px; position:relative; text-overflow:ellipsis; overflow:visible; }
	#sidebar #panel-chat .list p:after { content:''; position:absolute; border-style:solid; border-width:0 10px 10px; border-color:#fff transparent; display:block; width:0; z-index:1; top:-10px; left:14px; }
		#sidebar #panel-chat .list p span { font-weight:500; color:#1B77BD; padding:0; }
	#sidebar #panel-chat form { display:block; margin:0 auto; padding:2px 2px 2px 20px; width:auto; max-height:100px; background:#fff url('../images/controls/chat-black.png') no-repeat 2px 2px; overflow:hidden; }
	#sidebar #panel-chat form.wait { background:#ccc url('../images/preloaders/status.gif') no-repeat 2px 2px; } 
	#sidebar #panel-chat .message { display:block; margin:0; padding:0; width:144px; height:1.5em; line-height:1.5em; border:none; resize:none; overflow:hidden; background:#fff; position:relative; z-index:2; }
	#sidebar #panel-chat .message::-webkit-input-placeholder { color:#cfcab2; font-style:italic; font-size:90%; }
	#sidebar #panel-chat .message:-moz-placeholder { color:#cfcab2; font-style:italic; font-size:90%; }
	#sidebar #panel-chat .message:placeholder { color:#cfcab2; font-style:italic; font-size:90%; }
	#sidebar #panel-chat .dummy-message { display:block; margin:0; padding:0 1px; width:142px; min-height:1.5em; line-height:1.7em; border:none; background:red; position:absolute; z-index:1; display:none; }
	#sidebar #panel-chat footer { margin:0 20px; }

	#sidebar #panel-activity-summary { }
	#sidebar #panel-activity-summary ul { border-top:solid 1px #e5dfc5; border-bottom:solid 1px #e5dfc5; margin-bottom:10px; }
	#sidebar #panel-activity-summary ul ul { border:none; list-style-type:disc; margin-left:2.2em; }
	#sidebar #panel-activity-summary ul ul li { border:none; padding:4px 0 0; color:#d5652c; }
	#sidebar #panel-activity-summary ul ul li:first-child { padding:0; }
	#sidebar #panel-activity-summary ul ul a { display:inline; background:none; padding:0; }
	#sidebar #panel-activity-summary ul ul a:hover { background:none; text-decoration:underline; color:#333; text-shadow:none; }
	#sidebar #panel-tips { }
	#sidebar #panel-tips a { display:inline; padding:0; }
	#sidebar #panel-template-actions ul div { display:none; }
	#sidebar #panel-template-actions ul li.active a { font-weight:bold; }
	#sidebar .tooltip { position:absolute; display:none; }
	#sidebar .ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	#sidebar li.summary > a { background-image:url('../images/icons/sidebar/summary.svg'); }
	#sidebar li.reports > a { background-image:url('../images/icons/sidebar/reports.svg'); }
	#sidebar li.alerts > a { background-image:url('../images/icons/sidebar/alerts.svg'); }
	#sidebar li.prescriptions > a { background-image:url('../images/icons/sidebar/prescriptions.svg'); }
	#sidebar li.chroniccare > a { background-image:url('../images/icons/sidebar/chroniccare.svg'); }
	#sidebar li.stripcount > a { background-image:url('../images/icons/sidebar/glucosestrips.svg'); }
	#sidebar li.diabetescare > a { background-image:url('../images/icons/sidebar/hedis.svg'); }
    #sidebar li.pausemonitoring > a { background-image:url('../images/icons/sidebar/monitoring.png'); }
    #sidebar li.pausemonitoring.paused > a { background-image:url('../images/icons/sidebar/monitoring-paused.png'); }
    #sidebar li.pausemonitoring.waiting > a { background-image:url('../images/preloaders/status-small.gif'); }
	#sidebar li.monitoring-toggle > a { background-image:url('../images/icons/sidebar/monitoring.png'); }
    #sidebar li.monitoring-toggle.paused > a { background-image:url('../images/icons/sidebar/monitoring-paused.png'); }
    #sidebar li.monitoring-toggle.waiting > a { background-image:url('../images/preloaders/status-small.gif'); }
	#sidebar li.monitoring-toggle a,
	#sidebar li.monitoring-toggle button { /*content:attr(data-running-text);*/ content:'Hi'; }
	#sidebar li.monitoring-toggle.paused a,
	#sidebar li.monitoring-toggle.paused button { /*content:attr(data-paused-text);*/  content:'Haller'; }

	#sidebar li.information > a { background-image:url('../images/icons/sidebar/information.svg'); }
	#sidebar li.otherdevices > a { background-image:url('../images/icons/sidebar/otherdevices.svg'); }
	#sidebar li.ehp > a { background-image:url('../images/icons/sidebar/checklist.svg'); }
    #sidebar li.ehp.warning > a { background-image:url('../images/icons/sidebar/checklist-warning.svg'); }
    #sidebar li.efiles > a { background-image:url('../images/icons/sidebar/efiles.svg'); }
	#sidebar li.message > a { background-image:url('../images/icons/sidebar/message.svg'); }
	#sidebar li.feedback > a { background-image:url('../images/icons/sidebar/feedback.svg'); }
	#sidebar li.rewards > a { background-image:url('../images/icons/sidebar/rewards.svg'); }
	#sidebar li.phone > a { background-image:url('../images/icons/sidebar/phone.svg'); }
	#sidebar li.phone.none > a { background-image:url('../images/icons/sidebar/phone-add.svg'); }
	#sidebar li.email > a { background-image:url('../images/icons/sidebar/email.svg'); }
	#sidebar li.email.unverified > a { background-image:url('../images/icons/sidebar/email-unverified.svg'); }
	#sidebar li.cellphone > a { background-image:url('../images/icons/sidebar/mobile.svg'); }
	#sidebar li.cellphone.unverified > a { background-image:url('../images/icons/sidebar/mobile-unverified.svg'); }
	#sidebar li.cellphone.none > a { background-image:url('../images/icons/sidebar/mobile-add.svg'); }
	#sidebar li.password > a { background-image:url('../images/icons/sidebar/password.svg'); }
	#sidebar li.password.warning > a { background-image:url('../images/icons/sidebar/password-warning.svg'); }
	#sidebar li.doctor > a { background-image:url('../images/icons/sidebar/doctor.svg'); }
	#sidebar li.name > a { background-image:url('../images/icons/sidebar/user.svg'); }
	#sidebar li.id > a { background-image:url('../images/icons/sidebar/id.svg'); }
	#sidebar li.user-group > a { background-image:url('../images/icons/sidebar/user-group.svg'); }
	#sidebar li.task > a { background-image:url('../images/icons/sidebar/task.svg'); }
	#sidebar li.add > a { background-image:url('../images/icons/sidebar/add.svg'); }
	#sidebar li.none > a { }
	#sidebar li.warning > a { color:#f60; }
	#sidebar li.unverified > a { color:#f60; }

    #sidebar li.doctor ul { padding:0; padding-left: 15px }
    #sidebar li.doctor-phone { color:#fff; text-transform:lowercase; font-size: 12px; background-image: url('../images/icons/sidebar/phone.svg'); background-position: -5px 50%; background-repeat: no-repeat; background-size: auto 100%; }
    #sidebar li.doctor-mobile { color:#fff; text-transform:lowercase; font-size: 12px; background-image: url('../images/icons/sidebar/mobile.svg'); background-position: -5px 50%; background-repeat: no-repeat; background-size: auto 100%; }
    #sidebar li.doctor-email { color:#fff; text-transform:lowercase; font-size: 12px; background-image: url('../images/icons/sidebar/email.svg'); background-position: -5px 50%; background-repeat: no-repeat; background-size: auto 100%; }

    #sidebar li.termsofuse > a { background-image:url('../images/icons/sidebar/termsofuse.svg'); }
    #sidebar li.consentform > a { background-image:url('../images/icons/sidebar/consentform.svg'); }
	
	#sidebar li.compliance > a,
	#sidebar li.sub.compliance > header { background-image:url('../images/icons/sidebar/compliance.svg'); }
	#sidebar li.user > a,
	#sidebar li.sub.user > header { background-image:url('../images/icons/sidebar/user.svg'); }
	#sidebar li.clinic > a,
	#sidebar li.sub.clinic > header { background-image:url('../images/icons/sidebar/clinic.svg'); }
	#sidebar li.disclaimer > a,
	#sidebar li.sub.disclaimer > header { background-image:url('../images/icons/sidebar/information.svg'); }

	#sidebar a.scheduled_message { background-image:url('../images/icons/sidebar/scheduled_message.svg'); }

    /* A class used by the jQuery UI CSS framework for their dialogs. */
    .ui-front { z-index: 99; }

#auxiliary-sidebar { float:right; font-weight:400; color:#fff;  }
	#auxiliary-sidebar header { padding:20px 20px 0; }
		#auxiliary-sidebar header ul { float:right; text-align:left; }
			#auxiliary-sidebar header ul ul { position:absolute; width:24px; padding-top:27px; top:0; right:0; background:#4d4d4d; z-index:4; display:none; }
				#auxiliary-sidebar header ul ul button { display:block; padding-left:28px; width:100px; background-position:left center; text-indent:0; text-align:left; line-height:24px; }
					#auxiliary-sidebar header ul ul button:focus { }
				#auxiliary-sidebar header ul ul li { position:relative; display:block; padding:2px; margin:0 0 0 -80px; width:100px; height:24px; background:#4d4d4d; }
		#auxiliary-sidebar header li { display:inline-block; width:24px; height:24px; position:relative; }
		#auxiliary-sidebar header button { width:24px; height:24px; }
		#auxiliary-sidebar header .menu { z-index:5; position:relative; }
	#auxiliary-sidebar h1 { font-size:14px; line-height:24px; overflow:hidden; margin:0; text-transform:uppercase; }
	#auxiliary-sidebar h2 { font-size:18px; line-height:24px; overflow:hidden; margin:0 0 16px; }
	#auxiliary-sidebar h3 { font-size:18px; text-transform:none; margin:0 0 8px; }
	#auxiliary-sidebar ol { margin:0; }
	#auxiliary-sidebar ul { margin:0; }
	#auxiliary-sidebar li { margin:0; }
	#auxiliary-sidebar p { line-height:1.5em; }
	#auxiliary-sidebar button { border:none; border-radius:0; padding:0; margin:0 0 0 0; display:inline-block; width:24px; height:24px; background-color:#4d4d4d; background-repeat:no-repeat; background-position:center; background-size:contain; overflow:hidden; text-indent:-10000px; }
		#auxiliary-sidebar button:hover { background-color:#333; }
	#auxiliary-sidebar .buttons { float:right; }
	#auxiliary-sidebar .field > label,
	#auxiliary-sidebar .field .column > label { color:#999; font-size:10px; text-transform:uppercase; }
	#auxiliary-sidebar .data.view { line-height:1.5em; }
	#auxiliary-sidebar .data.list { }
		#auxiliary-sidebar .data.list label { position:relative; padding-left:24px; margin-bottom:4px; display:block; }
		#auxiliary-sidebar .data.list input { position:absolute; margin-left:-24px; margin-top:0; }
	#auxiliary-sidebar form.view { }
		#auxiliary-sidebar form.view button.cancel { display:none; }
		#auxiliary-sidebar form.view button.save { display:none; }
		#auxiliary-sidebar form.view button.edit { display:inline-block; }
		#auxiliary-sidebar form.view .field.view { display:block; }
		#auxiliary-sidebar form.view .field.edit { display:none; }
		#auxiliary-sidebar form.view .data.view { display:block; }
		#auxiliary-sidebar form.view .data.edit { display:none; }
	#auxiliary-sidebar form.edit { }
		#auxiliary-sidebar form.edit button.cancel { display:inline-block; }
		#auxiliary-sidebar form.edit button.save { display:inline-block; }
		#auxiliary-sidebar form.edit button.edit { display:none; }
		#auxiliary-sidebar form.view .field.view { display:block; }
		#auxiliary-sidebar form.view .field.edit { display:none; }
		#auxiliary-sidebar form.edit .data.view { display:none; }
		#auxiliary-sidebar form.edit .data.edit { display:block; }
	
	#auxiliary-sidebar #panel-tasks {  }
		#auxiliary-sidebar #panel-tasks .menu { }
	#auxiliary-sidebar #panel-tasks ul.list { padding:0 20px; }
	#auxiliary-sidebar #panel-tasks .main p { padding:0 20px; }
		#auxiliary-sidebar #panel-tasks ul.list span { color:#fff; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 500ms linear; background:url('../images/icons/sidebar/task.svg') no-repeat 0 center; background-size:auto 100%; padding-left:30px; height:28px; line-height:31px; cursor:pointer; }
			#auxiliary-sidebar #panel-tasks ul.list span.snoozed,
			#auxiliary-sidebar #panel-tasks ul.list span.snoozed:hover { background-image:url('../images/icons/sidebar/task-snoozed.svg'); color:#999; }
		#auxiliary-sidebar #panel-tasks ul.list span:hover { color:#fff; background-color:#4D4D4D; text-decoration:none; transition:all 300ms ease; }
		#auxiliary-sidebar #panel-tasks ul.list li { text-transform:none; }
		#auxiliary-sidebar #panel-tasks ul.list li.active a { color:#fff; background-color:#333; text-decoration:none; }
		#auxiliary-sidebar #panel-tasks ul.list li.active a:hover { color:#fff; background-color:#333; text-decoration:none; text-shadow:1px 1px 1px #100; }
	#auxiliary-sidebar #panel-tasks form { padding:20px; color:#fff; }
		#auxiliary-sidebar #panel-tasks form .field { margin-bottom:8px; }
		#auxiliary-sidebar #panel-tasks form label { display:block; margin-bottom:4px; }
		#auxiliary-sidebar #panel-tasks form .data label { cursor:pointer; }
		#auxiliary-sidebar #panel-tasks form .data em { color:#ccc; }
		#auxiliary-sidebar #panel-tasks form .creator { font-weight:bold; }
		#auxiliary-sidebar #panel-tasks form .non-relative { color:#ccc; }
		#auxiliary-sidebar #panel-tasks form input[type=text] { display:block; border:none; width:172px; padding-left:4px; padding-right:4px; }
		#auxiliary-sidebar #panel-tasks form select { display:block; border:none; width:100%; }
		#auxiliary-sidebar #panel-tasks form textarea { display:block; border:none; width:172px; padding:4px; resize:vertical; min-height:6em; line-height:1.5em; }
		#auxiliary-sidebar #panel-tasks form .columns { text-align:justify; }
			#auxiliary-sidebar #panel-tasks form .columns:after { content:""; display:inline-block; width:100%; }
			#auxiliary-sidebar #panel-tasks form .column { display:inline-block; width:45%; }
		#auxiliary-sidebar #panel-tasks .details form { padding-top:0; }
		#auxiliary-sidebar #panel-tasks form.schedules { }
		#auxiliary-sidebar #panel-tasks form.schedules input[type=text] { width:72px; }
			#auxiliary-sidebar #panel-tasks form.schedules.edit .columns { /*margin:8px 0 0;*/ margin:0; }
			#auxiliary-sidebar #panel-tasks form.schedules h3 { margin-bottom:6px; }

	#auxiliary-sidebar #panel-comments { }
	#auxiliary-sidebar #panel-comments .content { padding:0 20px; margin-bottom:1px; }
	#auxiliary-sidebar #panel-comments .list { margin:0 20px; padding:0 0 10px; }
	#auxiliary-sidebar #panel-comments .list li { margin:0 0 20px; border:none; text-transform:none; }
		#auxiliary-sidebar #panel-comments .list li div { overflow:hidden; text-overflow:ellipsis; }
		#auxiliary-sidebar #panel-comments .list header { padding:0; }
	#auxiliary-sidebar #panel-comments .list img { vertical-align:top; width:16px; height:16px; }
	#auxiliary-sidebar #panel-comments .list h1 { margin:0 0 6px; padding:0; font-weight:normal; font-size:12px; line-height:12px; color:#fff; cursor:help; }
	#auxiliary-sidebar #panel-comments .list h1:hover { }
	#auxiliary-sidebar #panel-comments .list h2 { margin:0 0 6px; font-size:12px; line-height:12px; color:#ccc; }
	#auxiliary-sidebar #panel-comments .list p { margin:0; padding:8px 10px; line-height:1.5em; background:#fff; border-radius:4px; position:relative; }
	#auxiliary-sidebar #panel-comments .list p:after { content:''; position:absolute; border-style:solid; border-width:0 10px 10px; border-color:#fff transparent; display:block; width:0; z-index:1; top:-10px; left:14px; }
		#auxiliary-sidebar #panel-comments .list p span { font-weight:500; color:#1B77BD; padding:0; }
	#auxiliary-sidebar #panel-comments form { display:block; margin:20px; padding:4px 2px 4px 24px; width:auto; /*max-height:100px;*/ background:#fff url('../images/controls/form-comment.png') no-repeat 2px 4px; overflow:hidden; border:none; }
	#auxiliary-sidebar #panel-comments form.wait { background:#ccc url('../images/preloaders/status-message.gif') no-repeat 4px 4px; background-size:18px 18px; }
		#auxiliary-sidebar #panel-comments form.wait textarea { background:#ccc; }
	#auxiliary-sidebar #panel-comments textarea { display:block; margin:0; padding:0; width:154px; height:1.5em; line-height:1.5em; border:none; resize:none; overflow:hidden; background:#fff; position:relative; z-index:2; }
	#auxiliary-sidebar #panel-comments textarea::-webkit-input-placeholder { color:#cfcab2; font-style:italic; }
	#auxiliary-sidebar #panel-comments textarea:-moz-placeholder { color:#cfcab2; font-style:italic; }
	#auxiliary-sidebar #panel-comments textarea:placeholder { color:#cfcab2; font-style:italic; }
	#auxiliary-sidebar #panel-comments .dummy-input { display:block; margin:0; padding:0 1px; width:154px; min-height:1.5em; line-height:1.55em; border:none; background:red; position:absolute; z-index:1; display:none; }
	#auxiliary-sidebar #panel-comments footer { margin:0 20px; }



#mailbox { }
	#mailbox.list ol { list-style:none; margin:0; padding:0; }
	#mailbox.list li {
		margin: 0 0 1px;
		height: 48px;
		line-height: 48px;
		padding: 0 0 0 48px;
		background: url('/console/assets/images/icons/message-opened.svg') no-repeat left center;
		cursor: pointer;
		transition: all ease 300ms;
	}
	#mailbox.list li:hover { background-color:#ccc; transition:all ease 500ms; }
		#mailbox.list li.new {
			background-image: url('/console/assets/images/icons/message-new.svg');
		}
		#mailbox.list li.new a { font-weight:500; color:#1B77BD; }
		#mailbox.list li a { display:block; color:#666; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
			#mailbox.list li a:hover { text-decoration:none; }
		#mailbox.list li div { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666; }
		#mailbox.list li .actions { float:right; height:48px; font-size:0; }
			#mailbox.list li .action { display:inline-block; width:48px; height:48px; margin-left:1px; }
				#mailbox.list li .action a { display:block; width:100%; height:100%; background:none no-repeat left center; }
					#mailbox.list li .action a:hover { background-color:#999; }
				#mailbox.list li .action.delete a {
					background-image: url('/console/assets/images/icons/message-delete.svg');
				}
				#mailbox.list li .action.reply a {
					background-image: url('/console/assets/images/icons/message-reply.svg');
				}
				#mailbox.list li .action.task a {
					background-image: url('/console/assets/images/icons/message-task.svg');
				}
		#mailbox.list li .content { }
			#mailbox.list li .content > div { font-size:14px; }
		#mailbox.list li .date { float:right; width:140px; text-align:center; }
		#mailbox.list li .sender { float:left; width:190px; padding:0 8px; }
		#mailbox.list li .subject { margin:0 156px 0 222px; }
		
		#mailbox.details { }
			#mailbox.details article { margin-top:2em; }
			#mailbox.details header { height:48px; margin-bottom:8px; }
			#mailbox.details h1 { font-size:24px; line-height:48px; }
			#mailbox.details h2 { margin-bottom:8px; }
			#mailbox.details h2 strong { text-transform:lowercase; font-size:12px; margin-right:8px; font-weight:normal; float:left; width:48px; }
				#mailbox.details .actions { float:right; }
					#mailbox.details .actions button { display:inline-block; width:48px; height:48px; background:#ccc no-repeat left center; overflow:hidden; text-indent:-10000px; border:none; border-radius:0; }
						#mailbox.details .actions button:hover { background-color:#999; }
						#mailbox.details .actions button.delete {
							background-image: url('/console/assets/images/icons/message-delete.svg');
						}
						#mailbox.details .actions button.reply {
							background-image: url('/console/assets/images/icons/message-reply.svg');
						}
				#mailbox.details .body { font-size:18px; line-height:2em; font-weight:300; padding:32px; margin-top:32px; }
					#mailbox.details .body p:last-child { margin-bottom:0; }

	#mailbox fieldset { border:none; }
	#mailbox fieldset label { width:140px; }
	#mailbox fieldset .data { margin-left:150px; }
	#mailbox fieldset .data input[type=text],
	#mailbox fieldset .data select,
	#mailbox fieldset .data textarea { width:300px; }
	#mailbox .buttons { padding-left:160px; }


#glucosestrips { }
#glucosestrips th .action { float:right; display:none; }
#glucosestrips th .status { float:left; display:none; cursor:help; }
#glucosestrips th .date { background-color:#fff; border-color:#c66; }
			
#glucosestrips #glucosestrips-row-edit,
#glucosestrips #glucosestrips-row-message { }
#glucosestrips #glucosestrips-refillquantity { width:25px; }
#glucosestrips #glucosestrips-comment { width:90%; }

#glucosestrips-summary { }
#glucosestrips-summary tbody td.data { padding:1px; }
#glucosestrips-summary tbody div { padding:1px 4px; text-align:right; }
#glucosestrips-summary tbody div.history-tooltip { cursor:help; }
#glucosestrips-summary tbody div.history-tooltip label { cursor:help; }
#glucosestrips-summary tbody div.history-tooltip:hover { background-color:#4D4D4D; color:#fff; }
#glucosestrips-summary tbody label { float:left; width:65%; text-align:left; }
#glucosestrips-summary tbody input { width:25%; text-align:right; }
#glucosestrips-summary tbody input.edit {  }
#glucosestrips-summary tbody .time-period { font-weight:bold; }
#glucosestrips-summary tbody .time-period input { font-weight:bold; }
#glucosestrips-summary tbody .message { display:none; }
#glucosestrips-summary .history { display:none; }

#popup-glucosestrips { /*width:400px; height:200px;*/ }
.graph-container {  }
.graph-container #graph { margin:3em auto 0; height:270px; position:relative; }
.graph-container h2 { }



#footer { position:fixed; bottom:0; left:0; right:0; clear:both; background:#333c47; color:#ccc; line-height:1.25em; border-top:solid 1px #434c57; height:96px; transform:translateY(80px); cursor:pointer; transition:all 400ms ease; }
#footer::after { content:''; position:absolute; top:4px; left:50%; margin-left:-8px; height:0; width:0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 6px solid rgba(255,255,255,0.2); }
#footer:hover { transform:translateY(0); transition:all 200ms ease; }
	#footer #copyright { position:absolute; top:17px; bottom:0; left:20px; width:170px; text-align:left; }
		#footer #copyright span { display:block; line-height:1.5em; }
	#footer #confidential-notice { padding:20px 30px 15px; margin-left:220px; text-align:justify; border-left:solid 1px #434c57; font-size:10px; }
		#footer #confidential-notice:hover { color:#fff; }
		#footer #confidential-notice p { margin:0; }

/*#content .glucose-filter { }
#content .glucose-filter .glucose-filter-dropdown { text-transform: uppercase; color: #666; }
#content .glucose-filter .divider { border-top: 1px solid #D9D9D9; margin: 0px 0px 15px 0px; }
#content .glucose-filter #StartDate { text-transform: uppercase; color: #666; }
#content .glucose-filter #EndDate { text-transform: uppercase; color: #666; }*/

#content #content-filter { border-top:1px solid #D9D9D9; margin:0 30px 30px; padding:4px 0 0; text-transform:uppercase; }
/*	#content-filter button { background:none; border-radius:0; margin:0; padding:0; color:#666; }
	#content-filter form > div { display:inline-block; overflow:visible; }
		#content-filter form > div:first-child { color:#999; }
	#content-filter form .field { padding-left:18px; position:relative; }
		#content-filter form .field > button {  position:relative; z-index:5; padding:0 8px; }
			#content-filter form .field > button span { font-size:8px; vertical-align:middle; margin:0 4px; }
		#content-filter form .field > button { padding-right:0; height:30px; transition:none; }
		#content-filter form .field > button::after { content:"\25bc"; display:block; float:right; margin-left:4px; width:16px; height:30px; }
		#content-filter form .field .field-popup { position:absolute; top:30px; right:0; z-index:5; display:block; width:16px; overflow:visible; display:none; }

		#content-filter form .field.active > button { background:#999; color:#fff; }
		#content-filter form .field.active > button::after { background:#333; color:#fff; box-shadow:2px 2px 1px rgba(0,0,0,0.2); }
		#content-filter form .field.active .field-popup { display:block; }

		#content-filter form .field.dropdown ul { display:inline-block; float:right; margin:0; padding:2px; background:#4d4d4d; box-shadow:2px 2px 1px rgba(0,0,0,0.2); text-align:right; }
		#content-filter form .field.dropdown li { display:block; padding:4px 12px; margin:0; height:24px; line-height:24px; background:#4d4d4d; color:#fff; font-size:11px; white-space:nowrap; overflow:hidden; cursor:pointer; }
		#content-filter form .field.dropdown li:hover { background:#333; }

		#content-filter form .field.date-range .field-popup:focus { display:block; }
		#content-filter form .field.date-range .ui-datepicker { position:absolute; right:0; }
		#content-filter form .field.date-range .ui-corner-all { border-top-right-radius:0; }
		#content-filter form .field.date-range .ui-datepicker-current-day a { background: #ccc; color:#fff; }
		#content-filter form .field.date-range .ui-datepicker-current-day.ui-state-highlight a,
		#content-filter form .field.date-range .ui-state-highlight a { background: #1B77BD; color:#fff; }
*/
#content .content-filter { border-top:none; margin:0 0 30px; padding:4px 0 0; text-transform:uppercase; }
	.content-filter button { background:none; border-radius:0; margin:0; padding:0; color:#666; }
	.content-filter form > div { display:inline-block; overflow:visible; }
		.content-filter form > div:first-child { color:#999; }
	.content-filter form .field { padding-left:18px; position:relative; }
		.content-filter form .field > button {  position:relative; z-index:5; padding:0 8px; }
			.content-filter form .field > button span { font-size:8px; vertical-align:middle; margin:0 4px; }
		.content-filter form .field > button { padding-right:0; height:30px; transition:none; }
		.content-filter form .field > button::after { content:"\25bc"; display:block; float:right; margin-left:4px; width:16px; height:30px; }
		.content-filter form .field .field-popup { position:absolute; top:30px; right:0; z-index:5; display:block; width:16px; overflow:visible; display:none; }

		.content-filter form .field.active > button { background:#999; color:#fff; }
		.content-filter form .field.active > button::after { background:#333; color:#fff; box-shadow:2px 2px 1px rgba(0,0,0,0.2); }
		.content-filter form .field.active .field-popup { display:block; }

		.content-filter form .field.dropdown ul { display:inline-block; float:right; margin:0; padding:2px; background:#4d4d4d; box-shadow:2px 2px 1px rgba(0,0,0,0.2); text-align:right; }
		.content-filter form .field.dropdown li { display:block; padding:4px 12px; margin:0; height:24px; line-height:24px; background:#4d4d4d; color:#fff; font-size:11px; white-space:nowrap; overflow:hidden; cursor:pointer; }
		.content-filter form .field.dropdown li:hover { background:#333; }

		.content-filter form .field.date-range .field-popup:focus { display:block; }
		.content-filter form .field.date-range .ui-datepicker { position:absolute; right:0; }
		.content-filter form .field.date-range .ui-corner-all { border-top-right-radius:0; }
		.content-filter form .field.date-range .ui-datepicker-current-day a { background: #ccc; color:#fff; }
		.content-filter form .field.date-range .ui-datepicker-current-day.ui-state-highlight a,
		.content-filter form .field.date-range .ui-state-highlight a { background: #1B77BD; color:#fff; }

#content #content-header { /*border-top:1px solid #D9D9D9;*/ margin:20px 30px 30px; /*padding:4px 0 0;*/ text-transform:uppercase; }
#content .content-header { border-top:none; margin:0 0 30px; padding:0 0 0; text-transform:uppercase; }
	.content-header form > div { display:inline-block; overflow:visible; }
	.content-header form .field { padding-left:20px; position:relative; display: inline-block; margin: 0 0 0 8px; height: 48px; min-width: 104px; padding: 8px; border: none; background: #4B6B75; text-align: left; color: #fff; overflow: visible; text-align:right;  }
        .content-header form .field > label { font-weight:500; font-size:14px; }
        .content-header form .field > header { background:none; margin-left:38px; }
        .content-header form > div * { font-size: 12px; line-height: 1em; height: auto; margin: 0 0 0.2em; text-align: left; }
            .content-header form > div h2 { margin:0; line-height:1.2em }
            .content-header form > div h3 { margin:0; line-height:1.2em }
        .content-header form > div .value { font-size:24px; }

    .content-header form > .field.icon:hover { background-color:#6899A8; }
    .content-header form > .field.icon { background-repeat: no-repeat; background-position: 0 0; background-size: 48px 48px; cursor:pointer; }

    .content-header form > .goal { background-image:url('../images/icons/target.svg'); }
	.content-header form > .glycated-hemoglobin { background-image:url('../images/icons/drop.svg'); }
	.content-header form > .insulin { background-image:url('../images/icons/injection-02.svg'); }
    .content-header form > .pills { background-image:url('../images/icons/Pills.svg'); }
    .content-header form > .alertlevel { background-image:url('../images/icons/alert.svg'); }

    .content-header form .field > .tooltip 
		{ 
			line-height:1.5em;
			pointer-events:none;
			width:240px; 
			padding: 8px 16px;
			color: #fff;
			position: absolute;
			right: 0; 
			z-index: 20;
			border-radius: 4px 0 4px 4px;  
			box-shadow:2px 2px 2px rgba(0, 0, 0, 0.2);
			background:#333;
			opacity:0; 
			top:100%; 
			transform:translateY(0);
			transition:all 500ms ease; 
		}
		.content-header form .field > .tooltip::before 
		{ 
			content: '';
			position: absolute;
			border-style: solid;
			border-width: 0 0 11px 12px;
			border-color: #333 transparent;
			display: block;
			width: 0;
			z-index: 21;
			right: 8px;
			margin-top:-8px;
			top:0;
		}
		.content-header form > .field:hover .tooltip
		{ 
			opacity:1;
			transform:translateY(10px);
			transition:all 250ms ease;
		}


    #content .e-healthcare { position:relative; }
		#content .e-healthcare > .inner { padding:16px; }

    #content .box > .ccmSection.content { padding:16px; }
    
    #content .e-healthcare.ccmSection.box.group { margin:0; padding:0px; border:none; }
    #content .e-healthcare.ccmSection.box.group.collapsible.collapsed { padding:0px; padding-bottom:8px; }
        #content .e-healthcare.ccmSection.box.group.collapsible { margin-bottom:16px; }
        #content .e-healthcare.ccmSection.box.group:not(.collapsed) { box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
        #content .e-healthcare.ccmSection.box.group:not(.collapsed) > header { background-color:#eee; }
        #content .e-healthcare.ccmSection.box.group:not(.collapsed) > .content { padding-bottom:8px; }
        #content .e-healthcare.ccmSection.box.group.commentSection > .content { padding:8px; }

    #content .e-healthcare.box { margin:0; padding:8px; border:none; }
        #content .e-healthcare.box { padding-top:0; }
        #content .e-healthcare.box.collapsible.collapsed { padding-top:0; padding-bottom:0; border:none; }
        #content .e-healthcare.box > header { height:auto; padding:8px; background:none; }
        #content .e-healthcare.box .subSectionTitle > header { font-weight:500; }
        #content .e-healthcare.box.collapsible:not(.collapsed) > header { margin-bottom:8px; font-weight:500; border-bottom:solid 1px #f3f5f5; }

    #content .e-healthcare.box.collapsible > header:hover, 
        #content .e-healthcare.box.group.collapsible > header:hover { color:#f3f5f5; background-color:#999 !important;  } 
    
    #content .e-healthcare.box.group, 
        #content .e-healthcare.box.group.collapsible.collapsed { padding:8px; }
        #content .e-healthcare.box.group { margin-bottom:16px; }
        #content .e-healthcare.box.group > content { padding:8px; border:none; }
        #content .e-healthcare.box.group > header { font-size: 1.2em; font-weight: 500; }
        #content .e-healthcare.box.group > header, 
        #content .e-healthcare.box.group.collapsed > header { height:auto; padding:8px; background:none; border-bottom:none; }
        #content .e-healthcare.box.group.collapsible:not(.collapsed) > header { margin-bottom:8px; }

    #content .e-healthcare.ehpItem.box.collapsible:not(.collapsed) > .content { padding-left:24px; padding-right:24px; }

	#content .e-healthcare > .box:last-child { margin:0; }
	#content .e-healthcare > form:last-child > .box:last-child { margin:0; }
	#content .e-healthcare > div:last-child > .box:last-child { margin:0; }

	#content .e-healthcare label { text-align:left; }
		#content .e-healthcare form { }
		#content .e-healthcare form h1 { }
		#content .e-healthcare form fieldset { border:none; padding:16px; margin:0; min-height:230px; text-align:center; }
	#content .e-healthcare form .group .field { margin-bottom:0; }
	#content .e-healthcare form .field { display:inline-block; width:95px; margin:10px 1px; vertical-align:bottom; }
	#content .e-healthcare form .field label { display:block; width:90px; line-height:1.25em; margin-bottom:0.25em; vertical-align:baseline; }
		#content .e-healthcare form .field label ~ label { height:1em; }
	#content .e-healthcare form .field label.time { color:#999; font-size:10px; text-transform:uppercase; }
	#content .e-healthcare form .field input { padding-left:8px; padding-right:8px; width:68px; text-align:right; }
		#content .e-healthcare form .field input:focus {  }
	#content .e-healthcare form .field.operator { text-align:center; width:16px; }
		#content .e-healthcare form .field.operator span { display:block; height:28px; line-height:30px; font-size:24px; color:#999; }
		#content .e-healthcare form .field.adjustment { }
			#content .e-healthcare form .field.adjustment input { width:40px; }
			#content .e-healthcare form .field.adjustment button { margin:0 0 0 -4px; vertical-align:top; width:28px; height:28px; padding:0; background-color:#1B77BD; background-size:contain; border-radius:0; font-size:0; }
				#content .e-healthcare form .field.adjustment button:hover { background-color:#5FA0D1; }
	#content .e-healthcare form fieldset .buttons { margin:10px 0; padding:0; }
		#content .e-healthcare form fieldset .buttons button { margin-bottom:8px; }
	#content .e-healthcare .padded { padding:16px; min-height:72px; }
	#content .e-healthcare .padded.with-footer { padding-bottom:0; }
	#content .e-healthcare .health-readings { text-align:center; }
		#content .e-healthcare h2 { text-align:center; line-height:1.5em; }
		#content .e-healthcare h3 { margin:0; text-transform:none; }
	#content .e-healthcare .legend { padding:8px 16px; margin:0; text-align:center; }
		#content .e-healthcare .legend ul { list-style:none; margin:0; padding:0; }
		#content .e-healthcare .legend li { display:inline-block; margin:0 0 8px; padding:0 8px; line-height:26px; border:solid 1px #ccc; width:100px; font-size:10px; text-align:center; }
		#content .e-healthcare .legend li.suggested { background:#eee; }
		#content .e-healthcare .legend li.manual { background:#F5DA81; }
		#content .e-healthcare .legend img { width:20px; height:20px; background:#1B77BD; vertical-align:middle; }
		#content .e-healthcare .legend p { line-height:20px; }
	#content .e-healthcare .view { text-align:center; }
		#content .e-healthcare .view label { float:none; display:block; text-align:center; width:auto; }
		#content .e-healthcare .view .field div { font-size:24px; height:24px; line-height:24px; padding:8px; margin-top:0; color:#666; border:solid 1px #ccc; }
	#content .e-healthcare .view .column { width:100px; margin:0 10px; vertical-align:bottom; }



    #content .staff-review { position:relative; }
		#content .staff-review > .inner { padding:16px; }

	#content .staff-review.collapsed.has-dose-change > header {
		background: rgb(244, 181, 153);
	}

	#content .staff-review.collapsed.has-dose-change > thead > tr:first-child {
		background: rgb(244, 181, 153);
	}
	#content .highlight-header > thead > tr:first-child {
		background: #FBD68C;
		color: black;
	}
		
	#content .staff-review table { margin:0 0 8px; }
	#content .staff-review table thead tr {  color:#fff; }
		#content .staff-review table tbody { color:#666; }
			#content .staff-review table tbody td { padding:8px; }
		#content .staff-review table tfoot tr { background:#ccc; color:#333; }
		#content .staff-review table tfoot td { padding:16px; }
		#content .staff-review table tfoot .message { font-size:18px; margin:16px; font-weight:normal; text-align:center; color:#666; }
			#content .staff-review table tfoot .message h1 { }
			#content .staff-review table tfoot .message h2 { }
			#content .staff-review table tfoot .warning h3 { text-transform:uppercase; text-align:left; color:#fc4236; margin-bottom:0; font-weight:normal; }
		#content .staff-review table p:last-child { margin:0; }
		#content .staff-review table .date { display:block; width:auto; text-align:right; font-size:11px; }
		#content .staff-review table .value { font-size:18px; }
		#content .staff-review table .unit { font-size:14px; }
		#content .staff-review table .no-data {  }
		#content .staff-review table .no-data .value { font-size:14px; }
		#content .staff-review table .above { color:#fc4236; }
		#content .staff-review table .below { color:#93278F; }
		#content .staff-review table .consistent * { color:#fff; }
		#content .staff-review table .consistent.above { background-color:#f5a9a9; }
		#content .staff-review table .consistent.below { background-color:#d4a9d2; }
		#content .staff-review table .not-enough-data { background-color:#f5a9a9; }

	#content .staff-review > .box:last-child { margin:0; }
	#content .staff-review > form:last-child > .box:last-child { margin:0; }
	#content .staff-review > div:last-child > .box:last-child { margin:0; }

	#content .staff-review table.timeframe { }
		#content .staff-review table.timeframe thead tr { background:#999; color:#fff; }
		#content .staff-review table.timeframe thead th { border-color:#fff; }
	
	#content .staff-review table.reading-count { }
		#content .staff-review table.reading-count tbody td { font-size:18px; }
			#content .staff-review table.reading-count tbody td.no-data { font-size:14px; }

	/*#content .staff-review table.box thead th:first-child { padding:0 0 0 32px;  }*/
		#content .staff-review table.fpg thead th:first-child { background-image:url('../images/icons/graph-line-01.svg');  }
		#content .staff-review table.reading-count thead th:first-child { background-image:url('../images/icons/graph-bar-02.svg'); }

	#content .staff-review label { text-align:left; }
		#content .staff-review form { }
		#content .staff-review form h1 { }
		#content .staff-review form fieldset { border:none; padding:16px; margin:0; min-height:230px; text-align:center; }
	#content .staff-review form .group .field { margin-bottom:0; }
	#content .staff-review form .field { display:inline-block; width:95px; margin:10px 1px; vertical-align:bottom; }
	#content .staff-review form .field label { display:block; width:90px; line-height:1.25em; margin-bottom:0.25em; vertical-align:baseline; }
		#content .staff-review form .field label ~ label { height:1em; }
	#content .staff-review form .field label.time { color:#999; font-size:10px; text-transform:uppercase; }
	#content .staff-review form .field input { padding-left:8px; padding-right:8px; width:68px; text-align:right; }
		#content .staff-review form .field input:focus {  }
	#content .staff-review form .field.operator { text-align:center; width:16px; }
		#content .staff-review form .field.operator span { display:block; height:28px; line-height:30px; font-size:24px; color:#999; }
		#content .staff-review form .field.adjustment { }
			#content .staff-review form .field.adjustment input { width:40px; }
			#content .staff-review form .field.adjustment button { margin:0 0 0 -4px; vertical-align:top; width:28px; height:28px; padding:0; background-color:#1B77BD; background-size:contain; border-radius:0; font-size:0; }
				#content .staff-review form .field.adjustment button:hover { background-color:#5FA0D1; }
	#content .staff-review form fieldset .buttons { margin:10px 0; padding:0; }
		#content .staff-review form fieldset .buttons button { margin-bottom:8px; }
	#content .staff-review .padded { padding:16px; min-height:72px; }
	#content .staff-review .padded.with-footer { padding-bottom:0; }
	#content .staff-review .health-readings { text-align:center; }
		#content .staff-review h2 { text-align:center; line-height:1.5em; }
		#content .staff-review h3 { margin:0; text-transform:none; }
	#content .staff-review .legend { padding:8px 16px; margin:0; text-align:center; }
		#content .staff-review .legend ul { list-style:none; margin:0; padding:0; }
		#content .staff-review .legend li { display:inline-block; margin:0 0 8px; padding:0 8px; line-height:26px; border:solid 1px #ccc; width:100px; font-size:10px; text-align:center; }
		#content .staff-review .legend li.suggested { background:#eee; }
		#content .staff-review .legend li.manual { background:#F5DA81; }
		#content .staff-review .legend img { width:20px; height:20px; background:#1B77BD; vertical-align:middle; }
		#content .staff-review .legend p { line-height:20px; }
	#content .staff-review .view { text-align:center; }
		#content .staff-review .view label { float:none; display:block; text-align:center; width:auto; }
		#content .staff-review .view .field div { font-size:24px; height:24px; line-height:24px; padding:8px; margin-top:0; color:#666; border:solid 1px #ccc; }
	#content .staff-review .view .column { width:100px; margin:0 10px; vertical-align:bottom; }


    /*For generic grouping of tables*/
    #content .generic-group { position:relative; }
		#content .generic-group > .inner { padding:16px; }
		
	#content .generic-group table { margin:0 0 8px; }
	#content .generic-group table thead tr {  color:#fff; }
		#content .generic-group table tbody { color:#666; }
			#content .generic-group table tbody td { padding:8px; }
		#content .generic-group table tfoot tr { background:#ccc; color:#333; }
		#content .generic-group table tfoot td { padding:16px; }
        #content .generic-group table tbody td.context { padding: 0; }
		#content .generic-group table tfoot .message { font-size:18px; margin:16px; font-weight:normal; text-align:center; color:#666; }
			#content .generic-group table tfoot .message h1 { }
			#content .generic-group table tfoot .message h2 { }
			#content .generic-group table tfoot .warning h3 { text-transform:uppercase; text-align:left; color:#fc4236; margin-bottom:0; font-weight:normal; }
		#content .generic-group table p:last-child { margin:0; }
		#content .generic-group table .date { display:block; width:auto; text-align:right; font-size:11px; }
		#content .generic-group table .value { font-size:18px; }
		#content .generic-group table .unit { font-size:14px; }
		#content .generic-group table .no-data {  }
		#content .generic-group table .no-data .value { font-size:14px; }
		#content .generic-group table .above { color:#fc4236; }
		#content .generic-group table .below { color:#93278F; }
		#content .generic-group table .consistent * { color:#fff; }
		#content .generic-group table .consistent.above { background-color:#f5a9a9; }
		#content .generic-group table .consistent.below { background-color:#d4a9d2; }
		#content .generic-group table .not-enough-data { background-color:#f5a9a9; }
        	

#dcfshowmorereviews{ height:20px; background-color:#eee; color:#999; font-weight:bold; text-align:center; padding:10px 0; cursor:pointer; }
#dcfshowmorereviews:hover{ text-decoration:underline; }


@media print 
{
	#header,
	#footer,
	#mainnav,
	#container #sidebar, 
	#container #sidebar:before,
	#container #sidebar:after,  
	#container #auxiliary-sidebar,
	#container #auxiliary-sidebar:before,
	#container #auxiliary-sidebar:after { display:none !important; }
	#patient-browser { background:#fff; color:#333; margin:0; padding:0; }
	#patient-browser .search,
	#patient-browser .browser,
	#patient-browser #patient-toolbar { display:none; }
	#patient-browser #patient-browser-name { padding:0; }
	#patient-browser #patient-browser-cumulative-time { margin:0; padding:0; }
	#container #content { margin:0 !important; clear:both; position:relative; }
		#container #content > header { margin:0; padding:0; }
		#container #content > header h1 { font-size:24px; }
		#container #content > .inner { margin:0; padding:0; }
		#container #content aside { display:none; }

}