.groupeditform {
  background-color: var(--col-green2-back);
  color: white;
  
  display: grid;
  grid-template-columns: auto 1fr;
}

.groupeditform .label_textinput {
  grid-column: 1;
  margin-right: 0.5rem;
  
  align-self: center;
  text-align: right;
}

.groupeditform .textinput {
  margin: 0.2rem;
  padding: 0.5rem;

  background-color: var(--col-green2-mid);
  border: 1px solid #FFF;
  border-radius: 0.2rem;
  color: #FFF;
}

.groupeditform .btn {
  grid-column: 1/3;
  
  margin-top: 2rem;
  
  padding: 0.35rem;
  background-color: #FFF;
  border: 1px solid #060;
  border-radius: 0.25rem;

  font-size: 1.25rem;
  color: var(--col-green2-full);
}
.groupeditform .btn:hover { background-color: var(--col-green-light); }


/* ------------- */

.groupmemberlist {
    
}

.groupmemberlist .groupmemberlist_entry {
    display: grid;
    grid-template-columns: 1fr auto;
    
    background-color: #C7A8CC;
    border: 1px solid #400848;
    border-radius: 0.25rem;
    
    margin: 0.5rem;
    padding: 0.2rem;
}

.groupmemberlist .groupmemberlist_entry.included {
  background-color: var(--col-green2-full);
  border: 1px solid #400848;
  font-weight: bold;
}

.groupmemberlist .groupmemberlist_entry.excluded {
  background-color: var(--col-blue-full);
  border: 1px solid #400848;
}


.groupmemberlist .groupmemberlist_entry .name {
  align-self: center;
}

.groupmemberlist .groupmemberlist_entry .buttons {
  display: flex;
  flex-direction: row;
}

.groupmemberlist .groupmemberlist_entry .buttons .btn {
    min-width: 7rem;
}