.status-line {
  z-index: 2;
}

.status-line-horizontal {
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100%;
  z-index: 2;
}

.status-line-vertical {
  position: absolute;
  top: 23px;
  left: -24px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  height: 2px;
  width: 49px;
}

::ng-deep html[dir=rtl] .status-line-vertical {
  left: unset;
  right: -24px;
}

.status-line-color-none {
}

.status-line-color-green {
  background-color: #4CAF50;
}

.status-line-color-gray {
  background-color: gray;
}

.status-line-color-orange {
  background-color: orange;
}

.status-line-color-yellow {
  background-color: yellow;
}

.status-line-color-red {
  background-color: red;
}

.status-line {
  --mdc-linear-progress-active-indicator-color: rgba(255, 255, 255 , .5) !important;
}
