@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body,html{padding:0;margin:0;background:#fff!important;font-family:Poppins,sans-serif!important;&::-webkit-scrollbar{display:none}}:root{--mainColor:#e67e22}a{color:inherit}*{padding:0;margin:0;box-sizing:border-box}.maincontainer{max-width:1200px;margin:0 auto;padding:0 20px}.container{display:flex}.sidebar{width:300px;height:100vh;overflow-y:auto;position:fixed;top:0;background-color:#4d4c4c;margin:40px 0;border-radius:15px;padding:17px 30px}.content{margin-left:330px;flex-grow:1;overflow-y:auto;width:calc(100% - 330px)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#959595;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.mainCon{width:100%;height:100vh;display:flex;flex-direction:column}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=checkbox]{accent-color:#2e3233;cursor:pointer;margin-right:6px}.react-datepicker__header{border-right:1px solid #aeaeae}.react-datepicker__month-container{float:left;width:250px}.react-datepicker__month-wrapper{margin:8px 0!important}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:normal;right:50px;width:250px}.react-datepicker__header h2{font-size:18px!important;cursor:pointer;display:none}.react-datepicker__header__dropdown{padding:10px 0;font-family:Poppins!important;display:flex;justify-content:center!important;align-items:center;gap:5px}.react-datepicker__navigation{height:25px!important;width:25px!important;top:3px!important}.react-datepicker__navigation--previous{left:3px!important}.react-datepicker__navigation--next{right:3px!important}.react-datepicker__navigation-icon--next:before{left:-6px!important}.react-datepicker__year-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-family:Poppins!important;outline:none;text-align:center!important;padding:0 2px;background:none;font-size:16px!important;cursor:pointer;font-weight:500;&::-webkit-scrollbar{display:none}}.react-datepicker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font-family:Poppins!important;outline:none;text-align:center;font-size:18px!important;overflow:visible!important;padding:0;width:auto;min-width:0;max-width:none;background:none;width:100%;font-size:16px!important;cursor:pointer;font-weight:500;&::-webkit-scrollbar{display:none}}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{margin:0!important;width:-moz-fit-content!important;width:fit-content!important;background:#fff;border-radius:5px;padding:3px 5px}.react-datepicker__month-select option,.react-datepicker__year-select option{width:100%}#activeTasksContainer,#completedTasksContainer{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}@media screen and (max-width:1599px){.react-datepicker__month-container{float:left;width:250px}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:normal;right:50px;width:250px}}@media only screen and (max-width:1599px){.innercontainer{max-width:1280px!important}}@media only screen and (max-width:1366px){.innercontainer{max-width:1121px!important}}@media only screen and (max-width:1199px){.innercontainer{max-width:940px!important}}@media only screen and (max-width:1024px){.innercontainer{max-width:100%!important;padding:0 30px}.mainCon{display:none}}@media only screen and (max-width:767px){.innecontainer{padding:0 20px}}@media only screen and (max-width:479px){.innecontainer{padding:0 15px}}