.detail-header {
    background-color: #F8F9F9;
}
.detail-header p {
    font-weight: 500;
    font-size: 150%;
    color: #797D7F;
    margin: 0;
}

.details-bottom-border {
    border-bottom: solid 2px #5D6D7E
}

.detail-price {
    margin-top: 5%;
}

.detail-price .sale-price {
    color: red;
    font-weight: bold;
}

.nutrition-overview {
    padding: 3% 5% 3% 5%;
    font-size: 115%;
    font-weight: 500;
}

.nutrition-overview p {
    font-size: 65%;
    color: #839192
}

#modalItemDetails .modal-button {
    width: 100%;
    height: 100%;
    /*background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);*/
}

#modalItemDetails .modal-dialog {
    width: 90%;
    height: 90%;
    /*height: auto;*/
    margin: 2% auto 0 auto;
}

#modalItemDetails .modal-body {
    padding: 3% 5% 3% 5%;
    overflow-y: scroll;
    max-height: 75vh;
}

#modalItemDetails .modal-footer {
    text-align: right;
}

#modalItemDetails .image-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    height: 350px;
}

#modalItemDetails .image-wrapper img {
    margin: 0 auto 0 auto;
    width: 50%;
    max-height: 100%;
}

#nutritionFactsBox {
    font-family: Arial, Helvetica, sans-serif;
    border: solid 1px lightgrey;
    padding: 5% 2% 1% 2%;
}
#nutritionFactsBox .bottom-border {
    border-bottom: solid thin grey;
}

#nutritionFactsBox th {
    font-weight: normal;
}

#divItemQuantity div {
    height: 100%;
}

#divIngredients {
    padding: 5% 2% 5% 2%; 
}

#divIngredients p {
    font-size: 125%;
}

#wrapperSecondaryImages {
    margin-top: 2%;
    text-align: center;
}

#wrapperSecondaryImages img {
    max-width: 16% !important;
    max-height: 16% !important;
}

#wrapperSecondaryImages img:hover {
    cursor: pointer;
}