*{box-sizing:border-box;margin:0;padding:0;color:#222;font-family:Arial,Helvetica,sans-serif}body{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;width:100%;height:100vh}.container{width:350px;margin:30px 0}.app-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-end;align-items:flex-end;width:100%;height:50px;border:1px solid #eee;border-radius:3px;padding:10px 10px 0}.title{font-size:32px;padding:0;margin:0}.description{padding:0 0 5px;margin:0}.app-search-panel{width:100%;height:40px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border:1px solid #eee;border-radius:3px;padding:0 10px;margin-top:5px}.group-button{width:150px}.input-search{width:calc(100% - 155px);height:30px;text-indent:12px;border:2px solid #eee;border-radius:3px;outline:none}.btn,.input-search:focus{border:2px solid #5687e2}.btn{cursor:pointer;width:50px;height:30px;color:#fff;background-color:#5687e2;transition:background-color .2s linear,color .2s linear,border .2s linear}.btn:hover{background-color:#537acf;border:2px solid #537acf}.btn-all{border-radius:3px 0 0 3px}.btn-done{border-radius:0 3px 3px 0}.btn.active{background-color:#fff;border:2px solid #5687e2;color:#5687e2}.list,.todo-list{width:100%}.list{list-style:none;margin:5px 0}.list-item{-webkit-flex-direction:column;flex-direction:column;border-radius:3px;border:1px solid #eee;padding:10px;margin-bottom:5px}.box-back-item,.box-front-item,.list-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%}.box-back-item,.box-front-item{height:50px}.box-back-item{width:100%;border:1px solid #eee;border-radius:3px;padding:10px}.item-label{cursor:pointer}.list-item.done{background-color:#ff9797;border:1px solid #ff9797;box-shadow:0 2px 17px #ddd;transition:box-shadow .2s linear}.list-item.done:hover{box-shadow:none}.list-item.done .item-label{color:#fff;text-decoration:line-through;font-weight:700}.list-item.important{background-color:#97bbff;border:1px solid #97bbff;box-shadow:0 2px 17px #ddd;transition:box-shadow .2s linear}.list-item.important:hover{box-shadow:none}.list-item.important .item-label{color:#fff;font-weight:700}.list-fa,.list-fa-item{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.list-fa-item{cursor:pointer;width:35px;height:35px;list-style:none;transition:background-color .2s linear,border .2s linear}.list-fa-item.trash{border-radius:3px 0 0 3px;border:2px solid #fdb1b1;border-right:none;background-color:#fdb1b1}.list-fa-item.trash:hover{background-color:#fdd;border:2px solid #fdd;border-right:none}.list-fa-item.pencil{background-color:#f8f7ab;border:2px solid #f8f7ab}.list-fa-item.pencil:hover{background-color:#eee;border:2px solid #eee}.list-fa-item.important{border-radius:0 3px 3px 0;border:2px solid #9cf79c;border-left:none;background-color:#9cf79c}.list-fa-item.important:hover{background-color:#d5fdd5;border:2px solid #d5fdd5;border-left:none}.list-fa-item.change{border-radius:0 3px 3px 0;border:2px solid #9cf79c;border-left:none;background-color:#9cf79c}.list-fa-item.change:hover{background-color:#d5fdd5;border:2px solid #d5fdd5;border-left:none}.list-fa-item.times{border-radius:3px 0 0 3px;border:2px solid #fdb1b1;border-right:none;background-color:#fdb1b1}.list-fa-item.times:hover{background-color:#fdd;border:2px solid #fdd;border-right:none}.input-change-text-item{text-indent:12px;width:calc(100% - 75px);height:30px;border:2px solid #eee;border-radius:3px;outline:none;transition:border .2s linear}.input-change-text-item:focus{border:2px solid #5687e2}.alert{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;width:100%;height:30px;margin-top:10px;padding-left:5px;border-radius:3px;background-color:#eee}.alert span{padding-left:7px;font-size:14px}.app-add-item-panel{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;height:40px;padding:10px;border:1px solid #eee;border-radius:3px}.input-forn-add-item{text-indent:12px;width:calc(100% - 100px);height:30px;border-radius:3px;border:2px solid #eee;outline:none}.btn-forn-add-item,.input-forn-add-item:focus{border:2px solid #5687e2}.btn-forn-add-item{cursor:pointer;width:95px;height:30px;color:#fff;border-radius:3px;background-color:#5687e2;transition:background-color .2s linear,color .2s linear,border .2s linear}.btn-forn-add-item:hover{background-color:#537acf;border:2px solid #537acf}
/*# sourceMappingURL=main.952ba447.chunk.css.map */