body {
    color: #000;
    font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size: 14px;
    background: #F7F7F7;
}

.glyphs {
          display: flex;
          flex-wrap: wrap;
}
.glyphs .glyph {
          box-sizing: border-box;
          background: #e0ddd5;
         color: #171e42;
          padding: 2px;
          margin: 5px;
}
.glyph svg {
        width: 50px;
        height: 50px;
        background: #eeeeee;
}
.glyphs .caption {
    margin: 0 auto;
    max-width: 50px;
    text-align: center;
    font-size: 9px;
    }

#glyphtable {
	max-height: 70%;
	max-width: 90%;
	overflow-y: auto;
}

#whoisdata {
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 500px;
	max-height: 600px;
	overflow-y: auto;
}


.xnbutton {
	padding: 2px 8px 3px; 
	border-radius: 4px; 
	font-weight: bold; 
	text-shadow: none; 
	background: rgb(102, 102, 102); 
	color: white;
}
/*
#select {
	margin-top: 1em;
} */
#buttons {
	display: inline-block;
	margin-left: 15px;
}
#show {
	display: inline-block;
	margin-left: 15px;
	min-width: 250px;
}
#show > span {
	display: block;
}	
#buttons > span {
	display: block;
	margin: 3px;
}	
#edit > span {
	vertical-align: top;
	display: inline-block;
}
#script {
	margin-top: 0.5em;
}
#barcode > svg {
        width: 80px;
        height: 80px;
}