@media (min-width: 768px){.container[data-v-edf45097]{max-width:620px}}a[data-v-edf45097]{text-decoration:none}ul[data-v-edf45097]{padding:0;task-list-style:none}.navbar[data-v-edf45097]{background-color:#4a90e2}.navbar .container-fluid button[data-v-edf45097]{padding:10px}.navbar .container-fluid .navbar-collapse[data-v-edf45097]{justify-content:unset}.navbar .container-fluid .navbar-collapse .navbar-nav[data-v-edf45097]{width:100%}.navbar .container-fluid .navbar-collapse .navbar-nav .nav-item[data-v-edf45097]{flex:1 0 0;text-align:left}.navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link[data-v-edf45097]{padding:15px 20px;color:#00408b;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;margin:0;text-align:left}@media (min-width: 768px){.navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link[data-v-edf45097]{text-align:center}}.navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .router-link-active.router-link-exact-active[data-v-edf45097]{color:#fff}@media (min-width: 768px){.navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .router-link-active.router-link-exact-active[data-v-edf45097]{border-bottom:3px solid #00408b}}a[data-v-193949cc]{text-decoration:none}ul[data-v-193949cc]{padding:0;task-list-style:none}@media (min-width: 768px){.container[data-v-193949cc]{max-width:620px}}@media (min-width: 768px){.container{max-width:620px}}a{text-decoration:none}ul{padding:0;task-list-style:none}.task__head{padding:14px 20px;display:flex;flex-direction:row;gap:0;justify-content:space-between;align-items:center;border-radius:5px}@media (min-width: 576px){.task__head{padding:24px 32px}}.task__head__main{display:flex;flex-direction:row;gap:10px;align-items:center}.task__head__main input[type=checkbox]{appearance:none;height:24px;width:24px;background-color:#fff;border:.15em solid white;display:flex;align-items:center}.task__head__main input[type=checkbox]:before{content:"";height:20px;width:20px;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#4a90e2}.task__head__main input[type=checkbox]:checked:before{transform:scale(1)}.task__head__main input[type=checkbox]:checked+input[type=name]{text-decoration:line-through}.task__head__main input[type=name]{width:100%;border:1px transparent solid;padding:0 5px;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:24px;font-weight:600;margin:0;background-color:transparent}.task__head__main input[type=name]::placeholder{font-size:20px;font-weight:500;color:#000;background-color:transparent;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:24px;font-weight:600;margin:0}.task__head__icon{display:flex;flex-direction:row;gap:0}.task__head__icon .collect-button,.task__head__icon .edit-button{border:1px solid transparent;background-color:transparent}.task__head__icon .collect-button i,.task__head__icon .edit-button i{cursor:pointer;font-size:20px;position:relative;top:4px}.task__head__icon .collect-button i:active{color:#f5a623}.task__head__icon .edit-button i{color:#4a90e2}.task__head__icon .edit-button i:active{color:initial}.status__detail{display:flex;flex-direction:row;gap:10px;justify-content:flex-start;align-items:center;position:relative;padding:0 59px 10px;color:#757575;border-radius:5px}@media (min-width: 576px){.status__detail{padding:0 72px 17px}}.status__detail i{font-size:18px}.status__detail__date{display:flex;flex-direction:row;gap:5px}.status__detail__date p{margin:0;font-size:14px}.status__detail__file,.status__detail__comment{display:flex;flex-direction:row;gap:5px}.task{margin-top:22px;display:flex;flex-direction:column;gap:0;border-radius:5px;background-color:#f2f2f2;box-shadow:1px 2px 10px -4px gray}.task__body{padding:28px 46px;display:flex;flex-direction:column;gap:10px}@media (min-width: 576px){.task__body{padding:28px 96px}}.task__body .date{display:flex;flex-direction:column;gap:0}.task__body .date h3{text-transform:capitalize;font-family:Roboto,sans-serif;font-size:16px;margin:0;position:relative}.task__body .date h3:before{font-style:normal;font-variant:normal;text-rendering:auto;position:absolute;left:-25px;content:"\f073";font-family:"Font Awesome 5 Free";font-weight:400}.task__body .date__input{display:flex;flex-direction:column;gap:10px;width:100%}@media (min-width: 576px){.task__body .date__input{display:flex;flex-direction:row;gap:10px}}.task__body .date__input input{margin-top:10px;padding:5px 15px;border:1px transparent solid;height:35px;width:100%}@media (min-width: 768px){.task__body .date__input input{width:162px}}.task__body .date__input input::placeholder{font-family:Roboto,sans-serif;font-size:14px;margin:0;color:#c8c8c8}.task__body .file{display:flex;flex-direction:column;gap:0}.task__body .file h3{text-transform:capitalize;font-family:Roboto,sans-serif;font-size:16px;margin:0;position:relative}.task__body .file h3:before{font-style:normal;font-variant:normal;text-rendering:auto;position:absolute;left:-25px;content:"\f15b";font-family:"Font Awesome 5 Free";font-weight:300}.task__body .file label{margin-top:10px;color:#c8c8c8;cursor:pointer}.task__body .file label i{font-size:30px}.task__body .file input{display:none}.task__body .comment{display:flex;flex-direction:column;gap:0}.task__body .comment h3{text-transform:capitalize;font-family:Roboto,sans-serif;font-size:16px;margin:0;position:relative}.task__body .comment h3:before{font-style:normal;font-variant:normal;text-rendering:auto;position:absolute;left:-25px;content:"\f4ad";font-family:"Font Awesome 5 Free";font-weight:300}.task__body .comment textarea{margin-top:10px;padding:5px 15px;border:1px transparent solid;resize:none;width:100%;height:auto}@media (min-width: 768px){.task__body .comment textarea{height:120px}}.task__body .comment textarea::placeholder{text-transform:capitalize;font-family:Roboto,sans-serif;font-size:14px;margin:0;color:#c8c8c8}.task__status{display:flex;flex-direction:row;gap:0}.task__status .delete-button{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;margin:0;height:60px;width:310px;border-radius:5px;border:1px transparent solid;background-color:#fff;color:#d0021b}.task__status .delete-button p{margin:0;display:none}@media (min-width: 576px){.task__status .delete-button p{display:block}}.task__status .delete-button i{position:relative;top:-2px;font-size:20px}.task__status .save-button{display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;height:60px;width:310px;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;margin:0;border-radius:5px;background-color:#4a90e2;color:#fff;border:1px transparent solid}.task__status .save-button p{margin:0;display:none}@media (min-width: 576px){.task__status .save-button p{display:block}}.task__status .save-button i{position:relative;top:-3px;font-size:30px}.task-add{display:flex;flex-direction:row;gap:10px;align-items:center;margin-top:20px;border-radius:5px;border:2px #c8c8c8 solid;background-color:#fff;padding:0 18px}@media (min-width: 576px){.task-add{padding:9px 32px}}.task-add button[type=submit]{background-color:transparent;border:1px solid transparent;width:24px;height:10px;padding:0}@media (min-width: 576px){.task-add button[type=submit]{height:24px}}.task-add button[type=submit] .fa-plus{position:relative;top:-5px;font-size:20px;left:-3px;color:#c8c8c8;font-style:normal}@media (min-width: 576px){.task-add button[type=submit] .fa-plus{font-size:35px}}.task-add input[type=text]{border:1px transparent solid;width:100%;margin-top:0;padding:0 5px;font-size:30px}.task-add input[type=text]::placeholder{text-transform:capitalize;font-family:Roboto,sans-serif;font-size:24px;font-weight:300;margin:0;color:#c8c8c8}.collect-mode{background-color:#fff2dc}.collect-color{color:#f5a623}.edit-color{color:#4a90e2}.folded{display:none}.radius{border-radius:5px}.open-border{border-bottom:2px #c8c8c8 solid}.task-body-top-border{border-top:2px #c8c8c8 solid}.fa-star,.fa-pen,.fa-plus,.fa-x{pointer-events:none}.task.borderAbove{border-top:5px rgba(153,183,249,.767) solid}.task.borderBelow{border-bottom:5px rgba(153,183,249,.767) solid}a{text-decoration:none}ul{padding:0;task-list-style:none}header{background-color:#4a90e2}body{background-color:#e1e1e1}@media (min-width: 768px){.container{max-width:620px}}a{text-decoration:none}ul{padding:0;task-list-style:none}.container .navbar{background-color:#4a90e2}.container .navbar .container-fluid button{padding:10px}.container .navbar .container-fluid .navbar-collapse{justify-content:unset}.container .navbar .container-fluid .navbar-collapse .navbar-nav{width:100%}.container .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item{flex:1 0 0;text-align:left}.container .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link.active{color:#fff}@media (min-width: 768px){.container .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link.active{border-bottom:3px solid #00408b}}.container .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link{padding:15px 20px;color:#00408b;text-transform:capitalize;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;margin:0;text-align:left}@media (min-width: 768px){.container .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link{text-align:center}}.task-left{margin-top:30px;font-size:16px;text-align:right;color:#908f8f}a[data-v-d4afc5af]{text-decoration:none}ul[data-v-d4afc5af]{padding:0;task-list-style:none}@media (min-width: 768px){.container[data-v-d4afc5af]{max-width:620px}}a[data-v-d4afc5af]{text-decoration:none}ul[data-v-d4afc5af]{padding:0;task-list-style:none}.file label[data-v-d4afc5af]{font-size:30px}a[data-v-27a5a079]{text-decoration:none}ul[data-v-27a5a079]{padding:0;task-list-style:none}@media (min-width: 768px){.container[data-v-27a5a079]{max-width:620px}}a[data-v-27a5a079]{text-decoration:none}ul[data-v-27a5a079]{padding:0;task-list-style:none}.file label[data-v-27a5a079]{font-size:30px}@media (min-width: 768px){.container[data-v-fb0c0373]{max-width:620px}}a[data-v-fb0c0373]{text-decoration:none}ul[data-v-fb0c0373]{padding:0;task-list-style:none}.file label[data-v-fb0c0373]{font-size:30px}