html {
	height: 100vh;
}

body {
	height: 100%;
	overflow: hidden;
	margin: 0px;
	display: flex;
	box-sizing: border-box;
}

.root {
	min-width: 100%;
	min-height: 100%;
}

.main-column-shim {
	width: 55px;
	min-width: 55px;
}

.main-height {
	height: calc(100vh - 72px);
}

.sidenav-height {
	height: calc(100vh - 72px);
}

.padded {
	padding: 0.5em;
}

@media only screen and (min-width: 768px) {
	.main {
		flex-direction: row;
	}
}

a[disabled] {
	pointer-events: none;
}

.btn-xs {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	font-size: 0.8em;
}

/* TO-DO: put this in plugin sdk */
.btn.btn-outline-secondary.delete:hover {
	color: #fff;
	background-color: #e74c3c;
	border-color: #e74c3c;
}

.wide-button {
	width: 300px !important;
}

.narrow {
	width: 10px;
}

.border-1 {
	border-width: 1px !important;
}

.border-2 {
	border-width: 2px !important;
}

.border-3 {
	border-width: 3px !important;
}

.border-4 {
	border-width: 4px !important;
}