body { margin-top: 30px; }
.todos .controls { float: right; }

.todos .active { font-weight: bold; }
.todos .active .icon-tasks { background-image: url("../img/glyphicons-halflings-white.png"); }

.todos li { padding: 5px; }
.todos li .controls,
.todos li form,
.todos li.editing .name,
.todos li.editing .icon-tasks,
.todos li.editing:hover .controls  { display: none; }

.todos li:hover .controls,
.todos li.editing form { display: inline; }
.todos .save input { margin: 0; }

.control:hover { cursor: pointer; }

.filter {
    overflow: hidden;
}

.filter label { font-weight: bold; }

.filter label,
.filter ul,
.filter li {
    float: left;
}

.filter li { margin: 0 5px; }
.filter .state .control { color: #08C; text-decoration: underline; }
.filter .state .active .control { font-weight: bold; text-decoration: none; }

.todo-items .delete { visibility: hidden; float: left; }
.todo-items tr:hover .delete { visibility: visible; }
.todo-items .complete { text-decoration: line-through; }
.todo-items .label { float: right; }
.todo-items .small { width: 20px; }
.todo-items .badge:hover { background-color: #B94A48; }