body {
  margin: 0;
  background-color: #dadada;
  font-family: Verdana, sans-serif;
  font-size: 1.1em;
}

#box {
  max-width: 800px;
  margin: 60px auto;
}

#top {
  margin: 0px;
  padding: 2px 20px;
  background-color: #73c388;
  text-align: center;
}

#newItem {
  margin-left: 35px;
  width: 75%;
  font-size: 1em;
}

#addIcon {
  position: absolute;
  right: 20px;
  top: 20px;
}

div.newItemBox {
  margin: 0px;
  padding: 20px;
  background-color: #ffffff;
  overflow: auto;
  position: relative;
}

div.item {
  margin: 0px;
  padding: 20px;
  background-color: #ffffff;
  border: solid 1px #C4D9DE;
  overflow: auto;
  position: relative;
}

div.itemIcon {
  position: absolute;
  left: 20px;
}

div.itemText {
  padding: 0 40px;

}

div.itemClose {
  position: absolute;
  right: 20px;
  top: 20px;
}

div.footer {
margin: 20px;
padding: 20px;
background-color: #ffffff;
position: relative;
text-align: center;
}

@media all and (max-width: 800px) {
  #box {
    margin: 0 auto;
  }
}