/**
conteneur de contacts latéral
 */
.messaging-box {
  @extend .fixed-box;
 box-sizing: border-box;
  right: 1em;
  width: $messagingBoxWidth;
  background: $ui-base-color;
  height: 4em;
  color: white;
  z-index: 10;

  &.active {
    height: $messagingBoxHeight;
  }

  .messager-textarea {
    width: 100%;
  }

  .title {
    color: white;
  }

  .account__display-name{
    float: left;
    margin-right: 1em;
  }

  .card-title{
    height: 2rem;
    padding-left: 0;
    font-size: 1.3rem;
  }
}


.toggle-list {
  float: right;
  margin-left: 1em;
  background: $ui-primary-color;
  border: 0;
  padding: .5em;
  width: 2em;

  &.active {
    background: $highlight-text-color;
  }
}

.conversation_created-at {
  margin-right: 1em;
}

.status-direct,
.item-list .conversation {
  @extend .airmail-border;
}

.main-instant-messaging {

  .column-header__icon {
    color: white;
  }
}