form#manage_user > div ,
form#manage_user > div > div {
	display: block;
}

form#manage_user .group_name {
	display: block;
	text-align: left;
	padding: 0.4em 0.6em;
	background-color: #F2F2F2;
	font-weight: normal;
}

form#manage_user .group > div:not(.group_name) ,
form#manage_user #manage_user_timezone ,
form#manage_user .additional_question ,
form#manage_user #show_all_user_details {
	padding: 0.2em 0.6em;
	margin-bottom: 1.2em;
}

form#manage_user input[type="text"] ,
form#manage_user input[type="password"] ,
form#manage_user input[type="email"] ,
form#manage_user input[type="tel"] ,
form#manage_user select#form_address_key ,
form#manage_user select#title_key ,
form#manage_user select#country_key {
	display: block;
	width: 100%;
	width: calc(100% - 0.8em);
}

form#manage_user .street {
  text-align: justify;
}

form#manage_user input#street_sub0 {
	display: inline-block;
	width: calc(65% - 0.8em);
}
form#manage_user input#street_sub1 {
	display: inline-block;
	width: calc(15% - 0.8em);
}
form#manage_user input#street_sub2 {
	display: inline-block;
	width: calc(15% - 0.8em);
}


form#manage_user #street_invalid_info {
  display: inline-block;
}

form#manage_user input#birth_year {
	width: 5em;
}

form#manage_user .phone {
	text-align: justify;
	vertical-align: top;
  line-height: 0;
}

form#manage_user .group > div.phone {
  margin-bottom: 0;
}

form#manage_user .phone:after {
  content: "";
  display: inline-block;
  width: 100%;
}

form#manage_user .phone .text {
	display: block;
	text-align: left;
	font-weight: normal;
  line-height: 1.6em;
}

form#manage_user .phone div.err {
  line-height: 1.6em;
}

form#manage_user .phone .country_prefix_phone ,
form#manage_user .phone .prefix_phone {
	display: inline-block;
	width: calc(45% - 0.6em);
	vertical-align: top;
}

form#manage_user .phone .phone_number {
	width: calc(100% - 0.6em);
}

form#manage_user .postcode > .invalid_info,
form#manage_user .city > .invalid_info,
form#manage_user .street > .invalid_info {
	font-size: 0.75em;
}

form#manage_user .postcode > input#postcode.valid,
form#manage_user .city > input#city.valid,
form#manage_user .street > input#street_sub1.valid,
form#manage_user .street > input#street_sub2.valid,
form#manage_user .street > input#street_sub0.valid {
	background-color: #DDFFDD;
}

form#manage_user .postcode > input#postcode.invalid,
form#manage_user .city > input#city.invalid,
form#manage_user .street > input#street_sub1.invalid,
form#manage_user .street > input#street_sub2.invalid,
form#manage_user .street > input#street_sub0.invalid {
	background-color: #FFDDDD;
}

form#manage_user .buttons {
	text-align: right;
}

form#manage_user .buttons button{
	margin-right: 0;
	margin-left: 0.4em;
}

body form#manage_user .buttons  {
	text-align: right;
}




form#manage_user #additional_user_data_group_container .language {
  padding: 0.7em 0.6em;
  margin: 0.5em 0;
  border: solid white;
  border-width: 10px 0 10px 0;
}

#manage_user_timezone .show_timezone button{
	margin-left: 0.5em;
}

#timezone_map_container {
	text-align: center;
}

#timezone_map_tr > td {
	padding: 1em 0 2em 0;
}

.timezone_key_select_container {
	margin-bottom: 1em;
}

#current_selected_timezone_time {
	display: inline;
	font-size: 1.2em;
}

#timezone-picker_container {
	display: none;
}

#current_selected_timezone_time_container {
	margin-bottom: 0.8em;
}



#password_check_info_msg_dialog ,
#password_check_info_msg {
  opacity: 0.8;
  font-size: 0.9em;
  color: #F00;
}

#password_check_info_msg_dialog {
  margin-bottom: 1em;
}





#password_check_info_msg_dialog ,
#password_check_info_msg {
  opacity: 0.8;
  font-size: 0.9em;
  color: #F00;
}

#password_check_info_msg_dialog {
  margin-bottom: 1em;
}



.yesno_button_container {
	display: flex;
	padding-top: 0.5rem;
  justify-content: space-between;
}

.yesno_button_container button.button.yesno_button {
	margin: 0;
}

.yesno_button.active_yesno_button.yes_button {
  border-color: #229900;
  color: #33BB00;
	background: #11EE00;
  background-color: #11EE00;
  border-style: solid;
}

.yesno_button.active_yesno_button.no_button {
  border-color: #BB0000;
  color: #BB0000;
  background-color: #FFFFFF;
  border-style: solid;
	background: #777777;
}




form#manage_user #savedCCs {
  padding-top: 1em;
  display: grid;
  gap: 0.5em;
  grid-template-columns: min-content min-content;
  align-items: center;
}



@media (min-width: 18em) {
	form#manage_user .phone .country_prefix_phone ,
	form#manage_user .phone .prefix_phone {
		width: calc(22% - 0.6em);
	}

	form#manage_user .phone .phone_number {
		display: inline-block;
		width: calc(49% - 0.6em);
	}

  form#manage_user #savedCCs {
    grid-template-columns: max-content min-content;
  }
}



@media (min-width: 31em) {

}

@media (min-width: 36em) {
	form#manage_user {
		text-align: justify;
		max-width: none;
	}

	#user_data_group_container {
		        column-count: 2;
		   -moz-column-count: 2;
		-webkit-column-count: 2;
    vertical-align: top;
	}

	form#manage_user .group ,
	form#manage_user #additional_user_data_group_container ,
	form#manage_user #saved_CCs_group_container {
		background-color: rgba(0,0,0,0.04);
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
		text-align: left;
	}

  form#manage_user .group > div:not(.group_name) ,
  form#manage_user #manage_user_timezone ,
  form#manage_user #show_all_user_details {
    margin-bottom: 0.8em;
  }

	form#manage_user .group_name {
		background-color: transparent;
		font-size: 1.4em;
    padding: 0.2em 0 0 0.4em;
	}

	form#manage_user #additional_user_data_group_container {
		width: 100%;
	}

	body.mobile_device form#manage_user .buttons button[type="submit"] {
		float: none;
	}
}


@media (min-width: 840px) {
	#timezone_map_container {
		text-align: center;
	}

	#timezone_map_tr > td {
		padding: 1em 0 2em 0;
	}

	.timezone_key_select_container {
		text-align: right;
	}

	#timezone-picker {
		display: inline-block;
	}

	#current_selected_timezone_time_container {
		text-align: right;
	}

	#current_selected_timezone_time {
		margin-left: 0.5em;
	}

	#timezone-picker_container {
		display: block;
		margin: 0 auto;
	}

	#timezone-picker_container .timezone-picker {
		width: auto !important;
	}

	#timezone-picker_container .timezone-picker > div {
		background-repeat: no-repeat !important;
	}
}

#reset_button {
  display: none;
}



#dialog_character_case > strong {
  white-space: nowrap;
}



@media (min-width: 49em) {

}






.yesno_button.yes_button, .yesno_button.no_button {
	padding: 0.4em 1.5em;
}

.yesno_button.yes_button.current_yes_button,
.yesno_button.active_yesno_button.yes_button.current_yes_button {
	border: 1px solid #0E468D;
	background: #0E468D;
	min-width: calc(200px - 4px - 3em);
	color: #ffffff;
  font-weight: bold;
}