.roundDiv {
  width: 100%;
  height: 20px;
}
.roundDiv:hover .round_button {
  visibility: visible;
}

.round_button {
  display: inline-block;
  visibility: hidden;
  width: 12px;
  height: 12px;
  border: 1px solid red;
  border-radius: 50%;
  position: relative;
  top: 1px;
  margin-left: 3px;
}

.round_button.selcet {
  visibility: visible;
  background-color: red;
}

.round_button.skyblue {
  border: 1px solid skyblue;
}

.round_button.skyblue.selcet {
  background-color: skyblue;
}

.round_button.yellow {
  border: 1px solid #ffd700;
}

.round_button.yellow.selcet {
  background-color: #ffd700;
}

.round_button.black {
  border: 1px solid black;
}

.round_button.black.selcet {
  background-color: black;
}

.round_button.green {
  border: 1px solid #5cb85c;
}

.round_button.green.selcet {
  background-color: #5cb85c;
}

.solid_round_button {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid white;
  border-radius: 50%;
  position: relative;
  top: 1px;
  margin-left: 3px;
  background-color: red;
}

.solid_round_button.skyblue {
  border: 1px solid white;
  background-color: skyblue;
}

.solid_round_button.yellow {
  border: 1px solid white;
  background-color: #ffd700;
}

.solid_round_button.green {
  border: 1px solid white;
  background-color: #5cb85c;
}

.solid_round_button.black {
  border: 1px solid white;
  background-color: black;
}

.radioMoreButton.active,
.radio.active {
  background-color: skyblue;
}

.square_button {
  border-radius: 1px;
  width: 16px;
}