html {
	 font-family: "Trebuchet MS", Helvetica, sans-serif;
	 width: 100%;
	height: 100%;
}

body {
	 font-family: "Trebuchet MS", Helvetica, sans-serif;
	 width: 100%;
	height: 100%;
}



@font-face {
	font-family: basic;
	src: url(fonts/OpenSans-CondLight.ttf);

}
main {
	
	height: 100%;
}
#main-cols {
	position: relative;
	display: flex;
	flex-direction: row;
	height: 100%;
}

.footer {
	padding: 4px;
}
.column {
	display: flex;
position: relative;
	overflow: scroll;
	flex: 1;
	margin: 5px;
	
}

.objview {
	
	display: inline-block;
	max-width: 2000px;
}

.objview-row {
	margin: 1px;
	border-radius: 10px;

	background-color:  none;
}

.objview-row.inline {
	display: inline-block;
	
}

.objview-rowlabel {
	padding: 2px;
	font-style: italic;
	display: inline-block;
}
.objview-rowvalue.inline{
	display: inline-block;
}
.objview-holder.inline {
	display: inline-block;
}
.objview-rule {
	margin: 1px;
	border-radius: 5px;
	background-color:  hsla(320, 90%, 40%, .1);
	border: solid 1px hsla(320, 90%, 40%, .6);
	
	display: inline-block;	
}
.objview-data {
	margin: 1px;
	border-radius: 5px;
	background-color:  hsla(200, 90%, 60%, .6);
	border: solid 1px hsla(200, 90%, 40%,.6);
	white-space: nowrap;
	display: inline-block;	
}
.objview-array {
	display: inline-block;	
	border-radius: 10px;
	padding: 1px;
	background-color:  hsla(200, 0%, 20%, .1);
	
}

.objview-value {
	font-family: "Courier New", Courier, monospace;
	display: inline-block;
	margin: 2px;
	padding: 2px;
	border-radius: 5px;
	background-color:  hsla(130, 90%, 40%, .1);
	
}
.objview-plaintext {
	font-family: "Courier New", Courier, monospace;
	display: inline-block;
	margin: 2px;
	padding: 2px;
	border-radius: 5px;
	color:  hsla(230, 30%, 20%, .9);
	background-color:  hsla(230, 30%, 90%, .6);
	border: solid 1px hsla(230, 30%, 40%, .6);
}

.objview-tag {
	border: solid 1px hsla(200, 100%, 60%, .6);
	background-color:  hsla(200, 100%, 50%, .6);
	color:  hsla(200, 100%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}
.objview-address {
	border: solid 1px hsla(270, 100%, 60%, .6);
	background-color:  hsla(270, 100%, 50%, .6);
	color:  hsla(270, 100%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-dynamicKey {
	border: solid 1px hsla(290, 50%, 80%, .6);
	background-color:  hsla(290, 50%, 90%, .6);
	color:  hsla(290, 50%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}


.objview-action {
	border: solid 1px hsla(20, 100%, 60%, .6);
	background-color:  hsla(20, 100%, 80%, .6);
	color:  hsla(20, 80%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-rule {
	border: solid 1px hsla(20, 0%, 60%, .6);
	background-color:  hsla(20, 0%, 80%, .6);
	color:  hsla(20, 0%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-function {
	border: solid 1px hsla(140, 90%, 60%, .6);
	background-color:  hsla(140, 90%, 80%, .6);
	color:  hsla(140, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-path {
	border: solid 1px hsla(300, 90%, 60%, .6);
	background-color:  hsla(300, 90%, 80%, .6);
	color:  hsla(300, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-forin {
	border: solid 1px hsla(270, 90%, 60%, .6);
	background-color:  hsla(270, 90%, 80%, .6);
	color:  hsla(270, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-exit {
	margin: 4px;
	border: solid 1px hsla(200, 10%, 60%, .6);
	background-color:  hsla(200, 10%, 80%, .6);
	color:  hsla(270, 10%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 10px;
}

.objview-targetMacro {
	padding: 4px 2px;
	border: solid 1px hsla(270, 90%, 60%, .6);
	background-color:  hsla(270, 90%, 80%, .6);
	color:  hsla(270, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 20px;
}
.objview-number {
	padding: 4px 2px;
	border: solid 1px hsla(270, 90%, 60%, .6);
	background-color:  hsla(270, 90%, 80%, .6);
	color:  hsla(270, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 20px;
}
.objview-operator {
	padding: 4px 2px;
	border: solid 1px hsla(220, 90%, 60%, .6);
	background-color:  hsla(220, 90%, 80%,.6);
	color:  hsla(270, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 20px;
}
.objview-op {
	padding: 4px 2px;
	border: solid 1px hsla(220, 90%, 60%, .6);
	background-color:  hsla(220, 100%, 70%, .6);
	color:  hsla(270, 90%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 20px;
}

.objview-traceryString {
	padding: 4px 2px;
	border: solid 1px hsla(170, 30%, 60%, 1);
	background-color:  hsla(170, 30%, 80%, 1);
	color:  hsla(170, 10%, 30%, 1);
	border-width: 0px 7px 0px 7px;
	border-radius: 20px;
}





.objview .content {
	
	display: inline-block;

}

.objview .header {
	display: flex;
}
.objview .footer {
	color: hsla(220, 70%, 40%, .5);
	font-size: 70%;
	font-style: italic;
}

.objview .title {
	font-weight: bold;
	flex: 1;
	
}
.objview .subtitle {
	color: hsla(150, 50%, 10%, .7);
	padding: 2px;
	font-style: italic;
	font-size: 70%;
	text-align: right;
	flex: 1;
	
}