.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup *,
table.dict td:not(:first-child) {
	word-break: break-word
}

.stu3-treetable {
	position: relative
}

.stu3-treetable .treetable-buttons {
	width: 100%;
	margin: 0;
	float: right;
	padding-bottom: 20px
}

.stu3-treetable .treetable-buttons .tree-control {
	float: right;
	width: 200px
}

.stu3-treetable .treetable-buttons .tree-control .tree-button {
	color: #0073CF;
	border-color: #0073CF;
	border-style: solid;
	border-width: 1px 0px; 
	padding-top: 5px;
	padding-bottom: 5px;
	width: 33%;
	vertical-align: middle;
	background-color: #ffffff;
	font-size: 12px;
	border-radius: 0;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	white-space: nowrap;
	/* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif */
}

.stu3-treetable .treetable-buttons .tree-control .tree-button:hover {
	background-color: #E5F1FA
}

.stu3-treetable .treetable-buttons .tree-control .tree-button.active {
	background-color: #0073CF;
	color: #fff
}

.stu3-treetable .treetable-buttons .tree-control .tree-button:first-child {
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	border-left-width: 1px;
}

.stu3-treetable .treetable-buttons .tree-control .tree-button:last-child {
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-right-width: 1px;
}

.stu3-treetable .hidden {
	display: none
}

.stu3-treetable .treetable-wrapper {
	width: 100%;
	overflow: hidden;
	transition: height .5s
}

