.note-count-input {
    margin:0 16px 0 12px;
    border-radius: 4px !important;
    color: black !important;
    max-width: 75px;
    background: white !important;
}

.note-content-container {
    margin: 24px 18px;
    justify-content: center;
}

.note-description {
    text-align: center;
}


.note-card {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    background: #313131;
    color: white;
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    display: block;
    position: relative;
    border-radius: 4px;
    width: 820px;
    max-width: 98%;
}

.product-list-container {
    padding: 16px;

}

.note-product {

}

.note-row {
    display: flex;
    flex-direction: row;
}

.note-product-article-nr {
    font-style: italic;
}

.note-product-title {
    font-size: 18px;
    margin-bottom: 6px;
}

.note-card-header {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 8px 20px;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.03);
    font-size: 1.35em;
}

.note-product-description {
    color: rgba(255, 255, 255, 0.72);
}

.note-product-image {
    width: 150px;
    max-width: 150px;
    margin-right: 16px;
}

.note-divider {
    height: 1px;
    background-color: #cacaca;
    margin: 24px 48px;
}

.note-card-footer {
    align-content: center;
    align-items: start;
    display: flex;
    justify-content: start;
    padding: 8px 20px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 12px;
    font-size: 1.35em;
}

@media screen and (max-width: 767px) {
    .note-row {
        flex-direction: column;
    }

    .note-buttons-filler {
        display: none;
    }

    .note-buttons {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
    }

    .note-buttons button, .note-card-footer button {
        margin: 8px 0;
    }

    /* .content--wrapper {
        text-align: center;
    } */

    .note-product-image {
        margin: 0 auto 12px auto;
    }

    .note-card-footer {
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }

    .note-first-button {
        margin-right: 0;
        margin-bottom: 6px;
    }
}