/************************************************************\
	global/top level styles
\************************************************************/
html, body {
	height: 100%;
}
body {
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #333F48;
	background: #061160;
}
body.mobile_view.gatekeeper_satisfied {
	position: relative;
	height: auto;
}

body ._pendo-badge {
	transform: scale(0);
}
body.gatekeeper_satisfied ._pendo-badge {
	transform: none;
}

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%;
}
#evaluation_report_back_link {
	z-index: 4;
	position: fixed;
	top: 7px;
	left: 15px;
	margin: 0;
}

.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;
}
.embedded_launch_log {
	z-index: 5;
	position: absolute;
	left: 60%;
	top: 20%;
	width: 30%;
	height: 50%;
	padding: 10px 20px;
	border: 1px solid #666;
	background: #eee;
	color: #666;
	overflow: auto;
	opacity: .7;
	display: none;
}
.embedded_launch_log.active {
	display: block;
}
.embedded_launch_log a:not(.btn) {
	z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	padding: 4px;
	cursor: pointer;
}

.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;
}
.shell_mode .main {
	top: 0;
}

.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;
}
.hide_page_overflow .page,
.page.no_scroll {
	overflow: hidden;
}
.page.active {
	z-index: 2;
	opacity: 1;
	transition-delay: 0s;
}
.page.gatekeeper {
	background: #fff;
}
.gatekeeper_layout {
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: 650px;
	color: #35424f;
	background: #fff;
	overflow: auto;
}
.gatekeeper_promise {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	box-sizing: border-box;
	width: 33.333%;
	max-width: 450px;
	min-height: 100%;
	padding: 50px 40px;
	color: #35424f;
	background: #dee0e3;
}
.gatekeeper_promise h2 {
	max-width: 520px;
	margin: 0;
	line-height: 1.28;
	font-size: 62px;
	font-weight: 400;
	font-family: Georgia, 'Times New Roman', serif;
	color: #35424f;
}
.gatekeeper_panels {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	width: 66.667%;
	min-width: 0;
	min-height: 100%;
	padding: 60px 12% 70px 12%;
	background: #fff;
	overflow: visible;
}
.gatekeeper_product_brand {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 420px;
	margin: 0 auto 24px auto;
}
.gatekeeper_product_brand img {
	display: block;
	width: 100%;
	height: auto;
}
	@media (max-width: 1200px) {
		.gatekeeper_promise h2 {
			font-size: 52px;
		}
		.gatekeeper_panels {
			padding-left: 8%;
			padding-right: 8%;
		}
	}
	@media (max-width: 960px) {
		.gatekeeper_layout {
			min-height: 100%;
		}
		.gatekeeper_promise {
			display: none;
		}
		.gatekeeper_panels {
			width: 100%;
			padding: 40px 24px 60px 24px;
		}
	}
	@media (max-width: 520px) {
		.gatekeeper_product_brand {
			max-width: 320px;
		}
	}
.page_content {
	z-index: 1;
	position: relative;
	box-sizing: border-box;
	min-height: 94%;
	padding: 25px 72px 0 72px;
	opacity: 1;
	transition: opacity .4s;
}
.page_content.no_scroll {
	overflow: hidden;
}

	@media (min-width: 1464px) {
		.page_content {
			max-width: 1360px;
			margin-left: auto;
			margin-right: auto;
			padding-left: 0;
			padding-right: 0;
		}
	}
	@media (max-width: 1200px) {
		.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;
		}
		body.shell_mode .page_wrapper.active,
		body.shell_mode .page {
			position: absolute;
			min-height: 0;
		}
	}
	@media (max-width: 480px) {
		.page_content:not(.maintain_padding) {
			padding: 15px 0 0 0;
		}
	}
	@media print {
		.main,
		.page,
		body.is_nhwc .page,
		.page_wrapper.active {
			overflow: visible;
		}
	}
body:not(.gatekeeper_satisfied) > header {
	display: none;
}
body:not(.gatekeeper_satisfied) .main {
	top: 0;
	padding-top: 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.full_width {
	max-width: none;
	padding: 0 10px;
}

.page .content {
	margin-top: 20px;
	padding: 0 5px;
}

.verify_info{
	z-index: 2;
	position: absolute;
	top: 35px;
	right: 5px;
}
.is_embedded .verify_info{
	top: -17px;
}
.nework_status {
	z-index: 2;
	position: absolute;
	bottom: 18px;
	left: 5px;
	color: #f00;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.nework_status.online {
	color: #0c0;
}
.nework_status svg {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.version {
	z-index: 2;
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 11px;
	color: rgba(0,0,0,.3);
	cursor: pointer;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
@media print {
	.version {
		display: none;
	}
}

h1 {
	margin: 0 0 20px 0;
	font-size: 22px;
}

h2 {
	min-height: 36px;
	margin: 10px 0;
	line-height: 36px;
	font-size: 22px;
}
.page_content  h2.bar {
	margin: 0;
	padding: 0 20px;
	font-size: 16px;
	background: #E3E4E3;
}

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;
}
a.edit {
	font-weight: 600;
	color: #364fa1;
}
.link,
a.link {
	color: #0057B8;
	text-decoration: underline;
}

p {
	margin: 10px 0;
	line-height: 22px;
	font-size: 18px;
	color: #666;
}

ul.cb_list {
	list-style-type: none;
	margin-left: 0;
}

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;
	color: rgba(255,255,255,.5);
	transition: color .4s;
}
.nobox .forgot_password a:hover {
	color: rgba(255,255,255,1);
}
.page.gatekeeper .nobox .forgot_password a {
	color: #56616c;
}
.page.gatekeeper .nobox .forgot_password a:hover {
	color: #35424f;
}
.page.gatekeeper .forgot_password + .button_row {
	margin-top: 24px;
}
.login_via_sso {
	margin: 12px 0 0;
	line-height: 14px;
	text-align: right;
}
.nobox .login_via_sso a {
	font-size: 14px;
	text-transform: none;
	color: rgba(255,255,255,.5);
	transition: color .4s;
}
.nobox .login_via_sso a:hover {
	color: rgba(255,255,255,1);
}
.page.gatekeeper .nobox .login_via_sso a {
	color: #56616c;
}
.page.gatekeeper .nobox .login_via_sso a:hover {
	color: #35424f;
}

.inlineblock {
	display: inline-block;
}

/************************************************************\
	buttons
\************************************************************/
a.toggle_btn {
	position: relative;
	display: block;
	height: 16px;
	width: 32px;
	margin: auto;
	border: 1px solid #b9bec1;
	border-radius: 8px;
	background-color: #b9bec1;
	transition: border-color .1s, background-color .1s;
}
a.toggle_btn.active {
	border-color: #0057B8;
	background-color: #0057B8;
}
a.toggle_btn::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: "";
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background-color: #fff;
	transition: left .1s;
}
a.toggle_btn.active::after {
	left: 16px;
}
.toggle_btn_label {
	display: block;
	padding: 0 5px;
	font-size: 10px;
	text-align: center;
}
a.btn,
button:not(._pendo-badge, ._pendo-resource-center-right-caret, ._pendo-resource-center-left-caret) {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 36px;
	min-width: 84px;
	margin: 10px 0;
	padding: 0 16px;
	border: none;
	line-height: 35px;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	background-color: #0057B8;
	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.round {
		border-radius: 18px;
	}
	a.btn.inactive {
		opacity: .5;
	}
	a.btn.inactive.active {
		opacity: 1;
	}
	a.btn:hover,
	button:hover {
		background-color: #004693;
	}
	a.btn.disabled,
	a.btn.disabled:hover,
	button.disabled, 
	button.disabled:hover { 
		border: 2px solid #C2C5C8; 
		line-height: 32px;
		color: #999FA4; 
		background-color: #fff; 
	}
	a.btn.selected,
	button.selected,
	a.btn.neutral,
	button.neutral,
	a.btn.danger,
	button.danger {
		border: 2px solid #004693;
		/* line-height: 33px; 10/10/2025 */
		line-height: 32px;
		color: #004693;
		background-color: #fff;
	}
	a.btn.selected:hover,
	button.selected:hover,
	a.btn.neutral.active,
	button.neutral.active {
		background-color: #EBF2F9;
	}
	a.btn.reject,
	button.reject,
	a.btn.fail,
	button.fail,
	a.btn.error,
	button.error,
	a.btn.danger,
	button.danger,
	a.btn.warn,
	button.warn {
		border: 2px solid #F9423A; 
		line-height: 34px;
		color: #F9423A; 
		background-color: #fff; 
	}
	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,
	a.btn.warn:hover,
	button.warn:hover {
		background-color: #FFF2F2; 
	}
	a.btn.selected.thin, 
	button.selected.thin,
	a.btn.neutral.thin, 
	button.neutral.thin,
	a.btn.reject.thin, 
	button.reject.thin, 
	a.btn.fail.thin, 
	button.fail.thin, 
	a.btn.error.thin, 
	button.error.thin, 
	a.btn.danger.thin, 
	button.danger.thin, 
	a.btn.warn.thin, 
	button.warn.thin,
	button.disabled.thin, 
	button.disabled:hover.thin {
		height: 20px;
		padding: 0 10px;
		/* line-height: 17px; 10/9/2025 */
		line-height: 16px;
		font-size: 14px;
		font-weight: 400;
	}
.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;
}
.page.gatekeeper .button_row,
.page.gatekeeper .nobox .button_row {
	height: auto;
	margin-top: 28px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	line-height: 40px;
}
.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;
}
.page.gatekeeper .button_row button,
.page.gatekeeper .button_row a.btn {
	float: right;
	width: 150px;
	height: 40px;
	margin: 0;
	border: 2px solid #0057B8;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	background: #0057B8;
}
.page.gatekeeper .button_row button:hover,
.page.gatekeeper .button_row a.btn:hover {
	background: #004693;
}
.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;
}
.fieldset_blocks fieldset {
	display: block;
}
.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"],
.modal input[type="password"],
.main input[type="number"],
.main input[type="date"],
.main input[type="range"],
.main textarea,
.edit_eval_note 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: 14px;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	color: #000;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: none;
	
	transition: border-color .4s;
}
.main input[type="checkbox"] {
	vertical-align: middle;
}
.page.gatekeeper input[type="text"],
.page.gatekeeper input[type="email"],
.page.gatekeeper input[type="password"],
.page.gatekeeper select {
	height: 42px;
	margin: 4px 0 12px 0;
	padding: 0 10px;
	border: 1px solid #bfc7cf;
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	color: #35424f;
	background: #fff;
}
.page.gatekeeper .error > input[type="text"],
.page.gatekeeper .error > input[type="email"],
.page.gatekeeper .error > input[type="password"],
.page.gatekeeper .error > select {
	border-color: #f00;
}
.page.gatekeeper .field_error {
	margin: -8px 0 12px 0;
	line-height: 18px;
	font-size: 14px;
	font-weight: 600;
	color: #f00;
}
.page.gatekeeper input[type="checkbox"] {
	width: 22px;
	height: 22px;
	margin: 0 10px 0 0;
	border: 1px solid #bfc7cf;
	vertical-align: middle;
}
.page.gatekeeper label {
	line-height: 22px;
	font-size: 16px;
	font-weight: 400;
	color: #35424f;
}
.main input.honeypot {
	position: absolute;
	left: -1000px;
	top: -1000px;
	opacity: 0;
}
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: #ddd;
}
::-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 0 -7px 0;
	padding-right: 0;
	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;
	color: #222;
	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);
}
.main .lock.placeholder {
	background-image: none;
}
/* checkbox labels cover actual checkbox with an ::after to make knockout not freak out */
label.cb_label {
	position: relative;
}
label.cb_label input[type="radio"] {
	margin-bottom: 5px;
	vertical-align: top;
}
label.cb_label > span {
	vertical-align: middle;
	pointer-events: none;
}
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;
}
label.new_cb_label {
	position: relative;
	padding-left: 40px;
}
label.new_cb_label::before {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 15px);
	left: 0;
	height: 30px;
	width: 30px;
	border: 1px solid #ccc;
	border-radius: 50%;
	background: #fff;
}
label.new_cb_label.checked::before {
	border-color: #0057B8
}
label.new_cb_label.checked::after {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	left: 8px;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #0057B8;
}

.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 {
	padding: 0 10px;
	border-radius: 4px;
	line-height: 25px;
	background: rgba(255,255,255,0.2);
	box-shadow: 0 0 3px 0 #fff inset;
}
.button_row .error_msg {
	clear: none;
	float: left;
	margin-right: 20px;
}
.error_msg.active {
	max-height: 150px;
}
.nobox .error_msg.active {
	margin-top: 20px;
	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;
}
.icon_ai_assist {
	display: inline-block;
    width: 26px;
    height: 26px;

    background: currentColor;
    clip-path: polygon(50% 0%, 55% 45%, 100% 50%, 55% 55%, 50% 100%, 45% 55%, 0% 50%, 45% 45%);
}
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;
}
a.icon_link {
	display: inline-block;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	background: url(../../app/img/icon_link.png) no-repeat center;
	background-size: contain;
	opacity: .6;
	transition: opacity .4s;
}
a.icon_link:hover {
	opacity: 1;
}
a.icon_yellow_alert {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../../app/img/icon_yellow_alert.png) no-repeat center;
	background-size: contain;
	vertical-align: middle;
}
a.icon_red_alert {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../../app/img/icon_red_alert.png) no-repeat center;
	background-size: contain;
	vertical-align: middle;
}
#intercom-container {
	z-index: 500;
	position: relative;
}
a.show_page_info_btn {
	position: fixed;
	bottom: 20px;
	right: 100px;
	display: block;
	padding: 10px 12px;
	border-radius: 5px;
	background: #238;
	color: #fff;
	box-shadow: 1px 1px 10px 0 rgba(0,0,0,0.4);
}
textarea.page_info_field {
	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.page_info_field.active {
	z-index: 501;
}
	@media (max-width: 850px) {
		textarea.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 {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
}
.round_thumb .icon {
	z-index: 3;
	position: absolute;
	top: 10px;
	right: 75px;
}
@media (max-width: 1300px) {
	.round_thumb .icon {
		right: 65px;
	}
}
@media (max-width: 960px) {
	.round_thumb .icon {
		top: -5px;
		right: -5px;
	}
	.nhsg .round_thumb .icon {
		top: 10px;
		right: auto;
	}
}
.smallbox_bg {
	z-index: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #061160;
}
.page.gatekeeper .smallbox_bg {
	display: none;
}
.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;
}
.page.gatekeeper .smallbox {
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	padding: 0;
	border: none;
	color: #35424f;
	background: transparent;
	opacity: 0;
	overflow: visible;
	transition: opacity .6s;
}
.page.gatekeeper .smallbox.active {
	z-index: 1;
	position: relative;
	opacity: 1;
}
.smallbox.login_username {
	bottom: 50px;
	overflow: auto;
}
.page.gatekeeper .smallbox.login_username {
	bottom: auto;
	overflow: visible;
}
.smallbox.nobox {
	color: #fff;
	background: transparent;
}
.page.gatekeeper .smallbox.nobox {
	color: #35424f;
	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;
		}
	}
.page.gatekeeper .smallbox.sb_w600,
.page.gatekeeper .smallbox.sb_w500 {
	left: 0;
	right: 0;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
}
.smallbox.active {
	z-index: 1;
	opacity: 1;
}
.page.gatekeeper .smallbox h1 {
	margin: 0 0 18px 0;
	line-height: 30px;
	font-size: 24px;
	text-align: left;
	color: #35424f;
}
.page.gatekeeper .smallbox h1:empty {
	display: none;
}
.smallbox.nobox p {
	color: rgba(255,255,255,.8);
}
.page.gatekeeper .smallbox.nobox p,
.page.gatekeeper .smallbox p {
	margin: 8px 0;
	line-height: 21px;
	font-size: 16px;
	color: #35424f;
}
.smallbox.nobox .hint {
	color: rgba(255,255,255,.5);
	transition: color .4s;
}
.page.gatekeeper .smallbox.nobox .hint,
.page.gatekeeper .smallbox .hint {
	line-height: 20px;
	font-size: 16px;
	color: #666;
    font-weight: 600;
}
.page.gatekeeper .smallbox.nobox a.hint,
.page.gatekeeper .smallbox a.hint {
	color: #0057B8;
    font-weight: 400;
	text-decoration: underline;
}
.page.gatekeeper .smallbox.nobox a.hint.back {
	line-height: 14px;
	font-size: 14px;
}
.smallbox.nobox a.hint:hover {
	color: rgba(255,255,255,1);
}
.page.gatekeeper .smallbox.nobox a.hint:hover,
.page.gatekeeper .smallbox a.hint:hover {
	color: #004693;
}
.smallbox.nobox .hint.left {
	float: left;
	margin: 0;
}
.smallbox.nobox .hint.right {
	float: right;
	margin: 0;
}
.smallbox.nobox .hint.center {
	text-align: center;
}
.smallbox.nobox h4 {
	font-size: 14px;
	margin-bottom: 5px;
}
.smallbox.nobox h4.right {
	text-align: right;
}
.smallbox.nobox img.banner {
	width: 100%;
}
.registration_info {
	margin: 40px 0 0 0;
	text-align: right;
}
.registration_info:after {
	content: "";
	display: block;
	clear: both;
}
.select_installation {
	display: none;
}
.select_installation.active {
	display: block;
	margin: 20px 0 0 0;
}
.nobox .logo {
	height: 120px;
	max-width: 500px;
	margin: -40px auto 20px auto;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.page.gatekeeper .nobox .logo {
	height: 80px;
	max-width: 420px;
	margin: 0 auto 20px auto;
}
.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;
}

.medical_device_label {
	position: absolute;
	right: 20px;
	bottom: 80px;
}
.page.gatekeeper .medical_device_label {
	left: 0;
	right: 0;
	bottom: 32px;
	box-sizing: border-box;
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
	text-align: center;
}
.medical_device_label.lower {
	bottom: 20px;
}
.page.gatekeeper .medical_device_label.lower {
	bottom: 32px;
}
.page.gatekeeper .medical_device_label .hint {
	font-size: 16px;
	color: #0057B8;
}
.page.gatekeeper .medical_device_label.inline {
	clear: both;
	position: relative;
	left: auto;
	right: auto;
	bottom: auto;
	box-sizing: border-box;
	width: auto;
	max-width: none;
	margin: 40px 0 0 0;
	text-align: right;
}
.page.gatekeeper .medical_device_label.inline.extra_space {
	margin-top: 80px;
}

/************************************************************\
	main nav
\************************************************************/
body > header .installation_menu {
	position: absolute;
	top: 38px;
	left: 0;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
body > header .installation_menu a {
	display: inline-block;
	height: 21px;
	margin-bottom: 2px;
	padding: 0 8px;
	border: 1px solid #666;
	border-radius: 0 10px 10px 0;
	white-space: nowrap;
	line-height: 21px;
	font-size: 15px;
	color: #666;
	background: #fff;
	cursor: pointer;
}
body > header .installation_menu.active > a {
	border-color: #999;
	color: #999;
}
body > header .installation_menu .options {
	position: absolute;
	top: 42px;
	left: -500px;
	max-height: 300px;
	overflow: auto;
	
	transition: left .4s;
}
body > header .installation_menu.active .options {
	left: 0;
}
body > header .installation_menu .options a {
	display: block;
	padding-left: 50px;
	color: #333;
}
body > header .installation_menu .options a:hover {
	background: #ffc;
}

body > header > nav {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	color: #fff;
	opacity: 0;
	
	transition: opacity .4s;
}
body > header > nav.sizer {
	top: -200px;
	white-space: nowrap;
}
body > header > nav.ready {
	opacity: 1;
}
body > header > nav span {
	position: relative;
	display: inline-block;
}
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: #061160;
	
	transition: background-color .4s;
}
body > header > nav a:hover {
	background-color: #238;
	/* 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%;
}
body > header > nav .children {
	position: absolute;
	top: 50px;
	left: -1px;
	overflow: hidden;
	
	transition: max-height .4s;
}
body > header > nav .children a {
	display: block;
	white-space: nowrap;
}
body > header > nav .children a:last-child {
	border-radius: 0 0 5px 5px;
}

/* transition to hamburger mode */
	body > header > nav.hamburger_mode {
		right: 0;
		bottom: auto;
		width: 200px;
		min-height: 50px;
		max-height: 50px;
		overflow: hidden;
	
		transition: max-height .2s ease-out;
	}
	body > header > nav.hamburger_mode.active {
		max-height: 400px;
	}
	body > header > nav.hamburger_mode.active_children {
		overflow: visible;
	}
	
	body > header > nav.hamburger_mode .hamburger_card {
		overflow: auto;
	}
	body > header > nav.hamburger_mode span {
		display: block;
	}
	body > header > nav.hamburger_mode a {
		display: block;
		border-top: 1px solid #fff;
	}
	body > header > nav.hamburger_mode .children a:last-child {
		border-radius: 0;
	}
	body > header > nav.hamburger_mode .hamburger_card span:last-child a {
		border-radius: 0 0 0 10px;
	}
	body > header > nav.hamburger_mode a.hamburger {
		display: block;
		width: 50px;
		border-top: none;
		background-position: center;
	}
	body > header > nav.hamburger_mode .children {
		position: relative;
		top: 0;
		left: 5px;
	}
	
	
	/************************************************************\
		nhsg (net health style guide) icons
	\************************************************************/
		.icon_nhsg {
			display: inline-block;
			width: 24px;
			height: 24px;
			background: no-repeat center top;
			background-size: 100% auto;
			color: transparent;
		}
		.icon_nhsg:hover {
			background-position: center bottom;
		}
		.icon_pdf 			{ background-image: url(../../app/img/nhsg/icon_pdf.png) }
		.icon_pdf_single	{ background-image: url(../../app/img/nhsg/icon_pdf_single.png) }
		.icon_person 		{ background-image: url(../../app/img/nhsg/icon_person.png) }
	
	
/************************************************************\
	modal messages
\************************************************************/

.modal_pagecover {
	z-index: -10;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background: rgba(51, 63, 72, 0.5);
	opacity: 0;
	overflow: auto; /* allows scrolling when screen is too short */
	
	transition: opacity .2s, z-index .2s;
}
.modal_pagecover.active {
	z-index: 1002;
	opacity: 1;
}
.modal_pagecover.fatal {
	background: #fff;
}
.modal_pagecover .modal {
	position: relative;
	display: inline-block;
	max-width: 800px;
	min-width: 300px;
	margin: auto;
	padding: 20px;
	border: 1px solid #EBECED;
	border-radius: 3px;
	text-align: right;
	background: #fff;
}
.modal_pagecover.fatal .modal {
	border-color: transparent;
}
	@media (max-width: 720px) {
		.modal_pagecover .modal {
			width: 90%;
		}
	}
.modal_pagecover .modal h1 {
	margin: 0;
	padding: 5px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #EBECED;
	text-align: left;
	color: #333F48;
}
.modal_pagecover.fatal .modal h1 {
	display: none;
}
.modal_pagecover .modal:not(.patient_communication_modal) > div {
	margin: 0;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #EBECED;
	line-height: 22px;
	text-align: left;
	overflow: auto;
}
.modal_pagecover .modal .scroller {
	max-height: 400px;
	padding: 0 10px;
	overflow: auto;
}
.modal_pagecover .modal .btn {
	width: auto;
	margin: 10px 0 0 10px;
}
.modal_pagecover .modal.confirmation_modal .btn {
	width: auto;
	margin: 10px 0 0 10px;
}
.modal_pagecover .modal.prompt_modal {
	box-sizing: border-box;
	width: 420px;
}
.modal_pagecover .modal.prompt_modal form {
	padding: 16px 0 0 0;
	text-align: right;
}
.modal_pagecover .modal.prompt_modal label {
	display: block;
	margin-bottom: 6px;
	font-weight: 600;
	text-align: left;
}
.modal_pagecover .modal.prompt_modal input[type="text"] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid #C2C5C8;
	border-radius: 3px;
	line-height: 38px;
	font-size: 14px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #333F48;
	background-color: #fff;
}
.modal_pagecover .modal.prompt_modal .error_msg {
	min-height: 20px;
	margin-top: 6px;
	line-height: 20px;
	text-align: left;
}
.modal_pagecover .modal.prompt_modal button {
	margin: 10px 0 0 10px;
}
.modal_pagecover .modal p {
	margin: 10px 0 5px 0;
}
.modal_pagecover .modal ul {
	margin-left: 20px;
	padding: 0;
}
.modal_pagecover .modal li {
	padding: 0;
	line-height: 20px;
}
.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;
	white-space: pre-wrap;
	color: #364fa1;
}
.modal_pagecover .modal div.evaluation {
	margin: 10px 0;
	font-weight: 700;
	color: #666;
}
.modal_pagecover .modal .signature_confirmation .eval_list {
	max-height: 350px;
	margin: 0 0 20px 0;
	overflow: auto;
}
.modal_pagecover .modal .signature_confirmation .select_all {
	padding: 5px 0 15px 0;
}
.modal_pagecover .modal .signature_confirmation strong {
	display: inline-block;
	font-weight: 600;
}
.modal_pagecover .modal .signature_confirmation .select_all strong {
	padding-left: 0;
}
.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;
}
.modal_pagecover .modal table tr td {
	padding: 3px 5px;
}
.tooltip {
	z-index: 1003;
	position: fixed;
	top: -1000px;
	left: -1000px;
	box-sizing: border-box;
	max-width: 200px;
	min-height: 30px;
	padding: 6px 8px;
	border-radius: 3px;
	line-height: 16px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #5C656D;
	overflow: visible;
	pointer-events: none;
}
.tooltip > div {
	overflow: visible;
}
.tooltip.hide_inactive {
	z-index: -1;
	transition: opacity 0s, z-index 0s;
}
.tooltip.hide_inactive.active {
	z-index: 1003;
	transition: opacity 0s .3s, z-index 0s .3s;
}
.tooltip_arrow {
	position: absolute;
	width: 0;
	height: 0;
}
.tooltip.above .tooltip_arrow {
	bottom: -5px;
	border-top: 5px solid #5C656D;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
.tooltip.below .tooltip_arrow {
	top: -5px;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #5C656D;
	border-left: 5px solid transparent;
}
.tooltip.left .tooltip_arrow {
	right: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #5C656D;
}
.tooltip.right .tooltip_arrow {
	left: -5px;
	border-top: 5px solid transparent;
	border-right: 5px solid #5C656D;
	border-bottom: 5px solid transparent;
}
.modal .medical_device_label_modal section {
	margin-bottom: 20px;
}
.modal .medical_device_label_modal h1 {
	margin-bottom: 20px;
}
.modal .medical_device_label_modal h2 {
	min-height: 28px;
    margin: 0;
    line-height: 28px;
    font-size: 22px;
	font-weight: 600;
	color: #333;
}
.modal .medical_device_label_modal h3 {
	min-height: 24px;
    margin: 0;
    line-height: 24px;
    font-size: 18px;
	font-weight: 600;
	text-align: left;
	color: #333;
}

/************************************************************\
cookie policy
\************************************************************/
.cookie_policy {
	z-index: 2;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px;
	line-height: 20px;
	background: #fff;
	box-shadow: 2px 0 2px 0 #000;
}
.cookie_policy div {
	float: left;
	padding: 16px 20px 0 30px;
}
.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;
	width: 90px;
	border: 1px solid #999;
	border-radius: 3px 3px 0 0;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	background: #ffe;
	
	transition: top .4s;
}
.page_debug_tab.active {
	border-bottom-color: transparent;
	font-weight: bold;
}
.page_debug_tab.fullscreen_tab {
	left: 91px;
	width: 40px;
}
.page_debug_tab.network_tab {
	left: 140px;
	width: 110px;
}
.page_debug_tab.reload_tab {
	left: 340px;
	width: 110px;
}
.page_debug_tab.submit_tab {
	left: auto;
	right: 44px;
}
.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;
	z-index: -1000;
}
.spinner.active {
	z-index: 1000;
	position: fixed;
	top: calc(40% - 25px);
	left: calc(50% - 25px);
	height: 50px;
	width: 50px;
	transform-origin: center;
	transform: rotate(0deg);
	animation: spinner_spin 2s infinite linear;
}
@keyframes spinner_spin { to { transform: rotate(360deg); } }
.spinner.active::before,
.spinner.active::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 6px solid #364fa1;
	border-bottom-color: transparent;
	border-radius: 50%;

	transform-origin: center;
	transform: rotate(0deg);
}
.spinner.active::after {
	transform: rotate(68deg);
}

