.application-dialog
{
	position: absolute; top: 50%; left: 50%;
	max-width: calc(100% - 2em); max-height: calc(100% - 2em);
	z-index: 100000;
	cursor:default;
	background: #fff;
	cursor: default;
	box-shadow: 0 0 5px #000, 0 0 10px rgba(192,192,192,64);
	overflow: auto;
}

.application-dialog-title
{
	padding: 0.5em;
	border-bottom: 1px solid #bbb;
	background: linear-gradient(#fff,#ddd);
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none; -webkit-user-select: none;
}

.application-dialog-content { padding: 1em; overflow: hidden; }
.application-dialog-content:first-child { padding-top: 2em; }


.application-form
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}

.application-form-remain
{
	height: 100%
}

.application-form-row
{
	display: flex;
	margin: 0.5em 0 0 0;
	flex-wrap: wrap;
}

.application-form-row:first-child { margin: 0; }

.application-form-row>*:last-child:not(button, a, tr, td) { width: 100%; }
.application-form-row>*:last-child :last-child:not(button, a, tr, td) { width: 100%; }

.application-form-row.application-form-tight-labelled >*:first-child { min-width: 6em; width:20%; flex-grow: 20; }
.application-form-row.application-form-narrow-labelled >*:first-child { min-width: 9em; width:35%; flex-grow: 35; }
.application-form-row.application-form-medium-labelled >*:first-child { min-width: 12em; width:50%; flex-grow: 50; }
.application-form-row.application-form-labelled >*:first-child { min-width: 12em; width:50%; flex-grow: 50; }
.application-form-row.application-form-wide-labelled >*:first-child { min-width: 12em; width:65%; flex-grow: 65; }
.application-form-row.application-form-broad-labelled >*:first-child { min-width: 12em; width:80%; flex-grow: 80; }
.application-form-row.application-form-tight-labelled >*:last-child { width: 80%; flex-grow: 80; }
.application-form-row.application-form-narrow-labelled >*:last-child { width: 65%; flex-grow: 65; }
.application-form-row.application-form-medium-labelled >*:last-child { width: 50%; flex-grow: 50; }
.application-form-row.application-form-labelled >*:last-child { width: 50%; flex-grow: 50; }
.application-form-row.application-form-wide-labelled >*:last-child { width: 35%; flex-grow: 35; }
.application-form-row.application-form-broad-labelled >*:last-child { width: 20%; flex-grow: 20; }

.application-form-button-row
{
	padding: 1.5em 0 1em 0; text-align: center
}

.application-form-button-row>*
{
	margin-left: 0.5em
}

.application-form-button-row>*:first-child
{
	margin-left: 0
}

.script-form + .script-form > .script-form-row:first-child { padding-top: 0; margin-top: 0 }

.script-form > .script-form-row { padding: 0.35em 0 0.35em 0; text-align: left }
.script-form > .script-form-row:first-child { margin-top: 0.35em }
.script-form > .script-form-row:last-child { margin-bottom: 0.35em }

.script-form > .script-form-row > .script-form-wrapper > * { display: inline-block; box-sizing: border-box; vertical-align: middle }

.script-form.em-30 > .script-form-row > * {	display: inline-block; vertical-align: middle }

.script-form.em-30.script-form-label-align-left > .script-form-row > label:first-child {	text-align: left }
.script-form.em-30.script-form-label-align-center > .script-form-row > label:first-child {	text-align: center }
.script-form.em-30.script-form-label-align-right > .script-form-row > label:first-child {	padding-right: 0.5em; text-align: right }

.script-form.em-30 > .script-form-row.script-form-row-valign-top > label:first-child {	padding-top: 0.2em; vertical-align: top }
.script-form.em-30 > .script-form-row.script-form-row-valign-middle > label:first-child {	vertical-align: middle }
.script-form.em-30 > .script-form-row.script-form-row-valign-bottom > label:first-child {	padding-bottom: 0.2em; vertical-align: bottom }

.script-form.em-30 > .script-form-row-tight > label:first-child { width: 20% }
.script-form.em-30 > .script-form-row-tight > * { width: 80% }

.script-form.em-30 > .script-form-row-narrow > label:first-child { width: 35% }
.script-form.em-30 > .script-form-row-narrow > * { width: 65% }

.script-form.em-30 > .script-form-row-medium > label:first-child { width: 50% }
.script-form.em-30 > .script-form-row-medium > * { width: 50% }

.script-form.em-30 > .script-form-row-wide > label:first-child { width: 65% }
.script-form.em-30 > .script-form-row-wide > * { width: 35% }

