.disable-object {
    pointer-events: none;
    color: graytext;
    background-color: darkgray !important;
}
.object-lock{
    lock:lock;
    background: url(../images/icon-tool10-lock.png) no-repeat 50% #f0f0f0 !important;
}

#opacity-object{
    -webkit-appearance: none;
}

#opacity-object::-webkit-slider-runnable-track {
    height: 3px;
    background: #ddd;
    border: none;
    border-radius: 1px;
}

#opacity-object::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: url(../images/knob.png) no-repeat;
    margin-top: -4px;
}

#opacity-object:focus {
    outline: none;
}

#opacity-object:focus::-webkit-slider-runnable-track {
    background: #ccc;
}


#opacity-object::-moz-range-track {
    height: 3px;
    background: #ddd;
    border: none;
    border-radius: 1px;
}

#opacity-object::-moz-range-thumb {
    border: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: url(../images/knob.png) no-repeat;
}

/*hide the outline behind the border*/
#opacity-object:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

#opacity-object:focus::-moz-range-track {
    background: #ccc;
}
.create-image.active {
    outline: 2px solid #28aadc;
}

.create-object img.ui-draggable{
    background: none;
    border: none;
}

.create-object img.ui-draggable-dragging{
    z-index: 101;
}