.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}
