button {
  &.atozblockbuttons {
    &:disabled {
      background: #eee;
    }
    &.selected {
      background: white;
      border: 1px solid $blue;
      color: $blue;
    }
    background: $blue;
    color: white;
    &:hover {
      background: #1a4e83;
      color: white;
    }
  }
}

.atozblock {
  ul {
    margin-bottom: 0px;
  }
  a.disabled {
    pointer-events: none;
    cursor: default;
  }
  a {
    u {
      color: $blue;
    }
  }
  .panel-heading{
    &.active{
      .atozblock--arrow {
        font-family: "Material Icons";
        position: relative;
        &::after {
          color: $dark-grey;
          font-family: "Material Icons";
          content: "\e316";
          font-size: 32px;
          line-height: 32px;
          position: absolute;
          right: 50%;
          top: 50%;
          margin-right: -16px;
          margin-top: -16px;
        }
      }
    }
    &.collapsed{
      .atozblock--arrow {
        font-family: "Material Icons";
        position: relative;
        &::after {
          color: $dark-grey;
          font-family: "Material Icons";
          content: "\e313";
          font-size: 32px;
          line-height: 32px;
          position: absolute;
          right: 50%;
          top: 50%;
          margin-right: -16px;
          margin-top: -16px;
        }
      }
    }
  }

  .atozblock--accordion {
    background-color: $bg-grey;
    box-shadow: $box-shadow-small;
    .atozblock--body {
      padding-bottom: 50px;
      padding-top: 30px;
      ul {
        li {
          margin-bottom: $xs-space;
          a {
            margin-bottom: 0px;
          }
          &:last-child {
            margin-bottom: 0px;
            a {
              margin-bottom: 0px;
            }
          }
        }
      }
    }
    .panel-heading {
      &.active {
        background: $bg-grey;
      }
    }
    .atozblock--header {
      box-shadow: $box-shadow-small;
      margin-bottom: 0px;
      cursor: pointer;
      min-height: 70px;
      background-color: $white;
      &.collapsed {
        border-top: #ddd;
      }
      &>div {
        height:70px;
      }
    }
  }
}