.wrapperNameRender{display:flex;padding:0 10px;width:100%;align-items:center}.wrapperNameRender .NameValue{margin-left:5px;overflow:hidden;white-space:nowrap;max-width:80%;text-overflow:ellipsis}.wrapperNameRender .NameRender>div .CloseDone,.wrapperNameRender .NameRender>div .GradeIcon,.wrapperNameRender .NameRender>div .ApprovalIcon{display:flex;align-items:center;justify-content:center}.wrapperNameRender .NameRender>div .GradeIcon svg{font-size:18px!important;fill:orange}.wrapperNameRender .NameRender>div .ApprovalIcon svg{font-size:18px!important;fill:orange}.wrapperNameRender .NameRender>div:hover .CloseDone svg,.wrapperNameRender .NameRender>div:hover .GradeIcon svg,.wrapperNameRender .NameRender>div:hover .ApprovalIcon svg{font-size:18px!important;fill:var(--md-niki-palette-common-white)}.wrapperSVGInTabName:hover>svg path{fill:var(--md-niki-palette-common-white)}.wrapperSVGInTabName:hover .CloseDone svg path{fill:var(--md-niki-palette-common-white)}.wrapperHeaderButtons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:8px 10px}.wrapperHeaderButtons .wrapperHeaderBreadcrumb{display:flex;align-items:center;justify-content:flex-start}.wrapperHeaderButtons .wrapperHeaderBreadcrumb .MuiBreadcrumbs-li a p{font-size:14px;line-height:21px}.wrapperHeaderButtons .wrapperHeaderSearch{display:flex;align-items:center;justify-content:center}.wrapperHeaderButtons .wrapperHeaderSearch .MuiButtonBase-root{left:-10px!important}.wrapperHeaderButtons .wrapperHeaderSearch input::placeholder{font-size:14px!important;line-height:21px!important;border-radius:4px!important;color:var(--md-niki-palette-common-gray1);opacity:1;font-family:Open Sans,sans-serif}.wrapperHeaderButtons .wrapperHeaderSearch button{background:var(--md-niki-palette-primary-main)!important}.wrapperHeaderButtons .wrapperHeaderActionButtons{display:flex;align-items:center;justify-content:flex-end;gap:10px}.wrapperHeaderButtons .wrapperHeaderActionButtons .wrapperHeaderGridView .MuiSelect-select{padding:9px 17px;font-size:14px}@media screen and (max-width:600px){.TasksWrapper{overflow:hidden!important;height:calc(100vh - 100px)!important}.TasksWrapper .AgGridContainer{height:auto!important}.TasksWrapper .ag-theme-niki-aggrid{height:calc(100vh - 340px)!important}.TasksWrapper .TaskGridFooter{position:relative;top:-10px;display:flex;align-items:center;justify-content:center;width:100%;gap:30px}.TasksWrapper .TaskGridFooter svg{height:26px;width:26px}.TasksWrapper .TaskGridFooter .MuiTypography-root{display:none}.TasksWrapper .TaskGridFooter>div:nth-child(1){width:auto!important;padding:0!important}.TasksWrapper .TaskGridFooter>div:nth-child(2){display:flex;gap:20px}.TasksWrapper .wrapperHeaderSearch{display:flex}.TasksWrapper .wrapperHeaderButtons{grid-template-columns:1fr}.TasksWrapper .wrapperHeaderButtons .wrapperHeaderBreadcrumb,.TasksWrapper .wrapperHeaderButtons .wrapperHeaderActionsContainer{flex-direction:column;align-items:flex-start}.TasksWrapper .wrapperHeaderButtons .wrapperHeaderActionButtons{display:flex;width:100%;flex-direction:column;gap:5px}.TasksWrapper .wrapperHeaderButtons .wrapperHeaderActionButtons>div{width:100%!important}.TasksWrapper .wrapperHeaderButtons .wrapperHeaderActionButtons>div:nth-child(2){width:100%!important;justify-content:end!important}}.userPopover{width:600px;padding:22px 18px;box-shadow:0 5px 10px 2px #223c5033;border-radius:8px}.userPopover .userPopoverClose.MuiIconButton-root{position:absolute;right:6px;top:8px;padding:4px;background-color:var(--md-niki-palette-primary-light)}.userPopover .userPopoverClose.MuiIconButton-root .MuiIcon-root{color:var(--md-niki-palette-primary-main);font-size:18px}.userPopover .userListContainer{display:flex;align-items:center;justify-content:center;width:100%}.userPopover .userListContainer .userList{height:200px;overflow-y:auto}.userPopover .userListContainer .userList .styledLi{cursor:pointer;display:flex;align-items:center;gap:10px}.userPopover .userListContainer .userList .styledLi .userListIcon,.userPopover .userListContainer .userList .styledLi .avatar{display:flex;align-items:center}.userPopover .userListContainer .userList .styledLi .userListIcon img,.userPopover .userListContainer .userList .styledLi .avatar img{border-radius:50%!important;margin-right:10px!important;max-width:inherit!important}.userPopover .userListContainer .userList .styledLi .name{display:flex;align-items:start;flex-direction:column}.userPopover .userListContainer .userList .styledLi:hover p{color:var(--md-niki-palette-primary-main)}.userPopover>p{margin-top:15px;margin-bottom:15px;font-size:11px;font-weight:500}.userPopover>hr{border:1px solid #d9d9d9;margin-bottom:15px}.userPopover>.usersList{max-height:145px;overflow-y:scroll}.userPopover>.usersList>div{cursor:pointer}.userPopover>.usersList .loading{min-height:145px;max-height:145px;display:flex;justify-content:center;align-items:center}.mainPopperWrapper{width:335px;background-color:#f8f8f8;border-radius:5px;display:flex}.userInfoWrapper{margin-left:15px;margin-bottom:13px;margin-top:13px;color:var(--md-niki-palette-common-gray2)!important}.userInfoWrapper>.name{font-size:14px!important;font-weight:700!important}.userInfoWrapper .avalible{margin-left:5px;color:#2f302f;font-size:11px!important;font-weight:500!important}.userInfoWrapper>.company{font-size:11px!important;font-weight:500!important}.userInfoWrapper>.role{font-size:11px!important;font-weight:500!important}.TaskDescription{width:100%;display:flex;align-items:center;border-bottom:1px solid var(--md-niki-palette-common-gray4)}.TaskDescription .MuiTypography-subtitle1{min-width:150px!important}.TaskDescription .TaskDescriptionContent{overflow-y:auto;width:100%;word-break:break-all;margin:0 0 5px;padding-right:10px;max-height:190px}.TaskDescription .TaskDetailAccordion{width:100%}.TaskDescription .TaskDetailAccordion h3{align-self:flex-end;max-width:150px;float:right}.TaskDescription .TaskDetailAccordion h3 svg{display:none}.TaskDescription .TaskDetailAccordion .TaskDetailAccordionItem{display:flex;flex-direction:column;border:none}@media(max-width:600px){.TaskDescription{flex-direction:column;align-items:flex-start}.TaskDescription .MuiTypography-subtitle1{min-width:150px!important}.TaskDescription .TaskDescriptionContent{overflow-y:auto;width:100%;word-break:break-all;margin:0 0 5px;padding-right:10px;max-height:200px}.TaskDescription .TaskDetailAccordion{width:100%}.TaskDescription .TaskDetailAccordion h3{align-self:flex-end;max-width:150px;float:right}.TaskDescription .TaskDetailAccordion h3 svg{display:none}.TaskDescription .TaskDetailAccordion .TaskDetailAccordionItem{display:flex;flex-direction:column;border:none}}.TaskExternalEmails .content{overflow-y:auto;width:830px;max-height:100px;word-break:break-all}.header{font-style:normal;font-weight:800;font-size:14Px}.headerSmallButtons:hover{background-color:var(--md-niki-palette-common-gray5)}.headerSmallButtons:hover button{background-color:transparent}.headerSmallButtons{border-radius:5px;display:flex;align-items:center;justify-content:center;margin:0 2px}.headerSmallButtons .MuiButtonBase-root{width:35px!important;height:35px!important;background-color:transparent}.headerSmallButtons .MuiButtonBase-root svg{width:18px!important;height:18px!important}.drowerHeader{position:sticky;top:0;background:#fff;z-index:1}.shadow{filter:drop-shadow(0px 4px 10px rgba(0,0,0,.15))}.drowerMain{overflow-y:scroll}.TaskReportModal{width:100%}.TaskReportModal .TaskReportModalLoading{display:flex;justify-content:center;align-items:center;height:200px}.TaskReportModal .MuiStepper-horizontal{display:flex;flex-direction:column}.TaskReportModal .TaskReportModalHeader{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;text-align:center}.TaskReportModal .TaskReportModalHeader h6{font-size:14px;font-weight:600;line-height:21px;color:var(--md-niki-palette-primary-main)!important}.TaskReportModal .TaskReportModalHeader svg{width:48px!important;height:48px!important;padding-bottom:10px}.TaskReportModal .TaskReportModalContent{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.TaskReportModal .TaskReportModalContent h6{font-size:14px;font-weight:600;line-height:21px;color:var(--md-niki-palette-primary-main)!important}.TaskReportModal .TaskReportModalContent .MuiFormGroup-root{padding-top:10px}.TaskReportModal .TaskReportModalContent .TaskReportModalOptions{width:100%;display:flex;align-items:center;padding:0}.TaskReportModal .TaskReportModalContent .TaskReportModalOptions .MuiCheckbox-root,.TaskReportModal .TaskReportModalContent .TaskReportModalOptions .MuiRadio-root{padding:5px}.TaskReportModal .TaskReportModalContent .MuiFormControlLabel-labelPlacementEnd{margin:0!important}.TaskReportModal .TaskReportModalActions{display:flex;align-items:center;justify-content:center}