@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,700&display=swap";:root{font-family:Poppins,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--palette-1: #222831;--palette-2: #31363F;--palette-3: #76ABAE;--palette-4: #EEEEEE;--s2-palette-1: #f9fafb;--s2-palette-2: #ffffff;--s2-palette-3: #1d1e1f;--s2-palette-4: #3627c5;--s2-palette-5: #06c4c2;--s2-palette-6: #0689C6;--electric-blue: #00AEEF;--lime-green: #A9D953;--slate-grey: #2C2C2C;--palette-4-n1: #70a5a8;--palette-4-n2: #6a9fa2;--palette-4-n6: #528689}*{box-sizing:border-box}body{font-size:16px;box-sizing:border-box;margin:0;padding:0}.login-screen{display:flex;flex-direction:column;height:100vh;width:100%;align-items:center;background-color:#222831}.login-screen .login-card{display:flex;flex-direction:column;background-color:#eee;width:30rem;margin-top:10%;padding:2rem 5rem;box-shadow:0 0 10px 2px #ffffff25;border-radius:.4rem}.login-card .ls-header{display:flex;flex-direction:column}.login-card .ls-header .heading{display:flex;flex-direction:row;justify-content:center;margin:0;font-weight:700;font-size:1.5rem;color:#31363f;padding-bottom:3rem}.login-card .ls-header .title{display:flex;flex-direction:row;justify-content:center;margin:0;font-weight:400;font-size:1rem;color:#31363f;padding-bottom:3rem}.login-card .ls-body{display:flex;flex-direction:column}.login-card .ls-body .common-error{color:red;font-size:.8rem;margin:.4rem}.login-card .ls-body .ls-input-block{display:flex;flex-direction:column;position:relative;width:100%;margin-bottom:1.5rem}.login-card .ls-body .ls-input-block .ls-label{display:flex;flex-direction:row;position:absolute;top:.1rem;font-size:.9rem;color:#31363f;cursor:text;margin-bottom:.5rem;transition:top .2s ease-in;-webkit-transition:top .2s ease-in;padding-left:.5rem;user-select:none;-moz-user-select:none;-webkit-user-select:none}.login-card .ls-body .ls-input-block .ls-input{display:flex;flex-direction:row;background-color:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;border-bottom:1px solid rgba(49,54,63,.1);height:1.5rem}.login-card .ls-body .ls-input-block .ls-input:focus{border-color:#76abae}.login-card .ls-body .ls-input-block .ls-input:focus+.ls-label,.login-card .ls-body .ls-input-block .ls-input:not(:placeholder-shown)+.ls-label{top:-1.1rem;font-size:.8rem;color:#31363fcc}.login-card .ls-body .ls-input-block .ls-error{color:red;font-size:.8rem;margin:.4rem}.login-card .ls-body .ls-forgot-password{display:flex;flex-direction:row;justify-content:flex-end;font-size:.9rem;font-weight:500;color:#76abae;cursor:pointer}.login-card .ls-body .ls-forgot-password:hover{color:#528689}.login-card .ls-body .btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.4rem .8rem;border-radius:1.25rem;font-size:1.2rem;cursor:pointer}.login-card .ls-body .btn.btn-signin{width:12rem;margin:5rem auto 0;border:none;outline:none;background-color:#31363fcc;color:#eee}.login-card .ls-body .btn.btn-signin:hover{scale:1.05;background-color:#31363f}.login-card .ls-body .btn.btn-signin:active{scale:1;background-color:#31363fcc}.topbar-block{display:flex;flex-direction:row;flex:1;align-items:center;padding-left:1.5rem;border-bottom:1px solid rgba(0,0,0,.1)}.topbar-block .tb-logo{display:flex;flex:3;flex-direction:column;background:linear-gradient(90deg,#06c4c2,#0689c6);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.55rem;font-weight:600}.topbar-block .tb-middle{display:flex;flex-direction:row;flex:8;background-color:bisque}.topbar-block .tb-end{display:flex;flex-direction:row;flex:5;align-items:center;justify-content:flex-end;margin-right:1.25rem;padding:.65rem}.topbar-block .tb-end .tb-image{display:block;width:40px;height:40px;border-radius:100%}.topbar-block .tb-end .tb-userblock{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:.5rem}.topbar-block .tb-end .tb-userblock .tb-username{display:flex;font-size:.7rem;font-weight:600}.topbar-block .tb-end .tb-userblock .tb-contact{display:flex;font-size:.8rem}.sidebar-block{display:flex;flex-direction:column;flex-basis:100%;padding-top:2rem;background-color:#fff}.sidebar-block .sb-menu{display:flex;flex-direction:column;align-items:flex-start;padding:1.25rem;margin-top:1.625rem;font-size:1rem}.sidebar-block .sb-menu .sbm-item{display:flex;flex-direction:row;width:100%;align-items:center;padding:.5rem 1rem .625rem 0}.sidebar-block .sb-menu .sbm-item.active{background-color:#f9fafb}.sidebar-block .sb-menu .sbm-item .mi-icon{display:flex;flex-direction:row;margin-right:.625rem;margin-left:.625rem;font-size:1.5rem}.sidebar-block .sb-menu .sbm-item .mi-text{display:flex;flex-direction:row;text-decoration:none;color:#000}.layout-container{display:flex;flex-direction:column;height:100vh}.layout-container .lb-container1{display:flex;flex-direction:row;height:4rem}.layout-container .lb-container2{display:flex;flex-direction:row;height:100%}.layout-container .lb-container2 .lb-leftside{display:flex;flex-direction:column;flex:2;position:relative}.layout-container .lb-container2 .lb-rightside{display:flex;flex-direction:column;flex:10}.pl-block{display:flex;flex-direction:column;width:100%;height:100%;padding:1.625rem;align-items:center;background-color:#f9fafb}.pl-block .pl-header{display:flex;flex-direction:row;width:100%;padding-top:2rem}.pl-block .pl-header .title{display:flex;flex-direction:column;flex:3;font-size:2rem;font-weight:600}.pl-block .pl-header .pl-filters{display:flex;flex-direction:row;flex:8;justify-content:flex-end;align-items:center}.pl-block .pl-header .pl-filters .plf-button{display:flex;flex-direction:row;padding:.25rem 1.25rem;margin:0 .25rem;align-items:center;justify-content:center;border:1px solid rgba(29,30,31,.1);background-color:#fff;outline:none;border-radius:.625rem;cursor:pointer}.pl-block .pl-header .pl-filters .plf-button .icon{margin-right:.25rem}.pl-block .pl-list-container{display:flex;flex-direction:column;width:100%;margin-top:2.5rem;background-color:#fff;padding:.625rem}.pl-block .pl-list-container table{border-collapse:collapse;overflow:hidden;font-size:.9rem;border-top-left-radius:.625rem;border-top-right-radius:.625rem;user-select:none;-moz-user-select:none;-webkit-user-select:none}.pl-block .pl-list-container table thead tr{background-color:#06c4c2;color:#fff;text-align:left;font-weight:600}.pl-block .pl-list-container table th,.pl-block .pl-list-container table td{padding:.7rem .8rem}.pl-block .pl-list-container table tbody tr{border-bottom:solid 2px #f9fafb}.pl-block .pl-list-container table tbody tr:nth-of-type(2n){background-color:#f9fafb}.modal-block{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000001a}.modal-block .modal-box{display:flex;flex-direction:column;min-width:40rem;max-width:52rem;background-color:#fff;border-radius:.625rem}.modal-box .mb-header{display:flex;flex-direction:row;justify-content:space-between;padding:.625rem;background-color:#06c4c2;color:#fff}.modal-box .mb-header .close-btn{cursor:pointer;scale:1}.modal-box .mb-header .close-btn:active{scale:.9}.modal-box .mb-body{display:flex;flex-direction:column;padding:.625rem;width:100%;background-color:#fff;margin:1.25rem 0 1.5rem}.modal-box .mb-footer{display:flex;flex-direction:row;padding:.625rem;width:100%;justify-content:center;border-top:1px solid rgba(198,198,219,.1)}.btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:.625rem 1.25rem;outline:none;border:none;border-radius:.625rem;cursor:pointer}.btn.btn-primary{background-color:#06c4c2;color:#fff}.btn.btn-primary:active{scale:.95}.btn.btn-outline{border:1px solid rgba(29,30,31,.1);background-color:#fff}.btn.btn-outline:active{scale:.95}.flex-1{flex:1!important}.flex-2{flex:2!important}.flex-3{flex:3!important}.flex-4{flex:4!important}.flex-5{flex:5!important}.flex-6{flex:6!important}.flex-7{flex:7!important}.flex-8{flex:8!important}.flex-9{flex:9!important}.flex-10{flex:10!important}.flex-11,.flex-12{flex:12!important}.justify-center{justify-content:center!important}.align-center{align-items:center!important}.pd-top-1{padding-top:.625rem}.pd-top-2{padding-top:1.25rem}.pd-bottom-1{padding-bottom:.625rem}.pd-bottom-2{padding-bottom:1.25rem}.mg-top-1{margin-top:.625rem}.mg-top-2{margin-top:1.25rem}.mg-bottom-1{margin-bottom:.625rem}.mg-bottom-2{margin-bottom:1.25rem}.icon-group{display:flex;flex-direction:row;justify-content:flex-start;width:2rem}.icon-group svg{margin-right:.5rem}.form-content{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-between}.form-content .form-item{display:flex;flex-direction:column;width:calc(50% - 1.5rem);margin:.625rem}.form-content .form-item .label{display:flex;font-size:.9rem}.form-content .form-item .form-input{display:flex;flex-direction:row;border:none;outline:none;border-bottom:1px solid rgba(0,0,0,.1);line-height:2.25rem}.form-content .form-item .form-input:focus{border-bottom-color:#06c4c2}.form-content .form-item .form-input.error{border-bottom-color:red}.form-content .form-item .f-error{font-size:.8rem;color:red}.modal-box-footer{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.modal-box-footer .btn{margin-right:.625rem;min-width:8rem}.w-20{width:20%}.w-40{width:40%}.w-50{width:50%}.w-60{width:60%}.w-100{width:100%!important}.project-details-block{display:flex;flex-direction:column;width:100%;height:100%;padding:1.625rem;align-items:center;background-color:#f9fafb}.project-details-block .pd-header{display:flex;flex-direction:column;width:100%;padding-top:2rem;background-color:#fff;padding:.625rem}.project-details-block .pd-header .grid{display:flex;flex-direction:row;width:100%;padding:.625rem;justify-content:space-between}.project-details-block .pd-header .pdh-con{display:flex;flex-direction:row}.project-details-block .pd-header .pdh-con .label{font-size:.9rem;font-weight:500;color:#1d1e1f}.project-details-block .pd-header .w-49{width:49%}.project-details-block .pd-task-container{display:flex;flex-direction:column;width:100%;margin-top:2.5rem;background-color:#fff;padding:.625rem}.project-details-block .pd-task-container .pdtf-button{cursor:pointer;padding:.5rem 1rem;border-radius:.625rem;background-color:#06c4c2;color:#fff;font-size:.9rem;font-weight:500;border:none;transition:background-color .2s ease-in-out}.project-details-block .pd-task-container .pdt-header{display:flex;flex-direction:row;width:100%;padding:.625rem;justify-content:space-between}.project-details-block .pd-task-container .pdt-header .pdth-left{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.project-details-block .pd-task-container .pdt-header .pdth-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.project-details-block .pd-task-container .pdt-body{display:flex;flex-direction:column;width:100%;margin-top:2.5rem;background-color:#fff;padding:.625rem}.project-details-block .pd-task-container .pdt-body table{border-collapse:collapse;overflow:hidden;font-size:.9rem;border-top-left-radius:.625rem;border-top-right-radius:.625rem;user-select:none;-moz-user-select:none;-webkit-user-select:none;table-layout:fixed;width:100%}.project-details-block .pd-task-container .pdt-body table thead tr{background-color:#06c4c2;color:#fff;text-align:left;font-weight:600}.project-details-block .pd-task-container .pdt-body table th,.project-details-block .pd-task-container .pdt-body table td{padding:.7rem .8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-details-block .pd-task-container .pdt-body table th:last-child,.project-details-block .pd-task-container .pdt-body table td:last-child{max-width:200px}.project-details-block .pd-task-container .pdt-body table tbody tr{border-bottom:solid 2px #f9fafb}.project-details-block .pd-task-container .pdt-body table tbody tr:nth-of-type(2n){background-color:#f9fafb}.dropdown-block{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid rgba(29,30,31,.1);background-color:#fff;border-radius:.625rem;outline:none;padding:.25rem .625rem}.dropdown-block.d-error{border-color:red}.dropdown-block .db-display{display:flex;flex-direction:row;justify-content:space-between;padding-left:.625rem;padding-right:.625rem;cursor:pointer}.dropdown-block .db-options{display:flex;flex-direction:column;position:absolute;width:100%;height:0;overflow:hidden;top:2.25rem;left:0;background-color:#fff;border-radius:.625rem;box-shadow:0 2px 10px 1px #0000001a;user-select:none;-moz-user-select:none;-webkit-user-select:none;max-height:15rem;overflow-y:auto;z-index:10}.dropdown-block .db-options.show{height:auto;padding:.625rem}.dropdown-block .db-options .options{display:flex;flex-direction:row;cursor:pointer;padding:.2rem .4rem}.dropdown-block .db-options .options:hover{background-color:#f9fafb}.rl-block{display:flex;flex-direction:column;width:100%;height:100%;padding:1.625rem;align-items:center;background-color:#f9fafb}.rl-block .rl-header{display:flex;flex-direction:row;width:100%;padding-top:2rem}.rl-block .rl-header .title{display:flex;flex-direction:column;flex:3;font-size:2rem;font-weight:600}.rl-block .rl-header .rl-filters{display:flex;flex-direction:row;flex:8;justify-content:flex-end;align-items:center}.rl-block .rl-header .rl-filters .rlf-button{display:flex;flex-direction:row;padding:.25rem 1.25rem;margin:0 .25rem;align-items:center;justify-content:center;border:1px solid rgba(29,30,31,.1);background-color:#fff;outline:none;border-radius:.625rem;cursor:pointer}.rl-block .rl-header .rl-filters .rlf-button .icon{margin-right:.25rem}.rl-block .pl-list-container{display:flex;flex-direction:column;width:100%;margin-top:2.5rem;background-color:#fff;padding:.625rem}.rl-block .pl-list-container table{border-collapse:collapse;overflow:hidden;font-size:.9rem;border-top-left-radius:.625rem;border-top-right-radius:.625rem;user-select:none;-moz-user-select:none;-webkit-user-select:none}.rl-block .pl-list-container table thead tr{background-color:#06c4c2;color:#fff;text-align:left;font-weight:600}.rl-block .pl-list-container table th,.rl-block .pl-list-container table td{padding:.7rem .8rem}.rl-block .pl-list-container table tbody tr{border-bottom:solid 2px #f9fafb}.rl-block .pl-list-container table tbody tr:nth-of-type(2n){background-color:#f9fafb}.msd-block{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid rgba(29,30,31,.1);background-color:#fff;border-radius:.625rem;outline:none;padding:.25rem .625rem;height:3rem;justify-content:center}.msd-block.d-error{border-color:red}.msd-block .db-display{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:.625rem;padding-right:.625rem;cursor:pointer}.msd-block .db-display .selected-display{display:flex;align-items:center;gap:.625rem;max-width:calc(100% - 2rem);min-width:0}.msd-block .db-display .selected-display .text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.msd-block .db-display .selected-display .text.active{opacity:1}.msd-block .db-display .selected-display .clear-selected{border:none;background:transparent;color:#f9fafb;font-size:.75rem;font-weight:600;cursor:pointer}.msd-block .db-display .icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.msd-block .db-display .icon.opened{transform:rotate(180deg)}.msd-block .db-options{display:flex;flex-direction:column;position:absolute;width:100%;height:0;overflow:hidden;top:3.25rem;left:0;background-color:#fff;border-radius:.625rem;box-shadow:0 2px 10px 1px #0000001a;user-select:none;-moz-user-select:none;-webkit-user-select:none;max-height:15rem;overflow-y:auto;z-index:10;transform-origin:top left}.msd-block .db-options.show{height:auto;padding:.625rem}.msd-block .db-options .options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;padding:.45rem .5rem;border-radius:.35rem}.msd-block .db-options .options .option-check{min-width:1rem;display:flex;justify-content:center;color:#f9fafb}.msd-block .db-options .options:hover{background-color:#f9fafb;color:#2c2c2c}.msd-block .db-options .options:hover .option-check{color:#2c2c2c}.msd-block .db-options .options.selected{background-color:#f9fafb1f;font-weight:600}.msd-block .db-options .options:not(:last-child){border-bottom:1px solid rgba(29,30,31,.05)}.msd-block .db-options .empty-options{display:flex;justify-content:center;padding:.5rem;opacity:.7;font-size:.875rem}.msd-block .db-options .msd-search{display:flex;flex-direction:row;align-items:center;padding:.2rem 0 .2rem .4rem;margin-bottom:.625rem;position:relative}.msd-block .db-options .msd-search input{width:100%;border:1px solid rgba(29,30,31,.1);background-color:#fff;border-radius:.625rem;outline:none;padding:.25rem .625rem;line-height:2rem}.msd-block .db-options .msd-search .clear-search{display:flex;flex-direction:row;align-items:center;position:absolute;right:1rem;cursor:pointer}