.capacity-control-ma table input {
  border: none;
  outline: none;
  padding-left: 2px;
}

.capacity-control-ma table tr .ellipsis-menu-container {
  display: block;
  visibility: hidden;
}

/*
    1 - when hovering over the row with the ellipsis menu
    2 - if the ellipsismenu has a visible class on it
    3 - if hovering over the identity row, show the first ellipsis menu
    4 - when the ellipsismenu has focus (i.e. from tabbing to it.)
*/
.capacity-control-ma table tr:hover .ellipsis-menu-container,
.capacity-control-ma table tr .ellipsis-menu-container.visible,
.capacity-control-ma table .capacity-member-row:hover + tr .ellipsis-menu-container,
.capacity-control-ma table input:focus + .ellipsis-menu-container {
  visibility: visible;
}

.capacity-control-ma .menu-bar {
  padding: 0px;
}

.capacity-control-ma .menu-bar > .menu-item {
  padding: 0px;
}

.capacity-main-content .capacity-information-area {
  margin: 5px 10px 5px 10px;
}

.capacity-addpanel-area {
  margin: 0px 10px;
}

.capacity-add-panel-error-message-icon {
  margin-right: 5px;
  float: left;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.capacity-add-panel-error-message {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.capacity-add-panel-identitypicker-container {
  background-color: white;
  width: 300px;
  float: left;
}

.capacity-capacity {
  height: 100%;
}