[contenteditable] {
  /*outline: 0px solid transparent;*/
}

div.bg_tabel_0 > div.box{
  background-color: #b1dde7ed;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));
}

div.bg_tabel_1 > div.box{
  background-color: #b4d3ffed;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));
}

div.generate {
  border-bottom: 1px solid #eee;
  margin: 5px -10px;
  padding: 10px;
  border-top: 1px solid #eee;
  text-align: right;
}

div.footer-style-1 {
  /*background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.2)) !important;*/
  background-color: #c8fdda;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));
}

.field-grid{
  display: grid;
  grid-template-columns: 20% 2% 75%;
}

.ellips-active {
  max-height: 15rem;
  overflow: scroll !important;
}

td.action > button {
  margin-bottom: 0.2rem;
}

.result-td {
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #c8fdda;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.0));
}

pre {
  white-space: pre-wrap;
}