@smartface-blue: #3399CC;
.propertiesContainer {
    .containContent {
        width: 100%;
        height: 100%;
    }
    .lblComponentWrapper {
        & when (@preferences-flat) {
            height: 25px;
            line-height: 25px;
        }
    }
    .lblComponent {
        position: relative !important;
        min-height: 15px !important;
        color: @smartface-blue;
        & when (@preferences-flat) {
            padding: 0px;
            padding-left: 9px;
        }
        & when not (@preferences-flat) {
            padding-left: 9px;
        }
    }
    .properties {
        overflow-y: auto;
        width: 100%;
        height: 100%;
        padding-bottom: 50px;
    }
}

.prop-wrapper-outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.prop-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.smf-ui-editor-properties-sliderInput {
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }
}

// Make last color option transparent / ColorPicker
.sketch-picker :last-child :last-child :last-child :last-child {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAIAAAC3LO29AAAABGdBTUEAA1teXP8meAAAAAlwSFlzAAAOwwAADsMBx2+oZAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMzQDW3oAAAEfSURBVHhe7dixCQAxEMRAl+b+e3r4RA0IFJmdAsRteud2vg7FwhYaXFegWNhCg+sKFAtbaHBdgWJhCw2uK1AsbKHBdQWKhS00uK5AsbCFBtcVKBa20OC6AsXCFhpcV6BY2EKD6woUC1tocF2BYmELDa4rUCwckgWSBYqFLTS4rkCxsIUG1xUoFrbQ4LoCxcIWGlxXoFjYQoPrChQLW2hwXYFiYQsNritQLGyhwXUFioUtNLiuQLGwhQbXFSgWttDgugLFwhYaXFegWNhX3+C6AsXCFhpcV6BY2EKD6woUC1tocF2BYmELDa4rUCxsocF1BYqFLTS4rkCxsIUG1xUoFrbQ4LoCxcIWGlxXoFjYQoPrChQLW2hwXYFi4fWF9/5+5B4XCR0NSgAAAABJRU5ErkJggg==') !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    opacity: 0.5 !important;
}
