@import "variables";

.vn-order-prices-popover .content {
    max-width: 350px;

    .header > a:first-child {
        visibility: hidden;
    }
    img[ng-src] {
        height: 100%;
        width: 100%;
    }
    vn-vertical.data {
        padding-right: 16px;
        border-right: 1px solid $color-main;
    }
    .prices {
        vn-table {
            .warehouse {
                width: 48px;
                max-width: 48px;
            }
            .price-kg {
                color: $color-font-secondary;
                font-size: .75rem
            }
            .vn-input-number {
                width: 56px;
            }
        }
        .footer {
            text-align: center;

            .error {
                display: none;
            }
            &.invalid {
                .error {
                    display: block;
                    padding-top: 10px;
                    color: $color-alert;
                    text-align: center;
                }
            }
        }
    }
}