.jme-toolbar-btn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.jme-panel{
 display: flex;
 flex-wrap: wrap;
 max-width: 540px;	
 height: auto;
 background: #dadada;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}
.jme-toolbar{
 display: flex;
 flex-wrap: wrap;
 height: 96px;	
 flex-grow: 0.0;
 justify-content: space-around;
}
.jme-toolbar::after {
  content: "";
  flex: auto;
}
.jme-content{
	height: 200px;
	overflow: auto;
	flex-grow:1.0;
	border:1px solid #dadada;
	background: #ffffff;
	tabindex: -1;
	focusable: true;
}
.jme-output{
	height: 200px;
	/*overflow: auto;*/
	flex-grow:1.0;
	border:1px solid #dadada;
	background: #ffffff;
	tabindex: -1;
	focusable: true;
	display: none;
	padding: 5px;
}
.jme-output-text{
	height: 100%;
	width: 100%;
	margin:0px;
	padding: 0px;
	border: 0px;
}
.jme-dropdown-btn
{
  	width: 56px;
  	height: 26px;
  	padding: 0px;
	background: url("../images/icons.png") no-repeat;
	border: 1px solid white;
  	margin: 2px;
}
.jme-no-icon
{
	background: #dadada;
	line-height: 20px;
}

.jme-dropdown-btn:hover, .jme-dropdown-btn:focus {
  border:1px solid #2980B9;
}

.jme-dropdown {
  position: relative;
  display: inline-block;
}

.jme-dropdown-content {
  display: none;
  position: absolute;
  min-width: 150px;
  max-height: 200px;
  overflow: auto;
  box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
  background: #ffffff;
  z-index: 1;
}

.jme-dropdown-content a {
  color: black;
  width: 24px;
  height: 24px;
  padding: 0px 0px;
  margin: 2px 2px;
  text-decoration: none;
  display: inline-block;
  border: 1px solid white;
  background: url("../images/icons.png") no-repeat;
}
.jme-dropdown-content a.iconf {
  width: 44px;
  height: 24px;
}
.jme-dropdown-content a.jme-list-item {
  width: 144px;
  height: auto;
  padding: 0px 0px;
  background: none;
}
.jme-dropdown-content a.jme-color-icon {
  width: 16px;
  height: 16px;
  padding: 0px 0px;
  background: none;
}

.jme-dropdown a:hover {border: 1px solid #b0b0ff;}
.jme-dropdown a.jme-list-item:hover {background: #b0b0ff;}

.jme-show-menu {display: block;}

@media screen and (max-width: 500px) {
	.jme-toolbar{height: 128px;}
}
@media screen and (max-width: 377px) {
	.jme-toolbar{height: 160px;}
}