@import "_variables";

.t-StatusList {
  background-color: rgba(255, 255, 255, .5);
}

.t-StatusList-blockHeader {
  color: #333;
  background-color: rgba(255, 255, 255, .75);
}

.t-StatusList-headerTextAlt {
  color: #666;
}

.t-StatusList-itemTitle {
  color: #333;
}

.t-StatusList-attr {
  color: #666;
}

.t-StatusList-textDesc {
  color: #333;
}

.t-StatusList--dates {
  .t-StatusList-marker {
    //color: #707070;
    border-radius: 2px;
    background-color: #FFF;
    color: #333;

    &:after {
      background-color: #A0A0A0;
      border-radius: 2px 2px 0 0;
    }
  }
}

.t-StatusList--bullets {
  .t-StatusList-marker {
    border-radius: 24px;
    background-color: #fff;
    color: #404040;
  }

  .t-StatusList-item.is-complete .t-StatusList-marker {
    background-color: #707070;
  }

  .t-StatusList-item.is-danger .t-StatusList-marker,
  .t-StatusList-item.is-error .t-StatusList-marker {
    background-color: #ff3b30;
  }

  .t-StatusList-item.is-open .t-StatusList-marker {
    background-color: #4cd964;
  }

  .t-StatusList-item.is-warning .t-StatusList-marker {
    background-color: #ffcc00;
  }

  .t-StatusList-item.is-null {
    .t-StatusList-marker {
      background-color: #F0F0F0;
    }

    .t-StatusList-marker {
      color: #A0A0A0;
    }
  }
}

.t-StatusList-textDesc {
  font-size: 1.3rem;
}

.t-StatusList--bullets {
  .t-StatusList-marker {
    font-size: 1.3rem;
  }
}