.menge-input {
    text-align: left !important;
    display: inline-block;
}

div.number-spin-btn-container {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin-left: -15px;
    padding: 0; }

div.number-spin-btn {
    width: 1.2em; }

div.number-spin-btn:hover {
    cursor: pointer; }

div.number-spin-btn-up {
    color: #999999;
    border-bottom-width: 1px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

div.number-spin-btn-up:before {
    content: '\f077';
    opacity: 0;
}

.number-spin-btn {
    color: #999999;
}

.number-spin-btn svg {
    width: 10px;
    font-size: 10px;
}

div.number-spin-btn-up:active {
    border-bottom-width: 1px; }

div.number-spin-btn-up:active:before {
    border-bottom-color: white;
    top: 26%;
    left: 51%; }

div.number-spin-btn-down {
    color: #999999;
    border-top-width: 1px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px; }

div.number-spin-btn-down:before {
    content: '\f078';
    opacity: 0;
}

div.number-spin-btn-down:active {
    border-top-width: 1px; }

div.number-spin-btn-down:active:before {
    border-top-color: white;
    top: 76%;
    left: 51%; }

div.number-spin-btn-up:before,
div.number-spin-btn-down:before {
    font-family: 'Font Awesome 5 Pro';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    left: 50%;
    margin: -0.15em 0 0 -0.3em;
    padding: 0;
}