html {
    margin:0;
    padding:0;
    height: 100%;
    color: white;
    background-color: #181a1b;
}
 
body {
    width: 1054px;
    margin: 5px auto 0;
    font-family: 'Telex', sans-serif;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 50px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

table, td, th {
    border: thin solid grey;
}

tr.ignore {
    background-color: grey;
    color: white;
}

tr.important {
    background-color: cyan;
    color: black;
}

tr.complete {
    background-color: green;
    color: white;
}

a {
  color: cornflowerblue;
    margin-right: 5px;
    margin-left: 5px;
}

tr.complete a {
    color: cyan;
}

tr.complete a:visited {
    color: yellow;
}

tr {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

.icon-base {
  background-image: url(images/icon-list.png);
  height: 30px;
  width: 30px;
  background-size: calc(28 * 30px); /* Second value is the size of the image */
}

.tick-icon {
  background-position: -121px -30px;
  height: 30px;
  width: 30px;
  background-size: calc(28 * 30px);
  margin-left: 2px;
}

.exclamation-icon {
  background-position: -151px -30px;
  height: 30px;
  width: 30px;
  background-size: calc(28 * 30px);
  margin-left: 2px;
}

.cross-icon {
  background-position: -61px -30px;
  height: 30px;
  width: 30px;
  background-size: calc(28 * 30px);
  margin-left: 2px;
}