/************************************************************\
page contents
\************************************************************/
.mobile_view .mobile_block {
	display: block;
}
.page_content h1 {
	display: inline-block;
    margin-bottom: 4px;
    line-height: 24px;
    font-size: 20px;
    color: #333F48;
    font-weight: 400;
	vertical-align: baseline;
}
.page_content .modal h1 {
	display: block;
}
.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 h1.inactive,
.page_content header h1 span.inactive {
	color: #666;
	font-style: italic;
}
.page_content header h1.inactive span,
.page_content header h1 span.inactive span {
	font-size: .8em;
	font-weight: normal;
}
.page_content h2 {
    font-size: 18px;
    font-weight: 600;
}
.page_content header .nowrap {
	white-space: nowrap;
}
.mobile_view .page_content div:not(.wound_detail):not(.redesign) header .nowrap {
	display: block;
	white-space: normal;
	overflow: hidden;
}
	@media (max-width: 450px) {
		.mobile_view .page_content div.wound_detail.redesign header .nowrap {
			display: block;
			white-space: normal;
			overflow: hidden;
		}
	}
.mobile_view .page_content header .nowrap h4 {
	white-space: nowrap;
}
	@media (max-width: 450px) {
		.mobile_view .page_content div.wound_detail.redesign header .nowrap h4 {
			display: block;
			padding-top: 3px;
			padding-left: 0;
		}
	}
.page_content header h4 {
	display: inline-block;
	padding-left: 20px;
	line-height: inherit;
	vertical-align: inherit;
	font-size: 18px;
    font-weight: 600;
}
.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 20px;
	background-color: #eff3ff;
	transition: background-color .4s;
}
@media (max-width: 1250px) {
	table.display td {
		padding: 10px;
		font-size: 15px;
	}
	table.display.patient_list td {
		font-size: 14px;
	}
}
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 td.compact {
	padding-left: 5px;
	padding-right: 5px;
}
table.display td.compact:first-child {
	padding-left: 10px;
}
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 td.prepopulate {
	width: 90px;
}
table.display tr td.active {
	width: 50px;
}
#observations label.cb_label.cb_button.cb_prepopulate {
	float: right;
	margin-right: 70px;
}
#formularies label.cb_label.cb_button.cb_prepopulate {
	float: right;
	margin-right: 60px;
}
#observations label.cb_label.cb_button.cb_active{
	float: right;
	margin-right: 28px;
}
#formularies label.cb_label.cb_button.cb_active {
	float: right;
	margin-right: 20px;
}
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;
}
.admin .neutral_tabs .tab_content {
	padding: 0 5%;
	background-color: #d3ddff;
	border-bottom: 2px solid #bec7e6;
}
.admin.tools .neutral_tabs .tab_content {
	padding: 0 0 50px 0;
}
.admin .tab_content table.display td {
	background-color: #d3ddff;
}
.admin .tab_content table.display tr th {
	padding: 5px;
	font-size: 12px;
	color: #999;
}
.admin .tab_content table.display tr td {
	padding: 5px;
	line-height: 28px;
	font-size: 12px;
	box-shadow: 0 1px 0 0 #bec7e6 inset;
}
.admin.tools .tab_content table.display tr td.child {
	padding: 0;
}
.admin .tab_content table.display thead tr .toast_message_children {
	text-transform: capitalize;
}
.admin .controls {
	padding: 20px 0 15px 0;
	text-align: right;
}
.admin #observations td {
	vertical-align: top;
}
.admin #observations .visit_type_options {
	position: relative;
	padding: 0;
	border: 1px solid #aaa;
	border-radius: 3px;
	line-height: 22px;
	background-color: #fff;
	box-shadow: none;
	overflow: hidden;
}
.admin #observations .children .visit_type_options {
	float: right;
}
.admin #observations .visit_type_options a.toggle {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
.admin #observations .visit_type_options.active a.toggle {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: auto;
	left: auto;
	right: 0;
	width: 20px;
	height: 22px;
	cursor: pointer;
}
.admin #observations .visit_type_options a.toggle::after {
	display: block;
	content: "\25BE";
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0;
	line-height: 22px;
	font-size: 25px;
	color: #333;
	transform-origin: center;
	transition: transform .4s, top .4s;
}
.admin #observations .visit_type_options.active a.toggle::after {
	top: 2px;
	transform: scale(-1,-1);
}
.admin #observations .visit_type_options label {
	position: relative;
	display: block;
	height: 0;
	padding: 0 5px;
	line-height: 22px;
	cursor: pointer;

	overflow: hidden;
	transition: height .4s;
}
.admin #observations .visit_type_options label.active,
.admin #observations .visit_type_options.active label {
	height: 22px;
	margin-bottom: -1px;
	padding: 2px 5px;
	border-bottom: 1px solid #aaa;
}
.admin #observations .children .visit_type_options label {
	padding-right: 30px;
}
.admin #observations .visit_type_options label::after {
	display: block;
	content: "";
	position: absolute;
	top: 10px;
	left: 12px;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	background: #000;
	opacity: 1;
	transition: opacity .4s;
}
.admin #observations .visit_type_options.active label::after {
	opacity: 0;
}
.admin #observations .visit_type_options label input {
	opacity: 0;
	transition: opacity .4s;
}
.admin #observations .visit_type_options.active label input {
	opacity: 1;
}
.admin #observations .visit_type_options div {
	height: 0;
	text-align: center;

	overflow: hidden;
	transition: height .4s;
}
.admin #observations .visit_type_options > div,
.page_table table.display.child_lists .accordion div.visit_type_options > div:last-child {
	padding: 0;
	border: none;
	box-shadow: none;
}
.admin #observations .visit_type_options.active > div {
	height: 30px;
}
.admin #observations .visit_type_options div a.btn {
	margin: 5px;
}


/*************************  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 */
}


/*************************  .nhsg_pagination (net health style guide pagination)  ***************************/
.nhsg_pagination {
	margin-right: 5px;
	line-height: 24px;
	font-size: 14px;
	text-align: right;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.page_content.full_width .nhsg_pagination {
	margin-right: 80px;
}
.nhsg_pagination select {
	width: 65px;
	height: 30px;
	margin-right: 10px;
	line-height: 30px;
	font-size: 14px;
}
.nhsg_pagination .arrow {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-top: -4px;
	border-top: 2px solid rgba(51,63,72,0.8);
	border-right: 2px solid rgba(51,63,72,0.8);
	vertical-align: middle;
	cursor: pointer;
	transform-origin: center;
}
.nhsg_pagination .arrow.previous {
	margin-left: 20px;
	transform: rotate(-135deg);
}
.nhsg_pagination .arrow.next {
	margin-left: 10px;
	transform: rotate(45deg);
}


/*************************  table.nhsg (net health style guide) .reference / .data   ***************************/
div.table_nhsg_wrapper {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #C2C5C8;
	border-radius: 3px;
	overflow: auto;
}
div.dcr_table_area div.no_data {
	padding: 16px;
	border: 1px solid #C2C5C8;
	border-top: none;
	border-radius: 0 0 3px 3px;
}
table.nhsg {
	width: 100%;
}
table.nhsg thead,
table.nhsg tbody,
table.nhsg tr {
	width: 100%;
}
table.nhsg th {
	z-index: 6;
	position: sticky;
	top: 0;
	height: 48px;
	padding: 0 8px;
	box-shadow: -2px 0px 1px -1px #6572a6 inset;
	line-height: 18px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	text-transform: capitalize;
	color: #fff;
	background-color: rgba(53, 66, 118, 1);

	transition: background-color .4s;
}
table.nhsg th:first-child {
	border-radius: 3px 0 0 0;
}
table.nhsg th:last-child {
	border-right: none;
	border-radius: 0 3px 0 0;
}
table.nhsg th.arrow {
	width: 20px;
	border-right: none;
    box-shadow: none;
}
table.nhsg.condensed th {
	height: 32px;
}
table.nhsg th.sortable {
	padding-right: 32px;
	cursor: pointer;
}
table.nhsg th.sortable::before,
table.nhsg th.sortable::after {
	display: block;
	content: "";
	position: absolute;
	right: 12px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;

	transition: opacity .4s;
}
table.nhsg th.sortable::before {
	top: calc(50% - 8px);
	transform: rotate(-45deg);
}
table.nhsg th.sortable::after {
	bottom: calc(50% - 8px);
	transform: rotate(135deg);
}
table.nhsg th.sortable.sorted_asc::before {
	opacity: .4;
}
table.nhsg th.sortable.sorted_desc::after {
	opacity: .4;
}
table.nhsg th.active {
	background-color: rgb(4, 14, 95, 1);
}
table.nhsg th.sortable:hover {
	background-color: rgb(34, 51, 136, 1);
}
table.nhsg th .link {
	margin-left: 10px;
	white-space: nowrap;
	font-weight: 400;
	color: #fff;
}
@media (max-width: 1050px) {
	table.nhsg th .link {
		display: block;
		line-height: 14px;
		margin-left: 0;
	}
}
table.nhsg td {
	position: relative;
	height: 48px;
	padding: 3px 8px;
	border-top: 1px solid #EBECED;
	line-height: 18px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	color: #333F48;
	background: #fff;
}
table.nhsg tr.collapsed {
	display: none;
}
table.nhsg tr.group_header td {
	height: 28px;
	background: #e6e6e6;
}
table.nhsg tr:first-child td {
	border-top: none;
}
table.nhsg td.bold {
	font-weight: bold;
}
table.nhsg td.centered {
	text-align: center;
}
table.nhsg td.centered .icon_nhsg {
	margin: 2px 5px;
}
.mobile_view table.nhsg td.centered .icon_nhsg {
	margin: 4px;
}
table.nhsg td.numeric {
	padding-right: 30px;
	text-align: right;
}
table.nhsg.condensed td {
	height: 32px;
}
table.nhsg.vertical_dividers td {
	border-right: 1px solid #C2C5C8;
}
table.nhsg.vertical_dividers td:last-child {
	border-right: none;
}
table.nhsg tr:not(.group_header, .children):hover td {
	background: #E6EEF8;
}
table.nhsg td a {
	color: #0057B8;
}
table.nhsg td a.celllink {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
table.nhsg td code {
	display: block;
	max-width: 400px;
	max-height: 400px;
	overflow: auto;
	font-family: monospace;
	color: #393;
	white-space: pre;
}
table.nhsg td .inactive {
	font-style: italic;
	color: #777977;
}
table.nhsg td .last_seen {
	line-height: 1.2em;
}
table.nhsg td .mostRecentEvaluatorName {
	font-size: .9em;
	color: #777977;
}
table.nhsg tr.parent td {
	cursor: pointer;
}
table.nhsg td.arrow {
	width: 20px;
	text-align: center;
}
table.nhsg tr.group_header td.arrow {
	width: 100%;
	text-align: left;
}
table.nhsg td.arrow .accordion_arrow {
	top: 1px;
	width: 8px;
    height: 8px;
	margin: 0;
	border-color: #3D4951;
	border-width: 1px;
	transform: rotate(45deg);
	opacity: .8;
}
table.nhsg tr.group_header td.arrow .accordion_arrow {
	top: 0;
	margin-left: 7px;
	margin-right: 10px;
	border-width: 2px;
	border-color: #333F48;
	transition: transform .2s, top .2s
}
table.nhsg td.arrow.active .accordion_arrow {
	top: -2px;
	transform: rotate(135deg);
}
table.nhsg tr.group_header td.arrow.active .accordion_arrow {
	top: -2px;
}
table.nhsg tr.children td {
	height: auto;
	padding: 0;
	border-top: none;
}
table.nhsg tr.children .child_row {
	position: relative;
	height: 0;
	padding: 0 8px 0 10px;
    line-height: 48px;
	overflow: hidden;

	transition: height .1s;
}
table.nhsg tr.children.active td,
table.nhsg tr.children.active .child_row {
	border-top: 1px solid #EBECED;
}
table.nhsg tr.children.active .child_row:first-child {
	border-top: none;
}
table.nhsg tr.children .child_row.clickable {
	cursor: pointer;
}
table.nhsg tr.children .child_row.clickable {
	background: #FAF9FA;
}
table.nhsg tr.children .child_row.clickable:hover {
	background: #E6EEF8;
}
table.nhsg tr.children .child_row > div {
	padding: 3px 0;
}

/* home page stuff for this table */
.patient_calendar_tab table.nhsg tr.children .child_row span {
	display: inline-block;
	margin-right: 10px;
	line-height: 24px;
	vertical-align: middle;
}
.patient_calendar_tab table.nhsg tr.children .child_row span.wound_number {
	min-width: 30px;
	margin-right: 30px;
	text-align: right;
	font-weight: bold;
}
.patient_calendar_tab table.nhsg tr.children .child_row span.lock {
	opacity: .5;
}
.patient_calendar_tab table.nhsg tr.children .child_row span.round_thumb {
	margin: 5px 20px 5px 0;
}
.patient_calendar_tab table.nhsg tr.children .child_row span.etiology span:first-child {
	width: 230px;
	line-height: 20px;
	font-weight: bold;
}
.patient_calendar_tab table.nhsg tr.children .child_row span.location {
	width: 230px;
	font-weight: bold;
}
/* @media (max-width: 1150px) { */
@media (max-width: 1285px) {
	.patient_calendar_tab table.nhsg tr.children .child_row span.etiology span:first-child,
	.patient_calendar_tab table.nhsg tr.children .child_row span.location {
		display: block;
	}

}

/*************************  time_input   ***************************/
.time_input select {
	width: auto;
}
.time_input span {
	font-size: 20px;
}


/*************************  calendar_input   ***************************/
.calendar_text_field {
	position: relative;
}
.calendar_text_field a {
	position: absolute;
	top: 0;
	bottom: 2px;
	right: 12px;
	width: 14px;
}
.calendar_text_field a::before,
.calendar_text_field a::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 1px;
	width: 12px;
	height: 2px;
	background: #000;
	transform-origin: center;
}
.calendar_text_field a::before {
	transform: rotate(45deg);
}
.calendar_text_field a::after {
	transform: rotate(-45deg);
}
.calendar_input_display_wrapper {
	display: inline-block;
	line-height: 40px;
}
.calendar_input_display_wrapper .accordion_arrow,
.calendar_input_display_wrapper .accordion_arrow.active {
	top: 3px;
	width: 12px;
	height: 12px;
    margin: 0;
    border-color: #9FA19F;
	transition: border-color .4s;
}
.calendar_input_display_wrapper .accordion_arrow:hover {
    border-color: #4D89CD;
}
.calendar_input_display_wrapper .accordion_arrow:first-child {
    transform: rotate(225deg);
}
.calendar_input_display_wrapper .accordion_arrow:last-child {
    transform: rotate(45deg);
}

.calendar_input_display {
	position: relative;
	display: inline-block;
	min-height: 32px;
	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 span.date .clear {
	position: relative;
	display: inline-block;
	height: 10px;
	width: 10px;
    margin: -2px 0 0 4px;
	border: 1px solid #9FA19F;
	border-radius: 50%;
	vertical-align: middle;
}
	.calendar_input_display span.date .clear::before,
	.calendar_input_display span.date .clear::after {
		content: "";
		position: absolute;
		top: 4px;
		display: block;
		height: 1px;
		width: 10px;
		border-top: 1px solid #9FA19F;
		transform-origin: center;
	}
	.calendar_input_display span.date .clear::before {
		left: -1px;
		transform: rotate(45deg);
	}
	.calendar_input_display span.date .clear::after {
		left: 1px;
		transform: rotate(-45deg);
	}
	.calendar_input_display span.date .clear:hover,
	.calendar_input_display span.date .clear:hover::before,
	.calendar_input_display span.date .clear:hover::after {
		border-color: #4D89CD;
	}
.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 {
	top: 51px;
}
.calendar_input .month_select {
	border-radius: 7px;
}
.calendar_input .month_select ul {
	display: inline-block;
	margin: 0 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.month_picker .calendar_table_wrapper {
	height: 160px;
	overflow: hidden;
}
.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.patient_user,
table.display td.patient_user {
	width: 26px;
}
	.icon_phone {
		display: inline-block;
		width: 26px;
		height: 26px;
		background: url(../../app/img/icon_phone.png) no-repeat center;
		background-size: contain;
		vertical-align: text-bottom;
	}
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;
}
table.display.accordion_table tr.parent td:first-child span.inactive {
	color: #666;
	font-style: italic;
}
table.display.accordion_table tr.parent td:first-child span.inactive span {
	font-size: .8em;
	font-weight: normal;
}
.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 .1s, top .1s;
}
.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;
}
.tab_content tr.children .accordion,
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;
}
.tab_content #observations tr.children .accordion {
	padding-right: 2px;
}
.admin .tab_content table.display tr td.etiologyLabel {
	width: 350px;
}
.page_table table.display.child_lists .accordion.child_etiologies .etiologyLabel {
	display: inline-block;
	width: 350px;
	padding-right: 6px;
	line-height: 20px;
}
.page_table table.display.child_lists .accordion.child_etiologies .etiologyDescription {
	display: inline-block;
	max-width: 300px;
	padding-right: 6px;
	line-height: 20px;
}
.tab_content tr.children .accordion.child_etiologies {
	padding: 0;
}
.tab_content tr.children .accordion.child_observations,
.page_table table.display.child_lists .accordion.child_observations div > div,
.tab_content tr.children .accordion.child_formularies,
.page_table table.display.child_lists .accordion.child_formularies div > div {
	padding-right: 0;
}
.tab_content tr.children .accordion.child_formularies,
.page_table table.display.child_lists .accordion.child_formularies div > div {
	padding-right: 0;
}
.page_table table.display.child_lists .accordion.child_etiologies div > div {
	padding-left: 10px;
}
.page_table table.display.child_lists .accordion.child_etiologies div > div > strong {
	display: inline-block;
	width: 22px;
	padding-right: 53px;
	line-height: 20px;
	text-align: right;
}
.tab_content tr.children .accordion.child_etiologies label.cb_label.cb_button,
.tab_content tr.children .accordion.child_etiologies select.pi_map {
	float: right;
	margin: 0 17px 0 0;
}
	@media (max-width: 480px) {
		.tab_content tr.children .accordion,
		table.display.accordion_table td.child .accordion {
			padding: 0;
		}
	}
table.display.accordion_table td.child .accordion:hover {
	background-color: #d5ffda;
}
.admin.tools table.display.accordion_table tr.not_selectable td.child .accordion:hover {
	background-color: transparent;
	box-shadow: none !important;
}
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;
		}
	}

.flextabs {
	display: flex;
	flex-wrap: wrap-reverse;
	flex-direction: row;
	align-items: flex-start;
}
#admin_tab_nav {
	z-index: 2;
	position: relative;
	margin-bottom: -1px;
	font-size: 17px;
	box-shadow: 0px 1px 0 0 #bec7e6;
}

