.page-content .todos .container {
    width: 760px;
    margin: 0 auto;
}

.page-content .todos .fl {
    /*float: left;*/
}

.page-content .todos .fr {
    float: right;
}

.page-content .todos .clearfix:after {
    content: "";
    display: table;
    height: 0;
    clear: both;
}

.page-content .todos .panel {
    background: #fff;
    border: 1px solid #ddd;
    padding: 8px;
    box-shadow: 1px 1px 1px #000;
}

.page-content .todos .panel .panel-header {
    border-bottom: 3px solid #ddd;
}

.page-content .todos .panel .panel-header input {
    width: 90%;
    padding: 5px 5px;
    padding-left: 50px;
    font-size: 24px;
    border: none;
}

.page-content .todos .todo-list {
    list-style: none;
    padding: 0;
    max-height: 440px;
    overflow: auto;
}

.page-content .todos .todo-list li {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 18px;
}

.page-content .todos .todo-list li span {
    position: absolute;
    display: inline-block;
    left: 30px;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-content .todos .todo-list li[data-status="Finish"] span {
    text-decoration: line-through;
    color: #7f9293;
}

.page-content .todos .todo-list li input[type=checkbox] {
    margin-right: 10px;
}

.page-content .todos .todo-list li button {
    font-size: 14px;
}

.page-content .todos .todo-footer {
    margin-left: 10px;
}

.page-content .todos .todo-footer input[type=checkbox] {
    margin-right: 10px;
}


/*# sourceMappingURL=main.css.map */