.confirm-action-container {
  overflow: hidden !important;

  a {
    color: $chat-secondary;

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

  &.light {
    background-color: #FFF;
    color: #333;

    input {
      color: #333;
    }

    .chat-tab-footer {
      background-color: #FFF;
      border: 0;
      box-shadow: 0 0px 10px #ccc;
    }
  }

  .confirm-action {
    text-align: center;
    padding: 10px;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;

    > i {
      display: block;
      font-size: 3.5rem;
      margin: 0.5rem auto;
    }
  }

  .confirm-action-error {
    color: $chat-text-inverse;
    background-color: $chat-danger;
    padding: 4px;
    border-radius: 2px;
    position: absolute;
    margin: 10px;
    z-index: 4;
  }
}