html
{
	font-family: Calibri, sans-serif;
}

.flex { display: flex; }
.flex > * {	flex-grow: 1; }
.flex-column { flex-direction: column; }
.flex-no-grow { flex-grow: unset; }

.hspace > * { margin: 0 2px; }

.w100 { width: 100%; }
.h100 { height: 100%; }

.icon-btn
{
	padding: 5px;
}

#app > *
{
	margin: 10px 0;
}

ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li
{
	padding: 5px 0;
	align-items: center;
}

ul li:nth-child(2n)
{
	background-color: #ddd;
}

ul li:hover
{
	background-color: #bbb;
}

ul li > *
{
	margin: 0 5px;
}

#generalButtons button
{
	padding: 5px;
	margin: 2px 0;
}

.select-editable
{
	min-width: 100px;
	position: relative;
}

.select-editable > *
{
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	outline: none;
}

.select-editable select
{
	width: 100%;
	height: 100%;
}

.select-editable input
{
	width: calc(100% - 20px);
	height: calc(100% - 2px);
	margin: 1px;
	border: none;
	text-overflow: ellipsis;
}