.trans_sofa_inactive {

    background: url('/TE/image/chair_grey.png');

    height: 16px;
    width: 16px;

    background-size: 16px;
    display: inline-block;
    position: relative;
}

.trans_baggage_inactive {
    background: url('/TE/image/mytransaction_ancillary.png') -8px -0px;
    width: 10px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.trans_shield_inactive {
    background: url('/TE/image/mytransaction_ancillary.png') -18px -0px;
    width: 12px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.trans_meals_inactive {
    background: url('/TE/image/mytransaction_ancillary.png') -30px -4px;
    width: 16px;
    height: 12px;
    display: inline-block;
    position: relative;
}

.trans_sofa_active {

    background: url('/TE/image/chair-color.png');

    height: 16px;
    width: 16px;

    background-size: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.trans_baggage_active {
    background: url('/TE/image/mytransaction_ancillary.png') -54px -0px;
    width: 10px;
    height: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.trans_shield_active {
    background: url('/TE/image/mytransaction_ancillary.png') -64px -0px;
    width: 12px;
    height: 16px;
    display: inline-block;
    position: relative;
}

.trans_meals_active {
    background: url('/TE/image/mytransaction_ancillary.png') -76px -4px;
    width: 16px;
    height: 12px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.trans_meals_hover_div,
.trans_baggage_hover_div,
.trans_sofa_hover_div,
.trans_shield_hover_div {
    display: none;
}

.trans_meals_active:hover .trans_meals_hover_div,
.trans_sofa_active:hover .trans_sofa_hover_div,
.trans_baggage_active:hover .trans_baggage_hover_div,
.trans_shield_active:hover .trans_shield_hover_div {
    display: block;
    position: absolute;
    background: #D3D3D3;
    border: 1px solid #D3D3D3;
    padding: 5px 10px;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    text-align: center;
    justify-content: center;
    width: max-content;
}