.price-monitor { width: 100%; max-width: 300px; font-family: sans-serif; margin: 10px 0; }
.pm-labels { display: flex; justify-content: space-between; font-size: 11px; margin-bottom: 4px; color: #777; }
.pm-status { font-weight: bold; font-size: 12px; }
.pm-line-wrapper { position: relative; height: 16px; display: flex; align-items: center; }
.pm-line { position: relative; width: 100%; height: 6px; background: #eee; border-radius: 3px; overflow: visible; display: flex; }
.pm-zone { height: 100%; }
.pz-excellent { width: 30%; background: #2ecc71; border-radius: 3px 0 0 3px; }
.pz-good { width: 20%; background: #8bc34a; }
.pz-normal { width: 25%; background: #f39c12; }
.pz-high { width: 25%; background: #e74c3c; border-radius: 0 3px 3px 0; }
.pm-pointer { 
    position: absolute; width: 12px; height: 12px; background: #333; 
    border: 2px solid #fff; border-radius: 50%; top: 50%; 
    transform: translate(-50%, -50%); box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    z-index: 10;
}

.m-bom-send{
    margin-bottom: 10px;
}

.new-city{
    margin: 5px 0px;
}

.new-msgs{
    margin: 5px 0px;
}

@media(max-width:768px){
    .city.new-city{
        display: none;
    }
}

@media(min-width:768px){
    .city{
        display: none;
    }
    .city.new-city{
        display: flex;
    }
}