
    .value-button {
        display: inline-block;
        border: 1px solid #ddd;
        margin: 0px;
        width: 40px;
        height: 40px;
        text-align: center;
        vertical-align: middle;
        padding: 5px 0;
        background: #eee;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .value-button:hover {
        cursor: pointer;
    }

    #decrease {
        margin-right: -4px;
        border-radius: 8px 0 0 8px;
    }

    #increase {
        margin-left: -4px;
        border-radius: 0 8px 8px 0;
    }

    .number {
        text-align: center;
        border: none;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin: 0px;
        width: 40px;
        height: 45px;
    }

    .number::-webkit-inner-spin-button,
    .number::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .modal-backdrop-cart
    {
        opacity:0.5 !important;
    }

    .modal-body
    {
        color:#212529 !important;
    }
