﻿.number-style input {
    float: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 20px;
}

.number-style span {
    border-radius: 0px;
    border: none;
    margin: 0px;
}

    .number-style span.number-plus {
        border-color: #009cf6;
        color: #FFF;
        background-color: #009cf6;
        /*
border-top-right-radius:6px;
border-bottom-right-radius:6px;
*/
    }

    .number-style span.number-minus {
        background-color: #fe0021;
        border-color: #fe0021;
    }

        .number-style span.number-plus:before,
        .number-style span.number-plus:after,
        .number-style span.number-minus:before,
        .number-style span.number-minus:after {
            background-color: #FFF;
        }

.options-panel .form-row label {
    width: auto;
    margin-right: 10px;
    min-width: initial;
}

.options-panel .form-row label {
    padding-top: 0px;
    margin-left: 5px;
}

.number-style {
    position: relative;
    float: left;
}
    .number-style span.disabled {
        background-color: #a4a3a0;
        border-color: #a4a3a0;
    }

    .number-style.disabled:after {
        content: '';
        width: 80px;
        height: 24px;
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,0);
    }

    .number-style.disabled span.number-plus {
        background-color: #959595;
        border: 1px solid #959595;
    }



@media (min-width : 320px) and (max-width : 667px) {
    .number-style input {
        height: 23px;
    }
}