@charset "UTF-8";
/*!
 * e-nitio mediasign
 * Melatengürtel 125
 * 50825 Köln
 * www.e-nitio.com
 * info@e-nitio.com 
 */
.progress--container {
  position: relative; }
  .progress--container .progress--inner {
    overflow: hidden; }
  .progress--container .progress {
    margin: 0;
    border-radius: unset;
    box-shadow: unset;
    background: #f2f2f2;
    height: 30px;
    height: 1.7647058824rem; }
  .progress--container .progress-bar {
    box-shadow: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: width 1.5s 0.3s ease;
    padding: 5px 0px;
    padding: 0.2941176471rem 0rem; }
    .progress--container .progress-bar[data-toggle="tooltip"] {
      cursor: help; }
    .progress--container .progress-bar strong {
      padding: 0px 5px;
      padding: 0rem 0.2941176471rem; }
  .progress--container .progress--milestones .progress-bar {
    transition: none; }
  .progress--container .progress--complete {
    height: 5px; }
  .progress--container .progress--label {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: inline-block;
    font-size: 12px;
    font-size: 0.7058823529rem;
    transition: left 1.5s 0.3s ease; }
    .progress--container .progress--label.start::after, .progress--container .progress--label.end::after, .progress--container .progress--label.start:after, .progress--container .progress--label.end:after {
      content: '';
      display: block;
      position: relative;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      margin-bottom: 5px; }
  .progress--container .progress--label.start::after, .progress--container .progress--label.start:after {
    border-top-color: #cdcdcd;
    border-left-color: #cdcdcd; }
  .progress--container .progress--label.end {
    left: auto;
    right: 0; }
    .progress--container .progress--label.end::after, .progress--container .progress--label.end:after {
      left: 100%;
      transform: translate(-100%, 0);
      border-top-color: #cdcdcd;
      border-right-color: #cdcdcd; }
  .progress--container .progress--label.today {
    top: 100%;
    bottom: auto;
    transform: translate(-50%, 0); }
    .progress--container .progress--label.today::before, .progress--container .progress--label.today:before {
      content: '';
      display: block;
      position: relative;
      left: 50%;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-bottom-color: #cdcdcd;
      transform: translate(-50%, 0); }