$servicebar-component-background: lighten($color-background,3%);//darken($color-foreground,3%);
$servicebar-component-border: $color-border-minor;//darken($color-foreground, 10%);
%chat-message{
  @extend %journal-message;
}
#easy_im{
  &_top_links{
    //border-bottom: 1px solid $servicebar-component-border;
    text-align: center;
    padding: 0.5*$gap 0;
    margin-bottom: $gap;
    a{
      padding: 0 0.5*$gap;
      color: darken($servicebar-component-background,40%);
      &:hover{
        color: $color-important;
      }
      &+a{
        border-left: 1px solid $servicebar-component-border;
      }
    }
    &+div{
      clear: both;
    }
  }
}
//#easy_instant_message_content{
//  height: 47px;
//}
.easy-instant-message{
  &-list{
    &-unread-mark{
      display: block;
      color: $color-negative;
    }
    &-item{
      &.im-send{
        &.to-me{
          //margin-right: $gap;
        }
        &.by-me{
          //margin-left: $gap;
          .avatar-container{
            float: right;
            margin-right: 0;
            margin-left: $gap;
          }
        }
        time{
          float: right;
        }
      }
      .author{
        opacity: 0.5;
        margin-bottom: 0.5*$gap;
      }
      &-message{
        @extend %chat-message;
      }
      .avatar-container{
        margin-left: 0;
      }
    }
  }
}
#easy_instant_messages_list_window .servicebar-content {
  top: 50px;
  bottom: 0;
}
