/* app css stylesheet */

body {
  padding: 0; margin: 0;
}

#content {

}

.amount-form {
  padding: .5em;
}

.amount-form > div {
  float: left;
}

.amount-form .amount-input {
  width: 78%;
}

.amount-form .amount-input {

}

.amount-form .amount-submit {
  width: 18%;
  padding: 10px 0;
  padding-left: 4%;
}

.amount-form .amount-submit button {
  width: 40px;
  height: 40px;
  min-width: 40px;
}

.trans-list {
  list-style: none;
  padding: 0; margin: 0;
  border-top: 1px solid lightgrey;
  clear: both;
}

.trans-list .trans-item {
  margin: 0;
  padding: .5em 1em;
  border-bottom: 1px solid lightgrey;
  clear: both;
}

.trans-list .trans-item span {
  display: block;
}

.trans-list .trans-item span.clear {
  clear: both;
}

.trans-list .trans-item .trans-cat {
  float: left;
  width: 80%;
}
.trans-list .trans-item .trans-amount {
  float: left;
  width: 20%;
}


.cat-list {
  list-style: none;
  padding: 0; margin: 0;
}

.cat-list .cat-item {
  padding: 1em 2em;
  border-bottom: 1px solid lightgrey;
}