.redux-container-spinner {
    .spinner-wrpr {
        position: relative;
        display: block;
        height: 30px;
        overflow: hidden;
    }
    .ui-spinner {
        position: static;
        display: inline;
    }
    .spinner-wrpr .spinner-input {
        position: relative !important;
        z-index: 1;
        width: 45px !important;
        height: 30px !important;
        background: #e7e7e7 !important;
        border: 1px solid #bfbfbf !important;
        border-right: 0 !important;
        border-left: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    .ui-spinner-buttons {
        position: absolute;
        padding: 0;
    }
    .ui-widget .ui-spinner-button {
        position: absolute;
        top: 0;
        padding: 0 0 30px;
        overflow: hidden;
        cursor: pointer;
        background: -moz-linear-gradient(white, #f3f3f3);
        background: -o-linear-gradient(white, #f3f3f3);
        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#f3f3f3));
        background: linear-gradient(white, #f3f3f3);
        background-color: #ffffff;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .ui-spinner-button:hover, .ui-state-hover {
        background: -moz-linear-gradient(#f3f3f3, white);
        background: -o-linear-gradient(#f3f3f3, white);
        background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(white));
        background: linear-gradient(#f3f3f3, white);
        background-color: #f3f3f3;
    }
    .ui-corner-tr, .ui-spinner-button .ui-icon-triangle-1-n {
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
    }
    .ui-corner-br {
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
    }
    .ui-spinner-button {
        .ui-icon-triangle-1-s {
            -webkit-border-radius: 5px 0 0 5px;
            -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
        }
        .ui-icon {
            top: 0;
            display: block;
            width: 28px;
            height: 28px;
            margin: 0;
            border: 1px solid #b7b7b7;
        }
        .ui-icon-triangle-1-n {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADxJREFUeNpsjwsKADAIQu3u3tsRY6M5gz7w0AqSQFLdZ3ZRgmf44JQ/EOZ9oYOsiDviVemP2oYoWCwBBgDpO6VXVo3RyQAAAABJRU5ErkJggg==) 10px 10px no-repeat;
        }
        .ui-icon-triangle-1-s {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi+P//PwM6bmlpwS4IorEKokggC8Il0AVhEv9x6sAmiaz9P05XIUsygmVRAUiAESDAAFHcpVdWtdj/AAAAAElFTkSuQmCC) 10px 10px no-repeat;
        }
    }
}
