.InlineEdit{
  position:relative;
  display:inline-block;
}

  .InlineEdit > div.InlineEdit-buttons{
    position:absolute;
    bottom:-36px;
    padding:5px;
    background:rgba(50,50,50,0.5);
    display:flex;
    width:100%;
    min-width:150px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Cancel/Save Buttons */
  .InlineEdit > div.InlineEdit-buttons > div{
    display:inline-block;
    margin:0 auto;
    color:#FFFFFF;
    padding:5px 10px;
    flex:0 0 60px;
    cursor:pointer;
    border-radius:3px;
    transition:0.2s linear;
  }

    .InlineEdit > div.InlineEdit-buttons > div:hover{
      opacity:0.85;
    }

  .InlineEdit > div.InlineEdit-buttons > div.InlineEdit-cancel{
    background-color:red;
  }

  .InlineEdit > div.InlineEdit-buttons > div.InlineEdit-save{
    background-color:green;
  }

/* Error */
.InlineEdit-error > input{
  border:2px solid red;
}

/* Floating error message */
.InlineEdit-error-float{
  background:red;
  color:#FFFFFF;
  width:150px;
  position:absolute;
  right:-160px;
  top:0;
  border-radius:2px;
  padding:5px;
  min-height:40px;
  display:flex;
  align-items:center;
  justify-content: center;
}