:host {
    display: flex;
    flex-direction: row;
    background: white;
    margin: 0.5rem;
    border-radius: 9px;

    font-size: 18px;

    font-family: 'Open Sans', sans-serif;
    align-items: center;
}

.icon {
  width: 3rem;
  background-size: contain;
  align-self: stretch;
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  margin: 0 0.5rem;

  &.PPG {
    background-image: url("../../../../assets/icons/ppg.icon.png");
  }

  &.ECG {
    background-image: url("../../../../assets/icons/ecg.icon.png");
  }
}

.title {
    font-family: 'MontSerrat', sans-serif;
    color: rgba(70, 70, 70, 1);
}

.status {
    flex: 1;
    min-width: 5em;
    max-width: 15em;
    padding: 0.5em;

    align-self: stretch;
    display: flex;
    justify-content: center;
    flex-direction: column;

    .progress-percentage {
        font-size: 9px;
        color: rgba(160, 160, 160, 1);
    }
}

.menu {
    display: flex;
    flex-direction: row;
    margin-left: auto;
    padding: 0.5em 0;

    .menu-item {
        color: rgba(78, 78, 78, 1);

        padding: 0.2em 1.5em;
        border-left: 2px solid rgba(242, 242, 242, 1);
    }
}