.btn-done{display:block;margin:auto;background-color:var(--27c1e6ae);color:#fff}.btn-done:hover{background-color:#00ff0080;cursor:pointer}.btn-warning{background-color:var(--4f0c9fa6);display:block;color:#fff;font-weight:700;margin:auto}.btn-warning:hover{background-color:orange;color:#fff}.vue-header{display:flex;flex-direction:column}@media only screen and (max-width: 575px){.vue-header{flex-direction:row;justify-content:center;gap:2rem}}.filter-list{max-width:fit-content}.active{background-color:var(--c67674fa);color:#fff}.activeStatusFilter{color:#02788c;border-bottom:solid 2px #02788c}.filter-status:hover{cursor:pointer}.card{background-color:var(--b70e302e)}.card:hover{background-color:#fff;cursor:pointer;transition:background-color .3s linear;-webkit-transition:background-color .3s linear;-ms-transition:background-color .3s linear;-o-transition:background-color .3s linear}.card-title{font-size:1.2rem;font-weight:700}.card-text{margin:1rem 0;text-align:justify}.card-footer{background-color:inherit;border:none}.card-type{background-color:var(--c67674fa);color:#fff;margin-left:1rem;padding:.5rem;border-radius:.5rem;font-weight:700}.button-line{max-width:fit-content;margin:auto}.card-duration{margin:0}.duration,.card-duration{color:#db3069}.filter-label{margin:0;padding:.5rem 0rem}.label-action{background-color:var(--b70e302e);padding:.5rem 1rem;border-radius:.25rem}.filtre{max-width:fit-content;text-align:center;border:1px solid #182f667d;border-radius:2rem;margin:.5rem auto;padding:.5rem 1rem}.filtre:hover{background-color:var(--c67674fa);color:#fff;cursor:pointer}.counter{background-color:var(--b70e302e);color:#000;border-radius:.5rem;padding:.25rem .5rem;font-weight:600}.card>a{text-decoration:none;color:inherit}.action-details{max-width:fit-content;margin:.5rem auto;align-self:baseline;padding:1.5rem;border-radius:.375rem;background-color:var(--65010074);box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.list-group-item{max-width:fit-content;padding:.5rem;background-color:var(--2a382702);color:#fff}.duration{color:#db3069}.back-link{color:#000}.back-link:hover{cursor:pointer}.action-link{display:block;background-color:#ddeccb;padding:.8rem;border-radius:.4rem;color:#000;text-decoration:none}.break-lign{height:1px;border-bottom:1px solid rgb(224,224,224)}.task-details{flex:1 1 0%;text-align:justify}.task-details>p{margin:1rem 0}ul{list-style-type:none;margin:0;padding:0}p{margin:1rem}
