.EmployeeDetails {
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-rows: 42px minmax(1px, 168px) minmax(1px, 120px);
  grid-template-columns: auto minmax(1px, 1fr) minmax(1px, 1.8fr);
  grid-row-gap: 6px;
  grid-column-gap: 13px;
  grid-template-areas:
    'toolbar department-grid webapps-grid'
    'detail department-grid webapps-grid '
    'detail attribute-grid webapps-grid';
  z-index: 10;
  position: relative; //otherwise z-index is not working
}


.DetailsContent {
  grid-area: detail;
}

.DepartmentList {
  grid-area: department-grid;
}

.WebAppList {
  grid-area: webapps-grid;
}

.AttributeList {
  grid-area: attribute-grid;
}

.abstand {
  margin-right: 1px !important;
}

.toolbar {
  grid-area: toolbar;
}

.card {
  padding: 12px;
  margin: 2px 2px 2px 2px;
}
