#dbInterfacePanel {
	display: none;
	position: absolute;
	top: 0em;
	left: 0em;
	right: 0em;
	bottom: 0em;
	background: var(--background-color-darker);
	z-index: 99;
}

#dbInterfacePanelControl {
	width: 100%;
    height: 3.5vh;
    background: var(--background-color-darker);
}

#dbInterfacePanelControl input,
#dbInterfacePanelControl span {
	font-size: 1em;
	height: 2.5vh;
    margin-top: 0.5em;
    margin-left: 0.5em;
    float: left;
}

.dbInterfacePanelButton {
	opacity: 1;
    margin-top: 1vmin;
    height: 2.5vmin;
    background: var(--background-color);
    border: none;
    font-weight: bold;
    color: var(--text-color-sidePanel);
    margin-left: -10vmin;
    border-radius: 0.5vmin;
}

#dbInterfacePanelControl span {
	float: right;
	margin-right: 1em;
	font-size: 1.5em;
}

#dbInterfacePanelQuery {
	width: 100%;
    height: 12vh;
    padding-top: 1vh;
}

#dbInterfacePanelQueryInput,
#dbInterfacePanelResults {
	width: 100%;
    height: 100%;
    resize: none;
    font-size: 1em;
    white-space: nowrap;
    background: var(--background-color);
	color: var(--text-color-sidePanel);
	text-align: left;
}

#dbInterfacePanelResultsPanel {
	width: 100%;
	height: 20em;
	height: 82vh;
    padding-top: 1em;
}

#dbInterfacePanelControlCloseButton {
    color: var(--text-color-sidePanel);
    cursor: pointer;
}

#dbInterfacePanelStatsLabel {
	color: var(--text-color-sidePanel);
	float: left;
	font-size: 1em;
	margin-left: 1em;
	margin-top: 0.8em;
}

#dbInterfacePanelDatabaseSelect,
#dbInterfacePanelCollectionSelect {
	margin-top: 3.5vh;
    margin-left: 0.5em;
    width: 13em;
}

#dbInterfacePanelCollectionSelect {
	margin-left: 14em;
}