.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:#f81f58;border:1px solid #f81f58;border-radius:4px}.todo .action-box.completed .icon{color:#fff;font-size:14px}.todo .action-box.large{height:26px;width:26px}.todo .action-box.large .icon{font-size:16px;vertical-align:-4px}.todo .action-box.large .icon .icon-trash{color:#5c61f2}.todo .action-box.large .icon .icon-check{color:#5c61f2}.todo .todo-list-wrapper{width:100%;margin:0 auto;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.todo .todo-list-wrapper #todo-list{list-style:none;margin:0;padding:0}.todo .todo-list-wrapper #todo-list li{margin:0;padding:0;width:100%}.todo .todo-list-wrapper #todo-list li:last-child .task-container{border-bottom:0;padding-bottom:0}.todo .todo-list-wrapper #todo-list li .task-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0;width:100%;border-bottom:1px solid #eee;-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 .d-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo .todo-list-wrapper #todo-list li .task-container .d-flex div{text-align:right}.todo .todo-list-wrapper #todo-list li .task-container .task-label{display:table;font-size:16px;font-weight:400;vertical-align:middle;color:#979797;word-break:break-word;padding-top:5px}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn{display:table-cell;vertical-align:middle;text-align:right}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box{border:1px solid transparent}.todo .todo-list-wrapper #todo-list li .task-container .task-action-btn .action-box:hover{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 #5c61f2;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 .icon i{color:#61ae41}.todo .todo-list-wrapper #todo-list li.completed .task-container .complete-btn:hover{background:#fff;border:1px solid #61ae41}.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:#5c61f2}.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:100px;right:10px;width:300px;display:inline-block;background:#61ae41;border:1px solid #61ae41;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:#61ae41;border:1px solid #61ae41}.todo .notification-popup p{margin-top:0;margin-bottom:0;line-height:1}.todo .notification-popup .task{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:inline-block;color:#fff;padding:0 4px}.todo .notification-popup .notification-text{font-size:14px;display:inline-block;overflow:hidden;color:#fff}.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}}.todo-wrap .card-header.b-bottom{border-bottom:1px solid #eee}.todo-wrap .card-header .todo-list-header .new-task-wrapper input{padding:12px 28px;border-radius:30px 0 0 30px;background-color:#f6f8fc;border:1px solid #dee2e6}.todo-wrap .card-header .todo-list-header .add-new-task-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:0}.todo-wrap .todo-list-body .assign-name{opacity:0.4;font-size:13px;font-weight:400}.todo-wrap .left-bookmark ul li .iconbg{padding:8px;border-radius:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li button.d-block{text-align:left}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li+li{padding-top:12px}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a{padding:0 16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a .badge{color:#fff;padding:5px 6px 4px 7px}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a:hover{background-color:transparent}.todo-wrap.email-wrap .email-app-sidebar .main-menu>li a:hover .badge{color:#fff}
/*# sourceMappingURL=todo.css.map */