body {
  background-color: #111111;
  color: #99ddcc;
  font-family: Arial;
}

a {
  color: #99ddcc;
}

a:visited {
 color: #99ddcc; 
}

.primary {
  color: #99ddcc;
}

.primary-light {
  color: #bfeadf;
}

.primary-dark {
  color: #73d0b9;
}

.background {
  color: #111111;
}

.hidden {
  visibility: hidden;
}

.darker {
  color: #2a2a2a;
}

.font-lime {
  color: #00ff00;
}

.center {
  text-align: center;
}

.bold {
  font-weight: bold;
}

.main {
  padding: 10px;
  margin: auto;
  width: 80%;
}

img.logo {
}

table {
  border-color: #99ddcc;
  border-collapse: collapse;
  border-spacing: 0;
  width: 95%;
  line-height: 22px;
}

table.center {
  margin-left:auto; 
  margin-right:auto;
}

table.narrow {
  width: 40%
}

table td {
  padding: 5px;
}

table tr td:first-child {
  text-align: right;
  vertical-align: top;
  width: 55%;
  color: #73d0b9;
}

table tr td:nth-child(2) {
  text-align: left;
  width: 45%;
  padding-left: 40px;
}

table button {
  visibility: hidden;
}
.icon {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
}

.amount-fiat {
  font-size: 16px;
}

.amount-coin {
  font-size: 14px;
}

.spacer {
  height: 20px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #2a2a2a;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.footer a {
  text-decoration: none;
  color: #99ddcc;
}

.footer .by {
  text-align: center;
  vertical-align: middle;  
}