.error-box {
  position: relative;
  font-size:12px;
  color: red;
  height:20px;
}

.showTask {
 display: none;
 position: absolute;
}
.readTask {
  color: green;
  cursor: pointer;
}

.readTask:hover + .showTask {
  display: block;
  position: absolute;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius:4px;
  z-index: 1000;
  padding:20px;
  width:auto;
  color: black;
  margin-top:-50px;
  margin-left:140px;
}
.showTask-2 {
 display: none;
 position: absolute;
}
.readTask-2 {
  color: green;
  cursor: pointer;
}

.readTask-2:hover + .showTask-2 {
  display: block;
  position: absolute;
  background-color:#eee;
  border:1px solid #ccc;
  border-radius:4px;
  z-index: 1000;
  padding:20px;
  width:auto;
  color: black;
  margin-top:-40px;
  margin-left:120px;
}