html, body{
	height:100%;
	margin:0;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
	justify-content: center;
  align-items: center; 
}
#mainWrapper{
	position:absolute;
	left:0;
	top:0;
	width:calc(100% - 16px);
	height:calc(100% - 16px);
	background: white;
	margin:8px;
  box-sizing: border-box;
}
#lastUsedIconsPanel{
	background:#f3f3f3;
  box-sizing: border-box;
	width:100%;
  text-align: center;
  line-height: 1em;
  border-radius: 4px;
  margin-bottom: 0.5em;
}
#lastUsedIconsPanel svg {
	width:32px;
	height:32px;
	margin: 4px;
	cursor: pointer;
}

#closeIconsPanel{
	background:#f3f3f3;
  box-sizing: border-box;
	position:absolute;
	left:0;
	top:0em;
	width:100%;
	height:1em;
  text-align: center;
  font-size: 200%;
  line-height: 1em;
  cursor: pointer;
}
#closeIconsPanel:after{
	content:"▴ ▴ ▴";
	color:black;
}

#iconSelectWrapper{
	width: 100%;
	height:calc(100% - 8px);
  background: white;
  border-radius: 4px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  padding: 16px;
  box-sizing: border-box;
}
#openIconsPanel{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: white;
}
#openIconsPanelContentWrapper{
  display: flex;
	justify-content: center;
  align-items: center; 
  height: 100%;
}

#openIconsPanelContent{
  box-sizing: border-box;
	position:absolute;
	left:0;
	top:2em;
	width:100%;
	height:calc(100% - 2em);
  border-radius: 4px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  padding: 16px;
}

.iconSetBtn{
	float:left;
}
.iconSetBtn > div {
	flex-direction: column;
	justify-content: center;
  align-items: center;
	display:none;
	text-align: center;
	width: 64px;
	height: 64px;
	cursor: pointer;
	font-family: Roboto, Arial;
  font-size: 70%;
}
.iconSetBtn img{
	opacity: 0.7;
	margin-bottom:0.5em;

}
.svgIcon{
	width:64px;
	height:64px;
	margin: 4px;
	cursor: pointer;
}
.svgIcon * {
	fill:#333;
}
.svgIcon:hover *{
	fill:rgb(255,64,129);
}

.iconSet {

}
.iconSet img {
	width: 64px;
	height: 64px;
	cursor: pointer;
	margin:8px;
}