.dropchop-menu-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 41px;
  background: #e5e5e5;
  .menu-action-break {
    height: 15px;
    background: transparent;
  }
  .menu-action {
    position:relative;
    padding: 13px 0;
    width: 40px;
    text-align: center;
    font-size: 1em;
    border:none;
    margin: 0 1px 1px 0;
    background-color: white;
    color: #999;
    box-sizing: content-box;

    &:hover {
      background: $fuscia;
      color: white;
      cursor: pointer;
      &:after,
      &:before {
        z-index: 12;
        position: absolute;
        left: 10px;
      }
      &:after {
        content: " ";
        top: 16px;
        left: 130%;
        margin-left: -6px;
        border-top: 6px solid transparent;
        border-right: 6px solid #333;
        border-bottom: 6px solid transparent;
      }
      &:before {
        content: attr(data-tooltip);
        text-transform: uppercase;
        top: 7px;
        left: 130%;
        padding: 5px 10px;
        line-height: 19px;
        height: 20px;
        width: auto;
        white-space: nowrap;
        font-size: 0.65em;
        letter-spacing: 0.1em;
        background: #333;
        color: #f6f6f6;
      }
    }
    &.dropchop-info {
      position: absolute;
      bottom: 0;
      left: 0;
      background: lighten($fuscia, 20);
      color: white;
      &:hover {
        background: darken($fuscia, 10);
      }
    }
    &.menu-import {
      background: $green;
      color: white;
    }

    &.menu-collapse {
      .menu-collapse-inner {
        display: none;
        box-shadow: 0 0 4px 0 rgba(0,0,0,0.4);
        z-index: 10;
        .menu-action {
          margin: 0;
          border-top: 1px solid #e5e5e5;
          &:first-child {
            border: none;
          }
        }
      }
      &:hover {
        background: $grey;
        &:before,
        &:after {
          content: "";
          background: transparent;
          border: none;
          visibility: hidden;
          display: none;
        }
        .menu-collapse-inner {
          display: block;
          position: absolute;
          left: 40px;
          top: 0;
        }
      }
    }
  }
}