.lowercase {
  text-transform: lowercase;
}


.level-block {
  padding: .7rem;
  border: 1px solid #EEEEEE;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.sublevel {
  margin-left: 1rem;
}

.level {
  font-weight: 600;
}

.add-margin {
  margin-right: 1.6rem;
}

.empty-state {
  display: flex;
  border: 1px dashed #9299A1;
  padding: 1rem;
  background-color: #F8F8F8;
  .left {
    background-color: #DEDFDF;
    flex-basis: 5%;
    text-align: center;
    margin-right: 2rem;
    border-radius: 3px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    .cog-icon {
      font-size: 1.6rem;
    }
  }
  .right {
    display: flex;
    flex-direction: column;
    .top {
    font-weight: 550;
    font-size: .875rem;
    }
    .bottom {
      margin-top: .25rem;
    }
  }
}