#new-channel-form {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}

.new-channel-input {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.new-channel-input input {
  width: inherit;
}

.ch-form-field-input {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: auto;
}

.ch-form-field-input .lbl {
  display: flex;
  padding: 1rem 0;
  flex-direction: column;
  margin: auto 0;
  min-width: 35%;
}

.ch-form-field-input .value {
  display: flex;
  width: 100%;
  margin: auto 0;
  padding: 1rem;
  flex-direction: column;
}

.ch-type-options span,
.ch-push-type-options span,
.ch-mode-options span {
  padding: 5px 0;
}

.ch-type-options span:nth-child(1)::after {
  content: ' (only members can read and send messages)';
  color: #9b9da5;
}

.ch-type-options span:nth-child(2)::after {
  content: ' (non-members can read and send messages)';
  color: #9b9da5;
}

.ch-push-type-options span:nth-child(1)::after {
  content: ' (enable channel notifications)';
  color: #9b9da5;
}

.ch-push-type-options span:nth-child(2)::after {
  content: ' (disable channel notifications)';
  color: #9b9da5;
}

.ch-channel-type-options span:nth-child(1)::after {
  content: ' (only one channel will be created with standared limit)';
  color: #9b9da5;
}

.ch-channel-type-options span:nth-child(2)::after {
  content: ' (automatically creates new channels as old ones reaches threahold)';
  color: #9b9da5;
}

.ch-mode-options span:nth-child(1)::after {
  content: ' (administrators and moderators can add members)';
  color: #9b9da5;
}

.ch-mode-options span:nth-child(2)::after {
  content: ' (any member can add other members)';
  color: #9b9da5;
}

.ban-users-list {
  background-color: #fff;
  position: relative;
}

.ban-user-row {
  display: flex;
}

.ban-row {
  display: flex;
  padding: 1rem;
}

.ban-row-header {
  padding: 1rem;
  z-index: 2;
  background-color: #fff;
  position: sticky;
  top: 57.3125px;
  right: 0;
  left: 0;
  border-radius: 3px 3px 0 0;
  border-bottom: 0.5px solid #d4d5d8;
}

.ban-row-name {
  width: 50%;
}

.ban-row-role {
  width: 30%;
}

.ban-row-check {
  display: auto;
}

.ban-input input {
  width: 100%;
  position: relative;
}

.ban-input button {
  left: 13.5rem;
  top: 1rem;
}
