html
{
	background-color: #008080;
}

body
{
	/*margin: 15%;*/
	display: flex;
	justify-content: center;
}

.selected-tab-contents
{
	min-height: 100px;
	padding: 10px;
}

.selected-tab-contents[aria-selected="false"]
{
	display: none;
}

.icon-16
{
	width: 16px;
	height: 16px;
}


.icon-list
{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
}

.icon-list-entry
{
	display: flex;
	align-items: center;
	/*width: 400px;*/
	/*max-width: 400px;*/
}

.icon-list-entry .title
{
	margin-left: 5px;
	flex-grow: 1;
	font-weight: bold;
}

.top-window
{
	width: 450px;
	max-width: 450px;
}

.icon-list-entry + .icon-list-entry
{
	margin-top: 3px;
}
	
@media (min-width: 1024px)
{
	.top-window
	{
		width: 920px;
		max-width: 920px;
	}
	.icon-list
	{
		flex-direction: row;
	}
	.icon-list-entry
	{
		width: 400px;
		max-width: 400px;
	}
}



@media (max-width: 470px)
{
	.top-window
	{
		width: calc(100vw - 20px);
		max-width: auto;
	}
	.icon-list-entry
	{
		flex-grow: 1;
		width: auto;
		max-width: auto;
	}
}

button.square
{
	min-width: 26px;
	min-height: 26px;
	padding: 0px;
}

h2.list-title
{
	font-size: 12px;
	border-bottom: 1px solid #000000;
}