.table-editable {
  margin: 80px 0;
  width: 100%;
  display: none;
}

.table {
  width: 100%;
}

th, td{
  text-align: left;
  width: calc(50% - 8px);
}

.table-remove {
  cursor: pointer;
}

.form-row {
  display: flex;
}

label{
  font-family: "Roboto Mono","Courier",monospace;
  font-size: 1.3rem;
}


input,
textarea{
  border: 1px solid #000;
  background-color: #fff;
  border-radius: 0;
  padding: 0.6em 0.3em;
  font-family: "Roboto Mono","Courier",monospace;
  font-size: 1rem;
  color: #000;
  white-space: wrap;
}


input:focus,
textarea:focus{
  outline: none;
}

tr.clone {
  display: none !important;
}

td[placeholder]:empty::before {
  content: attr(placeholder);
  color: #555; 
}

td[placeholder]:empty:focus::before {
  content: "";
}


#successMessage{
  display: none;
}