.icon-left {}

.sr-container {
  display: flex;
  align-items: center;
  margin: 0 auto 0 auto;
  width: 300px;
  flex-direction: column;
}

.slump-title {
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.sr-container-top {
  display: flex;
  align-items: center;
  width: 300px;
  padding-top: 10px;
}

.sr-container-row {
  width: 300px;
}



.sr-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}


.sr-row:nth-child(2n+1) {
  background-color: rgb(250, 250, 250);
}

.sr-num-default {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  margin-right: 150px;
  margin-left: 5px;
  color: rgb(200, 200, 200);
}

.sr-num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21x;
  margin-right: 150px;
  margin-left: 5px;
  color: gray;
}

.sr-col-default {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(205, 205, 205);
  color: rgb(205, 205, 205);
  width: 21px;
  height: 21px;
}

.sr-col-default:last-child {
  margin-right: 15px;
}

.sr-col {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  width: 21px;
  height: 21px;
}

.sr-col:last-child {
  margin-right: 15px;
}

.sr-colx {
  background-color: rgba(180, 0, 0, 0.7);
  color: white;
  font-weight: bold;

  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  width: 21px;
  height: 21px;
}

.sr-colx:last-child {
  margin-right: 15px;
}

.sr-js-number {
  font-size: 16px;
  color: black;
  width: 50px;
  height: 25px;
  background-color: white;
  border: 1px solid gray;
  border-radius: 0px;
}

.sr-js-button {
  font-size: 16px;
  color: black;
  width: 80px;
  height: 25px;
  background-color: white;
  border: 1px solid gray;
  padding: 0 5px 0 5px;
  margin-left: 20px;
}