/************************************************************\
	global/top level styles
\************************************************************/
	html, body {
		height: 100%;
	}
	body {
		font-size: 16px;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: #333;
		background: #364fa1; /*blue 364fa1 red e2242e -- need to change spinner and main nav bg to match */
	}
	
	body > header {
		z-index: 2;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
		padding-left: 75px;
		line-height: 50px;
		font-size: 20px;
		color: #fff;
		background: url(../../app/img/logo_white.png) no-repeat 30px center;
		background-size: auto 75%;
		background-color: inherit;
	}
	
		@media (max-width: 1000px) {
			body > header { background-position: 20px center; }
		}
		@media (max-width: 480px) {
			body > header { background-position: 7px center; }
		}
		body > header.debug_easteregg {
			background-image: url(../../app/img/logo_red.png);
		}
	
	#evaluation_report_iframe {
		z-index: 3;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.load_status {
		display: none;
		z-index: 999;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		padding: 5px 10px;
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		color: #999;
		background: #fff;
	}
	.load_status.active {
		display: block;
	}

	.main {
		z-index: 1;
		position: absolute;
		top: 50px;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
	}
	.main::after,
	.smallbox_bg::after {
		display: block;
		content: "";
		
		z-index: 1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: url(../../app/img/icon_white.png) no-repeat center;
		background-size: contain;
		opacity: .05;
	}
	
	.page_wrapper {
		z-index: -1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		opacity: 0;
		transition: opacity .4s;
	}
	.page_wrapper.active {
		z-index: 2;
		opacity: 1;
	}
	.page {
		z-index: -1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fcfcfc;
		opacity: 0;
		overflow: auto;
		
		transition: opacity .4s;
		transition-delay: .4s;
	}
	.page.active {
		z-index: 2;
		opacity: 1;
		transition-delay: 0s;
	}
	.page_content {
		z-index: 1;
		position: relative;
		box-sizing: border-box;
		min-height: 94%;
		padding: 25px 72px 0 72px;
		opacity: 1;
		transition: opacity .4s;
	}
	
		@media (min-width: 1464px) {
			.page_content {
				max-width: 1360px;
				margin-left: auto;
				margin-right: auto;
				padding-left: 0;
				padding-right: 0;
			}
		}
		@media (max-width: 1000px) {
			.page_content {
				padding: 15px 30px 0 30px;
			}
		}
		@media (max-width: 720px) {
			body > header {
				position: absolute;
			}
			.main {
				position: relative;
				box-sizing: border-box;
				height: 100%;
				top: 0;
				padding-top: 50px;
				overflow: visible;
			}
			.page_wrapper.active,
			.page {
				position: relative;
				min-height: 100%;
				background-color: #fcfcfc;
				overflow: visible;
			}
		}
		@media (max-width: 480px) {
			.page_content {
				padding: 15px 0 0 0;
			}
		}
	.page_content.disabled {
		opacity: .4;
		
		filter: blur(2px);
			/* Firefox */ 
			filter: url(../../app/img/blur.svg#gaussian_blur);
			/* Webkit */
			-webkit-filter: blur(2px);
			/* Opera */
			-o-filter: blur(3px);
	}
	
	.page .content {
		margin-top: 20px;
		padding: 0 5px;
	}
	
	.version {
		z-index: 2;
		position: absolute;
		bottom: 2px;
		left: 3px;
		font-size: 10px;
		color: #ddd;
	}
	
	h1 {
		margin: 0 0 20px 0;
		font-size: 22px;
	}
	
	h2 {
		min-height: 36px;
		margin: 10px 0;
		line-height: 36px;
		font-size: 22px;
	}
	
	h3 {
		min-height: 22px;
		margin: 10px 20px 10px 20px;
		line-height: 22px;
		font-size: 18px;
		color: #666;
		text-align: center;
	}
	
	a {
		text-decoration: none;
		cursor: pointer;
	}
	
	p {
		margin: 10px 0;
		line-height: 22px;
		font-size: 18px;
		color: #666;
	}
	
	sub {
		font-size: smaller;
		vertical-align: sub;
	}
	
	.pre {
		margin: 10px 0;
		line-height: 22px;
		font-size: 18px;
		color: #666;
		white-space: pre-wrap;
	}
	.capitalize {
		text-transform: capitalize;
	}
	.lowercase {
		text-transform: lowercase;
	}
	.instructions {
		font-weight: 600;
		color: #333;
	}
	.hint {
		margin: 10px 0;
		line-height: 18px;
		font-size: 14px;
		color: #888;
		transition: font-size .4s;
	}
	.hint.error {
		font-size: 20px;
	}
	.error {
		color: #f00;
	}
	label span.hint {
		float: right;
		margin: 0;
	}
	.forgot_password {
		margin: 0;
		line-height: 14px;
		text-align: right;
	}
	.nobox .forgot_password a {
		font-size: 14px;
		text-transform: lowercase;
		color: rgba(255,255,255,.5);
		transition: color .4s;
	}
	.nobox .forgot_password a:hover {
		color: rgba(255,255,255,1);
	}
	
	.inlineblock {
		display: inline-block;
	}
	
	a.btn,
	button {
		display: inline-block;
		box-sizing: border-box;
		width: auto;
		height: 36px;
		margin: 10px 0;
		padding: 0 20px;
		border: none;
		line-height: 36px;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		color: #fff;
		background-color: #2db93e;
		border-radius: 3px;
		cursor: pointer;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
		
		transition: background-color .4s, opacity .4s;
	}
		a.btn.thin { height: 20px; padding: 0 10px; line-height: 20px; font-size: 14px; font-weight: 400; }
		a.btn.inactive { opacity: .5; }
		a.btn.inactive.active { opacity: 1; }
		a.btn:hover, button:hover { background-color: #4dd95e; }
		a.btn.disabled, button.disabled { background-color: #888; }
		a.btn.success, button.success { background-color: #0c0; };
		a.btn.selected, button.selected { background-color: #364fa1; }
		a.btn.neutral, button.neutral { border: 1px solid #364fa1; color: #364fa1; background-color: #fff; }
		a.btn.neutral.active, button.neutral.active { background-color: rgba(54,79,161,.2); }
		a.btn.warn, button.warn { background-color: #f93; }
		a.btn.warn:hover, button.warn:hover { background-color: #f00; }
		a.btn.reject, button.reject, a.btn.fail, button.fail, a.btn.error, button.error, a.btn.danger, button.danger { background-color: #f00; }
		a.btn.reject:hover, button.reject:hover, a.btn.fail:hover, button.fail:hover, a.btn.error:hover, button.error:hover, a.btn.danger:hover, button.danger:hover { background-color: #c00; }
	.button_row {
		height: 40px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		padding: 0 0 10px 0;
		line-height: 40px;
	}
	.nobox .button_row {
		padding: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.button_row.center {
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}
	.button_row::after {
		z-index: 0;
		display: block;
		content: "";
		
		clear: both;
	}
		@media (max-width: 520px) {
			.button_row {
				margin-top: 10px;
			}
		}
	.button_row a.btn,
	.button_row button {
		float: right;
		margin: 0;
	}
	.button_row.left a.btn,
	.button_row.left button {
		float: left;
	}
	.button_row.center a.btn,
	.button_row.center button {
		float: none;
		margin: 0 5px;
	}
	.button_row_simple {
		box-sizing: border-box;
		max-width: 1240px;
		margin: auto;
		padding: 0 20px 10px 20px;
		text-align: right;
	}
		@media (max-width: 1441px) {
			.button_row_simple { max-width: 820px; }
		}
		@media (max-width: 1027px) {
			.button_row_simple { max-width: 410px; }
		}
		@media (max-width: 1000px) {
			.button_row_simple { max-width: 820px; }
		}
		@media (max-width: 903px) {
			.button_row_simple { max-width: 410px; }
		}
	.button_row_simple::after {
		display: block;
		content: "";
		clear: both;
	}
	fieldset {
		display: inline-block;
		width: 370px;
		margin-left: 20px;
		margin-right: 20px;
		vertical-align: top;
		text-align: left;
	}
	.page_table fieldset {
		display: block;
		width: auto;
		margin: 0;
	}
		@media (max-width: 530px) {
			fieldset {
				display: block;
				width: auto;
			}
		}
	fieldset label {
		position: relative;
		display: block;
		margin-bottom: 12px;
		line-height: 1.2;
	}
	fieldset .fieldwrapper {
		position: relative;
		display: block;
		margin-bottom: 12px;
		line-height: 1.2;
	}
	fieldset .fieldwrapper > span:first-child {
		font-weight: 600;
	}
	fieldset .group .fieldwrapper > span:first-child {
		font-weight: 400;
	}
	fieldset .group label,
	fieldset .group .fieldwrapper {
		display: inline-block;
		margin-right: 10px;
	}
	fieldset .multiselect label {
		display: inline-block;
		margin: 10px 0 0 0;
	}
	fieldset .group label br {
		display: none;
	}
	fieldset .group label br,
	fieldset .group .fieldwrapper br {
		display: none;
	}
	label,
	.fieldwrapper {
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	label.error,
	.fieldwrapper.error {
		color: #f00;
	}
	
	.main input[type="text"],
	.calendar_input input[type="text"],
	.main input[type="email"],
	.main input[type="password"],
	.main input[type="number"],
	.main input[type="date"],
	.main input[type="range"],
	.main textarea,
	.main select,
	.calendar_input select {
		display: inline-block;
		box-sizing: border-box;
		width: 100%;
		height: 36px;
		padding: 0 8px;
		margin: 8px 0;
		border: 1px solid #ccc;
		line-height: 36px;
		font-size: 16px;
		font-weight: 300;
		font-family: 'Open Sans', sans-serif;
		color: #000;
		background-color: #fff;
		border-radius: 3px;
		box-shadow: none;
		
		transition: border-color .4s;
	}
	select.btn {
		width: auto;
		margin: 0;
		padding: 0 20px;
		border: none;
		font-weight: 700;
		text-align: center;
		color: #fff;
		background-color: #2db93e;
		cursor: pointer;
	}
	select.btn option {
		all: initial; /* don't want to inherit the .btn styles */
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		background-color: #fff;
	}
	.main input[type="date"] {
		padding-right: 0;
	}
	.main input[type="number"] {
		width: 75px;
		padding-right: 0;
	}
	textarea,
	.main textarea {
		height: 162px;
		padding: 4px 8px;
		line-height: 19px;
	}
	.main select.multi {
		height: auto;
	}
	.main label.error input[type="text"],
	.main label.error input[type="email"],
	.main label.error input[type="password"],
	.main label.error input[type="number"],
	.main label.error input[type="date"],
	.main label.error input[type="range"],
	.main label.error textarea,
	.main label.error select,
	.main .error > input[type="text"],
	.main .error > input[type="email"],
	.main .error > input[type="password"],
	.main .error > input[type="number"],
	.main .error > input[type="date"],
	.main .error > input[type="range"],
	.main .error > textarea,
	.main .error > select {
		border-color: #f00;
	}
	.main input[type="text"]:disabled,
	.main input[type="email"]:disabled,
	.main input[type="password"]:disabled,
	.main input[type="number"]:disabled,
	.main input[type="date"]:disabled,
	.main input[type="range"]:disabled,
	.main textarea:disabled,
	.main select:disabled {
		background-color: #eee;
	}
	::-webkit-input-placeholder{ font-style: italic; color: #ccc; }
	:-moz-placeholder{ font-style: italic; color: #ccc; }
	::-moz-placeholder{ font-style: italic; color: #ccc; }
	:-ms-input-placeholder{ font-style: italic; color: #ccc; }
	
	.main input[type="text"].inline_editor {
		width: 80px;
		height: 100%;
		margin: -7px -4px -7px 0;
		padding-right: 3px;
		line-height: 100%;
		border-color: transparent;
		font-size: inherit;
		text-align: right;
		background-color: transparent;
		cursor: pointer;
		transition: border-color .4s, background-color .4s;
	}
	.main .edit_mode input[type="text"].inline_editor,
	.main input[type="text"].inline_editor:focus {
		border-color: #ccc;
		background-color: #fff;
		background-image: none;
		cursor: auto;
		transition: border-color .4s, background-color .4s;
	}
	.main .inline_editable {
		position: relative;
		display: inline-block;
		min-width: 80px;
		color: #333;
		background-image: url(../../app/img/icon_wrench_light.png);
		background-repeat: no-repeat;
		background-position: 4px center;
		background-size: auto 100%;
	}
	.main .lock {
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(../../app/img/icon_lock_open.png) no-repeat center;
		background-size: contain;
	}
	.main .lock.locked {
		background-image: url(../../app/img/icon_lock.png);
	}
	/* checkbox labels cover actual checkbox with an ::after to make knockout not freak out */
	label.cb_label {
		position: relative;
	}
	label.cb_label::before {
		display: block;
		content: "";
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 100%;
		min-height: 20px;
	}
	label.cb_label.spaced {
		margin-top: 12px;
		margin-bottom: 20px;
		line-height: 1.2;
	}
	.button_row_simple label.cb_label.left {
		float: left;
		line-height: 56px;
	}
	label.cb_label.cb_button {
        display: block;
        width: 20px;
		margin: auto;
        cursor: pointer;
	}
	
	.range {
		margin-top: 10px;
	}
	.range_legend {
		z-index: 2;
		position: relative;
	}
	.range_legend:after {
		display: block;
		content: "";
		clear: both;
	}
	.range_legend a {
		float: left;
		width: 10%;
		padding-bottom: 10px;
		color: #777;
		text-align: center;
		cursor: pointer;
		transition: color .4s;
	}
	.range_legend a:hover {
		color: #797;
	}
	.range_legend a.active {
		color: #090;
	}
	.range_slider_wrapper {
		z-index: 1;
		position: relative;
		top: -10px;
		height: 10px;
		border-radius: 5px;
		background: #ccc;
		overflow: hidden;
	}
	.range_slider,
	.hover_range_slider {
		z-index: 1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 0;
		background: #090;
		transition: width .4s;
	}
	.hover_range_slider {
		z-index: 2;
		background: #6f6;
		opacity: 0;
		transition: width .2s, opacity .4s;
	}
	.range:hover .hover_range_slider {
		opacity: .5;
	}
	
	.error_msg {
		clear: both;
		max-height: 0;
		margin: 0;
		padding-top: 10px;
		overflow: hidden;
		line-height: 20px;
		font-size: 16px;
		font-weight: 700;
		color: #f00;
		text-align: center;
		
		transition: max-height .4s, padding .4s;
	}
	.nobox .error_msg {
		margin-top: 20px;
		padding: 0 10px;
		border-radius: 4px;
		line-height: 25px;
		color: #fff;
		background: rgba(255,255,255,0.2);
		box-shadow: 0 0 3px 0 #fff inset;
	}
	.button_row .error_msg {
		clear: none;
		float: left;
	}
	.error_msg.active {
		max-height: 150px;
	}
	.nobox .error_msg.active {
		padding: 5px 10px;
	}
	
	.language_selector {
		z-index: 5;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
	}
	a.icon_translate_white {
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url(../../app/img/icon_translate_white.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		color: transparent;
		overflow: hidden;
		vertical-align: middle;
	}
	.language_selector .language_options {
		z-index: 1;
		position: absolute;
		top: 100%;
		right: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height .4s;
	}
	.language_selector .language_options.active {
		max-height: none;
	}
	.language_selector .language_options a {
		display: block;
		padding: 4px 25px;
		line-height: 30px;
		background-color: #4a61ab;
		transition: background-color .4s, color .4s;
	}
	.language_selector .language_options a:first-child {
		border-radius: 5px 5px 0 0;
	}
	.language_selector .language_options a:last-child {
		border-radius: 0 0 5px 5px;
	}
	.language_selector .language_options a:hover {
		background-color: #6a81cb;
	}
	.language_selector .language_options a.active {
		color: #ff6;
		background-color: #6a81cb;
	}
	
	a.volume {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../../app/img/icon_volume_on.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		opacity: .5;
	}
	a.volume.muted {
		background-image: url(../../app/img/icon_volume_off.png);
	}
	
	a.icon_settings {
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../../app/img/icon_settings.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		opacity: .5;
		transition: opacity .4s;
	}
	a.icon_settings:hover {
		opacity: 1;
	}
	.app_links {
		text-align: center;
	}
	a.icon.app_store {
		display: inline-block;
		height: 40px;
		width: 135px;
		margin: 20px;
		background-image: url(../../app/img/App_Store_Badge.svg);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	a.icon.play_store {
		display: inline-block;
		height: 40px;
		width: 135px;
		margin: 20px;
		background-image: url(../../app/img/google-play-badge.png);
		background-repeat: no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	a.open_in_new {
		z-index: 2;
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: url(../../app/img/icon_open_in_new.png) no-repeat center;
		background-size: contain;
		opacity: .5;
		transition: opacity .4s;
	}
	a.open_in_new:hover {
		opacity: 1;
	}
	a.icon_reorder {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../../app/img/icon_reorder.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		opacity: .5;
		cursor: move;
		transition: opacity .4s;
	}
	a.icon_reorder:hover {
		opacity: 1;
	}
	a.icon_edit {
		display: inline-block;
		width: 18px;
		height: 18px;
		background: url(../../app/img/icon_edit.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		opacity: .3;
		transition: opacity .4s;
	}
	a.icon_edit:hover {
		opacity: 1;
	}
	a.icon_check {
		display: inline-block;
		width: 22px;
		height: 22px;
		background: url(../../app/img/icon_check.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		opacity: .3;
		transition: opacity .4s;
	}
	a.icon_check:hover {
		opacity: 1;
	}
	a.icon_pencil {
		display: inline-block;
		width: 22px;
		height: 22px;
		background: url(../../app/img/icon_pencil.png) no-repeat center;
		background-size: contain;
		vertical-align: middle;
		opacity: .6;
		transition: opacity .4s;
	}
	a.icon_pencil:hover {
		opacity: 1;
	}
	#intercom-container {
		z-index: 500;
		position: relative;
	}
	a.intercom_add_page_info_btn {
		position: fixed;
		bottom: 33px;
		right: 100px;
		display: block;
		padding: 10px 12px;
		border-radius: 5px;
		background: #3b5d9f;
		color: #fff;
		box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.4);
	}
	textarea.intercom_page_info_field {
		z-index: 10;
		position: fixed;
		bottom: 100px;
		right: 420px;
		display: block;
		width: 400px;
		height: 190px;
		padding: 10px 12px;
		border-radius: 5px;
		white-space: pre;
		box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.4);
	}
	textarea.intercom_page_info_field.active {
		z-index: 501;
	}
		@media (max-width: 850px) {
			textarea.intercom_page_info_field {
				top: 60px;
				bottom: auto;
				right: auto;
				left: 10%;
				width: 80%;
				height: 190px;
			}
		}
	
	.hide_inactive {
		z-index: -1;
		position: relative;
		opacity: 0;
		transition: opacity .4s, z-index .4s .1s;
	}
	.hide_inactive::after {
		display: block;
		content: "";
		z-index: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.hide_inactive.active {
		z-index: 1;
		opacity: 1;
		transition: opacity .4s, z-index 0s;
	}
	.hide_inactive.active::after {
		z-index: -1;
	}
	
	.collapsed {
		max-height: 0;
		overflow: hidden;
		
		transition: max-height .4s;
	}
	.collapsed.active {
		max-height: 50px;
	}
	.collapsed.mh1000.active {
		max-height: 1000px;
	}
	.round_thumb {
		display: inline-block;
		width: 50px;
		height: 50px;
		vertical-align: middle;
		border-radius: 50%;
		background-size: cover;
	}
	.smallbox_bg {
		z-index: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #364fa1;
	}
	.smallbox {
		z-index: -1;
		position: absolute;
		top: 15%;
		bottom: auto;
		left: 50%;
		right: auto;
		width: 700px;
		margin-left: -350px;
		padding: 20px 30px;
		box-sizing: border-box;
		background: #fff;
		opacity: 0;
		border-radius: 2px;
		
		transition: opacity .6s;
	}
	.smallbox.nobox {
		color: #fff;
		background: transparent;
	}
		@media (max-width: 720px) {
			.smallbox {
				left: 3%;
				right: 3%;
				width: auto;
				margin: 0;
			}
		}
	.smallbox.sb_w600 {
		left: 50%;
		right: auto;
		width: 600px;
		margin-left: -300px;
	}
		@media (max-width: 620px) {
			.smallbox.sb_w600 {
				left: 3%;
				right: 3%;
				width: auto;
				margin: 0;
			}
		}
	.smallbox.sb_w500 {
		left: 50%;
		right: auto;
		width: 500px;
		margin-left: -250px;
	}
		@media (max-width: 520px) {
			.smallbox.sb_w500 {
				left: 3%;
				right: 3%;
				width: auto;
				margin: 0;
			}
			.nobox.smallbox.sb_w500 {
				left: 0;
				right: 0;
			}
		}
	.smallbox.active {
		z-index: 1;
		opacity: 1;
	}
	.smallbox.nobox p {
		color: rgba(255,255,255,.8);
	}
	.smallbox.nobox .hint {
		color: rgba(255,255,255,.5);
		transition: color .4s;
	}
	.smallbox.nobox .hint:hover {
		color: rgba(255,255,255,1);
	}
	.smallbox.nobox .hint.left {
		float: left;
		margin: 0;
	}
	.smallbox.nobox .hint.right {
		float: right;
		margin: 0;
	}
	.nobox .logo {
		height: 120px;
		max-width: 500px;
		margin: -40px auto 20px auto;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	.nobox .org_name {
		margin-bottom: 40px;
		line-height: 36px;
		font-size: 30px;
		text-align: center;
		color: #a4afd4;
	}
    .coming_soon .logo {
        width: 320px;
    }
    .coming_soon h1 {
        font-size: 40px;
        text-align: center;
    }
	.smallbox .login {
		position: relative;
		top: 0;
		transition: top .4s
	}
	.smallbox .login.select_installation {
		top: -50px;
	}
	ul.indent {
		margin-left: 35px;
	}

/************************************************************\
	main nav
\************************************************************/
	body > header > nav {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 5px;
		color: #fff;
		opacity: 0;
		
		transition: opacity .4s;
	}
	body > header > nav.ready {
		opacity: 1;
	}
	body > header > nav a {
		display: inline-block;
		vertical-align: top;
		padding: 0 10px;
		line-height: 48px;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		background-color: #364fa1;
		
		transition: background-color .4s;
	}
	body > header > nav a:hover {
		background-color: #4a60aa;
        background-color: rgba(255,255,255,.1);
	}
	body > header > nav a.hamburger {
		display: none;
		width: 100%;
		height: 50px;
		margin: 0 0 0 auto;
		background: transparent;
		background-image: url(../../app/img/icon_more_white.png);
		background-repeat: no-repeat;
		background-position: right 30px center;
		background-size: 50%;
	}
	
	/* transition to hamburger mode */
		body > header > nav.hamburger_mode {
			right: 0;
			bottom: auto;
			width: 200px;
			height: 50px;
			overflow: hidden;
		
			transition: height .2s ease-out;
		}
		body > header > nav.hamburger_mode.active {
			height: 400px;
		}
		body > header > nav.hamburger_mode a {
			display: block;
			border-top: 1px solid #fff;
		}
		body > header > nav.hamburger_mode a:last-child {
			border-radius: 0 0 0 10px;
		}
		body > header > nav.hamburger_mode a.hamburger {
			display: block;
			width: 50px;
			border-top: none;
			background-position: center;
		}

/************************************************************\
	modal messages
\************************************************************/
	.modal_pagecover {
		z-index: -10;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding-top: 10%;
		text-align: center;
		background: rgba(255,255,255,.95);
		opacity: 0;
		overflow: auto; /* allows scrolling when screen is too short */
		
		transition: opacity .4s, z-index .8s;
	}
	.modal_pagecover.active {
		z-index: 1002;
		opacity: 1;
	}
	.modal_pagecover .modal {
		display: inline-block;
		max-width: 800px;
		min-width: 300px;
		margin: auto;
		padding-bottom: 20px;
		border: 1px solid #364fa1;
		background: #fff;
	}
		@media (max-width: 720px) {
			.modal_pagecover .modal {
				width: 90%;
			}
		}
	.modal_pagecover .modal h1 {
		margin: 0;
		padding: 5px;
		color: #fff;
		background: #364fa1;
	}
	.modal_pagecover .modal > div {
		margin: 20px;
		line-height: 22px;
		text-align: left;
		overflow: hidden;
	}
	.modal_pagecover .modal .scroller {
		max-height: 400px;
		padding: 0 10px;
		overflow: auto;
	}
	.modal_pagecover .modal .btn {
		width: 90%;
		margin: auto;
	}
	.modal_pagecover .modal.confirmation_modal .btn {
		width: 175px;
		margin: 10px 5px 0 5px;
	}
	.modal_pagecover .modal ul {
		margin-left: 20px;
	}
	.modal_pagecover .modal li {
		padding: 5px 0 5px 0;
	}
	.modal_pagecover .modal h4 {
		margin: 0;
		padding: 0;
		font-size: 1.1em;
		font-weight: 600;
	}
	.modal_pagecover .modal .references {
		margin: 20px 20px 10px 10px;
		padding-top: 20px;
		border-top: 1px solid #ccc;
		font-size: .8em;
	}
	.modal_pagecover .modal blockquote {
		margin-top: 10px;
		font-size: .9em;
		font-style: italic;
		color: #364fa1;
	}
	.modal_pagecover .modal .signature_confirmation {
	}
	.modal_pagecover .modal div.evaluation {
		margin: 10px 0;
		font-weight: 700;
		color: #666;
	}
	.modal_pagecover .modal .signature_confirmation .error {
		padding: 10px 0 15px;
		font-size: 16px;
	}
	.modal_pagecover .modal .manage {
		margin-bottom: 0;
		text-align: center;
	}
	.modal_pagecover .modal .manage a {
		font-size: 14px;
		color: #364fa1;
	}

/************************************************************\
	cookie policy
\************************************************************/
	.cookie_policy {
		z-index: 2;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0 20px;
		line-height: 20px;
		background: #edc951;
		box-shadow: 2px 0 2px 0 #000;
	}
	.cookie_policy div {
		float: left;
		padding: 16px 20px 0 0;
	}
	.cookie_policy a.policy {
		display: inline-block;
		margin: 10px 20px 0 0;
		padding: 6px 0 0 0;
		color: #364fa1;
		text-decoration: underline;
	}
	.cookie_policy > a.btn {
		float: right;
		margin: 10px 0;
	}
	.cookie_policy > a.btn.dodge_intercom {
		margin-right: 80px;
	}
	.cookie_policy li {
		margin: 10px 0;
	}
	.cookie_policy li > a.btn {
		margin: 0 10px;
	}
	.cookie_policy li a.policy {
		margin: 0;
		padding: 0;
	}

/************************************************************\
	page log
\************************************************************/
	.page_debug_panel {
		z-index: 10000;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 0;
		overflow: visible;
		box-shadow: 2px 0 2px 0 #000 inset;
		opacity: 0;
		
		transition: height .4s;
	}
	.page_debug_panel.active {
		opacity: 1;
	}
	.page_debug_panel.active.open {
		height: 200px;
	}
	.page_debug_panel.active.fullscreen {
		height: calc(100% - 20px);
	}
	.page_debug_panel.console_shift {
		padding-bottom: 21px;
	}
	.page_debug_tab {
		position: absolute;
		top: 0;
		left: 2px;
		padding: 0 15px;
		border: 1px solid #999;
		border-bottom-color: #fff;
		border-radius: 3px 3px 0 0;
		line-height: 20px;
		font-size: 14px;
		background: #ffe;
		
		transition: top .4s;
	}
	.page_debug_tab.fullscreen_tab {
		left: 83px;
	}
	.page_debug_tab.submit_tab {
		left: auto;
		right: 2px;
	}
	.mobile_view .page_debug_tab {
		line-height: 30px;
		font-size: 18px;
	}
	.page_debug_panel.active .page_debug_tab {
		top: -21px;
	}
	.mobile_view .page_debug_panel.active .page_debug_tab {
		top: -31px;
	}
	#page_debug {
		box-sizing: border-box;
		width: 100%;
		height: 200px;
		padding: 10px;
		border: none;
		border-top: 1px solid #999;
		background: #ffe;
	}
	.page_debug_panel.active.fullscreen #page_debug {
		height: 100%;
	}
	.page_debug_panel form {
		z-index: 2;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
	}
	.page_debug_panel form::before {
		display: block;
		content: ">";
		position: absolute;
		bottom: 0;
		left: 0;
		height: 21px;
		padding-left: 5px;
		line-height: 21px;
	}
	.page_debug_panel input {
		width: 100%;
		padding-left: 15px;
		background: transparent;
	}

	/************************************************************\
		debug_easteregg
	\************************************************************/
	.debug_easteregg {
		z-index: 3;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 300px;
	}
	.debug_easteregg_send {
		z-index: 4;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 280px;
	}

/************************************************************\
	spinner
\************************************************************/
	.spinner {
		will-change: transform, opacity;
		
		z-index: -1000;
		position: fixed;
		top: 30%;
		left: 50%;
		height: 90px;
		width: 90px;
		margin: -45px 0 0 -45px;
		opacity: 0;
		
		transition: opacity .4s;
		
		transform-origin: center;
		transform: rotate(0deg);
		
		animation: spinner_spin 10s infinite linear;
	}
	.spinner.active {
		z-index: 1000;
		opacity: 1;
	}
	@keyframes spinner_spin { to { transform: rotate(-360deg); } }
	
	.spinner img {
		display: none;
		width: 100px;
		height: 100px;
	}
	.spinner div {
		will-change: transform;
		
		position: absolute;
		height:  30px;
		width: 30px;
		border-radius: 15px;
		background: #364fa1; /*blue 364fa1 red e2242e*/
		box-shadow: 0 0 15px 0 rgba(255,255,255,.2);
		
		transform-origin: center;
		
		transform: scale(.9,.9);
		
		animation: spinner_pulse 3s infinite linear;
	}
	.spinner div:nth-child(1) {
		top: 2px;
		left: 14px;
		animation-delay: .5s;
	}
	.spinner div:nth-child(2) {
		top: 2px;
		right: 14px;
		animation-delay: 1s;
	}
	.spinner div:nth-child(3) {
		top: 30px;
		right: 0;
		animation-delay: 1.5s;
	}
	.spinner div:nth-child(4) {
		bottom: 2px;
		right: 14px;
		animation-delay: 2s;
	}
	.spinner div:nth-child(5) {
		bottom: 2px;
		left: 14px;
		animation-delay: 2.5s;
	}
	.spinner div:nth-child(6) {
		top: 30px;
		left: 0;
		animation-delay: 3s;
	}
	@keyframes spinner_pulse {
		0% { transform: scale(.9,.9) }
		75% { transform: scale(.2,.2) }
		100% { transform: scale(.9,.9) }
	}

/************************************************************\
	page contents
\************************************************************/
	.mobile_view .mobile_block {
		display: block;
	}
	.page_content h1 {
		display: inline-block;
		margin-bottom: 0;
		line-height: 40px;
		font-size: 30px;
		color: #364fa1;
		font-weight: 600;
		vertical-align: baseline;
	}
	.page_content header {
		position: relative;
		line-height: 40px;
	}
		@media (max-width: 480px) {
			.page_content header {
				padding: 0 20px 10px 20px;
			}
		}
	.page_content header.active.higher {
		z-index: 3;
		transition: opacity .4s, z-index 0s;
	}
	.page_content header::after {
		z-index: 0;
		display: block;
		content: "";
		clear: both;
	}
	.page_content header h1 {
		margin: 0 25px 0 0;
		line-height: inherit;
		vertical-align: inherit;
	}
		@media (max-width: 480px) {
			.page_content h1.header {
				padding: 0 20px 10px 20px;
			}
		}
	.page_content header .nowrap {
		white-space: nowrap;
	}
	.mobile_view .page_content header .nowrap {
		display: block;
		white-space: normal;
	}
	.mobile_view .page_content header .nowrap h4 {
		white-space: nowrap;
	}
	.page_content header h4 {
		display: inline-block;
		padding-left: 20px;
		line-height: inherit;
		vertical-align: inherit;
		font-size: 20px;
	}
	.page_content header h4:first-child {
		padding-left: 0;
	}
	.page_content header h4 span {
		display: inline-block;
		line-height: inherit;
		vertical-align: inherit;
	}
	
	.page_content section.graybox {
		display: inline-block;
		margin: 15px;
		border: 1px solid #ccc;
		border-radius: 5px;
		vertical-align: top;
		text-align: center;
		background: #f9f9f9;
	}
		@media (max-width: 943px) {
			.page_content section.graybox {
				margin-left: 0;
				margin-right: 0;
			}
		}
		@media (max-width: 530px) {
			.page_content section.graybox {
				display: block;
			}
		}
	.page_content section.graybox.list {
		padding: 0;
	}
	.page_content .home section.graybox.list {
		display: block;
	}
	.page_content section.graybox h2 {
		margin-left: 20px;
		margin-right: 20px;
		text-align: left;
	}
	.page_content section.graybox .formblock {
		clear: both;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.page_content section.graybox .formblock:last-child {
		clear: both;
		margin-bottom: 15px;
		padding-bottom: 0;
		border-bottom: 0;
	}
	.page_content section.graybox fieldset h2 {
		margin-left: 0;
		margin-right: 0;
	}
	section.graybox.list h2 {
		padding: 0 10px;
	}
	.page_content .graybox.list .button_row_simple {
		padding-bottom: 0;
	}
	.page_content div.column {
		display: inline-block;
	}
	.page_content div.column section.graybox {
		display: block;
	}
	.shadowbox {
		z-index: 2;
		position: relative;
		box-shadow: 0 9px 18px 3px rgba(0,0,0,0.15);
	}

/*************************  table.display   ***************************/
	table.display th {
		padding: 0 25px 5px 25px;
		font-weight: 600;
	}
	table.display td {
		position: relative;
		padding: 15px 25px;
		background-color: #eff3ff;
		transition: background-color .4s;
	}
	@media (max-width: 1250px) {
		table.display td {
			padding: 10px;
			font-size: 15px;
		}
	}
	table.display td.nest {
		padding: 0;
	}
	table.display td.nest table.display {
		width: 100%;
	}
	table.display td.unitvalue {
		padding-right: 35px;
		text-align: right;
		white-space: nowrap;
	}
	table.display td .unitvalue {
		text-align: right;
		white-space: nowrap;
	}
	table.display td.unitvalue.increase,
	table.display td .unitvalue .increase {
		color: #f00;
	}
	table.display td.unitvalue.decrease,
	table.display td .unitvalue .decrease {
		color: #060;
	}
	.disable_delta_colors table.display td.unitvalue.increase,
	.disable_delta_colors table.display td .unitvalue .increase,
	.disable_delta_colors table.display td.unitvalue.decrease,
	.disable_delta_colors table.display td .unitvalue .decrease {
		color: #333;
	}
	
	table.display.compact td {
		padding: 7px;
	}
	table.display.compact td.unitvalue {
		padding-right: 17px;
	}
	table.display.selectable tr.active td {
		font-weight: 700;
		background-color: #d5ffda;
	}
	table.display.editable tr.active td {
		background-color: #d5ffda;
	}
	table.display.selectable tr.active td:last-child::after {
		display: block;
		content: "";
		z-index: -1;
		position: absolute;
		top: 50%;
		right: -16px;
		height: 30px;
		width: 30px;
		background: inherit;
		margin-top: -15px;
		
		transform-origin: center;
		transform: rotate(45deg);
	}
	table.display tr td {
		box-shadow: 0 1px 0 0 #bec7e6 inset;
	}
		@media (max-width: 480px) {
			table.display.mobile_transform tr td {
				display: block;
			}
			table.display.mobile_transform tr td:first-child {
				padding-bottom: 5px;
				font-weight: bold;
			}
			table.display.mobile_transform tr td:last-child {
				padding-top: 0;
				box-shadow: none;
			}
			table.display.mobile_transform tr td.mini_rows_label {
				padding-bottom: 10px;
			}
			table.display.mobile_transform tr td.mini_rows > div {
				padding-left: 20px;
			}
			table.display.mobile_transform tr td .btn {
				margin: 0;
			}
		}
	table.display tr:last-child > td {
		box-shadow: 0 1px 0 0 #bec7e6 inset,
					0 -1px 0 0 #bec7e6 inset;
	}
	table.display tr th.min_width,
	table.display tr td.min_width {
        padding-left: 0;
        padding-right: 0;
	}
	table.display tr th.centered,
	table.display tr td.centered {
        text-align: center;
	}
	table.display tr:nth-child(even) td {
		background-color: #d3ddff;
	}
	table.display.clickable td {
		cursor: pointer;
	}
	table.display.clickable .not_clickable td {
		cursor: default;
	}
	table.display.selectable tr:hover td {
		background-color: #d5ffda;
	}
	table.display.selectable tr.not_selectable td {
		cursor: default;
	}
	table.display.selectable tr.not_selectable:hover td {
		background-color: #d3ddff;
	}
	table.display.selectable tr.not_selectable:nth-child(even):hover td {
		background-color: #eff3ff;
	}
	table.display tr.new_row td {
		text-align: center;
	}
	table.display tr td a.new_row {
		display: inline-block;
		margin-left: 5px;
		padding: 3px 10px;
		font-size: .8em;
		font-weight: 600;
		color: #fff;
		background-color: #2db93e;
		border-radius: 3px;
		opacity: .8;
		transition: background-color .4s;
	}
	table.display tr td a.new_row:hover {
		background-color: #4dd95e;
	}
	table.display td a.celllink {
		z-index: 2;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	table.display td .above_cellink {
		z-index: 3;
		position: relative;
	}


	/*************************  table.scrollbody   ***************************/
	
	
	table.display.scrollbody tbody {
		display: block;
		overflow: auto;
	}
	table.display.scrollbody thead,
	table.display.scrollbody tbody tr {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	table.display.scrollbody tbody.divider td {
		height: 1px;
		padding: 0;
		background: rgba(0,0,0,.3);
	}
	table.display.scrollbody.scrollbody_active thead {
		width: calc(100% - 17px); /* scrollbar is average 1em/16px width, remove it from thead width */
	}


/*************************  time_input   ***************************/
	.time_input select {
		width: auto;
	}


/*************************  calendar_input   ***************************/
	.calendar_input_display {
		position: relative;
		display: inline-block;
		line-height: 40px;
		font-size: 20px;
		color: #364fa1;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.calendar_input_display a.arrow {
		margin-right: 10px;
		font-size: 1.6em;
		vertical-align: top;
		opacity: .5;
		cursor: default;
		
		transition: opacity .4s;
	}
	.calendar_input_display a.arrow.active {
		opacity: 1;
		cursor: pointer;
	}
	.calendar_input_display span.date {
		position: relative;
		cursor: pointer;
		vertical-align: middle;
	}
	.calendar_input_display span.day_of_week {
		position: absolute;
		top: -11px;
		right: 7px;
		line-height: 11px;
		font-size: 11px;
		opacity: .8;
	}
	.calendar_input_display a.accordion_arrow {
		top: 4px;
	}
	.calendar_input_display a.accordion_arrow.active {
		top: -1px;
	}
	.calendar_input_display a.today {
		display: inline-block;
		margin-left: 15px;
		padding: 0px 3px;
		border: 1px solid #364fa1;
		line-height: 20px;
		font-size: 11px;
		border-radius: 3px;
		opacity: .5;
		cursor: default;
		
		transition: opacity .4s;
	}
	.calendar_input_display a.today.active {
		opacity: 1;
		cursor: pointer;
	}
	.calendar_input {
		z-index: 2;
		position: absolute;
		top: 30%;
		left: 50%;
		box-sizing: border-box;
		width: 320px;
		padding: 5px 20px 25px;
		text-align: center;
		background: #fff;
		border-radius: 7px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.mobile_view .calendar_input {
		position: fixed;
	}
	.calendar_input nav {
		position: relative;
	}
	.calendar_input nav h2 {
		font-size: 20px;
	}
	.calendar_input nav h2::after {
		display: block;
		content: "";
		clear: both;
	}
	.calendar_input nav a {
		margin-top: -3px;
		font-weight: 700;
		font-size: 1.5em;
		color: #364fa1;
		opacity: .5;
		cursor: pointer;
		transition: opacity .4s;
	}
	.calendar_input nav a:hover {
		opacity: 1;
	}
	.calendar_input nav a.prev {
		float: left;
		margin-left: 10px;
	}
	.calendar_input nav a.next {
		float: right;
		margin-right: 10px;
	}
	.calendar_input nav h2 span {
		cursor: pointer;
		transition: color .4s;
	}
	.calendar_input nav h2 span:hover {
		color: #364fa1;
	}
	.calendar_input .month_select,
	.calendar_input .year_select {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		background: #fff;
	}
	.calendar_input .month_select {
		border-radius: 7px;
	}
	.calendar_input .month_select ul {
		display: inline-block;
		margin: 7px 20px;
		list-style-type: none;
	}
	.calendar_input .month_select li {
		margin: 4px 0;
		padding: 5px 8px;
		border-radius: 3px;
		cursor: pointer;
		transition: color .4s, background-color .4s;
	}
	.calendar_input .month_select li:hover {
		background-color: #bcf;
	}
	.calendar_input .year_select input[type="text"] {
		width: 60px;
		margin: 0;
		vertical-align: middle;
	}
	.calendar_input .year_select button {
		margin: 0;
		vertical-align: middle;
	}
	.calendar_input .close_popup {
		top: 10px;
		right: 10px;
		margin: 0;
		height: 15px;
		width: 15px;
		background-size: 100%;
	}
	.calendar_input nav .close_popup {
		top: -5px;
		right: -10px;
	}
	.calendar_input table {
		width: 100%;
	}
	.calendar_input table td {
		line-height: 30px;
		text-align: center;
		border-radius: 8px;
	}
	.calendar_input table td.filler {
		opacity: .5;
	}
	.calendar_input table td.active {
		font-weight: 600;
		color: #364fa1;
		cursor: pointer;
	}
	.calendar_input table td.active:hover {
		background: #d5ffda;
		box-shadow: 0 0 1px 1px #b5dfba inset;
	}
	.calendar_input table td.active.selected {
		background: #d5ffda;
		box-shadow: 0 0 1px 1px #95bf9a inset;
		cursor: default;
	}
	


/*************************  display/accordion table   ***************************/
	table.display.accordion_table {
		width: 100%;
		line-height: 1.2em;
	}
	table.display.accordion_table th {
		padding: 25px;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		color: #c3c3c3;
	}
	table.display th.sortlink,
	table.display th .sortlink {
		cursor: pointer;
	}
	table.display th.rotating_column,
	table.display td.rotating_column {
		max-width: 0;
		padding: 0 !important;
		overflow: hidden;
		/*transition: max-width .4s, padding-left .4s, padding-right .4s;*/
	}
	table.display th.rotating_column.active,
	table.display td.rotating_column.active {
		max-width: 300px;
		padding-left: 25px;
		padding-right: 25px;
	}
	table.display th.rotating_column a {
		font-size: 30px;
		vertical-align: sub;
	}
	table.display th.asc::after,
	table.display th .asc::after {
		display: inline-block;
		content: '^';
		margin-left: 5px;
		transform-origin: center;
		transform: rotate(180deg);
	}
	table.display th.desc::after,
	table.display th .desc::after {
		display: inline-block;
		content: '^';
		margin-left: 5px;
	}
	table.display th a {
		display: inline-block;
		margin-left: 10px;
		font-weight: 400;
		color: #667fd1;
	}
	table.display th label {
		display: inline-block;
	}
	table.display th select {
		width: auto;
	}
	table.display.accordion_table tr.parent td,
	table.display.accordionlike_table tr.parent td {
		padding: 30px 25px 25px 25px;
		font-size: 19px;
		font-weight: 600;
	}
	table.display.accordion_table.mobile_view tr.parent td {
		padding: 20px 15px 15px 15px;
		font-size: 16px;
	}
	table.display.accordion_table tr.parent.read td {
		font-weight: 400;
	}
	table.display.accordion_table tr.parent td:first-child,
	table.display.accordionlike_table tr.parent td:first-child {
		color: #364fa1;
	}
	table.display.accordion_table tr.parent.read td:first-child {
		color: #667fd1;
	}
	.accordion_arrow {
		position: relative;
		top: 3px;
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-left: 10px;
		border-top: 2px solid #364fa1;
		border-right: 2px solid #364fa1;
		
		transform-origin: center;
		transform: rotate(-45deg);
		transition: transform .4s, top .4s;
	}
	.accordion_arrow.preceding_arrow {
		margin-left: 0;
		margin-right: 10px;
	}
	table.display.accordion_table th .accordion_arrow,
	table.display.accordion_table tr.parent.read .accordion_arrow {
		border-color: #667fd1;
	}
	.accordion_arrow.active {
		top: -3px;
		transform: rotate(135deg);
	}
	table.display.accordion_table td.child {
		padding: 0;
		box-shadow: 0 3px 6px -2px #bec7e6 inset, 0 -3px 6px -2px #bec7e6 inset;
	}
	table.display.selectable.accordion_table tr.not_selectable:nth-child(even):hover td {
		background-color: #d3ddff;
	}
	table.display.accordion_table > tbody > tr:nth-last-child(2) > td {
		box-shadow: 0 1px 0 0 #bec7e6 inset, 0 -1px 0 0 #bec7e6 inset;
	}
	table.display.accordion_table table.display.accordion_table > tbody > tr:nth-last-child(2) > td {
		box-shadow: 0 1px 0 0 #bec7e6 inset;
	}
	table.display.accordion_table td.child .accordion {
		position: relative;
		max-height: 0;
		padding: 0 5%;
		line-height: 80px;
		overflow: hidden;
		box-shadow: 0 -1px 0 0 #bec7e6 inset;
		transition: max-height .4s, background-color .4s, box-shadow .4s;
	}
		@media (max-width: 480px) {
			table.display.accordion_table td.child .accordion {
				padding: 0;
			}
		}
	table.display.accordion_table td.child .accordion:hover {
		background-color: #d5ffda;
	}
	table.display.accordion_table td.child .accordion:last-child {
		box-shadow: none;
	}
	table.display.accordion_table td.child .accordion:first-child:hover {
		box-shadow: 0 -1px 0 0 #bec7e6 inset, 0 3px 6px -2px #bec7e6 inset;
	}
	table.display.accordion_table td.child .accordion:last-child:hover {
		box-shadow: 0 -3px 6px -2px #bec7e6 inset;
	}
	table.display.accordion_table td.child .accordion:first-child:last-child:hover {
		box-shadow: 0 3px 6px -2px #bec7e6 inset, 0 -3px 6px -2px #bec7e6 inset;
	}
	 
	table.display.accordion_table .expand_all td.child .accordion,.fixed_height,
	table.display.accordion_table td.child .accordion.fixed_height.active {
		max-height: 80px;
	}
	table.display.accordion_table .round_thumb {
		margin-right: 30px;
	}
	table.display.accordion_table .read .round_thumb {
		opacity: .5;
	}
		@media (max-width: 450px) {
			table.display.accordion_table .round_thumb {
				margin-right: 15px;
			}
		}

	.tabs {
		margin-top: 20px;
		text-align: left;
	}

	.tabs h1.tab {
		z-index: 10;
		position: relative;
		display: inline-block;
		margin-right: 3px;
		padding: 0 20px;
		border-radius: 3px 3px 0 0;
		line-height: 36px;
		font-size: 17px;
		font-weight: 600;
		color: #333;
		text-align: center;
		text-transform: uppercase;
		vertical-align: middle;
		background: #bca;
		opacity: .7;
		cursor: pointer;
	}
	.tabs.small_tabs h1.tab {
		margin: 0;
		padding: 0 7px;
		line-height: 21px;
		font-size: 12px;
	}
	.tabs.neutral_tabs h1.tab {
		border: 1px solid #ddd;
		background: #eee;
	}
		@media (max-width: 700px) {
			.tabs h1.tab {
				padding: 0 10px;
				font-size: 15px;
			}
		}
		@media (max-width: 500px) {
			.tabs h1.tab {
				font-size: 11px;
			}
		}
	.tabs h1.tab.active {
		background: #d9ffcc;
		box-shadow: 0 2px 15px 0px rgba(0,0,0,0.15);
		opacity: 1;
	}
	.tabs.neutral_tabs h1.tab.active {
		background: #fff;
		box-shadow: none;
	}
	.tabs h1.tab.active::after {
		display: block;
		content: "";
		position: absolute;
		bottom: -12px;
		left: -4px;
		right: -4px;
		height: 12px;
		background: #d9ffcc;
	}
	.tabs.neutral_tabs h1.tab.active::after {
		left: 0;
		right: 0;
		bottom: -2px;
		height: 3px;
		background: #fff;
	}
	.tabs h1.tab.active:first-child::after {
		left: 0;
	}
	.tab_content {
		display: none;
	}
	.tab_content.active {
		display: block;
	}
	.neutral_tabs .tab_content {
		padding: 20px 0;
		border: 1px solid #ddd;
		border-radius: 0 0 3px 3px;
		background: #fff;
	}
	.neutral_tabs .tab_content table.display {
		width: 100%;
	}
	


/*************************  home   ***************************/
	.home .patient_search_tab {
		z-index: 5;
		position: relative;
	}
	.home .patient_search_tab .include_discharged,
	.home .patient_search_tab .include_inactive {
		float: right;
		margin-left: 20px;
	}
	.home header {
		z-index: 4;
		padding: 20px 25px;
		vertical-align: middle;
		background: #d9ffcc;
	}
	.home header:first-child {
		z-index: 4;
	}
	.home header h1 {
		display: inline-block;
		line-height: 36px;
		font-size: 18px;
		font-weight: 600;
		color: #333;
		text-transform: uppercase;
		vertical-align: middle;
	}
	.home header.patient_search h1 {
		float: left;
	}
	.home .calendar_input_display {
		float: right;
	}
	.mobile_view .home .calendar_input_display {
		float: none;
		display: block;
		margin-top: 20px;
	}
	.home header form {
		position: relative;
		line-height: 36px;
	}
		@media (max-width: 710px) {
			.home header.patient_search_wrapper h1 {
				display: block;
			}
		}
	.home header input[type="text"],
	.home header select {
		width: auto;
		min-width: 230px;
		margin: 0;
		vertical-align: middle;
	}
	.home header input.highlight_search {
		background-color: #ffd;
		border-color: #2db93e;
		/*
		will-change: border-color, box-shadow;
		animation: highlight_search_pulse 1s infinite linear;
		*/
	}
		@keyframes highlight_search_pulse {
			0% { border-color: #ccc; box-shadow: 0 0 0 0 rgba(0,0,0,0); }
			50% {border-color: #2db93e; box-shadow: 0 0 1px 0 rgba(45,185,62,1); }
			100% { border-color: #ccc; box-shadow: 0 0 0 0 rgba(0,0,0,0); }
		}
		
	.home header form button {
		margin: 0;
		vertical-align: middle;
	}
	.home header button.search {
		height: 34px;
		width: 40px;
		margin: 0;
		padding: 0;
		color: transparent;
		background-image: url(../../app/img/icon_search_white.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 80%;
		vertical-align: middle;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
		@media (max-width: 1300px) {
			.home header.patient_search h1 {
				float: none;
			}
			
		}
		@media (max-width: 1100px) {
			.home header.patient_search h1 {
				float: left;
			}
			.home .patient_search_tab .include_discharged {
				float: left;
			}
			.home .patient_search_tab .core_form {
				display: block;
				clear: both;
			}
		}
		@media (max-width: 800px) {
			.home .patient_search_tab .core_form {
				line-height: 42px;
			}
			.home header form button {
				display: block;
				margin: 5px 0 0 auto;
			}
		}
		@media (max-width: 620px) {
			.home header .facility_menu,
			.home header input[type="text"],
			.home header form button {
				width: 100%;
			}
		}

	.home .patient_search_feedback_wrapper a.btn {
		float: right;
		margin: 0;
	}

	.home .patient_search_feedback_wrapper {
		position: relative;
		padding: 20px 50px;
		line-height: 36px;
		text-align: center;
		color: #fff;
		background-color: #364ba5;
		box-shadow: 0 1px 0 0 #bec7e6 inset, 0 -1px 0 0 #bec7e6 inset;
		overflow: hidden;
		transition: min-height .4s, padding .4s, opacity .4s;
	}
	.home footer.patient_search_feedback_wrapper {
		padding: 0 50px;
		line-height: 36px;
	}
		@media (max-width: 600px) {
			.home .patient_search_feedback_wrapper {
				padding: 20px 25px;
			}
		}
		@media (max-width: 500px) {
			.home .patient_search_feedback_wrapper {
				padding: 20px 10px;
			}
		}
	.home .patient_search_feedback_wrapper.working {
		min-height: 36px;
		opacity: .5;
	}
	.home .patient_search_feedback_wrapper .spinner {
		position: absolute;
		top: 50%;
	}
	.home .patient_search_feedback_wrapper .tally {
		position: absolute;
		bottom: 12px;
		left: 50px;
		padding: 0 0 0 12px;
		border-radius: 3px;
		background: rgba(255,255,255,.3);
		color: #fff;
		transition: left .4s;
	}
		@media (max-width: 600px) {
			.home .patient_search_feedback_wrapper .tally {
				left: 25px;
			}
		}
		@media (max-width: 500px) {
			.home .patient_search_feedback_wrapper .tally {
				left: 10px;
			}
		}
	.home .patient_search_feedback_wrapper .paging {
		display: block;
		min-height: 22px;
		margin-top: 20px;
		line-height: 22px;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.home header.patient_search_feedback_wrapper .paging {
		margin-top: 0;
	}
	.home footer.patient_search_feedback_wrapper .paging {
		margin-top: 0;
		line-height: 30px;
		font-size: .9em;
	}
	.home .patient_search_feedback_wrapper .paging .arrow {
		position: relative;
		display: inline-block;
		height: 12px;
		width: 12px;
	}
	.home .patient_search_feedback_wrapper .paging .arrow::before,
	.home .patient_search_feedback_wrapper .paging .arrow.first::after,
	.home .patient_search_feedback_wrapper .paging .arrow.last::after {
		display: block;
		content: "";
		position: absolute;
		height: 10px;
		width: 10px;
		border-top: 2px solid rgba(255,255,255,0.3);
		border-right: 2px solid rgba(255,255,255,0.3);
		cursor: default;
		
		transform-origin: center;
	}
	.home .patient_search_feedback_wrapper .paging .arrow.active::before,
	.home .patient_search_feedback_wrapper .paging .arrow.active::after {
		border-color: rgba(255,255,255,1);
		cursor: pointer;
	}
	.home .patient_search_feedback_wrapper .paging .arrow.active:hover::before,
	.home .patient_search_feedback_wrapper .paging .arrow.active:hover::after {
		border-width: 3px;
	}
	.home .patient_search_feedback_wrapper .paging .arrow.first::before,
	.home .patient_search_feedback_wrapper .paging .arrow.first::after,
	.home .patient_search_feedback_wrapper .paging .arrow.previous::before {
		transform: rotate(-135deg);
	}
	.home .patient_search_feedback_wrapper .paging .arrow.next::before,
	.home .patient_search_feedback_wrapper .paging .arrow.last::before,
	.home .patient_search_feedback_wrapper .paging .arrow.last::after  {
		transform: rotate(45deg);
	}
	.home .patient_search_feedback_wrapper .paging .arrow.first::after {
		left: -5px;
	}
		.home .patient_search_feedback_wrapper .paging .arrow.active.first:hover::after {
			left: -8px;
		}
	.home .patient_search_feedback_wrapper .paging .arrow.last::after {
		right: -5px;
	}
		.home .patient_search_feedback_wrapper .paging .arrow.active.last:hover::after {
			right: -8px;
		}

	.home .patient_search_feedback_wrapper select {
		display: inline-block;
		width: auto;
		margin: 0 0 0 12px;
	}
	.home .patient_search_feedback_wrapper .tally select {
		border-radius: 0 3px 3px 0;
		background-color: rgba(255,255,255,.75);
	}
	.home .patient_search_feedback_wrapper .sorting {
		position: absolute;
		bottom: 12px;
		right: 50px;
		line-height: 22px;
	}
		@media (max-width: 600px) {
			.home .patient_search_feedback_wrapper .sorting {
				right: 25px;
			}
		}
		@media (max-width: 500px) {
			.home .patient_search_feedback_wrapper .sorting {
				right: 10px;
			}
		}
		@media (max-width: 750px) {
			.home .patient_search_feedback_wrapper .sorting span {
				display: none;
			}
		}
	.home .patient_search_feedback_wrapper .sorting select {
		margin: 0 0 0 5px;
	}
		@media (max-width: 900px) {
			.home .patient_search_feedback_wrapper .paging {
				margin-top: 60px;
			}
			.home .patient_search_feedback_wrapper .sorting,
			.home .patient_search_feedback_wrapper .tally {
				bottom: 60px;
			}
		}
	.home .patient_search_feedback_wrapper .breadcrumbs {
		line-height: 20px;
		text-align: left;
		vertical-align: middle;
	}
	.home .patient_search_feedback_wrapper .breadcrumbs a {
		display: inline-block;
		margin-right: 5px;
		font-size: .8em;
		vertical-align: top;
		opacity: .5;
	}

	.home .patient_list_wrapper table.display.accordion_table tr.parent td {
		padding: 20px 25px 15px 25px;
	}
	.home .patient_list_wrapper table.display.accordion_table tr.parent td:first-child {
		max-width: 400px;
	}

	.home header a.btn.new_patient {
		float: right;
		margin: 0;
		vertical-align: middle;
	}
		@media (max-width: 540px) {
			.home header a.btn.new_patient {
				float: none;
				position: absolute;
				top: 20px;
				right: 25px;
			}
			.home header form {
				padding-top: 10px;
			}
		}
	
	.home .patient_list_wrapper {
		z-index: 2;
		position: relative;
		max-height: 0;
		margin: 0;
		overflow: auto;
		
		transition: max-height .4s, margin-bottom .4s;
	}
	.home .patient_list_wrapper.active {
		max-height: 1000px;
		box-shadow: 0 9px 18px 3px rgba(0,0,0,0.15);
	}
	

/*************************  patient_list   ***************************/
	table.display.patient_list .icon_folder {
		z-index: 3;
		position: relative;
		display: inline-block;
		width: 26px;
		height: 26px;
		margin-right: 5px;
		background: url(../../app/img/icon_folder.png) no-repeat left center;
		background-size: contain;
		opacity: .4;
		vertical-align: text-bottom;
		
		transition: opacity .4s;
	}
	table.display.patient_list .icon_folder:hover {
		opacity: .6;
	}
	table.display.patient_list .patient_detail_link {
		z-index: 3;
		position: relative;
		color: #364fa1;
	}
	table.display.patient_list .patient_secondary.hint {
		margin: 3px 0 0 37px;
		font-weight: 400;
	}
	table.display.patient_list .patient_secondary.hint > span {
		white-space: nowrap;
	}
	table.display.patient_list .patient_secondary.hint span span {
		margin-right: 10px;
	}
	table.display.patient_list .date_primary {
		vertical-align: text-bottom;
	}
	table.display.patient_list .date_secondary.hint {
		margin: 3px 0 0 0;
		font-weight: 400;
	}
	table.display.patient_list .wound {
		font-weight: 700;
		color: #364fa1;
	}
	table.display.patient_list .etiology {
		font-weight: 700;
	}
	.home table.display.patient_list .etiology {
		padding: 0 15px;
	}
	table.display.patient_list .read .wound {
		font-weight: 400;
	}
	table.display.patient_list .wound_and_summary {
		position: relative;
	}
		@media (max-width: 650px) {
			table.display.patient_list .wound_and_summary {
				top: -10px;
			}
			.patient_list .wound_summary {
				position: absolute;
				bottom: -55px;
				left: 0;
				white-space: nowrap;
				font-size: 14px;
				color: #666;
			}
		}
		@media (max-width: 450px) {
			.patient_list .wound_summary {
				font-size: 12px;
			}
		}
	.patient_list .healed {
		display: inline-block;
		margin-left: 10px;
		font-weight: 600;
		color: #0a942c;
		text-transform: uppercase;
	}
	.patient_list .lock {
		vertical-align: text-bottom;
		opacity: .4;
	}
	table.display.patient_list a.pdf {
		display: inline-block;
		width: 50px;
		margin: 0 0 0 auto;
		border: 1px solid #364fa1;
		line-height: 26px;
		font-size: 16px;
		font-weight: 700;
		text-align: center;
		color: #364fa1;
		
		transition: background-color .4s;
	}
		@media (max-width: 650px) {
			table.display.patient_list a.pdf {
				top: -10px;
			}
		}
	table.display.patient_list a.pdf:hover {
		background-color: #eff3ff;
	}
	table.display.patient_list .wounds a.pdf {
		z-index: 3;
		position: relative;
		margin-left: 20px;
	}
	table.display.patient_list .wounds a.pdf:hover {
		background-color: #d3ddff;
	}
	
	.facility_menu,
	.accordion_multiselect {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		min-width: 250px;
		min-height: 36px;
		line-height: 36px;
		padding: 0 34px 0 8px;
		border: 1px solid #ccc;
		border-radius: 3px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		background: #fff;
		overflow: visible;
		cursor: pointer;
		transition: border-radius .1s .3s;
	}
	.accordion_multiselect.compact {
		min-height: 34px;
		height: 34px;
		line-height: 34px;
	}
	.accordion_multiselect.active {
		border-radius: 3px 3px 0 0;
		transition: none;
	}
	.accordion_multiselect .accordion_arrow {
		position: absolute;
		top: 15px;
		right: 12px;
	}
	.accordion_multiselect.compact .accordion_arrow {
		top: 13px;
	}
	.accordion_multiselect .accordion_arrow.active {
		top: 9px;
	}
	.accordion_multiselect.compact .accordion_arrow.active {
		top: 8px;
	}
	table.display.accordion_table td.child .facility_menu > ul.accordion,
	.accordion_multiselect > ul.accordion {
		z-index: 3;
		position: absolute;
		top: 34px;
		left: -1px;
		right: -1px;
		display: block;
		margin: 0;
		padding: 0;
		border: 1px solid #ccc;
		border-top-width: 0;
		border-bottom-width: 0;
		border-radius: 0 0 3px 3px;
		font-weight: bold;
		background: #fff;
		transition: max-height .4s, border-bottom-width .1s .4s, border-top-width .1s .4s;
		overflow: hidden;
	}
	.page_table table.display.accordion_table tr.not_selectable td.child .accordion_multiselect > ul.accordion:hover {
		background-color: inherit;
		box-shadow: none;
	}
	.facility_menu.single_facility ul {
		margin: 0;
	}
	table.display.accordion_table td.child .facility_menu.active > ul.accordion,
	.accordion_multiselect.active > ul.accordion {
		top: 34px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		transition: max-height .4s;
	}
	.accordion_multiselect.compact > ul.accordion {
		top: 32px;
	}
	.accordion_multiselect > ul ul {
		list-style-type: none;
		font-weight: normal;
	}
	.accordion_multiselect > ul li:last-child ul {
		padding-bottom: 5px;
	}
	.accordion_multiselect ul li {
		padding: 0 8px;
		line-height: 30px;
		white-space: nowrap;
	}
	.accordion_multiselect > ul > li {
		padding: 5px 8px;
		border-bottom: 1px dotted #ccc;
	}
	.accordion_multiselect.compact > ul > li {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
		line-height: 25px;
		font-weight: normal;
	}
	.accordion_multiselect > ul > li:last-child {
		border-bottom: none;
	}
	.accordion_multiselect label {
		cursor: pointer;
	}


/*************************  patient_records   ***************************/
	.patient_records h1 {
		display: block;
	}
	.mobile_view .patient_records h1 span {
		display: block;
	}
	.page_content h1 a.new_patient {
		display: inline-block;
		margin-left: 50px;
		font-size: 18px;
		color: #666;
		
		transition: color .4s;
	}
	.mobile_view .patient_records h1 a.new_patient {
		margin-left: 0;
	}
	.page_content h1 a.new_patient:hover {
		color: #364fa1;
	}
	.patient_records {
		margin-bottom: 50px;
	}
	.patient_records .new_patient {
		display: inline-block;
	}
	.patient_records .patient_search {
		display: inline-block;
		margin: 0 0 50px 0;
	}
	.mobile_view .patient_records .patient_search {
		display: block;
	}
	.patient_records .patient_search form {
		margin-bottom: 30px;
	}
	.patient_records .patient_search input {
		width: 300px;
		margin-bottom: 5px;
	}
	.patient_records .patient_search a.btn,
	.patient_records .patient_search button {
		margin-bottom: 5px;
		vertical-align: bottom;
	}
	.patient_records section.graybox.search_results {
		display: block;
		margin: 15px 0;
	}
	.patient_records .search_results table {
		width: 100%;
		margin-top: 5px;
		line-height: 20px;
	}
	.patient_records .patient_secondary.hint {
		margin: 5px 0 0 0;
		font-weight: 400;
		font-size: 14px;
		text-align: right;
		color: #555;
	}
	.patient_records .patient_secondary.hint > span {
		white-space: nowrap;
	}
	.patient_records .patient_secondary.hint span span {
		margin-right: 10px;
	}
		
		.mobile_view .patient_records .patient_search input {
			width: 100%;
			margin: 4px 0;
		}
		.mobile_view .patient_records .patient_search button {
			width: 100%;
		}
		.mobile_view .patient_records .search_results td {
			font-weight: 600;
			font-size: 20px;
		}



/*************************  wound_detail tracy  ***************************/
	.wound_detail .user_tracy {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 16px;
		right: 16px;
		padding: 72px 72px 10px 72px;
		background: #fff;
		overflow: auto;
		text-align: center;
	}
	.is_embedded .wound_detail .user_tracy {
		padding-top: 10px;
	}
	.wound_detail .user_tracy.active {
		z-index: 10;
	}
		@media (max-width: 900px) {
			.wound_detail .user_tracy {
				padding: 100px 10px 10px 10px;
			}
		}


/*************************  wound_detail   ***************************/
	.wound_detail {
		z-index: 2;
		position: relative;
		padding-bottom: 60px;
		opacity: 0;
		transition: opacity .4s;
	}
	.wound_detail.active {
		opacity: 1;
	}
	
	.wound_detail header a {
		color: #364fa1;
		text-decoration: none;
	}
	.wound_detail header h4.patient_record {
		float: right;
		margin-left: 10px;
		margin-right: 50px;
	}
	.mobile_view .wound_detail header h4.patient_record {
		float: none;
		margin: 0;
		padding-left: 0;
	}
	.wound_detail header h4.patient_record .icon_folder {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: url(../../app/img/icon_folder.png) no-repeat left center;
		background-size: contain;
		opacity: .4;
		vertical-align: bottom;
		
		transition: opacity .4s;
	}
	.wound_detail header h4:hover .icon_folder {
		opacity: .6;
	}
	
	.wound_detail .sections {
		z-index: 1;
		position: relative;
		margin-top: 10px;
	}
	.wound_detail .sections.hide_inactive,
	.wound_detail header .sections {
		z-index: -1;
		margin-top: 0;
		transition: z-index .4s .1s;
	}
	.wound_detail .sections.hide_inactive.active {
		z-index: 1;
		opacity: 1;
		transition: opacity .4s, z-index 0s;
	}
	.wound_detail .sections::after {
		z-index: 0;
		content: "";
		display: block;
		clear: both;
	}
	.wound_detail header .sections.active {
		z-index: 1;
		transition: z-index 0s;
	}
	
	.wound_detail .formulary_edit_wrapper {
		z-index: 22;
		position: fixed;
		top: 50px;
		bottom: 0;
		left: -200%;
		right: 200%;
		background: rgba(255,255,255,.75);
		opacity: 0;
		
		transition: opacity .4s, left .1s .4s, right .1s .4s;
		
		/* chrome fix for flickering fixed element */
		-webkit-transform: translateZ(0);
	}
	.wound_detail .formulary_edit_wrapper.active {
		left: 0;
		right: 0;
		opacity: 1;
		transition: opacity .4s, left 0s, right 0s;
	}
	
	.wound_detail .formulary_edit {
		position: relative;
		box-sizing: border-box;
		max-width: 800px;
		height: 90%;
		margin: 2% auto 0 auto;
		padding: 10px;
		border: 1px solid #ccc;
		background: #fff;
		border-radius: 5px;
		overflow: auto;
		text-align: left;
		
		/* chrome fix for flickering fixed element */
		-webkit-transform: translateZ(0);
	}
	.wound_detail .formulary_edit.active {
		z-index: 12;
	}
	.formulary_edit .tabs {
		position: absolute;
		top: 70px;
		left: 20px;
		right: 20px;
	}
	.formulary_edit .tabs h1.tab {
		padding: 0 20px;
		border: 1px solid #ddd;
		background: #eee;
	}
	.formulary_edit .tabs h1.tab.active {
		background: #fff;
		box-shadow: none;
	}
	.formulary_edit .tabs h1.tab.active::after {
		left: 0;
		right: 0;
		bottom: -2px;
		height: 3px;
		background: #fff;
	}
	.formulary_edit > div {
		margin-top: 10px;
	}
	.formulary_edit .tab_content {
		position: absolute;
		top: 107px;
		left: 0;
		right: 0;
		bottom: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 10px;
		background: #fff;
		overflow: auto;
	}
	.formulary_edit .btn_row {
		text-align: right;
	}
	.wound_detail .evaluation_detail .formulary_edit h2 {
		padding: 0 30px;
		border: none;
		font-weight: 700;
		color: #364fa1;
		background: transparent;
	}
	.wound_detail .formulary_edit h1 {
		padding: 5px 0 0 20px;
	}
	.wound_detail .formulary_edit h3 {
		margin: 0;
		padding: 5px;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		text-align: left;
		font-weight: 600;
	}
	.wound_detail .formulary_edit .cds_info {
		padding: 0 20px;
	}
	.wound_detail .formulary_edit .cds_info h3 {
		margin-top: 30px;
	}
	.wound_detail .formulary_edit .cds_info p {
		margin-bottom: 0;
		padding: 10px;
	}
	.wound_detail .formulary_edit .cds_info ul {
		margin-left: 50px;
	}
	.wound_detail .formulary_edit .cds_info li {
		padding: 10px 0;
	}
	.wound_detail .formulary_edit .cds_info a {
		color: #364fa1;
	}
	.wound_detail .formulary_edit p,
	.wound_detail .formulary_edit .formularyCategory {
		padding: 20px 20px 0 20px;
		vertical-align: top;
	}
	.wound_detail .formulary_edit .tab_content p,
	.wound_detail .formulary_edit .tab_content .formularyCategory {
		padding: 10px 20px;
	}
	.wound_detail .formulary_edit .formularyCategory div {
		position: relative;
		margin-left: 10px;
		line-height: 30px;
	}
	.wound_detail .formulary_edit .formularyCategory div input {
		z-index: 1;
		position: absolute;
		top: 4px;
		left: -2px;
		height: 18px;
	}
	.wound_detail .formulary_edit .formularyCategory div label {
		z-index: 2;
		position: relative;
		display: inline-block;
		padding-left: 20px;
		cursor: pointer;
	}
	.wound_detail .formulary_edit .formularyCategory div label.active {
		font-weight: 600;
	}
	.wound_detail .formulary_edit h3.recommended,
	.wound_detail .formulary_edit.recommendations_active .formularyCategory div label.recommended {
		font-weight: 700;
		color: #364fa1;
	}
	.wound_detail .formulary_edit h3.recommended::after,
	.wound_detail .formulary_edit.recommendations_active .formularyCategory div label.recommended::after {
		display: inline-block;
		content: "*";
	}
	
	.wound_detail .sections section {
		z-index: 1;
		position: relative;
		margin-bottom: 50px;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		vertical-align: top;
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	}
	.wound_detail .sections > section:last-child {
		margin-bottom: 0;
	}
	.wound_detail .sections section.hide_inactive {
		z-index: -1;
	}
	.wound_detail .sections section.hide_inactive.active {
		z-index: 1;
	}
	
	.wound_detail .model {
		position: relative;
		display: inline-block;
	}
	.wound_detail .model img {
		display: block;
		height: 145px;
        opacity: .4;
	}
	.wound_detail .model img.active {
        opacity: 1;
	}
	.wound_detail .model div {
		position: absolute;
		top: -50px;
		left: -50px;
		height: 16px;
		width: 16px;
		margin: -8px 0 0 -8px;
		background: url(../../app/img/homunculi/target.png) no-repeat center;
		background-size: contain;
	}
	.wound_detail .model .wrench {
		position: absolute;
		top: 15px;
		bottom: 0;
		left: -20px;
		right: 0;
		width: auto;
		height: auto;
		background-size: 20px;
		background-position: left bottom;
		opacity: 0;
		cursor: pointer;
		transition: opacity .4s;
	}
	.wound_detail .model:hover .wrench {
		opacity: .5;
	}
	
	.wound_detail .sections section h2 {
		margin: 0 0 10px 0;
	}
	
	.wound_detail .icon_settings {
		z-index: 6;
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.wound_detail header .sections section.page_options {
		position: absolute;
		top: -50px;
		right: -5px;
		max-height: 0;
		min-width: 300px;
		line-height: 1.2;
		background: #fff;
		overflow: hidden;
		transition: opacity .4s, z-index .4s .1s, max-height .4s .1s;
	}
	.wound_detail header .sections section.page_options.active {
		max-height: 5000px;
		transition: opacity .4s, z-index 0s, max-height 0s;
	}
	.wound_detail .sections section.page_options label {
		display: block;
		margin-bottom: 10px;
	}
	
	.wound_detail .sections section.filmstrip {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		margin-bottom: 30px;
	}
	.wound_detail .sections section.filmstrip .controls {
		z-index: 2;
		position: absolute;
		top: 10px;
		left: 0;
		width: 50px;
		border-bottom: none;
		border-radius: 5px 0 0 5px;
		background: #fcfcfc;
		text-align: center;
	}
	.wound_detail .sections section.filmstrip .controls a {
		width: 36px;
		margin: 0 0 5px 0;
		padding: 0;
		background-repeat: no-repeat;
		background-size: auto 80%;
		background-position: center;
	}
	.wound_detail .sections section.filmstrip .controls a.decrease {
		background-image: url(../../app/img/icon_zoom_out_white.png);
	}
	.wound_detail .sections section.filmstrip .controls a.increase {
		background-image: url(../../app/img/icon_zoom_in_white.png);
	}
	.wound_detail .sections .evaluation_filmstrip_random_note {
		margin-left: 60px;
		font-weight: 600;
		color: #f00;
	}
	.wound_detail .sections section.filmstrip .slider {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px 0 50px;
		white-space: nowrap;
		word-spacing: 10px;
		overflow: hidden;
		overflow-x: auto;
	}
	.wound_detail .sections section.filmstrip span {
		position: relative;
		display: inline-block;
		text-align: center;
		cursor: pointer;
	}
	.wound_detail .sections section.filmstrip span::after {
		display: block;
		content: "";
		z-index: -1;
		position: absolute;
		bottom: -5px;
		left: 50%;
		height: 12px;
		width: 12px;
		margin-left: -6px;
		transform: rotate(45deg);
		background: #000;
		opacity: 0;
		transition: opacity .2s;
	}
	.wound_detail .sections section.filmstrip span.active::after {
		z-index: -1;
		opacity: 1;
	}
	.wound_detail .sections section.filmstrip h4 {
		line-height: 1.2em;
		font-size: 12px;
		transition: font-weight .4s;
	}
	.wound_detail .sections section.filmstrip .active h4 {
		font-weight: 700;
	}
	.wound_detail .sections section.filmstrip img {
		position: relative;
		height: 80px;
		transition: box-shadow .4s, height .2s;
	}
	.wound_detail .sections section.filmstrip .active img {
		box-shadow: 0 0 0 2px #000;
	}
	.wound_detail .sections section.wound_info {
		box-sizing: border-box;
		min-height: 165px;
		min-width: 350px;
		padding: 37px 10px 5px 10px;
		text-align: center;
	}
		@media (max-width: 500px) {
			.wound_detail .sections section.wound_info {
				min-width: 0;
			}
		}
	.wound_detail .sections section.wound_info h2 {
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		min-height: 32px;
		margin: 0;
		padding: 0 30px 0 180px;
		border-bottom: 1px solid #ccc;
		border-radius: 5px 5px 0 0;
		line-height: 32px;
		font-size: 18px;
		text-align: left;
		background: #f3f3f3;
	}
	.wound_detail .sections section.wound_info h2.text_location {
		padding-left: 80px;
	}
	.wound_detail .wound_info h2 strong {
		display: inline-block;
		margin-right: 25px;
	}
	.wound_detail .wound_info h2 span {
		display: inline-block;
		white-space: nowrap;
	}
	.wound_detail .sections section.wound_info div.model_wrapper {
		z-index: 3;
		position: relative;
		float: left;
		margin: -25px -20px 0 25px;
	}
		@media (max-width: 800px) {
			.wound_detail .sections section.wound_info div.model_wrapper {
				margin-top: -52px;
			}
			.wound_detail .sections section.wound_info {
				padding-top: 65px;
			}
			.wound_detail .wound_info h2 > span {
				display: block;
			}
		}
		@media (max-width: 600px) {
			.wound_detail .sections section.wound_info div.model_wrapper {
				margin-top: -84px;
			}
			.wound_detail .sections section.wound_info {
				padding-top: 97px;
			}
			.wound_detail .wound_info h2 span span {
				display: block;
				white-space: normal;
			}
		}
		@media (max-width: 500px) {
			.wound_detail .sections section.wound_info {
				padding-top: 0;
			}
			.wound_detail .sections section.wound_info h2 {
				position: relative;
				margin: 0 -10px 0 -10px;
			}
		}
	.wound_detail .sections section.wound_info div.location_text_wrapper {
		z-index: 3;
		position: relative;
		float: left;
		width: 300px;
		line-height: 1.3;
		font-size: 15px;
		text-align: left;
		vertical-align: middle;
	}
	.wound_detail .sections section.wound_info div.location_text_wrapper div {
		padding: 5px 0 5px 20px;
	}
	.wound_detail .sections section.wound_info div.info {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: flex-start;
		
		margin-left: 170px;
		line-height: 1.2;
	}
	.wound_detail .sections section.wound_info div.info.text_location {
		margin-left: 300px;
	}
	.wound_detail .sections section.wound_info div.info .custom_fields {
		min-height: 120px;
		margin: 0 20px;
		vertical-align: middle;
		text-align: right;
		
		flex: 0 0 auto;
		
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	.wound_detail .sections section.wound_info div.info .custom_fields form {
		flex: 0 0 auto;
	}
	.wound_detail .sections section.wound_info div.info .custom_fields label {
		display: block;
	}
	.wound_detail .sections section.wound_info div.info .custom_fields input,
	.wound_detail .sections section.wound_info div.info .custom_fields select {
		width: 250px;
		margin: 5px 0 0 5px;
	}
	.wound_detail .sections section.wound_info div.info .custom_fields div {
		padding-top: 10px;
		text-align: left;
	}
	.wound_detail .sections section.wound_info div.info .push {
		flex: 1 0 auto;
		display: block;
		height: 120px;
		width: 300px;
		margin: 0 20px;
		vertical-align: middle;
	}
	.wound_detail .sections section.wound_info div.info .push_line_graph {
		display: block;
		height: 100px;
		min-width: 300px;
	}
	.wound_detail .sections section.wound_info div.info .healed_status {
		flex: 0 0 auto;
		display: block;
		margin: 0 20px;
		padding-top: 25px;
		vertical-align: middle;
	}
	.wound_detail .sections section.wound_info div.info .healed_status div {
		line-height: 30px;
		text-align: center;
	}
	.wound_detail .sections section.wound_info div.info .healed_status strong {
		display: block;
		margin: 10px 0;
		color: #1da92e;
	}
	.wound_detail .sections section.wound_info div.info .healed_status strong a.undo {
		font-size: 14px;
		font-weight: 400;
		color: #999;
	}
	
		/* text location */
		@media (max-width: 1430px) {
			.wound_detail .sections section.wound_info div.info.text_location {
				display: block;
				margin-left: 0;
				padding-top: 10px;
				text-align: left;
			}
			.wound_detail .sections section.wound_info div.info.text_location .custom_fields {
				display: inline-block;
				height: auto;
				margin-left: 0;
				vertical-align: top;
			}
			.wound_detail .sections section.wound_info div.info.text_location .healed_status {
				display: inline-block;
				padding-top: 10px;
				vertical-align: top;
			}
			.wound_detail .sections section.wound_info div.info.text_location .healed_status div {
				line-height: 36px;
			}
			.wound_detail .sections section.wound_info div.info.text_location .healed_status a.btn {
				margin: 0 20px;
			}
			.wound_detail .sections section.wound_info div.info.text_location .push {
				clear: both;
				display: block;
				width: 90%;
				margin: 20px auto;
				text-align: center;
			}
		}
		@media (max-width: 1120px) {
			.wound_detail .sections section.wound_info div.info.text_location .healed_status {
				clear: both;
				display: block;
				text-align: center;
			}
			.wound_detail .sections section.wound_info div.info.text_location .healed_status div {
				display: inline-block;
			}
		}
		@media (max-width: 810px) {
			.wound_detail .sections section.wound_info div.location_text_wrapper {
				float: none;
				width: auto;
				max-width: 420px;
				margin: auto;
			}
			.wound_detail .sections section.wound_info div.info.text_location {
				clear: both;
				text-align: center;
			}
			.wound_detail .sections section.wound_info div.info.text_location .custom_fields {
				margin: 0;
			}
			.wound_detail .sections section.wound_info div.info.text_location .healed_status {
				margin: 20px 0 30px 0;
			}
		}
		
		/* model location */
		@media (max-width: 1300px) {
			.wound_detail .sections section.wound_info div.info {
				display: block;
				margin-left: 0;
				padding-top: 10px;
				text-align: left;
			}
			.wound_detail .sections section.wound_info div.model_wrapper {
				position: absolute;
				top: 15px;
				left: 20px;
				margin: 0;
				float: none;
			}
			.wound_detail .sections section.wound_info div.info .custom_fields {
				display: inline-block;
				height: auto;
				margin-left: 170px;
				vertical-align: top;
			}
			.wound_detail .sections section.wound_info div.info .healed_status {
				display: inline-block;
				padding-top: 10px;
				vertical-align: top;
			}
			.wound_detail .sections section.wound_info div.info .healed_status div {
				line-height: 36px;
			}
			.wound_detail .sections section.wound_info div.info .healed_status a.btn {
				margin: 0 20px;
			}
			.wound_detail .sections section.wound_info div.info .push {
				clear: both;
				display: block;
				width: 90%;
				margin: 20px auto;
				text-align: center;
			}
		}
		@media (max-width: 900px) {
			.wound_detail .sections section.wound_info div.info .healed_status {
				display: block;
				text-align: center;
			}
			.wound_detail .sections section.wound_info div.info .healed_status div {
				display: inline-block;
			}
		}
		@media (max-width: 680px) {
			.wound_detail .sections section.wound_info div.info {
				text-align: center;
			}
			.wound_detail .sections section.wound_info div.info .custom_fields {
				margin: 80px 0 0 0;
			}
		}
		@media (max-width: 500px) {
			.wound_detail .sections section.wound_info div.info .custom_fields {
				margin: 40px 0 20px 0;
				text-align: left;
			}
			.wound_detail .sections section.wound_info div.info .custom_fields label span {
				display: block;
				margin: 20px 0 3px 0;
			}
			.wound_detail .sections section.wound_info div.info .custom_fields input {
				display: block;
				margin: auto;
			}
			.wound_detail .sections section.wound_info div.info .healed_status {
				margin-bottom: 40px;
			}
		}
	
	.wound_detail .sections section.evaluation_detail {
		z-index: 3;
		position: relative;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 43px;
		padding-bottom: 43px;
	}
	.wound_detail.evaluation_edit .sections section.evaluation_detail::after {
		display: block;
		content: "";
		clear: both;
	}
	.wound_detail .sections section.evaluation_detail:last-child {
		float: none;
	}
		@media (max-width: 1100px) {
			.wound_detail .sections section.evaluation_detail {
				clear: left;
				float: none;
				min-width: 0;
				width: auto;
				margin-right: 0;
			}
		}
	.wound_detail .sections .triptych {
		z-index: 1;
		position: relative;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: flex-start;
		
		clear: both;
		text-align: center;
		white-space: nowrap;
	}
	.wound_detail .sections .triptych section.evaluation_detail,
	.wound_detail .sections .triptych section.evaluation_detail_placeholder {
		flex: 1 1 28%; /* flex-grow: 1; flex-shrink: 1; flex-basis: 28%; */
		
		float: none;
		display: inline-block;
		width: 28%;
		margin-right: 0;
		padding-top: 70px;
		padding-bottom: 70px;
		white-space: normal;
		transition: z-index .4s .1s;
	}
	.wound_detail .sections .triptych section.evaluation_detail.editing {
		z-index: 4;
		transition: z-index 0s;
	}
	.wound_detail .sections .triptych section.evaluation_detail_placeholder {
		visibility: hidden;

	}
	.wound_detail .sections .triptych section.evaluation_detail:nth-child(2) {
		margin-left: 2%;
		margin-right: 2%;
	}
	
	.wound_detail .evaluation_detail h2 {
		position: relative;
		height: 32px;
		margin: 0 -10px;
		padding: 0 100px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 32px;
		text-align: right;
		background: #f3f3f3;
	}
	.wound_detail .evaluation_detail h2:first-child {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
		border-top: none;
		border-radius: 5px 5px 0 0;
	}
	.wound_detail .evaluation_detail h2:last-child {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		border-bottom: none;
		border-radius: 0 0 5px 5px;
	}
	.wound_detail .evaluation_detail h2 strong {
		float: left;
		font-weight: 600;
	}
	.wound_detail .evaluation_detail h2 .counter {
		white-space: nowrap;
	}
	.wound_detail .evaluation_detail h2 .counter .lock {
		vertical-align: sub;
	}
		@media (max-width: 720px) {
			.wound_detail .sections section.evaluation_detail {
				padding-top: 70px;
				padding-bottom: 70px;
			}
			.wound_detail .evaluation_detail h2 {
				margin-bottom: 5px;
				padding: 0;
				text-align: center;
			}
			.wound_detail .evaluation_detail h2 strong {
				float: none;
			}
			.wound_detail .evaluation_detail h2 .counter {
				display: block;
				padding-top: 2px;
				font-size: 18px;
				text-align: center;
			}
			.wound_detail .evaluation_detail h2:last-child .counter {
				position: relative;
				top: -70px;
			}
			.wound_detail .evaluation_detail h2 .counter span:first-child {
				display: inline;
			}
		}
	.wound_detail .triptych .evaluation_detail h2 {
		height: auto;
		padding: 0;
		line-height: 30px;
		text-align: center;
	}
	.wound_detail .triptych .evaluation_detail h2 strong {
		float: none;
	}
	.wound_detail .triptych .evaluation_detail h2 .counter {
		display: block;
		padding-bottom: 6px;
		line-height: 20px;
		font-size: 18px;
		text-align: center;
	}
	.wound_detail .triptych .evaluation_detail h2 .counter.no_date {
		padding-top: 6px;
	}
	.wound_detail .triptych .evaluation_detail h2 .counter span:first-child {
		display: inline;
	}
	
	.wound_detail .wound_info h2 a.icon,
	.wound_detail .evaluation_detail h2 a.icon {
		position: absolute;
		top: 0;
		width: 30px;
		height: 33px;
		background: no-repeat center;
		background-size: contain;
		vertical-align: middle;
		cursor: default;
		transition: opacity .4s;
	}
	.wound_detail .wound_info h2 a.icon.active,
	.wound_detail .evaluation_detail h2 a.icon.active {
		opacity: .5;
		cursor: pointer;
	}
	.wound_detail .wound_info h2 a.icon.active:hover,
	.wound_detail .evaluation_detail h2 a.icon.active:hover {
		opacity: 1;
	}
	.wound_detail .evaluation_detail h2 a.icon.skip_to_start {
		left: 10px;
		background-image: url(../../app/img/icon_skip_to_start.png);
	}
	.wound_detail .wound_info h2 a.icon.previous {
		left: 10px;
		background-image: url(../../app/img/icon_previous.png);
	}
	.wound_detail .evaluation_detail h2 a.icon.previous {
		left: 45px;
		background-image: url(../../app/img/icon_previous.png);
	}
	.wound_detail .wound_info h2 a.icon.next {
		right: 10px;
		background-image: url(../../app/img/icon_next.png);
	}
	.wound_detail .evaluation_detail h2 a.icon.next {
		right: 45px;
		background-image: url(../../app/img/icon_next.png);
	}
	.wound_detail .evaluation_detail h2 a.icon.skip_to_end {
		right: 10px;
		background-image: url(../../app/img/icon_skip_to_end.png);
	}
	.wound_detail .evaluation_detail h2 a.icon.new_evaluation {
		right: 10px;
		background-image: url(../../app/img/icon_new_evaluation.png);
	}
	
	.wound_detail .evaluation_detail .photo_wrapper {
		z-index: 2;
		position: relative;
		float: left;
		margin-bottom: 10px;
		text-align: center;
	}
	.wound_detail .evaluation_detail .photo {
		position: relative;
		display: inline-block;
		min-height: 200px;
		min-width: 300px;
		line-height: 0; /* removes those 3px below the img */
		background: #eee;
		box-shadow: 0 0 5px 1px rgba(0,0,0,.4);
	}
	.wound_detail .evaluation_detail .photo img {
		min-width: 300px;
		max-width: 600px;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.wound_detail.evaluation_edit .evaluation_detail .photo img {
		max-width: 500px;
	}
		@media (max-width: 720px) {
			.wound_detail .evaluation_detail .photo_wrapper {
				margin-bottom: 25px;
			}
		}
		@media (max-width: 1200px) {
			.wound_detail .evaluation_detail .photo_wrapper {
				float: none;
				max-width: 600px;
				margin-left: auto;
				margin-right: auto;
			}
			.wound_detail .evaluation_detail .photo img {
				max-width: 100%;
			}
		}
		.wound_detail .triptych .evaluation_detail .photo_wrapper {
			float: none;
		}
		.wound_detail .triptych .evaluation_detail .photo img {
			width: 100%;
		}
	.wound_detail .evaluation_detail .photo .analysis_wrapper,
	.wound_detail .evaluation_detail .photo .new_analysis_wrapper {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		opacity: 0;
		transition: opacity .4s;
	}
	.wound_detail .evaluation_detail .photo .length {
		position: absolute;
		top: 10px;
		right: 10px;
		padding: 3px 5px;
		line-height: 12px;
		white-space: nowrap;
		font-size: 12px;
		color: #fff;
		background: rgba(0,0,0,.7);
		border-radius: 2px;
	}
	.wound_detail .evaluation_detail .photo .analysis_wrapper.active {
		opacity: 1;
	}
	.wound_detail .evaluation_detail .photo.drawing_new_layer .analysis_wrapper.active {
		opacity: .5;
	}
	.wound_detail .evaluation_detail .photo .new_analysis_wrapper.active {
		z-index: 100;
		opacity: 1;
		cursor: crosshair;
	}
	.wound_detail a.wrench {
		display: inline-block;
		width: 20px;
		height: 20px;
		background: url(../../app/img/icon_wrench.png) no-repeat center;
		background-size: contain;
		opacity: .5;
		transition: opacity .4s;
	}
	.wound_detail a.wrench:hover {
		opacity: 1;
	}
	.wound_detail .evaluation_detail .photo a.wrench {
		z-index: 21;
		position: absolute;
		top: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background-color: rgba(255,255,255,.8);
		background-size: 70%;
		border-radius: 0 0 0 50%;
		pointer-events: auto;
	}
	.wound_detail .evaluation_detail .info a.wrench {
		width: 14px;
		height: 14px;
	}
	.wound_detail .evaluation_detail .photo a.pdf {
		z-index: 21;
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 30px;
		background: url(../../app/img/icon_pdf.png) no-repeat center;
		background-color: rgba(255,255,255,.8);
		background-size: 80%;
		border-radius: 0 0 50% 0;
		opacity: .5;
		transition: opacity .4s;
		pointer-events: auto;
	}
	.wound_detail .evaluation_detail .photo a.pdf:hover {
		opacity: 1;
	}
	.wound_detail .evaluation_detail .photo a.zoom {
		z-index: 20;
		position: absolute;
		bottom: 0;
		right: 0;
		width: 30px;
		height: 30px;
		background: url(../../app/img/icon_zoom_in.png) no-repeat center;
		background-color: rgba(255,255,255,.8);
		background-size: 80%;
		border-radius: 50% 0 0 0;
		opacity: .5;
		transition: opacity .4s;
	}
	.wound_detail .evaluation_detail .photo a.zoom:hover {
		opacity: 1;
	}
	.wound_detail a.save {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 16px;
		height: 16px;
		background: url(../../app/img/icon_save.png) no-repeat center;
		background-size: contain;
		opacity: .5;
		transition: opacity .4s;
	}
	.wound_detail a.save:hover {
		opacity: 1;
	}
	a.trash {
		display: inline-block;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		background: url(../../app/img/icon_trash.png) no-repeat center;
		background-size: contain;
		opacity: .5;
		transition: opacity .4s;
	}
		.wound_detail .notes_list a.trash {
			width: 18px;
			height: 18px;
			vertical-align: top;
			opacity: .4;
		}
		a.trash:hover {
			opacity: 1;
		}
	.wound_detail .trashable {
		font-size: .9em;
		font-weight: 400;
		vertical-align: middle;
	}
	.wound_detail .notes_list .lock {
		width: 18px;
		height: 18px;
		vertical-align: top;
		opacity: .4;
	}
	.wound_detail .evaluation_detail .photo h4 {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		padding: 0 20px;
		line-height: 16px;
		font-size: 12px;
		text-align: center;
		background: rgba(255,255,255,0.3); /* in case it pushes up and overlaps the photo */
	}
		@media (max-width: 720px) {
			.wound_detail .evaluation_detail .photo a.pdf {
				width: 50px;
				height: 50px;
			}
		}
	
	.wound_detail .evaluation_detail .pie_and_progress {
		position: relative;
		max-width: 500px;
		text-align: center;
		margin: 10px auto 0 auto;
		padding: 10px 15px 2px 15px;
		overflow: hidden; /* allows it to act like an inline block with floated photo */
	}
	.wound_detail .triptych .evaluation_detail .pie_and_progress {
		margin-top: 40px;
	}
	.wound_detail .evaluation_detail .unboxing_video {
		margin: -10px 0 15px 0;
	}
	.wound_detail .evaluation_detail .unboxing_video .btn {
		margin: 0;
		padding-left: 40px;
		background-image: url(../../app/img/icon_play_white.png);
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: 12px 6px;
	}
	.wound_detail .evaluation_detail .pie_and_progress .signed {
		display: inline-block;
		margin: 0 0 10px 0;
		padding: 5px 10px;
		border: 1px solid #364fa1;
		border-radius: 4px;
		line-height: 20px;
		font-weight: 600;
		text-align: center;
		color: #364fa1;
		background: #eff3ff;
	}
	.wound_detail .evaluation_detail .pie_and_progress .signed span:last-child {
		white-space: nowrap;
	}
		@media (max-width: 800px) {
			.wound_detail .evaluation_detail .pie_and_progress .signed span:last-child {
				white-space: normal;
			}
		}
	.wound_detail .triptych .evaluation_detail .pie_and_progress .signed {
		margin: -10px 0 20px 0;
	}
		@media (max-width: 1200px) {
			.wound_detail .evaluation_detail .pie_and_progress {
				padding-top: 20px;
			}
			.wound_detail .evaluation_detail .pie_and_progress .signed {
				display: block;
			}
		}
	.wound_detail .mesh_wrapper,
	.wound_detail .pie_chart_wrapper,
	.wound_detail .model_wrapper,
	.wound_detail .progress_wrapper {
		z-index: 1;
		position: relative;
		display: inline-block;
		width: 140px;
		height: 140px;
		margin: 0 5px;
		text-align: center;
		vertical-align: top;
	}
	.wound_detail .mesh_wrapper {
		border-radius: 5px;
		background-color: #999;
		background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
		box-shadow: 0 0 0 1px #000;
		transition: opacity .4s;
	}
		@media (max-width: 400px) {
			.wound_detail .mesh_wrapper {
				margin-bottom: 10px;
			}
		}
	.wound_detail .mesh_wrapper.not_available {
		opacity: .4;
	}
	.wound_detail .mesh_wrapper.active {
		cursor: pointer;
	}
	.wound_detail .mesh_wrapper canvas {
		z-index: 3;
		position: relative;
		opacity: 0;
		transition: opacity .4s .4s;
	}
	.wound_detail .mesh_wrapper.active canvas {
		opacity: 1;
	}
	.wound_detail .mesh_wrapper div {
		z-index: 1;
		position: absolute;
		top: 40px;
		bottom: 10px;
		left: 10px;
		right: 10px;
		line-height: 28px;
		color: #eee;
		opacity: 0;
		transition: opacity .4s;
	}
	.wound_detail .mesh_wrapper.loading div.loading {
		opacity: 1;
	}
	.wound_detail .mesh_wrapper.not_available div.not_available {
		opacity: 1;
	}
	.wound_detail .mesh_wrapper.active div {
		opacity: 0;
	}
	.mesh_zoom_wrapper {
		z-index: 3;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.7);
		opacity: 0;
		transition: opacity .4s;
		
		cursor: url(../../app/img/cursor_rotate.png) 24 24, nw-resize;
	}
	.mesh_zoom_wrapper.active {
		opacity: 1;
	}
	.mesh_zoom_wrapper a.close_popup {
		z-index: 4;
		top: 40px;
		right: 40px;
		height: 50px;
		width: 50px;
		opacity: 1;
	}
	.mesh_zoom_wrapper canvas {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.mesh_zoom_wrapper .platter {
		position: absolute;
		top: 50%;
		left: 50%;
		border: 1px solid rgba(255,0,255,.3);
		border-radius: 50%;
		cursor: move;
	}
	.wound_detail .pie_chart_wrapper.text_location {
		vertical-align: middle;
	}
	.wound_detail .progress_wrapper {
		width: auto;
		max-width: 180px;
	}
	.wound_detail .triptych .progress_wrapper {
		width: 150px;
		height: auto;
	}
	.wound_detail  .progress_wrapper a.btn {
		width: 100%;
		margin-bottom: 0;
	}
	.wound_detail  .progress_wrapper a.btn.sign_and_lock {
		margin-top: 20px;
	}
	.wound_detail .progress_wrapper h3 {
		margin: 5px 0;
		padding: 0 5px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		line-height: 27px;
	}
	.wound_detail .progress_wrapper h3.healed strong {
		color: #2db93e;
	}
	
	.wound_detail .evaluation_detail .location_text_wrapper {
		z-index: 1;
		position: relative;
		display: inline-block;
		max-height: 145px;
		padding-left: 10px;
		line-height: 1.5;
		font-size: 15px;
		text-align: left;
		vertical-align: middle;
		overflow: hidden;
	}
	.wound_detail .evaluation_detail .info_and_obs {
		position: relative;
		min-height: 400px;
		min-width: 300px;
		max-width: 600px;
		margin-left: auto;
		padding-left: 10px;
		text-align: center;
		overflow: hidden;
	}
	.wound_detail .evaluation_detail .info_and_obs .tracy_instructions {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 10px;
		right: 0;
		background: #fff;
	}
	.wound_detail .evaluation_detail .info_and_obs .tracy_instructions.active {
		z-index: 3;
	}
	.wound_detail .evaluation_detail .info_and_obs .tracy_instructions > div {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 25px;
	}
	.wound_detail .evaluation_detail .info_and_obs .tracy_instructions p {
		text-align: left;
	}
	.wound_detail .evaluation_detail .info {
		position: relative;
		padding-left: 10px;
		overflow: hidden; /* allows it to act like an inline block with floated photo */
	}
	.wound_detail .triptych .evaluation_detail .info,
	.wound_detail.evaluation_edit .evaluation_detail .info {
		padding-left: 0;
	}
		@media (max-width: 1640px) {
			.wound_detail .triptych .evaluation_detail .info {
				padding-left: 0;
			}
		}
		@media (max-width: 600px) {
			.wound_detail .evaluation_detail .info {
				padding-left: 0;
			}
		}
		.wound_detail .triptych .evaluation_detail .info {
			min-width: 0;
		}
		.wound_detail .triptych .evaluation_detail .info.tissues {
			clear: both;
			padding-left: 0;
		}
	.wound_detail .evaluation_detail .info .evaluation_label {
		margin: 15px 0 0 0;
		font-weight: 600;
		color: #061f81;
	}
	.wound_detail .evaluation_detail .info .layer_controls ul {
		list-style-type: none;
	}
	.wound_detail .evaluation_detail .info .model_wrapper img {
		height: 145px;
	}
	
	.wound_detail .evaluation_detail .info .no_analysis_messages h6 {
		line-height: 24px;
		font-weight: 600;
		font-size: 18px;
		color: #999;
		text-align: center;
	}
	.wound_detail .evaluation_detail .info .no_analysis_messages h6:first-child {
		padding-top: 20px;
	}
	.wound_detail .evaluation_detail .info .no_analysis_messages h6:last-child {
		padding-bottom: 40px;
	}
	.wound_detail .evaluation_detail .info .no_analysis_messages h6.analyzing {
		padding-bottom: 70px;
		font-size: 24px;
		color: #364fa1;
	}
	.wound_detail .evaluation_detail .info .no_analysis_messages .spinner {
		position: relative;
		top: 0;
	}
	
	.wound_detail .evaluation_detail .info table.push_score td {
		font-weight: 700;
		color: #364fa1;
	}
	.wound_detail .evaluation_detail .info .delta_controls {
		z-index: 1;
		position: relative;
		height: 30px;
		margin: 0 0 -20px 0;
		padding-top: 5px;
		font-size: 14px;
		overflow: visible;
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates {
		position: absolute;
		top: 1px;
		right: 3px;
		height: 30px;
		margin: 0;
		border: 1px solid #ccc;
		border-radius: 3px;
		line-height: 30px;
		background: #fff;
		overflow: hidden;
		cursor: pointer;
		transition: height .1s, box-shadow .3s;
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates.active {
		box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options {
		max-height: 300px;
		overflow: auto;
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div {
		padding: 0 7px;
		text-align: center;
		transition: background-color .3s;
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates .current {
		z-index: 1;
		position: relative;
		padding: 0 7px;
		border-radius: 3px;
		background-color: #eff3ff;
		box-shadow: 0 0 3px 0 #bec7e6;
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div:hover {
		background-color: #eff3ff;
	}
	.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div.active,
	.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div.active:hover {
		background-color: #bec7e6;
	}
	.wound_detail .evaluation_detail .info table.display {
		width: 100%;
		margin-top: 25px;
		opacity: 1;
		transition: opacity .4s;
	}
	.wound_detail .evaluation_detail .info table.display.no_analysis {
		display: none;
	}
	.wound_detail .evaluation_detail .info table.display td:first-child {
		height: 17px;
		width: 15px;
	}
	.wound_detail .evaluation_detail .info table.display td:nth-child(2) {
		font-weight: 600;
	}
	.wound_detail .evaluation_detail .info table.display td.breakdown:nth-child(2) {
		text-indent: 5px;
		font-weight: 400;
	}
	.wound_detail .triptych .evaluation_detail .info table.display {
		font-size: 14px;
	}
	.wound_detail .evaluation_detail .triptych .info table.display td:nth-child(2) {
		font-size: 13px;
	}
		@media (max-width: 1100px) {
			.wound_detail .triptych .evaluation_detail .info table.display.compact td,
			.wound_detail .triptych .evaluation_detail .info table.display.compact td.unitvalue {
				padding: 6px 5px;
			}
			.wound_detail .triptych .evaluation_detail .info table.display {
				font-size: 13px;
			}
			.wound_detail .evaluation_detail .triptych .info table.display td:nth-child(2) {
				font-size: 12px;
			}
		}
		@media (max-width: 950px) {
			.wound_detail .sections .triptych section.evaluation_detail,
			.wound_detail .sections .triptych section.evaluation_detail_placeholder {
				padding-top: 60px;
				padding-bottom: 60px;
			}
			.wound_detail .triptych .evaluation_detail h2 {
				line-height: 25px;
				font-size: 18px;
			}
			.wound_detail .triptych .evaluation_detail h2 .counter {
				line-height: 18px;
				font-size: 16px;
			}
			.wound_detail .triptych .evaluation_detail h2 a.icon {
				top: -3px;
				width: 27px;
				height: 30px;
			}
			.wound_detail .triptych .evaluation_detail h2 a.icon.previous {
				left: 35px;
			}
			.wound_detail .triptych .evaluation_detail h2 a.icon.next {
				right: 35px;
			}
			.wound_detail .triptych a.view_toggle {
				top: 2px;
				margin-right: 5px;
			}
			.wound_detail .triptych .evaluation_detail .info table.display.compact td {
				padding: 7px;
				vertical-align: top;
			}
			.wound_detail .triptych .evaluation_detail .info table.display.compact td div:first-child {
				font-weight: 600;
			}
			.wound_detail .triptych .evaluation_detail .info table.display.compact td .unitvalue {
				padding-top: 4px;
			}
			.wound_detail .triptych .evaluation_detail .info table.display.compact td .unitvalue span {
				display: inline-block;
				width: 60px;
				font-weight: 400;
			}
			.wound_detail .triptych .evaluation_detail .info.tissues table.display.compact td .unitvalue span {
				width: 40px;
			}
			.wound_detail .triptych .evaluation_detail .info table.display.compact td .unitvalue span:first-child {
				width: auto;
			}
			.wound_detail .triptych .evaluation_detail .info table.display {
				font-size: 14px;
			}
			.wound_detail .evaluation_detail .triptych .info table.display td:nth-child(2) {
				font-size: 14px;
			}
		}
		@media (max-width: 780px) {
			.wound_detail .triptych .evaluation_detail h2 {
				line-height: 26px;
				font-size: 16px;
			}
			.wound_detail .triptych .evaluation_detail h2 .counter {
				font-size: 15px;
			}
		}
		@media (max-width: 720px) {
			.wound_detail .sections .triptych section.evaluation_detail,
			.wound_detail .sections .triptych section.evaluation_detail_placeholder {
				padding-top: 85px;
				padding-bottom: 85px;
			}
			.wound_detail .triptych .evaluation_detail h2:first-child {
				padding-top: 25px;
			}
			.wound_detail .triptych .evaluation_detail h2:last-child {
				padding-bottom: 25px;
			}
			.wound_detail .triptych .evaluation_detail h2:last-child a.icon {
				top: auto;
				bottom: 0;
			}
		}
		@media (max-width: 700px) {
			.wound_detail .triptych .evaluation_detail .info table.display.compact td .unitvalue span:first-child {
				display: block;
				text-align: left;
			}
		}
		@media (max-width: 650px) {
			.wound_detail .sections .triptych section.evaluation_detail,
			.wound_detail .sections .triptych section.evaluation_detail_placeholder {
				padding-top: 100px;
				padding-bottom: 100px;
			}
			.wound_detail .triptych .evaluation_detail h2 .counter span {
				display: block;
			}
		}
		@media (max-width: 600px) {
			.wound_detail .triptych .evaluation_detail h2 .counter {
				top: auto;
				padding-top: 0;
			}
		}
	.wound_detail a.view_toggle {
		position: relative;
		top: 1px;
		display: inline-block;
		width: 15px;
		height: 15px;
		border-radius: 2px;
		transform: scaleY(0.6) rotate(45deg);
		opacity: .7;
		transition: opacity .4s, background-color .4s;
	}
	.wound_detail a.view_toggle.active {
		opacity: 1;
	}
	.wound_detail a.view_toggle.all {
		position: relative;
		top: 6px;
	}
	.wound_detail a.view_toggle.all span {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 2px;
		transition: background-color .4s;
	}
	.wound_detail a.view_toggle.all span.other {
		z-index: 1;
		top: 0;
		left: 0;
	}
	.wound_detail a.view_toggle.all span.yellow {
		z-index: 2;
		top: -2px;
		left: -2px;
	}
	.wound_detail a.view_toggle.all span.black {
		z-index: 3;
		top: -5px;
		left: -5px;
	}
	.wound_detail a.view_toggle.all span.red {
		z-index: 4;
		top: -8px;
		left: -8px;
	}
	.wound_detail a.view_toggle.all span.perimeter {
		z-index: 5;
		top: -11px;
		left: -11px;
	}
	.wound_detail a.view_toggle.perimeter,
	.wound_detail a.view_toggle.all span.perimeter {
		box-shadow: 0 0 0 3px #5071cc inset;
	}
	.wound_detail a.view_toggle.active.perimeter,
	.wound_detail a.view_toggle.all.active span.perimeter {
		background: #5071cc;
	}
	.wound_detail a.view_toggle.red,
	.wound_detail a.view_toggle.all span.red {
		box-shadow: 0 0 0 3px #db1c24 inset;
	}
	.wound_detail a.view_toggle.active.red,
	.wound_detail a.view_toggle.all.active span.red {
		background: #db1c24;
	}
	.wound_detail a.view_toggle.black,
	.wound_detail a.view_toggle.all span.black {
		box-shadow: 0 0 0 3px #000 inset;
	}
	.wound_detail a.view_toggle.active.black,
	.wound_detail a.view_toggle.all.active span.black {
		background: #000;
	}
	.wound_detail a.view_toggle.yellow,
	.wound_detail a.view_toggle.all span.yellow {
		box-shadow: 0 0 0 3px #edc951 inset;
	}
	.wound_detail a.view_toggle.active.yellow,
	.wound_detail a.view_toggle.all.active span.yellow {
		background: #edc951;
	}
	.wound_detail a.view_toggle.other,
	.wound_detail a.view_toggle.all span.other {
		box-shadow: 0 0 0 3px #2db93e inset;
	}
	.wound_detail a.view_toggle.active.other,
	.wound_detail a.view_toggle.all.active span.other {
		background: #2db93e;
	}
	.wound_detail a.view_toggle.pink {
		box-shadow: 0 0 0 3px #f6c inset;
	}
	.wound_detail a.view_toggle.active.pink {
		background: #f6c;
	}
	.wound_detail a.view_toggle.tunnels {
		box-shadow: 0 0 0 3px #ff7200 inset;
	}
	.wound_detail a.view_toggle.active.tunnels {
		background: #ff7200;
	}
	.wound_detail a.view_toggle.undermines {
		box-shadow: 0 0 0 3px #098418 inset;
	}
	.wound_detail a.view_toggle.active.undermines {
		background: #098418;
	}
	.wound_detail a.view_toggle.depth {
		box-shadow: 0 0 0 3px #ccc inset;
	}
	.wound_detail a.view_toggle.axis {
		box-shadow: 0 0 0 3px #ff00fc inset;
	}
	.wound_detail a.view_toggle.active.axis {
		background: #ff00fc;
	}
	
	.wound_detail .evaluation_detail .observations {
		clear: both;
		padding-top: 10px;
	}
	.wound_detail.evaluation_edit .evaluation_detail .observations {
		clear: none;
	}
	
	.wound_detail .evaluation_detail .observations table.display {
		width: 100%;
		margin-top: 5px;
	}
	.wound_detail .triptych .evaluation_detail .observations table.display {
		font-size: 13px;
	}
	.wound_detail .evaluation_detail .observations table.display td:first-child {
		white-space: nowrap;
	}
	.wound_detail .evaluation_detail .observations table.display td:nth-child(odd) {
		line-height: 18px;
		font-weight: 600;
		vertical-align: top;
	}
	.wound_detail .evaluation_detail .observations table.display td:nth-child(even) {
		position: relative;
		height: 30px;
		width: 350px;
		padding: 1px 7px;
		white-space: nowrap;
		text-align: right;
		vertical-align: middle;
	}
	.wound_detail .evaluation_detail .observations table.display td.formularies_list {
		padding-top: 5px;
	}
	.wound_detail .evaluation_detail .observations table.display td.formularies_list.active {
		cursor: copy;
	}
	.wound_detail .evaluation_detail .observations table.display td.formularies_list button {
		margin-top: 5px;
	}
	.wound_detail .triptych .evaluation_detail .observations table.display td:nth-child(even) {
		width: 286px;
	}
	.wound_detail .evaluation_detail .observations table.display td.wrap {
		height: auto;
		padding-left: 15px;
		line-height: 22px;
		white-space: normal;
		text-align: left;
	}
	.wound_detail .evaluation_detail .observations table.display td:nth-child(even) span {
		display: inline-block;
		min-height: 15px;
		padding: 7px 9px;
		line-height: 18px;
	}
	.wound_detail .evaluation_detail .observations table.display td.with_sub {
		padding-bottom: 3px;
	}
	.wound_detail .evaluation_detail .observations table.display tr td.missing_required {
        color: #f00;
        background-color: #fcc;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td {
		white-space: normal;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > span {
		float: left;
		padding-right: 5px;
		line-height: 30px;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div {
		position: relative;
		float: right;
		font-weight: 400;
		overflow: hidden;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td:after {
		display: block;
		content: "";
		clear: both;
	}
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow select,
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"] {
		border-color: #ccc;
		background-color: #fff;
		cursor: auto;
	}
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow select.patient_ob,
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow input.patient_ob[type="text"] {
        width: auto;
	}
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow select[disabled],
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled] {
		padding-left: 0;
		border-left-width: 0;
		border-color: transparent;
		background-color: transparent;
		
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow select[disabled]::-ms-expand,
	.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled]::-ms-expand {
		display: none;
	}
		
	.wound_detail .evaluation_detail .observations span.feedback {
		z-index: -1;
		position: absolute;
		top: 1px;
		right: 1px;
		min-width: 38px;
    	height: 26px;
		opacity: 0;
		border-radius: 3px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		transition: opacity .8s, z-index .8s .1s;
	}
		.wound_detail .evaluation_detail .observations span.saving {
			background-color: #f93;
			background-image: url(../../app/img/icon_backup.png);
		}
			.wound_detail .evaluation_detail .observations .saving span.saving {
				z-index: 2;
				opacity: 1;
				transition: opacity .8s, z-index 0s;
			}
			.wound_detail .evaluation_detail .observations .saved span.saving {
				z-index: 2;
				transition: opacity .8s .1s, z-index .8s .1s;
			}
		.wound_detail .evaluation_detail .observations span.saved {
			background-position: left 6px center;
			background-color: #2db93e;
			background-image: url(../../app/img/icon_check_white.png);
		}
			.wound_detail .evaluation_detail .observations .saved span.saved,
			.wound_detail .evaluation_detail .observations .cds_update span.saved {
				z-index: 3;
				opacity: 1;
				transition: opacity .8s, z-index 0s;
			}
			.wound_detail .evaluation_detail .observations .feedback span.cds_update {
				display: inline-block;
				max-width: 0;
				height: 26px;
				margin-left: 38px;
				margin-right: 0;
				overflow: hidden;
				line-height: 26px;
				color: #fff;
				white-space: nowrap;
				transition: max-width .8s, margin-right .4s;
			}
			.wound_detail .evaluation_detail .observations .cds_update span.cds_update {
				max-width: 350px;
				margin-right: 10px;
			}
	
	.wound_detail .evaluation_detail table tr td.editable {
		padding-top: 0;
		padding-bottom: 0;
		cursor: copy;
	}
	.wound_detail .evaluation_detail table tr td.select_mask::after {
		z-index: -1;
		position: absolute;
		top: 1px;
		bottom: 1px;
		right: 50px;
		width: 20px;
		background-color: inherit;
		opacity: 0;
		transition: opacity .4s, z-index .4s .1s;
		
		display: block;
		content: "";
	}
	.wound_detail .evaluation_detail table tr td.select_mask.active::after {
		z-index: 1;
		position: absolute;
		top: 1px;
		bottom: 1px;
		right: 50px;
		width: 27px;
		background-color: inherit;
		opacity: 1;
		transition: opacity .4s, z-index 0;
		
		display: block;
		content: "";
	}
	
	.editable .multiselect {
		width: 350px;
	}
	.editable input[type="text"],
	.editable input[type="number"],
	.editable textarea,
	.editable select {
		width: 350px;
		height: 28px;
		margin: 0;
		line-height: 28px;
		font: inherit;
		border-color: transparent;
		background-color: transparent;
		transition: background-color .4s, border-color .4s;
		cursor: copy;
	}
	.editable input[type="text"]:disabled,
	.editable input[type="number"]:disabled,
	.editable textarea:disabled,
	.editable select:disabled {
		cursor: text;
	}
	.wound_detail .triptych .editable .multiselect {
		width: 350px;
	}
	.wound_detail .triptych .editable input[type="text"],
	.wound_detail .triptych .editable input[type="number"],
	.wound_detail .triptych .editable textarea,
	.wound_detail .triptych .editable select {
		width: 230px;
	}
	table.display.compact td.unitvalue.cm {
		padding-right: 0;
	}
	.editable.unitvalue.cm::after {
		z-index: 1;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		line-height: 31px;
		padding-right: 17px;
		
		display: block;
		content: "cm\00A0";
	}
	.editable.unitvalue.cm input[type="text"],
	.editable.unitvalue.cm input[type="number"],
	.editable.unitvalue.cm textarea,
	.editable.unitvalue.cm select {
		margin-right: -3px;
	}
	.editable.unitvalue input[type="text"],
	.editable.unitvalue input[type="number"],
	.editable.unitvalue textarea,
	.editable.unitvalue select {
		text-align: right;
	}
		@media (max-width: 1200px) {
			.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td > span,
			.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td > div {
				float: none;
			}
			.wound_detail .triptych .editable .multiselect {
				width: 100%;
			}
			.wound_detail .triptych .editable input[type="text"],
			.wound_detail .triptych .editable input[type="number"],
			.wound_detail .triptych .editable textarea,
			.wound_detail .triptych .editable select {
				float: none;
				display: block;
				width: 100%;
			}
		}
		@media (max-width: 500px) {
			.wound_detail .evaluation_detail .observations table.display tr.flexirow td > span,
			.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div {
				float: none;
			}
			.editable .multiselect {
				width: 100%;
			}
			.editable input[type="text"],
			.editable input[type="number"],
			.editable textarea,
			.editable select {
				display: block;
				width: 100%;
			}
		}
	.wound_detail .evaluation_detail .observations select {
		padding-left: 4px;
	}
	.wound_detail .evaluation_detail .observations td div div {
		padding-bottom: 2px;
	}
	.editable input[type="text"].active,
	.editable input[type="number"].active,
	.editable textarea.active,
	.editable select.active {
		border-color: #ccc;
		font-weight: 400;
		background-color: #fff;
		cursor: auto;
	}
	.editable.unitvalue input[type="text"],
	.editable.unitvalue input[type="number"] {
		width: 60px;
	}
	.editable a.btn {
		width: 38px;
		height: 26px;
		margin: 0;
		padding: 0;
		line-height: 26px;
		opacity: 0;
		transition: opacity .4s;
	}
	.editable a.btn.active {
		opacity: 1;
	}
	
	.wound_detail .notes {
		min-width: 300px;
		overflow: hidden; /* causes element to use all remaining column width */
		background: #f3f3f3;
	}
		@media (max-width: 720px) {
			.wound_detail .notes {
				min-width: 0px;
			}
		}
	.notes h2 {
		margin: 0 0 10px 0;
	}
	.notes .notes_list {
		max-height: 670px;
		margin-top: 20px;
		overflow: auto;
	}
	.notes .notes_list .note {
		margin-bottom: 20px;
		padding-right: 5px;
	}
	.notes .notes_list p {
		line-height: 20px;
		font-size: 16px;
	}
	.notes .notes_list p span {
		white-space: pre-wrap;
	}
	.notes .notes_list p a {
		color: #364fa1;
	}
	.notes .note_entry {
		position: relative;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
		text-align: right;
	}
	.notes .note_entry textarea {
		height: 100px;
		text-align: left;
		transition: height .4s .5s;
	}
	.notes .note_entry textarea:focus {
		height: 230px;
		transition: height .4s;
	}
	
	.wound_detail .line_graph_wrapper {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 5px;
		overflow: hidden;
	}
	.wound_detail .line_graph_wrapper h3 {
		position: absolute;
		/*
		top: 50px;
		left: 20px;
		margin: 0;
		*/
		top: 370px;
		left: 10px;
		width: 300px;
		margin: 0;
		font-size: 16px;
		text-align: center;
		
		transform-origin: left;
		transform: rotate(-90deg);
	}
	.wound_detail .line_graph_wrapper h3.extra_label {
		/*
		top: 36px;
		left: auto;
		right: 20px;
		*/
		left: auto;
		right: 10px;
		
		transform-origin: right;
		transform: rotate(90deg);
	}
		@media (max-width: 800px) {
			.wound_detail .line_graph_wrapper h2 {
				font-size: 18px;
			}
			.wound_detail .line_graph_wrapper h3 {
				top: 175px;
				left: -5px;
				font-size: 16px;
				transform: rotate(-90deg);
			}
			.wound_detail .line_graph_wrapper h3.extra_label {
				top: 175px;
				right: -32px;
				transform: rotate(90deg);
			}
			.wound_detail .line_graph_wrapper canvas {
				margin-left: -2px;
			}
		}
	.wound_detail .line_graph_wrapper .options {
		position: absolute;
		top: 10px;
		right: 10px;
		text-align: center;
	}
	.wound_detail .line_graph_wrapper .options select {
		height: 23px;
		width: auto;
		margin: 1px 5px 0 0;
		line-height: 23px;
		font-size: 14px;
		vertical-align: middle;
	}
	.wound_detail .line_graph_wrapper a {
		display: block;
		height: 20px;
		margin-bottom: 3px;
		padding: 0 10px;
		border: 1px solid #ccc;
		border-radius: 10px;
		line-height: 20px;
		font-size: 14px;
		background-color: #f3f3f3;
		vertical-align: middle;
		transition: background-color .4s;
	}
	.wound_detail .line_graph_wrapper a:hover {
		background-color: #fff;
	}
		@media (max-width: 450px) {
			.wound_detail .line_graph_wrapper a {
				font-size: 13px;
			}
			.wound_detail .line_graph_wrapper a span {
				display: none;
			}
		}
	.wound_detail .line_graph_wrapper canvas {
		display: block;
		max-width: 100%;
	}
	
	.wound_detail .formularies {
		clear: both;
	}
	.wound_detail .formularies h2 strong {
		font-weight: 600;
	}
	.wound_detail .formularies table.data_table {
		box-sizing: content-box;
		width: 100%;
	}
	.wound_detail .formularies table.data_table td {
		padding: 0;
		border: 1px solid #ddd;
		background: #f6f6f6;
	}
	.wound_detail .formularies table.data_table tr:nth-child(even) td {
		background: #fff;
	}
	.wound_detail .formularies table.data_table tr:hover td {
		background: #ffc;
	}
	.wound_detail .formularies table.data_table td:first-child {
		width: 100%;
	}
	.wound_detail .formularies table.data_table td.label {
		padding: 7px;
		font-weight: 700;
		white-space: nowrap;
	}
	.wound_detail .formularies table.data_table td.label.active {
		color: #090;
	}
	.wound_detail .formularies table.data_table td div {
		position: relative;
		height: 12px;
		margin: 0 57px 0 19px;
		line-height: 12px;
	}
	.wound_detail .formularies table.data_table td div span {
		z-index: 3;
		position: absolute;
		top: 2px;
		bottom: 0;
		margin-left: -2px;
		font-size: 30px;
		color: #666;
	}
	.wound_detail .formularies table.data_table td div span.active {
		color: #090;
	}
	.wound_detail .formularies table.data_table td div span.evaluation {
		z-index: 2;
		top: -10px;
		bottom: -10px;
		width: 1px;
		margin-left: 2px;
		border-right: 1px dotted #bbb;
	}
	.wound_detail .formularies table.data_table td div span.hitbox {
		z-index: 5;
		top: -3px;
		bottom: -5px;
		width: 10px;
		margin-left: -2px;
	}
	.wound_detail .formularies table.data_table td div span.evaluation.debridement {
		border-right: 1px solid #f33;
	}
	.wound_detail .formularies table.data_table td div span.group {
		z-index: 1;
		top: -1px;
		bottom: -3px;
		margin: 0 -14px 0 -6px;
		padding: 0 9px 0 10px;
		border-radius: 8px;
		background: #ccc;
	}
	.zoom_photo,
	.zoom_video {
		position: fixed;
		top: 50px;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(0,0,0,.8);
		text-align: center;
	}
	.zoom_photo a.close_popup,
	.zoom_video a.close_popup {
		z-index: 2;
	}
	.zoom_photo img {
		position: relative;
		height: 100%;
		cursor: none;
		
		transform-origin: center;
		transition: transform .4s;
	}
	.zoom_photo img.smooth_origin {
		transition: transform .4s, transform-origin .4s;
	}
	.zoom_photo .cursor {
		display: none;
		z-index: 3;
		position: absolute;
		width: 30px;
		height: 30px;
		margin: -10px 0 0 -10px;
		background: url(../../app/img/cursor_zoom_in.png) no-repeat center;
		background-size: contain;
		pointer-events: none;
	}
	.zoom_photo .cursor.zoom_out {
		background-image: url(../../app/img/cursor_zoom_out.png);
	}
	.zoom_photo .cursor.active {
		display: block;
	}
	.zoom_photo .instructions {
		position: absolute;
		top: 20px;
		left: 0;
		right: 0;
	}
	.zoom_photo .instructions span {
		display: inline-block;
		padding: 5px 10px;
		line-height: 22px;
		color: #fff;
		background: #000;
		border-radius: 5px;
	}
	.zoom_video video {
		position: relative;
		max-height: 600px;
		max-width: 1080px;
		margin-top: 50px;
	}
	.zoom_video .controls {
		height: 50px;
		line-height: 50px;
	}
	.zoom_video .controls .btn {
		margin: 0;
	}

/*************************  patient_detail   ***************************/
	.patient_detail {
		padding-bottom: 50px;
		text-align: center;
	}
	.patient_detail .list_input li {
		position: relative;
		margin: 0 0 10px 0;
		padding: 0;
	}
	.patient_detail .list_input li input[type="text"] {
		margin: 0;
	}
	.patient_detail .list_input a.btn {
		position: absolute;
		top: 1px;
		bottom: 1px;
		right: 0;
		width: 36px;
		height: auto;
		margin: 0;
		padding: 0;
		line-height: 34px;
		font-size: 24px;
	}
	.patient_detail .list_input a.btn.reject {
		position: absolute;
		line-height: 30px;
	}
	table.display .patient_edit_row_group tr {
		display: inline-block;
	}
	table.display .patient_edit_row_group tr td {
		display: inline-block;
		padding: 0 5px 0 0;
		box-shadow: none;
	}
	table.display .patient_edit_row_group tr td:last-child {
		padding-right: 25px;
	}
	.patient_detail section {
		clear: both;
	}
	.patient_detail section.graybox {
		display: block;
	}
	.patient_detail section section {
		display: inline-block;
		width: 383px;
		margin: 0 20px 25px 20px;
		border: 1px solid #ccc;
		border-radius: 5px;
		vertical-align: top;
		cursor: pointer;
		transition: margin .4s;
	}
	@media (max-width: 1000px) {
		.patient_detail section section {
			margin: 0 25px 25px 0;
		}
	}
	.patient_detail .reminder {
		line-height: 30px;
	}
	.patient_detail .reminder span {
		display: inline-block;
		width: 100px;
		vertical-align: middle;
	}
	.patient_detail .no_wounds {
		padding: 30px 25px;
		line-height: 30px;
	}
	.patient_detail .no_wounds .spinner {
		position: relative;
		margin: 0 0 0 -45px;
	}
	.patient_detail .no_wounds h1 {
		line-height: 30px;
		font-size: 24px;
	}
	.patient_detail section section.new_wound {
		height: 154px;
	}
	.patient_detail section section.new_wound h2 {
		line-height: 80px;
	}
	.patient_detail h3 {
		margin: 0 0 5px 0;
		padding: 3px;
		border-bottom: 1px solid #ccc;
		border-radius: 5px 5px 0 0;
		color: #333;
		background: #eee;
	}
	.patient_detail .img_wrapper {
		width: 100%;
		margin: 5px;
		vertical-align: middle;
	}
	.patient_detail .img_wrapper td {
		padding: 0 5px;
		line-height: 22px;
	}
	.patient_detail .img_wrapper td.model_wrapper {
		width: 70px;
		height: 110px;
		padding: 0;
		text-align: center;
	}
	.patient_detail .model {
		position: relative;
		display: inline-block;
	}
	.patient_detail .img_wrapper img {
		display: block;
		height: 110px;
	}
	.patient_detail .model div {
		position: absolute;
		top: -50px;
		left: -50px;
		height: 14px;
		width: 14px;
		margin: -7px 0 0 -7px;
		background: url(../../app/img/homunculi/target.png) no-repeat center;
		background-size: contain;
	}
	.patient_detail .img_wrapper .location_text_wrapper,
	.patient_detail .img_wrapper .delta {
		line-height: 17px;
		font-size: 14px;
	}
	.patient_detail .img_wrapper .location_text_wrapper div {
		margin-bottom: 5px;
	}


/*************************  tracy   ***************************/
	.page_content h1.tracy_status {
		display: block;
	}
	.page_content h1 .pending {
		line-height: 17px;
		font-size: 17px;
		color: #333;
	}
	.page_content h1.tracy_status .decision_history {
		display: inline-block;
		margin-left: 460px;
		font-size: 20px;
	}
	.page_content h1.tracy_status .decision_history div {
		display: inline-block;
	}
	.page_content h1.tracy_status .decision_history div div::after {
		display: inline-block;
		content: ",";
	}
	.page_content h1.tracy_status .decision_history div div:first-of-type::before {
		display: inline-block;
		content: "(";
	}
	.page_content h1.tracy_status .decision_history div div:last-child::after {
		display: inline-block;
		content: ")";
	}
	.tracy,
	.user_tracy {
		position: absolute;
		top: 75px;
		left: 0;
		right: 0;
		bottom: 25px;
		min-width: 700px;
		padding-left: 400px;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.tracy .menu {
		position: absolute;
		top: 10px;
		left: 0;
		width: 380px;
		padding-right: 25px;
		
		direction: rtl; /* puts scrollbar on the right */
		max-height: 90%;
		overflow: auto;
	}
	.tracy .menu h2 {
		margin-top: 25px;
		text-align: left;
	}
	.tracy .menu table#trace_list.display,
	.tracy .menu table#history_trace_list.display {
		width: 100%;
		direction: ltr; /* puts the text back in the proper order */
	}
	table#trace_list.display th,
	table#trace_list.display td,
	table#history_trace_list.display th,
	table#history_trace_list.display td {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	table#history_trace_list.display tr.reject td {
		color: #f00;
	}
	table#trace_list.display td:last-child,
	table#history_trace_list.display td:last-child {
		min-width: 150px;
	}
	.tracy .trace_main {
		position: relative;
		display: inline-block;
		height: 100%;
	}
	.tracy .controls {
		position: relative;
		display: inline-block;
		width: 200px;
		padding-top: 10px;
		vertical-align: top;
		text-align: center;
		opacity: 0;
		transition: opacity .4s;
	}
	.tracy .controls.active {
		opacity: 1;
	}
	.tracy label.show_analysis,
	.tracy label.show_rotator {
		display: block;
		box-sizing: border-box;
		width: 160px;
		margin: 0 auto 10px auto;
		padding: 0 10px;
		line-height: 36px;
		color: #fff;
		background: #5071cc;
		border-radius: 3px;
		cursor: pointer;
	}
	.tracy label.show_analysis::before,
	.tracy label.show_rotator::before {
		width: 40px;
		padding: inherit;
		cursor: pointer;
	}
	.tracy .mobile_controls {
		margin-top: 15px;
		text-align: center;
	}
	.tracy .mobile_controls label.show_analysis,
	.tracy .mobile_controls label.show_rotator {
		display: inline-block;
	}
	.tracy .controls table.display {
		width: 90%;
		margin: 0 10px 20px 10px;
	}
	.tracy .controls .btn {
		width: 80%;
	}
	.tracy .controls .mobile {
		display: none;
	}
	.tracy .controls div {
		padding: 10px 10%;
		text-align: left;
	}
	.tracy .controls div.rejections_wrapper {
		display: block;
		padding: 0;
	}
	.tracy section.decision_history {
		margin: 150px 0 0 0;
	}
	.tracy section.decision_history div {
		padding: 0;
		line-height: 20px;
		text-align: center;
	}
	.tracy .img_wrapper,
	.user_tracy .img_wrapper {
		position: relative;
		display: inline-block;
		top: 0;
		height: 99%;
		opacity: 0;
		transition: opacity .4s;
	}
	.user_tracy .img_wrapper {
		overflow: hidden;
	}
	.tracy .img_wrapper.active,
	.user_tracy .img_wrapper.active {
		opacity: 1;
	}
	#tracy_analysis_img {
		z-index: 1;
		position: relative;
		display: inline-block;
		height: 100%;
		background: center top no-repeat;
		background-size: contain;
		transition: opacity .4s;
	}
	#tracy_workspace.out_of_bounds #tracy_analysis_img {
		opacity: .85;
	}
	.user_tracy section.instructions {
		box-sizing: border-box;
		margin-top: 50px;
		padding-top: 70px;
		background: rgba(255,255,255,.9);
	}
	.user_tracy section.instructions h1 {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	.user_tracy section.instructions p {
		max-width: 600px;
		margin: 20px auto;
		line-height: 30px;
		font-size: 24px;
	}
		@media (max-width: 720px) {
			.user_tracy section.instructions p {
				line-height: 22px;
				font-size: 18px;
			}
		}
		@media (max-width: 500px) {
			.user_tracy section.instructions {
				background: rgba(255,255,255,.9);
			}
			.user_tracy section.instructions h1 {
				margin-bottom: 20px;
				line-height: 28px;
				font-size: 24px;
			}
			.user_tracy section.instructions p {
				margin: 10px 0;
				line-height: 20px;
				font-size: 16px;
			}
		}
	.user_tracy section.instructions .btn_row {
		text-align: center;
	}
	.user_tracy section.actions {
		display: inline-block;
		max-width: 130px;
		margin-left: 30px;
		vertical-align: top;
	}
	@media (max-width: 900px) {
		.user_tracy section.actions {
			z-index: 6;
			position: absolute;
			top: 60px;
			left: 60px;
			right: 60px;
			max-width: none;
			margin: 0;
			text-align: center;
		}
	}
	@media (max-width: 500px) {
		.user_tracy section.actions {
			left: 0;
			right: 0;
		}
	}
	.user_tracy section.actions a {
		display: block;
		margin: 30px 0;
		opacity: .3;
		cursor: default;
		pointer-events: none;
		
		transition: opacity .4s;
	}
	.user_tracy section.actions a.active {
		opacity: 1;
		cursor: pointer;
		pointer-events: auto;
	}
	.user_tracy section.regions div {
		margin: 10px 0;
		text-align: left;
		cursor: pointer;
	}
	.user_tracy section.regions a {
		display: inline-block;
		margin: 0;
		cursor: pointer;
		pointer-events: auto;
		opacity: 1;
	}
	.user_tracy section.regions span {
		display: inline-block;
		margin: 5px 0 10px 25px;
		font-size: 13px;
	}
	.user_tracy section.regions span:last-child {
		margin-left: 5px;
	}
	.user_tracy section.regions a.view_toggle {
		margin-right: 5px;
	}
	@media (max-width: 900px) {
		.user_tracy section.actions a.btn {
			display: inline-block;
			min-width: 85px;
			margin: 0 10px;
		}
	}

	@media (max-width: 720px) {
		.user_tracy section.actions a.btn {
			padding: 0 10px;
		}
		.page_content h1.status {
			position: relative;
			display: block;
		}
		.page_content h1 .pending,
		.page_content h1 .age {
			position: absolute;
			right: 50px;
			padding-left: 0;
			line-height: 17px;
			font-size: 17px;
			color: #333;
		}
		.page_content h1 .pending {
			top: 0;
		}
		.page_content h1 .age {
			bottom: 0;
		}
		.page_content h1 .menu_toggle {
			position: absolute;
			right: 0;
			top: 0;
			bottom: 0;
			width: 40px;
			background: #d5ffda url(../../app/img/icon_expand_less.png) no-repeat center;
			background-size: contain;
			box-shadow: 0 0 3px 0 inset;
			border-radius: 6px;
		}
		.page_content h1 .menu_toggle.active {
			background-image: url(../../app/img/icon_expand_more.png);
		}
		.tracy  {
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
			right: auto;
			min-width: 0;
			margin-bottom: 20px;
			padding-left: 0;
		}
		.tracy .menu {
			position: relative;
			top: auto;
			left: auto;
			max-height: 0;
			width: 100%;
			padding-right: 0;
			overflow: hidden;
			direction: ltr;
			
			transition: max-height .4s;
		}
		.tracy .menu.active {
			max-height: 160px;
			overflow: scroll;
		}
		table#trace_list tr.active td:last-child::after,
		table#history_trace_list tr.active td:last-child::after {
			display: none;
		}
		.tracy .controls {
			display: block;
			min-height: 80px;
			width: auto;
			padding-top: 0;
			line-height: 80px;
			text-align: left;
		}
		.tracy .controls table.display {
			width: 100%;
			margin: 0;
			line-height: 16px;
		}
		.tracy .controls div {
			display: inline-block;
			margin-top: 10px;
			padding: 0 5px;
		}
		.tracy .controls div.rejections_wrapper {
			z-index: 5;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin-top: 0;
		}
		.tracy .controls div.rejections {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 0;
			margin-top: 0;
			padding: 0;
			line-height: 20px;
			text-align: center;
			overflow: hidden;
			background: rgba(255,255,255,.8);
			
			transition: height .4s;
		}
		.tracy .controls div.rejections.active {
			height: 45px;
		}
		.tracy .controls .btn {
			width: 38%;
			margin: 0;
			padding: 0;
		}
		.tracy .controls .btn.step_2 {
			width: 32%;
		}
		.tracy .controls .mobile {
			display: inline-block;
		}
		.tracy .controls .desktop {
			display: none;
		}
		.tracy .img_wrapper,
		.tracy .img_wrapper #tracy_analysis_img {
			position: relative;
			display: block;
			top: 0;
			height: auto;
			width: 100%;
		}
		.tracy section.decision_history {
			margin: 0 75px 10px 0;
			line-height: 20px;
			text-align: center;
		}
		.tracy section.decision_history div {
			display: block;
			margin: 0;
		}
		.tracy section.dimensions {
			line-height: 20px;
			text-align: center;
		}
		.tracy section.dimensions span {
			padding: 0 5px;
			white-space: nowrap;
		}
	}
	.user_tracy section.instructions,
	.tracy .img_wrapper #tracy_trace_wrapper,
	.tracy .img_wrapper #tracy_analysis_wrapper,
	.tracy .img_wrapper #tracy_dot_wrapper {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}
	.user_tracy section.instructions.active {
		z-index: 7;
	}
	.tracy .img_wrapper #tracy_trace_wrapper {
		z-index: 4;
	}
	.tracy .img_wrapper #tracy_analysis_wrapper {
		z-index: 3;
	}
	.tracy .img_wrapper #tracy_dot_wrapper {
		z-index: 2;
	}
	.tracy .img_wrapper #tracy_trace_wrapper canvas,
	.tracy .img_wrapper #tracy_analysis_wrapper canvas {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#tracy_dot_tool {
		z-index: 5;
		position: absolute;
		border: 1px dotted #ff00fc;
		opacity: .4;
		transform-origin: center;
	}
	.tracy .img_wrapper #tracy_trace_wrapper canvas {
		cursor: crosshair;
	}
	.tracy .img_wrapper #tracy_trace_wrapper canvas.drawing_canvas {
		z-index: 3;
	}
	.tracy .img_wrapper #tracy_trace_wrapper canvas.shapes_canvas {
		z-index: 4;
		opacity: .75;
		pointer-events: none;
	}
	.tracy .img_wrapper #tracy_trace_wrapper canvas.out_of_bounds {
		cursor: auto;
	}
	.tracy .img_wrapper #tracy_trace_wrapper #close_shape_handle {
		z-index: 2;
		position: absolute;
		top: -50px;
		left: -50px;
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
		border: 2px solid #fff;
		border-radius: 50%;
		box-shadow: 0 0 3px 0 #000;
		pointer-events: none;
	}
	.tracy .img_wrapper #tracy_trace_wrapper #close_shape_handle {
		cursor: grab;
	}
	#tracy_dot_tool_dot {
		z-index: 1;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 50%;
		background: #ff00fc;
		cursor: move;
	}
	
	#tracy_dot_tool div.edge {
		z-index: 2;
		position: absolute;
	}
	#tracy_dot_tool_top {
		top: -4px;
		left: 10px;
		right: 10px;
		height: 4px;
		cursor: n-resize;
	}
	#tracy_dot_tool_bottom {
		bottom: -4px;
		left: 10px;
		right: 10px;
		height: 4px;
		cursor: s-resize;
	}
	#tracy_dot_tool_left {
		top: 10px;
		bottom: 10px;
		left: -4px;
		width: 4px;
		cursor: w-resize;
	}
	#tracy_dot_tool_right {
		top: 10px;
		bottom: 10px;
		right: -4px;
		width: 4px;
		cursor: e-resize;
	}
	
	#tracy_dot_tool div.corner {
		z-index: 3;
		position: absolute;
		height: 20px;
		width: 20px;
	}
	#tracy_dot_tool_top_left {
		top: 0;
		left: 0;
		cursor: nw-resize;
	}
	#tracy_dot_tool_top_right {
		top: 0;
		right: 0;
		cursor: ne-resize;
	}
	#tracy_dot_tool_bottom_left {
		bottom: 0;
		left: 0;
		cursor: sw-resize;
	}
	#tracy_dot_tool_bottom_right {
		bottom: 0;
		right: 0;
		cursor: se-resize;
	}
	#tracy_dot_tool_rotator {
		z-index: 4;
		position: absolute;
		height: 20px;
		width: 20px;
		top: 5px;
		left: 50%;
		margin-left: -10px;
		background: #f6f;
		border-radius: 50%;
		cursor: alias;
	}

/*************************  close popup button   ***************************/
	a.close_popup {
		position: absolute;
		top: 20px;
		right: 20px;
		height: 30px;
		width: 30px;
		border: 2px solid #000;
		border-radius: 50%;
		background: url(../../app/img/icon_close.png) no-repeat center;
		background-size: 75%;
		opacity: .5;
		
		transition: opacity .4s;
	}
	a.close_popup.white {
		border-color: #fff;
		background-image: url(../../app/img/icon_close_white.png);
	}
	a.close_popup:hover {
		opacity: .8;
	}
	.user_tracy a.close_popup {
		top: 60px;
		right: 10px;
	}
		@media (max-width: 1000px) {
			.user_tracy a.close_popup {
			}
		}
		@media (max-width: 500px) {
			.user_tracy a.close_popup {
				display: none;
			}
		}


/*************************  admin / page_table  ***************************/
	.page_table {
		padding: 20px 0 50px 0;
		text-align: center;
	}
		@media (max-width: 480px) {
			.page_table {
				padding-top: 0;
			}
		}
	.admin::after,
	.admin > div::after {
		z-index: 0;
		clear: both;
		display: block;
		content: "";
	}
	.admin fieldset {
		width: 300px;
	}
	.page_table table.display .mini_rows_label {
		vertical-align: top;
	}
	.page_table table.display .mini_rows > div {
		padding: 0 0 15px 0;
	}
	.page_table table.display .mini_rows strong {
		display: block;
	}
	.page_table table.display .mini_rows label {
		display: inline-block;
		margin: 0 0 0 10px;
	}
	.page_table table.display .mini_rows .global {
        padding-bottom: 0;
	}
	.page_table table.display .mini_rows .global.unchecked {
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #bec7e6;
	}
	.page_table table.display .mini_rows .global label {
		margin-left: 0;
        font-weight: bold;
	}
	.page_table table.display.child_lists td.order {
		text-align: center;
	}
	.page_table table.display.child_lists td.order strong {
		margin-right: 10px;
	}
	.page_table td.child .accordion table.display {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.page_table td.child .accordion table.display thead tr:first-child td,
	.page_table td.child .accordion table.display tbody:first-child tr:first-child td {
		box-shadow: none;
	}
	.page_table td.child .accordion table.display#portal_setup tr:last-child td,
	.page_table td.child .accordion table.display#patient_app_setup tr:last-child td {
		box-shadow: 0 1px 0 0 #bec7e6 inset;
	}
	table.display#portal_setup td,
	table.display#patient_app_setup td {
		width: 50%;
		padding: 10px 25px;
		line-height: 36px;
	}
	.main .page_table #portal_setup select,
	.main .page_table #patient_app_setup select,
	.main .page_table #portal_setup input,
	.main .page_table #patient_app_setup input {
		margin: 0;
	}
	.tablet_view .page_table table.display.child_lists td,
	.tablet_view #portal_setup td,
	.tablet_view #device_registration td {
		padding: 10px 20px;
		font-size: .8em;
	}
	.mobile_view .page_table table.display.child_lists td,
	.mobile_view #portal_setup td,
	.mobile_view #device_registration td {
		padding: 5px 10px;
		font-size: .7em;
	}
	.tablet_view .page_table table.display .btn,
	.tablet_view .page_table table.display button {
		font-size: 13px;
	}
	.mobile_view .page_table table.display .btn,
	.mobile_view .page_table table.display button {
		font-size: 11px;
	}
		@media (max-width: 480px) {
			.mobile_view .page_table table.display .btn_row {
				padding: 0 20px;
			}
		}
	.page_table table.display.child_lists .new td,
	.page_table table.display.selectable.accordion_table tr.not_selectable tr.new td,
	.page_table table.display.selectable.accordion_table tr.not_selectable:hover tr.new td {
		background-color: #d5ffda;
	}
	.page_table table.display.child_lists .new.double td,
	.page_table table.display.selectable.accordion_table tr.not_selectable tr.new.double td,
	.page_table table.display.selectable.accordion_table tr.not_selectable:hover tr.new.double td {
		box-shadow: none;
	}
	.page_table table.display.child_lists .new.double td {
		box-shadow: none;
	}
	.page_table table.display.child_lists tr.children td {
		padding: 0;
		vertical-align: top;
	}
	.page_table table.display.child_lists input[type="text"],
	.page_table table.display.child_lists select,
	.page_table table.display.child_lists button {
		max-width: 245px;
		margin-left: 10px;
		vertical-align: middle;
	}
	.page_table table.display.child_lists button {
		margin-right: 20px;
	}
	.page_table table.display.accordion_table td.child table.display.child_lists .accordion {
		margin-bottom: 0;
		padding: 0;
		box-shadow: none;
		transition: max-height .4s, background-color .4s;
	}
	.page_table table.display.child_lists .accordion a.new {
		display: block;
		padding: 5px 20px;
	}
	.page_table table.display.child_lists .accordion div {
		line-height: 33px;
	}
	.page_table table.display.child_lists .accordion div > div {
		padding: 5px 20px;
		border-top: 1px solid #bec7e6;
		transition: background-color .4s;
	}
	.page_table table.display.child_lists .accordion div > div:last-child {
		border-bottom: 1px solid #bec7e6;
	}
	.page_table table.display .accordion div > div a.icon_reorder {
		margin-bottom: 3px;
	}
	.page_table table.display.child_lists .accordion div > div a.trash {
		float: right;
		height: 33px;
	}
	.page_table table.display.child_lists .new a.trash {
		height: 36px;
	}
	.page_table table.display.child_lists tr.children .accordion .new_button {
		padding: 0 10px;
		text-align: right;
	}
	.page_table table.display.selectable.accordion_table tr.not_selectable:hover td,
	.page_table table.display.accordion_table tr.not_selectable td.child .accordion:hover {
		background-color: #d3ddff;
	}
	.page_table table.display.child_lists tr.children .accordion,
	.page_table table.display.child_lists tr.children .accordion:hover {
		background-color: rgba(255,255,255,.3) !important;
	}
	.page_table table.display.child_lists .accordion .child_row::after {
		display: block;
		content: "";
		clear: both;
	}
	.page_table table.display.child_lists .accordion div > div.dragging,
	.page_table table.display.selectable.accordion_table tr.not_selectable tr.dragging td {
		background-color: #d5ffda;
	}
	.page_table table.display.child_lists .accordion div > div,
	.page_table table.display.selectable.accordion_table tr.not_selectable tr td {
		transition: background-color .4s, box-shadow .2s;
	}
	.page_table table.display.selectable.accordion_table tr.not_selectable tr:last-child td::after {
		content: "";
		display: block;

		height: 1px;
	}
	.page_table table.display.child_lists .accordion div > div.droppable_above,
	.page_table table.display.selectable.accordion_table tr.not_selectable tr.droppable_above td {
		box-shadow: 0 2px 0 0 #000 inset;
		cursor: move;
	}
	.page_table table.display.child_lists .accordion div > div.droppable_below,
	.page_table table.display.selectable.accordion_table tr.not_selectable tr.droppable_below td {
		box-shadow: 0 1px 0 0 #bec7e6 inset, 0 -2px 0 0 #000 inset;
		cursor: move;
	}
	.page_table table.display.selectable.accordion_table tr.not_selectable tr.droppable_above:last-child > td {
		box-shadow: 0 -1px 0 0 #bec7e6 inset, 0 2px 0 0 #000 inset;
	}
	.page_table table.display.selectable.accordion_table tr.not_selectable td table.display.selectable tr:hover td,
	.page_table table.display.selectable.accordion_table tr.not_selectable:hover td tr.active td {
		background-color: #d5ffda;
	}
	.page_table table.display.accordion_table td.child .accordion {
		height: auto;
		max-height: 0;
		transition: max-height .4s, background-color .4s, box-shadow .4s;
	}
	.page_table table.display.accordion_table .expand_all td.child .accordion,
	.page_table table.display.accordion_table td.child .accordion.active {
		height: auto;
	}
	.page_table a.icon.new_evaluation {
		display: inline-block;
		width: 30px;
		height: 33px;
		background-image: url(../../app/img/icon_new_evaluation.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		opacity: .5;
		cursor: pointer;
		transition: opacity .4s;
	}
	.page_table a.icon.new_evaluation:hover {
		opacity: 1;
	}
	.page_table table.display tr td.thumb {
		width: 50px;
		text-align: right;
	}
	.page_table table.display tr td.thumb .round_thumb {
		margin-right: 0;
	}
	.admin .accordion_table form {
		text-align: center;
	}
	.admin .accordion_table fieldset {
		margin-top: 12px;
	}
	.admin .accordion_table .button_row {
		margin: 0;
	}
	#device_registration.editable input[type="text"]:disabled,
	#device_registration.editable input[type="number"]:disabled,
	#device_registration.editable textarea:disabled,
	#device_registration.editable select:disabled {
		width: 100%;
	}
	.admin .hint {
		margin-top: 0;
	}
	.admin .hint.second_line {
		margin-top: 5px;
	}
	
	.admin h2 select,
	.admin h2 input[type="text"] {
		width: auto;
		min-width: 150px;
		margin: 0 0 0 10px;
	}
	.admin h2.users_options::after {
		display: block;
		content: "";
		clear: both;
	}
	.admin h2.users_options .facility_menu,
	.admin h2.users_options select,
	.admin h2.users_options input[type="text"] {
		margin: 5px 0 0 0;
		vertical-align: top;
	}
	.admin h2.users_options .facility_menu {
		line-height: 34px;
	}
	.admin h2.users_options .btn,
	.admin h2.device_options .btn {
		float: right;
		margin: 5px 0 0 0;
		vertical-align: top;
	}
	.admin ul {
		margin-left: 35px;
	}
	.admin .table_wrapper {
		clear: both;
		padding-bottom: 50px;
	}
	.page_table table.display th {
		padding-top: 15px;
		border-top: 1px solid #ccc;
		background: #fff;
	}
	.page_table table.display {
		width: 100%;
		line-height: 1.2em;
		text-align: left;
	}
	.page_table table.display.none_found {
		margin-top: 40px;
	}
	.page_table table.display .fullname {
		font-weight: 600;
	}
	.admin section table.display a.btn,
	.admin .edit_mode_open a.btn {
		height: 30px;
		margin: 0;
		line-height: 30px;
	}
	.admin section table.display.compact a.btn.check_btn {
		width: 38px;
		padding: 0;
	}
	.admin section table.display a.btn.error {
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	}
	.admin section table.display.editable td {
		text-align: center;
	}
	.admin section table.display.editable input[type="text"] {
		width: 100%;
	}
	
	.main .admin fieldset.password_policy {
		width: auto;
	}
	.main .admin .password_policy td {
		height: 36px;
		padding-bottom: 15px;
		line-height: 18px;
		vertical-align: middle;
	}
	.main .admin .password_policy td:first-child {
		width: 60px;
	}
	.main .admin .password_policy input[type="text"] {
		width: 50px;
		margin: 0 5px 0 0;
	}
	.admin a.lock {
		width: 24px;
		height: 24px;
		vertical-align: bottom;
		opacity: .7;
		transition: opacity .4s;
	}
	.admin a.lock:hover {
		opacity: 1;
	}
	.admin .add_button_row {
		padding-bottom: 40px;
		text-align: center;
	}
	.admin .users .btn {
		margin: 0;
	}
	.page_table table.display.selectable.accordion_table tr.not_selectable tr td.unlock {
		padding-top: 0;
		padding-bottom: 0;
		text-align: right;
	}
	
	.main .page_table input[type="text"],
	.page_table .calendar_input input[type="text"],
	.main .page_table input[type="email"],
	.main .page_table input[type="password"],
	.main .page_table input[type="number"],
	.main .page_table input[type="date"],
	.main .page_table input[type="range"],
	.main .page_table textarea,
	.main .page_table select,
	.page_table .calendar_input select {
		max-width: 400px;
	}
	

/*************************  reports   ***************************/
	.reports {
		position: relative;
		padding-bottom: 50px;
	}
	.reports .csv {
		position: absolute;
		top: 40px;
		bottom: 51px;
		left: 1px;
		right: 2px;
		padding: 30px 20px 20px 20px;
		text-align: center;
		background: #fff;
	}
	.reports .csv textarea {
		position: relative;
		height: calc(100% - 50px);
		margin: 0;
	}
	.reports .csv .btn {
		margin: 7px 0 3px 0;
	}
	.reports .csv .hint {
		font-size: 12px;
	}
	.reports .neutral_tabs .tab_content {
		position: relative;
		padding-bottom: 0;
	}
	.reports .tab_sub_nav {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		box-sizing: border-box;
		height: 30px;
		margin-top: -20px;
		padding: 0 10px;
		border-bottom: 1px solid #ccc;
		line-height: 30px;
	}
	.reports .tab_sub_nav a {
		display: inline-block;
		margin: 0;
	}
	.reports .show_csv,
	.reports .hide_csv {
		position: absolute;
		top: 3px;
		right: 10px;
		padding: 1px 2px;
		border: 2px solid #999;
		height: 16px;
		line-height: 16px;
		font-size: 14px;
		color: #999;
		transition: color .4s, border-color .4s;
	}
	.reports .show_csv:hover {
		border-color: #333;
		color: #333;
	}
	.reports .hide_csv {
		top: 4px;
		right: 39px;
		border-color: #333;
		color: #333;
	}
	.reports .hide_csv:hover {
		border-color: #999;
		color: #999;
	}
	.reports a.close_popup {
		top: -3px;
		right: 2px;
		transform: scale(0.8);
	}
	.reports .settings {
		position: relative;
		overflow: hidden;
		box-sizing: border-box;
		max-height: 0;
		padding: 0 20px;
		font-weight: 600;
		background-color: #eee;
		opacity: 0;
		transition: max-height .4s, margin-top .4s, opacity .4s;
	}
	.reports .settings.active {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		opacity: 1;
	}
	.reports .settings .note {
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 14px;
		color: #f00;
	}
	.reports .settings div {
		display: inline-block;
		padding: 0 10px 20px 10px;
		vertical-align: top;
	}
	.reports .settings label {
		margin-top: 3px;
		font-weight: 400;
		cursor: pointer;
	}
	.reports .settings div.filters {
		display: block;
		padding: 20px 0;
		border-top: 1px solid #ccc;
		font-weight: 600;
	}
	.reports .settings div label {
		display: block;
	}
	.reports table.display th {
		position: relative;
		text-transform: capitalize;
		overflow: hidden;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
	.reports table.display th.sort_desc,
	.reports table.display th.sort_asc {
		padding: 7px 12px 7px 8px;
		color: #364fa1;
		background: rgba(54,79,161,.1);
	}
	.reports table.display th.sort_asc span,
	.reports table.display th.sort_desc span {
		display: inline-block;
		content: "";
		position: absolute;
		top: 50%;
		right: -8px;
		width: 30px;
		height: 10px;
		margin-top: -5px;
		overflow: hidden;
		transform-origin: center;
		transform: rotate(0deg) scaleX(0.4);
	}
	.reports table.display th.sort_desc span::after,
	.reports table.display th.sort_asc span::after {
		display: block;
		content: "";
		position: absolute;
		top: -9px;
		left: 7px;
		width: 17px;
		height: 17px;
		background: #364fa1;
		transform-origin: center;
		transform: rotate(45deg);
	}
	.reports table.display th.sort_desc span {
		transform: rotate(180deg) scaleX(0.4);
	}

	.reports table.display {
		border-top: 1px dotted rgba(0,0,0,.2);
	}
	.reports table.display th,
	.reports table.display td {
		padding: 7px 10px;
		border-left: 1px dotted rgba(0,0,0,.2);
		border-right: 1px dotted rgba(0,0,0,.2);
		font-size: 15px;
	}
	.reports table.display th.counter,
	.reports table.display td.counter {
		width: 50px;
	}
	.reports table.display th {
		border-color: rgba(0,0,0,.1);
	}
	.reports table.display tr:first-child td {
		box-shadow: none;
	}
	.reports table.display th:first-child,
	.reports table.display td:first-child {
		border-left: none;
	}
	.reports table.display th:last-child,
	.reports table.display td:last-child {
		border-right: none;
	}
	.reports table.display thead select {
		width: auto;
	}
	@media (max-width: 810px) {
		.reports table {
			font-size: .8em;
		}
		.reports table.display th,
		.reports table.display td {
			padding-left: 10px;
			padding-right: 10px;
		}
		.reports table.display thead select {
			font-size: .9em;
		}
	}
	@media (max-width: 610px) {
		.reports table {
			font-size: .7em;
		}
		.reports table.display th,
		.reports table.display td {
			padding-left: 5px;
			padding-right: 5px;
		}
	}
	

/*************************  tools   ***************************/
	.tools {
		padding-bottom: 50px;
	}
	.tools form {
		padding: 8px 0 20px 0;
		line-height: 55px;
	}
	.tools.admin .tools_search {
		z-index: 5;
		position: relative;
		padding: 0 10px;
	}
	.tools.admin .tools_search fieldset {
		position: relative;
		box-sizing: border-box;
		width: 200px;
		margin: 0 10px;
	}
	.tools.admin .tools_search fieldset:last-child {
		width: auto;
	}
	.tools.admin .tools_search fieldset .filtered_installations {
		position: absolute;
		top: 52px;
		left: 0;
		box-sizing: border-box;
		min-width: 100%;
		border: 1px solid #ccc;
		background: #fff;
	}
	.tools.admin .tools_search fieldset .filtered_installations a {
		display: block;
		padding: 0 10px;
		line-height: 24px;
		transition: background-color .4s;
	}
	.tools.admin .tools_search fieldset .filtered_installations a:hover {
		background-color: #ffe;
	}
	.tools.admin .user_list .no_users {
		text-align: center;
	}
	.tools.admin .user_list .accordion_table th {
		padding-bottom: 10px;
	}
	.tools.admin .accordion_table form {
		text-align: left;
	}
	.tools.admin .accordion_table fieldset {
		vertical-align: bottom;
		transition: color .4s;
	}
	.tools .accordion_table fieldset label {
		margin: 0;
	}
	.tools input[type="text"] {
		margin: 0;
	}
	.tools .error input[type="text"] {
		border-color: #f99;
	}
	.tools .btn,
	.tools button {
		margin: 0;
		vertical-align: bottom;
	} 
	.tools.admin .calendar_input_display {
		vertical-align: bottom;
	}
	.tools.admin .hint {
		text-align: center;
	}
	.main .tools .password_reset {
		text-align: right;
	}
	.main .tools .password_reset form {
		padding: 0;
		line-height: 40px;
		text-align: left;
	}
	.main .tools .default_reset_password {
		margin: 20px;
		text-align: right;
	}
	.main .tools .default_reset_password input[type="text"] {
		width: 130px;
	}
	.main .tools .password_reset input[type="text"] {
		width: 130px;
		vertical-align: bottom;
	}
	

/*************************  all_settings   ***************************/

	.all_settings table.display {
		width: 100%;
	}

	.all_settings table.display .btn_row {
		text-align: right;
	}
	.main .all_settings input[type="text"]{
		width: 300px;
	}
	.all_settings .settings_scroller {
		max-height: 600px;
		overflow: auto;
	}
	.all_settings .settings_scroller td {
		width: 25%;
	}
	.all_settings .settings_scroller td:last-child {
		width: 50%;
	}
	.all_settings .settings_scroller tr:last-child td:last-child {
		width: auto;
	}
	.all_settings .settings_scroller textarea {
		height: 30px;
	}
	

/*************************  user_detail   ***************************/
	.user_detail {
		padding-bottom: 50px;
		text-align: center;
	}
	.user_detail::after {
		z-index: 0;
		clear: both;
		display: block;
		content: "";
	}
	.user_detail h2 a.btn {
		float: right;
		margin: 0;
	}
	.user_detail .hint {
		text-align: center;
		color: #666;
	}
	.user_detail .password_wrapper {
		position: relative;
	}
	.user_detail button.reload {
		position: absolute;
		top: -2px;
		right: 3px;
		height: 36px;
		padding: 0 10px;
		line-height: 36px;
		transform: scaleX(-1) rotate(-90deg);
		-webkit-transform: scaleX(-1) rotate(-90deg);
	}
	.user_detail .roles label {
		margin-right: 20px;
	}
	.user_detail .manage_cookies {
		padding: 30px 0;
		line-height: 24px;
	}
	.user_detail .manage_cookies a {
		color: #364fa1;
		text-decoration: underline;
	}
	

/*************************  new documentation   ***************************/
	.documentation {
		padding-bottom: 50px;
	}
	.documentation h1 span {
		white-space: nowrap;
	}
	.documentation h2.documentation_header:first-child {
		margin-bottom: 30px;
	}
		.mobile_view .documentation h2.documentation_header {
			margin-bottom: 0;
			padding: 0 20px;
			text-align: left;
		}
	.documentation h2.documentation_header span {
		white-space: nowrap;
	}
	.documentation h2.documentation_header div > span {
		margin-right: 20px;
	}
	.documentation h2.documentation_header div > span:last-child {
		margin-right: 0;
	}
	.mobile_view .documentation h2.documentation_header div > span {
		display: block;
		margin-right: 0;
	}
	.documentation h2.documentation_header span.info_label {
		font-weight: 600;
	}
	.documentation .documentation_header select {
		width: auto;
	}
	.documentation .encounter_list a.btn{
		position: relative;
		z-index: 5;
	}
	.documentation .page_table {
		padding-top: 0;
	}
	.documentation .patient_records {
		margin: 10px 0 0 0;
		text-align: center;
	}
	.mobile_view .documentation h1 span:last-child {
		font-size: .7em;
	}
	.documentation .no_wounds {
		margin: 10px 0;
		padding: 20px 25px;
		line-height: 30px;
		box-shadow: 0 1px 0 0 #bec7e6 inset, 0 -1px 0 0 #bec7e6 inset;
	}
	.documentation .no_wounds .spinner {
		position: relative;
		margin: 0 0 0 -45px;
	}
	.documentation .no_wounds h1 {
		line-height: 30px;
		font-size: 18px;
	}
	.documentation select option:first-child {
		font-style: italic;
		color: #999;
	}
	.documentation .wound_list {
		margin-top: 25px;
	}
	.model_list .models {
		text-align: center;
	}
	.model_list .models div {
		display: inline-block;
	}
	.model_list .models > div {
		display: block;
	}
	.model_list .models section {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.model_list .models section.body {
		margin-bottom: 20px;
	}
	.model_list .models section.foot.left {
		margin-right: 10px;
	}
	.model_list .models section.foot.right {
		margin-left: 10px;
	}
	.model_list .models h2 {
		margin-bottom: 0;
		text-transform: capitalize;
		color: #364fa1;
		transition: font-size .4s;
	}
	.model_list .models br {
		display: none;
	}
	.model_list .models a {
		display: inline-block;
		margin: 5px;
		padding: 15px;
		border-radius: 5px;
		background-color: transparent;
		transition: background-color .4s;
	}
	.model_list .models a:hover {
		background-color: #cfc;
	}
	.model_list .models a,
	.model_list .models a img {
		max-width: 188px;
		max-height: 188px;
		transition: max-width .4s, max-height .4s, margin .4s, padding .4s;
	}
	.model_list .models a.body,
	.model_list .models a.body img {
		max-height: 250px;
	}
	@media (max-width: 1500px) {
		.model_list .models .foot br:nth-of-type(even) {
			display: block;
		}
	}
	@media (max-width: 920px) {
		.model_list .models a.foot,
		.model_list .models a.foot img {
			max-width: 150px;
			max-height: 150px;
		}
	}
	@media (max-width: 820px) {
		.model_list .models a.foot,
		.model_list .models a.foot img {
			max-width: 125px;
			max-height: 125px;
		}
	}
	@media (max-width: 720px) {
		.model_list .models section {
			border-color: transparent;
		}
		.model_list .models h2 {
			font-size: 18px;
		}
		.model_list .models .foot br {
			display: block;
		}
		.model_list .models a.foot,
		.model_list .models a.foot img {
			max-width: 188px;
			max-height: 188px;
		}
	}
	@media (max-width: 560px) {
		.model_list .models a.body,
		.model_list .models a.body img {
			max-width: 90px;
			max-height: 180px;
		}
		.model_list .models a.foot,
		.model_list .models a.foot img {
			max-width: 144px;
			max-height: 144px;
		}
	}
	@media (max-width: 500px) {
		.model_list .models a.body {
			margin: 5px 0;
			padding: 10px;
		}
		.model_list .models a.foot {
			margin: 5px 0;
			padding: 0;
		}
	}
	
	.set_coordinates {
		text-align: center;
	}
	.set_coordinates .photo {
		position: relative;
		display: inline-block;
		margin: 0 20px;
		vertical-align: middle;
	}
		.mobile_view .set_coordinates .photo {
			display: block;
		}
	.set_coordinates .select_acquisition_method {
		margin: 40px 0 0 10px;
	}
		.mobile_view .set_coordinates .select_acquisition_method {
			margin: 0;
		}
	.set_coordinates .photo .preview_photo img {
		max-width: 300px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	}
	.set_coordinates .photo .preview_video {
		width: 300px;
		margin: 10px auto 0 auto;
	}
	.set_coordinates .photo .preview_video p {
		line-height: 250px;
		text-align: center;
	}
	.set_coordinates .photo .preview_video video {
		width: 300px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	}
	.set_coordinates .model {
		position: relative;
		display: inline-block;
		margin-top: 10px;
		vertical-align: top;
		cursor: url(../../app/img/homunculi/target.png) 16 16, crosshair;
		transition: margin .4s;
	}
	.set_coordinates .model.set {
		margin: 30px 20px 20px 20px;
		cursor: pointer;
	}
	.set_coordinates .model.set.text_location {
		cursor: default;
	}
		.mobile_view .set_coordinates .model.set {
			margin-top: 5px;
			margin-bottom: 50px;
		}
		.mobile_view .set_coordinates .model.set.thumb {
			float: left;
			margin-top: 80px;
		}
	.set_coordinates .model img {
		display: inline-block;
		max-height: 400px;
		max-width: 400px;
		transition: max-height .6s, max-width .6s;
	}
	.set_coordinates .model.set img {
		max-height: 200px;
		max-width: 200px;
	}
	.mobile_view .set_coordinates .model.set.thumb img {
		max-height: 150px;
		max-width: 150px;
	}
	.set_coordinates .model .target {
		position: absolute;
		height: 32px;
		width: 32px;
		margin: -16px 0 0 -16px;
		background: url(../../app/img/homunculi/target.png);
		background-size: contain;
	}
	.set_coordinates .model.set .target {
		height: 10px;
		width: 10px;
		margin: -5px 0 0 -5px;
	}
	.set_coordinates .model .reset {
		position: absolute;
		bottom: -30px;
		left: -10px;
		right: -10px;
		font-size: 12px;
	}
	
	.set_coordinates p {
		margin-top: 50px;
	}
	.set_coordinates p.hint {
		margin-top: 10px;
	}
	.set_coordinates p.hint a {
		font-weight: 600;
		color: #364fa1;
	}
	
	.capture_photo {
		display: inline-block;
		max-width: 0;
		vertical-align: middle;
		white-space: nowrap;
		transition: max-width .6s;
	}
		.mobile_view .capture_photo {
			margin-bottom: 50px;
			white-space: normal;
		}
	.capture_photo.active {
		max-width: 600px;
	}
	.capture_photo .models {
		display: inline-block;
		border: 1px solid #5c5;
		padding: 20px;
		border-radius: 5px;
	}

	.capture_photo label {
		display: block;
		margin: 0 0 10px 0;
	}
	.set_coordinates .previous {
		display: inline-block;
		margin: -10px 50px 20px 0;
		text-align: center;
		vertical-align: middle;
	}
	.mobile_view .set_coordinates .previous {
		margin: 0 0 30px 0;
	}
	.set_coordinates .previous img {
		height: 250px;
		border-radius: 25px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	}
	.preview_photo_controls {
		display: inline-block;
		margin: 0 10px;
		vertical-align: top;
	}
	.preview_photo_controls .set_date,
	.preview_photo_controls .set_time {
		padding: 15px 0;
		border-top: 1px dotted #ccc;
	}
	.preview_photo_controls .set_time {
		border-bottom: 1px dotted #ccc;
	}
	.preview_photo_controls .set_date h3,
	.preview_photo_controls .set_time h3 {
		margin: 0 0 5px 0;
	}
	.preview_photo_controls .set_date .calendar_input_display {
		margin-top: 10px;
	}
	.preview_photo .flip_link {
		margin: 10px 0 25px 0;
	}
	.preview_photo .flip_link a {
		display: inline-block;
		padding: 5px 0 5px 30px;
		text-align: center;
		color: #364fa1;
		background: url(../../app/img/icon_reload.png) no-repeat left center;
		background-size: contain;
	}
	.preview_photo_controls .cb_label {
		display: block;
		margin: 8px 0;
		text-align: left;
	}
	.preview_photo_controls .set_visit_type {
		margin: 30px 0;
	}

/************************************************************\
	camera
\************************************************************/
	#camera_input {
		display: none;
		z-index: 10;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: #000;
	}
	#camera_input.active {
		display: block;
	}
	.camera {
		z-index: 1;
		position: absolute;
		top: 0;
		bottom: 100px;
		left: 0;
		right: 0;
	}
	.camera.ready {
		background: #000;
	}
	#camera_input .flash_effect {
		display: none;
		z-index: 20;
		position: absolute;
		top: 0;
		bottom: 100px;
		left: 0;
		right: 0;
		background: #fff;
		opacity: 0;
		pointer-events: none;
		animation-duration: .5s;
		animation-name: flash;
	}
		@keyframes flash {
			from {opacity: 0}
			10% {opacity: 1}
			to {opacity: 0}
		}
		#camera_input .flash_effect.active {
			display: block;
		}
	.camera video {
		z-index: 1;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.camera video.replay {
		z-index: 3;
	}
	.camera canvas {
		z-index: -1;
		position: absolute;
		top: 0;
		bottom: 100px;
		left: 0;
		right: 0;
	}
	.camera.preview_photo canvas {
		z-index: 3;
	}
	.camera_overlay {
		z-index: 2;
		position: absolute;
		top: 0;
		bottom: 100px;
		left: 0;
		right: 0;
		opacity: 0;
		pointer-events: none;
		transition: opacity .4s;
	}
	.camera_overlay.active {
		opacity: 1;
		pointer-events: auto;
	}
	.camera_overlay_img {
		z-index: 2;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	.overlay_alpha_control {
		z-index: 3;
		position: absolute;
		top: 15px;
		left: 10px;
		right: 10px;
		height: 10px;
		border-top: 2px solid rgba(204,204,204,.5);
		cursor: pointer;
		pointer-events: none;
	}
	.camera_overlay.active .overlay_alpha_control {
		pointer-events: auto;
	}
	.overlay_alpha {
		z-index: 4;
		position: absolute;
		top: -2px;
		left: 0;
		right: 0;
		height: 2px;
		background: #098;
	}
	.overlay_alpha::after {
		display: block;
		content: "";
		z-index: 4;
		position: absolute;
		top: -5px;
		right: -6px;
		height: 12px;
		width: 12px;
		border-radius: 50%;
		background: #098;
		transition: top .2s, right .2s, height .2s, width .2s;
	}
	.overlay_alpha.active::after {
		top: -8px;
		right: -9px;
		height: 18px;
		width: 18px;
	}
	.camera_controls {
		z-index: 5;
		display: none;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100px;
		text-align: center;
	}
	.camera_controls.active {
		display: block;
	}
	.camera_controls .btn {
		height: 30px;
		width: 48%;
		margin: 60px 0 0 0;
		line-height: 30px;
		font-weight: normal;
	}
	.camera_controls .cancel_camera_btn {
		z-index: 2;
		position: fixed;
		bottom: 25px;
		left: 20px;
		width: 40px;
		height: 40px;
		border: 1px solid #fff;
		border-radius: 50%;
		opacity: .6;
		box-shadow: 0 0 18px 0 rgba(255,255,255,0.3) inset;
	}
	.camera_controls .cancel_camera_btn::before,
	.camera_controls .cancel_camera_btn::after {
		display: block;
		content: "";
		position: absolute;
		left: 15%;
		background: #fff;
		transform: rotate(45deg);
	}
	.camera_controls .cancel_camera_btn::before {
		top: 15%;
		width: 100%;
		height: 1px;
		transform-origin: left top;
	}
	.camera_controls .cancel_camera_btn::after {
		bottom: 15%;
		height: 100%;
		width: 1px;
		transform-origin: left bottom;
	}
	.camera_controls .photo_shutter_btn,
	.camera_controls .video_record_btn {
		position: relative;
		display: inline-block;
		width: 45px;
		height: 45px;
		margin-top: 30px;
		border: 1px solid #fff;
		border-radius: 50%;
	}
	.camera_controls .photo_shutter_btn {
		background: #364fa1;
		box-shadow: 0 0 0 3px #364fa1;
	}
	.camera_controls .video_record_btn {
		position: relative;
		background-color: #fff;
	}
	.camera_controls.recording .video_record_btn {
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(../../app/img/icon_video_camera.png);
	}
	.camera_controls .video_record_btn::after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		height: 12px;
		width: 12px;
		margin: -6px 0 0 -6px;
		background: #000;
	}
	.camera_controls.recording .video_record_btn::after {
		display: none;
	}
	.camera_controls .recording_indicator {
		z-index: 2;
		position: fixed;
		bottom: 80px;
		left: 50%;
		height: 12px;
		width: 12px;
		margin-left: -6px;
		border-radius: 50%;
		background: #f00;
		opacity: 0;
	}
	.camera_controls.recording .recording_indicator {
		animation: 1.5s linear infinite recording_light;
	}
		@keyframes recording_light {
			25% {opacity: 0}
			35% {opacity: 1}
			60% {opacity: 1}
			70% {opacity: 0}
		}
	.camera_controls .photo_overlay_btn {
		z-index: 2;
		position: fixed;
		top: 35px;
		right: 20px;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		background-image: url(../../app/img/icon_layer.png);
	}
	.camera_controls .camera_flip_btn {
		z-index: 2;
		position: absolute;
		top: 31px;
		right: 20px;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		background-image: url(../../app/img/icon_camera_flip.png);
		box-shadow: 0 0 0 3px #fff;
	}
	.camera_controls .three_d_video_btn {
		z-index: 2;
		position: absolute;
		bottom: 55px;
		right: 20px;
		box-sizing: border-box;
		width: 70px;
		height: 70px;
		padding-top: 45px;
		border-radius: 50%;
		font-size: 9px;
		color: #fff;
		background-color: #4e91df;
		background-repeat: no-repeat;
		background-size: 25px auto;
		background-position: center top 12px;
		background-image: url(../../app/img/icon_3d_cube.png);
	}
	.depth_effect_gif {
		padding: 170px 30px 0 30px;
		background-repeat: no-repeat;
		background-size: auto 200px;
		background-position: center top -30px;
		background-image: url(../../app/img/depth_effect.gif);
	}
	#camera_debug {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 20px;
		text-align: center;
	}

/************************************************************\
	signature_creator
\************************************************************/
	.section_signature {
		padding: 40px 0 30px 0;
		line-height: 20px;
		text-align: center;
	}
	.signature {
		display: inline-block;
		max-width: 400px;
		max-height: 200px;
		padding: 20px;
		border: 1px solid #999;
		margin: auto;
		line-height: 20px;
		background: #fff;
	}
	.signature img {
		display: block;
		max-width: 100%;
		max-height: inherit;
	}
	.signature_pagecover {
		z-index: -10;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		text-align: center;
		background: rgba(0,0,0,.7);
		opacity: 0;
		overflow: auto; /* allows scrolling when screen is too short */
		
		transition: opacity .4s, z-index .8s;
	}
	.signature_pagecover.active {
		z-index: 101;
		opacity: 1;
	}
	.signature_creator {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		margin: 150px auto 0 auto;
		padding: 10px 20px 20px 20px;
		background: #eee;
		border-radius: 8px;
		box-shadow: 0 0 20px 0 #000;
		
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}
		@media (max-width: 720px) {
			.signature_creator {
				display: block;
				width: 90%;
				margin-top: 20%;
			}
		}
	.signature_creator h2 {
		padding-right: 40px;
		text-align: left;
	}
	#signature_wrapper {
		position: relative;
		max-width: 600px;
		height: 300px;
		margin: auto;
		background: #fff;
		cursor: text;
		overflow: hidden;
	}
	#signature_wrapper.freehand {
		cursor: url(../../app/img/nib.png) 0 24, crosshair;
	}
	#signature_wrapper .cursor {
		position: absolute;
		height: 30px;
		width: 2px;
		background: #000;
		
		animation: cursor_pulse .8s infinite linear;
	}
	@keyframes cursor_pulse {
		0% { opacity: 1 }
		40% { opacity: 1 }
		50% { opacity: 0 }
		90% { opacity: 0 }
	}
	.signature_creator canvas {
		display: block;
		width: 600px;
		height: 300px;
	}
	.signature_creator textarea,
	.signature_creator textarea.active {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	.signature_creator .controls {
		position: relative;
		text-align: right;
	}
	.signature_creator .controls .undo {
		display: none;
		position: relative;
		float: left;
		padding-right: 24px;
		line-height: 36px;
		opacity: .5;
		transition: opacity .4s;
	}
	.signature_creator .controls .undo.desktop {
		display: block;
	}
	.signature_creator .controls .undo:hover {
		opacity: 1;
	}
	.signature_creator .controls .undo.disabled {
		opacity: .5;
	}
	.signature_creator .controls .undo::after {
		display: block;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 20px;
		background: url(../../app/img/icon_reload.png) no-repeat center;
		background-size: contain;
		transform: rotateY(180deg);
	}
	.signature_creator .controls .help {
		position: relative;
		float: left;
		margin: 0 20px 0 60px;
		line-height: 36px;
		opacity: .7;
		transition: opacity .4s;
	}
	.signature_creator .controls .help:hover {
		opacity: 1;
	}
	.signature_creator .controls .btn {
		margin: 0;
	}
	.signature_creator .controls .fonts_wrapper {
		z-index: 2;
		position: relative;
		float: left;
		height: 36px;
		margin: 0 20px;
		border: 1px solid #999;
		line-height: 36px;
		border-radius: 3px;
		text-align: left;
		overflow: visible;
	}
	.signature_creator a.accordion_arrow.active {
		z-index: 2;
		position: absolute;
		top: 10px;
		right: 15px;
		border-color: #999;
	}
	.signature_creator .controls div.selected {
		width: 180px;
		padding: 0 35px 0 10px;
		border-bottom: 1px solid #999;
		border-radius: 3px;
		background: #fff;
		cursor: pointer;
	}
	.signature_creator .controls div.selected.custom {
		font-size: 25px;
	}
	.signature_creator .controls div.freehand::after {
		display: inline-block;
		content: "";
		height: 20px;
		width: 20px;
		margin-left: 10px;
		vertical-align: text-bottom;
		background: url(../../app/img/nib.png) no-repeat center;
		background-size: contain;
	}
	.signature_creator .controls .fonts {
		position: relative;
		max-height: 0;
		overflow: hidden;
		border-radius: 0 0 3px 3px;
		
		transition: max-height .4s;
	}
	.signature_creator .controls .fonts.active {
		max-height: 220px;
		overflow: auto;
		border: 1px solid #999;
		border-top: none;
	}
	.signature_creator .controls .fonts div {
		padding: 0 35px 0 10px;
		border-bottom: 1px solid #999;
		font-size: 16px;
		background: #fff;
		cursor: pointer;
	}
	.signature_creator .controls .fonts div.custom {
		font-size: 25px;
	}
	.signature_creator .controls .fonts div:last-child {
		border-bottom: none;
		border-radius: 0 0 3px 3px;
	}
	.signature_creator .controls .fonts div:hover {
		background: #ffc;
	}
	.signature_creator .controls .icon_upload {
		float: left;
		height: 36px;
		width: 36px;
		background: url(../../app/img/icon_upload.png) no-repeat center;
		background-size: contain;
		color: transparent;
		opacity: .5;
		transition: opacity .4s;
	}
	.signature_creator .controls .icon_upload:hover {
		opacity: 1;
	}

	.signature_creator .controls .resize {
		position: absolute;
		top: 0;
		bottom: -5px;
		left: 0;
		right: 0;
		background: #eee;
	}
	.signature_creator .controls .resize.active {
		z-index: 3;
	}
	.signature_creator .controls .resize .range {
		position: absolute;
		top: 7px;
		left: 90px;
		right: 115px;
		margin-top: 0;
	}
	.signature_creator .controls .resize h3 {
		float: left;
		margin: 0;
		line-height: 41px;
		font-size: 14px;
	}

		@media (max-width: 720px) {
			.signature_creator .controls .undo.desktop {
				display: none;
			}
			.signature_creator .controls .undo.mobile {
				display: block;
			}
			.signature_creator .controls div.fonts_wrapper {
				margin-left: 0;
			}
			.signature_creator .controls span.btn_row {
				clear: both;
				display: block;
				padding-top: 10px;
			}
			.signature_creator .controls .help {
				float: none;
			}
			.signature_creator .controls .resize h3 {
				line-height: 20px;
			}
			.signature_creator .controls .resize .range {
				position: relative;
				top: auto;
				left: auto;
				right: auto;
				clear: both;
				line-height: 18px;
			}
		}
		@media (max-width: 500px) {
			.signature_creator .controls .icon_upload {
				float: right;
			}
		}
	.signature_creator .uploader {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 100px 0 0 0;
		line-height: 30px;
		text-align: center;
		background: rgba(255,255,255,.85);
		cursor: default;
	}
	.signature_creator .uploader div {
		display: inline-block;
		text-align: left;
	}
	.signature_creator .uploader .error {
		margin-top: 20px;
		padding: 0 20px;
		color: #f00;
		text-align: center;
	}
	.signature_creator .uploader .error span {
		white-space: nowrap;
	}
	.signature_creator .instructions {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 30px 50px;
		line-height: 30px;
		text-align: left;
		background: rgba(255,255,255,.85);
		cursor: default;
		overflow: auto;
	}
	.signature_creator .instructions h3 {
		margin: 0;
		line-height: 30px;
		text-align: left;
	}

/************************************************************\
	mesh_viewer
\************************************************************/
	.beta select {
		float: left;
		width: auto;
	}
	.mesh_viewer {
		position: relative;
		width: 800px;
		height: 600px;
		margin: 100px auto 0 auto;
		border: 1px solid #eee;
		background: #000;
		cursor: url(../../app/img/cursor_rotate.png) 24 24, nw-resize;
	}
	.mesh_viewer .platter {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 550px;
		height: 550px;
		margin: -275px 0 0 -275px;
		border: 1px solid rgba(255,0,255,.3);
		border-radius: 50%;
		cursor: move;
	}

/************************************************************\
	blogger
\************************************************************/

	/******************\
		blog_creator
	\******************/
		.blogger {
			padding-right: 400px;
			padding-bottom: 50px;
		}
		@media (max-width: 1400px) {
			.blogger {
				padding-right: 350px;
			}
		}
		@media (max-width: 1000px) {
			.blogger {
				padding-right: 0;
			}
		}
		.blogger label {
			display: inline-block;
			margin: 20px 20px 0 0;
		}
		.blogger label.long {
			display: block;
			margin-right: 0;
		}
		.blogger label strong {
			display: inline-block;
		}
		.blogger label.long strong {
			margin-bottom: 10px;
			text-align: left;
		}
		.blogger label.long input[type="text"] {
			width: 100%;
		}
		.blogger .photo_preview {
			margin: 30px 0 0 0;
			text-align: center;
		}
		.blogger .photo_preview img {
			max-height: 300px;
			box-shadow: 0 0 5px 0 #000;
		}
		.blogger .photo_preview a.btn {
			margin-top: 15px;
		}
		.blogger .button_row {
			margin: 20px 0 30px 0;
		}
		.blogger .button_row a.btn {
			margin-right: 20px;
		}
		.blogger .button_row a.btn.left {
			float: left;
		}
		.blogger .blog_list {
			position: absolute;
			top: 30px;
			right: 30px;
			width: 300px;
			font-size: 14px;
		}
		@media (max-width: 1000px) {
			.blogger .blog_list {
				position: relative;
				top: auto;
				right: auto;
				width: auto;
			}
		}
		.blogger .blog_list li {
			padding: 10px 0;
			line-height: 20px;
		}
		.blogger .blog_list li a:hover {
			color: #666;
		}
		.blogger .blog_list li strong {
			display: block;
		}
		.blogger .quill_wrapper {
			margin: 60px 0 0 0;
		}
		.blogger .quill_wrapper h1,
		.blogger .quill_wrapper h2,
		.blogger .quill_wrapper h3,
		.blogger .quill_wrapper h4,
		.blogger .quill_wrapper h5 {
			margin: 10px 0;
			padding: 0;
			font-weight: 600;
			font-family: 'Proxima Nova', sans-serif;
			text-align: left;
			color: #3b4653;
		}
		.blogger .quill_wrapper h1 {
			margin-top: 30px;
			line-height: 40px;
			font-size: 34px;
		}
		.blogger .quill_wrapper h2 {
			margin-top: 30px;
			line-height: 32px;
			font-size: 28px;
		}
		.blogger .quill_wrapper h3 {
			margin-top: 30px;
			line-height: 22px;
			font-size: 20px;
		}
		.blogger .quill_wrapper h4 {
			line-height: 22px;
			font-size: 14px;
			font-weight: 400;
		}
		.blogger .quill_wrapper h5 {
			line-height: 22px;
			font-size: 14px;
			font-weight: 400;
		}
		.blogger .quill_wrapper p {
			margin: 10px 0;
			line-height: 26px;
			font-size: 18px;
			font-weight: 400;
			font-family: 'Proxima Nova', sans-serif;
			text-align: left;
			color: #3b4653;
		}
		.blogger .quill_wrapper blockquote {
			margin: 40px 50px;
			line-height: 22px;
			font-size: 20px;
			font-weight: 400;
			font-family: 'Proxima Nova', sans-serif;
			text-align: left;
			color: #3b4653;
		}
		.blogger .quill_wrapper a {
			color: #24b8c3 !important;
		}
		.blogger .quill_wrapper ol,
		.blogger .quill_wrapper ul {
			margin: 0 80px;
			padding: 5px 0;
			line-height: 26px;
			font-size: 18px;
			font-weight: 400;
			font-family: 'Proxima Nova', sans-serif;
			text-align: left;
			color: #3b4653;
		}

/************************************************************\
	language_admin
\************************************************************/
	
	.language_admin .translation_files {
		z-index: 10;
		position: fixed;
		top: 50px;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 50px;
		background: #fff;
	}
	.language_admin .translation_files select {
		display: inline-block;
		width: auto;
		margin-right: 50px;
	}
	.language_admin .translation_files .close_popup {
		top: 30px;
		right: 50px;
	}
	.language_admin .translation_files textarea {
		height: 600px;
	}
	.language_admin section {
		display: block;
		padding: 50px 0;
		border-bottom: 1px solid #ccc;
	}
	.language_admin.translations section {
		padding-top: 20px;
		border-bottom: none;
	}
	.language_admin section h2 {
		margin: 0 0 15px 0;
	}
	.language_admin section h2 a.btn {
		margin: 0 0 0 50px;
	}
	.language_admin section h2 input[type="text"] {
		width: 200px;
		margin-left: 50px;
	}
	.language_admin .import_properties_form {
		display: inline-block;
		margin-top: 10px;
		padding: 5px 10px;
		border: 1px solid #ccc;
		line-height: 36px;
	}
	.language_admin .import_properties_form::after {
		display: block;
		content: "";
		clear: both;
	}
	.language_admin .import_properties_form a.btn {
		float: right;
		margin: 0 0 0 10px;
	}
	.language_admin table.display {
		min-width: 50%;
	}
	.language_admin.translations table.display  {
		width: 100%;
	}
	.language_admin table.display input[type="text"] {
		height: 30px;
		margin: 0;
		line-height: 30px;
	}
	.language_admin.translations table.display input[type="text"] {
		width: 300px;
	}
	.language_admin table.display select {
		height: auto;
		margin: 0;
		line-height: 30px;
	}
	.language_admin table.display th select {
		height: 30px;
		width: 350px;
	}
	.language_admin.translations table.display th {
		text-align: center;
	}
	.language_admin.translations table.display td {
		width: 50%;
	}
	.language_admin.translations table.display td.filter {
		width: 100%;
		text-align: center;
	}
	.language_admin.translations table.display td.filter .cb_label {
		margin-left: 50px;
		margin-right: 50px;
	}
	.language_admin.translations table.display select {
		width: auto;
	}
	.language_admin table.display a.btn {
		height: 30px;
		margin: 0;
		padding: 0 15px;
		line-height: 30px;
	}
	.language_admin table.display .stacked a.btn {
		display: block;
		margin-bottom: 5px;
	}
	.language_admin table.display .stacked a.btn:last-child {
		margin-bottom: 0;
	}
	.language_admin.translations table.display .hint {
		margin: 10px 0 0 0;
		line-height: 14px;
		font-size: 12px;
	}
	.language_admin.translations table.display .hint span:first-child {
		float: left;
		margin-right: 25px;
	}
	.language_admin.translations table.display .hint span:last-child {
		float: right;
	}
	.language_admin.translations table.display textarea {
		height: 70px;
		margin: 0;
		
		transition: background-color .4s;
	}
	.language_admin.translations table.display td.savable::after {
		display: block;
		content: "";
		z-index: 10;
		position: absolute;
		top: 50%;
		right: 70px;
		width: 25px;
		height: 60px;
		margin-top: -40px;
		border-bottom: 5px solid #2b3;
		border-right: 5px solid #2b3;
		opacity: 0;
		
		transform: rotate(45deg);
		transition: opacity .4s;
	}
	.language_admin.translations table.display td.saving textarea {
		background-color: #ffc;
	}
	.language_admin.translations table.display td.saved textarea {
		background-color: #cfd;
	}
	.language_admin.translations table.display td.failed_save textarea {
		background-color: #fcc;
	}
	.language_admin.translations table.display td.saved::after {
		opacity: 1;
	}

/************************************************************\
	feedback
\************************************************************/
	
	.feedback .tabs {
		margin: 0;
	}
	.feedback .neutral_tabs .tab_content {
		padding: 0;
	}
	.feedback .charts {
		position: relative;
		width: 1100px;
		height: 2351px;
		margin: -40px 0 0 -50px;
		background: #f3f3f7;
		box-shadow: 0 0 250px 250px #f3f3f7;
		transform-origin: left top;
		transition: transform .4s, margin .4s;
	}
	@media (max-width: 1400px) {
		.feedback .charts {
			margin: -40px 0 0 -150px;
		}
	}
	@media (max-width: 1250px) {
		.feedback .charts {
			margin: -20px 0 0 -150px;
			transform: scale(.9,.9);
		}
	}
	@media (max-width: 1200px) {
		.feedback .charts {
			transform: scale(.8,.8);
		}
	}
	@media (max-width: 1050px) {
		.feedback .charts {
			margin: 0 0 0 -120px;
			transform: scale(.7,.7);
		}
	}
	@media (max-width: 900px) {
		.feedback .charts {
			margin-left: -100px;
			transform: scale(.6,.6);
		}
	}
	@media (max-width: 830px) {
		.feedback .charts {
			margin-left: -80px;
			transform: scale(.5,.5);
		}
	}
	.feedback .charts h2 {
		z-index: 1;
		position: absolute;
		top: 70px;
		left: 160px;
		margin: 0;
		font-size: 30px;
		font-weight: 600;
	}
	.feedback .charts a {
		z-index: 2;
		position: absolute;
	}
	.feedback .charts a img {
		border-radius: 15px;
		box-shadow: 10px 10px 30px 0 rgba(0,0,0,.2);
	}
	.feedback .charts a.active {
		box-shadow: 0 0 0 1px #0c0;
	}
		
		.feedback .charts a.patients {
			top: 123px;
			left: 151px;
		}
		.feedback .charts a.wounds {
			top: 123px;
			left: 425px;
		}
		.feedback .charts a.evaluations {
			top: 123px;
			left: 700px;
		}
		
		.feedback .charts a.evaluations_per_wound {
			top: 347px;
			left: 151px;
		}
		.feedback .charts a.healing_rate {
			top: 346px;
			left: 426px;
		}
		.feedback .charts a.PU_cases {
			top: 346px;
			left: 700px;
		}
		
		.feedback .charts a.locations {
			top: 558px;
			left: 152px;
		}
		
		.feedback .charts a.data_capture {
			top: 983px;
			left: 151px;
		}
		.feedback .charts a.wound_stats {
			top: 984px;
			left: 426px;
		}
		.feedback .charts a.hot_spots {
			top: 984px;
			left: 702px;
		}
		
		.feedback .charts a.time_series_metrics {
			top: 1293px;
			left: 151px;
		}
		
		.feedback .charts a.sample_size_breakdown {
			top: 1671px;
			left: 152px;
		}
		.feedback .charts a.healing_rate_DFU-PU-VLU {
			top: 1671px;
			left: 568px;
		}
		
		.feedback .charts a.healing_patients {
			top: 2036px;
			left: 151px;
		}
		.feedback .charts a.non-healing_patients {
			top: 2036px;
			left: 565px;
		}

	.feedback .comments {
		z-index: 3;
		position: fixed;
		top: 100px;
		left: calc(50% + 300px);
		width: 350px;
		transition: left .4s, right .4s, width .4s;
	}
	@media (max-width: 1400px) {
		.feedback .comments {
			left: auto;
			right: 50px;
		}
	}
	@media (max-width: 1300px) {
		.feedback .comments {
			width: 300px;
		}
	}
	@media (max-width: 950px) {
		.feedback .comments {
			width: 250px;
		}
	}
	.feedback .comment_box {
		width: 100%;
	}
	.feedback .comment_box h3 {
		margin: 30px 0 3px 2px;
		text-align: left;
		text-transform: capitalize;
		color: #364fa1;
	}
	.feedback .comment_box textarea {
		display: block;
		height: 300px;
		margin: 0;
		border-color: #364fa1;
		font-family: sans-serif;
		color: #333;
	}
	.feedback .comment_box .btn {
		margin: 0;
	}

	/************************************************************\
		cds_config
	\************************************************************/
		
		.cds_config .page_table td.child .accordion table.display {
			margin-bottom: 20px;
		}
		.cds_config .page_table table.display thead td {
			padding-top: 12px;
			font-weight: bold;
		}
		.cds_config .page_table td {
			padding-top: 6px;
			padding-bottom: 6px;
		}
		.cds_config .page_table table.display.selectable.accordion_table tr.not_selectable:hover tr.even td,
		.cds_config .page_table tr.even td {
			background-color: #8c9cc7;
		}
		.cds_config .page_table table.display.selectable.accordion_table tr.not_selectable:hover tr.highlight td,
		.cds_config .page_table tr.highlight td {
			background-color: #d5ffda;
		}
		.cds_config .page_table td.center {
			text-align: center;
		}
		.cds_config table.display.accordion_table td.child .accordion {
			padding: 0;
		}
		.cds_config table.display.accordion_table td.child td.child,
		.cds_config table.display.accordion_table td.child td.child .accordion:first-child:last-child:hover {
			box-shadow: none;
		}
		.cds_config .page_table td.child .accordion .child_row td,
		.cds_config .page_table table.display.selectable.accordion_table tr.not_selectable:hover .child_row td {
			padding-left: 50px;
			background-color: rgba(255,255,255,.3);
		}
		.cds_config .page_table table.display input[type="text"] {
			max-width: none;
			width: 350px;
			margin: 0;
			font-size: 14px;
		}
		.cds_config .page_table table.display select {
			max-width: none;
			font-size: 14px;
		}
		.cds_config .page_table table.display select.fp_type {
			width: 146px;
		}
		.cds_config .page_table table.display .child_row {
			line-height: 30px;
		}
		.cds_config .page_table table.display .child_row input[type="text"] {
			width: 375px;
		}
		.cds_config .page_table table.display .child h2 {
			margin: 0;
		}
		.cds_config .page_table table.display .child h3 {
			margin: 0;
			text-align: left;
		}
		.cds_config a.btn.thin {
			position: relative;
			width: 120px;
			margin: 1px 0;
			white-space: nowrap;
			text-align: left;
		}
		.cds_config a.btn .accordion_arrow {
			position: absolute;
			top: 7px;
			right: 10px;
			border-color: #364fa1;
		}
		.cds_config a.btn .accordion_arrow.active {
			top: 1px;
		}
		.cds_config .page_table table.display .child .fp_content {
			margin: 0 25px 20px 75px;
			padding: 10px 15px;
			border: 1px solid #000;
			background: #fff;
			border-radius: 6px;
			overflow: auto;
		}

		.cds_config td.feedback,
		.cds_config .page_table td.child .accordion .child_row td.feedback,
		.cds_config .page_table table.display.selectable.accordion_table tr.not_selectable:hover .child_row td.feedback {
			width: 26px;
			padding-left: 0;
			padding-right: 10px;
		}
		.cds_config td.feedback div {
			position: relative;
			width: 26px;
			height: 26px;
		}

		.cds_config td.feedback span,
		.cds_config td.feedback .trash {
			position: absolute;
			top: 0;
			left: 0;
			width: 26px;
			height: 26px;
			opacity: 0;
			border-radius: 3px;
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			transition: opacity .6s;
		}
		.cds_config td.feedback .pending span.pending,
		.cds_config td.feedback .saving span.saving,
		.cds_config td.feedback .saved span.saved {
			opacity: 1;
		}
		.cds_config td.feedback .pending span.pending {
			opacity: .3;
		}
		.cds_config td.feedback span.pending,
		.cds_config td.feedback span.saving {
			z-index: 3;
			background-color: #f93;
			background-image: url(../../app/img/icon_backup.png);
		}
		.cds_config td.feedback span.saved {
			z-index: 2;
			background-color: #2db93e;
			background-image: url(../../app/img/icon_check_white.png);
		}
		.cds_config table.display tr:last-child > td.add_button_row {
			box-shadow: 0 1px 0 0 #bec7e6 inset;
		}
		.cds_config td.feedback .trash {
			z-index: 5;
			background-size: 20px auto;
			opacity: .5;
		}
		.cds_config td.feedback .pending .trash,
		.cds_config td.feedback .saving .trash,
		.cds_config td.feedback .saved .trash {
			z-index: -1;
			opacity: 0;
			transition: opacity 0s;
		}
		.cds_config .page_table td.alias_options {
			width: 330px;
		}
		.cds_config .fp_label {
			width: 420px;
		}
		.cds_config .fp_label span {
			display: inline-block;
			width: calc(100% - 40px);
			vertical-align: middle;
		}
		.cds_config .fp_label a.icon_edit {
			margin-left: 10px;
		}
		.main .cds_config .cds_rule_group_collection td {
			padding-left: 10px;
			padding-right: 10px;
		}
		.main .cds_config .page_table table.display.cds_rule_group_collection input[type="text"],
		.main .cds_config .cds_rule_group_collection td:first-child select{
			width: 200px;
		}
		.main .cds_config .cds_rule_group_collection select {
			width: auto;
		}
		.main .cds_config .page_table table.display.cds_rule_group_collection td:nth-child(3) input[type="text"],
		.main .cds_config .cds_rule_group_collection td:nth-child(3) select {
			width: 300px;
		}
		.cds_config .alias_or_value {
			display: inline-block;
			width: 26px;
			height: 26px;
			background-position: center;
			background-size: contain;
			background-repeat: no-repeat;
			vertical-align: middle;
		}
			.cds_config .alias_or_value.icon_alias {
				background-image: url(../../app/img/icon_alias.png);
			}
			.cds_config .alias_or_value.icon_numeric {
				background-image: url(../../app/img/icon_numeric.png);
			}
			.cds_config .alias_or_value.icon_text {
				background-image: url(../../app/img/icon_text.png);
			}
			.cds_config .alias_or_value.icon_function {
				background-image: url(../../app/img/icon_function.png);
			}
			.cds_config .alias_or_value.icon_query {
				background-image: url(../../app/img/icon_query.png);
			}
			.cds_config .alias_or_value.icon_therefore {
				background-image: url(../../app/img/icon_therefore.png);
			}
		.cds_config .fp_label textarea {
			max-width: none;
			width: calc(100% - 30px);
			height: 50px;
			line-height: 20px;
			vertical-align: middle;
		}
		.cds_config .fp_content .button_row {
			padding: 0;
		}
		.cds_config .fp_content textarea {
			max-width: none;
			width: 100%;
			height: 350px;
			line-height: 20px;
			vertical-align: middle;
		}
		.cds_config .fp_content .alias_list td.alias {
			width: 30%;
		}
		.cds_config .fp_content .alias_list tr:last-child > td {
			box-shadow: 0 1px 0 0 #bec7e6 inset;
		}
		.cds_config .fp_content .alias_list select {
			margin: 10px 0 0 0;
		}