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