#act__Container {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
}

.act__prefix__row {
  display: flex;
  border: 1px solid #ccc;
  padding: 2px;
}

.act__prefix__group {
  //border: 1px solid #ccc;
  padding: 2px;
  width: 50%;
  height: 100%;
}

.act__prefix__cell {
  flex: 1;
  padding: 2px;
  //border: 1px solid #ccc;
  text-align: center;
  width: 100%;
  height: 100%;
}

.act__default__group {
  //border: 1px solid #ccc;
  padding: 2px;  
  width: 100%;
  height: 100%;
}

.act__default__cell {
  cursor: pointer;
  flex: 1;
  padding: 2px;
  //border: 1px solid #ccc;
  text-align: center;
  width: 50%;
  height: 100%;
  z-index: 99;
}

.act__item__group {
  display: flex;
  flex-direction: row;
  border: 1px solid #ccc;
  padding: 2px;
  width: 100%;
  height: 100%;
}

.act__custom__group {
  //border: 1px solid #ccc;
  padding: 2px;
  width: 50%; 
  height: 50%;
}

.act__custom__cell {
  cursor: pointer;
  flex: 1;
  padding: 2px;
  //border: 1px solid #ccc;
  text-align: center;
  z-index: 99;
}


.act__header__row {
  display: flex;
  //border: 1px solid #ccc;
  background-color: #f2f2f2;
  font-weight: bold;
  padding: 2px;
}

.act__blank__cell {
  //border: 1px solid #ccc;
  padding: 2px;
}

.act__header__cell {
  flex: 1;
  //border: 1px solid #ccc;
  text-align: center;
  padding: 2px;
  width: 25%;
  height: 25%;
}

.selected {
    cursor: pointer;
    background-color: lightgreen;
}


/* Adjust styles as needed */