transaction {
  // TODO Customize the grid to have 13 columns so that we have 6-col inputs, 6-col outputs, 1 col arrow
  // See http://ionicframework.com/docs/api/components/grid/Grid/#customizing-the-grid

  ion-grid {
    background-color: #666;
    border: 1px solid #666;
    border-radius: 3px;

    ion-row {
      border: 1px solid #666;

      &.small {
        font-size: 1.1rem;
      }

      ion-col {
        ion-note {
          font-size: 1.2rem;
        }
      }
    }
  }

  ion-icon {
    color: rgba(0, 0, 0, 0.25);
  }

  .item,
  .item p {
    font-size: 1.4rem;
  }

  $transaction-item-boarder-radius: 3px;
  .item:first-of-type {
    border-top-left-radius: $transaction-item-boarder-radius;
    border-top-right-radius: $transaction-item-boarder-radius;
  }
  .item:last-of-type {
    border-bottom-left-radius: $transaction-item-boarder-radius;
    border-bottom-right-radius: $transaction-item-boarder-radius;
  }

  .item--state-highlight {
    background-color: #8dc429;
  }

  .list {
    margin-bottom: 5px;
  }

  .chip {
    padding-left: 1em;
    padding-right: 1em;
    border-radius: 3px;
    -webkit-font-smoothing: subpixel-antialiased;

    &.chip-md-primary {
      //background-color: blue;
    }
  }

  .note-md {
    color: #e2e2e2;
  }

  ion-icon{
    color: #fff
  }

  .unlocking-script,
  .locking-script {
    white-space: normal;
    font-family: monospace;
  }
}

a{
  color: #f0f0f0
}

.item-md p{
  color: #ccc
}

.chip-md{
  background-color: #00A4DE;
  color: #fff
}