#app_panel {
	height: 600px;
	border: 10px solid black;
	position: relative;
	margin-right: 100px;
    border-radius: 10px;
    box-sizing: border-box;
}

.app_view {
	width: 100%;
	height: 530px;
	position:absolute;
	background: white;
	overflow-y: auto;
}

a.func_button {
	width: 200px;
	margin: auto;
	display: block;
}

#all_instances_list {
	top: 340px;
}

#login_button {
	top: 400px;
}

#status {
	position: relative;
	width: 300px;
	margin: auto;
	display: block;
	top: 150px;
	color: red;
	text-align: center;
}

#error {
	position: relative;
	width: 300px;
	margin: auto;
	display: block;
	top: 250px;
	color: red;
	text-align: center;
}
#toolbar {
	height: 30px;
	background-color: lightgray;
}

#logout {
	float:right;
	height: 30px;
	text-decoration: none;
    color: black;
    padding: 0 5px;
    border-left: 1px solid darkgray;
    cursor: pointer;
}

#logout * {
	cursor: pointer;
}

#logout:after {
	clear: both;	
}

#output {
	padding: 10px;
	height: 600px;
	border: 1px solid black;
	position: relative;
	white-space: break-spaces;
	overflow-y: auto;
}

.panels:after {
	content: "";
	display: table;
	clear: both;
}

.column {
	box-sizing: border-box;
	float: left;
	width: 400px;
}

.back_button {
	border-right: 1px solid darkgray;
	width: 30px;
    height: 100%;
    text-align: center;
    float: left;
    padding-top: 3px;
    cursor: pointer;
}

i.ur-info {
	position: absolute;
	top: 5px;
	right: 5px;
}

i.ur-delete {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.instance_item {
	padding: 10px;
}

.instance_item * {
	cursor: pointer;
}

.i-label {
	width: 90px;
	display: inline-block;	
}

.i-value {
	width: 250px;
	display: inline-block;	
}

.i-prop {
	border-bottom: 1px solid lightgray;
}

.instance_item {
	cursor: pointer;	
}

.instance_item, .thing_item {
	border-top: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	padding: 5px;
	position: relative;
}

#instance_thing_id {
	padding: 1px 5px;	
}

#share_dialog {
    position: absolute;
    border: 2px solid black;
    width: 300px;
    margin: auto;
    top: 250px;
    height: 100px;
    left: 40px;
}

.button-col {
	width: 50%;
	float: left;
}

.button-col:after {
	clear: both;	
}

.dialog-btn {
	width: 75px;
	margin: auto;
	display: block;	
}

#dialog-text {
	width: 250px;
	margin: auto;
	display: inline-block;
	padding: 18px 12px;
}

#version {
	height: 20px;
	background-color: black;
	color: white;
	padding: 1px 5px;
}

#close_share {
    float: right;
}

#close_share:after {
	clear: both;	
}

@media screen and (max-width: 1100px) {
	.column {
		float: none;
	}
	#output {
		margin-top: 50px;}
}