.al-spc
  position: relative
  width: 100%
  height: 100%
  margin-top: 40px
  margin-bottom: 30px
  // @include smart
  margin-top: 18px
  @include clearfix
  h3
    max-width: 80%

.al-spcBack
  position: absolute
  top: 0
  right: 0
  overflow: visible
  background-image: url('../images/back_button.png')
  background-repeat: no-repeat
  background-size: 100% 100%
  a
    color: $wildblueyonder
    padding: 9px 10px 10px 14px
    display: inline-block
    font-size: 16px
    text-decoration: none
    border: none
    &:hover
      color: darken($wildblueyonder, 15%)

.al-spcHeader__info
  margin-bottom: 10px
  overflow: hidden
  @include clearfix
  img
    float: left
    border-radius: 5px
    margin-right: 10px
  h2
    font-size: 18px
    padding-right: 30px
    margin-right: 30px
    width: 100%
  div
    @include clearfix
  table
    margin-top: 15px
    width: 100%
    font-size: 14px
    display: none
    td
      vertical-align: top
      padding: 2px
    td:first-child
      width: 112px
      text-align: right
    td:last-child
      padding-left: 10px
  i
    position: absolute
    top: 10px
    right: -2px
    cursor: pointer
  a
    text-decoration: none
    border-bottom: none

.al-spcGroups
  width: 100%
  height: 100%
  // min-height: 700px
  @include clearfix
  h3
    max-width: initial

.al-spcGroups__search
  width: 100%
  float: left
  vertical-align: top
  // @include tablet
  //   width: 35%
  //   max-width: 300px
  // @include desktop
  //   width: 295px
  h3
    font-size: 20px
    line-height: 1.5
    font-weight: bold
    margin-bottom: 5px
    margin-left: 10px
  form
    padding: 10px
    background-color: $mystic
    input
      width: 100%
      border-radius: initial
      &:focus
        border-radius: initial
  em
    background-color: $gold

.al-spcGroups__searchTabList
  ul
    list-style-type: none
    margin: 0
    padding: 0
  li
    display: inline-block
    cursor: pointer
    padding: 8px 10px
    font-size: 18px
    &:first-child
      border-top-left-radius: 4px
  .al-active
    color: $monza
    background-color: $mystic

.al-tab
  display: none

.al-tab--active
  display: inline // ie fix
  display: initial