#buttons-order,
#shortcode-buttons-order {
	position: relative;
}

#buttons-order > .draggable-element,
#shortcode-buttons-order > .draggable-element {
	position: relative;
	max-width: 100%;
	width: 300px;
	height: 2em;
	background: #fcfcfc;
	margin-bottom: 0.5em;
	padding: 0.5em;
	box-shadow: rgba( 0, 0, 0, 0.3 ) 0px 0px 1px 1px;
	cursor: move;
	z-index: 1;
}

#buttons-order > .draggable-element *,
#shortcode-buttons-order > .draggable-element * {
	cursor: move;
}

#buttons-order > .draggable-element.ui-draggable-dragging,
#shortcode-buttons-order > .draggable-element.ui-draggable-dragging {
	z-index: 100;
}

#buttons-order > .draggable-element label,
#shortcode-buttons-order > .draggable-element label {
	height: 1em;
	position: absolute;
	left: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}

.draggable-indicator {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0.5em;
	top: 0;
	bottom: 0;
	margin: auto;
}

.draggable-indicator rect {
	fill: #ccc;
}

.ui-sortable-helper {
	background-color: #000;
}

.ess-use-default {
	font-size: 0;
	text-decoration: none;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.ess-use-default:hover,
.ess-use-default:active,
.ess-use-default:visited,
.ess-use-default:focus {
	font-size: initial;
    text-decoration: none;
    outline: none;
    box-shadow:none;
	border-color:transparent;
}

.ess-use-default:before {
    width: 25px;
    height: 25px;
    margin-top: 2px;
    margin-right: 5px;
    font-size: 25px;
}

.helper-image {
    display: block;
    margin: 7px auto auto 25px;
}

#ess-shortcode-update-notice {
	visibility: hidden;
	color: #008000;
}