body .ui-spinner {

    .ui-icon {
        position: relative;
    }

    a.ui-spinner-button {
        border: none;
        cursor: pointer;
        overflow: visible;

        &.ui-state-hover {
            background-color: transparent;
        }

        span.ui-button-text {
            padding-left: 0;
        }

        span.ui-icon-triangle-1-n {
            background-image: none !important;
            display: inline !important;
            &:before {
                font-family: 'Glyphicons Halflings';
                color: @admin-text-color;
                position: relative;
                font-size: @spinner-icon-size;
                top: -3px;
                left: 2px;
                font-weight: bold;
                overflow: hidden;
                content: "\e260" !important;
                @media (max-width: @screen-sm) {
                    font-size: @spinner-icon-size + 1;
                }
            }

        }

        span.ui-icon-triangle-1-s {
            background-image: none !important;
            display: inline !important;
            &:before {
                font-family: 'Glyphicons Halflings';
                color: @admin-text-color;
                position: relative;
                font-size: @spinner-icon-size;
                top: -6px;
                left: 2px;
                font-weight: bold;
                overflow: hidden;
                content: "\e259" !important;
                @media (max-width: @screen-sm) {
                    font-size: @spinner-icon-size + 1;
                }
            }

        }
        .ui-icon.icon-ripple {
            left: 10px;
        }
    }

    &.ui-state-error {
        border: none;
    }
}
