#chartContainer {
  height: 300px;
  width: 100%;
}

.myMargin {
  margin-bottom: 10px;
  height: 100px;
}

.green {
  color: #008000;
}

.yellow {
  color: #dfdf20;
}

.orange {
  color: #ffa500;
}

.red {
  color: red;
}

.purple {
  color: purple;
}

.maroon {
  color: maroon;
}

.dropdown-menu {
    /*right: auto !important;*/
    left: 20% !important;
    -webkit-transform: translate(-20%, 0) !important;
    -o-transform: translate(-20%, 0) !important;
    transform: translate(-20%, 0) !important;
}
html {
  scroll-behavior: smooth !important;
}