.condition-list {
  max-height: 200px;
  text-align: left;
  border-radius: 10px;
  box-shadow: 0px 0px 5px 0.1px grey;
}
.condition-list .list {
  z-index: 100;
}
.condition-list .list > li {
  min-height: 32px;
}

.add-con-btn {
  width: 15%;
  margin-left: 1%;
  text-align: center;
  padding: 5px;
  background-color: #ebf4fc;
  /* box-shadow: 0px 2px 3px 0.1px grey; */
  /* background-color: #ebf4fc; */
  border: 1px solid #d8e6f3;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  cursor: pointer;
}

.con-btns {
  text-align: left;
  margin-top: 5px;
}

.side-over-view {
  display: none;
  position: fixed;
  width: 13.5vw;
  left: 30px;
  top: 80px;
  /* top: 125px; */
}
.side-over-view.on {
  display: block;
  background-color: transparent;
  width: 13.5vw;
  /* width: 13.5%; */
  /* border: 1px solid yellow; */
}

/* ---------- */

/* .condition-list {
  max-height: 200px;
  text-align: left;
  padding: 5px;
} */