/* Legend styles */
.legend-color {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 8px;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

/* Container for legend items inside the gauge border */
.legend-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

/* This class adds a border, a background fill with adjustable opacity, and some padding */
.border-box1 {
    border: 1px solid #333; /* Matching line weight and color */
    background-color: #cfe2ff75;
    padding: 1px; /* Matching padding */
    border-radius: 4px; /* Rounded corners */
  }
  
  .btn-border {
    border: 1px solid #333;
  }