#popup {
  position: fixed;
  z-index: 1001;
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  padding: 20px;
}

#popup_screen {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: rgb(0, 0, 0);
}

#popup_close_button {
  position: fixed;
  z-index: 1002;
  border: 2px solid rgb(255, 0, 0);
  background-color: rgb(255, 225, 225);
  color: rgb(255, 0, 0);
  text-align: center;
  width: 20px;
  height: 20px;
}

#popup_close_button:hover {
  cursor: pointer;
}

*[color_value='0'] {
  background-color: rgb(90, 181, 121);
}
*[color_value='1'] {
  background-color: rgb(76, 147, 193);
}
*[color_value='2'] {
  background-color: rgb(76, 169, 152);
}
*[color_value='3'] {
  background-color: rgb(70, 91, 111);
}
*[color_value='4'] {
  background-color: rgb(237, 174, 63);
}
*[color_value='5'] {
  background-color: rgb(151, 100, 182);
}
*[color_value='6'] {
  background-color: rgb(207, 111, 40);
}

.secondary_button {
  min-width: 100px;
  background: white;
  color: #0e71eb;
  font-size: 14px;
  padding: 4px 15px;
  border-radius: 5px;
  border: 1px solid #0e71eb;
  text-align: center;
  cursor: pointer;
}
.primary_button {
  min-width: 100px;
  color: white;
  background: #0e71eb;
  font-size: 14px;
  padding: 4px 15px;
  border-radius: 5px;
  border: 1px solid #0e71eb;
  text-align: center;
  cursor: pointer;
}