/*** Number Input ***/
.input-magic-number-container {
    display: inline-flex;
    align-items: center;
    background-color: unset;
    border: solid 1px #cbcbcb;
    border-radius: 0;
    width:unset!important;
}

input[type="number"].input-magic {
    /* Hide the default number input spinner */
    -webkit-appearance: textfield!important;
    -moz-appearance: textfield!important;
    appearance: textfield!important;

    text-align: center!important;
    border: none!important;
    background-color: unset!important;
    line-height: 1em!important;
    font-size: 12px!important;
    font-weight: 500!important;
    min-width: unset!important;
    max-width:unset!important;
    padding: 0px!important;
    padding-top: 3px!important;
    width: 18px!important;
}

.input-magic-minus, 
.input-magic-plus {
    /* Style your plus and minus buttons */
    border: none;
    cursor: pointer;
    padding: 0 12px;
    background-color: unset;
    color: #2223257d;
    font-size: 26px;
    line-height: 1.2em;
    font-weight: 300;
}
.input-magic-minus {
    padding-right: 0;
    max-width: 21px;
    margin-right: 6px;
    overflow: hidden;
}
.input-magic-plus {
    padding-left: 6px;
}

input[type="number"].input-magic::-webkit-outer-spin-button,
input[type="number"].input-magic::-webkit-inner-spin-button {
    /* Hide webkit default spinner */
    -webkit-appearance: none;
    margin: 0;
}