@import"https://fonts.googleapis.com/css2?family=Cinzel&family=Roboto:wght@100;300;400;500&display=swap";.errorMesg{text-align:center;color:red}.redColor{background-color:#ff00003d}.greenColor{background-color:#0080003d}.labelAsignedBy{text-align:end;font-size:13px}#cardImg{height:50px;width:50px;max-height:70%;border-radius:50%;object-fit:cover;box-shadow:0 6px 8px #88888898;border:1px solid rgba(0,0,0,.603)}.cardHeader{display:flex;flex-direction:row;justify-content:space-between;padding:5px;align-items:center}.editButton{display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:20px;font-size:30px}.taskDueDate[data-v-99e01dbf]{display:flex;justify-content:flex-end;width:95%;margin-bottom:50px}.taskDueDate label[data-v-99e01dbf]{font-style:italic}.dueDateLabel[data-v-99e01dbf]{font-weight:700}*{font-family:Roboto,sans-serif}body{margin:0;padding:0;overflow-x:hidden;min-height:100vh;background:#f2f4fc}nav{background-color:#203267;display:flex;width:100%;justify-content:space-around;align-items:center;color:#fff;margin-bottom:30px}.navImg{width:70%}.hambRouters{list-style:none;padding-inline-start:0;display:flex;flex-direction:row;align-items:center;gap:20px}.hambRouters li a{text-decoration:none!important;list-style:none!important;color:#fff}.hambRouters li a:hover{font-weight:600}.hambRouters li button{background:#f68520;border-width:0;padding:10px;color:#fff;border-radius:.25rem}.navbar-toggle{display:none;height:min-content;margin:10px -10px 0 0;cursor:pointer}.navbar-toggle .bar{width:40px;height:5px;margin-bottom:10px;background:#b4b3b3;border-radius:10%;transition:.4s}.signInContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;margin-top:100px}.signInContainer img{width:224px;padding-left:20px}.signInContainer h1{text-align:center;font-size:25px}.signInContainer h3{text-align:center;font-size:20px;font-weight:400}.signInContainer input{background-color:#eaf0fe;border-width:0;border-radius:.25rem;padding-top:10px;padding-bottom:10px;width:300px;padding-left:10px;text-align:start;color:#000;margin-bottom:20px}.signInButton{display:flex;flex-direction:column;align-items:center}.signInButton button{background:#273269;color:#fff;border-radius:.25rem;padding-top:10px;padding-bottom:10px}.emailSignIn,.passwordSignIn{padding-bottom:10px}.signInForm button{padding:5px 60px;margin-bottom:10px}.signUpContainer{display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;position:relative;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;margin-top:100px}.signUpContainer img{width:224px;padding-left:20px}.signUpContainer .header h1{text-align:center;font-size:25px}.signInContainer .header h3{text-align:center;font-size:20px;font-weight:200}.signUpForm{display:flex;flex-direction:column}.signUpform-input{width:360px;display:flex;flex-direction:column;text-align:center;margin-bottom:20px}.signUpform-input input{background-color:#eaf0fe;border-width:0;border-radius:.25rem;padding-top:10px;padding-bottom:10px;padding-left:10px;text-align:start;margin-bottom:15px}.signUpButton{background:#273269;color:#fff;border-radius:.25rem;padding-top:5px;padding-bottom:5px;width:50%;align-self:center}.contentHome{display:flex;flex-direction:column;align-items:center}.contentHome img{position:absolute;z-index:-12}.homeTaskTitle{text-align:start}.taskWrapper{display:flex;flex-wrap:wrap;align-items:center;max-width:1350px;margin:auto;gap:10px;min-height:150px}.headerReorder{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}.homeOrderBySection{display:flex;align-items:center;max-width:1280px;gap:10px;justify-content:flex-end;margin-bottom:20px}.orderTaskByDD{font-size:15px;border-radius:.5rem;width:200px;color:#fff;background-color:#203267;padding-top:5px;padding-bottom:5px;padding-left:5px}.orderTaskBy{display:flex;justify-content:space-between;max-width:1280px;margin:50px auto auto;align-items:center;flex-wrap:wrap}.contentNewTask{border-width:1px;border-color:#273269;background:white;padding:50px;box-shadow:0 6px 8px #88888898;border-radius:.75rem;border-color:#aaa}.contentNewTask input{width:600px;font-size:15px;margin-bottom:20px;border-radius:.25rem;border-width:1px}.contentNewTask textarea{margin-bottom:20px;border-radius:.25rem;width:600px}.contentNewTask label{padding-right:15px;color:gray}.input-button{display:flex;justify-content:center;align-items:center}.input-button button{background:#2d376dcb;color:#fff;padding:1rem 10rem;border-radius:.75rem;font-weight:600;font-size:20px;border-width:0}.taskContainer{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;border-width:1px;border-radius:.75rem;padding:1rem;max-width:400px;margin-bottom:5px;text-align:center;overflow:hidden;box-shadow:0 6px 8px #888888d3}.taskContainer h4{font-weight:400;height:40px;overflow:hidden;text-overflow:hidden}.taskContainer .taskIcon{width:400px;display:flex;justify-content:space-evenly;font-size:2rem;color:#2e29299c}.taskContainer .taskIcon:hover{width:400px;display:flex;justify-content:space-evenly;font-size:2rem;color:#000}.taskContainer .taskEditInputs{display:flex;flex-direction:column;gap:5px;margin-bottom:40px}.taskEditInputs button{background:#2d376dcb;color:#fff;border-radius:.75rem;font-weight:400;font-size:15px;border-width:0;padding:1rem}.taskEditInputs input,textarea{border-radius:.25rem;border-width:1px;overflow:hidden;text-overflow:hidden}.taskContainer{margin-bottom:40px}.accountContainer{margin:auto auto 40px;border:2px solid rgba(0,0,0,.151);height:740px;width:600px;border-radius:3rem;box-shadow:0 6px 8px #88888898;padding:0 10px;display:flex;flex-direction:column;background:white}.accountContainer button{width:50%;max-width:50%;align-self:center;padding:8px;background:#e68522;color:#fff;font-weight:500;border-width:0;border-radius:.25rem}.accauntContainerHeader{display:flex;flex-direction:column;align-items:center;height:300px;margin:0}.accauntContainerHeader .labelContainer{background:#e68522;margin-top:10px;width:150px;height:30px;text-align:center;display:flex;justify-content:center;align-items:center;border-radius:.25rem}.accauntContainerHeader .imageButton{color:#fff}.accauntContainerHeader img{height:70%;width:35%;max-height:70%;border-radius:50%;margin-top:20px;object-fit:cover;border:1px solid rgba(0,0,0,.603);box-shadow:0 6px 8px #88888898}.accauntContainerHeader h1{margin-top:15px;margin-bottom:15px}.accauntContainerData{padding-left:25px;padding-right:25px;display:flex;justify-content:space-around;margin-top:10px}.accauntContainerData label{font-size:13px}.accauntContainerData input{width:100%;border-radius:.25rem;background-color:#eaf0fe;border-width:0;font-size:16px;padding:4px 0;margin-bottom:21.28px;color:#474e68}.accauntContainerData h4{margin-top:5px;font-weight:500;color:#474e68}.accauntContainerDataLeft,.accauntContainerDataRight{width:200px}.sendTaskFlex{display:flex;flex-direction:column;align-items:center;margin-bottom:80px}.sendTaskContainer{box-shadow:0 6px 8px #88888898;border-radius:.75rem;border-color:#aaa;padding:50px;max-width:685px;width:100%;background:white}.sendTaskContainer label{padding-right:15px;color:gray}.sendTaskContainer input{width:100%}.sentTasksTableFlex{display:flex;flex-direction:column;align-items:center;margin-bottom:120px}.sentTaskTableHeader{display:flex;align-items:center;width:1000px;height:20px;background:#5e6881;margin:auto auto 6px;padding-top:5px;padding-bottom:5px;border-radius:.25rem;color:#fff;padding-left:90px}.sendTaskSetup{margin-bottom:20px}.sentTaskTableHeader i{padding-left:15px}.sentToH{width:200px;white-space:nowrap;text-align:start;overflow:hidden;text-overflow:hidden;margin-left:20px;text-align:center}.dueH{width:100px;white-space:nowrap;text-align:start;overflow:hidden;text-overflow:hidden;margin-left:15px;text-align:center}.titleH{width:400px;white-space:nowrap;text-align:start;overflow:hidden;text-overflow:hidden;margin-left:15px;text-align:center}#sendToInput,#titleToInput{width:100%;font-size:15px;margin-bottom:20px;border-radius:.25rem;border-width:1px}#dueToInput{max-width:30%;background:white;text-align:center;margin-bottom:20px;border-radius:.25rem;border-width:1px}#descriptionToInput{background:white;width:100%;border-radius:.25rem;border-width:1px}.sentTaskTableElement{display:flex;align-items:center;width:1000px;height:20px;margin:auto auto 0;padding-top:5px;padding-bottom:5px;border-radius:.25rem;padding-left:90px}.sentTasksTableFlex hr{width:1000px}.sendTaskButton{display:flex;flex-direction:column;align-items:center}.sendTaskButton button{background:#2d376dcb;color:#fff;padding:1rem 10rem;border-radius:.75rem;font-weight:600;font-size:20px;border-width:0}.sentTaskTableElement i{margin-left:15px}.sentToLabel{width:200px;white-space:nowrap;text-align:start;overflow:hidden;text-overflow:hidden;margin-left:20px}.dueDateLabel{width:100px;white-space:nowrap;text-align:start;overflow:hidden;text-overflow:hidden;margin-left:15px}.titleLabel{width:400px;white-space:nowrap;text-align:start;overflow:hidden;text-overflow:hidden;margin-left:15px}.completedLabel{text-align:center;width:75px}.fa-exclamation-triangle{font-size:100px}.taskCardDesc{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:520px;margin:auto auto 50px;background:white;border-radius:1rem;padding:5%;box-shadow:0 6px 8px #88888898}.taskCardDesc h4{font-size:.8rem}.taskTitle{margin-top:10px;margin-bottom:10px;text-align:center}.taskPart,hr{width:100%}.taskDesc{display:flex;align-items:center;justify-content:center;text-align:justify}.taskIdentifier{display:flex;justify-content:space-between;align-items:center;margin:auto;text-align:center;gap:60px}.taskChars{display:flex;justify-content:space-between;align-items:center;margin:auto;text-align:center;max-width:520px;gap:70px}#cardImgDesc{height:80px;width:80px;max-height:70%;border-radius:50%;object-fit:cover;box-shadow:0 6px 8px #88888898;border:1px solid rgba(0,0,0,.603)}.taskIconDesc{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px;font-size:30px;width:60%}.singleUser{display:flex;flex-direction:column;align-items:center;justify-content:center}.singleUser h6{margin-bottom:0}.singleUser img{height:140px;width:140px;max-height:70%;border-radius:50%;object-fit:cover;box-shadow:0 6px 8px #88888898;border:1px solid rgba(0,0,0,.603)}.textareaEdit{display:flex;flex-direction:column;justify-content:center;gap:10px}.editTaskTitle{font-size:2rem;font-weight:700}.footerBar{height:80px;background-color:#787878;bottom:0;width:100%;color:#fff}.footerFlex{display:flex;justify-content:center;align-items:center}.footerFlex p{margin-top:30px}@media (max-width: 766px){nav{justify-content:space-between}.navImg{width:50%;padding:10px}nav ul{display:none}.navbar-toggle{display:grid!important}#navbar-toggle.active .bar:nth-child(2){opacity:0}#navbar-toggle.active .bar:nth-child(1){transform:translateY(15px) rotate(45deg)}#navbar-toggle.active .bar:nth-child(3){transform:translateY(-15px) rotate(-45deg)}.hambRouters{position:fixed;left:100%;top:43px;flex-direction:column;background-color:#203267cc;width:100%;text-align:center;transition:.3s}.hambRouters li{margin:16px 0}nav ul.active{left:0}.hambRouters.active a{color:#fff;font-weight:800;font-size:30px}.hambRouters.active a:hover{color:#292e47;font-weight:800;font-size:30px}.contentHome{max-width:80%;align-items:center;margin:auto}.contentNewTask input,.contentNewTask,.contentNewTask textarea{width:100%}.homeTaskTitle{text-align:center;max-width:80%}.taskWrapper{align-items:center;max-width:80%;gap:0px}.input-button button{background:#2d376dcb;color:#fff;border-radius:.75rem;font-weight:400;font-size:100%;border-width:0;width:60%;padding:1rem}.cardHeader{flex-direction:column}.taskContainer,.taskContainer div{width:100%}.taskContainer .taskIcon{width:100%;min-width:300px}.taskContainer .taskIcon:hover{width:100%}.orderTaskBy{justify-content:center;max-width:90%;margin-bottom:20px}.homeTaskTitleSection{width:90%;text-align:center}.homeTaskTitle{margin:40px auto 25px}.homeOrderBySection label{display:none}.homeOrderBySection{gap:5px;margin-bottom:10px}.sendTaskContainer{width:90%}.sendTaskFlex{width:90%;margin:auto auto 15px}.sentTaskTableHeader{font-size:14px;padding-left:0;width:100%}.sentTaskTableElement{width:100%;font-size:11px;padding-left:0}.sentTaskTableElement i{padding-right:5px}.sentTasksTableFlex hr{width:100%}.dueDateLabel{width:200px;text-align:center;margin-left:10px}.titleLabel{width:250px;margin-left:10px;text-align:center}.taskEditInputs textarea{width:100%}.taskCardDesc{width:80%;margin:auto auto 190px}.accountContainer{width:90%}.accauntContainerHeader{height:300px}.accauntContainerHeader img{height:50%;width:38%;max-height:50%}.accauntContainerHeader h1{margin-top:15px;margin-bottom:15px;font-size:25px}.accauntContainerData{gap:25px}.accauntContainerData label{font-size:11px}.accauntContainerData h4{font-size:13px}}