.scroll-x 
{ 
    overflow-x: auto; 
}
.scroll-y 
{ 
    overflow-y: auto; 
}
div.top_banner {
	
}
div.footer {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin-top: 10px;
}
div.text {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* ------------------------------ reference number ------------------------------ */

div.reference {
	font-weight: bold;
}

/* -------------------------------------- button -------------------------------------- */

.button
{
	border: 1px solid #707070;
	padding: 10px 30px 10px 30px;
	cursor: pointer;
	background-color: #d1d1d1;
}
.button:hover
{
	background-color: #a9dbf6;
	border-color: #6d9fc5;
}
.launch_tile
{
    float: left; 
    margin-right: 20px; 
    margin-bottom: 20px; 
    width:200px; 
    height:150px; 
    padding-left:10px; 
    padding-right:10px; 
}
.btn {
	border-radius: 0;
}

div.checkableButton {
    position: relative;
}
    div.checkableButton > i.fa-check {
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 1em;
        z-index: 999;
    }
        div.checkableButton > i.fa-check:hover + input {
            background-color: #a9dbf6;
            border-color: #6d9fc5;
        }
.editor_container div.checkableButton > i.fa-check:hover + input{
    background-color: #d1d1d1;
}


div.options .button {
    padding: 2px 8px 2px 8px;
}
.display-options {
	float: right;
}
.display-options .toggle-display-options > span::after {
	content: "\f26c";
	font-family: FontAwesome;
	margin-left: 10px;
}
.display-options .dropdown-menu {
	padding: 20px;
	min-width: 300px;
	right: 0;
	left: auto;
}
.display-options .dropdown-menu > div {
	border-top: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-top: 10px;
}
.display-options .dropdown-menu > div:first-of-type {
	border-top: none;
	padding-top: 0px;
}
.display-options .open-design-tools > span::after {
	content: "\f0ad";
	font-family: FontAwesome;
	margin-left: 10px;
}
/* -------------------------------- language picker -------------------------------- */

.language_picker .btn {
	margin-top: 5px;
}
.HyperlinkLanguageBar
{
    padding-right: 10px;
}

/* -------------------------------- contrast options -------------------------------- */

div.contrast_options a
{
	border: 1px solid #000;
	padding: 0px 4px 0px 4px;
	text-decoration:none;
	font-weight:bold;
	font-size:10pt;
	margin-left: 5px;
}
div.contrast_options a.default_contrast
{
	background-color:white;
	color:blue;
}
div.contrast_options a.contrast1
{
	background-color:#000000;
	color:#FFFF00;
}
div.contrast_options a.contrast2
{
	background-color:#FFFF00;
	color:#000000;
}

/* -------------------------------- text size options -------------------------------- */

div.text_size_options a
{
	padding: 0px 4px 0px 4px;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt;
}
div.text_size_options a.medium
{
	font-size:10pt;
}
div.text_size_options a.large
{
	font-size:12pt;
}

/* -------------------------------- actions area -------------------------------- */

div.actions
{
	margin-top: 20px;
	margin-bottom: 10px;	
	text-align: center;
	padding-top:10px;
}

div.actions .button, div.start_button .button, div.retrieve_button .button
{
	margin-left: auto;
	margin-right: auto;
}


/* -------------------------------------- questions -------------------------------------- */

.form-control {
	
}
.question .control-label {
	
}
.question .optional-indicator {
	margin-left: 5px;
}
.question .required-indicator {
	margin-left: 5px;
}
.question.optional .control-label {
	font-weight: normal;
}
.btn-q-help {
	margin-bottom: 5px;
	margin-left: 5px;
}
.btn-q-help.tooltip-open {
	background-color: #fff;
	color: #5bc0de;
}
.tooltip.in {
	opacity: 1;
}
.tooltip.bottom .tooltip-arrow {
	border-width: 0 15px 15px;
	border-bottom-color: #5bc0de;
}
.tooltip-outer {
	background-color: #5bc0de;
	margin-top: 10px;
	padding: 10px;
	margin-left: 15px;
	margin-right: 15px;
}
.tooltip-outer > i {
	float: left;
	padding-top: 3px;
	color: #fff;
	cursor: pointer;
	font-size: 12pt;
}
.tooltip-inner {
	background-color: #5bc0de;
	margin-left: 15px;
	max-width: 100%;
	left: 0;
	right: 0;
}
.tooltip-inner.editable {
	border: 1px dashed #fff;
	cursor: pointer;
}
.checkbox .cb-label {
	padding-left: 0px;
}
.checkbox-list-q, .radiobutton-list-q {
	margin-bottom: 15px;
}

.checkbox-list-a, .radiobutton-list-a label {
	font-weight: normal;
}

/* -------------------------------- validation -------------------------------- */

.failed_validation_question{
    border-style:solid;
    border-color:#d9534f;
    border-width:thin;
    padding: 0px 5px 0px 5px;
    margin:5px 0px 5px 0px;
}

.try_load_later {
    display: none;
    color: red;
}
.validation-error {
	color: #c9302c;
	line-height: 30px;
}

.validation-passed {
    color: #00cc44;
    line-height: 30px;
}
.top_validation_errors .alert-danger {
	color: #fff;
	background-color: #d9534f;
    border-color: #d43f3a;
	border-radius: 0;
}
.bottom_validation_errors .alert-danger {
	color: #fff;
	background-color: #d9534f;
    border-color: #d43f3a;
	border-radius: 0;
}
.popover.validation-errors {
	border-color: #d43f3a;
	border-radius: 0px;
	padding: 0px;
}
.popover.validation-errors .arrow {
	border-bottom-color: #d43f3a;
}
.popover.validation-errors .arrow::after {
	border-bottom-color: #d9534f;
}
.popover.validation-errors .popover-title {
	color: #fff;
	background-color: #d9534f;
	border-radius: 0;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
div.question .upload_list 
{
	width: 50%;
	float: left;
	text-align: left;
	margin-right: 20px;
	line-height: 2em;
}

/* -------------------------------- question sections -------------------------------- */

div.question_section {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px;
	border: 1px solid #ccc;
}
div.question_section_header
{
	margin-top: 10px;
	border: 1px solid #ccc;
	overflow: auto;
	line-height: 2em;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: 10px;
	padding-right: 10px;
}
div.question_section.join_to_header
{
	margin-top: 0px;
	border-top-style: none;
}
div.question_section_header h3
{
	margin: 5px;
	padding: 5px;
}

/* -------------------------------- input fields -------------------------------- */

.answer_display
{
	font-weight: bold;
	margin-right: 8px;
	color: #000000;
}
.hidden
{
	display:none;
}
input.address_select
{
	color: #003366;
	border-style: none;
	background-color: Transparent;
	white-space:normal;
	font-size: 100%;
	text-align: left;
	cursor: pointer;
	margin-bottom: 5px;
	padding-left: 0px;
}
.form-control {
	border-radius: 0;
}

/* --------------------------------- inline progress ----------------------------------- */

.inline_progress
{
	display: none;
}

/* --------------------------- start new / retrieve section --------------------------- */

div.section h3
{
	padding-top: 20px;
}
div.section div.retrieve_fields
{
	padding-top: 20px;
	padding-bottom: 20px;
}
div.section div.retrieve_button, div.section div.retrieve_error, div.section div.start_button
{
	text-align:center;
}
div.section div.retrieve_error
{
	padding-top: 20px;
}
div.section div.start_help
{
	padding-bottom: 20px;
}


/* --------------------------- change password --------------------------- */
.password_change_success {
    text-align: center;
}

.password_change_header {
    text-align: center;
}

/* --------------------------- secured start new / retrieve section --------------------------- */
.center_text {
    text-align: center;
}

.secure_start_error {
    margin-bottom: 15px;
}

.secure_continue_error {
    margin-bottom:15px;
}
div.section div.secure_retrieve_fields {
    padding-top: 20px;
}
.check_security_question{
    margin-top:15px;
}


/* ----------------------------------- follow on options --------------------------------------- */

div.follow_on_options_section
{
	border: 1px solid #000000;
	margin-top: 10px;
	padding: 20px;
}

/* ------------------------------ navigation bar ------------------------------ */
.navigation-toggle {
	background-color: transparent;
	border-style: none;
	float: right;
}
.navigation-toggle .open-icon  {
	display: block;
}
.navigation-toggle .close-icon  {
	display: none;
}
.navigation-toggle.open .open-icon  {
	display: none;
}
.navigation-toggle.open .close-icon  {
	display: block;
}
.navigation_item {
	position:relative;
}
.navigation_item:hover {
	background-color: #eee;
}
.navigation_item .navigation_icon {
	width: 20px;
	display: inline;
}
.navigation_item .navigation_icon {
	font-family: FontAwesome;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.navigation_item .navigation_icon:first-child::before {
	content: " ";
	width: 1.28571429em;
	text-align: center;
}
.navigation_item.selected {
	font-weight: bold;
}
.navigation_item.complete .navigation_icon:first-child::before  {
	content: "\f00c";
}
.navigation_item.visited .navigation_icon:first-child::before  { 
	content: "\f00d";
}
.navigation_item.selected .navigation_icon:first-child::before {
	content: "\f054";
}
.navigation_item.locked .navigation_icon:first-child::before {
    content: "\f023";
}
.navigation_item .navigate_button
{
	text-align: left;
	background-color: transparent;
	border-style: none;
	width: 90%;
	padding-left: 5px;
	white-space:normal;
}
.navigation_item .toggle_errors {
	display: block;
	margin-left: 25px;
}
.navigation_item .toggle_errors.popover-open {
	background-color: #fff;
	color: #c9302c;
}
.navigation_validation_tip
{
	display:none;
}
.failed_validation.modal_dialog_content {
	height: 300px;
	overflow: auto;
}
#pop-down-navigation .navigation_panel_contents {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* ------------------------------- modal dialog ------------------------------- */

.modal_dialog_background {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index:10000 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.modal_dialog
{
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	overflow: auto;
	box-shadow: 10px 10px 20px 0px #606060;
	z-index:10001 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
	padding: 20px;
}
.modal_dialog_header {
	
}
.modal_dialog_header h1
{
	font-size: 16pt;
	margin-top: 0px;
}
.modal_dialog_header h1 i {
	margin-right: 10px;
}
.modal_dialog_footer
{

}
.modal_dialog_content {
	padding-top: 5px;
}
.modal_dialog_content .progress_image {
	float: left;
	margin-right: 20px;
}
.modal.prompt {
	width: 250px;
}
.modal.question {
	min-width: 500px;
}

.error
{
    display: block;
    color: Red;
    font-size: 80%;
}
.modal_dialog.full_height {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom:20px;
}
.modal_dialog.standard 
{
    width: 800px;
}
/* ---------------------------------- text editor --------------------------------- */

.text_editor.section
{
	margin-top: 20px;
}
.text_editor.translated_language
{
	margin-top: 15px;
}
.text_editor_input
{
	width: 90%;
}
.link_button
{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	background-color: transparent;
	text-decoration: underline;
	color: Blue;
}
.link_button:hover
{
	text-decoration: underline;
	cursor: pointer;
}

/* ---------------------------------- text editor --------------------------------- */

.modal_dialog.list_item_editor
{
	height: 80%;
	width: 900px;
}
.list_item_editor.modal_dialog_content
{
	height: 300px;
	overflow: auto;
}

/* ---------------------------- collapsable panel ---------------------------------- */

div.collapsible_panel_header
{
	cursor: pointer;
}
div.collapsible_panel_header h3
{
	float: left;
}
div.collapsible_panel_header span
{
	margin-left: 20px;
}
div.collapsible_panel_header img, div.collapsible_panel_header input
{
	float: right;
}

/* ----------------------------------- login --------------------------------------- */

.container.login h1
{
	font-size: 18pt;
	margin-bottom: 20px;
}

/* -------------------------------- edit / design -------------------------------- */

.button.edit
{
    width: 100%;
	border: none;
	background-color: transparent;
	text-align: left;
	padding-left: 0px;
}

/* --------------------------------- design time styles ------------------------------- */
.design-tools {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 300px;
	background-color: #eee;
	z-index: 999;
	padding: 20px;
}
.design-tools.closed {
	display: none;
}
.design-tools.editor-active {
	display: none;
}
.design-tools h1 {
	font-size: 14pt;
	margin-bottom: 20px;
}
.design-tools h1 i {
	float: right;
	cursor: pointer;
}
.design-tools-submenu {
    position: relative;
}
    .design-tools-submenu > div:first-child {
        z-index: 1001;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
    }
    .design-tools-submenu > div:nth-child(2) {
        position: absolute;
        top: 0;
        left: -5em;
        right: -5em;
        width: 300px;
        background-color: #eee;
        border: 1px solid #707070;
        z-index: 1001;
        padding: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
div.editor_container .edit_menu {
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
div.editor_container .edit_menu .btn {
	margin-top: 5px;
}

div.editor_container .button {

}
div.editor_container .button:hover {
	background-color: #d1d1d1;
}

div.editable_text
{
	float:inherit; 
	border: 1px dashed #ccc;
	cursor:pointer;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 3px;
}
div.editable_text:Hover
{
	background-color:#d1d1d1;
}
hr.design_cursor
{
	margin-top: 6px;
	margin-bottom: 6px;
	height: 3px;
	background-color: #337ab7;
}
hr.design_cursor:Hover
{
	cursor: pointer;
	background-color: #286090;
}
hr.design_cursor.selected
{
	background-color: #286090;
}
hr.design_cursor_drop_hover
{
	background-color: Yellow;
	height: 20px;
}
.designer_delete_control_button {
	margin-right: 5px;
}
.designer_move_control_handle {
	cursor:move;
	margin-right: 5px;
}
.designer_edit_control_button {
	margin-right: 5px;
}
.designer_condition_button
{
	border: 0px none #ffffff;
    background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: underline;
    margin-left: 5px;
    margin-right: 5px;
}

.designer_action_button
{
    margin-left: 5px;
    margin-right: 5px;
}

.designer_condition_button:Hover
{
	cursor: pointer;
}
.designer_condition_if, .designer_condition_then
{
	font-weight: bold;
	font-size: 120%;
}
.designer_item_container, .designer_ifcondition_container, .designer_elseifcondition_innercontainer, .designer_elsecondition_innercontainer, 
.designer_addelseifcondition_container, .designer_addelsecondition_container, .designer_addifcondition_container, .designer_page_rule, 
.question_picker_question, .question_editor_control_group, .question_editor_control_group_au, .list_item_editor_item, .page_picker_page
{
	border: 1px solid #c8c8c8;
	padding: 8px;
	margin-top: 8px;
	border-radius: 8px;
	box-shadow: 3px 3px 5px 0px #c8c8c8; 
}
.question_editor_control_group, .question_editor_control_group_au
{
	cursor: pointer;
}
.question_editor_control_group:hover, .question_editor_control_group_au:hover
{
	background-color:  #a9dbf6;
}
.question_editor_control_group_selected
{
	background-color:  #fffcb7;
}
.designer_section_button_container
{
	height: 32px;
}
.designer_richtext_area
{
	margin: 0 auto; 
}
.designer_wait_background_progress
{
	z-index:11000 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.designer_wait_modal_dialog
{
	z-index:11001 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.question_rules_background_progress
{
	z-index:10100 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.question_rules_modal_dialog
{
	z-index:10101 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.decision_variable_picker_modal_dialog_background
{
	z-index:10200 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.decision_variable_picker_modal_dialog
{
	z-index:10201 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.question_picker_modal_dialog_background
{
	z-index:10200 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.question_picker_modal_dialog
{
	z-index:10201 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.lookup_editor_modal_dialog_background
{
	z-index:10100 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.lookup_editor_modal_dialog
{
	z-index:10101 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.designer_action_override_modal_dialog_background
{
	z-index:10200 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.designer_action_override_modal_dialog
{
	z-index:10201 !important; /* these are hardcoded in the AjaxControlToolkit/ModalPopup/ModalPopupBehavior.js */
}
.question_rules_error
{
    color: Red;
}

#QuestionRulesDialog div.question .prompt {
    width: 40%;
    float: left;
    text-align: right;
    margin-right: 10px;
    line-height: 2em;
}

input.designer_rule_name{
    margin-bottom:4px;
}

.designer_mapping_xpath_to_control {
    background-color: #F0F0F0;
    color: black;
}

.designer_mapping_emphasise {
    font-weight: bold;
}

/* --------------------------------- address search styles ------------------------------- */
.address_search_results {
    width: 100%;
}

.address_search_navigation
{
    margin: auto;
    text-align: center;
    padding-top: 10px;
    border-top: 1px solid #000000;
}

.address_search_navigation .button
{
    margin: 2px;
}

.listReset
{
  list-style: none;   
  margin-left: 0px;
}

.mapping_designer_box
{
    border: 1px solid #c8c8c8;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 3px 3px 5px 0px #c8c8c8; 
}
.mapping_designer_box.pages
{
    left: 0;
    width: 250px;
}
.mapping_designer_box.controls
{
    left: 280px;
    width: 250px;
}
.mapping_designer_box.controls.expanded
{
    left: 0;
    width: 250px;
}
.mapping_designer_box.template
{
    left: 560px;
    right: 0;
}
.mapping_designer_box.template.expanded
{
    left: 280px;
    right: 0;
}
.mapping_designer_internal
{
    border: 1px solid #c8c8c8;
	padding: 8px;
	margin-top: 8px;
	border-radius: 8px;
	box-shadow: 3px 3px 5px 0px #c8c8c8; 
	margin-left: 10px;
	word-wrap: break-word;
}

.Mapping ul
{
    margin-left: 0px;
}

.Mapping
{ 
    border: 1px solid #c8c8c8;
	padding: 8px;
	margin-top: 8px;
	border-radius: 8px;
	box-shadow: 3px 3px 5px 0px #c8c8c8; 
	margin-left: 6px;
	list-style: none;
    margin-left: -70px;
    
    padding-right: 35px;
    cursor: pointer;
    background: url(/content/App/Images/ieg4_delete_1.png) no-repeat;
    background-position: right;
    font-weight: bold;
}    

.Mapping ul li
{
    padding-right: 31px;
    list-style: none;
    padding: 8px;
    font-size: small;
    font-weight: normal;
}

.mapping_drag
{
    padding-left: 37px;
    background: url(/content/App/Images/ieg4_move.png);
    background-repeat: no-repeat;
    background-position: 3px;
    cursor: move;
}
.ControlNode ul
{
    list-style: none;
}

 
.highlight
{
    color: Yellow;
    background-color: Blue;
}

.popover {
	max-width: 80%;
}