*{font-family:Quicksand,sans-serif;color:#414140;margin:0%}@media (max-width:600px){body{margin:2px}}.taskHead{padding:.5%;border-radius:15px 15px 0 0;display:flex;align-items:center;justify-content:space-between}.taskheadLeft{display:flex;align-items:center;justify-content:space-between}.fa-list-check{font-size:30px;margin:.5%}.fa-square-plus{margin-left:1%;font-size:40px}.taskView h1{font-weight:400;margin-left:4%}.fa-square-plus:hover{cursor:pointer;filter:invert(1)}.fa-square-plus:active{filter:invert(0)}.cardHead{display:flex;justify-content:space-between;margin-top:1%;margin-left:-5%;width:74%;justify-self:center;padding-bottom:0}.taskView{background-color:#fff;padding:.5%;height:80%;margin:0% 1% 1%;border-radius:15px}.company-name{background-color:#f0f8ff;padding:12px;border:.5px gray solid;border-radius:50px;font-size:20px;width:fit-content;margin:1%}@media (max-width:600px){.taskView{margin:5px}.taskHead{flex-direction:column;align-items:start;margin:10px}.cardHead{width:90%}.cardHead h3{font-size:13px!important}.company-name{font-size:10px;border-radius:5px;padding:2px 5px}.cardHead{display:none}}.allTasks{margin:2%;height:65vh;overflow-y:scroll;overflow-x:hidden}.allTasks::-webkit-scrollbar{width:8px}.allTasks::-webkit-scrollbar-track{background:#fff}.allTasks::-webkit-scrollbar-thumb{background-color:#2c83e6;border-radius:4px}.allTasks::-webkit-scrollbar-thumb:hover{background-color:#2d6d92}.card{display:flex;justify-content:space-between;align-items:center;width:85%;justify-self:center;border-bottom:solid .5px rgb(197,195,195);padding-bottom:20px;margin-bottom:2%;margin-top:.1%;animation:openCards .4s;z-index:-2}.highlight{background-color:#cfcfcf;font-weight:700;border-radius:3px;padding:0 2px}.taskCard{background-color:#f0f8ff;padding:1%;margin-top:2%;min-width:600px;max-width:600px;border-radius:30px;overflow:hidden}.card h3{font-weight:400;font-size:15px}.t1{display:flex;justify-content:space-between}.taskCard h3{margin-top:2%;margin-left:1%;font-weight:500}.cardHead h3{font-size:22px}.taskHeading{font-weight:800!important;font-size:18px!important;margin-bottom:2%}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taskCard:hover{filter:drop-shadow(2px 2px 0px black);border:solid .5px black;cursor:pointer;transform:translate(-2px) translateY(-2px)}.taskCard:active{transform:translate(2px) translateY(2px);filter:drop-shadow(0px 0px 0px black);z-index:-1}.fa-thumbtack{color:#8a2be2}.fa-user{color:#aa6e1f}.fa-bars-progress{color:#3d88df}.fa-square-pen{color:#5f9ea0}.fa-clipboard{color:#ca7c16}.priority{width:30%;border-radius:0 0 50px;height:10px;margin-left:-5%;margin-top:-3%;overflow:hidden}@keyframes openCards{0%{margin-top:-10%}to{margin-top:.1%}}@media (max-width: 600px){.taskCard{padding:15px;min-width:300px;max-width:600px;transform:scale(.9);border-radius:15px}.card{width:100%;transform:scale(.9)}.card{gap:40px}.allTasks{overflow-x:hidden;width:90vw!important}.taskCard h3{font-size:13px}.due-date,.created-date{display:none}}.view-container{background-color:#fff;width:fit-content;height:fit-content;justify-self:center;left:0%;right:25%;top:5%;animation:opening .3s;z-index:10000;padding:20px 60px 20px 20px;border-radius:16px}.view-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}@keyframes opening{0%{transform:scale(.05)}to{transform:scale(1)}}.completeImg{width:400px;position:absolute;top:20%;right:15%;opacity:.2;pointer-events:none;animation:completeAnimation .3s ease-in-out}.task-details-card{padding:25px;display:flex;flex-direction:column;gap:20px}.task-heading{font-size:22px;color:#333;margin-bottom:10px;border-bottom:1px solid #ddd;padding-bottom:10px}.task-meta p{margin:5px auto 20px;font-size:15px;text-wrap:nowrap;color:#444}.edit-remarks-input{width:200px;padding:5px;border-radius:10px;border:solid .5px;animation:inputOpen .5s}@keyframes inputOpen{0%{width:0px}to{width:200px}}.task-meta strong{color:#111;display:inline-block;font-size:15px}.meta{display:flex;display:inline-block;margin-right:10%}.task-meta span{font-weight:500;white-space:nowrap}.task-meta{display:flex}.task-description h3{margin-bottom:8px;font-size:18px;text-wrap:wrap;color:#333}.task-description p{font-size:15px;line-height:1.5;color:#555}.fa-circle-play{color:#30a9ce}.fa-calendar-plus{color:#09848d}.fa-calendar-days{color:#f15555}.fa-bars-progress{color:#7676c0}.fa-flag-checkered{color:#34b634}.edit-remarks{cursor:pointer}.edit-remarks:hover{filter:invert(1)}.edit-remarks:active{filter:invert(0)}.meta-btn{padding:8px;border-radius:10px;border:solid .1px black;font-weight:700;cursor:pointer;color:#202020;transition:.1s;margin-right:10px;animation:openButton .5s}.meta-btn:hover{filter:brightness(1.2);transform:scale(1.05);transition:.1s}.meta-btn:active{filter:brightness(1);transform:scale(1)}.start-btn{background-color:#3ba9f3}.hold-btn{background-color:#ec6c6c}.resume-btn{background-color:orange}.complete-btn{background-color:#8dec99}.reopen-btn{background-color:#43b4ff}.meta-buttons i{color:#000}.pending-btn{background-color:#f85c5c}.cancel-btn{background-color:orange}.view-container .btn-close{display:flex;border:none;margin-left:30%;background-color:#fff;margin-top:-5%;border-radius:12px}.btn-close i{font-size:20px;padding:10px;cursor:pointer}.btn-close:hover i{color:#d86d6d}.btn-close:hover i{transform:scale(1.3);transition:.2s}.btn-close:active i{transform:scale(.8);transition:.2s}.btn-close:active{background-color:#fff}.view-head{align-items:center;display:flex;justify-content:right}.view-head h1{text-align:center}.view-title{text-align:center;color:#333;margin-bottom:20px}.complete{color:green;font-size:22px;display:inline-block;margin-right:18%;animation:completeAnimation .2s}.remarkText{animation:inputClose .5s}@keyframes completeAnimation{0%{transform:scale(5) rotate(1720deg)}to{transform:scale(1) rotate(0)}}@keyframes inputClose{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.view-container{transform:scale(.6)}@keyframes opening{0%{transform:scale(.05)}to{transform:scale(.6)}}}.modal-backdrop{background-color:#0003;height:100vh;width:100vw;position:fixed;top:0;display:flex;align-items:center;justify-content:center;z-index:1000}.custom-modal{background-color:#fff;padding:20px;width:500px;top:0%;border-radius:12px;animation:fadeIn .3s ease-in-out;justify-self:center;z-index:120;filter:drop-shadow(10px 10px 3px rgb(153,152,152))}.custom-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc}.custom-modal-header h2{margin:0}.close-button{font-size:30px;font-weight:700;cursor:pointer}.custom-modal-body{padding:20px 0}.custom-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #ccc;padding-top:10px}.custom-modal-footer button{background-color:#4d4e50;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.custom-modal-footer button:hover{background-color:#7c7c7c}@keyframes fadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.task-form{display:flex;flex-direction:column;gap:15px}.task-form label{display:flex;flex-direction:column;font-weight:500;color:#333}.task-form input,.task-form textarea,.task-form select{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:14px;margin-top:5px;width:200px}.task-form select{width:220px}.task-form textarea{width:450px}.custom-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:10px;border-top:1px solid #ccc}.custom-modal-footer button{padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-weight:500}.custom-modal-footer .save-button{background-color:#8a2be2}.custom-modal-footer .save-button:hover{background-color:#4d0f88}.custom-modal-footer button:not(.save-button){background-color:#919191}.formInner input,select{margin-bottom:2%}.formInner{display:flex;flex-direction:column;align-items:left;margin-right:5%}.formInputs{display:flex}.fa-solid{letter-spacing:1px}.formInputs label{margin-top:4%}.formInputs option{color:#333}@media (max-width: 600px){.custom-modal{transform:scale(.6);background-color:#fff;padding:20px;width:500px;border-radius:12px;animation:fadeIn .3s ease-in-out;z-index:120;justify-self:center}@keyframes fadeIn{0%{transform:scale(0) translate(-20%)}to{transform:scale(.6) translate(-20%)}}}.kanban-container{height:80vh;overflow-y:scroll;overflow-x:hidden;display:flex;justify-content:center;width:100%}.kanban-container::-webkit-scrollbar{width:8px}.kanban-container::-webkit-scrollbar-track{background:#fff}.kanban-container::-webkit-scrollbar-thumb{background-color:#2c83e6;border-radius:4px}.kanban-container::-webkit-scrollbar-thumb:hover{background-color:#2d6d92}.kanban-container div{margin:2% 1.5%}.kanban-container h1{text-align:center;display:inline-block;width:280px;border-radius:5px;font-weight:600;color:#f5f3f3;margin:2% 1.5%;padding-bottom:5px;padding-top:5px;font-size:17px}.cards{min-width:240px;max-width:240px;height:90px;display:flex;flex-direction:column;justify-content:center;padding:20px;transition:.2s;cursor:pointer;border-radius:10px;animation:cardOpening .3s;z-index:1;margin-left:1.5%}.cards:hover{transform:scale(1.2);margin-top:10%;margin-bottom:10%;transition:.2s}.cards h3{text-align:left;margin:4% 3%;font-size:17px}.cards h3 strong{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cards p{margin-bottom:2.5%;margin-top:2.5%;font-size:15px}.to-do-card{background-color:#88baf3}.to-do h1{background-color:#2c83e6}.in-progress-card{background-color:#f5e093}.in-progress h1{background-color:#eec633}strong{font-size:20px}.pending-card{background-color:#f58b8b}.pending h1{background-color:#f73a3a}.completed-card{background-color:#76eea0}.completed h1{background-color:#13be4f}.on-hold-card{background-color:#e0b4fa}.on-hold h1{background-color:#aa3ce9}.cards p span{font-weight:500}.cards:active{transform:scale(.99);cursor:none}@keyframes cardOpening{0%{height:0px;margin-bottom:-30%}to{height:140px;margin-bottom:inherit}}.cards .fa-regular,.cards .fa-solid{color:#000}.view-details-modal{z-index:1}.highlight{background-color:#8a8888;font-weight:700;border-radius:2px;color:#fff;padding:0 2px}.mainKanban{display:flex;flex-direction:column;align-items:center}@media (max-width: 600px){.kanban-container{overflow-x:scroll;justify-content:left}.cards:hover{transform:scale(1);margin-top:10%;margin-bottom:10%;transition:.2s}.mainKanban h1{font-size:12px}.cards{border-radius:5px;margin:5px 0!important}.mainKanban{transform:scale(.8);margin-left:-20px!important}.kanban-container div{margin:-20% 0}}.chip{padding:6px 12px;border-radius:20px;margin:4px;border:1px solid #ccc;cursor:pointer;background:#fff;transition:.2s}.filter-chips{display:flex;flex-wrap:nowrap}.chip.active{background:#616161;border-color:#2e2e2e;color:#fff}.fa-magnifying-glass{color:#fff;background-color:#494949;padding:8px;border-radius:20px 0 0 20px;margin-right:-2px;z-index:1}.search-box{padding:7px;border-radius:0 20px 20px 0;border:solid .5px}.filterEmployee select{padding:5px;width:100%;border-radius:10px}.priority-light{width:15px;height:15px;border-radius:50%;margin:2% 5%;cursor:pointer}.priority-light:hover{transform:scale(1.1);transition:.1s}.priority-light:active{transform:scale(.9);transition:.1s}.high-priority{background-color:red}.medium-priority{background-color:orange}.low-priority{background-color:#42c90c}.priority-filter{width:180px;border:solid .5px rgb(179,177,177);border-radius:25px;display:flex;padding:4px 1px;justify-content:center;align-items:center}.priority-filter h4{font-weight:400}.filterEmployee{margin:auto 2%}@media (max-width:600px){.search-box{width:70vw!important;border-radius:0 10px 10px 0}.search-div{margin:2% auto 2% -2px!important}.filter-chips button{border-radius:10px;padding:7px;margin:5px;font-size:10px}.priority-filter h4{font-size:12px}.priority-filter{width:130px;border:none;margin:5px;align-items:center}}.calendar-wrapper{padding:1rem;background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;animation:openCalender .5s}.calendar-container{height:90vh;overflow-y:scroll;overflow-x:hidden}@keyframes openCalender{0%{opacity:0}to{opacity:100}}.fc .fc-button .fc-icon{color:#fff}.fc .fc-button-group .fc-prev-button,.fc .fc-button-group .fc-next-button{background-color:#494949}.calendar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px;padding:10px}.calendar-legend span{padding:6px 12px;color:#333;background-color:#eee;border-radius:5px;font-size:.85rem;font-weight:500;min-width:80px;text-align:center}.fc{z-index:0!important;position:relative}.fc .fc-scrollgrid{z-index:0!important}.fc .fc-daygrid-day-frame{z-index:0!important;height:auto;margin-top:0%;animation:openCalender .4s}@keyframes openCalender{0%{margin-top:-20%}to{margin-top:0%}}.fc-event:hover{filter:brightness(1.1);transform:scale(1.05);cursor:pointer;transition:all .2s ease-in-out}.fc-event:active{transform:scale(.9)}.fc-event{transition:.1s}.fc .fc-col-header-cell{background-color:#474747;font-weight:600;text-transform:uppercase;padding:8px 0;border:1px solid #ddd}.fc .fc-col-header-cell-cushion{color:#fff;font-weight:700}.toggle-switch img{width:20px;margin:1%;transition:.2s ease;padding:4px}.toggle-switch{display:flex;justify-content:center}.toggle-switch img:hover{transform:scale(1.2);cursor:pointer}@media (max-width:600px){.toggle-switch img{margin:2% 7%}}.nav{padding:.5%;display:flex;align-items:center;justify-content:space-between;margin:.5%;border-radius:15px 15px 0 0}.nav img{width:60px;filter:invert(1);margin:1%}.nav h3{font-weight:300}.nav-right{display:flex;align-items:center;justify-content:right;margin-right:20px}.navLeft{display:flex;width:400px;align-items:center;margin:.5%;border-radius:15px 15px 0 0}.logout-btn{margin-left:5%;background-color:#f0f8ff;border-radius:5px;padding:2%;border:solid .5px;cursor:pointer;font-weight:600;transition:.1s}.logout-btn:hover{transform:scale(1.1)}.logout-btn:active{transform:scale(.9)}@media (max-width:600px){.nav img{width:30px}.nav{margin:0}.navLeft{justify-content:left;margin-left:20px}.nav h3{font-size:12px}}body{background-color:#d2dee9}.login{display:flex;justify-content:center;align-items:center;height:80vh}.login-left{text-align:center;padding:40px}.login-left img{width:120px;margin-bottom:20px;filter:invert(1)}.login-left h3{margin:0;color:#333;font-weight:400}.loginText{font-size:40px;font-weight:200}.login-right{padding:40px;display:flex;justify-content:center;align-items:center}.login-form{padding:10px 40px;border-radius:12px;width:100%;max-width:400px}.login-form label{display:block;margin-bottom:20px;font-weight:500;color:#444}.login-form input{width:100%;padding:10px;margin-top:6px;border:1px solid #ccc;border-radius:6px;font-size:14px}.login-form button{width:110%;padding:10px;background-color:#63686e;border:none;color:#fff;font-weight:600;border-radius:6px;font-size:16px;margin-top:10px;cursor:pointer}.login-form button:hover{background-color:#393a3b}.main{background-color:#f0f8ff}