/* /Components/TaskList/DDListItem.razor.rz.scp.css */
.selected[b-67p2jyoi21] {
  background-color: white;
  border-radius: .3em; }

.content[b-67p2jyoi21] {
  margin-bottom: 1px;
  position: relative;
  padding: 8px;
  transition: background-color 0.8s ease; }
  .content:hover[b-67p2jyoi21] {
    background-color: white;
    cursor: pointer; }
  .content.selected[b-67p2jyoi21] {
    background-color: white;
    color: #d7357e; }
    .content.selected .info .users .mud-avatar[b-67p2jyoi21] {
      border: 2px solid white;
      background-color: white !important; }
  .content .icon[b-67p2jyoi21] {
    margin-right: 8px;
    color: white;
    position: relative;
    min-width: 32px; }
    .content .icon .status[b-67p2jyoi21] {
      border-radius: 50%;
      padding: 2px;
      border: 2px solid rgba(255, 255, 255, 0.8);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 28px;
      height: 28px; }
      .content .icon .status[b-67p2jyoi21]  svg {
        width: 24px !important;
        height: 24px !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        .content .icon .status[b-67p2jyoi21]  svg.shared {
          width: 16px !important;
          height: 16px !important; }
      .content .icon .status.archived[b-67p2jyoi21] {
        background-image: linear-gradient(45deg, #c5c6c7 0%, #d9dadb 100%); }
      .content .icon .status.upcoming[b-67p2jyoi21] {
        background-image: linear-gradient(45deg, #8696b5 0%, #778890 100%); }
      .content .icon .status.overdue[b-67p2jyoi21] {
        background-image: linear-gradient(45deg, #861d1d 0%, #e61616 100%); }
      .content .icon .status.todo[b-67p2jyoi21] {
        background-image: linear-gradient(45deg, #ea7b0f 0%, #ffcd41 100%); }
      .content .icon .status.completed[b-67p2jyoi21] {
        background-image: linear-gradient(45deg, #517700 0%, #90c600 100%); }
    .content .icon .progress[b-67p2jyoi21] {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 32px;
      height: 32px; }
      .content .icon .progress[b-67p2jyoi21]  .mud-progress-circular {
        width: 32px !important;
        height: 32px !important; }
        .content .icon .progress[b-67p2jyoi21]  .mud-progress-circular svg {
          color: #c8c8c8; }
  .content .customer[b-67p2jyoi21] {
    color: #d7357e;
    font-weight: 500;
    font-size: .8em; }
  .content .name[b-67p2jyoi21] {
    font-weight: 500;
    font-size: 1.1em; }
  .content .summary[b-67p2jyoi21] {
    font-size: 1em;
    margin-top: 0;
    max-width: 80%; }
  .content .info[b-67p2jyoi21] {
    float: right;
    font-size: 1em;
    text-align: right;
    margin-left: 1em;
    margin-top: -3px; }
    .content .info b[b-67p2jyoi21] {
      display: block; }
    .content .info span[b-67p2jyoi21] {
      font-size: .9em;
      display: block;
      margin-top: -.2em; }
  .content .users[b-67p2jyoi21] {
    margin-top: 3px;
    display: inline-block;
    text-align: right; }
    .content .users[b-67p2jyoi21]  .mud-avatar {
      margin-left: -6px;
      background-color: white !important;
      width: 1.4em;
      height: 1.4em; }
    .content .users[b-67p2jyoi21]  .mud-avatar-img {
      color: black; }
/* /Components/TaskList/DDSubtaskItem.razor.rz.scp.css */
.selected[b-thp0d6jq6j] {
  background-color: white; }

.inherited[b-thp0d6jq6j] {
  opacity: .3; }

.wrapper[b-thp0d6jq6j] {
  padding-left: 8px; }
  .wrapper .item[b-thp0d6jq6j] {
    border-radius: .3em;
    margin-bottom: 1px;
    position: relative;
    padding: 8px;
    transition: background-color 0.8s ease; }
    .wrapper .item:hover[b-thp0d6jq6j] {
      background-color: white;
      cursor: pointer; }
      .wrapper .item:hover .users[b-thp0d6jq6j] {
        visibility: visible; }
    .wrapper .item .icon[b-thp0d6jq6j] {
      margin: 8px 8px 4px 0px;
      color: white;
      position: relative;
      min-width: 24px; }
      .wrapper .item .icon .status[b-thp0d6jq6j] {
        border-radius: 50%;
        padding: 2px;
        border: 2px solid rgba(255, 255, 255, 0.8);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 22px;
        height: 22px; }
        .wrapper .item .icon .status[b-thp0d6jq6j]  svg {
          width: 18px !important;
          height: 18px !important;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
          .wrapper .item .icon .status[b-thp0d6jq6j]  svg.shared {
            width: 14px !important;
            height: 14px !important; }
        .wrapper .item .icon .status.archived[b-thp0d6jq6j] {
          background-image: linear-gradient(45deg, #c5c6c7 0%, #d9dadb 100%); }
        .wrapper .item .icon .status.upcoming[b-thp0d6jq6j] {
          background-image: linear-gradient(45deg, #8696b5 0%, #778890 100%); }
        .wrapper .item .icon .status.overdue[b-thp0d6jq6j] {
          background-image: linear-gradient(45deg, #861d1d 0%, #e61616 100%); }
        .wrapper .item .icon .status.todo[b-thp0d6jq6j] {
          background-image: linear-gradient(45deg, #ea7b0f 0%, #ffcd41 100%); }
        .wrapper .item .icon .status.completed[b-thp0d6jq6j] {
          background-image: linear-gradient(45deg, #517700 0%, #90c600 100%); }
      .wrapper .item .icon .progress[b-thp0d6jq6j] {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 26px;
        height: 26px; }
        .wrapper .item .icon .progress[b-thp0d6jq6j]  .mud-progress-circular {
          width: 26px !important;
          height: 26px !important; }
          .wrapper .item .icon .progress[b-thp0d6jq6j]  .mud-progress-circular svg {
            color: #c8c8c8; }
    .wrapper .item .name[b-thp0d6jq6j] {
      font-weight: 500;
      font-size: 1em;
      margin-top: 5px; }
    .wrapper .item .users[b-thp0d6jq6j] {
      visibility: hidden;
      display: inline-block;
      text-align: right; }
      .wrapper .item .users[b-thp0d6jq6j]  .mud-avatar {
        margin-left: -6px;
        background-color: white !important;
        width: 1.2em;
        height: 1.2em; }
      .wrapper .item .users[b-thp0d6jq6j]  .mud-avatar-img {
        color: black; }
/* /Components/TaskList/DDSubtasks.razor.rz.scp.css */
.subtask-list[b-03fagnf2pq] {
  margin: -4px 0 8px 0;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  padding: 12px 8px 8px 0;
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
  background-color: rgba(255, 255, 255, 0.5); }