@import "_variables";

.t-StatusList-blockHeader {
  // .text-dark();
  color: fade(contrast(@g_Region-BG, desaturate(darken(@g_Region-BG,  85%), 100%), desaturate(lighten(@g_Region-BG,  85%), 50%)), 100%);
  background-color: @g_Region-Header-BG;
}

.t-StatusList-headerTextAlt,
.t-StatusList-attr,
.t-StatusList-textDesc {
  color: fade(contrast(@g_Region-BG, desaturate(darken(@g_Region-BG,  55%), 100%), desaturate(lighten(@g_Region-BG,  55%), 50%)), 100%);
  // .text-normal();
}

.t-StatusList-itemTitle {
  color: fade(contrast(@g_Region-BG, desaturate(darken(@g_Region-BG,  85%), 100%), desaturate(lighten(@g_Region-BG,  85%), 50%)), 100%);
  // .text-dark();
}

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

    &: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;
    }
  }
}