.task-section{width:100%}.task-section-item{width:100%;border:1px solid #eee;border-radius:5px;box-shadow:0 0 0 #eee;transition:box-shadow .5s ease;margin-top:10px;cursor:pointer;padding:20px;box-sizing:border-box;position:relative}.task-section-item:hover{box-shadow:0 0 20px #ddd;transition:box-shadow .5s ease}.task-section-item-title{display:flex;justify-content:space-between;align-items:flex-end;height:20px}.task-section-item-title-periods{color:#409eff;font-size:14px}.task-section-item-title-draft{padding:2px 5px;background-color:grey;color:#fff;border-radius:3px;margin-right:10px;font-size:10px}.task-section-item-score{width:300px;color:grey;font-size:14px}.task-section-item-person{height:20px;margin-top:5px;padding-bottom:10px;font-size:14px;color:grey;border-bottom:1px dashed #eee}.task-section-item-date{margin-top:10px;font-size:14px;color:grey;display:flex;justify-content:space-between;align-items:center}.task-section-item-1{background-color:#5daf34}.task-section-item-1,.task-section-item-2{padding:3px 5px;color:#fff;border-radius:3px;margin-right:10px;font-size:12px}.task-section-item-2{background-color:#ff4500}.task-section-item-3{padding:3px 5px;background-color:#ff4b58;color:#fff;border-radius:3px;margin-right:10px;font-size:12px}.complete-out{position:absolute;bottom:15px;right:20px}.complete-in{position:absolute;bottom:20px;right:10px}.color-blue{background-color:red}