.actions .task-move-btn:active,.actions .task-move-btn:focus,.add-new,.add-new-btn:focus{outline:0}.task-list{float:left;width:250px;text-align:center;background:#fff;margin:10px 0;padding:0}.task-list ul{list-style:none;text-align:left;padding:0;margin:0}.list-header{padding:10px;color:#fff}.list-header__wait{background-color:#E64A19}.list-header__active{background-color:#F9A825}.list-header__completed{background-color:#388E3C}.list-title{position:relative;font-size:16px}.task-item{position:relative;border-radius:3px;border:1px solid rgba(0,0,0,.05);padding:10px 50px 10px 10px;background:#fff;margin:0}.task-item:hover>.actions{opacity:1}.actions{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:#2196F3;text-align:center;padding:10px;box-sizing:border-box;transition:all .3s linear}.actions .task-move-btn{margin:15px;width:20px;height:20px;border:5px solid #fff;color:#fff;background-color:#fff;border-radius:50%;transition:all .15s linear;cursor:pointer}.actions .task-move-btn__wait{background-color:#E64A19;border-color:#E64A19}.actions .task-move-btn__wait.active,.actions .task-move-btn__wait:hover{border-color:#fff}.actions .task-move-btn__active{background-color:#F9A825;border-color:#F9A825}.actions .task-move-btn__active.active,.actions .task-move-btn__active:hover{border-color:#fff}.actions .task-move-btn__completed{background-color:#388E3C;border-color:#388E3C}.actions .task-move-btn__completed.active,.actions .task-move-btn__completed:hover{border-color:#fff}.actions .task-move-btn__remove{position:relative}.actions .task-move-btn__remove:after,.actions .task-move-btn__remove:before{content:'';display:block;position:absolute;top:4px;left:0;height:2px;width:100%;background-color:#2196F3}.actions .task-move-btn__remove:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.actions .task-move-btn__remove:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.input-container{position:relative;height:27px}.add-new{padding:3px;height:20px;width:200px;border:none;border-bottom:1px solid #2196F3;margin-right:10px}.add-new-btn{position:relative;top:7px;width:22px;height:22px;border-radius:50%;border:none;background:#E64A19;cursor:pointer}.add-new-btn:after,.add-new-btn:before{content:'';display:block;position:absolute;height:2px;width:12px;top:10px;left:5px;background:#fff}.add-new-btn:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}body{width:750px;margin:25px auto}