.script-form.em-30 > .script-form-row-broad > label:first-child { width: 80% }
.script-form.em-30 > .script-form-row-broad > * { width: 20% }

.script-form > .script-form-buttons { padding: 1.05em 0 0.7em 0 }

.script-form.em-20 > .script-form-buttons { text-align:center; padding: 1.2em 0 0.5em 0 }
.script-form.em-20 > .script-form-buttons > *:first-child { margin-top: 0 }
.script-form.em-20 > .script-form-buttons > * { display: inline-block; width: auto; margin: 0 0 0 0.4em }
.script-form.em-20 > .script-form-buttons > *:first-child { margin: 0 }

.script-form-row input { margin: 0; max-width: 100%; box-sizing: border-box }
.script-form-row textarea { margin: 0; max-width: 100%; box-sizing: border-box; height: 5.2em }
.script-form-row select { margin: 0; max-width: 100%; box-sizing: border-box }
.script-form-row a { cursor: pointer }
.script-form-row label.box { margin: 0; box-sizing: border-box }

@media screen and (min-width: 50em) {
.script-form > .script-form-row > * {	display: inline-block; vertical-align: middle }

.script-form.script-form-label-align-left > .script-form-row > label:first-child { text-align: left }
.script-form.script-form-label-align-center > .script-form-row > label:first-child { text-align: center }
.script-form.script-form-label-align-right > .script-form-row > label:first-child { padding-right: 0.5em; text-align: right }

.script-form > .script-form-row.script-form-row-valign-top > label:first-child { padding-top: 0.2em; vertical-align: top }
.script-form > .script-form-row.script-form-row-valign-middle > label:first-child { vertical-align: middle }
.script-form > .script-form-row.script-form-row-valign-bottom > label:first-child { padding-bottom: 0.2em; vertical-align: bottom }

.script-form > .script-form-row-tight > label:first-child { width: 20% }
.script-form > .script-form-row-tight > * { width: 80% }

.script-form > .script-form-row-narrow > label:first-child { width: 35% }
.script-form > .script-form-row-narrow > * { width: 65% }

.script-form > .script-form-row-medium > label:first-child { width: 50% }
.script-form > .script-form-row-medium > * { width: 50% }

.script-form > .script-form-row-wide > label:first-child { width: 65% }
.script-form > .script-form-row-wide > * { width: 35% }

.script-form > .script-form-row-broad > label:first-child {	width: 80% }
.script-form > .script-form-row-broad > * { width: 20% }

.script-form > .script-form-row.script-form-row-wrapped > * {	display: block; width: 100% }

.script-form > .script-form-buttons { text-align:center; padding: 1.2em 0 0.5em 0 }
.script-form > .script-form-buttons > *:first-child { margin-top: 0 }
.script-form > .script-form-buttons > * { display: inline-block; width: auto; margin: 0 0 0 0.4em }
.script-form > .script-form-buttons > *:first-child { margin: 0 }
}

@media screen and (max-width: 50em) {
.script-form > .script-form-row > * {	display: block; width: 100% }
.script-form > .script-form-buttons > * { display: block; margin: 1.2em 0 0.5em 0; width: 100%; box-sizing: border-box }
}

.application-survey-dialog-root { display: flex; overflow: auto; max-width: 100%; }
.application-survey-dialog-content { flex-grow: 100; max-width:100%; }
.application-survey-dialog_menu { flex-grow: 1; }

