.radio-group .form-check {
    padding-left: 0;
  }

.radio-group .btn-group label{
  border-color: black;
  color:black;
}
.radio-group .btn-group label.active{
  border-color:black;
}

label[for$="Rockford MSA"]:hover,
label[for$="Rockford MSA"].active{
    background-color:#5B5068 !important;
    color:white !important;
}


label[for$="Winnebago County"]:hover,
label[for$="Winnebago County"].active
{
  background-color: #1E557B !important;
  color:white !important;
}


label[for$="Boone County"]:hover,
label[for$="Boone County"].active{
  background-color: #628356 !important;
  color:white !important;
}

.modal-plot-button-group-labels,
.modal-plot-button-group-labels:hover:not(.active)
{
  color:black;
}

.modal-plot-button-group-labels.active,
.modal-plot-button-group-labels:hover{
  background-color: gray;
}

label[for*="Real"]{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

label[for*="Nominal"]{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

@media (min-width:768px){
  .radio-group .btn-group > .form-check:not(:last-child) > .btn{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .radio-group .btn-group > .form-check:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
  }
}
@media(max-width:767px){
.form-check{
  height:2.75rem;
}

.modal-region-button{
    width:75%;
  }

  .modal-plot-button-group:not(:has(label[for*="Real"])){
  column-gap:0.5rem;
}
  
}