#queue-dashboard
  &-big-stats
    margin-top: 3em
    text-align: center
    font-weight: bold
    &-chats-waiting, &-longest-wait
      font-size: 0.8em
      display: inline-block
      padding: 2.5em 4em 4em 4em
      color: #aaa
      vertical-align: top
      width: 18em
      &-value
        color: #004e7d
        font-size: 4em
        margin-bottom: -0.1em
    &-active-chats
      font-size: 1em
      display: inline-block
      border-left: 0.2em solid #f0f0f0
      border-right: 0.2em solid #f0f0f0
      padding: 0 4em 2.5em 4em
      color: #207ce5
      &-value
        color: #004e7d
        font-size: 5.5em
        margin-bottom: -0.2em
  &-small-stats
    text-align: center
    margin-top: 5em
  &-time
    margin-top: 3em
    text-align: center
    &-selector
      display: inline-block
      background-color: #f0f0f0
      border-radius: 2em
      color: #207ce5
      font-weight: bold
      font-size: 0.8em
    &-previous, &-value, &-next
      display: inline-block
      padding: 0.5em
    &-previous, &-next
      position: relative
      top: 0.1em
      cursor: pointer
    &-value
      width: 8em
  &-agent-productivity
    margin-top: 3em
    .ampersand-graph-bar-color-0
      fill: $orange
    .ampersand-graph-line-color-0
      stroke: $orange
    .ampersand-graph-line-dot-color-0
      stroke: $orange
      fill: $orange
    .ampersand-graph-filter
      &-window
        left: auto
        width: 25em
      &-time
        display: none
      &-date
        display: none
      &-personnel
        width: 100%
        float: initial
        position: initial
        top: initial
      &-selections
        width: 100%
        float: none
        margin-top: -2em
  &-agent-status, &-longest-active-chats
    width: 50%
    display: inline-block
    box-sizing: border-box
    vertical-align: top
    b
      color: #004e7d
  &-agent-status
    padding-right: 1em
  &-longest-active-chats
    padding-left: 1em
  &-agent-overview
    margin: 2em 0
    b
      color: #004e7d
    .control-button
      width: 1.75em
      height: 1.75em
      position: absolute
      left: 1em
      font-size: 1em
      top: 0.45em
      color: #f2f2f2
      background-color: #999999
      &:hover
        background-color: #b3b3b3
      i
        position: relative
        top: 0.1em
        font-size: 0.8em
.queue-dashboard
  &-small-stats
    display: inline-block
    padding: 0 2em
    font-weight: bold
    font-size: 0.8em
    color: #aaa
    width: 13em
    &-value
      background-color: #f0f0f0
      padding: 0.25em
      margin-bottom: 0.5em
      border-radius: 2em
      font-size: 1.5em
      color: #004e7d