.stu3-treetable .treetable-wrapper .treetable-left-panel {
	float: left
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable {
	font-size: 11px;
	/* font-family: verdana; */
	vertical-align: top;
	border-spacing: 0;
	float: left
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .detailsexpanded>td {
	background:rgba(0, 0, 0, 0.05); /* #eaeaea */
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable th {
	text-align: left;
	padding: 0 4px;
	white-space: nowrap;
	vertical-align: top
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable th:last-child {
	padding: 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr {
	border: 0;
	padding: 0;
	vertical-align: top;
	height: 22px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable td {
	/* font-family: verdana; */
	text-align: left;
	padding: 0 4px;
	white-space: nowrap;
	vertical-align: middle;
	max-width: 280px;
	overflow: hidden;
	text-overflow: ellipsis
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable td:first-child {
	max-width: 220px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable td:first-child span:last-child {
	cursor: pointer;
	vertical-align: middle
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr.striped td {
	text-decoration: line-through
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr.sliced {
	font-style: italic
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .binding-label {
	background-color: #EBF8FE;
	border: 1px solid #cfcbcb;
	padding: 2px;
	margin: 4px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .fixed-label {
	background-color: #fcf4c9;
	border: 1px solid #cfcbcb;
	padding: 2px;
	margin: 4px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .base {
	display: inline-block;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .root {
	width: 16px;
	height: 18px;
	background-position: 0 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vjoincollapsible {
	width: 16px;
	height: 22px;
	background-position: -48px -22px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vjoinexpandable {
	width: 16px;
	height: 22px;
	background-position: -32px -22px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vjoin {
	width: 16px;
	height: 22px;
	background-position: -16px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vjoinend {
	width: 16px;
	height: 22px;
	background-position: -32px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vline {
	width: 16px;
	height: 22px;
	background-position: -48px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vjoinendcollapsible {
	width: 16px;
	height: 22px;
	background-position: -32px -44px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .vjoinendexpandable {
	width: 16px;
	height: 22px;
	background-position: -16px -44px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .spacer {
	width: 16px;
	height: 22px;
	background-position: -16px -22px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .mustsupport {
	padding: 2px;
	color: #FFF7F7
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .encodedvalue {
	white-space: pre-wrap;
	border-style: solid
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .baseIcon {
	display: inline-block;
	background-image: url(images/icon_sprite_v2.png);
	background-repeat: no-repeat;
	text-align: left;
	white-space: nowrap;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 4px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .hidden,
.stu3-treetable .treetable-wrapper.diff a:not(.constraints),
.stu3-treetable .treetable-wrapper.diff span:not(.constraints) {
	display: none
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .valueX {
	background-position: 0 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .datatype {
	background-position: 0 -16px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .extension {
	background-position: -16px -16px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .modifierExtension {
	background-position: -48px -32px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .complexExtension {
	background-position: -16px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .reference {
	background-position: -32px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .backboneElement {
	background-position: 0 -32px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .primitive {
	background-position: -15px -32px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .resource {
	background-position: -32px -32px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .nameReference {
	background-position: -48px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .slice {
	background-position: -64px 0
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .individualSlice {
	background-position: -64px -17px
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .highlight {
	background-color: #4cff00 !important
}

.stu3-treetable .treetable-wrapper .treetable-right-panel {
	width: auto;
	overflow: hidden
}

.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup {
	/* border: 1px solid #eaeaea; */
	padding: 7px;
	/* font-family: verdana; */
	font-size: 11px
}

.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup pre {
	/* border: 1px solid #bebab0;
	margin: 3px;
	padding: 2px */
}

.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup span.pin-control {
	background-image: url(images/pin_sprite.png);
	width: 16px;
	height: 18px;
	background-repeat: no-repeat;
	float: right;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer
}

.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup span.pin-control.unpinned {
	background-position: 0 0
}

.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup span.pin-control.pinned {
	background-position: -15px 0
}

.stu3-treetable .treetable-wrapper.snapshot .mustsupport {
	background-color: red
}

.stu3-treetable .treetable-wrapper.snapshot .binding-label,
.stu3-treetable .treetable-wrapper.snapshot .fixed-label {
	color: #564b4b
}

.stu3-treetable .treetable-wrapper.snapshot .encodedvalue {
	color: #006400;
	background-color: #EBEBEB
}

.stu3-treetable .treetable-wrapper.hybrid a:not(.constraints),
.stu3-treetable .treetable-wrapper.hybrid span:not(.constraints) {
	color: #d3d3d3
}

.stu3-treetable .treetable-wrapper.hybrid span.pin-control {
	color: #000
}

.stu3-treetable .treetable-wrapper.hybrid .fixed-label,
.stu3-treetable .treetable-wrapper.hybrid div.markdown:not(.constraints),
.stu3-treetable .treetable-wrapper.hybrid li:not(.constraints) {
	color: #d3d3d3
}

.stu3-treetable .treetable-wrapper.hybrid .mustsupport {
	background-color: #a9a9a9
}

.stu3-treetable .treetable-wrapper.hybrid .mustsupport.constraints {
	background-color: red
}

.stu3-treetable .treetable-wrapper.hybrid .fixed-label.constraints {
	color: #564b4b
}

.stu3-treetable .treetable-wrapper.hybrid .binding-label {
	color: #d3d3d3
}

.stu3-treetable .treetable-wrapper.hybrid .binding-label.constraints {
	color: #564b4b
}

.stu3-treetable .treetable-wrapper.hybrid pre {
	/* color: #d3d3d3;
	background-color: #eaeaea;
	border-color: #564b4b */
}

.stu3-treetable .treetable-wrapper.hybrid pre.constraints {
	color: #006400;
	background-color: #FFF7F7;
	border-color: #000
}

.stu3-treetable .treetable-wrapper.diff span.pin-control {
	display: table-row
}

.stu3-treetable .treetable-wrapper.diff .binding-label:not(.constraints),
.stu3-treetable .treetable-wrapper.diff .fixed-label:not(.constraints),
.stu3-treetable .treetable-wrapper.diff .mustsupport:not(.constraints),
.stu3-treetable .treetable-wrapper.diff div.markdown:not(.constraints),
.stu3-treetable .treetable-wrapper.diff li:not(.constraints),
.stu3-treetable .treetable-wrapper.diff pre:not(.constraints) {
	display: none
}

.stu3-treetable .treetable-wrapper.diff .mustsupport.constraints {
	background-color: red
}

.stu3-treetable .treetable-wrapper.diff .binding-label.constraints,
.stu3-treetable .treetable-wrapper.diff .fixed-label.constraints {
	color: #564b4b
}

.stu3-treetable .treetable-wrapper.diff pre.constraints {
	color: #006400;
	background-color: #FFF7F7;
	border-color: #000
}

.fhirtree li,
.fhirtree ul {
	padding: 2px 4px;
	margin-left: 5px;
	list-style: none
}

.fhirtree a,
.fhirtree label,
.fhirtree label::before {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	cursor: pointer
}

.fhirtree {
	font: 400 11px Segoe UI, Arial, Sans-serif;
	user-select: none
}

.mapping-content tr.selected,
.naming-systems .bold,
.path .field,
.treetable.ig-treetable tr.selected {
	font-weight: 700
}

.fhirtree ul {
	margin: 0
}

.fhirtree input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}

.fhirtree input~ul {
	display: none
}

.fhirtree input:checked:not(:disabled)~ul,
.treetable.ig-treetable tbody tr a {
	display: block
}

.fhirtree input:checked+label::before {
	background-position: 0 -48px
}

.fhirtree input:checked+label.branch::before {
	background-position: 0 -16px
}

.fhirtree input+label+ul {
	margin: 0 0 0 22px
}

.fhirtree input:disabled+label {
	cursor: default;
	opacity: .6
}

.fhirtree a {
	color: #00f;
	text-decoration: none
}

.fhirtree a:hover {
	text-decoration: underline
}

.fhirtree label {
	background: url(icons.png) 18px 0 no-repeat;
	cursor: pointer
}

.fhirtree label span {
	color: #00f
}

.fhirtree label.branch::before {
	background-position: 0 -32px
}

.fhirtree label::before {
	background: url(icons.png) 0 -48px no-repeat;
	cursor: pointer;
	content: "";
	width: 16px;
	margin: 0 22px 0 0;
	vertical-align: middle
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	@-webkit-keyframes webkit-adjacent-element-selector-bugfix {

		from,
		to {
			padding: 0
		}
	}
}

.path {
	font-family: Consolas
}

.path table {
	border-collapse: collapse
}

.path table tr td:first-child {
	color: #000
}

.path table tr td {
	border: 1px solid #eee;
	font-size: 12px;
	padding: 3px 8px;
	min-width: 40px
}

.path table tr.highlight td {
	background-color: #e4c9f6
}

.path .field {
	color: #D33
}

.delete {
	background-color: #FFD0D0
}

.insert {
	background-color: #D0FFD0
}

label.highlight {
	border: 3px solid #ccf;
	border-left: 3px solid #ccf;
	border-right: 10px solid #ccf;
	background-color: #ccf
}

.rendered-resource table,
.rendered-resource td,
.rendered-resource th {
	padding: 4px
}

.rendered-resource td,
.rendered-resource th {
	border-bottom: 1px solid #ddd
}

.rendered-resource table {
	border: 1px solid #ddd
}*/

/*.bg-gray-base {
	background-color: #000
}

.bg-gray-darker {
	background-color: #222
}

.bg-gray-dark {
	background-color: #333
}

.bg-gray {
	background-color: #555
}

.bg-gray-light {
	background-color: #777
}

.bg-gray-lighter {
	background-color: #eee
}*/

.treetable.ig-treetable {
	font-size: 11px !important;
	/* font-family: Verdana, Helvetica, Arial, sans-serif !important; */
	vertical-align: top;
	border-spacing: 0
}

.treetable.ig-treetable tr {
	border: 0;
	padding: 0;
	vertical-align: top;
	background-color: transparent;
	cursor: pointer;
	height: 22px
}

.treetable.ig-treetable td {
	vertical-align: top;
	text-align: left;
	background-color: transparent;
	padding: 0 4px;
	white-space: nowrap
}

.treetable.ig-treetable td:first-child {
	min-width: 170px
}

.treetable.ig-treetable .base {
	display: inline-block;
	background-image: url(images/sprite.png);
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	float: left
}

.treetable.ig-treetable .root {
	width: 16px;
	height: 18px;
	background-position: 0 0
}

.treetable.ig-treetable .vjoincollapsible {
	width: 16px;
	height: 22px;
	background-position: -48px -22px
}

.treetable.ig-treetable .vjoinexpandable {
	width: 16px;
	height: 22px;
	background-position: -32px -22px
}

.treetable.ig-treetable .vjoin {
	width: 16px;
	height: 22px;
	background-position: -16px 0
}

.treetable.ig-treetable .vjoinend {
	width: 16px;
	height: 22px;
	background-position: -32px 0
}

.treetable.ig-treetable .vline {
	width: 16px;
	height: 22px;
	background-position: -48px 0
}

.treetable.ig-treetable .vjoinendcollapsible {
	width: 16px;
	height: 22px;
	background-position: -32px -44px
}

.treetable.ig-treetable .vjoinendexpandable {
	width: 16px;
	height: 22px;
	background-position: -16px -44px
}

.treetable.ig-treetable .spacer {
	width: 16px;
	height: 22px;
	background-position: -16px -22px
}

.treetable.ig-treetable .baseIcon {
	display: inline-block;
	background-image: url(images/icon_sprite.png);
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	width: 16px;
	height: 16px
}

.treetable.ig-treetable .dataType {
	background-position: 0 -16px
}

.treetable.ig-treetable .primitive {
	background-position: -16px -32px
}

.treetable.ig-treetable .resource {
	background-position: -32px -32px
}

.treetable.ig-treetable .highlight td {
	background-color: #e4c9f6
}

.treetable.ig-treetable .description {
	color: gray
}

.treetable.ig-treetable .popout {
	display: inline-block;
	width: 500px;
	text-overflow: ellipsis;
	line-height: 22px
}

.treetable.ig-treetable .popouthover {
	width: auto;
	position: absolute;
	background-color: #FFF;
	max-width: 500px;
	border: 1px solid #efefef;
	box-shadow: rgba(0, 0, 0, .3) 1px 1px 3px;
	color: #000;
	line-height: normal;
	padding-left: 10px !important;
	padding-bottom: 5px !important;
	padding-top: 3px !important
}

.treetable.ig-treetable .spanContainer {
	background: #f0f0f0;
	height: 0;
	position: relative;
	float: right;
	left: 16px;
	overflow: visible
}

.treetable.ig-treetable .pushpin {
	display: none;
	background: #fff;
	box-shadow: rgba(0, 0, 0, .3) 1px 1px 3px;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	top: -2px;
	color: #d3d3d3
}

.treetable.ig-treetable .pinned {
	color: #000
}

/*.lang-json pre {
	color: maroon
}

.lang-json pre span {
	color: #00f !important
}

table.dict {
	width: 70%;
	font-size: 13px;
	border: 1px solid #F2F2F2
}

table.dict td {
	padding: 4px 10px;
	border-left: 1px solid #F2F2F2;
	line-height: 1.5em;
	vertical-align: top
}

table.dict p {
	margin: 0;
	padding: 0
}

table.dict td.structure {
	font-weight: 700;
	vertical-align: top;
	background: #EFEFEF
}

table.dict td.structure b {
	font-weight: 600
}

table.dict tr.structure {
	vertical-align: top
}

a.dict {
	color: Purple
}

span.brace {
	color: #00f;
	font-weight: 400
}

span.element {
	color: maroon;
	font-style: normal
}

span.attr {
	color: red;
	text-decoration: none
}

span.symbol {
	color: #000;
	text-decoration: none
}

span.info,
span.string {
	color: #00f
}

span.error {
	background: url(/img/wiggly.png) 100% 100% repeat-x;
	padding-bottom: 2px
}

span.warning {
	color: orange
}

span.fail {
	color: red
}

span.success {
	color: green
}

span.detail {
	color: grey;
	font-style: italic
}*/


/* CUSTOM */

div.treetable-wrapper {
	height: auto !important;
}

div.treetable-right-panel {
	font-size: 12px;
}

div.treetable-right-panel div.hidden {
	display: none !important;
}

.stu3-treetable .treetable-wrapper {
	background: rgba(0, 0, 0, 0.05);
	min-height: 250px;
	position: relative;
	padding: 10px;
	width: auto;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel {
	float: none;
	width: 100%;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable {
	float: none;
	font-size: 12px;
	table-layout: fixed;
	width: 100%;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr td:nth-child(2) {
	width: 25px;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr td:nth-child(3) {
	width: 25px;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr td:nth-child(5) {
	width: 50%;
	padding: 0;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable td {
	max-width: none;
}

.stu3-treetable .treetable-wrapper .treetable-right-panel {
	position: absolute;
	top: 10px;
	right: 10px;
	bottom: 10px;
	left: 50%;
	height: auto !important;
}

.stu3-treetable .treetable-wrapper .treetable-right-panel .details-popup {
	background: #FFFFFF;
	font-size: 12px;
	overflow: auto;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 12px;
}

div.treetable-wrapper.diff tr:not(.constraints) {
	display: none;
}

.stu3-treetable .treetable-buttons {
	border-bottom: 1px solid #0073CF;
	padding: 0;
}

.stu3-treetable .treetable-buttons .tree-control {
	float: none;
	width: auto;
}

.stu3-treetable .treetable-buttons .tree-control .tree-button {
	background: transparent;
	border-width: 0 0 3px 0 !important;
	border-color: transparent;
	border-radius: 0 !important;
	padding: 0.5rem 1rem;
	width: auto;
}

.stu3-treetable .treetable-buttons .tree-control .tree-button:hover {
	background: transparent;
	color: #FF7700;
}

.stu3-treetable .treetable-buttons .tree-control .tree-button.active {
	background: transparent;
	border-color: #0073CF;
	color: #0073CF;
	font-weight: bold;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .binding-label,
.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .fixed-label {
	margin: 0 4px;
	padding: 0 2px;
}

.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable .mustsupport {
	padding: 0 2px;
	background: none;
	color: inherit;
	font-weight: bold;
}

@media screen and (max-width: 720px) {
	.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr td:nth-child(5) {
		display: none;
	}

	.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr td:nth-child(4) {
		width: 50%;
		padding: 0;
	}
}

@media screen and (max-width: 500px) {
	.stu3-treetable .treetable-wrapper .treetable-left-panel .treetable tr td:nth-child(4) {
		display: none;
	}
}