/* for speed legend */
.red-tooltip {
    background: #d7191c;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.orange-tooltip {
    background: #fdae61;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.green-tooltip {
    background: #1a9641;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.blue-tooltip {
    background: #00a5f1ff;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.dark-tooltip {
    background: #797979;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; } .info h4 { margin: 0 0 5px; color: #777; }
.legend { text-align: left; line-height: 18px; color: #555; } .legend i { width: 18px; height: 18px; float: left; margin-right: 8px; opacity: 0.7; }

/* for 4G Legend */
.cyan-tooltip {
    background: #d7191c;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.emerald-tooltip {
    background: #fdae61;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}

.yellow-tooltip {
    background: #1a9641;
    border: 1px solid #ffffff;
    color: #ffffff; /* Optional: change text color */
}