a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

#bracket.table td {
  line-height: 24px!important;
}

h3 {
  margin-bottom: 20px;
}

.background {
  fill: transparent;
  stroke: transparent !important;
}

#hidemap {
  font-size: 12!important;
  padding: 10px 10px 1px;
}

.togglebutton {
  border-radius: 5px;
  font-weight: 400!important;
  background-color: #eeeeee;
  padding: 7px 7px;
  color: #696969 !important;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0, 07);
  cursor: pointer;
  display: inline-block;
  text-align: center;
  height: 20px!important;
  text-decoration: none;
}

.togglebutton:hover {
  background-color: #bce3ff;
  text-decoration: none;
}

.togglebutton2 {
    height: 100% !important;
  border-radius: 5px;
  font-weight: 400;
  background-color: #eeeeee;
  color: #696969 !important;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0, 07);
  cursor: pointer;
  display: inline-block;
}

.togglebutton2:hover {
  background-color: #bce3ff;
  text-decoration: none;
}

.highlight {
  background-color: #275e84!important;
  color: #ffffff!important;
  font-weight: 600!important;
}

html {
  font-family: helvetica;
}

a:link {
  text-decoration: none;
}

.inactivelink:hover {
  background-color: #e7caec;
}

.toplink {
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  margin-bottom: 15px;
}

.toplink2 {
  padding: 1px 6px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 200;
  box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  margin-top: 10px;
}

.activelink {
  background: #803D8D;
  color: #ffffff;
}

.higher {
  background-color: #ededed;
  color: purple;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}

.lower {
  background-color: #ededed;
  color: green;
  font-weight: bold;
    padding-left: 3px;
  padding-right: 3px;
}

.inactivelink {
  background: #f9f9f9;
  color: #5f5f5f;
}

.boroughs {
  background: #424242;
  color: #e0e0e0;
}

.boroughs:hover {
  background: #464b79!important;
}

.vis {
  height: 90vmin;
  width: 100%;
  fill: transparent;
  stroke: transparent !important;
}

.vis2 {
  height: 400px;
  width: 100%;
  fill: transparent;
  stroke: transparent !important;
}

.vis3 {
  height: 75px;
  width: 100%;
  fill: transparent;
  stroke: transparent !important;
}

.bloks {
  display: inline-block;
  background: #fcfcfc;
  margin: 0;
  padding: 5px 5px;
  font-size: 12px;
  height: 100%;
}

#lowblock {
  width: 20%;
}

#midblock {
  width: 45%;
}

#highblock {
  width: 20%;
  text-align: right;
}

.xbuttonwrapper {
  border-bottom: 6px solid lightgray;
  padding-bottom: 3px;
  margin-bottom: 15px;
}

/* Example page specific styling. */


html {
  color: #111;
  background: #FFF;
  font-family: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

body {
  padding-left: 1rem;
  padding-right: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
}

label {
  display: block;
  margin-bottom: 0.5rem;
}

code {
  padding-left: 0.5em;
  padding-right: 0.5em;
  background: #EFEFEF;
  font-weight: normal;
  font-family: monospace;
}

main {
  margin-left: auto;
  margin-right: auto;
}

.autocomplete-wrapper {
  max-width: 40em;
}

.submitted--hidden {
  display: none;
}





/* Map chart CSS */


.grid-container {
  display: grid;
  grid-gap: 10px 0px;
  font-size: 12px;
  font-family: helvetica;
  padding-top: 8px;
  padding-bottom: 8px;
}

.grid-item {
  padding-left: 2px;
}

.item1 {
  grid-column: 1;
  text-align: right;
}

.item2 {
  grid-column: 2 / span 5;
  text-align: right;
}

#lowbar {
  height: 100%;
  background: #979797;
}

#yourbar {
  background: #979797;
}

#highbar {
  background: #979797;
}

.barcontent {
  color: white;
  padding-right: 5px;
  font-weight: bold;
}

.summary {
  display: inline-block;
  font-size: 13px;
  width: 100%;
  /*
  border-left: 5px solid #bfbfbf;
  */
  padding-left: 5px;
  background-color: #f7f7f7;
  padding-top: 10px;
  padding-bottom: 10px;
}

td {
  text-align: right;
}

.tablebar2 {
  height: 100%;
  background-color: rgb(218, 240, 218);
  padding-right: 3px;
  font-weight: bold;
  border-radius: 10px;
  width: 100%;
}

.tablebar {
  height: 100%;
    width: 100%;
    border-bottom: 5px solid rgb(189, 201, 189);
      border-radius: 2px;

}

.tabledot {
  border-right: 5px solid #ff34ce;
  display: inline-block;
}

table th {
  color: #4e4e4e ! important;
}

.table .thead-dark th {
  color: #fff ! important;
  background-color: #343a40;
  border-color: #454d55;
}

.data-in {
  font-weight: bold;
  background-color: #ededed;
  color: #313131;
  padding-left: 3px;
  padding-right: 3px;
}

.median {
  border-right: 5px solid #858585;
  display: inline-block;
}

.lohi {
  line-height: 38px;
}


/* use this class to position elements off-screen so that only screen readers encounter them*/
.sronly {
position: absolute;
left: -9999px;
}
 /* use aria-hidden="true" for visual-only (non-screen reader) elements */

 .h2sm {
   font-size: 20px;
 }


                                     /* Start - classes for the topline data page buttons*/
                                    .xbutton {
                                        display: inline-block;
                                        padding: 10px 5px;
                                        font-family: helvetica;
                                        text-decoration: none;
                                        margin-bottom: 30px;
                                    }

                                    .xbutton-milestone {
                                        background-color: #ffffff;
                                        border-bottom: 5px solid #a8a8a8;
                                        color: #006f93;
                                    }

                                    .xbutton-milestone:hover {
                                        background-color: #dcdcdc;
                                    }

                                    .xbutton-active {
                                        background-color: #ccb1d1;
                                        color: #161616 !important;
                                        font-weight: bold;
                                        border-bottom: 5px solid #803D8D;
                                    }

                                    .xbutton-active:hover {
                                        background-color: #c2a1c8;
                                    }

                                    .xbutton-inactive {
                                        background-color: #f9f9f9;
                                        border-bottom: 5px solid #6e6e6e;
                                        color: #006f93;
                                    }

                                    .xbutton-inactive:hover {
                                        background-color: #dcdcdc;
                                    }