.cartpackageinfo-container {
    display: none;
    box-sizing: border-box;
    padding: 20px;
    margin: 20px;
    width: calc(100% - 40px);
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cartpackageinfo-container .cartpackageinfo-image {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cartpackageinfo-container .cartpackageinfo-message {
    margin-left: 20px;
}

.cartpackageinfo-container.state-50 {
    display: flex;
    background-color: white;
    color: rgb(229,147,59);
}
.cartpackageinfo-container.state-50 .cartpackageinfo-image {
    background-image: url(../img/state-50.png);
}

.cartpackageinfo-container.state-80 {
    display: flex;
    background-color: white;
    color: rgb(235,211,71);
}

.cartpackageinfo-container.state-80 .cartpackageinfo-image {
    background-image: url(../img/state-80.png);
}

.cartpackageinfo-container.state-110 {
    display: flex;
    background-color: white;
    color: rgb(147,186,99);
}

.cartpackageinfo-container.state-110 .cartpackageinfo-image {
    background-image: url(../img/state-110.png);
}