.flex_row, .C_checkbox, .C_checkbox_checked, .C_checkbox:hover, .C_checkbox_checked:hover {
  display: flex;
  flex-flow: row nowrap;
}

.flex_col, .C_main {
  display: flex;
  flex-flow: column nowrap;
}

.fill, .C_main {
  width: 100%;
  height: 100%;
}

.C_checkbox, .C_checkbox_checked, .C_checkbox:hover, .C_checkbox_checked:hover {
  border-radius: 0.5rem;
  cursor: pointer;
  background-color: var(--color_3_light);
  width: 2rem;
  height: 2rem;
  border: 0.1rem solid var(--color_3_dark);
}
.C_checkbox:hover, .C_checkbox_checked:hover {
  background-color: var(--color_grey !important);
}
.C_checkbox_checked, .C_checkbox:hover, .C_checkbox_checked:hover {
  width: 2rem;
  height: 2rem;
  background-color: var(--color_accent);
  transition: background-color 0.2s, color 0.2s;
}