.d4p-slider-ctrl {
    margin-bottom: 30px;

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    input[type=number] {
        -moz-appearance: textfield;
        text-align: right;
        width: 50px;
        float: right;
    }

    .customize-control-title {
        display: inline-block;
    }

    .customize-control-description {
        clear: both;
        margin-top: 5px;
    }

    .slider {
        width: 85%;
        float: left;
        margin: 20px 0 10px;
    }

    .slider-reset {
        float: right;
        cursor: pointer;
    }

    .slider-value {
        border: none;
        text-align: right;
        width: 50px;
        margin-right: 5px;
    }

    .slider-value,
    .slider-unit {
        float: right;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #F4F4F4;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-right,
    .ui-corner-br {
        border-bottom-right-radius: 3px;
    }

    .ui-corner-all,
    .ui-corner-bottom,
    .ui-corner-left,
    .ui-corner-bl {
        border-bottom-left-radius: 3px;
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-right,
    .ui-corner-tr {
        border-top-right-radius: 3px;
    }

    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl {
        border-top-left-radius: 3px;
    }

    .ui-widget-content {
        background: #F4F4F4 none repeat scroll 0 0;
        color: #333;
    }

    .ui-slider-horizontal {
        height: 3px;
    }

    .ui-slider {
        position: relative;
        text-align: left;

        .ui-slider-handle {
            cursor: pointer;
            height: 14px;
            position: absolute;
            width: 14px;
            z-index: 2;
        }
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    .ui-button.ui-state-disabled:hover,
    .ui-button.ui-state-disabled:active {
        background: #2885BB none repeat scroll 0 0;
        border: 1px solid #2885BB;
        color: #454545;
        font-weight: normal;
    }

    .ui-slider-horizontal .ui-slider-handle {
        margin-left: -7px;
        top: -7px;
        border-radius: 50%;
    }

    .dashicons-image-rotate:hover {
        color: #A7A7A7;
    }

    .dashicons-image-rotate {
        margin-top: 10px;
        color: #D4D4D4;
        font-size: 16px;
    }
}
