/***BEGIN GroupsPanels.css***/
.permissions-groups-add-wrapper .image-container,
.permissions-groups-edit-wrapper .image-container {
  width: 72px;
  height: 72px;
  position: relative; }
  .permissions-groups-add-wrapper .image-container .overlay,
  .permissions-groups-edit-wrapper .image-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none; }
  .permissions-groups-add-wrapper .image-container.disabled,
  .permissions-groups-edit-wrapper .image-container.disabled {
    pointer-events: none;
    opacity: 0.5; }
  .permissions-groups-add-wrapper .image-container:hover .overlay,
  .permissions-groups-edit-wrapper .image-container:hover .overlay {
    display: block;
    background: rgba(0, 0, 0, 0.30);
    background: var(--palette-black-alpha-30,rgba(0, 0, 0, 0.30));
    cursor: pointer;
    border-radius: 6px; }
  .permissions-groups-add-wrapper .image-container:hover .editIcon,
  .permissions-groups-edit-wrapper .image-container:hover .editIcon {
    display: inline;
    cursor: pointer; }

.permissions-groups-add-wrapper .editIcon,
.permissions-groups-edit-wrapper .editIcon {
  display: none;
  position: absolute;
  top: calc(50% - 12px);
  right: calc(50% - 12px);
  margin: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.permissions-groups-edit-wrapper .image-container {
  margin: 8px 0px 30px 0px; }

.permissions-groups-add-wrapper .image-container {
  margin: 8px 0px 0px 0px; }

.capitalize {
  text-transform: capitalize; }

.name-cell {
  min-height: 30px; }

.name-value-field {
  margin-right: 12px; }

.let-multiline {
  white-space: normal; }

.permissions-groups-table {
  min-width: 800px; }
/***END GroupsPanels.css***/