#main-list{list-style-type:none;display:flex;flex-direction:column;width:80%;max-height:100%;padding-left:2.5%;margin:0 auto}.taskNode{display:flex;align-items:center;background:#fff!important;margin:.5rem;padding:0;min-width:100%;height:4rem;font-size:1.5rem;border:1px solid rgba(46,71,86,.075);border-radius:10px;transition:all .5s ease}.drag-btn{margin-right:5%;margin-left:-1em;text-align:center;line-height:inherit;background-color:transparent;border-radius:10px}.form-check-input[type=checkbox]{color:#e5e5e5;border-radius:50%!important;display:inline-block;margin-left:5%;position:inline-block;width:1.3em;height:1.3em;border-color:#e5e5e5}.form-check-input[type=checkbox]:checked{background-color:#2e4756;border-color:#2e4756}.form-check-input[type=checkbox]:focus{border-color:#e5e5e5;box-shadow:0 0 0 .2rem rgba(46,71,86,.3)}p.task-item{margin:0;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.progress{width:25%!important;min-width:25%!important;margin-right:5%;margin-top:.25%}.progress-bar{background-color:#2e4756!important}.progress-text{padding-right:2%!important}.material-icons{font-size:48px!important;font-weight:700}button{border:none;background:#00000000}.hide,:host(.hide){visibility:hidden!important;border:none;opacity:0;transition:opacity .75s ease!important}:host(:hover) .hide{opacity:1;visibility:visible!important}.taskNode:hover .hide{opacity:1;visibility:visible!important}.btn{padding-left:0!important;padding-right:0!important}.delete-btn,.edit-btn,.play-btn{color:#2e4756;border:none;cursor:pointer;padding-top:3px;padding-bottom:0;text-shadow:none;box-shadow:none}.btn:active,.btn:focus{box-shadow:none!important}