// Place all the styles related to the Habits controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.color-red { background-color: rgb(230, 184, 175);  }
.color-pink { background-color: rgb(244, 204, 204);  }
.color-orange { background-color: rgb(252, 229, 205);   }
.color-yellow { background-color: rgb(255, 242, 204); }
.color-green { background-color: rgb(217, 234, 211); }
.color-light-blue { background-color: rgb(208, 224, 227); }
.color-blue { background-color: rgb(201, 218, 248); }
.done { background-color: rgb(217, 217, 217); color: rgb(153, 153, 153); }

.panel {
  vertical-align:top;
  min-width: 300px;
}

.panel ul {
  padding:0px;
  margin-left:0px;
}

.habit, .reward {
  list-style:none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid black;
  margin-bottom: 5px;
  padding:5px;
  text-shadow:none;
}

.habit:hover, .reward:hover {
  cursor: move;
}

.up, .down, .check {
  text-decoration:none;
}

.up, .down { font-weight: bold; }

.edit { float:right; }

#progressbar { margin-top: 20px; }

#tnl { float:right; margin:5px; }

#money { float:right; }