.fastorder-productListing {
    display: table;
    margin: 0.5rem 0;
}

.fastorder-button-wrapper {
    text-align: right;
}

.fastorder-button {
    display: inline-block;
}

.fastorder-item {
    display: table-row;
}

.fastorder-item > * {
    display: table-cell;
    vertical-align: middle;
}

.fastorder-item .cs-articleAmountBox {
    position: relative; /* establishes origin for absolutely positioned SVGs */
    width: 6em;
}

.fastorder-item .cs-articleAmountBox > input {
    text-align: center;
    appearance: textfield;
    width: 100%;
}

.fastorder-item .cs-articleAmountBox > svg {
    position: absolute;
    width: 2.1em;
    height: 2.1em;
    top: calc(50% - 1.2em); /* 1.2em is eyeballed, essentially a config knob for manual vertical centering */
    cursor: pointer;
}

.fastorder-item .cs-articleAmountBox > svg.icon-minus {
    left: 2px;
}

.fastorder-item .cs-articleAmountBox > svg.icon-plus {
    right: 2px;
}

.fastorder-item .cs-articleAmountBox > input[disabled] {
    background: rgb(240, 240, 240);
    color: rgb(128, 128, 128);
}

.fastorder-item .cs-articleAmountBox > input[disabled] ~ svg {
    cursor: not-allowed;
}

.fastorder-item .cs-articleAmountBox > input[disabled] ~ svg * {
    fill: rgb(128, 128, 128);
}
.fastorder-item-header {
    font-weight: bold;
}