.fw-component-bar {
	font-size: 14px;
	padding: 10px 15px;
	min-height: 35px;
}

.fw-component-controls{
	float: right;
}

.fw-end {
	display: none;
}

.fw-shortcode:hover {
	cursor:pointer;
	display: inline-block;
}

.unselectable {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.fw-shortcode {
	display: inline-block;
	position: relative;
	width:99%;
	box-sizing: border-box;
	padding: 12px 4px 12px 2px;
	line-height: 24px;

	border: 1px solid #ededed;
	font-size: 13px;
	color: #8c8c8c;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	cursor: pointer;
}

.fw-shortcode img {
	box-shadow: none;
	border-radius: 0;
	margin-right: 9px;
	display: inline-block;
	vertical-align: middle;
	max-width: 15px;
}

.fw-shortcode:hover .fw-item-buttons {
	display: inline-block;
	vertical-align: middle;
	line-height: 24px;
}

.fw-item-buttons {
	display: none;
}

.fw-item-buttons i {
	font-size: 15px;
	cursor: pointer;
	color: #b2b2b2;
	vertical-align: middle;
}


.fw-shortcode span.fw-ext-builder-icon {
	color: #8c8c8c;
	font-size: 16px;
	position: relative;
	bottom: -1px;
	margin-right: 5px;
}

.fw-shortcode span.fw-ext-builder-icon.fa {
	bottom: 0;
}

.fw-shortcode span.fw-ext-builder-icon.dashicons {
	/* dashicons are smaller than font grid (it's like padding), I don't know why the font was created like that */
	font-size: 20px;
	font-family: 'dashicons';
	margin-right: 7px;
}

.fw-shortcode span.fw-item-buttons i:hover {
  color: #8c8c8c;
}

