html, body {
		width: 100%;
	height: 100%;
	overflow: hidden;
}
main {
	width: 100%;
	height: 100%;
	overflow: hidden;

}
h3 {
	padding: 0;
	margin: 0;
}

.inset {
	background: white;
	margin: 3px;
	padding: 2px 4px;
	border-radius: 10px;
}
#editor-connectionlayer {
	z-index: 10;
	pointer-events: none;
}

#editor-cardlayer {
	z-index: 10;
}
.rotation-corner {
	  visibility: hidden;
	position: absolute;
	width: 20px;
	height: 20px;
	cursor: pointer;

}

.selected .rotation-corner {
	  visibility: visible;
	}

.editor-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}
#editor-columns {
	width: 100%;
	height: 100%;
	display: flex;
}

#editor-table {
	overflow: scroll;
	position: relative;
	flex: 1;
	background-color: hsla(220, 50%, 80%, 1);
}

#editor-browser {

	position: relative;
	background-color: hsla(220, 20%, 40%, 1);
	width: 290px;
	flex-direction: column;
	display: flex;
}

#editor-overlay {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
}

#editor-index{
	overflow: scroll;
	flex: 1;
}
#editor-index .card {
	margin: 10px;
	
}
.createacard-type:focus {
outline:0;
}
.createacard-type.selected {
background-color: hsla(220, 60%, 80%, 1);
	
}
.data-line {
	display: flex;
}
.data-value {
flex: 1;
background-color: hsla(220, 60%, 80%, 1);

}
.data-label {
	width: 20%;
	display: inline-block;
	padding: 3px;
	font-weight: bold;
}
.edge-group {
	
}