#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto;
  font-size: 15px;
}

th{
  font-size:12px;
}

td{
  font-size:12px;
}


.blink_me {
    animation-name: blinker;
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    color:red;
    font-weight:bold;
}
@keyframes blinker { 
 
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
.buttons {
  min-width: 310px;
  text-align: center;
  margin-bottom: 1.5rem;
  font-size: 0;
}
.buttons button {
  cursor: pointer;
  border: 1px solid silver;
  border-right-width: 0;
  background-color: #f8f8f8;
  font-size: 1rem;
  padding: 0.5rem;
  outline: none;
  transition-duration: 0.3s;
  margin: 0;
}

.buttons button:first-child {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0.3em;
}

.buttons button:last-child {
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
  border-right-width: 1px;
}

.buttons button:hover {
  color: white;
  background-color: rgb(158, 159, 163);
  outline: none;
}

.buttons button.active {
  background-color: #d65106;
  border-color: #d65106;
  color: white;
}

.buttons_data button {
        width: 150px; /* Adjust the width as needed */
        /* padding: 0 10px; */
        margin: 10px;
        border-radius: 5px;
        border: 2px solid #000; /* Replace #000 with your desired border color */
        border-left-color: green; /* Replace red with your desired color for the left border */
        border-top-color: green; /* Replace green with your desired color for the top border */
        border-right-color: green; /* Replace blue with your desired color for the right border */
        border-bottom-color: green; /* Replace yellow with your desired color for the bottom border */
    }

/* .highcharts-title{
  color:#fff !important;
} */