*{margin:0}.title{font-size:3rem;margin-bottom:1rem}#todolist{height:100%;display:flex;flex-direction:column}#todolist>footer{width:100%}#todolist_list,#todolist_search{margin:auto;border:1pt solid #dcdcdc;border-radius:5pt;width:40vw;background-color:#fff}#todolist_search{margin-bottom:5vh}.task,.todolist_list--actions,.todolist_search--task{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;height:3rem}.todolist_search--task{border:1pt solid #dcdcdc;border-radius:5pt;padding:1rem;width:100%}.task{border:0 solid #dcdcdc}#todolist_list{width:-webkit-max-content;width:-moz-max-content;width:max-content}#todolist_list>*{height:3rem;line-height:3rem}#todolist_list>:first-child,#todolist_list>:last-child{border:0 solid #dcdcdc}#todolist_list>:first-child{border-bottom-width:1pt}#todolist_list>:last-child{border-top-width:1pt}input[type=text]{box-sizing:border-box;border:none;border-radius:5pt;outline:none;font-size:1rem}#search-task{padding:1rem;width:100%}.todolist_list--new-task{box-shadow:0 2px 6px 0 #dcdcdc}.todolist_list--new-task input[type=text]{height:100%}.todolist_list--tasks{height:unset!important;display:flex;flex-direction:column;align-items:stretch}.task:nth-child(2n){border-width:1pt 0}.task:first-of-type{border-top:0}.task:last-of-type{border-bottom:0}.task .task-name{width:100%;flex-grow:1;text-align:left}.task-action,.task-priority,.task-status{min-width:3rem;height:3rem;line-height:3rem}.task-priority{color:grey;box-sizing:border-box}.task-action{color:#dcdcdc;font-size:2rem;background-color:#fff;transition:background-color .3s ease-in-out}.task-action:hover{cursor:pointer;color:grey;background-color:#dcdcdc}.task-action:active{color:#dcdcdc;background-color:grey;border-top:0;transition:border-top .7s ease-in-out}.task-priority:hover{cursor:pointer;border-top:1rem solid}.task-priority:active{cursor:pointer;overflow-y:hidden;border-top:2.5rem solid}.completed{color:red;text-decoration:line-through}.baja-prioridad{color:#000;background-color:#bbe6d6}.media-prioridad{color:#fff;background-color:orange}.alta-prioridad{color:#fff;background-color:#8b0000}.task-priority.baja-prioridad:hover{border-top-color:orange}.task-priority.media-prioridad:hover{border-top-color:#8b0000}.task-priority.alta-prioridad:hover{border-top-color:#bbe6d6}.todolist_list--actions{padding:1rem;color:#858383}.todolist_list--actions>div{margin:0 5vw;display:flex}.todolist_list--actions>div>div{padding:0 .5rem}.todolist_list--actions .clickable{font-weight:700}.todolist_list--actions .clickable:hover{cursor:pointer;color:#000}.todolist_list--actions input[type=radio]{display:none}.todolist_list--actions input:checked+.clickable{color:#00bfff}.rounded>input{width:50%;height:50%;background-color:#fff;border-radius:50%;vertical-align:middle;border:1px solid #ddd;-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.rounded>input,.rounded>input:checked{transition:background-color .25s ease-in-out}.rounded>input:checked{background-color:#00bfff}.list-enter-active,.list-leave-active{transition:all .5s}.list-enter-active,.list-leave-to{height:0;opacity:0;overflow:hidden}.list-enter-to,.list-leave{opacity:1;overflow:unset;height:3rem}@media only screen and (max-width:500px){#todolist_list,#todolist_search{width:80vw}#todolist{align-items:center}#todolist_list>.todolist_list--actions{flex-direction:column;padding:0;height:auto}}@media only screen and (max-width:350px){.title{margin:0}#todolist_list,#todolist_search{width:90vw;border:none;border-radius:0;margin:0}#todolist_search{margin-bottom:1rem}#todolist_list{display:flex;flex-direction:column}#todolist_list,.todolist_list--tasks{flex-grow:1}.task-priority:hover{border:none}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}html{height:100vh;background:#00bfff;background:linear-gradient(180deg,#00bfff,#87e1ff 20%,#fff);background-repeat:no-repeat}@media only screen and (max-width:320px){#app{height:100vh;margin:0}}