.flextabs h1.tab {
	flex: 1 1 auto;
	max-width: 200px;
	margin-right: 2px;
    margin-bottom: 0;
    padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 10px 10px 0 0;
	line-height: 36px;
	font-size: 14px;
	font-weight: 600;
	color: #333F48;
	text-align: center;
	text-transform: uppercase;
	background: #eee;
	opacity: .7;
	cursor: pointer;
}
.flextabs.less_padding h1.tab {
	padding: 0 10px;
	line-height: 30px;
}
.flextabs.a_lot_less_padding h1.tab {
	padding: 0 5px;
}
.flextabs h1.tab.active {
	z-index: 2;
	position: relative;
	margin-top: -7px;
	padding-bottom: 7px;
	color: #0057B8;
	background: #d3ddff;
	box-shadow: none;
	opacity: 1;
}
.flextabs h1.tab.active::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 4px;
	background: #d3ddff;
}

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

.tabs h1.tab {
	z-index: 10;
	position: relative;
	display: inline-block;
    margin-bottom: 0;
	margin-right: 5px;
    padding: 0 15px;
	border: 1px solid #C2C5C8;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	line-height: 38px;
	font-size: 14px;
	font-weight: 600;
	color: #333F48;
	text-transform: none;
	text-align: center;
	vertical-align: middle;
	background-color: #E3E4E3;
	opacity: 1;
	cursor: pointer;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.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 {
	color: #0057B8;
	background: #fcfcfd;
	box-shadow: none;
	opacity: 1;
}
.tabs.neutral_tabs h1.tab.active {
	background: #fff;
	box-shadow: none;
}
.tabs h1.tab.active::after {
	display: block;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0px;
	right: 0px;
	height: 1px;
	background: #fcfcfd;
}
.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;
}
.tabs .btn {
	float: right;
	margin: -10px 0 0px 0;
}
.tabs .link {
	float: right;
    margin: 15px 0 0 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%;
}



/*************************  toast messages   ***************************/
.toast_message {
	position: relative;
	display: block;
	margin: 20px 0;
	padding: 10px 35px;
	border: 1px solid #333F48;
	border-left-width: 8px;
	border-radius: 3px;
	text-align: left;
	color: #333F48;
	background: #EBECED;
}
.toast_message.has_children {
	margin-bottom: 0;
	cursor: pointer;
}
.toast_message_children {
	max-height: 0;
	margin-bottom: 20px;
	overflow: hidden;
	transition: max-height .2s;
}
.toast_message_children.active {
	max-height: 1000px;
}
.toast_message_children .toast_message {
	margin: 1px 0;
}
.toast_message .badge,
.toast_message .close,
.toast_message .accordion_arrow {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #333F48;
}
.toast_message .close,
.toast_message .accordion_arrow {
	left: auto;
	right: 10px;
}
.toast_message.inline_message {
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
}
.toast_message.inline_message .badge {
	display: none;
}
.toast_message.success {
	border-color: #007B5F;
	background: #E6F2EF;
}
.toast_message.success .badge,
.toast_message.success .close {
	color: #007B5F;
}
.toast_message.warning {
	border-color: #FF9900;
	background: #FFF4E6;
}
.toast_message.warning .badge,
.toast_message.warning .close {
	color: #FF9900;
}
.toast_message.error {
	border-color: #F9423A;
	background: #FEECEB;
}
.toast_message.error .badge,
.toast_message.error .close {
	color: #F9423A;
}

.floating_toast {
	z-index: 100;
	position: fixed;
	top: 60px;
	right: 20px;
	width: 320px;
	animation: floating_toast_in .3s ease;
}
.floating_toast .toast_message {
	margin: 0;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}
@keyframes floating_toast_in {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}



/*************************  dynamic components   ***************************/
.dynamic_component {
	position: relative;
	min-height: 100px;
	overflow: hidden;
}
.dynamic_component.ct_app {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 0;
}
.dynamic_component.ct_app iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.dynamic_component .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
}
.dynamic_component div.loading {
	z-index: 2;
	/* position: absolute; */
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fcfcfc;
}
.dynamic_component.ready div.loading {
	display: none;
}
.dynamic_component iframe {
	transition: height .4s;
}
.dynamic_component.session_management {
	display: none;
}



/*************************  paging   ***************************/
.paging {
	display: block;
	min-height: 22px;
	line-height: 22px;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.paging .arrow {
	position: relative;
	display: inline-block;
	height: 12px;
	width: 12px;
}
.paging .arrow::before,
.paging .arrow.first::after,
.paging .arrow.last::after {
	display: block;
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-top: 2px solid rgba(51,51,51,0.3);
	border-right: 2px solid rgba(51,51,51,0.3);
	cursor: default;
	
	transform-origin: center;
}
.paging .arrow.active::before,
.paging .arrow.active::after {
	border-color: rgba(51,51,51,1);
	cursor: pointer;
}
.paging .arrow.active:hover::before,
.paging .arrow.active:hover::after {
	border-width: 3px;
}
.paging .arrow.first::before,
.paging .arrow.first::after,
.paging .arrow.previous::before {
	transform: rotate(-135deg);
}
.paging .arrow.next::before,
.paging .arrow.last::before,
.paging .arrow.last::after  {
	transform: rotate(45deg);
}
.paging .arrow.first::after {
	left: -5px;
}
	.paging .arrow.active.first:hover::after {
		left: -8px;
	}
.paging .arrow.last::after {
	right: -5px;
}
	.paging .arrow.active.last:hover::after {
		right: -8px;
	}


/*************************  home   ***************************/
.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::before,
.home .patient_search_feedback_wrapper .paging .arrow.first::after,
.home .patient_search_feedback_wrapper .paging .arrow.last::after {
	border-top: 2px solid rgba(255,255,255,0.3);
	border-right: 2px solid rgba(255,255,255,0.3);
}
.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);
}
.home .patient_search_tab {
	z-index: 5;
	position: relative;
}
.home header {
	z-index: 4;
	padding: 20px 25px;
	vertical-align: middle;
	background: #d9ffcc;
}
.home header:first-child {
	z-index: 7;
}
.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 .unsigned_toggle {
	margin-left: 20px;
	white-space: nowrap;
}
.home header .unsigned_toggle span {
	position: relative;
	top: 1px;
}
.home .calendar_input_display_wrapper {
	float: right;
}
.home .toggles .calendar_input_display_wrapper {
	float: none;
	vertical-align: top;
	line-height: 30px;
}
.home .toggles .calendar_input_display {
	width: 150px;
	height: 34px;
	margin-top: 1px;
}
.home .toggles label.cb_label {
	display: inline-block;
}
.home .unsigned_evaluations_tab .toggles label.cb_label input[type="radio"] {
	margin-bottom: 2px;
	vertical-align: middle;
}
@media (max-width: 720px) {
	.home header.unsigned_evaluations .toggles label.cb_label {
		display: block;
	}
}
.mobile_view .home header.patient_search .calendar_input_display_wrapper {
	float: none;
	display: block;
	margin-top: 20px;
}
.home header form {
	position: relative;
	line-height: 36px;
}
.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;
}
.home header.unsigned_evaluations {
	padding-top: 30px;
}
.home header.patient_search .core_form {
	float: left;
	margin-right: 20px;
}
.home header.unsigned_evaluations .core_form > label {
	position: relative;
}
.home header.unsigned_evaluations .core_form > label > span {
	position: absolute;
	top: -35px;
    left: 1px;
    font-size: 13px;
	font-weight: 600;
}
@media (max-width: 620px) {
	.home header.unsigned_evaluations .core_form > label {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.home header.unsigned_evaluations .core_form > label > span {
		top: -25px;
	}
	.home header.unsigned_evaluations .facility_menu,
	.home header.unsigned_evaluations select {
		width: 100%;
	}
}
.home header.patient_search .toggles,
.home header.unsigned_evaluations .toggles {
	float: right;
}
@media (max-width: 1260px) {
	.home header.unsigned_evaluations .toggles {
		float: none;
		display: block;
		margin-top: 15px;
	}
}
.home header.patient_search .toggles label {
	display: block;
	margin-left: 10px;
}
.home header.patient_search .facility_menu {
	display: block;
	margin-bottom: 5px;
}
	@media (max-width: 800px) {
		.home header.patient_search .core_form,
		.home header.unsigned_evaluations .core_form {
			margin-right: 0;
		}
		.home header.patient_search .toggles,
		.home header.unsigned_evaluations .toggles {
			float: none;
			display: block;
			clear: both;
			padding-top: 10px;
		}
	}
	@media (max-width: 600px) {
		.home header.patient_search .core_form,
		.home header.unsigned_evaluations .core_form {
			float: none;
		}
		.home header .facility_menu,
		.home header input[type="text"],
		.home header form button {
			width: 100%;
		}
		.home header form button {
			margin-top: 5px;
		}
	}

.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 select {
	display: inline-block;
	width: auto;
	margin: 0 0 0 12px;
}
.home .patient_search_feedback_wrapper .tally select {
	min-width: auto;
	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 #calendar_patient_list_wrapper header.patient_search_feedback_wrapper {
			height: 70px;
		}
		.home header.patient_search_feedback_wrapper .paging {
			margin-top: 50px;
		}
		.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 {
	padding-bottom: 10px;
	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 .patient_list_wrapper .icon_person {
	width: 22px;
	height: 22px;
	margin: -3px 15px 0 0;
	vertical-align: middle;
}
.home .patient_list_wrapper td > .icon_pdf {
	float: right;
	margin: -3px 15px 0 0;
	vertical-align: middle;
}
.home .patient_list_wrapper .child_row .icon_pdf_single {
	z-index: 5;
	position: relative;
	vertical-align: middle;
}
.patient_calendar_tab table.nhsg tr.children .child_row > div > div:first-child {
	display: inline-block;
	width: calc(100% - 180px);
}
.patient_calendar_tab table.nhsg tr.children .child_row > div > div:last-child {
	display: inline-block;
	width: 180px;
}
.patient_calendar_tab table.nhsg tr.children .child_row span.provider {
	width: 130px;
	margin-right: 10px;
	line-height: 16px;
	font-size: .9em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.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: #566fc1;
	text-transform: uppercase;
}
.patient_list .wound_status.healed {
	width: auto;
	margin-left: 0;
	margin-right: 10px;
}
.patient_list .lock {
	vertical-align: text-bottom;
	opacity: .4;
}
.patient_list .lock_cell,
.patient_list .wound_number_cell,
.patient_list .pdf_cell,
.patient_list .thumb.add_new_photo {
	width: 24px;
}
.patient_list .thumb {
	width: 42px;
}
.patient_list .wound_location_cell {
	width: 180px;
}
.patient_list .wound_summary_cell {
	width: 100px;
}
.patient_list .wound_date_cell {
	width: 200px;
}
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: 34px;
	padding: 0 34px 0 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	background: #fff;
	overflow: visible;
	cursor: pointer;
	transition: border-radius .1s .3s;
}
.triptych .accordion_multiselect {
	min-width: 150px;
}
.accordion_multiselect.compact {
	min-height: 34px;
	height: 34px;
	line-height: 34px;
}
.accordion_multiselect.active {
	border-radius: 3px 3px 0 0;
	transition: none;
}
.accordion_multiselect.hot_search {
	z-index: 5;
}
.accordion_multiselect .accordion_arrow {
	z-index: 6;
	position: absolute;
	top: 15px;
	right: 12px;
	width: 8px;
    height: 8px;
	margin: 0;
	border-width: 1px;
	border-color: #999;
}
.accordion_multiselect.compact .accordion_arrow {
	top: 13px;
}
.accordion_multiselect .accordion_arrow.active {
	top: 11px;
}
.accordion_multiselect.compact .accordion_arrow.active {
	top: 8px;
}
.accordion_multiselect.hot_search .hot_search_input {
	position: relative;
	left: -8px;
	width: 348px;
	margin: -2px 0 0 0;
	border: none;
	background: transparent;
	cursor: pointer;
	display: none;
}
.accordion_multiselect.hot_search .hot_search_input.populated {
	margin-top: 5px;
}
.accordion_multiselect.hot_search .hot_search_input.active {
	display: block;
	border: 3px solid #669AD4;
}
.accordion_multiselect.hot_search.active .hot_search_input {
	border: 1px solid #669ad4;
	box-shadow: 0 0 0px 1px #669ad4, 0 0 0px 1px #669ad4 inset;
	cursor: text;
}
.accordion_multiselect.hot_search.active .placeholder {
	color: #a9afb4;
}
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 .2s;
	overflow: hidden;
}
.accordion_multiselect.hot_search > ul.accordion {
	z-index: -1;
}
.accordion_multiselect.clinician_selector > ul.accordion {
	overflow-y: auto;
}
.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 .2s;
}
.accordion_multiselect.compact > ul.accordion {
	top: 32px;
}
@media (max-width: 800px) {
	.vertical_stack_on_mobile .info_label {
		display: inline-block;
		min-width: 100px;
		line-height: 34px;
		vertical-align: top;
		text-align: right;
	}
	.vertical_stack_on_mobile > span {
		display: block;
	}
	.vertical_stack_on_mobile .accordion_multiselect {
		padding: 0;
	}
	.vertical_stack_on_mobile .accordion_multiselect > span {
		padding: 0 34px 0 8px;
	}
	.vertical_stack_on_mobile .accordion_multiselect {
		height: auto;
	}
	.vertical_stack_on_mobile .accordion_multiselect > ul.accordion {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.vertical_stack_on_mobile select {
		min-width: 250px;
		margin: 0;
	}
}
.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.clinician_selector > ul > li {
    padding: 0px 8px;
	border-bottom: none;
	font-weight: 400;
}
.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;
	box-sizing:content-box;
	padding: 72px 72px 10px 72px;
	background: #fff;
	text-align: center;
	pointer-events: none;
}
.is_embedded .wound_detail .user_tracy {
	padding-top: 10px;
}
.wound_detail .user_tracy.active {
	z-index: 10;
	pointer-events: auto;
}
	@media (max-width: 900px) {
		.wound_detail .user_tracy {
			padding: 100px 10px 10px 10px;
		}
	}



/*************************  wound_detail   ***************************/
.wound_detail .redesign_toggle {
	z-index: 3;
	position: absolute;
	bottom: 0;
	left: 0;
}
.wound_detail {
	z-index: 2;
	position: relative;
	padding-bottom: 80px;
	opacity: 0;
	transition: opacity .4s;
}
.wound_detail.active {
	opacity: 1;
}
.wound_detail.redesign {
	padding-bottom: 0;
	overflow: auto;
}

.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;
}

/******  patient header with expanded_patient_info   ******/
	.page_content header.expanded_patient_info {
		margin: 0 0 -3px 0;
		padding: 10px 30px;
		border: 1px solid #ccc;
		border-bottom: none;
		border-radius: 0 9px 0 0;
	}
	.page_content header.expanded_patient_info.first {
		margin-top: 40px;
	}
	.page_content .evaluation_edit { /* evaluation_detail page */
		margin-top: 40px;
	}
	.page_content .evaluation_edit header.expanded_patient_info { /* evaluation_detail page */
		margin-bottom: 20px;
		padding-bottom: 0;
		border: 1px solid #ccc;
		border-radius: 0 9px 9px 9px;
	}
	.page_content .expanded_patient_info h1 {
		position: absolute;
		top: -40px;
		left: -1px;
		background: #fcfcfc;
	}
	.page_content .expanded_patient_info h1 a {
		position: relative;
		display: inline-block;
		padding: 0 25px;
		border: 1px solid #ccc;
		border-bottom: none;
		border-radius: 9px 9px 0 0;
	}
	.page_content .expanded_patient_info h1 a::after {
		display: block;
		content: "";
		position: absolute;
		bottom: 1px;
		right: -20px;
		height: 20px;
		width: 20px;
		border-bottom: 1px solid #ccc;
		border-radius: 10px;
		box-shadow: 0 12px 0 -2px #fcfcfc;
		transform: rotate(45deg);
	}
	.wound_detail header.expanded_patient_info h4.patient_record {
		margin-right: 60px;
	}
	.page_content .expanded_patient_info .secondary_patient_info {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: flex-start;
	}
	@media (max-width: 750px) {
		.page_content .expanded_patient_info .secondary_patient_info {
			flex-direction: column;
		}
	}
	.page_content .expanded_patient_info .secondary_patient_info > div {
		flex: 1 1 33%;
	}
	.page_content .expanded_patient_info .secondary_patient_info h4 {
		padding-left: 0;
	}
	.page_content .expanded_patient_info .secondary_patient_info h4 > span {
		min-width: 80px;
	}
	.page_content .expanded_patient_info .secondary_patient_info ul {
		margin: -5px 0 15px 22px;
		padding: 0;
		line-height: 20px;
		white-space: normal;
	}
	.page_content .expanded_patient_info .secondary_patient_info a.icon_pencil {
		width: 18px;
		height: 18px;
		margin-bottom: 4px;
	}
	.page_content .expanded_patient_info .secondary_patient_info .edit {
		margin: -3px 0 15px 0;
		line-height: 20px;
		white-space: normal;
	}
	.page_content .expanded_patient_info .secondary_patient_info .edit input[type="text"] {
		width: calc(100% - 60px);
	}
/******  END patient header with expanded_patient_info   ******/

.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 .move_eval_wrapper,
.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 .move_eval_wrapper {
	background: rgba(0,0,0,.5);
}
.wound_detail .move_eval_wrapper.active,
.wound_detail .formulary_edit_wrapper.active {
	left: 0;
	right: 0;
	opacity: 1;
	transition: opacity .4s, left 0s, right 0s;
}

