.todo .action-box{background:transparent;height:20px;width:20px;display:inline-block;text-align:center;cursor:pointer;-webkit-transition:all 300ms ease;transition:all 300ms ease}.todo .action-box .icon{vertical-align:0}.todo .action-box.completed{background:#dc3545;border:1px solid #dc3545;border-radius:4px}.todo .action-box.completed .icon{color:#fff;font-size:14px}.todo .action-box.large{height:30px;width:30px}.todo .action-box.large .icon{font-size:20px;vertical-align:-5px}.todo .action-box.large .icon .icon-trash{color:var(--theme-deafult)}.todo .action-box.large .icon .icon-check{color:var(--theme-deafult)}.todo .todo-list-wrapper{width:100%;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.todo .todo-list-wrapper .mark-all-tasks{position:absolute;top:40px;right:30px}.todo .todo-list-wrapper .mark-all-tasks .mark-all-tasks-container{overflow:hidden;position:relative}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn{cursor:pointer;display:inline-block;-webkit-transition:all 200ms ease;transition:all 200ms ease}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-finished{color:#dc3545}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete{color:#51bb25}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-box{border:2px solid #51bb25;border-radius:4px}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn#mark-all-incomplete .action-box .icon{color:#51bb25}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn.move-up{-webkit-transform:translateY(-30px);transform:translateY(-30px);position:absolute;right:0}.todo .todo-list-wrapper .mark-all-tasks .mark-all-btn.move-down{-webkit-transform:translateY(30px);transform:translateY(30px);position:absolute;right:0}.todo .todo-list-wrapper .mark-all-tasks .btn-label{margin-right:5px;font-weight:600}.todo .todo-list-wrapper .todo-list-footer{position:relative}.todo .todo-list-wrapper .todo-list-footer h5{text-align:center;color:#efefef}.todo .todo-list-wrapper .todo-list-footer .add-task-btn-wrapper{padding-top:30px}.todo .todo-list-wrapper .todo-list-footer .add-task-btn.hide{opacity:0;display:none}.todo .todo-list-wrapper .todo-list-footer .add-task-btn:hover{background:var(--theme-deafult)}.todo .todo-list-wrapper .todo-list-footer .add-task-btn:hover .icon{color:#f4f4f4}.todo .todo-list-wrapper .todo-list-footer .add-task-btn .icon{color:var(--theme-deafult);font-size:20px}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper{-webkit-transition:all 300ms ease;transition:all 300ms ease;max-height:0;overflow:hidden}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #f4f4f4;height:90px;padding:10px 15px;margin-bottom:24px;border-radius:4px;-webkit-transition:all 300ms ease;transition:all 300ms ease}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea:focus{border:1px solid #efefef;outline:none}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper textarea.error{border:1px solid #dc3545;outline:none}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper .error-message{color:#dc3545;font-style:italic}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper.visible{max-height:300px;overflow:auto}.todo .todo-list-wrapper .todo-list-footer .new-task-wrapper::after{content:"";display:block;clear:both}.todo .todo-list-wrapper .todo-list-body{max-height:500px;overflow:auto}.todo .todo-list-wrapper #todo-list{list-style:none;margin:0;padding:0}.todo .todo-list-wrapper #todo-list .task:first-child .task-container{padding-top:0}.todo .todo-list-wrapper #todo-list .task:first-child .task-container h4{padding-top:0}.todo .todo-list-wrapper #todo-list li{margin:0;padding:0}.todo .todo-list-wrapper #todo-list li .task-container{display:table;background:#fff;padding:10px 0;width:100%;border-bottom:1px solid #f4f4f4;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-transition:background 200ms ease;transition:background 200ms ease}.todo .todo-list-wrapper #todo-list li .task-container .task-label{display:block;font-size:17px;vertical-align:middle;color:#898989;word-break:break-all;padding-top:5px;font-weight:300}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn{display:table-cell;vertical-align:middle;text-align:right;min-width:65px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box{margin-left:5px;margin-top:2px;border:1px solid transparent;margin-bottom:2px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box .icon{font-size:16px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover{border:1px solid #59667a;background:#fff;border-radius:4px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover .icon{color:#59667a}.todo .todo-list-wrapper #todo-list li .task-container:hover h4{color:#2c323f;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn{border:1px solid var(--theme-deafult);border-radius:4px}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn .icon{font-weight:bold}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover{background:#fff;border:1px solid #51bb25}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover .icon{color:#fff}.todo .todo-list-wrapper #todo-list li.completed .task-container .task-label{text-decoration:line-through;color:var(--theme-deafult)}.todo .todo-list-wrapper #todo-list li.new .task-container{-webkit-animation:taskHighlighter 2000ms linear 1;animation:taskHighlighter 2000ms linear 1}.todo .todo-list-wrapper .todo-list-header h5{text-align:center;color:#efefef}.todo .notification-popup{position:fixed;top:85px;right:10px;width:300px;display:inline-block;background:#51bb25;border:1px solid #51bb25;color:#fff;padding:20px;opacity:0.9;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 300ms ease;transition:all 300ms ease}.todo .notification-popup.success{background:#51bb25;border:1px solid #51bb25}.todo .notification-popup p{margin-top:0;margin-bottom:0}.todo .notification-popup .task{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:inline-block}.todo .notification-popup .notification-text{font-size:14px;display:inline-block;overflow:hidden}.todo .notification-popup.hide{opacity:0;visibility:hidden}@-webkit-keyframes taskHighlighter{0%{background:rgba(68,102,242,0.5)}100%{background:#fff}}@keyframes taskHighlighter{0%{background:rgba(68,102,242,0.5)}100%{background:#fff}}
/*# sourceMappingURL=todo.css.map */