.todo-list {
 margin:0;
 padding:0;
 list-style:none;
 overflow:auto
}
.todo-list>li {
	
 border-radius:2px;
 padding:10px;
 background:#f4f4f4;
 margin-bottom:2px;
 border-left:2px solid #e6e7e8;
 color:#444
}
.todo-list>li:last-of-type {
 margin-bottom:0
}
.todo-list>li>input[type='checkbox'] {
 margin:0 10px 0 5px
}
.todo-list>li .text {
	font-size: 14px;
 display:inline-block;
 margin-left:5px;
 font-weight:600
}
.todo-list>li .label {
margin-left: 10px;
font-size: 12px;
padding: 4px 7px;
border-radius: 12px;
}
.todo-list>li .tools {
 display:none;
 float:right;
 color:#dd4b39
}
.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion {
 margin-right:5px;
 cursor:pointer
}
.todo-list>li:hover .tools {
 display:inline-block
}
.todo-list>li.done {
 color:#999
}
.todo-list>li.done .text {
 text-decoration:line-through;
 font-weight:500
}
.todo-list>li.done .label {
 background:#d2d6de !important
}
.border-danger {
border: 2px solid #ff3300;
}
.txt-danger {
 color:#ff3300;
}
.danger {
 background:#ff3300;
}

.border-warning {
border: 2px solid #ffaa00;
}
.warning {
 background:#ffaa00;
}
.txt-warning {
 color:#ffaa00;
}
.border-info {
border: 2px solid #BBB;
}
.info {
 background:#BBB;
}
.txt-info {
 color:#BBB;
}
.mixed{
 background:#FF5F00;
}
.txt-mixed {
 color:#FF5F00;
}
.border-success {
border: 2px solid #00cc66;
}
.success {
 background:#00cc66;
}
.txt-success {
 color:#00cc66;
}
.border-primary {
border: 2px solid #3c8dbc;
}
.primary {
 background:#3c8dbc;
}
.txt-sc-blue{
	color:#0073b7;
}
.bg-sc-blue{
	background:#0073b7 !important;
}
.wildcard{
	background:#0073b7;
}
.txt-wildcard{
	color:#0073b7;
}
.todo-list .handle {
 display:inline-block;
 cursor:move;
 margin:0 5px
}