// 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/

.bad { background-color:rgb(224, 102, 102); }
.iffy { background-color:rgb(246, 178, 107); }
.ok { background-color:rgb(255, 217, 102); }
.good { background-color:rgb(147, 196, 125); }
.done { background-color:rgb(201, 218, 248); }

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

.habit {
  list-style:none;
  border: 1px solid black;
  margin: 2px;
  padding: 1px;
}

.habit:hover {
  cursor: move;
}

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

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