/* surrounds entire output */
/* set a height large enough to hold longest set of entries
   when using JS to keep things from bouncing around */
.az-outer {
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
}

/* All results for a single letter; only exists when using JS */
.az-section {
    display:block;
    color:black;
    margin-left:1em;
    margin-bottom:1em;
}
/* Heading letter + separator for empty items */
/* Set to display:none to hide */
.az-no-results {
    display:inline;
    color: rgba(0,0,0,0.4);
    padding-right: 1.5em;
}
/*
.az-no-results::after {
    content:"|";
    margin-left: 0;
}
*/
.az-header {
    background-color: white;
    text-align:center;
    width: 100%;
    padding:.5em 0 .5em 0;
    margin-bottom: 1em;
    overflow-x: scroll;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    font-size:90%;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.az-header::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.az-header {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* The active letters in the header + separator */
.az-headeritem {
    display:inline;
}
/* Just the active letters; overrides rule above */
.az-headeritem {
    color: #333;
    font-weight:bold;
    text-decoration:none;
    padding-right: .8em;
}
/*
a.az-headeritem::after {
    content:"|";
    margin-left: 10px;
    color: rgba(0,0,0,.3);
    font-weight: 400;
}
*/

/* Each line of results */
.az-item {
    display:block;
    color:black;
}
/* Separator character for heading letters */
span.az-separator {
    color:#808080;
    display:inline;
}
/* Anchor lines */
p.az-anchor {
    display:block;
}
span.az-anchor-letter {
    font-family:arial,sans-serif;
    color:black;
    font-weight:bold;
    margin:0;
}
/* Message when there are no results at all */
p.az-noData {
    color:red;
}