.key-value-grid-container {
  position: relative;
  left: -17px;
}
.grid-control-container {
  justify-content: stretch;
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
  padding-left: 15px;
  padding-bottom: 30px;
}
.grid-control-container .grid-control-grid-container {
  /*position: relative;*/
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.grid-control-container .grid-control-grid-container:focus {
  border: none;
  outline: none;
}
.grid-control-container .header-container {
  padding: 2px;
  height: 16px;
  font-weight: bold;
  font-size: 1.1em;
  color: #FFFFFF;
  order: 0;
}
.grid-control-container .header-container > div {
  white-space: nowrap;
  overflow: hidden;
}
.grid-control-container .header-container > div {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.grid-control-container .header-container > div:hover {
  cursor: pointer;
}
.grid-control-container .header-container.wfp {
  background-color: #533970;
}
.grid-control-container .header-container.wlp {
  background-color: #F78F1E;
}
.grid-control-container .grid-control-row-container {
  display: flex;
  flex-direction: row;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  min-height: 22px;
}
.grid-control-container .grid-control-content-cell {
  border-left: 1px solid #dedede;
  display: flex;
  overflow: hidden;
}
.grid-control-container .grid-control-content-cell.wlp,
.grid-control-container .grid-control-content-cell.wfp {
  color: #000;
}
.grid-control-container div.grid-control-content-cell.wlp.selected.copied,
.grid-control-container div.grid-control-content-cell.wfp.selected.copied,
.grid-control-container div.grid-control-content-cell.wlp.copied,
.grid-control-container div.grid-control-content-cell.wfp.copied {
  background-color: blue;
  background-color: rgba(0, 0, 255, 0.2);
  -webkit-transition: 0.5s background;
}
.grid-control-container .grid-control-content-cell.wlp.pre-selected {
  background-color: #FDE4C9;
}
.grid-control-container .grid-control-content-cell.wlp.selected {
  background-color: #FBC68D;
  color: #000;
}
.grid-control-container .grid-control-content-cell.wfp.pre-selected {
  background-color: #E5E5F1;
  color: #000;
}
.grid-control-container .grid-control-content-cell.wfp.selected {
  background-color: #DCD5E9;
  color: #fff;
}
.grid-control-container .action {
  border-left: 1px solid #dedede;
  justify-content: center;
}
.grid-control-container .content-cell {
  padding: 3px;
}
.grid-control-container .add-row-line.wlp,
.grid-control-container .add-row-button.wlp {
  border-top: 1px solid #F78F1E;
}
.grid-control-container .add-row-button.wlp {
  border: 1px solid #3f2257;
}
.grid-control-container .add-row-line.wfp,
.grid-control-container .add-row-button.wfp {
  border-top: 1px solid #533970;
}
.grid-control-container input {
  margin: 0;
  padding: 0;
  width: 100%;
  border-radius: 0;
  padding-left: 3px;
  display: inline;
  border: 1px solid #050505;
}
.grid-control-container input:focus {
  border-bottom: 1px solid #363534;
  outline: none;
  border-radius: 0;
}
.grid-control-container .add-button-container {
  position: absolute;
  height: 0;
}
.grid-control-container .add-row-line {
  display: flex;
  justify-content: center;
  position: relative;
  top: -8px;
  left: 15px;
}
.grid-control-container .add-button,
.grid-control-container .delete-button {
  display: inline-block;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 15px;
  cursor: pointer;
  vertical-align: bottom;
}
.grid-control-container .add-button {
  border-radius: 10px;
  width: 15px;
}
.grid-control-container .add-button::before {
  margin-right: 1px;
  color: #FFFFFF;
  content: "+";
}
.grid-control-container .add-button.wfp {
  background-color: #533970;
}
.grid-control-container .add-button.wlp {
  background-color: #F78F1E;
}
.grid-control-container .delete-button:before {
  color: #3d3b3a;
  font-family: FontAwesome;
  font-size: 1.1em;
  content: "\f1f8";
  padding-top: 3px;
}
.key-value-grid-container{position:relative;left:-17px;}.grid-control-container{justify-content:stretch;overflow-y:hidden;overflow-x:hidden;position:relative;padding-left:15px;padding-bottom:30px;}.grid-control-container .grid-control-grid-container{overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;}.grid-control-container .grid-control-grid-container:focus{border:none;outline:none;}.grid-control-container .header-container{padding:2px;height:16px;font-weight:bold;font-size:1.1em;color:#fff;order:0;}.grid-control-container .header-container>div{white-space:nowrap;overflow:hidden;}.grid-control-container .header-container>div{position:relative;display:inline-block;white-space:nowrap;overflow:hidden;}.grid-control-container .header-container>div:hover{cursor:pointer;}.grid-control-container .header-container.wfp{background-color:#533970;}.grid-control-container .header-container.wlp{background-color:#f78f1e;}.grid-control-container .grid-control-row-container{display:flex;flex-direction:row;border-right:1px solid #dedede;border-bottom:1px solid #dedede;min-height:22px;}.grid-control-container .grid-control-content-cell{border-left:1px solid #dedede;display:flex;overflow:hidden;}.grid-control-container .grid-control-content-cell.wlp,.grid-control-container .grid-control-content-cell.wfp{color:#000;}.grid-control-container div.grid-control-content-cell.wlp.selected.copied,.grid-control-container div.grid-control-content-cell.wfp.selected.copied,.grid-control-container div.grid-control-content-cell.wlp.copied,.grid-control-container div.grid-control-content-cell.wfp.copied{background-color:#00f;background-color:rgba(0,0,255,.2);-webkit-transition:.5s background;}.grid-control-container .grid-control-content-cell.wlp.pre-selected{background-color:#fde4c9;}.grid-control-container .grid-control-content-cell.wlp.selected{background-color:#fbc68d;color:#000;}.grid-control-container .grid-control-content-cell.wfp.pre-selected{background-color:#e5e5f1;color:#000;}.grid-control-container .grid-control-content-cell.wfp.selected{background-color:#dcd5e9;color:#fff;}.grid-control-container .action{border-left:1px solid #dedede;justify-content:center;}.grid-control-container .content-cell{padding:3px;}.grid-control-container .add-row-line.wlp,.grid-control-container .add-row-button.wlp{border-top:1px solid #f78f1e;}.grid-control-container .add-row-button.wlp{border:1px solid #3f2257;}.grid-control-container .add-row-line.wfp,.grid-control-container .add-row-button.wfp{border-top:1px solid #533970;}.grid-control-container input{margin:0;padding:0;width:100%;border-radius:0;padding-left:3px;display:inline;border:1px solid #050505;}.grid-control-container input:focus{border-bottom:1px solid #363534;outline:none;border-radius:0;}.grid-control-container .add-button-container{position:absolute;height:0;}.grid-control-container .add-row-line{display:flex;justify-content:center;position:relative;top:-8px;left:15px;}.grid-control-container .add-button,.grid-control-container .delete-button{display:inline-block;display:flex;justify-content:center;align-items:center;height:15px;cursor:pointer;vertical-align:bottom;}.grid-control-container .add-button{border-radius:10px;width:15px;}.grid-control-container .add-button::before{margin-right:1px;color:#fff;content:"+";}.grid-control-container .add-button.wfp{background-color:#533970;}.grid-control-container .add-button.wlp{background-color:#f78f1e;}.grid-control-container .delete-button:before{color:#3d3b3a;font-family:FontAwesome;font-size:1.1em;content:"";padding-top:3px;}