.left-navigation {
  height: 100%;
  position: relative;
  @extend .flex-between;
  flex-direction: column;
  li.header {
    .message {
      right: -3px;
    }
  }
  @media (max-width: 1024px) {
    .visible-xs.visible-sm {
      display: block !important;
    }
  }
}

.tray ~ .wallet-container {
  li.header {
    .message-contextual {
      right: 0px;
    }
  }
}

ul.aside {
  list-style: none;
  padding: 0;
  a.new-acct {
    font-weight: bold;
    color: #747474;
    &:hover{color: #444;}
  }
  li.header{
    font-size: 1em;
    font-weight: 400;
    margin:0 0 10px 0;
    position: relative;
    text-transform: uppercase;
    > a {
      padding: .4em .8em;
      @extend .flex-center;
      > span, i {
        color: $basic-grey;
        &.security-red {
          color: $security-red;
        }
        &.security-yellow {
          color: $security-yellow;
        }
        &.security-green {
          color: $security-green;
        }
      }
      i {
        @extend .f-20;
        margin-right: .55em;
        text-align: center;
        line-height: 0;
        width: 20px;
      }
    }
  }
  li.current {
    a {
      i,
      span {
        color: $iris;
      }
    }
  }
  li {
    span.tx-divider:after {
      position: absolute;
      content: "";
      height: 1px;
      background-color: grey;
      width: 9.8em;
      margin-left: 10px;
      top: 50%;
    }
  }
  ul.aside-list{
    list-style: none;
    font-size: 1em;
    text-transform: none;
    .btn {  min-width: 110px; }
    a {
      span {
        color: $basic-grey;
      }
    }
    li.active{
      a {
        span {
          color: $iris;
          font-weight: 500;
        }
        &:focus {
          text-decoration: none;
        }
      }
    }
    ::-webkit-scrollbar {
      background: white;
    }
  }
}

.wallet-footer {
  ul.aside-list {
    background: transparent;
    li {
      display: block;
    }
    a {
      padding: .25em .5em;
    }
  }
  span.btn, span.btn-danger, span.btn-success, span.btn-primary, span.btn-warning{
    text-align: right;
    background: none!important;
    border: none!important;
    font-size: 13px!important;
    font-weight: normal!important;
  }
  span.btn-danger{
    color: #d9534f;
  }
  span.btn-success{
    color: #5cb85c;
  }
  span.btn-primary{
    color: #1973D6;
  }
  span.btn-warning{
    color: #f0ad4e;
  }
}

.scroll-parent{
  .scroll-accounts{
    max-height: 150px;
    overflow-x: auto;
  }
  .scroll-settings{
    max-height: 190px;
    padding-left: 38px;
  }
}

@media (max-width: 620px) {
  .scroll-parent {
    .scroll-settings { max-height: 100px; overflow-y: scroll }
    .scroll-accounts { max-height: 100px; }
  }
}

::-webkit-scrollbar {
  display: none;
}


li.action-bar{
  background: white;
  margin: -10px 0 5px;
  padding: 5px 15px;
  box-shadow: 0px -2px 13px -9px $black;
  border-top: 1px solid white;
  z-index: 1;
  position: relative;
}
.settings-nav { margin-top: 10px; }
.settings-nav-header {
  background: $grey;
}

@media (max-width: 480px) {
  .wallet-footer { margin: 0; }
}

.border-solid {
  border-bottom: 1px solid grey;
}