.wound_detail .move_eval,
.wound_detail .formulary_edit {
	position: relative;
	box-sizing: border-box;
	max-width: 800px;
	height: 90%;
	margin: 2% auto 0 auto;
	padding: 15px 20px;
	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 {
	z-index: 2;
	position: absolute;
	top: 50px;
	left: 20px;
	right: 20px;
	border-bottom: 1px solid #ddd;
}
.formulary_edit .tabs h1.tab {
	display: inline-block;
	padding: 0 20px;
	border: 1px solid #ddd;
	border-bottom: none;
	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: 108px;
	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 {
	display: block;
	padding: 15px 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 .formularyCategory div.inactive label {
	opacity: .6;
}
.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 .move_eval {
	position: relative;
	width: 80%;
	max-width: 1200px;
	padding: 15px 20px;
}
.wound_detail .move_eval h1 {
	display: block;
	margin-bottom: 15px;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #ccc;
}
.wound_detail .move_eval .instructions {
	padding: 10px 10px;
	border: 1px solid #333;
	font-weight: normal;
	background: #f0f0f0;
}
.wound_detail .move_eval .move_eval_content {
	position: absolute;
    top: 125px;
    bottom: 80px;
    left: 20px;
    right: 20px;
}
.wound_detail .move_eval .btn_row {
	position: absolute;
    bottom: 5px;
    left: 20px;
    right: 20px;
	border-top: 1px solid #ccc;
	text-align: right;
}
.wound_detail .move_eval .eval_to_move {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
	border-right: 1px solid #ccc;
	text-align: center;
}
.wound_detail .move_eval .eval_to_move .info {
	margin-bottom: 10px;
	padding: 0;
	font-size: 18px;
}
.wound_detail.redesign .evaluation_detail .move_eval .eval_to_move .info {
	width: auto;
	height: auto;
	margin-bottom: 10px;
	padding: 0;
	font-size: 18px;
}
.wound_detail .move_eval .eval_to_move img {
	max-width: calc(100% - 20px);
	max-height: calc(100% - 28px);
}
.wound_detail .move_eval .target_wounds {
	position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 20px);
    right: 0;
	overflow: auto;
}
.wound_card {
	position: relative;
	margin: 15px 10px 0 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	cursor: pointer;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.wound_card:first-child {
	margin-top: 0;
}
.wound_detail .wound_card .model_wrapper {
	width: 60px;
	min-height: 0;
	vertical-align: middle;
}
.wound_detail .wound_card .model {
	height: auto;
	max-height: 125px;
	max-width: 50px;
	margin: auto;
}
.wound_detail .wound_card .model img {
	height: auto;
	max-height: 125px;
	max-width: 60px;
}
.wound_detail.redesign .wound_card .model img {
	height: auto;
	max-height: 100px;
	max-width: 40px;
}
.wound_detail .wound_card img {
	max-height: 125px;
    max-width: 70px;
	vertical-align: middle;
}
.wound_card .info {
	display: inline-block;
	max-width: 325px;
	height: 125px;
	margin-left: 10px;
	line-height: 22px;
	vertical-align: middle;
}
.options .wound_card .info {
	height: auto;
	min-height: 125px;
}
.wound_card .info h3 {
	margin: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	color: #333F48;
}
.wound_card .info .last_seen {
	margin-top: 10px;
}
.wound_card a.cb {
	position: absolute;
	bottom: 10px;
	right: 10px;
	height: 30px;
	width: 30px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.wound_card a.cb.checked {
	background-color: #0057B8;
}
.wound_card a.cb.checked::after {
	display: block;
	content: "\2713";
	line-height: 30px;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #fff;
}


.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 .icon_reload {
	display: inline-block;
	z-index: 6;
	position: absolute;
	top: 5px;
	right: 35px;
	width: 30px;
	height: 30px;
	background: url(../../app/img/icon_reload.png) no-repeat center;
	background-size: contain;
	opacity: .5;
	cursor: pointer;
	transition: opacity .4s;
}
.wound_detail .icon_reload:hover {
	opacity: 1;
}
.wound_detail header.expanded_patient_info .icon_settings {
	top: 15px;
	right: 20px;
}
.wound_detail header.expanded_patient_info .icon_reload {
	top: 15px;
	right: 50px;
}
.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.expanded_patient_info .sections section.page_options {
	top: -46px;
	right: -25px;
}
.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.page_options .eval_view {
	margin-bottom: 5px;
}
.wound_detail .sections section.page_options .eval_view h3 {
	margin: 0;
	text-align: left;
	color: #333;
	font-size: 14px;
	font-weight: 600;
}
.wound_detail .sections section.page_options .eval_view label {
	display: inline-block;
	margin-right: 15px;
}
.wound_detail .sections section.page_options label input[type="checkbox"] {
	position: relative;
    top: -1px;
}

.wound_detail .filmstrip .add_evaluation {
	padding: 20px 0;
	text-align: center;
	word-spacing: normal;
}
.wound_detail .filmstrip .add_evaluation a.btn {
	text-transform: capitalize;
}

.wound_detail .deterioration_risk_warning {
	position: relative;
	max-width: 400px;
	margin: 0 auto 50px auto;
	padding: 10px 20px 10px 40px;
	border: 1px solid transparent;
	border-left-width: 8px;
	border-radius: 3px;
	line-height: 20px;
}
.wound_detail.redesign .deterioration_risk_warning {
	margin: 0 7px 10px 0;
}
.wound_detail .deterioration_risk_warning.medium_risk {
	border-color: #fc0;
}
.wound_detail .deterioration_risk_warning.high_risk {
	border-color: #f9423a;
}
.wound_detail .deterioration_risk_warning .icon {
	position: absolute;
	top: 7px;
	left: 7px;
}

.wound_detail .sections section.filmstrip {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.wound_detail .sections section.filmstrip.dynamic_component {
	position: relative;
	min-height: 100px;
	overflow: hidden;
}
.wound_detail .sections section.filmstrip.dynamic_component.active {
	z-index: 5;
}
.wound_detail .sections section.filmstrip .controls {
	z-index: 2;
	position: absolute;
	/* top: calc(50% - 39px); */
	top: 34px;
	left: 0;
	width: 50px;
	border-bottom: none;
	border-radius: 5px 0 0 5px;
	background: #fcfcfc;
	text-align: center;
}
@media print {
	.wound_detail .sections section.filmstrip .controls {
		display: none;
	}
}
.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 section.filmstrip .toggles {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 19px;
	font-size: 14px;
	vertical-align: middle;
}
@media print {
	.wound_detail .sections section.filmstrip .toggles {
		display: none;
	}
}
.wound_detail .sections section.filmstrip .toggles span {
	line-height: 19px;
	vertical-align: middle;
}
.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%;
	min-height: 114px;
	padding: 7px 10px 7px 50px;
	white-space: nowrap;
	word-spacing: 10px;
	overflow: hidden;
	overflow-x: auto;
}
@media print {
	.wound_detail .sections section.filmstrip .slider {
		padding: 0 10px;
	}
}
.wound_detail .sections section.filmstrip span {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.wound_detail .sections section.filmstrip span .cw {
	display: block;
	z-index: 2;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 12px;
	width: auto;
	padding: 1px;
	line-height: 12px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #000;
}
.wound_detail .sections section.filmstrip span .pd {
	display: block;
	z-index: 2;
	position: absolute;
	top: 13px;
	right: 0;
	height: 12px;
	width: auto;
	padding: 1px;
	line-height: 12px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #000;
}
.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 span.archived::after {
	opacity: 0;
}
.wound_detail .sections section.filmstrip h4 {
	margin-bottom: 3px;
	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 4px #000;
}
.wound_detail .sections section.filmstrip .pinned img {
	box-shadow: 0 0 0 5px #1e5799;
}
.wound_detail .sections section.filmstrip .archived img {
	box-shadow: 0 0 0 5px #c00;
	opacity: .5;
}


.wound_detail .sections section.wound_info {
	z-index: 4;
	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 .info {
	margin-left: 200px;
}
.wound_detail .sections section.wound_info .wound_card .info {
	margin-left: 10px;
}
.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 .wound_info a.btn.archive {
	position: absolute;
	bottom: 10px;
	right: 30px;
	margin: 0;
}
.wound_detail.old_design .wound_info a.patient_communication {
	position: absolute;
	bottom: 12px;
	right: 30px;
}
.wound_detail .wound_info a.patient_communication.shift {
	right: 200px;
}
.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.text_location {
	margin-left: 300px;
}
.wound_detail .sections section.wound_info div.info .custom_fields {
	min-height: 120px;
	margin: 0 20px 5px 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: 260px;
	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;
	padding-bottom: 30px;
}
.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;
}
.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.old_design .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: 6;
	position: relative;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 43px;
	padding-bottom: 43px;

	will-change: background-color;
	/* transition: background-color .4s .1s; */
}
.wound_detail.redesign .sections section.evaluation_detail {
	z-index: 3;
	padding: 0 0 10px 0;
}
.wound_detail.redesign .sections section.evaluation_detail.no_evaluations {
	display: flex;
	justify-content: center;
	align-items: center;

	min-height: 320px;
	padding: 30px 0 40px 0;
}
.wound_detail.redesign .sections section.evaluation_detail.no_evaluations .empty_state {
	box-sizing: border-box;
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
	padding: 32px 28px;
	border: 1px solid #ddd;
	border-radius: 12px;

	text-align: center;

	background: #fff;
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.wound_detail.redesign .sections section.evaluation_detail.no_evaluations .empty_state h3 {
	margin: 0 0 10px 0;

	line-height: 30px;
	font-size: 24px;
	font-weight: 700;
}
.wound_detail.redesign .sections section.evaluation_detail.no_evaluations .empty_state p {
	margin: 0;

	line-height: 24px;
	font-size: 16px;
	font-weight: 400;

	color: #4e4e4e;
}
.wound_detail.redesign .sections section.evaluation_detail.no_evaluations .empty_state a.btn {
	display: inline-block;
	margin-top: 20px;
}
.wound_detail.redesign .sections section.evaluation_detail.focused {
	z-index: 5;
}
.wound_detail .sections section.evaluation_detail.amending {
	background-color: #ff9;
}
.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: 2;
	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;

	will-change: background-color;
	/* transition: background-color .4s .1s; */
}
.wound_detail  .evaluation_detail.amending h2 {
	background-color: #ee0;
}
.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;
}
	@media (max-width: 750px) {
		.wound_detail.redesign .evaluation_detail h2 .counter span:first-child {
			display: none;
		}
	}
.wound_detail .evaluation_detail h2 .counter .lock {
	vertical-align: sub;
}
	@media (max-width: 800px) {
		.wound_detail .sections section.evaluation_detail {
			padding-top: 70px;
			padding-bottom: 70px;
		}
		.wound_detail.old_design .evaluation_detail h2 {
			margin-bottom: 5px;
			padding: 0;
			text-align: center;
		}
		.wound_detail .evaluation_detail h2 strong {
			float: none;
		}
		.wound_detail.redesign .evaluation_detail h2 .arrows strong,
		.wound_detail.redesign .evaluation_detail h2 .counter {
			font-size: 16px;
		}
		.wound_detail.old_design .evaluation_detail h2 .counter {
			display: block;
			padding-top: 2px;
			font-size: 18px;
			text-align: center;
		}
		.wound_detail.old_design .evaluation_detail h2:last-child .counter {
			position: relative;
			top: -70px;
		}
		.wound_detail.old_design .evaluation_detail h2 .counter span:first-child {
			display: inline;
		}
	}
	@media (max-width: 550px) {
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows,
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows strong,
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .counter {
			line-height: 36px;
			font-size: 14px;
			vertical-align: baseline;
		}
	}
.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;
}
	@media (max-width: 550px) {
		.wound_detail .wound_info h2 a.icon,
		.wound_detail .evaluation_detail h2 a.icon {
			width: 25px;
		}
}
.wound_detail .evaluation_detail h2.new_template_evaluation_nav {
	position: relative;
	box-sizing: border-box;
	height: 48px;
	margin: 0 auto;
	padding: 5px 0 5px 0;
	border-top: 1px solid #ccc;
	border-radius: 0;
	text-align: left;
	background-color: transparent;
}
.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav {
	z-index: 6;
}
.wound_detail .evaluation_detail h2.new_template_evaluation_nav .lock {
	position: relative;
    top: 5px;
}
.wound_detail .evaluation_detail h2.new_template_evaluation_nav strong {
	float: none;
}
	@media (max-width: 820px) {
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .signed > strong {
			display: none;
		}
	}
	@media (max-width: 700px) {
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .signed > .accordion_arrow {
			display: none;
		}
	}
.wound_detail .evaluation_detail h2.new_template_evaluation_nav .arrows {
	float: right;
}
.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows {
	float: none;
	vertical-align: top;
}
.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions {
	float: right;
}
.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions a.btn {
	margin: 0;
	vertical-align: top;
}
	@media (max-width: 700px) {
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions a.btn {
			min-width: auto;
			padding: 0 10px;
		}
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions a.btn.neutral {
			font-weight: 700;
			font-size: 32px;
		}
	}
	@media (max-width: 460px) {
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions a.btn {
			padding: 0 7px;
		}
	}
	@media (max-width: 400px) {
		.wound_detail .evaluation_detail h2.new_template_evaluation_nav {
			height: 42px;
		}
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows,
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows strong,
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .counter {
			line-height: 32px;
		}
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions a.btn {
			height: 30px;
			line-height: 28px;
			padding: 0 4px;
			font-size: 12px
		}
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .actions a.btn.neutral {
			line-height: 24px;
			font-size: 25px;
		}
		.wound_detail .wound_info h2 a.icon, .wound_detail .evaluation_detail h2 a.icon {
			width: 22px;
		}
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows strong {
			font-size: 12px;
		}
	}
	@media (max-width: 340px) {
		.wound_detail .wound_info h2 a.icon, .wound_detail .evaluation_detail h2 a.icon {
			width: 20px;
		}
	}
	@media (max-width: 330px) {
		.wound_detail .wound_info h2 a.icon, .wound_detail .evaluation_detail h2 a.icon {
			width: 18px;
		}
	}
	@media (max-width: 320px) {
		.wound_detail.redesign .evaluation_detail h2.new_template_evaluation_nav .arrows strong {
			font-size: 10px;
		}
	}
.wound_detail .wound_info h2.new_template_evaluation_nav a.icon,
.wound_detail .evaluation_detail h2.new_template_evaluation_nav a.icon,
.wound_detail .evaluation_detail h2.new_template_evaluation_nav a.icon.skip_to_start,
.wound_detail .evaluation_detail h2.new_template_evaluation_nav a.icon.previous,
.wound_detail .evaluation_detail h2.new_template_evaluation_nav a.icon.next,
.wound_detail .evaluation_detail h2.new_template_evaluation_nav a.icon.skip_to_end {
	position: relative;
	top: -1px;
	left: auto;
	right: auto;
	display: inline-block;
}
@media print {
	.wound_detail .evaluation_detail h2 a.icon {
		display: none;
	}
}
.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.redesign .evaluation_detail h2 a.icon.new_evaluation {
	right: 0;
	margin-left: 10px;
}

.wound_detail .evaluation_detail .photo_wrapper {
	z-index: 5;
	position: relative;
	float: left;
	margin-bottom: 20px;
	text-align: center;
	background-size: 0px 0px;
	background-repeat: no-repeat;
}

.wound_detail.redesign .evaluation_detail .photo_wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	float: none;
	height: calc(100% - 20px);
	margin-top: 10px;
}
.wound_detail .evaluation_detail .photo {
	position: relative;
	display: inline-block;
	min-height: 200px;
	line-height: 0; /* removes those 3px below the img */
	background-color: #eee;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.4);
}
.wound_detail.redesign .evaluation_detail .photo {
	display: block;
	min-height: 0;
	max-width: 100%;
}
.wound_detail .evaluation_detail .photo img {
	max-width: 600px;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.wound_detail.redesign .evaluation_detail .photo.loading {
	max-width: 100%;
}
.wound_detail .evaluation_detail .photo.loading img {
	opacity: .35;
}
.wound_detail.redesign .evaluation_detail .photo .spinner {
	position: absolute;
}
.wound_detail .evaluation_detail .photo img {
	position: relative;
	display: block;
	height: 100%;
	opacity: 1;
	transition: opacity .2s;
}
.wound_detail.redesign .evaluation_detail .photo img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	background-color: #eee;
}
	@media (max-width: 800px) {
		.wound_detail .evaluation_detail .photo_wrapper {
			margin-bottom: 25px;
		}
	}
	@media (max-width: 1200px) {
		.wound_detail.old_design .evaluation_detail .photo_wrapper {
			float: none;
			max-width: 600px;
			margin-left: auto;
			margin-right: auto;
		}
		.wound_detail.old_design .evaluation_detail .photo img {
			max-width: 100%;
		}
		.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,
.wound_detail .evaluation_detail .photo .patient_head_direction_workspace {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity .4s;
}
.wound_detail .evaluation_detail .photo .patient_head_direction_workspace {
	z-index: 20;
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.wound_detail .evaluation_detail .photo .patient_head_direction_workspace.active {
	opacity: 1;
	visibility: visible;
	cursor: pointer;
	pointer-events: all;
}
.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;
	visibility: visible;
}
.wound_detail .evaluation_detail .photo.loading .analysis_wrapper,
.wound_detail .evaluation_detail .photo.loading .new_analysis_wrapper,
.wound_detail .evaluation_detail .photo.loading .patient_head_direction_workspace {
	visibility: hidden;
	transition: none;
}
.wound_detail .evaluation_detail .photo.loading .analysis_wrapper.active,
.wound_detail .evaluation_detail .photo.loading .new_analysis_wrapper.active,
.wound_detail .evaluation_detail .photo.loading .patient_head_direction_workspace.active {
	opacity: 0;
	pointer-events: none;
}
.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;
	visibility: visible;
	cursor: crosshair;
}
.wound_detail .evaluation_detail .photo .new_analysis_wrapper canvas {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wound_detail .evaluation_detail .photo .new_analysis_wrapper canvas.hover_canvas {
	z-index: 1;
}
.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 .icon_patient_head_direction_indicator {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	height: 30px;
	width: 30px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: #060a64;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	color: transparent;
	background-image: url(../../app/img/icon_patient_head_direction_indicator.svg);
	cursor: pointer;
	transform-origin: center;
	transition: top .4s, right .4s, height .4s, width .4s;
}
.wound_detail .evaluation_detail .photo.loading .icon_patient_head_direction_indicator {
	display: none;
}
.wound_detail .evaluation_detail .photo .icon_patient_head_direction_indicator.active {
	top: calc(50% - 30px);
	right: calc(50% - 30px);
	height: 60px;
	width: 60px;
}
.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.redesign .evaluation_detail .photo a.pdf {
	display: none;
}
.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;
}
@media print {
	.wound_detail .evaluation_detail .photo a.zoom {
		display: none;
	}
	.wound_detail a.save {
		display: none;
	}
}
.wound_detail .evaluation_detail .photo .alt_media {
	z-index: 25;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
}
.wound_detail .evaluation_detail .photo .alt_media img,
.wound_detail .evaluation_detail .photo .alt_media video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
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;
	transition: opacity .4s;
}
	.wound_detail .notes_list a.trash,
	.wound_detail .notes_list a.icon_pencil,
	.wound_detail .notes_list a.icon_link {
		width: 18px;
		height: 18px;
		vertical-align: top;
		opacity: .6;
	}
	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: 20px;
	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.redesign .media_thumbnails {
	width: 110px;
	height: 100%;
	overflow: auto;
}
	.wound_detail.redesign.photo_stacked .evaluation_detail .photo_wrapper,
	.wound_detail.redesign.photo_stacked .evaluation_detail .photo_wrapper .photo,
	.wound_detail.redesign.photo_stacked .evaluation_detail .photo_wrapper .photo img {
		order: 1;
		height: auto;
	}
	.wound_detail.redesign.photo_stacked .media_thumbnails {
		order: 2;
		width: 100%;
		height: auto;
		overflow: auto;
		text-align: center;
	}
	.wound_detail.redesign.photo_stacked .evaluation_detail .info {
		order: 3;
	}
	.wound_detail.redesign.photo_stacked .media_thumbnails > * {
		display: inline-block;
		margin: 5px;
		vertical-align: top;
	}
	.wound_detail.redesign.photo_stacked .media_thumbnails span::after {
		/* hide the side-pointing arrow in horizontal layout */
		display: none;
	}
	@media (max-width: 720px) {
		.wound_detail.redesign .evaluation_detail .photo_wrapper,
		.wound_detail.redesign .evaluation_detail .photo_wrapper .photo,
		.wound_detail.redesign .evaluation_detail .photo_wrapper .photo img {
			order: 1;
			height: auto;
		}
		.wound_detail.redesign .media_thumbnails {
			order: 2;
			width: 100%;
			height: auto;
			overflow: auto;
			text-align: center;
		}
		.wound_detail.redesign .evaluation_detail .info {
			order: 3;
		}
		.wound_detail.redesign .media_thumbnails > * {
			display: inline-block;
			margin: 5px;
			vertical-align: top;
		}
		.wound_detail.redesign .media_thumbnails span::after {
			/* hide the side-pointing arrow in horizontal layout */
			display: none;
		}
	}
	/* embedded EMR frames (e.g. Cerner mPage): the redesign eval layout must flow with the
	   content rather than relying on fixed heights / absolute positioning, otherwise the
	   nested iframe stack produces a redundant scrollbar and overlapping sections. */
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign {
		overflow: visible;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .eval_flexbox {
		height: auto;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .photo_wrapper,
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .photo_wrapper .photo,
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .photo_wrapper .photo img {
		order: 0;
		height: auto;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .media_thumbnails {
		order: 0;
		width: 110px;
		height: auto;
		overflow: visible;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .media_thumbnails > * {
		display: block;
		margin: 10px auto;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .media_thumbnails span::after {
		display: block;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .info {
		order: 0;
		width: 400px;
		max-width: 100%;
		height: auto;
		overflow: visible;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .eval_flexbox.stacked .info {
		margin-left: 0;
		margin-right: 0;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .observations,
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .info .observations {
		position: static;
		width: 100%;
		height: auto;
		overflow: visible;
	}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .observations .observations_scroller,
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .info .observations .observations_scroller {
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		overflow: visible;
	}
.wound_detail.redesign .media_thumbnails > span {
	position: relative;
	display: block;
	height: 80px;
	width: 80px;
	margin: 10px auto;
	background-color: #000;
	cursor: pointer;
}
.wound_detail.redesign .media_thumbnails > span.pdf_wrapper {
	background-color: #fff;
}
.wound_detail.redesign .media_thumbnails a.pdf {
	display: block;
	width: 77px;
	height: 77px;
	border: 3px solid #000;
	border-radius: 3px;
	background: url(../../app/img/icon_pdf.png) no-repeat center;
	background-size: 48px;
	background-color: #ddd;
	opacity: .5;
	transition: opacity .4s;
}
.wound_detail.redesign .media_thumbnails a.pdf:hover {
	opacity: .8;
}
.wound_detail.redesign .media_thumbnails span.video_thumb {
	color: #fff;
}
.wound_detail.redesign .media_thumbnails span.video_thumb.dressing_removal_video {
	height: 80px;
}
.wound_detail.redesign .media_thumbnails span.active {
	box-shadow: 0 0 0 2px #000;
}
.wound_detail.redesign .media_thumbnails span::after {
	display: block;
    content: "";
    z-index: -1;
    position: absolute;
    top: calc(50% - 6px);
    right: -5px;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    background: #000;
    opacity: 0;
    transition: opacity .2s;
}
.wound_detail.redesign .media_thumbnails span.active::after {
	opacity: 1;
}
.wound_detail.redesign .media_thumbnails span img {
	display: block;
	width: 100%;
	min-height: 80px;
	background-color: #eee;
}
.wound_detail.redesign .media_thumbnails span.video_thumb img {
	opacity: .7;
}
.wound_detail.redesign .media_thumbnails span svg {
	z-index: 2;
	position: absolute;
	top: calc(50% - 44px/2);
	left: calc(50% - 44px/2);
	display: block;
	width: 44px;
	height: 44px;
	opacity: .7;
}
.wound_detail.redesign .media_thumbnails span.video_thumb:hover svg {
	opacity: 1;
}

.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails {
	margin-top: 20px;
}

.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span {
	position: relative;
	display: inline-block;
	min-height: 75px;
	margin: 0 5px;
	background-color: #000;
	cursor: pointer;
}
.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span.video_thumb {
	min-width: 42px;
	color: #fff;
}
.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span.active {
	box-shadow: 0 0 0 2px #6f6;
}
.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span img {
	display: block;
	margin: auto;
}
.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span.video_thumb img {
	opacity: .7;
}
.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span svg {
	z-index: 2;
	position: absolute;
	top: calc(50% - 44px/2);
	left: calc(50% - 44px/2);
	display: block;
	width: 44px;
	height: 44px;
	opacity: .7;
}
.wound_detail .evaluation_detail .photo_wrapper .media_thumbnails span.video_thumb:hover svg {
	opacity: 1;
}

.wound_detail .evaluation_detail .archive_controls {
	padding: 10px 0 5px 0;
	text-align: center;
}
.wound_detail.redesign .evaluation_detail .archive_controls {
	clear: both;
	margin-right: 7px;
	padding: 0;
}
.wound_detail .triptych .evaluation_detail .archive_controls {
	padding: 10px 0 0 0;
}
.wound_detail .evaluation_detail .archive_controls a.btn {
	margin: 0;
}
.wound_detail.redesign .evaluation_detail .archive_controls a.btn {
	display: block;
	margin: 0 0 5px 0;
}
.wound_detail .triptych .evaluation_detail .archive_controls a.btn:last-child {
	margin-top: 10px;
}
.wound_detail .evaluation_detail .pie_and_progress {
	z-index: 4;
	position: relative;
	text-align: center;
	margin: 10px auto 0 auto;
	padding: 10px 5px 10px 15px;
	/* overflow: hidden; */ /* allows it to act like an inline block with floated photo */
}
.wound_detail .triptych .evaluation_detail .pie_and_progress {
	overflow: visible;
}
.wound_detail .evaluation_detail .pie_and_progress.fit_archive_controls {
	margin-top: 20px;
	overflow: visible;
}
.wound_detail.redesign .evaluation_detail .pie_and_progress.fit_archive_controls {
	min-width: 350px;
	margin-top: 0;
}
.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 .signed {
	width: 400px;
	margin: 0 auto 10px auto;
	border: 1px solid #364fa1;
	border-radius: 4px;
	line-height: 20px;
	font-weight: 600;
	text-align: center;
	color: #364fa1;
	background-color: #eff3ff;
	overflow: hidden;
	
	will-change: background-color;
	/* transition: background-color .4s; */
}
.wound_detail.redesign .evaluation_detail .new_template_evaluation_nav > .signed {
	position: relative;
	float: right;
	width: auto;
	height: 30px;
    margin: 0 0 0 20px;
	padding: 2px 10px;
	line-height: 28px;
	text-align: left;
	overflow: visible;
	cursor: pointer;
}
.wound_detail.redesign .evaluation_detail .new_template_evaluation_nav .signed .lock {
	top: 0;
	vertical-align: middle;
}
.wound_detail.redesign .evaluation_detail .signed .signed {
	position: absolute;
	top: -1px;
	right: -1px;
	float: none;
	width: 380px;
	margin: 0;
	text-align: left;
	pointer-events: none;
	cursor: default;
}
.wound_detail.redesign .evaluation_detail .signed .signed.active {
	pointer-events: auto;
}
	@media (max-width: 700px) {
		.wound_detail.redesign .evaluation_detail .new_template_evaluation_nav > .signed {
			margin:  0 0 0 10px;
			padding: 2px 7px;
		}
	}
	@media (max-width: 400px) {
		.wound_detail.redesign .evaluation_detail .new_template_evaluation_nav > .signed {
			height: 24px;
			line-height: 22px;
			margin-left: 5px;
			padding: 2px;
		}
		.wound_detail.redesign .evaluation_detail .new_template_evaluation_nav .signed .lock {
			width: 22px;
			height: 22px;
		}
		.wound_detail.redesign .evaluation_detail .signed .signed {
			width: 350px;
		}
	}
	@media (max-width: 375px) {
		.wound_detail.redesign .evaluation_detail .signed .signed {
			width: 300px;
		}
	}
	@media (max-width: 325px) {
		.wound_detail.redesign .evaluation_detail .signed .signed {
			width: 250px;
		}
	}
.wound_detail.redesign .evaluation_detail .signed .signed .close_hotspot {
	text-align: right;
	cursor: pointer;
}
.wound_detail .evaluation_detail table.display td {
	will-change: background-color;
	/* transition: background-color .4s; */
}
.wound_detail .evaluation_detail.amending table.display td,
.wound_detail .evaluation_detail.amending .signed {
	background-color: #e3e3d3;
}
.wound_detail .evaluation_detail.amending table.display tr:nth-child(even) td {
	background-color: #eed;
}
.wound_detail .evaluation_detail .signed span:last-child {
	white-space: nowrap;
}
	@media (max-width: 800px) {
		.wound_detail .evaluation_detail .signed span:last-child {
			white-space: normal;
		}
	}
.wound_detail .triptych .evaluation_detail .signed {
	width: auto;
	margin: -10px 0 20px 0;
}
	@media (max-width: 1200px) {
		.wound_detail .evaluation_detail .pie_and_progress {
			padding-top: 20px;
		}
		.wound_detail .evaluation_detail .signed {
			display: block;
		}
	}
.evaluation_detail .signed .current_version {
	padding: 5px 10px;
}
.evaluation_detail .version_list {
	max-height: 0;
	overflow: hidden;
	border-top: 0px solid #364fa1;
	border-radius: 0 0 4px 4px;
	text-align: left;
	background: #ffa;
	transition: max-height .4s, border-top-width .4s;
}
.evaluation_detail .version_list.active {
	border-top-width: 1px;
}
.evaluation_detail .version_list a {
	display: block;
	padding: 0 10px;
	border-bottom: 1px solid #f70;
	line-height: 30px;
	font-weight: normal;
	color: #c30;
	transition: background-color .4s;
}
.evaluation_detail .version_list a::after {
	clear: both;
	display: block;
	content: "";
}
.evaluation_detail .version_list a:first-child {
	padding-top: 1px;
}
.evaluation_detail .version_list a:last-child {
	padding-bottom: 1px;
	border-bottom: none;
	border-radius: 0 0 4px 4px;
}
.evaluation_detail .version_list a.active {
	font-weight: 700;
}
.evaluation_detail .version_list a:hover {
	color: #930;
	background-color: #ee0;
}
.evaluation_detail .version_list a span {
	display: inline-block;
}
.evaluation_detail .version_list a .created {
	float: right;
	margin-left: 10px;
}
.evaluation_detail .version_list a .created span:last-child {
	min-width: 70px;
	text-align: right;
}

.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;
	min-height: 140px;
	margin: 0 5px 20px 5px;
	text-align: center;
	vertical-align: top;
}
.wound_detail.redesign .pie_chart_wrapper {
	display: block;
	width: 80px;
	min-height: 80px;
	margin: 0 auto;
}
	@media (max-width: 700px) {
		.wound_detail.redesign .pie_chart_wrapper {
			height: 80px;
			margin: 10px auto;
		}
	}
.wound_detail .mesh_wrapper {
	position: relative;
	border-radius: 5px;
	background-color: #999;
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	box-shadow: 0 0 1px 1px #000;
	transition: opacity .4s;
}
.wound_detail .mesh_wrapper .spinner {
	z-index: 2;
	position: absolute;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;
	opacity: 0;
	transform-origin: center;
	animation: spinner_spin 2s infinite linear;
	transition: opacity .4s;
}
.wound_detail .mesh_wrapper .spinner::before,
.wound_detail .mesh_wrapper .spinner::after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 3px solid rgba(255,255,255,.8);
	border-bottom-color: transparent;
	border-radius: 50%;
	transform-origin: center;
	transform: rotate(0deg);
}
.wound_detail .mesh_wrapper .spinner::after {
	transform: rotate(68deg);
}
.wound_detail .mesh_wrapper.loading .spinner {
	opacity: 1;
}
.wound_detail .mesh_wrapper.active .spinner,
.wound_detail .mesh_wrapper.not_available .spinner {
	opacity: 0;
}
.wound_detail.redesign .mesh_wrapper {
	display: block;
	width: 80px;
	min-height: 80px;
	margin: 10px auto;
}
	@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 div.spinner {
	top: calc(50% - 15px);
	bottom: auto;
	left: calc(50% - 15px);
	right: auto;
	line-height: normal;
	color: inherit;
}
.wound_detail.redesign .mesh_wrapper div {
	top: 4px;
	line-height: 18px;
}
.wound_detail.redesign .mesh_wrapper div.spinner {
	top: calc(50% - 15px);
	line-height: normal;
}
.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;
	min-height: auto;
	margin-bottom: 20px;
}
.wound_detail.redesign .progress_wrapper {
	display: block;
	max-width: none;
	margin: 0;
}
.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: #566fc1;
}

.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 {
	z-index: 5;
	position: relative;
	min-height: 400px;
	min-width: 300px;
	max-width: 600px;
	margin-left: auto;
	padding-left: 10px;
	padding-bottom: 100px;
	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: 6;
}
.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: 5px 0 0 10px;
	overflow: hidden; /* allows it to act like an inline block with floated photo */
}
.wound_detail.redesign .evaluation_detail .info {
	width: 400px;
	height: 100%;
	padding: 0 5px 0 0;
	overflow-y: auto;
}
.wound_detail.redesign .evaluation_detail .eval_flexbox.stacked .info {
	width: auto;
	height: auto;
	margin-left: 150px;
	overflow: auto;
}
	.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .evaluation_detail .eval_flexbox.stacked .info {
		overflow: visible;
	}
	.wound_detail.redesign.photo_stacked .evaluation_detail .eval_flexbox.stacked .info {
		margin-left: 0;
		margin-right: 0;
	}
	@media (max-width: 720px) {
		.wound_detail.redesign .evaluation_detail .eval_flexbox.stacked .info {
			margin-left: 0;
		}
	}
.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 h3.status_label {
	margin: 4px;
	border: 1px solid #364fa1;
	line-height: 25px;
	font-size: 14px;
	color: #364fa1;
	background: rgba(54,79,161,.1);
	border-radius: 5px;
}
.wound_detail .triptych .evaluation_detail .info h3.post_debridement {
	margin: 5px 0 0 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: 35px;
	margin: 0 0 -20px 0;
	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 a.retrace_outline {
	z-index: 2;
	position: absolute;
	top: 10px;
	left: 10px;
}
.wound_detail .evaluation_detail .info a.retrace_outline.pd,
.wound_detail .evaluation_detail .info a.retrace_outline.cw {
	top: 40px;
}
.wound_detail .evaluation_detail .info a.retrace_outline.pd.cw {
	top: 70px;
}
.wound_detail .evaluation_detail .info .evaluation_tissue_types {
	position: relative;
	padding-top: 10px;
}
.wound_detail .evaluation_detail .info a.retrace_region {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}
.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 #72CFDE inset;
}
.wound_detail a.view_toggle.active.tunnels {
	background: #72CFDE;
}
.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.skip_photo {
	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;
	overflow: visible;
}
.wound_detail.redesign .evaluation_detail .observations {
	padding-top: 0;
}
.wound_detail.redesign .evaluation_detail .info h3,
.wound_detail.redesign .evaluation_detail .observations h3 {
	margin: 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	background-color: transparent;
}
.wound_detail.redesign .evaluation_detail .eval_flexbox {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.wound_detail.redesign .evaluation_detail .eval_flexbox > * {
	margin: 10px;
}
.wound_detail.redesign .evaluation_detail .observations {
	clear: none;
	position: relative;
	width: 380px;
	height: 100%;
	padding: 0 5px 0 0;
}
.wound_detail.redesign .evaluation_detail .observations .toast_message {
	margin: 0 7px 10px 0;
}
.wound_detail.redesign .evaluation_detail .info .observations {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-top: 20px;
}
.wound_detail.redesign .evaluation_detail .observations .observations_scroller {
	position: absolute;
	/* top: 35px; */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
.wound_detail.redesign .evaluation_detail .info .observations .observations_scroller {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
.wound_detail.redesign .evaluation_detail .observations .observations_scroller > h3 {
	margin-right: 7px;
}

.wound_detail.evaluation_edit .evaluation_detail .observations {
	clear: none;
	max-width: 360px;
}
.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: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,
.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 textarea,
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"]:not(.hot_search_input) {
	border-color: #ccc;
	background-color: #fff;
	cursor: auto;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow textarea {
	height: 84px;
}
.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.display tr.flexirow td > span.disabled,
.wound_detail .evaluation_detail .observations table.editable tr.flexirow select[disabled],
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled],
.wound_detail .evaluation_detail .observations table.editable tr.flexirow textarea[disabled],
.wound_detail .evaluation_detail .observations table.editable tr.flexirow label.cb_label.disabled
 {
	padding-left: 0;
	border-left-width: 0;
	border-color: transparent;
	line-height: 20px;
	color: #666;
	font-style: italic;
	background-color: transparent;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled]::-webkit-input-placeholder {
	color: transparent;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled]:-moz-placeholder {
	color: transparent;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled]::-moz-placeholder {
	color: transparent;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled]:-ms-input-placeholder {
	color: transparent;
}

.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 span.feedback {
	z-index: -1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1px;
	min-width: 38px;
	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 table.display tr.flexirow td .select_wrap > span.feedback,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.select_wrap > span.feedback {
		bottom: 2px;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap > span.feedback,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap > span.feedback {
		max-height: 36px;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap .accordion_multiselect .accordion_arrow {
		transition: opacity .2s;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap.saving .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap.saving .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap.saved .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap.saved .accordion_multiselect .accordion_arrow {
		opacity: 0;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap > span.feedback,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap > span.feedback {
		bottom: 2px;
		max-height: 36px;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap .accordion_multiselect .accordion_arrow {
		transition: opacity .2s;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.saving .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.saving .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.saved .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.saved .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.cds_update .accordion_multiselect .accordion_arrow,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.cds_update .accordion_multiselect .accordion_arrow {
		opacity: 0;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .text_wrap textarea ~ span.feedback,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.text_wrap textarea ~ span.feedback {
		bottom: auto;
		width: 38px;
		height: 38px;
	}
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td .select_wrap .multiselect.checkboxes ~ span.feedback,
	.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.select_wrap .multiselect.checkboxes ~ span.feedback {
		bottom: 5px;
	}
	.wound_detail .evaluation_detail span.saving {
		background-color: #f93;
		background-image: url(../../app/img/icon_backup.png);
	}
		.wound_detail .evaluation_detail .saving span.saving {
			z-index: 5;
			opacity: 1;
			transition: opacity .8s, z-index 0s;
		}
		.wound_detail .evaluation_detail .saved span.saving {
			z-index: 5;
			transition: opacity .8s .1s, z-index .8s .1s;
		}
	.wound_detail .evaluation_detail span.saved {
		background-color: #2db93e;
		background-image: url(../../app/img/icon_check_white.png);
	}
		.wound_detail .evaluation_detail .saved span.saved {
			z-index: 6;
			opacity: 1;
			transition: opacity .8s, z-index 0s;
		}
		.wound_detail .evaluation_detail span.feedback.cds_update {
			z-index: 6;
			left: 370px;
			right: auto;
			width: 200px;
			line-height: 34px;
			transition: opacity .4s;
			pointer-events: none;
		}
		.wound_detail .evaluation_detail .cds_update span.cds_update {
			opacity: 1;
			transition: opacity .4s;
		}
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.saving > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.saving > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.saved > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.saved > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.saved > span.feedback.saved,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.saved > span.feedback.saved,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td .hot_search_wrap.cds_update > span.feedback.cds_update,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.hot_search_wrap.cds_update > span.feedback.cds_update {
			z-index: 7;
		}
		.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap.saving > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap.saving > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap.saved > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap.saved > span.feedback.saving,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td .select_wrap.saved > span.feedback.saved,
		.wound_detail .evaluation_detail .observations table.display tr.flexirow.wound_status_row td > div.select_wrap.saved > span.feedback.saved {
			z-index: 7;
		}

.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: "";
}

.multiselect.singleselect.dropdown {
	text-align: left;
}
.multiselect.singleselect.dropdown .accordion_multiselect.disable {
	background: #F3F1F3;
}
.amending .multiselect.singleselect.dropdown .accordion_multiselect.disable {
	background: #e3e1e3;
	cursor: default;
}
.multiselect.dropdown {
	position: relative;
	text-align: left;
}
.multiselect.dropdown .accordion_multiselect {
	width: 350px;
}
.old_design .wound_status .multiselect.dropdown .accordion_multiselect {
	width: 100%;
}
.wound_detail.redesign .multiselect.dropdown .accordion_multiselect {
	width: 100%;
}
.wound_paging {
	text-align: right;
}
.wound_paging .multiselect.dropdown .accordion_multiselect {
	min-width: 0;
	width: 100%;
}
.wound_detail.redesign .wound_info .wound_controls .multiselect.dropdown {
	display: inline-block;
	min-width: 150px;
}
.wound_detail.redesign .wound_info .wound_controls .multiselect.dropdown.active {
	width: 500px;
}
.wound_detail.redesign .wound_info .wound_controls .multiselect.dropdown .options {
	left: auto;
	right: 0;
	width: 500px;
}
	@media (max-width: 525px) {
		.wound_detail.redesign .wound_info .wound_controls .multiselect.dropdown.active {
			width: 400px;
		}
		.wound_detail.redesign .wound_info .wound_controls .multiselect.dropdown .options {
			width: 400px;
		}
	}
.multiselect.dropdown .options {
	line-height: 20px;
}
.triptych .multiselect.dropdown .accordion_multiselect {
    width: 100%;
}
.wound_status {
	z-index: 4;
	position: relative;
	width: 180px;
}
.triptych .wound_status {
	width: auto;
}
.wound_status .multiselect.dropdown {
	margin-top: 2px;
	text-transform: capitalize;
}
.wound_status .select_wrap {
	position: relative;
}
.wound_detail.redesign .evaluation_detail .wound_status_row .select_wrap {
	position: relative;
}
.old_design .wound_status .multiselect.dropdown .accordion_multiselect {
	min-width: 0;
}
.wound_status div.multiselect.dropdown .options {
	width: 100%;
	line-height: 20px;
	font-size: 13px;
}
.multiselect.dropdown .summary {
	margin-right: 3px;
	min-height: 34px;
	line-height: 34px;
}
.singleselect.dropdown .summary {
	min-height: 34px;
	line-height: 34px;
}
.old_design .multiselect.dropdown .summary,
.old_design .singleselect.dropdown .summary {
	min-height: auto;
	line-height: 34px;
}
.old_design .multiselect.dropdown .summary,
.old_design .singleselect.dropdown .summary {
	min-height: auto;
	line-height: 34px;
}
.multiselect.dropdown .summary .chip {
	display: inline-block;
	padding: 0 7px;
	border-radius: 8px;
	line-height: 18px;
	font-size: 12px;
	background-color: #CCDDF1;
	white-space: nowrap;
	vertical-align: middle;
}
.old_design .multiselect.dropdown .summary .chip {
	vertical-align: middle;
}
.old_design .multiselect.dropdown .summary .chip {
	vertical-align: middle;
}
.multiselect.dropdown .disable .summary .chip {
	background-color: #C7C9C7;
}
.multiselect.singleselect.dropdown .summary .chip {
	max-width: 300px;
	padding: 0;
	font-size: 14px;
	text-overflow: ellipsis;
	background-color: transparent;
	overflow: hidden;
}
	@media (max-width: 700px) {
		.multiselect.singleselect.dropdown .summary .chip {
			max-width: 200px;
		}
	}
.multiselect.dropdown .summary .chip .x {
	position: relative;
    top: 2px;
    display: inline-block;
    margin-left: 5px;
    line-height: 14px;
    font-size: 16px;
}
.multiselect.dropdown .disable .summary .chip .x {
    display: none;
}
.wound_detail .evaluation_detail .observations td div.multiselect.checkboxes div.options,
.multiselect.checkboxes .options * {
	min-height: 34px;
	vertical-align: middle;
}
.wound_detail .evaluation_detail .observations td div.multiselect.dropdown div.options,
.multiselect.dropdown .options {
	z-index: 10;
	position: absolute;
	top: calc(100% - 4px);
	left: 0;
	box-sizing: border-box;
	width: 350px;
	max-height: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
	transition: max-height .2s;
}
.multiselect.dropdown .options:empty {
	display: block;
	content: "No results";
}
.wound_detail .evaluation_detail .observations td div.multiselect.dropdown div.options.active,
.multiselect.dropdown .options.active {
	max-height: 166px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	overflow: auto;
}
.wound_detail .evaluation_detail .observations td div.multiselect.singleselect.dropdown div.options.active,
.multiselect.singleselect.dropdown .options.active {
	padding-bottom: 0;
}
.redesign .line_graph_wrapper .multiselect.singleselect.dropdown .options {
	width: 100%;
}
.multiselect .options > div {
	display: inline-block;
	margin-right: 10px;
}
.multiselect .options > div:hover {
	background-color: #E6EEF8;
	cursor: pointer;
}
.multiselect .options label {
	display: block;
}
.multiselect.dropdown .options > div:not(.wound_card) {
	display: block;
	margin-right: 0;
	padding: 0 5px;
}
.multiselect.dropdown .options > div.wound_card {
	display: block;
	padding: 0 5px;
}
.multiselect.singleselect.dropdown .options > div {
	padding-top: 2px;
	padding-bottom: 2px;
}
.multiselect.singleselect.dropdown .options > div.selected {
	background: #CCDDF1;
}
.multiselect.dropdown .options > div:last-child,
.multiselect.checkboxes .options > div:last-child {
	display: none;
}
.multiselect.dropdown.showlast .options > div:last-child,
.line_graph_wrapper .multiselect.dropdown .options > div:last-child,
.wound_status .multiselect.dropdown .options > div:last-child,
.wound_paging .multiselect.dropdown .options > div:last-child {
	display: block;
}
.multiselect.dropdown .options > div:last-child:first-child {
	display: block;
	padding: 5px 0 7px 5px;
	font-style: italic;
	opacity: .7;
}
.multiselect.dropdown .options > div:first-child {
	margin-top: 7px;
}
.multiselect.singleselect.dropdown .options > div:first-child {
	margin-top: 0;
}

.editable input[type="text"]:not(.hot_search_input),
.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;
}
.wound_detail.redesign .editable input[type="text"]:not(.hot_search_input) {
	width: 100%;
}
.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;
    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 {
	width: 230px;
    width: 100%;
}
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: 1370px) {
		.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;
}
.wound_detail .evaluation_detail .observations td div div.accordion_multiselect,
.wound_detail .evaluation_detail .observations td div div.accordion_multiselect .summary {
	padding-bottom: 0;
}
.wound_detail.old_design .evaluation_detail .observations td div div {
	padding-bottom: 0;
}
.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 h3 {
	margin: 0;
}
.notes .notes_list {
	max-height: 670px;
	margin-top: 20px;
	overflow: auto;
}
.wound_detail.redesign .notes .notes_list {
	max-height: none;
}
.notes .notes_list .note {
	margin-bottom: 20px;
	padding-right: 5px;
}
.notes .notes_list .note h4 {
	margin-bottom: 3px;
}
.notes .notes_list p {
	line-height: 20px;
	font-size: 16px;
}
.redesign .notes p {
	line-height: 18px;
	font-size: 14px;
}
.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;
}
.wound_detail.redesign .notes .note_entry {
	border-bottom: none;
}
.notes .note_entry textarea {
	height: 100px;
	text-align: left;
	transition: height .4s .5s;
}
.wound_detail.redesign .notes .note_entry textarea {
	margin-bottom: 2px;
}
.notes .note_entry textarea:focus {
	height: 230px;
	transition: height .4s;
}
.wound_detail.redesign .notes .note_entry a.btn {
	margin-top: 2px;
	margin-bottom: 2px;
}
.edit_eval_note.active {
	z-index: 1000;
}
.edit_eval_note .modal {
	top: calc(50% - 175px);
	width: min(400px, 90%);
	min-width: 400px; /* IE */
}
.edit_eval_note .modal > div.note_entry {
	padding: 0;
}
.edit_eval_note textarea {
	height: 150px;
}

.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;
	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 {
	max-width: 200px;
	padding: 7px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
    overflow: hidden;
}
.wound_detail .formularies table.data_table td.label.active {
	color: #090;
}
.wound_detail .formularies table.data_table td.label a {
	cursor: default;
}
.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;
}
.is_embedded .zoom_photo,
.is_embedded .zoom_video {
	top: 0;
}
.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;
}

.amendment_controls,
.amendment_viewer_controls,
.sign_and_lock_controls {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 72px 0 72px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	background: #f00;
	box-shadow: 0 0 1px 1px #900;
}
.amendment_controls.active,
.amendment_viewer_controls.active {
	z-index: 5;
}
.amendment_viewer_controls {
	color: #333;
	background: #ff6;
	box-shadow: 0 0 4px 1px #660;
}
.amendment_viewer_controls h2 {
	display: inline-block;
	margin: 0 15px;
	padding: 10px 0;
	line-height: 30px;
}
.amendment_controls a.btn,
.amendment_viewer_controls a.btn {
	margin: 0 15px;
}
.sign_and_lock_controls {
	background: #bcf;
	box-shadow: 0 0 4px 1px #666;
}



/*************************  wound_detail redesign   ***************************/
.wound_detail.redesign header,
.wound_detail.redesign header.expanded_patient_info {
	margin: 0 auto 10px auto;
	padding: 10px 0;
	border: none;
	border-bottom: 1px solid #ccc;
	line-height: 20px;
}
.wound_detail.redesign header.no_evaluations,
.wound_detail.redesign header.expanded_patient_info.no_evaluations {
	max-width: 1100px;
}
.wound_detail.redesign header.has_installation_menu {
	padding-top: 25px;
}
.wound_detail.redesign header h1 {
	position: relative;
	top: auto;
	left: auto;
	background: transparent;
}
.wound_detail.redesign header h1 a {
	padding: 0;
	border: none;
}
.wound_detail.redesign header .sections section.page_options {
    width: auto;
    min-width: 200px;
    max-width: 300px;
    top: -30px;
    right: 0px;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.wound_detail.redesign .sections section {
	min-height: 30px;
	min-width: auto;
	max-width: none;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	text-align: left;
	box-shadow: none;
}
.wound_detail.redesign .sections section.wound_info {
	width: 100%;
	min-height: 38px;
	margin: auto;
}
.wound_detail.redesign .sections section.wound_info.no_evaluations {
	max-width: 1100px;
}
.wound_detail.redesign .sections section .evaluation_nav {
	flex-basis: 100%;
	position: relative;
	min-height: 130px;
}
.wound_detail.redesign .sections section.wound_info.collapsed {
	height: auto;
	max-height: none;
	overflow: visible;
}
.wound_detail.redesign .sections section.notes {
	width: auto;
	margin: 10px 7px 10px 0;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
	background: transparent;
}
.wound_detail.redesign .sections section.notes h3 {
	border: none;
}
.wound_detail.redesign .wound_info {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	font-weight: 600;
}
.wound_detail.redesign .wound_info.collapsed .wound_controls,
.wound_detail.redesign .wound_info.collapsed .evaluation_nav {
	display: none;
}
.wound_detail.redesign .wound_info .wound_label .collapse_toggle {
	position: absolute;
	top: 10px;
	left: 0;
	margin-right: 10px;
	cursor: pointer;
}
.wound_detail.redesign .wound_info .wound_label .collapse_toggle.active {
	top: 3px;
}
.wound_detail.redesign .wound_info .wound_label {
	flex: 1 1 0;
	position: relative;
	min-width: 0;
	margin-bottom: 3px;
	padding: 3px 0 0 35px;
	line-height: 20px;
}
.wound_detail.redesign .wound_info > .wound_paging {
	flex: 0 0 auto;
	z-index: 6;
	padding-left: 5px;
}
	@media (max-width: 900px) {
		.wound_detail.redesign .wound_info > .wound_paging > span {
			display: block;
			padding-bottom: 5px;
			text-align: left;
		}
	}
.wound_detail.redesign .wound_info > .wound_paging .multiselect.dropdown {
	display: inline-block;
	min-width: 150px;
}
.wound_detail.redesign .wound_info > .wound_paging .multiselect.dropdown.active {
	width: 500px;
}
.wound_detail.redesign .wound_info > .wound_paging .multiselect.dropdown .options {
	left: auto;
	right: 0;
	width: 500px;
}
	@media (max-width: 525px) {
		.wound_detail.redesign .wound_info > .wound_paging .multiselect.dropdown.active {
			width: 400px;
		}
		.wound_detail.redesign .wound_info > .wound_paging .multiselect.dropdown .options {
			width: 400px;
		}
	}
.wound_detail.redesign .wound_info .wound_controls {
	z-index: 5;
	position: absolute;
	top: 35px;
	right: 0;
}
	@media (max-width: 900px) {
		.wound_detail.redesign .wound_info .wound_controls {
			top: 60px;
		}
	}
.wound_detail.redesign .wound_info .wound_controls > div {
	clear: both;
	margin-bottom: 5px;
}
.wound_detail.redesign .wound_info .wound_controls a.btn {
	width: 100%;
	margin: 0;
}
/* wound cards dropdown in wound paging */
.wound_paging .wound_cards_dropdown .summary {
	line-height: 34px;
}
.wound_paging .wound_cards_dropdown .summary .chip {
	vertical-align: middle;
}
.wound_paging .wound_cards_dropdown .options.wound_cards_options {
	width: 400px;
}
.wound_paging .wound_cards_dropdown .options.wound_cards_options.active {
	max-height: 450px;
}
.wound_paging .wound_cards_options .wound_card {
	margin: 10px;
	transition: border-color .2s, background-color .2s;
}
.wound_paging .wound_cards_options .wound_card:first-child {
	margin-top: 0;
}
.wound_paging .wound_cards_options .wound_card:hover {
	border-color: #0057B8;
	background-color: #f5f8fc;
}
.wound_paging .wound_cards_options .wound_card.active {
	border-color: #0057B8;
	background-color: #E6EEF8;
}
.wound_detail.redesign .wound_info .wound_paging .position_box {
	display: inline-block;
	height: 24px;
	border: 1px solid #ccc;
	line-height: 24px;
}
.wound_detail.redesign .wound_info .wound_paging .position_box span {
	display: inline-block;
	height: 24px;
	min-width: 24px;
	text-align: center;
	cursor: pointer;
}
.wound_detail.redesign .wound_info .wound_paging .position_box span:first-child {
	padding-left: 4px;
	border-right: 1px solid #ccc;
}
.wound_detail.redesign .wound_info .wound_paging .position_box span:last-child {
	padding-right: 4px;
	border-left: 1px solid #ccc;
}
.wound_detail.redesign .wound_info .wound_paging .position_box span a.accordion_arrow {
	top: 0;
	width: 8px;
	height: 8px;
	margin: 0;
	border-color: #ccc;
	transition: border-color .4s;
}
.wound_detail.redesign .wound_info .wound_paging .position_box span:hover a.accordion_arrow {
	border-color: #999;
}
.wound_detail.redesign .wound_info .wound_paging .position_box span:first-child a.accordion_arrow {
	transform: rotate(225deg);
}
.wound_detail.redesign .wound_info .wound_paging .position_box span:last-child a.accordion_arrow {
	transform: rotate(45deg);
}
.wound_detail.redesign .wound_info .wound_status {
	width: 100%;
	margin-bottom: 15px;
}
.wound_detail.redesign .wound_info .wound_history,
.wound_detail.redesign .wound_info .patient_communication {
	float: right;
	margin-bottom: 5px;
	font-weight: 400;
    color: #0057B8;
    text-decoration: underline;
}
.wound_detail.redesign .wound_info .toggles {
	clear: both;
}
.wound_detail.redesign .wound_info a.btn.archive {
	position: relative;
	bottom: auto;
	right: auto;
	width: 100%;
	margin-top: 20px;
}
.wound_detail.redesign .sections section.wound_info div.model_wrapper {
	position: relative;
	top: 6px;
	left: auto;
	float: none;
	min-height: auto;
	width: auto;
	margin: 0;
}
.wound_detail.redesign .sections section.wound_info .wound_card div.model_wrapper {
	min-width: 50px;
	text-align: center;
}
.wound_detail.redesign .evaluation_nav .model img {
	height: 100px;
}
.wound_detail.redesign .model .wrench {
	top: 0;
	left: 0;
}
.wound_detail .zoombox {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin: 33px 20px 25px 0;
	border-radius: 3px;
	background-color: #061160;
	cursor: pointer;
}
.wound_detail .zoombox:hover {
	background-color: #364190;
}
.wound_detail .zoombox::before {
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	content: "";
	width: 30px;
	height: 30px;
	border: solid 2px #fff;
	border-radius: 3px;
}
.wound_detail .zoombox::after {
	position: absolute;
	top: 9px;
	left: 9px;
	display: block;
	content: "";
	width: 32px;
	height: 32px;
	background: #061160;
	transform-origin: center;
	transform: rotate(45deg);
}
.wound_detail .zoombox:hover::after {
	background-color: #364190;
}
.wound_detail .evaluation_nav .evaluation_filmstrip {
	position: absolute;
	top: 5px;
	left: 70px;
	right: 0;
}
.wound_detail .evaluation_nav.has_homunculi .evaluation_filmstrip {
	left: 142px;
}
.wound_detail .evaluation_nav.has_homunculi.model_1 .evaluation_filmstrip,
.wound_detail .evaluation_nav.has_homunculi.model_2 .evaluation_filmstrip { /* 42 */
	left: 136px;
}
.wound_detail .evaluation_nav.has_homunculi.model_3 .evaluation_filmstrip,
.wound_detail .evaluation_nav.has_homunculi.model_4 .evaluation_filmstrip { /* 19 */
	left: 113px;
}
.wound_detail .evaluation_nav.has_homunculi.model_5 .evaluation_filmstrip,
.wound_detail .evaluation_nav.has_homunculi.model_7 .evaluation_filmstrip { /* 95 */
	left: 189px;
}
.wound_detail .evaluation_nav.has_homunculi.model_6 .evaluation_filmstrip,
.wound_detail .evaluation_nav.has_homunculi.model_8 .evaluation_filmstrip { /* 74 */
	left: 168px;
}
.wound_detail .evaluation_nav.has_homunculi.model_9 .evaluation_filmstrip,
.wound_detail .evaluation_nav.has_homunculi.model_10 .evaluation_filmstrip { /* 36 */
	left: 130px;
}
.wound_detail .evaluation_nav.has_homunculi.model_11 .evaluation_filmstrip,
.wound_detail .evaluation_nav.has_homunculi.model_12 .evaluation_filmstrip { /* 48 */
	left: 142px;
}
.wound_detail .evaluation_nav.has_wound_status .evaluation_filmstrip {
	right: 235px;
}

.wound_detail.redesign .evaluation_filmstrip .slider {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 0 4px 7px 4px;
	white-space: nowrap;
	word-spacing: 10px;
	overflow: hidden;
	overflow-x: auto;
}
@media print {
	.wound_detail.redesign .evaluation_filmstrip .slider {
		padding: 0 10px;
	}
}
.wound_detail.redesign .evaluation_filmstrip span {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}
.wound_detail.redesign .evaluation_filmstrip span .cw {
	display: block;
	z-index: 2;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 12px;
	width: auto;
	padding: 1px;
	line-height: 12px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #000;
}
.wound_detail.redesign .evaluation_filmstrip span .pd {
	display: block;
	z-index: 2;
	position: absolute;
	top: 13px;
	right: 0;
	height: 12px;
	width: auto;
	padding: 1px;
	line-height: 12px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #000;
}
.wound_detail.redesign .evaluation_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.redesign .evaluation_filmstrip span.active::after {
	z-index: -1;
	opacity: 1;
}
.wound_detail.redesign .evaluation_filmstrip span.archived::after {
	opacity: 0;
}
.wound_detail.redesign .evaluation_filmstrip h4 {
	margin-bottom: 3px;
	line-height: 1.2em;
	font-size: 12px;
	transition: font-weight .4s;
}
.wound_detail.redesign .evaluation_filmstrip .active h4 {
	font-weight: 700;
}
.wound_detail.redesign .square_thumb {
	width: 80px;
	height: 80px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}
.wound_detail.redesign .full_thumb {
	display: inline-block;
	height: 80px;
	overflow: hidden;
}
.wound_detail.redesign .full_thumb img {
	display: block;
	height: 80px;
	width: auto;
}
.wound_detail.redesign .full_thumb img[src$="_thumbnail.png"] {
	margin:0 -6px;
	overflow: hidden;
}
.wound_detail.redesign .evaluation_filmstrip .active .square_thumb,
.wound_detail.redesign .evaluation_filmstrip .active .full_thumb {
	box-shadow: 0 0 0 4px #000;
}
.wound_detail.redesign .evaluation_filmstrip .square_thumb,
.wound_detail.redesign .evaluation_filmstrip .full_thumb {
	position: relative;
	width: 80px;
	background-color: #eee;
	transition: box-shadow .4s, height .2s;
}
.wound_detail.redesign .evaluation_filmstrip .full_thumb {
	width: auto;
}
.wound_detail.redesign .evaluation_filmstrip .pinned .square_thumb,
.wound_detail.redesign .evaluation_filmstrip .pinned .full_thumb {
	box-shadow: 0 0 0 5px #1e5799;
}
.wound_detail.redesign .evaluation_filmstrip .archived .square_thumb,
.wound_detail.redesign .evaluation_filmstrip .archived .full_thumb {
	box-shadow: 0 0 0 5px #c00;
	opacity: .5;
}
@media (max-width: 750px) {
	.wound_detail .evaluation_nav.has_homunculi .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_1 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_2 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_3 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_4 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_5 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_7 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_6 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_8 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_9 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_10 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_11 .evaluation_filmstrip,
	.wound_detail .evaluation_nav.has_homunculi.model_12 .evaluation_filmstrip,
	.wound_detail.redesign .evaluation_nav .evaluation_filmstrip {
		position: relative;
		top: 0;
		left: auto;
		right: auto;
		margin-bottom: 20px;
	}
}
.modal_pagecover .modal.wound_history_modal {
	top: 10px;
	max-width: none;
	width: 95%;
	text-align: left;
}
.modal_pagecover .modal.patient_communication_modal {
	box-sizing: border-box;
	top: 90px;
	max-width: none;
	width: 50%;
	min-width: 400px;
	max-height: calc(100% - 160px);
	min-height: 300px;
	text-align: left;
	overflow: auto;
}
.modal_pagecover .modal.patient_communication_modal .note_entry {
	text-align: right;
}
.modal_pagecover .modal.patient_communication_modal .note_entry textarea {
	height: 67px;
}
.modal_pagecover .modal.patient_communication_modal .note_entry .btn {
	margin: 0 0 10px 0;
}
.modal_pagecover .modal.patient_communication_modal .notes_list {
	
}
.modal_pagecover .modal.patient_communication_modal .notes_list p {
	margin-top: 3px;
	line-height: 18px;
	font-size: 14px;
	overflow-x: auto;
	overflow-y: hidden;
}
.modal_pagecover .modal.patient_communication_modal .notes_list p .linkify {
	white-space: pre-wrap;
}
.wound_detail.redesign .sections section.evaluation_detail h2:first-child:not(.new_template_evaluation_nav) {
	position: relative;
	padding: 0;
	text-align: left;
}
.wound_detail.redesign .modal_pagecover {
	top: 50px;
}
.is_embedded:not(.use_default_wound_page_redesign_when_embedded) .wound_detail.redesign .modal_pagecover {
	top: 0;
}
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal {
	top: calc(5% + 50px);
	max-height: 80%;
	width: 400px;
	min-width: 0;
    max-width: none;
	text-align: left;
}
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal h1 {
	text-transform: capitalize;
}
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal input[type="text"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal .calendar_input input[type="text"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal input[type="email"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal input[type="password"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal input[type="number"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal input[type="date"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal input[type="range"], 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal textarea, 
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal select {
	margin-top: 0;
}
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal .btn_row {
	display: block;
	text-align: right;
}
.wound_detail.redesign .modal_pagecover .modal.wound_edit_modal .btn_row .btn.danger {
	float: left;
}
.wound_detail .modal_pagecover.carousel {
	background: #000;
}
.wound_detail .carousel .close {
	position: absolute;
	top: 50px;
	right: 50px;
}
.wound_detail .carousel .accordion_arrow {
	position: absolute;
	top: calc(50% - 43px);
	height: 60px;
	width: 60px;
	border-color: #fff;
	border-width: 5px;
	opacity: 0;
	transition: opacity .4s;
}
.wound_detail .carousel .accordion_arrow.active {
	opacity: .25;
}
.wound_detail .carousel .accordion_arrow.active:hover {
	opacity: .75;
}
.wound_detail .carousel .left {
	left: 25px;
	transform: rotate(225deg);
}
.wound_detail .carousel .right {
	right: 25px;
	transform: rotate(45deg);
}
.mobile_view .wound_detail.redesign .evaluation_filmstrip.carousel .slider_wrapper .slider {
	overflow: auto;
}
.mobile_view .wound_detail.redesign .evaluation_filmstrip.carousel .slider_wrapper .slider span {
	display: block;
}
.wound_detail.redesign .evaluation_filmstrip.carousel .slider_wrapper {
	position: absolute;
	top: 75px;
	bottom: 75px;
	left: 75px;
	right: 75px;
}
.mobile_view .wound_detail.redesign .evaluation_filmstrip.carousel .slider_wrapper {
	position: absolute;
	top: 55px;
	bottom: 0;
	left: 0;
	right: 0;
}
.wound_detail .carousel .fade {
	z-index: 5;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100px;
}
.mobile_view .wound_detail .carousel .fade {
	display: none;
}
.wound_detail .carousel .fade_left {
	left: 0;
	background: linear-gradient(90deg, #000, transparent);
}
.wound_detail .carousel .fade_right {
	right: 0;
	background: linear-gradient(90deg, transparent, #000);
}
.wound_detail.redesign .evaluation_filmstrip.carousel .slider,
.wound_detail.redesign .evaluation_filmstrip.carousel .slider span {
	height: 100%;
	/* overflow: hidden; */
}
.wound_detail.redesign .evaluation_filmstrip.carousel h4 {
	color: #fff;
}
.wound_detail.redesign .evaluation_filmstrip.carousel img {
	height: 90%;
	width: auto;
	margin-top: 5%;
	transition: margin-top .4s, height .4s;
}
.wound_detail.redesign .evaluation_filmstrip.carousel .active img {
	height: 100%;
	margin-top: 0;
}
.mobile_view .wound_detail.redesign .evaluation_filmstrip.carousel img {
	height: 90%;;
	margin-top: 5%;
}

/*************************  patient_detail   ***************************/
.patient_detail {
	padding-bottom: 50px;
	text-align: center;
}
.patient_detail .btn_row .toggles {
	float: right;
	min-height: 23px;
	padding-top: 15px;
	line-height: 25px;
}
.patient_detail .btn_row .toggles label {
	display: block;
}
.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;
}
.modal_pagecover .modal.facilities_selector_modal {
	top: 75px;
	max-height: calc(100% - 200px);
	width: 50%;
	min-width: 400px;
    max-width: none;
}
.modal_pagecover .modal.facilities_selector_modal .scroller .departments {
	margin-bottom: 15px;
}
.modal_pagecover .modal.facilities_selector_modal .scroller .departments > div {
	display: inline-block;
	margin-right: 30px;
}


/*************************  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;
}
.wound_detail .user_tracy.new_user_tracy .img_wrapper {
	height: 100%;
	vertical-align: top;
}
.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.old_user_tracy .img_wrapper,
	.tracy.old_user_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_trace_wrapper.hidden,
.tracy .img_wrapper #tracy_analysis_wrapper.hidden {
	z-index: -4;
	opacity: 0;
	pointer-events: none;
}
.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 .trace_origin {
	display: none;
	z-index: 1;
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color: #5071cc;
	transform:translate(-5px, -5px);
}
.tracy .img_wrapper #tracy_trace_wrapper .trace_origin.active {
	display: block;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas {
	z-index: 2;
	cursor: crosshair;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.closing_shape {
	cursor: url(../../app/img/cursor_close_shape.png) 13 13, all-scroll;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.shape_closed {
	cursor: auto;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.zoom_in {
	cursor: zoom-in;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.zoom_out {
	cursor: zoom-out;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.pan {
	cursor: grab;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.panning {
	cursor: grabbing;
}
.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.hover_canvas {
	z-index: 1;
}
.tracy .img_wrapper #tracy_trace_wrapper canvas.out_of_bounds {
	cursor: auto;
}
.tracy .img_wrapper #tracy_trace_wrapper #close_shape_handle {
	z-index: 20;
	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;
}

/* new_user_tracy */
.wound_detail .user_tracy.new_user_tracy {
	top: 90px;
	bottom: 55px;
	left: 0;
	right: 0;
	padding: 0;
}
.is_embedded .wound_detail .user_tracy.new_user_tracy {
	top: 40px;
}
.wound_detail .user_tracy.new_user_tracy header {
	position: absolute;
	top: -43px;
	left: 20px;
	right: 20px;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
.wound_detail .user_tracy.new_user_tracy header h2 {
	margin: 0;
	text-align: left;
}
.wound_detail .user_tracy.new_user_tracy footer {
	z-index: 5;
	position: absolute;
	bottom: -55px;
	left: 0;
	right: 0;
	padding: 5px 85px;
	text-align: right;
	box-shadow: 0 0 3px 3px #ccc;
}
.is_embedded .wound_detail .user_tracy.new_user_tracy footer {
	bottom: auto;
	padding: 10px 0 0 0;
	text-align: center;
	box-shadow: none;
}
.wound_detail .user_tracy.new_user_tracy footer a.btn {
	margin: 0 5px;
}
.wound_detail .user_tracy.new_user_tracy .toolbar {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	width: 80px;
	margin-left: -5px;
	padding-top: 20px;
	border: 1px solid #ccc;
	border-radius: 0 5px 5px 0;
	vertical-align: top;
	text-align: center;
	background: #fff;
}
.wound_detail .user_tracy.new_user_tracy .toolbar select {
	height: 30px;
	width: 90%;
	margin: 0 0 20px 0;
	padding: 0 2px;
	font-size: 13px;
	font-weight: 700;
	text-transform: lowercase;
	transition: none;

	color: #ccc;
	border-color: #ccc;
}
.wound_detail .user_tracy.new_user_tracy .toolbar select option {
	font-size: 15px;
	font-weight: 700;
}
.wound_detail .user_tracy.new_user_tracy .toolbar select.active.red,
.wound_detail .user_tracy.new_user_tracy .toolbar select option[value="red"] { color: #db1c24; border-color: #db1c24; background-color: #fbe8e9; }
.wound_detail .user_tracy.new_user_tracy .toolbar select.active.black,
.wound_detail .user_tracy.new_user_tracy .toolbar select option[value="black"] { color: #000; border-color: #000; background-color: #e5e5e5; }
.wound_detail .user_tracy.new_user_tracy .toolbar select.active.yellow,
.wound_detail .user_tracy.new_user_tracy .toolbar select option[value="yellow"] { color: #edc951; border-color: #edc951; background-color: #fdf9ed; }
.wound_detail .user_tracy.new_user_tracy .toolbar select.active.other,
.wound_detail .user_tracy.new_user_tracy .toolbar select option[value="other"] { color: #2db93e; border-color: #2db93e; background-color: #eaf8eb; }
.wound_detail .user_tracy.new_user_tracy .toolbar select.active.pink,
.wound_detail .user_tracy.new_user_tracy .toolbar select option[value="pink"] { color: #f6c; border-color: #f6c; background-color: #ffeffa; }

.wound_detail .user_tracy.new_user_tracy .toolbar > a:not(.toggle_btn) {
	display: block;
	min-height: 30px;
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 14px;
	text-align: center;
	color: #9FA19F;
}
.wound_detail .user_tracy.new_user_tracy .toolbar > a.has_select {
	margin-bottom: 0;
}
.wound_detail .user_tracy.new_user_tracy .toolbar:not(.zeroOutMeasurements) > a.active,
.wound_detail .user_tracy.new_user_tracy .toolbar:not(.zeroOutMeasurements) > a:hover {
	color: #4D89CD;
}
.wound_detail .user_tracy.new_user_tracy .toolbar > a svg {
	height: 30px;
	width: 30px;
}
.wound_detail .user_tracy.new_user_tracy .toolbar a.help {
	position: absolute;
	bottom: 0;
	left: 0;
}
.wound_detail .user_tracy.new_user_tracy .toolbar .bordered {
	display: block;
	margin: 10px;
	padding: 20px 0 10px 0;
	border-top: 1px solid #ccc;
}
.is_embedded .wound_detail .user_tracy.new_user_tracy .toolbar .bordered {
	padding: 10px 0 0 0;
}

.wound_detail .user_tracy.new_user_tracy .instructions {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	max-height: 100%;
	width: 350px;
	margin: 0 0 3px -380px;
	padding: 0 15px;
	border: 1px solid #ccc;
	background: #fff;
	vertical-align: bottom;
	opacity: 0;
	
	transition: margin-left .4s, opacity .4s;
}
.wound_detail .user_tracy.new_user_tracy .instructions.active {
	margin-left: 10px;
	opacity: 1;
}
.wound_detail .user_tracy.new_user_tracy .instructions.overlay.active {
	z-index: 4;
	margin: 0 0 10px -380px;
	opacity: 1;
	transform: translate(-60px, 0px);
}
.wound_detail .user_tracy.new_user_tracy .instructions::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 29px;
	left: -9px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
	transform-origin: center;
	transform: rotate(-45deg);
}
.wound_detail .user_tracy.new_user_tracy .instructions.overlay::after {
	bottom: 21px;
	left: auto;
	right: -9px;
	transform: rotate(135deg);
}
.wound_detail .user_tracy.new_user_tracy .instructions p {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	color: #333;
}

/*************************  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.new {
	top: 20px;
	right: 20px;
	border: none;
	border-radius: 0;
	background-size: 100%;
}
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: 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:not(.tools) 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 select {
	width: auto;
}
.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 .accordion div > div label.active_toggle {
	float: right;
	min-width: 33px;
	text-align: center;
}
.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.child_lists tr.children .accordion.child_etiologies .new_button {
	text-align: center;
}
.page_table table.display.child_lists tr.children .accordion.child_etiologies .new_button a.btn {
	margin-right: 116px;
}
.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 {
	position: relative;
	width: 50px;
	text-align: right;
}
.page_table table.display tr td.thumb.add_new_photo {
	text-align: center;
}
.page_table table.display tr td.thumb .round_thumb {
	margin-right: 0;
}
.page_table table.display tr.archived td.thumb .round_thumb {
	opacity: .5;
}
.page_table table.display tr.archived td.thumb .round_thumb::before {
	display: block;
	content: "";
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 20px;
	width: 20px;
	margin: 10px 0 0 -30px;
	background: url(../../app/img/icon_trash.png) no-repeat center;
	background-size: contain;
}
.page_table table.display tr.archived td.archived {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	color: #c00;
}
.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;
	padding: 2px 0;
	box-shadow: none;
}
.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 h2.users_options,
.admin h2.device_options,
.admin h2.patient_options {
	text-align: left;
}
.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 .neutral_tabs .tab_content .no_data {
	padding: 0 20px 20px 20px;
}
.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;
	user-select: none;
	-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;
	}
}


/*************************  reporting   ***************************/
.reporting table.display a {
	color: #364fa1;
}
.reporting table.nhsg a.btn {
	text-transform: capitalize;
}
.reporting .paging {
	position: absolute;
	top: 0;
	right: 10px;
}
.reporting .paging span {
	margin-left: 15px;
}
.reporting .paging select {
	width: auto;
	margin: 0;
}
.reporting .paging a {
	opacity: .5;
	transition: opacity .4s;
}
.reporting .paging a.active {
	opacity: 1;
}
.reporting .paging a.previous {
	margin-left: 15px;
}
.reporting .paging .arrow.active:hover::before,
.reporting .paging .arrow.active:hover::after {
	border-width: 2px;
}


/*************************  data_extract_modal  ***************************/
.data_extract_modal_bg {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
	opacity: .4;
}
.data_extract_modal {
	z-index: 3;
	position: absolute;
	top: 5%;
	bottom: 10%;
	left: 20%;
	right: 20%;
	background: #fff;
}
.data_extract_modal .data_extract_parameters {
	position: absolute;
	top: 65px;
	bottom: 65px;
	left: 20px;
	right: 20px;
	padding: 10px 20px 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: auto;
}
.data_extract_modal .btn_row {
	position: absolute;
	bottom: 10px;
	right: 20px;
}
.data_extract_modal h2 {
	margin: 0 0 20px 0;
	padding: 20px;
}
.data_extract_modal fieldset {
	display: block;
	width: auto;
	margin: 0 0 20px 0;
}
.data_extract_modal fieldset > span a.btn {
	margin: 0 0 0 10px;
}
.data_extract_modal fieldset > span {
	display: block;
	padding-bottom: 5px;
	font-weight: 700;
	font-size: 1.2em;
}
.data_extract_modal fieldset input {
	margin: 0;
}
.data_extract_modal fieldset input[type="text"] {
	width: 350px;
}
.data_extract_modal fieldset label {
	margin: 0;
	line-height: 24px;
}
.data_extract_modal .custom_dates > span {
	display: inline-block;
	min-width: 80px;
	padding-left: 20px;
}
.data_extract_modal .facility {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #ccc;
	line-height: 24px;
	font-size: 1.1em;
	font-weight: 600;
	cursor: pointer;
}
.data_extract_modal .facility a.btn {
	float: right;
	margin: 0;
}
.data_extract_modal .accordion_arrow {
	margin-right: 5px;
}
.data_extract_modal .accordion {
	padding: 0 10px;
	overflow: hidden;
	transition: max-height .4s;
}


/*************************  data_extract  ***************************/
.data_extract {
	position: relative;
}
.data_extract header {
	padding-bottom: 10px;
}
.data_extract header h2 {
	margin: 0;
}
.data_extract header a.btn {
	position: absolute;
	bottom: 16px;
	right: 0;
	margin: 0;
}
.data_extract table.display {
	width: 100%;
}
.data_extract table.display th {
	border-bottom: 1px solid #ccc;
	line-height: 30px;
}
.data_extract table.display th,
.data_extract table.display td {
	width: 150px;
}
.data_extract table.display th:nth-child(1),
.data_extract table.display td:nth-child(1) {
	width: 250px;
}
.data_extract table.display th:nth-child(2),
.data_extract table.display td:nth-child(2) {
	width: 80px;
}
.data_extract table.display th:nth-child(3),
.data_extract table.display td:nth-child(3) {
	width: 150px;
}
.data_extract table.display th:nth-child(4),
.data_extract table.display td:nth-child(4) {
	width: 180px;
}
.data_extract table.display th:nth-child(5),
.data_extract table.display td:nth-child(5) {
	width: 120px;
}
.data_extract table.display th:nth-child(6),
.data_extract table.display td:nth-child(6) {
	width: 60px;
}
.data_extract table.display th:nth-child(7),
.data_extract table.display td:nth-child(7) {
	width: 130px;
}
.data_extract table.display td.no_data {
	line-height: 50px;
	font-size: 20px;
	text-align: center;
}
.data_extract table.display a.tooltip_only {
	cursor: help;
}
.data_extract table.display a.btn {
	margin: 0;
}
.data_extract table.display .report_status {
	text-align: center;
}
.data_extract table.display .report_status span.status {
	display: inline-block;
	line-height: 36px;
	text-transform: capitalize;
	font-style: italic;
	color: #666;
}


/*************************  on_demand_reporting_report (slide-out filters + table)  ***************************/
.page_content.full_width > .on_demand_reporting_report {
	display: flex;
	padding: 15px 25px 0;
}
@media (max-width: 960px) {
	.page_content.full_width > .on_demand_reporting_report {
		padding: 0;
	}
}
.on_demand_reporting_report .dcr_header {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding-bottom: 10px;
}
.on_demand_reporting_report .dcr_header h1 {
	margin: 0;
	border: none;
	white-space: nowrap;
	line-height: 36px;
}
.on_demand_reporting_report .dcr_header_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}
.on_demand_reporting_report .dcr_header_actions .btn {
	margin: 0;
	white-space: nowrap;
}
.on_demand_reporting_report .dcr_filter_toggle {
	position: relative;
}
.on_demand_reporting_report .dcr_filter_toggle.active {
	background: #0057B8;
	border-color: #0057B8;
}
.on_demand_reporting_report .dcr_filter_icon {
	margin-right: 5px;
}
.on_demand_reporting_report .dcr_filter_badge {
	display: inline-block;
	min-width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	margin-left: 6px;
	border-radius: 9px;
	background: #D64220;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	text-align: center;
}
.on_demand_reporting_report .dcr_content {
	flex: 1;
	min-width: 0;
	overflow: hidden;
}
.on_demand_reporting_report .dcr_filter_panel {
	box-sizing: border-box;
	width: 0;
	min-width: 0;
	height: 0;
	padding: 0;
	margin-right: 0;
	border-right: none;
	overflow: hidden;

	transition: width .3s ease, min-width .3s ease, margin .3s ease, padding .3s ease;
}
.on_demand_reporting_report .dcr_filter_panel.open {
	position: sticky;
	top: 55px;
	width: 280px;
	min-width: 280px;
	height: calc(100vh - 55px);
	margin-right: 20px;
	padding: 0;
	overflow: hidden;
}
.on_demand_reporting_report .dcr_filter_panel_inner {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 280px;
	height: 100%;
	border-right: 1px solid #ddd;
	background: #f5f6f7;
}
.on_demand_reporting_report .dcr_filter_panel_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 15px 0 15px;
	margin-bottom: 15px;
	flex-shrink: 0;
}
.on_demand_reporting_report .dcr_filter_panel_header h2 {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	color: #333F48;
}
.on_demand_reporting_report .dcr_filter_close {
	font-size: 22px;
	color: #333F48;
	cursor: pointer;
	line-height: 1;
	text-decoration: none;
}
.on_demand_reporting_report .dcr_filter_close:hover {
	color: #D64220;
}
.on_demand_reporting_report .dcr_filter_scroll {
	flex: 1;
	overflow-y: auto;
	padding: 0 15px;
	min-height: 0;
}
.on_demand_reporting_report .dcr_filter_group {
	margin-bottom: 15px;
}
.on_demand_reporting_report .dcr_filter_group label {
	display: block;
	margin-bottom: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #333F48;
}
.on_demand_reporting_report .dcr_filter_group input[type="text"],
.on_demand_reporting_report .dcr_filter_group input[type="number"],
.on_demand_reporting_report .dcr_filter_group input[type="date"],
.on_demand_reporting_report .dcr_filter_group select {
	width: 100%;
	height: 32px;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
    line-height: 32px;
	font-size: 14px;
}
.on_demand_reporting_report .dcr_filter_group input[type="number"] {
	width: 75px;
}
.on_demand_reporting_report .dcr_filter_group select.dcr_inline_select_auto {
	width: auto;
	padding: 0 8px;
}

/* dual-handle range slider */
.on_demand_reporting_report .dcr_range_slider {
	padding: 2px 0 0;
}
.on_demand_reporting_report .dcr_range_inputs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;

	margin-bottom: 2px;
}
.on_demand_reporting_report .dcr_range_inputs span {
	line-height: 20px;
	font-size: 13px;

	color: #999;
}
.on_demand_reporting_report .dcr_range_input {
	width: 70px;
	padding: 3px 6px;

	border: 1px solid #ccc;
	border-radius: 3px;

	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	text-align: center;

	color: #333F48;
}
.on_demand_reporting_report .dcr_range_input.inactive {
	border-color: #e0e0e0;

	font-weight: 400;

	color: #999;
}
.on_demand_reporting_report .dcr_range_input:focus {
	border-color: #0057B8;
	outline: none;
}
.on_demand_reporting_report .dcr_range_input::-webkit-inner-spin-button,
.on_demand_reporting_report .dcr_range_input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.on_demand_reporting_report .dcr_range_input {
	-moz-appearance: textfield;
}
.on_demand_reporting_report .dcr_range_track_wrap {
	position: relative;

	height: 32px;
	padding: 0 4px;
}
.on_demand_reporting_report .dcr_range_track_bg {
	position: absolute;
	top: 50%;
	left: 4px;
	right: 4px;

	height: 4px;
	margin-top: -2px;

	border-radius: 2px;

	background: #ddd;
}
.on_demand_reporting_report .dcr_range_fill {
	position: absolute;
	top: 50%;

	height: 4px;
	margin-top: -2px;

	border-radius: 2px;

	background: #0057B8;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"] {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;

	background: transparent;

	-webkit-appearance: none;
	pointer-events: none;
	outline: none;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-webkit-slider-runnable-track {
	height: 4px;

	background: transparent;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-webkit-slider-thumb {
	width: 18px;
	height: 18px;
	margin-top: -7px;

	border: 2px solid #0057B8;
	border-radius: 50%;

	background: #fff;

	cursor: pointer;
	pointer-events: all;

	-webkit-appearance: none;

	transition: border-color .15s;
}
.on_demand_reporting_report .dcr_range_track_wrap.lower_at_min .dcr_range_lower::-webkit-slider-thumb {
	border-color: #ccc;
	border-style: solid;
}
.on_demand_reporting_report .dcr_range_track_wrap.upper_at_max .dcr_range_upper::-webkit-slider-thumb {
	border-color: #ccc;
	border-style: solid;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-moz-range-track {
	height: 4px;

	border: none;

	background: transparent;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-moz-range-thumb {
	width: 14px;
	height: 14px;

	border: 2px solid #0057B8;
	border-radius: 50%;

	background: #fff;

	cursor: pointer;
	pointer-events: all;

	transition: border-color .15s;
}
.on_demand_reporting_report .dcr_range_track_wrap.lower_at_min .dcr_range_lower::-moz-range-thumb {
	border-color: #ccc;
	border-style: solid;
}
.on_demand_reporting_report .dcr_range_track_wrap.upper_at_max .dcr_range_upper::-moz-range-thumb {
	border-color: #ccc;
	border-style: solid;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-ms-track {
	height: 4px;

	border: none;

	color: transparent;
	background: transparent;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-ms-fill-lower,
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-ms-fill-upper {
	background: transparent;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-ms-thumb {
	width: 18px;
	height: 18px;

	border: 2px solid #0057B8;
	border-radius: 50%;

	background: #fff;

	cursor: pointer;
}
.on_demand_reporting_report .dcr_range_track_wrap.lower_at_min .dcr_range_lower::-ms-thumb {
	border-color: #ccc;
	border-style: solid;
}
.on_demand_reporting_report .dcr_range_track_wrap.upper_at_max .dcr_range_upper::-ms-thumb {
	border-color: #ccc;
	border-style: solid;
}
.on_demand_reporting_report .dcr_range_track_wrap input[type="range"]::-ms-tooltip {
	display: none;
}
.on_demand_reporting_report .dcr_range_limits {
	display: flex;
	justify-content: space-between;

	line-height: 16px;
	font-size: 11px;

	color: #999;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown {
	position: relative;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .accordion_multiselect {
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	min-height: 36px;
	padding: 3px 24px 3px 6px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fff;
	cursor: pointer;
	position: relative;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .summary {
	min-height: 22px;
	line-height: 22px;
	margin-right: 0;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .summary:empty::after {
	content: 'All';
	color: #999;
	font-size: 14px;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .summary .chip {
	display: inline-block;
	padding: 1px 6px;
	margin: 1px 3px 1px 0;
	border-radius: 8px;
	line-height: 17px;
	font-size: 12px;
	background-color: #CCDDF1;
	white-space: nowrap;
	vertical-align: middle;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .summary .chip .x:hover {
	color: #D64220;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options {
	z-index: 10;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	max-height: 0;
	padding: 0;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
	transition: max-height .2s;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options.active {
	max-height: 200px;
	padding-bottom: 3px;
	border-bottom: 1px solid #ccc;
	overflow: auto;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options > div {
	display: block;
	margin: 0;
	padding: 4px 6px;
	cursor: pointer;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options > div:hover {
	background-color: #E6EEF8;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options > div.active {
	background-color: #D0E2F4;
	font-weight: 600;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options .cb_label {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 3px 0;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options .cb_label input[type="checkbox"] {
	margin: 0;
	width: auto;
}
.on_demand_reporting_report .dcr_filter_group .dcr_custom_days {
	margin-top: 8px;
}
.on_demand_reporting_report .dcr_filter_group .dcr_custom_days input[type="number"] {
	width: 100%;
	box-sizing: border-box;
}
.on_demand_reporting_report .dcr_filter_group .dcr_inline_input {
	padding: 4px 0 4px 24px;
}
.on_demand_reporting_report .dcr_filter_group .dcr_inline_input input {
	width: 100%;
	box-sizing: border-box;
	margin-left: 0;
}
.on_demand_reporting_report .dcr_filter_group .dcr_inline_input .calendar_input_display_wrapper {
	width: 100%;
	line-height: normal;
}
.on_demand_reporting_report .dcr_filter_group .dcr_inline_input .calendar_input_display {
	box-sizing: border-box;
	width: 100%;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options > div.dcr_inline_row {
	display: flex;
	align-items: center;
	gap: 6px;
}
.on_demand_reporting_report .dcr_filter_group .multiselect.dropdown .options > div.dcr_inline_row .dcr_inline_input {
	display: flex;
	align-items: center;
	margin-left: 0;
	padding: 0;
}
.on_demand_reporting_report .dcr_filter_group .options .dcr_inline_number {
	box-sizing: border-box;
	margin-left: 0;
}
.on_demand_reporting_report .dcr_filter_group .options .dcr_inline_date {
	width: 140px;
	box-sizing: border-box;
	margin-left: auto;
}
.on_demand_reporting_report .dcr_filter_group .dcr_inline_date_range {
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.on_demand_reporting_report .dcr_filter_actions {
	padding: 10px 15px 15px 15px;
	border-top: 1px solid #ddd;
	flex-shrink: 0;
}
.on_demand_reporting_report .dcr_filter_actions .btn {
	display: block;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 8px;
}
.on_demand_reporting_report .dcr_filter_actions .btn:last-child {
	margin-bottom: 0;
}
.on_demand_reporting_report .dcr_filter_actions .btn.disabled {
	opacity: 0.4;
	pointer-events: none;
	cursor: default;
}
.on_demand_reporting_report .dcr_table_area {
	flex: 1;
	min-width: 0;
	overflow: auto;
}
.on_demand_reporting_report .dcr_result_summary {
	margin-bottom: 10px;
	font-size: 14px;
	color: #666;
}
@media (max-width: 720px) {
	.on_demand_reporting_report .dcr_header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.on_demand_reporting_report .dcr_filter_panel.open {
		width: 240px;
		min-width: 240px;
	}
	.on_demand_reporting_report .dcr_filter_panel_inner {
		width: 240px;
	}
}

/*************************  on_demand_reporting   ***************************/
.on_demand_reporting a.new_report {
	float: right;
	margin: -5px 0 0 0;
}
.on_demand_reporting h1 {
	display: block;
	border-bottom: 1px solid #ccc;
	line-height: 36px;
}
.on_demand_reporting .report_columns_section h1 {
	margin-bottom: 0;
	border-bottom: none;
}
.on_demand_reporting h2 {
	margin: 0 0 10px 0;
}
.on_demand_reporting .on_demand_reporting_reports {
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
.on_demand_reporting .on_demand_reporting_reports .on_demand_reporting_column {
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
}
.on_demand_reporting .on_demand_reporting_reports .on_demand_reporting_report_link_list {
	margin-bottom: 30px;
}
.on_demand_reporting .on_demand_reporting_reports .on_demand_reporting_report_link_list > div {
	margin-bottom: 15px;
}
.on_demand_reporting .on_demand_reporting_reports .report_link_row {
	display: flex;
	align-items: center;
}
.on_demand_reporting .on_demand_reporting_reports .report_link_row .report_link_actions {
	margin-left: 10px;
	opacity: 0;
	transition: opacity .3s;
	white-space: nowrap;
}
.on_demand_reporting .on_demand_reporting_reports .report_link_row:hover .report_link_actions {
	opacity: 1;
}
.on_demand_reporting .on_demand_reporting_reports .report_link_actions a.icon_pencil,
.on_demand_reporting .on_demand_reporting_reports .report_link_actions a.trash {
	width: 18px;
	height: 18px;
	margin-left: 5px;
}
.on_demand_reporting .on_demand_reporting_reports .on_demand_reporting_report_link_list a {
	color: #0057B8;
}
.mobile_view .on_demand_reporting .on_demand_reporting_reports {
	-ms-flex-direction: column;
	flex-direction: column;
}
.on_demand_reporting_report_setup {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: calc(100vh - 100px);
}
.on_demand_reporting_report_setup .report_setup_layout {
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1;
	flex: 1;
}
.on_demand_reporting_report_setup .report_columns_section {
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
}
.on_demand_reporting_report_setup .report_metadata {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 250px;
	margin: 10px 30px 0 0;
	padding: 10px 30px 10px 0;
	border-right: 2px solid #ccc;
}
.on_demand_reporting_report_setup .report_metadata > div {
	display: block;
	margin: 0 0 15px 0;
}
.on_demand_reporting_report_setup .report_metadata .label {
	font-weight: 600;
}
.on_demand_reporting_report_setup .report_metadata .label.required::after {
	display: inline-block;
	content: "*";
	margin-left: 5px;
	color: #f00;
}
.on_demand_reporting_report_setup .report_metadata input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	margin: 2px 0 0 0;
}
.on_demand_reporting_report_setup .report_metadata .new_cb_label {
	display: block;
	line-height: 36px;
	white-space: nowrap;
}
.on_demand_reporting_report_setup h3 {
	margin: 20px 0 5px 0;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #333F48;
}
.on_demand_reporting_report_setup h3.first {
	margin-top: 0;
}
.on_demand_reporting_report_setup .instructions {
	margin: 10px 0 20px 0;
	padding: 10px;
	border: 1px solid rgb(51, 63, 72);
	border-radius: 3px;
	background: rgb(235, 236, 237);
}
.on_demand_reporting_report_setup .instructions h3 {
	margin: 0;
	font-weight: 700;
}
.on_demand_reporting_report_setup .instructions p {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	color: #333F48;
}
.on_demand_reporting_report_setup .columns {
	display: -ms-flexbox;
	display: flex;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}
.on_demand_reporting_report_setup .columns .column {
	position: relative;
	-ms-flex: 1;
	flex: 1;
	min-width: 0;
	padding-left: 30px;
	border-left: 1px solid #ccc;
}
.on_demand_reporting_report_setup .columns .column .column_scroller {
	padding-right: 20px;
	overflow: auto;
}
.on_demand_reporting_report_setup .btn_row .column_drop_zone {
	z-index: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
}
.on_demand_reporting_report_setup .columns .column:first-child {
	padding-left: 0;
	padding-right: 20px;
	border-left: none;
}
.on_demand_reporting_report_setup .column_search_input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 7px 10px;
	border: 1px solid #ccc;
	font-size: 14px;
}
.on_demand_reporting_report_setup .no_results_state {
	padding: 20px 10px;
	font-size: 14px;
	color: #999;
	text-align: center;
}
.on_demand_reporting_report_setup .columns .column .drag_tile {
	position: relative;
	display: block;
	box-sizing: border-box;
	min-height: 30px;
	margin: 0 0 7px 0;
	padding: 7px 10px 7px 30px;
	border: 1px solid #999;
	cursor: grab;
}
.on_demand_reporting_report_setup .columns .column .drag_tile.placeholder {
	border: 1px dashed #ccc;
}
.on_demand_reporting_report_setup .columns .column .drag_tile:active {
	/* 
	border-color: #000;
	color: #000;
	background: #ccc;
	*/
	opacity: .8;
	cursor: grabbing;
}
.on_demand_reporting_report_setup .columns .column .drag_tile span {
	position: absolute;
	display: block;
	height: 4px;
	width: 4px;
	background: #999;
}
/*
.on_demand_reporting_report_setup .columns .column .drag_tile:active span {
	background: #000;
}
*/
.on_demand_reporting_report_setup .columns .column .drag_tile span:nth-child(1) {
	top: 6px;
	left: 9px;
}
.on_demand_reporting_report_setup .columns .column .drag_tile span:nth-child(2) {
	top: 12px;
	left: 9px;
}
.on_demand_reporting_report_setup .columns .column .drag_tile span:nth-child(3) {
	top: 18px;
	left: 9px;
}
.on_demand_reporting_report_setup .columns .column .drag_tile span:nth-child(4) {
	top: 6px;
	left: 15px;
}
.on_demand_reporting_report_setup .columns .column .drag_tile span:nth-child(5) {
	top: 12px;
	left: 15px;
}
.on_demand_reporting_report_setup .columns .column .drag_tile span:nth-child(6) {
	top: 18px;
	left: 15px;
}
.on_demand_reporting_report_setup .btn_row {
	position: relative;
	text-align: right;
}
.on_demand_reporting_report_setup .btn_row .btn {
	z-index: 1;
	position: relative;
}

/*************************  dashboards   ***************************/
.dashboard .filters::after {
	display: block;
	content: "";
	clear: both;
}
.dashboard .filters > *,
.dashboard .filters .dates > * {
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}
.dashboard .filters .dates {
	float: right;
}
.dashboard .total_panels {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: flex-start;
	margin-top: 20px;
}
.dashboard .total_panels > div {
	flex: 1 1 auto;
	margin: 0 1.5%;
}
.dashboard .total_panels > div:first-child {
	margin-left: 0;
}
.dashboard .total_panels > div:last-child {
	margin-right: 0;
}
.dashboard .dashboard_total {
	display: inline-block;
	padding: 16px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	background-color: #fff;
}
.dashboard .dashboard_total h2 {
	margin: 0;
	color: #7f7f7f;
}
.dashboard .dashboard_total h4 {
	margin-top: 0;
	font-size: 14px;
	color: #7f7f7f;
}
.dashboard .graph_panels {
	margin-top: 50px;
}
.dashboard .dashboard_graph {
	margin-bottom: 50px;
	padding: 16px;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	/* box-shadow: 0px 0px 4px 1px rgba(0,0,0,.3); */
	background-color: #fff;
}
.dashboard .dashboard_graph h2 {
	margin-top: 0;
	font-size: 14px;
	color: #7f7f7f;
}
.dashboard .dashboard_graph .dashboard_graph_canvas_wrapper {
	position: relative;
	height: 300px;
}
.dashboard .dashboard_graph canvas {
	display: block;
	height: 300px;
}
.clinical_dashboard,
.usage_dashboard {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.clinical_dashboard.load_failed,
.usage_dashboard.load_failed {
	box-sizing: border-box;
	padding: 20px;
} 
.clinical_dashboard .toast_message,
.usage_dashboard .toast_message {
	width: 300px;
}
.clinical_dashboard iframe,
.usage_dashboard iframe {
	position: relative;
	width: 100%;
	min-height: 600px;
}


/*************************  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;
	display: block;
	box-sizing: border-box;
	margin: 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 {
	padding-bottom: 20px;
	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.admin .accordion_table fieldset.info {
	width: auto;
	height: 36px;
	margin: 0 50px 0 0;
	line-height: 36px;
}
.tools.admin .accordion_table fieldset.info .green {
	color: #098418;
}
.tools.admin .accordion_table fieldset.info .red {
	color: #c00;
}
.tools.admin .accordion_table fieldset.info span {
	vertical-align: middle;
}
.tools .accordion_table fieldset label {
	margin: 0;
}
.tools input[type="text"],
.tools select {
	margin: 0;
}
.tools .error input[type="text"] {
	border-color: #f99;
}
.tools .btn,
.tools button {
	margin: 0;
	vertical-align: bottom;
} 
.tools.admin .calendar_input_display_wrapper {
	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;
}
.main .tools .merge_patients {
	float: left;
	width: 380px;
}
.main .tools .clear {
	clear: both;
}
.admin.tools .accordion_table .merge_patients form.lookup {
	text-align: center;
}
.admin.tools .accordion_table .merge_patients.primary_patient form.lookup {
	padding-right: 40px;
}
.admin.tools .accordion_table .merge_patients.secondary_patient form.lookup {
	padding-left: 40px;
}
.admin.tools .accordion_table .merge_patients form.lookup fieldset {
	width: 100%;
	text-align: left;
}
.admin.tools .accordion_table .merge_patients form.lookup button {
	vertical-align: middle;
}
.main .tools .merge_patients fieldset {
	width: 339px;
	margin-left: 0;
	margin-right: 0;
}
.main .tools .primary_patient fieldset.field_selector {
	float: right;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 7px;
}
.main .tools .secondary_patient fieldset.field_selector {
	float: left;
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 7px;
}
.main .tools .merge_patients fieldset.btn_row {
	text-align: center;
}
.main .tools .merge_patients fieldset label {
	position: relative;
}
.main .tools .merge_patients fieldset label .label_click_cover {
	z-index: 2;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	cursor: pointer;
}
.main .tools .merge_patients input[disabled],
.main .tools .merge_patients select[disabled] {
	background-color: #fff;
}
.main .tools .merge_patients .selected input[disabled],
.main .tools .merge_patients .selected select[disabled] {
	background-color: #cfc;
}
.main .tools .merge_patients .rejected input[disabled],
.main .tools .merge_patients .rejected select[disabled] {
	background-color: #fcc;
}
.tools.admin .delete_user_eval_inheritance {
	line-height: 32px;
}
.tools.admin .delete_user_eval_inheritance input {
	display: inline-block;
	width: 130px;
	margin-right: 5px;
}
.tools.admin .delete_user_eval_inheritance a.btn {
	margin-right: 5px;
}

.admin .standard_user_role_list {
	padding: 30px 0 50px 0;
	text-align: left;
}
.admin .standard_user_role_list table {
	width: 100%;
}
.admin .standard_user_role_list table th h2 {
	margin: 0;
}
.admin .standard_user_role_list table th label {
	float: right;
}
.admin .standard_user_role_list table td {
	vertical-align: top;
}
.admin .standard_user_role_list table td ul {
	margin-left: 25px;
	padding-top: 0;
}


/*************************  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 td:first-child {
	vertical-align: top;
}
.user_detail .hint {
	text-align: center;
	color: #666;
}
.user_detail .roles label {
	display: block;
}
.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;
		overflow: hidden;
	}
.documentation h2.documentation_header span {
	white-space: nowrap;
}
.documentation h2.documentation_header span.name {
	font-size: 1.3em;
}
.documentation h2.documentation_header span.inactive {
	color: #666;
	font-style: italic;
}
.documentation h2.documentation_header span.inactive span {
	font-size: .8em;
	font-weight: normal;
}
.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 .etiology_select span.info_label {
	display: inline-block;
	min-width: 60px;
	text-align: right;
}
.documentation .etiology_select select {
	min-width: 250px;
	max-width: 100%;
	margin: 3px 0;
}

.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_wrapper {
	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;
}
.pie_and_progress .set_visit_type {
	display: inline-block;
}
.pie_and_progress .set_visit_type .select_wrap {
	position: relative;
	margin-top: 2px;
}
.pie_and_progress .set_visit_type select {
	width: auto;
}
.pie_and_progress .set_visit_type .multiselect.dropdown {
	display: inline-block;
}
.pie_and_progress .set_visit_type .multiselect.dropdown .options > div:last-child {
	display: block;
}

/************************************************************\
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;
	}


/************************************************************\
	event_audit_log
\************************************************************/
	.event_audit_log .filters {
		z-index: 5;
		position: relative;
		margin-bottom: 10px;
		padding: 5px 10px;
		border: 1px solid #eee;
		line-height: 36px;
	}
	.event_audit_log .filters::after {
		content: "";
		z-index: 5;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, .5);
		pointer-events: none;
		opacity: 0;
		transform: opacity .4s;
	}
	.event_audit_log .filters.busy::after {
		pointer-events: all;
		opacity: 1;
	}
	.event_audit_log .filters input,
	.event_audit_log .filters select {
		width: auto;
	}
	.event_audit_log .filters a.btn {
		margin: 8px 0;
	}
	.event_audit_log .filters a.btn:last-child {
		position: relative;
		top: -1px;
	}
	.event_audit_log .filters .or {
		padding: 0 80px;
		line-height: 16px;
		font-size: 14px;
		font-weight: 600;
	}
	.event_audit_log .filters .installation_wrapper {
		position: relative;
		display: inline-block;
	}
	.event_audit_log .filters .installation_wrapper .filtered_installations {
		position: absolute;
		top: 43px;
		left: 0;
		width: calc(100% - 2px);
		border: 1px solid #ccc;
		background: #fff;
	}
	.event_audit_log .filters .installation_wrapper .filtered_installations a {
		display: block;
		padding: 3px 8px;
	}
	.event_audit_log .empty_table_msg {
		padding: 10px 20px;
		border: 1px solid #ccc;
		border-top: none;
		font-size: 18px;
	}


/************************************************************\
	settings_manager
\************************************************************/
	.page_content > .link {
		float: right;
		margin-right: 5px;
		line-height: 24px;
	}
	.settings_manager .hint {
		margin: 0;
	}
	.settings_manager ul {
		margin-left: 20px;
		padding: 0;
	}
	.settings_manager ul.cb_list {
		margin-left: 0;
	}
	.settings_manager li,
	.settings_manager .modal_pagecover .modal li {
		padding: 0;
		line-height: 18px;
	}
	.settings_manager .modal_pagecover .modal {
		position: absolute;
		top: calc(50px + 2%);
		left: calc(50% - 410px);
		max-height: calc(90% - 50px);
		width: 820px;
		max-width: none;
		overflow: auto;
	}
	.settings_manager .modal_pagecover .modal h1 {
		display: block;
		padding: 0 0 10px 0;
	}
	.settings_manager .modal_pagecover .modal .leftcol,
	.settings_manager .modal_pagecover .modal .rightcol {
		display: inline-block;
		width: 380px;
		vertical-align: top;
	}
	.settings_manager .modal_pagecover .modal .leftcol {
		margin-right: 36px;
	}
	.settings_manager .modal_pagecover .modal .hint {
		font-style: italic;
	}
	.settings_manager .modal_pagecover .modal fieldset {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.settings_manager .modal_pagecover .modal .btn_row {
		text-align: right;
	}
	.settings_manager .modal_pagecover .modal .btn_row a.btn {
		margin-top: 5px;
	}
	.settings_manager .modal_pagecover .modal fieldset > span {
		font-weight: 600;
		text-transform: capitalize;
	}
	.settings_manager .modal_pagecover .modal fieldset.invalid > span {
		color: #f00;
	}
	.settings_manager .modal_pagecover .modal fieldset label {
		margin: 0;
		cursor: pointer;
	}
	.settings_manager .modal_pagecover .modal input[type="text"],
	.settings_manager .modal_pagecover .modal select {
		margin: 0;
	}
	.settings_manager .modal_pagecover .modal input[type="number"] {
		width: 100%;
	}
	.settings_manager .modal_pagecover .modal textarea {
		height: 80px;
		margin: 0;
	}
	.settings_manager .modal_pagecover .modal ul {
		margin-bottom: 8px;
	}
	.settings_manager .modal_pagecover .modal ul li {
		position: relative;
		margin-bottom: 2px;
		line-height: 22px;
		cursor: pointer;
		transition: background-color .4s;
	}
	.settings_manager .modal_pagecover .modal ul li:hover {
		background-color: #E6EEF8;
	}
	.settings_manager .modal_pagecover .modal fieldset.default {
		margin-bottom: 55px;
	}
	.settings_manager .modal_pagecover .modal ul li a.modify {
		position: absolute;
		top: 3px;
		right: 0;
		height: 15px;
		min-width: 0;
		margin: 0;
		padding: 0 5px;
		line-height: 14px;
		font-size: 11px;
	}
	

/************************************************************\
	redesign
\************************************************************/

/************************************************************\
	tables
\************************************************************/
table.display tr td,
table.display tr:nth-child(even) td,
table.display.accordion_table td.child,
table.display.accordion_table td.child .accordion.active,
table.display.selectable.accordion_table tr.not_selectable td {
	border-top: 1px solid #C2C5C8;
	border-bottom: 1px solid #C2C5C8;
	background-color: rgb(252, 252, 252);
	box-shadow: none;
}
table.display tr:last-child > td {
	box-shadow: none;
}
table.display.selectable.accordion_table tr.not_selectable:nth-child(even):hover td,
table.display.selectable.accordion_table tr.not_selectable:nth-child(odd):hover td {
	border-top: 1px solid #C2C5C8;
	border-bottom: 1px solid #C2C5C8;
	background-color: #fff;
	box-shadow: none;
}
table.display.selectable tr:hover td,
table.display.accordion_table td.child .accordion:hover,
table.display.accordion_table td.child .accordion:first-child:hover,
table.display.accordion_table td.child .accordion:first-child:last-child:hover,
table.display.accordion_table td.child .accordion:last-child:hover {
	background-color: #E6EEF8;
	box-shadow: none;
}

/************************************************************\
	calendar_input_display
\************************************************************/
.calendar_input_display {
	width: 297px;
	padding: 0 10px;
	border: 1px solid #C2C5C8;
	border-radius: 3px;
	line-height: 30px;
	font-size: 12px;
	font-weight: 600;
	color: #333F48;
	background-color: #fff;
	background-image: url(../../app/img/svg/calendar3.svg);
	background-repeat: no-repeat;
	background-position: right 10px center;
	cursor: pointer;
}
.calendar_input_display a.arrow,
.calendar_input_display .accordion_arrow,
.calendar_input_display .day_of_week {
	display: none;
}
.calendar_input {
	border: 1px solid #C2C5C8;
	border-radius: 3px;
	box-shadow: none;
}
.calendar_input nav a {
	font-size: 2em;
	font-weight: 400;
	color: #333F48;
}
.calendar_input table td {
	border-radius: 11px;
	color: #333F48;
}
.calendar_input table td.today {
	box-shadow: 0 0 0 1px #0057B8 inset;
}
.calendar_input table td.active {
	color: #0057B8;
}
.calendar_input table td.active:hover {
	background-color: #CCDDF1;
}
.calendar_input table td.active.selected {
	color: #fff;
	background-color: #0057B8;
	box-shadow: none;
}

/************************************************************\
	misc content
\************************************************************/
.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: #C2C5C8;
	background-color: #FFD7D5;
}
.shadowbox {
	box-shadow: none;
}
.accordion_multiselect > ul ul {
	margin-left: 0;
}
.accordion_multiselect ul ul li {
	padding: 0;
}
.round_thumb,
.patient_calendar_tab table.nhsg tr.children .child_row span.round_thumb {
	width: 42px;
    height: 42px;
	margin: -1px 25px 0 0;
	border: 3px solid #faf9fa;
	border-radius: 6px;
}
.round_thumb .icon {
    right: -26px;
}
table.nhsg .round_thumb .icon {
	z-index: 2;
    left: -26px;
	right: auto;
}
table.nhsg .lock {
	opacity: .5;
}
.patient_calendar_tab table.nhsg tr.children .child_row:hover span.round_thumb {
	border-color: #E6EEF8;
}
.home header {
	border: 1px solid #C2C5C8;
	border-bottom: none;
	background-color: #fff;
}
.home header.patient_search .core_form {
	margin-top: 2px;
}
.home header.patient_search .facility_menu {
	display: inline-block;
	margin-bottom: 0;
}
.home header.patient_search .toggles label {
	display: inline-block;
}
.home header.patient_search .toggles label.only_patient_users {
	display: none;
}
@media (max-width: 740px) {
	.home header.patient_search .core_form {
		float: none;
	}
	.home header.patient_search .facility_menu,
	.home header.patient_search input[type="text"],
	.home header.patient_search form button {
		width: 100%;
	}
	.home header.patient_search form button {
		margin-top: 5px;
	}
}
.home .patient_search_feedback_wrapper {
	background-color: #7C858D;
	box-shadow: none;
}
.home .patient_list_wrapper.active {
	box-shadow: none;
}
.home table.display.accordion_table {
	border-left: 1px solid #C2C5C8;
	border-right: 1px solid #C2C5C8;
}
.home table.display.accordion_table th {
	background-color: #5C656D;
}
.home table.display th a {
	color: #a6bfff;
}
.home table.display.accordion_table th .accordion_arrow, table.display.accordion_table tr.parent.read .accordion_arrow {
	border-color: #a6bfff;
}
.home .patient_search_feedback_wrapper .tally {
	background: rgba(255,255,255,0.4);
}

.patient_detail header {
	text-align: left;
}
.patient_detail .tab_content {
	padding: 20px 0;
	border: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
}
.patient_detail .tab_content.wound_list_tab {
	padding-bottom: 0;
} 
.patient_detail .btn_row .link {
	float: right;
	line-height: 25px;
}
.patient_detail .btn_row .toggles {
	float: none;
    display: inline-block;
	padding: 0 0 10px 0;
}
.patient_detail table.wound_list,
.patient_detail table.wound_list table {
	width: 100%;
}
.patient_detail table.wound_list .btn_row {
	padding: 0 20px;
}
.patient_detail table.wound_list .archived {
	display: block;
	font-weight: 600;
	color: #f00;
	text-transform: uppercase;
}
.patient_detail table.wound_list .healed {
	display: block;
	font-weight: 600;
	color: #566fc1;
	text-transform: uppercase;
}
.patient_detail .wound_list tr.parent:first-child,
.patient_detail .formtable tr.parent:first-child,
.patient_detail .formtable tr.parent .accordion_arrow  {
	display: none;
}
.patient_detail .formtable fieldset,
.user_detail .formtable fieldset {
	width: auto;
	margin: 0;
}
.patient_detail .formtable table.display,
.patient_detail .formtable table.display tr,
.patient_detail .formtable table.display tr td,
.patient_detail .formtable table.display tr td.button_row,
.user_detail .formtable table.display,
.user_detail .formtable table.display tr,
.user_detail .formtable table.display tr td,
.user_detail .formtable table.display tr td.button_row {
	display: block;
	width: 400px;
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	box-shadow: none;
}
.patient_detail .formtable table.display tr td:first-child,
.user_detail .formtable table.display tr td:first-child {
	padding-top: 20px;
	padding-bottom: 4px;
	font-weight: 600;
}
.patient_detail .formtable table.display tr td.required::after,
.patient_detail .formtable table.display tr td .required::after
.user_detail .formtable table.display tr td.required::after,
.user_detail .formtable table.display tr td .required::after {
	display: inline;
	content: '*';
	color: #f00;
}
.patient_detail .formtable table.display tr td.button_row,
.user_detail .formtable table.display tr td.button_row {
	text-align: center;
}
.patient_detail .formtable table.display tr td.button_row button,
.user_detail .formtable table.display tr td.button_row button {
	float: none;
}
.patient_detail .formtable table.display tr td.button_row,
.user_detail .formtable table.display tr td.button_row {
	text-align: left;
}
.patient_detail td.child .accordion.active,
.user_detail td.child .accordion.active {
	overflow: visible;
}
.user_detail .user_detail_all_departments {
	font-weight: normal;
}
.user_detail .user_detail_all_departments.disabled {
	opacity: 0.5;
	pointer-events: none;
}
.user_detail td.user_detail_departments.disabled {
	opacity: 0.5;
	pointer-events: none;
}
.patient_detail td.patient_detail_departments.disabled {
	pointer-events: none;
}
.patient_detail td.patient_detail_departments.disabled .accordion_multiselect > * {
	opacity: 0.5;
}
.patient_detail td.patient_detail_departments.disabled .accordion_multiselect.facility_menu[data-tooltip] {
	pointer-events: auto;
	cursor: default;
}
.accordion_multiselect.facility_menu[data-tooltip] {
	position: relative;
}
.accordion_multiselect.facility_menu[data-tooltip]:hover::after {
	display: block;
	z-index: 10;
	position: absolute;
	left: 0;
	bottom: 100%;
	max-width: 400px;
	padding: 8px 12px;
	border-radius: 4px;
	line-height: 1.4;
	font-size: 13px;
	white-space: pre;
	color: #fff;
	background: #333;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	content: attr(data-tooltip);
}
.patient_detail input[type="text"],
.patient_detail .calendar_input input[type="text"],
.patient_detail input[type="email"],
.patient_detail input[type="password"],
.patient_detail input[type="number"],
.patient_detail input[type="date"],
.patient_detail input[type="range"],
.patient_detail textarea,
.patient_detail select,
.patient_detail .calendar_input select,
.user_detail input[type="text"],
.user_detail .calendar_input input[type="text"],
.user_detail input[type="email"],
.user_detail input[type="password"],
.user_detail input[type="number"],
.user_detail input[type="date"],
.user_detail input[type="range"],
.user_detail textarea,
.user_detail select,
.user_detail .calendar_input select {
	margin: 0;
	border-color: #C2C5C8;
}
.patient_detail fieldset label.cb_label,
.user_detail fieldset label.cb_label {
	display: inline-block;
	margin-right: 15px;
	text-transform: capitalize;
}
.patient_detail .round_thumb {
	margin: 0;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
}
.patient_detail a.icon.new_evaluation {
	background-image: url(../../app/img/nhsg/icon_new_evaluation.png);
}


.wound_detail .sections section.filmstrip .controls a {
	min-width: 0;
}
.wound_detail .evaluation_detail .info .delta_controls {
	height: 35px;
	margin-top: 20px;
	font-size: 14px;
}
.wound_detail.redesign .evaluation_detail .info .delta_controls {
	margin-top: 0;
}
.wound_detail .evaluation_detail .info .evaluation_tissue_types {
	margin-top: 16px;
}
.wound_detail .evaluation_detail .info .delta_controls .dates {
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.wound_detail .evaluation_detail .info .delta_controls .dates .current {
	box-sizing: border-box;
	line-height: 32px;
	padding: 0 34px 0 8px;
	background: #fff;
}
.wound_detail .evaluation_detail .info .delta_controls .dates .current::after {
	display: block;
	content: "";
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #364fa1;
	border-right: 2px solid #364fa1;
	transform-origin: center;
	transform: rotate(135deg);
}
.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div {
	position: relative;
}
.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div.active {
	background-color: transparent;
}
.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div.active:hover {
	background-color: #eff3ff;
}
.wound_detail .evaluation_detail .info .delta_controls .dates .delta_options div.active::before {
	display: block;
	content: "\2713";
	position: absolute;
	top: calc(50% - 16px);
	left: 10px;
}
.wound_detail .evaluation_detail table.display td {
	border-color: #EBECED;
}

.admin .tab_content table.display tr th,
.admin .tab_content table.display tr td {
	font-size: 14px;
}

.page_content .expanded_patient_info .secondary_patient_info h4 > span:first-child {
	display: block;
	margin-top: 10px;
	line-height: 18px;
}
.wound_detail .sections section.wound_info div.info .custom_fields label:last-child {
	margin-bottom: 10px;
}
.wound_detail .sections section.wound_info div.info .custom_fields label > span:first-child:not(:empty) {
	display: block;
	margin-top: 10px;
	text-align: left;
}
.wound_detail .sections section.wound_info div.info .custom_fields input,
.wound_detail .sections section.wound_info div.info .custom_fields select {
	margin-left: 0;
}
.wound_detail .evaluation_detail .info .delta_controls {
	z-index: 3;
}
.wound_detail .evaluation_detail .info.no_delta_controls .delta_controls {
	display: none;
}
.wound_detail .evaluation_detail .info.no_delta_controls table.display {
	margin-top: 0;
}
.observations table.display tr th {
	padding: 0 5px;
}
.wound_detail .evaluation_detail .observations h2:last-child {
	position: relative;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	height: 36px;
	margin-bottom: 10px;
	padding: 0;
	border-bottom: 1px solid #ccc;
	border-radius: 0;
	line-height: 36px;
	text-align: left;
	background: transparent;
	vertical-align: bottom;
}
.observations table.display tr td {
	border: none;
}
.wound_detail .evaluation_detail .observations table.display tr.flexirow td > span {
	float: none;
	display: inline-block;
	width: 350px;
	padding: 0;
	line-height: 18px;
}
.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div {
	float: none;
}

.wound_detail .evaluation_detail .observations table.display tr.flexirow td .text_wrap,
.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.text_wrap,
.wound_detail .evaluation_detail .observations table.display tr.flexirow td .select_wrap,
.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.select_wrap,
.wound_detail .evaluation_detail .observations table.display tr.flexirow td .calendar_wrap,
.wound_detail .evaluation_detail .observations table.display tr.flexirow td > div.calendar_wrap {
	width: 350px;
	overflow: visible;
}
/* .wound_detail.redesign .evaluation_detail .observations table.display tr.flexirow td .text_wrap,
.wound_detail.redesign .evaluation_detail .observations table.display tr.flexirow td > div.text_wrap,
.wound_detail.redesign .evaluation_detail .observations table.display tr.flexirow td .select_wrap,
.wound_detail.redesign .evaluation_detail .observations table.display tr.flexirow td > div.select_wrap,
.wound_detail.redesign .evaluation_detail .observations table.display tr.flexirow td .calendar_wrap,
.wound_detail.redesign .evaluation_detail .observations table.display tr.flexirow td > div.calendar_wrap, */
.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td .text_wrap,
.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td > div.text_wrap,
.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td .select_wrap,
.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td > div.select_wrap,
.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td .calendar_wrap,
.wound_detail .triptych .evaluation_detail .observations table.display tr.flexirow td > div.calendar_wrap {
    width: 100%;
}
.wound_detail .evaluation_detail .observations table.display .formularies_list {
	font-weight: normal;
}
.wound_detail .evaluation_detail .observations table.display .formularies_list.active {
	cursor: copy;
}
.sign_and_lock_controls {
	background-color: #fcfcfc;
}
.wound_detail .evaluation_detail .info a.retrace_outline,
.wound_detail .evaluation_detail .info a.retrace_region,
.wound_detail .evaluation_detail .info a.retrace_outline.pd,
.wound_detail .evaluation_detail .info a.retrace_region.pd,
.wound_detail .evaluation_detail .info a.retrace_outline.cw,
.wound_detail .evaluation_detail .info a.retrace_region.cw,
.wound_detail .evaluation_detail .info a.retrace_outline.pd.cw,
.wound_detail .evaluation_detail .info a.retrace_region.pd.cw {
	position: relative;
	top: auto;
	left: auto;
	float: right;
	margin-top: 5px;
	color: #0057B8;
	text-decoration: underline;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow select[disabled],
.wound_detail .evaluation_detail .observations table.editable tr.flexirow input[type="text"][disabled],
.wound_detail .evaluation_detail .observations table.editable tr.flexirow textarea[disabled] {
	width: 350px;
	padding: 0 8px;
	border: 1px solid #ccc;
	line-height: 28px;
	font-style: normal;
	color: #5C656D;
	background-color: #f3f1f3;
}
.wound_detail .evaluation_detail .observations table.editable tr.flexirow textarea,
.wound_detail .evaluation_detail .observations table.editable tr.flexirow textarea[disabled] {
	line-height: 20px;
	white-space: pre-wrap;
}

.user_detail .tab_content {
	padding: 40px 30px;
	border: 1px solid #ddd;
	border-radius: 0 0 3px 3px;
	text-align: left;
}
.user_detail .manage_cookies {
	padding: 0;
}

.documentation .etiology_select span.info_label {
	display: block;
	width: 300px;
	margin: 20px auto 3px auto;
	text-align: left;
}
.documentation .etiology_select select {
	width: 300px;
}

/************************************************************\
	pendo chat
\************************************************************/
#pendo-resource-center-container {
	font-size: .8;
}
._pendo-resource-center-right-caret {
	margin-right: 15px;
}
._pendo-home-view-bubble {
	margin-right: 10px;
}

/* Fixed action bar shown when in new_tunnel/new_undermine mode with stacked layout */
.stacked_trace_action_bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px;
z-index: 1000;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 10px 16px;
border-top: 1px solid #ccc;
box-shadow: 0 -2px 6px rgba(0,0,0,0.12);
background: #fff;
}
.stacked_trace_action_bar .stacked_trace_action_bar_label {
flex-grow: 1;
font-weight: bold;
}
/* Hide/disable media thumbnails and info column while creating a new tunnel/undermine in stacked layout */
.eval_flexbox.new_layer_editing .media_thumbnails,
.eval_flexbox.new_layer_editing #eval_info_column {
opacity: 0;
pointer-events: none;
}
.wound_detail.redesign.new_layer_editing {
overflow: hidden;
}
/* Hide pendo badge while creating a new tunnel/undermine in stacked layout */
body:has(.wound_detail.redesign.new_layer_editing) ._pendo-badge {
opacity: 0;
pointer-events: none;
}