.application-survey-dialog-root, .application-survey-dialog-root label, .application-survey-dialog-root input,.application-survey-dialog-root textarea, .application-survey-dialog-root select
{
	font-family: Verdana,Arial,sans-serif; 
	font-size:10.5pt;
	color: #000000;
	line-height: normal;
	padding: 2px;
}
.application-survey-dialog-root input[type=text],.application-survey-dialog-root input[type=password],.application-survey-dialog-root textarea,.application-survey-dialog-root .control
{
	margin:0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	line-height: normal;
	padding: 2px;
}
.application-survey-dialog-root .control { border:1px solid #a9a9a9; }
.application-survey-dialog-root td { padding:2px 0 2px 0; vertical-align:middle }

.application-survey-dialog-menu-item{ text-align:left; border:1px solid transparent; margin:1px; margin-left:5px; margin-right:5px; cursor:pointer }
a.application-survey-dialog-menu-item { padding-left:2px; padding-top:1px; padding-bottom:0px; padding-right:2px; font-size:14px; color:#0000ff }
.application-survey-dialog-menu-item span { padding-left:2px; padding-top:1px; padding-bottom:0px; padding-right:2px; color:blue; font-size:95% }
.application-survey-dialog-menu-item span.selected { color:green }
.application-survey-dialog-menu-item span[disabled=disabled] { color:gray }

.application-survey-image-list-item { display: flex; align-items:center; }
.application-survey-image-list-item .application-survey-image-item { flex-grow: 100; }
.application-survey-image-list-item .application-survey-dialog-menu-item { flex-grow: 1; max-width: 6em; }
.application-survey-image-alt { }

div.application-survey-image-list-item  div.application-survey-image-item div.application-survey-image { max-width:fit-content; }
div.application-survey-image-list-item.small  div.application-survey-image-item div.application-survey-image { max-width:10em; }
div.application-survey-image-list-item.medium  div.application-survey-image-item div.application-survey-image { max-width:15em; }
div.application-survey-image-list-item.large  div.application-survey-image-item div.application-survey-image { max-width:20em; }

.application-survey-image { border:1px solid #7f7f7f; min-width:32px; min-height:32px; margin-top: 0.5em; }
.application-survey-image img {	object-fit:contain; object-position:left; max-width:100%; }

.survey_edit_image { height:15em; width:100%; border: 1px solid #aaa; }
.survey_sequence { clear:both; float:left; padding:0 0.5em 0 1em; color:#7f7f7f; border-top-right-radius: 8px; border-bottom-right-radius: 8px }
.survey_question_code { float:left; margin-left:-2.5em; margin-right:1em; color:#7f7f7f; border-top-right-radius: 8px; border-bottom-right-radius: 8px }
.survey_element_active .survey_sequence { color:#000000; font-weight:bold; background: rgba(192,192,192,0.1) }
.survey_element { margin-top:0.4em;margin-bottom:0.4em;margin-left:3em; color:#000000; }
.survey_element_hidden { background-color:#dddddd; }
.survey_element_label { color:#4444aa; font-weight:bold; text-transform:capitalize; margin-right:1em; }
.survey_element_condition { float:right;color:#44aa44;font-weight:normal; padding-right:1em; }
.survey_element_condition:before { content: url('/img/bullet_star_small.png');position:relative }
.survey_element_jump { float:right;color:#4444aa;font-weight:normal; }
.survey_element_jump:before { content: url('/img/bullet_arrow_right.png') }
.survey_comment { color:#000000;white-space:pre-wrap }
.survey_video video { max-width:100%; max-height: 20rem; }
.survey_instruction { color:#0000ff; margin-left: -3em; white-space:pre-wrap; }
.application-form-row video { max-width:100%; max-height: 20rem; }
.survey_link a { color:#000000;text-decoration:underline;white-space:pre-wrap;border:1px solid #4444aa; padding:3px 1em 3px 1em }
.survey_jump { color:#4444aa; }
.survey_variable { color:#4444aa; }
.survey_location_filter { color:#4444aa; }
.survey_page_break { padding-top:1em;margin-left:-3em }
.survey_join { padding-top:1em;margin-left:-3em }
.survey_join hr { height:0px;border-width:1px;border-style:dashed;color:#7f7f7f }

.survey_question { color:#000000;white-space:pre-wrap }
.survey_question_label { color:#44aa44;font-weight:bold;white-space:pre-wrap;margin-right:1em; }
.survey_question_instruction { color:#0000ff;white-space:pre-wrap }
.survey_question_intro { font-weight:normal;white-space:pre-wrap }
.survey_question_text { font-weight:bold;white-space:pre-wrap }
.survey_question_note { font-style:italic;white-space:pre-wrap }
.survey_question_info { color:#888888;text-decoration: underline;white-space:pre-wrap }
.survey_question_dontknow > *
{
	background-image:url('/img/survey/check_box_small.png');
	background-repeat: no-repeat;
	background-position: center left;
}
.survey_question_dontknow li { display:inline-block; margin-left:1em; }
.survey_question_dontknow li:first-child { margin-left:0em; }
.survey_question_dontknow > * span {	margin-left:1em; }
.survey_special_text { font-weight:bold;color:#4444aa; }
.survey_range_items { margin:0; padding-left:0px; list-style-type:none; }
.survey_jump_items .survey_range_items { color:#4444aa; } 
.survey_select_single { margin:0; padding-left:18px; list-style-image:url('/img/survey/radiobutton_small.png'); }
.survey_select_single.small .survey_item_image { max-width:10em; }
.survey_select_single.medium .survey_item_image { max-width:15em; }
.survey_select_single.large .survey_item_image { max-width:20em; }
.survey_selectbox_single { margin:0; padding-left:18px; }
.survey_select_multiple { margin:0; padding-left:18px; list-style-image:url('/img/survey/check_box_small.png'); }
.survey_select_multiple.small .survey_item_image { max-width:10em; }
.survey_select_multiple.medium .survey_item_image { max-width:15em; }
.survey_select_multiple.large .survey_item_image { max-width:20em; }
.survey_statements_single { margin:0; list-style-image:url('/img/survey/radiobutton_small.png'); }
.survey_statements_multiple { margin:0; list-style-image:url('/img/survey/check_box_small.png'); }
.survey_select_ranking { margin:0; padding-left:18px; list-style-type:decimal; }
.survey_question_items td { padding-left:5px;padding-right:5px; }
.survey_category_entry { display: flex; gap: 0.5em; flex-wrap: wrap; }
.survey_category_entry>* { flex-grow: 1; }
.survey_category_entry>:first-child { width: 10em; }
.survey_include_entry { flex-grow: 1000; display: flex; gap: 0.5em; width: 70%; }
.survey_include_entry> select { min-width:10em; flex-grow:100; }
.survey_include_entry > button { min-width:5em; flex-grow:2; }
.survey_group_entry { flex-grow: 1000; }
.survey_include_type_entry { display: flex; gap: 0.5em; flex-wrap: wrap; }
.survey_include_type_entry>* { flex-grow: 1; }
.survey_include_type_entry>:first-child { flex-grow: 1000; }
.survey_width_entry { display: flex; gap: 0.5rem; }
.survey_width_entry>input { width: 5rem; }
.survey_item_jump { position:relative;top:-1px;float:right;margin-right:1em;color:#4444aa;font-weight:normal; }
.survey_item_jump:before { content: url('/img/bullet_arrow_right.png') }
.survey_item_text { margin:2px 0px 2px 0px;min-height:18px;border-top-right-radius: 8px; border-bottom-right-radius: 8px }
.survey_item_jump+.survey_item_text { background: rgba(192,192,192,0.3) }
.survey_item_image >img { max-width:100%; }
.survey_option_system { font-style:italic }
.survey_option_hidden { text-decoration: line-through }
.survey_option_deleted { background-color:#dddddd; text-decoration: line-through }
.survey_calculate { color:#4444aa; }
.survey_calculated_single { margin:0; padding-left:18px; list-style-image:url('/img/survey/radiobutton_small.png'); }
.survey_calculated_multiple { margin:0; padding-left:18px; list-style-image:url('/img/survey/check_box_small.png'); }
.survey_choices_mapping a { color: #0000ff; margin-right: 0.5em; }
.survey_open_tom .survey_question_items { margin:0; padding-left:18px; }
.survey_distribute_points .survey_question_items { margin:0; padding-left:18px; }

.survey_element_inuse,
.survey_element_inuse .survey_section,
.survey_element_inuse .survey_no_previous,
.survey_element_inuse .survey_progress_bar,
.survey_element_inuse .survey_block_start,
.survey_element_inuse .survey_block_end,
.survey_element_inuse .survey_grid_start,
.survey_element_inuse .survey_grid_end,
.survey_element_inuse .survey_random_start,
.survey_element_inuse .survey_random_next,
.survey_element_inuse .survey_random_end,
.survey_element_inuse .survey_topic_table_start,
.survey_element_inuse .survey_topic_table_group,
.survey_element_inuse .survey_topic_table_end,
.survey_element_inuse .survey_topic_loop_start,
.survey_element_inuse .survey_topic_loop_end
{ background-color:#bbffbb; }

.survey_element_deleted,
.survey_element_deleted .survey_section,
.survey_element_deleted .survey_no_previous,
.survey_element_deleted .survey_progress_bar,
.survey_element_deleted .survey_block_start,
.survey_element_deleted .survey_block_end,
.survey_element_deleted .survey_grid_start,
.survey_element_deleted .survey_grid_end,
.survey_element_deleted .survey_random_start,
.survey_element_deleted .survey_random_next,
.survey_element_deleted .survey_random_end,
.survey_element_deleted .survey_topic_table_start,
.survey_element_deleted .survey_topic_table_group,
.survey_element_deleted .survey_topic_table_end,
.survey_element_deleted .survey_topic_loop_start,
.survey_element_deleted .survey_topic_loop_end
{
	background-color:#aaaaaa; 
}
.survey_section { margin-left: -3em; padding: 0.5em; border-radius: 1em; border: 1px solid #509494; background-color: #acdbfc; color: #4444aa; }
.survey_section_label { font-weight:bold; }
.survey_no_previous { margin-left:-3em; padding: 0.5em; z-index:-1; border-top-left-radius: 1em; border-top-right-radius: 1em; border:1px solid #7f7fff; border-bottom:none; background-color:#dfdfff; text-align:center;  text-transform:uppercase; font-weight:bold; color:#5f5fff; }
.survey_progress_bar { margin-left: -3em; padding: 0.5em; z-index:-1; border-radius: 1em; border:1px dotted #7f7fff; background-color:#efefff; text-align:center; text-transform:uppercase; font-weight:bold; color:#5f5fff; }
.survey_block_start { margin-left:-3em; padding:0.5em; background-color:#FFEE88; border-top-left-radius: 1em; border-top-right-radius: 1em; border:1px solid #BF9E38; border-bottom:none; text-transform:uppercase;font-weight:bold;color:#4444aa; }
 .survey_block_start .survey_element_label { color:#4444aa; font-weight:normal; text-transform:none; margin-left:1em; }
.survey_block_end { margin-left:-3em; padding:0.5em; background-color:#FFEE88; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border:1px solid #BF9E38; border-top:none; text-transform:uppercase;font-weight:bold;color:#4444aa; }
.survey_grid_start { margin-left:-3em;padding:0.5em; background-color:#ffffcc;text-align:center; border-top-left-radius: 1em; border-top-right-radius: 1em; border:1px solid #888822; border-bottom:none; text-transform:uppercase;font-weight:bold;color:#888822; }
.survey_grid_end { margin-left:-3em;padding:0.5em; background-color:#ffffcc;text-align:center;border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border:1px solid #888822; border-top:none; text-transform:uppercase;font-weight:bold;color:#888822; }
.survey_random_start { margin-left:-3em;padding:0.5em; background-color:#ffddff;text-align:center; border-top-left-radius: 1em; border-top-right-radius: 1em; border:1px solid #aa44aa; border-bottom:none; text-transform:uppercase;font-weight:bold;color:#aa44aa; }
.survey_random_next { margin-left:-3em;padding:0.5em; background-color:#ffddff;text-align:center;border-radius: 1em; border:1px solid #aa44aa;text-transform:uppercase;font-weight:bold;color:#aa44aa;}
.survey_random_end { margin-left:-3em;padding:0.5em; background-color:#ffddff;text-align:center;border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border:1px solid #aa44aa; border-top:none; text-transform:uppercase;font-weight:bold;color:#aa44aa; }
.survey_topic_table_start { margin-left:-3em;padding:0.5em; background-color:#ddffdd;text-align:center; border-top-left-radius: 1em; border-top-right-radius: 1em; border:1px solid #44aa44; border-bottom:none; text-transform:uppercase;font-weight:bold;color:#44aa44; }
.survey_topic_table_start>div { margin-left:3em;text-transform:none;text-align:left; }
.survey_topic_table_group { margin-left:-3em;background-color:#ddffdd;text-align:center;border-top:1px dotted #44aa44;border-bottom:1px dotted #44aa44;text-transform:uppercase;font-weight:bold;color:#44aa44;}
.survey_topic_table_group>div { margin-left:3em;text-transform:none;text-align:left; }
.survey_topic_table_end { margin-left:-3em;padding:0.5em; background-color:#ddffdd;text-align:center;border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border:1px solid #44aa44; border-top:none; text-transform:uppercase;font-weight:bold;color:#44aa44; }
.survey_topic_loop_start { margin-left:-3em;padding:0.5em; background-color:#bbffff;text-align:center; border-top-left-radius: 1em; border-top-right-radius: 1em; border:1px solid #44aaaa; border-bottom:none; text-transform:uppercase;font-weight:bold;color:#44aaaa; }
.survey_topic_loop_start>div { margin-left:3em;text-transform:none;text-align:left; }
.survey_topic_loop_end { margin-left:-3em;padding:0.5em; background-color:#bbffff;text-align:center;border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; border:1px solid #44aaaa; border-top:none; text-transform:uppercase;font-weight:bold;color:#44aaaa; }
.survey_error { overflow: hidden; background-color:#ffcccc; }
.survey_error .survey_sequence { margin-top:5px; }
.survey_error_text { color:#ff0000; padding:.5em; padding-left:3em; white-space:pre; }