.flex_row, .C_svg, .C_calendar, .C_input {
  display: flex;
  flex-flow: row nowrap;
}

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

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

.C_main {
  justify-content: center;
  width: 100%;
  margin: 0.2rem;
}

.C_input {
  width: 100%;
  padding: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  background-color: var(--form_input_background_color);
  color: var(--form_input_color);
  transition: box-shadow 0.3s ease;
}
.C_input:hover, .C_input:focus {
  box-shadow: 0 0 0 3px var(--color_2);
  outline: none;
}
.C_input_label {
  color: var(--form_input_color);
  background-color: var(--form_input_background_color);
  width: 100%;
  align-content: center;
}

.C_calendar {
  position: static;
  background-color: var(--form_input_background_color);
  align-items: center;
  border-radius: 0.5rem;
}

.C_svg {
  fill: var(--color_2);
  width: 2rem;
  align-items: center;
  justify-items: center;
  cursor: pointer;
}
.C_svg_holder {
  justify-content: center;
  justify-items: center;
  align-items: center;
  border-radius: 2rem;
  width: 4rem;
  height: 4rem;
  background-color: var(--color_3);
  position: absolute;
  right: 3rem;
  bottom: 8rem;
  box-shadow: var(--box_shadow);
}