// Tabs ******************
.chat-tab-content {
  float: left;
  width: 100%;
  color: #fff;
  background-color: $chat-primary-dark;

  &.full-height {
    height: 100%;
    overflow: auto;
    margin: 0;
  }

  .chat-tab-list {
    list-style: none;

    .chat-tab-list-item {
      padding: 15px;
      border-bottom: 1px solid #8F9297;
      display: inline-block;
      width: 100%;
      color: $chat-text-inverse;
      text-decoration: none;

      > &:hover, > &:focus, > &:active {
        color: darken($chat-text-inverse, 10%);
      }

      > a {
        color: #FFF;
        display: block;
        cursor: pointer;
        text-decoration: none;

        &[disabled] {
          opacity: 0.6;
          cursor: default;
        }
      }

      .icon-block {
        margin-bottom: 5px;
        display: block;
      }

      > ul > li {
        margin-top: 10px;
      }

      .chat-tab-list-item {
        border: 0;
        padding: 0;
      }

      .action {
        color: $chat-secondary;
        font-size: 1rem;
        cursor: pointer;
        text-decoration: none;

        &:hover {
          color: $chat-secondary-dark;
        }
      }
    }
  }

  .chat-tab-body {
    padding: 15px;
  }

  .chat-tab-footer {
    background: $chat-primary;
    text-align: center;
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #8F9297;

    .button {
      min-width: 100px;
    }
  }
}