/* Styles for validation helpers
-----------------------------------------------------------*/
.pfg-product-thumbnail {
    width: 68px;
    height: 68px;
    object-fit: contain;
    cursor: pointer;
}
.link-like-button {
    color: #17365d; /* Default link color */
    text-decoration: underline; /* Underline by default */
    cursor: pointer; /* Change cursor to pointer on hover */
    margin-left: 5px;
}

    .link-like-button:hover {
        color: darkblue; /* Change color on hover */
    }

.down-arrow-box {
    cursor: pointer;
}

.pfg-product-number {
    font-weight: 600;
    cursor: pointer;
}

.pfg-product-description {
    font-weight: 600;
    cursor: pointer;
}

.pfg-product-badge {
    margin-left: 4px;
    cursor: pointer;
    font-weight: 600;
}
.pfg-product-brand {

}

.error-red {
    color: #b5121b
}

.cool-grey {
    color: #4d5358
}

.primary-blue{
    color: blue;
}

.positive-green {
    color: #1b8031
}

.dollar-symbol {
    position:absolute;
    left: 4px;
    transform: translateY(25%);
}
.percent-symbol {
    position: absolute;
    right: 4px;
    transform: translateY(25%);
}

.price-input-container {
    max-width: 124px;
    justify-self: right;
    position: relative;
}
.margin-input-container {
    max-width: 124px;
    justify-self: right;
    position: relative;
}

.margin-input {
    text-align: right;
    padding-block: 1px;
    padding-inline: 2px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 4px;

}

.price-input {
    text-align: right;
    padding-block: 1px;
    padding-inline: 2px;
    padding-left: 18px;
    padding-right: 18px;
    border-radius: 4px;
}

.note-input {
    padding-block: 1px;
    padding-inline: 2px;
    border-radius: 4px;
    max-width: unset;
}

.opacity-2 {
    opacity: 0.5
}