/* ----------------------------------
* TOOLBARS
* ---------------------------------- */

[role="toolbar"] {
  height: 50px;
  width: 100%;
  position: fixed;
  text-align: center;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(0,0,0, 0.85);
}

[role="toolbar"] ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

[role="toolbar"] .end {
  float: right;
}

[role="toolbar"] li {
  float: left;
}

[role="toolbar"] button {
  width: 5.5rem;
  height: 4rem;
  border: none;
  font-size: 0;
  background: transparent no-repeat 50% 50%;
  padding: 0;
  border-radius: 0;
}

[role="toolbar"] button:active {
  background-color: #008aaa;
}

/* Base icons */
[role="toolbar"] .update {
  background-image: url(../images/icons/update.png);
}

[role="toolbar"] .mark {
  background-image: url(../images/icons/mark.png);
}

[role="toolbar"] .share {
  background-image: url(../images/icons/share.png);
}

[role="toolbar"] .send {
  background-image: url(../images/icons/send.png);
}

[role="toolbar"] .search {
  background-image: url(../images/icons/search.png);
}

[role="toolbar"] .move {
  background-image: url(../images/icons/move.png);
}

[role="toolbar"] .delete {
  background-image: url(../images/icons/delete.png);
}