html,body { font-size: 14px; color: #2f3235; font-family: Arial, Helvetica, sans-serif; padding-bottom: 10px; }
body { min-width: 320px; background-repeat: repeat-x; background-image: url("/images/backgrounds/body_bg.gif"); background-color: #0f3458; }
body.dialog-body { background-image: none; background-color: #ffffff; min-width: 1px; }

/* page container styles */
div.page-container.container { background-repeat: repeat-y; }
body.full-width div.page-container.container { width: auto; }
div.page-container.container.full-width { width: auto; } /* TODO convert all places to use SetFullWidthLayout method */
div.page-container-outer { min-width: 320px; }
@media (max-width: 767px)
{
	div.page-container.container { background-image: url("/images/backgrounds/page-shadow-left.png"); }
	div.page-container-outer { background-image: url("/images/backgrounds/page-shadow-right.png"); background-repeat: repeat-y; background-position: right top; }
}
@media (min-width: 768px) and (max-width: 991px)
{
	div.page-container.container { background-image: url("/images/backgrounds/page-shadow-750.png"); }
}
@media (min-width: 992px) and (max-width: 1199px)
{
	div.page-container.container { background-image: url("/images/backgrounds/page-shadow-970.png"); }
}
@media (min-width: 1200px)
{
	div.page-container.container { background-image: url("/images/backgrounds/page-shadow-1170.png"); }
}

/* header styles */
div.header { background-color: #ffffff; border-bottom: 10px solid #b70051; padding-top: 10px; }
div.header div.logo { margin-bottom: 10px; margin-left: 7px; }
div.header div.logo img { max-height: 117px; }
div.header div.logged-in-message-container { float: right; text-align: right; margin-right: 20px; }
div.header div.logged-in-message { margin-bottom: 20px; }
div.header button.navbar-toggle { border-color: #174a7c; float: right; clear: both; margin-top: -42px; }
div.header button.navbar-toggle .icon-bar { background-color: #174a7c; }
div.header div.navigation.navbar-collapse { padding-left: 0px; padding-right: 0px; }
div.header div.navigation ul.nav { text-align: center; margin-top: 0px; margin-bottom: 0px; border-top: 2px solid #b70051; }
div.header div.navigation ul.nav > li { border-top: 1px solid #b70051; margin-left: 0px; float: none; }
div.header div.navigation ul.nav > li > a { color: #174a7c; text-transform: uppercase; font-size: 16px; padding-top: 7px; padding-bottom: 7px; border-radius: 0px; margin-bottom: 0px; }
@media (min-width: 768px)
{
	div.header div.navigation { margin-top: -37px; }
	div.header div.navigation ul.nav { border-top: none; float: right; background-image: url("/images/backgrounds/navigation-background.png"); background-repeat: repeat-x; }
	div.header div.navigation ul.nav > li { border-top: none; border-left: 1px solid #ffffff; float: left; }
	div.header div.navigation ul.nav > li.first { border-top: none; }
	div.header div.navigation ul.nav > li > a { color: #ffffff; }
	div.header div.navigation ul.nav > li > a:focus, div.header div.navigation ul.nav > li > a:hover { background-color: transparent; background-image: url("/images/backgrounds/navigation-background-hover.png"); background-repeat: repeat-x; }
}
@media (min-width: 768px) and (max-width: 991px)
{
	div.header div.logo { margin-left: 17px; }
	div.header div.logged-in-message-container { margin-right: 30px; }
	div.header div.navigation ul.nav > li > a { padding-left: 30px; padding-right: 30px; }
}
@media (min-width: 992px)
{
	div.header div.logo { margin-left: 27px; }
	div.header div.logged-in-message-container { margin-right: 40px; }
	div.header div.navigation ul.nav > li > a { padding-left: 40px; padding-right: 40px; }
}

/* page content styles */
div.page-content { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 80px; background-color: #ffffff; }
@media (min-width: 768px) and (max-width: 991px)
{
	div.page-content { padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 80px; }
}
@media (min-width: 992px)
{
	div.page-content { padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 80px; }
}

/* footer styles */
div.footer { color: #ffffff; font-size: 12px; padding-left: 20px; padding-right: 20px; background-color: #174a7c; border-top: 10px solid #b70051; padding-top: 20px; padding-bottom: 20px; }
div.footer div.footer-left { margin-bottom: 10px; margin-right: 10px; }
@media (min-width: 768px) and (max-width: 991px)
{
	div.footer { padding-left: 30px; padding-right: 30px; }
}
@media (min-width: 992px)
{
	div.footer { padding-left: 40px; padding-right: 40px; }
}

/* file input styles */
.btn-file { position: relative; overflow: hidden; }
.btn.btn-file.btn-primary { height: 34px; line-height: 34px; padding-left: 12px; padding-right: 10px; }
.btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; cursor: inherit; display: block; }
input.file[readonly] { background-color: white !important; cursor: text !important; }

/* modal styles */
body.modal-open { width: 100%; margin-right: 0px; }
body.modal-open .mce-floatpanel { position: fixed; }
@media (min-width: 768px)
{
	.modal-dialog { width: auto; left: auto; right: auto; padding-top: 30px; padding-bottom: 30px; }
}
@media (min-width: 850px)
{
	.modal-dialog { width: 830px; }
}
div.modal-content { border-radius: 0px; }
div.modal-header { border-bottom: none; }
div.modal-header h4 { font-size: 24px; color: #b70051; }
div.modal-header button.close { margin-top: -29px; margin-right: -28px; opacity: 1; filter: alpha(opacity=100); }
div.modal-header button.close:hover, div.admin button.close:focus { opacity: 1; filter: alpha(opacity=100); }
iframe.dialog-iframe { width: 100%; height: 0px; overflow: hidden; background-color: #f1f3f4; }

.modal-backdrop.in { opacity: 0.75; }

/* general styles */
h1 { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 30px; font-size: 32px; color: #b70051; font-weight: normal; text-transform: uppercase; }
h2 { padding-top: 0px; padding-bottom: 0px; margin-top: 60px; margin-bottom: 20px; font-size: 24px; color: #b70051; font-weight: normal; }
h2.first { margin-top: 0px; }
@media (min-width: 768px)
{
	h2.first-sm { margin-top: 0px; }
}
h3 { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 20px; font-size: 20px; color: #174A7C; font-weight: normal; }

.quick-links { margin-bottom: 30px; margin-top: -30px; }

.number-value { text-align: right; }
input.placeholder, textarea.placeholder { color: #aaa; }
span.alert { display: block; }
.alert { border-radius: 0px;margin-top: 10px;  margin-bottom: 0px; }
.buttons .alert { margin-top: 0px; margin-bottom: 10px; }

a, a:link, a:visited, a:active  { color: #b70051; text-decoration: none; }
a:hover { color:#b70051; text-decoration: underline; }
a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:active  { color: #ffffff; text-decoration: none; }
a.whitelink:hover { color:#b70051; text-decoration: underline; }
a img { border: none; }

.note { font-size: smaller; }
.orange-note { color: #ffc107; }
.green-note { color: #28a745; }
.red-note { color: #dc3545; }
.readonly-textbox.red-note { color: #a94442; }

i.fa.fa-times { color: #dc3545; font-size: 20px; }

ol.lower-alpha { list-style-type: lower-alpha; }
ol.lower-alpha > li { counter-increment: list; padding-left: 5px; }
ol.lower-alpha > li::marker { content: "(" counter(list, lower-alpha) ") "; }
li label { display: inline; }

/* button styles */
.btn.prevent-loading {}

.btn.btn-primary { padding: 0px; height: 42px; background-color: transparent; border: none; background-image: url("/images/backgrounds/button-background.png"); background-repeat: repeat-x; line-height: 42px; }
.btn.btn-primary > span { display: block; font-size: 18px; color: #ffffff; background-image: url("/images/backgrounds/button-arrow.png"); background-repeat: no-repeat; background-position: right 9px; padding-left: 40px; padding-right: 81px; }
.btn.btn-primary:focus, .btn.btn-primary:hover { background-image: url("/images/backgrounds/button-background-hover.png"); }
.btn.btn-primary:focus > span, .btn.btn-primary:hover > span { background-image: url("/images/backgrounds/button-arrow-hover.png"); }

.btn.btn-default { padding-top: 0px; padding-bottom: 0px; height: 42px; background-color: transparent; border: none; background-image: url("/images/backgrounds/button-background.png"); background-repeat: repeat-x; font-size: 18px; color: #ffffff; line-height: 42px; padding-left: 40px; padding-right: 40px; }
.btn.btn-default:focus, .btn.btn-default:hover { background-image: url("/images/backgrounds/button-background-hover.png"); color: #ffffff; }

.btn.btn-sm.btn-default { height: 34px; padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 34px; background-image: url("/images/backgrounds/button-small-background.png"); }
.btn.btn-sm.btn-default:focus, .btn.btn-sm.btn-default:hover { height: 34px; padding-left: 20px; padding-right: 20px; font-size: 14px; line-height: 34px; background-image: url("/images/backgrounds/button-small-background-hover.png"); }

.btn.btn-xs.btn-default { height: 24px; padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 24px; background-image: url("/images/backgrounds/button-small-background.png"); }
.btn.btn-xs.btn-default:focus, .btn.btn-xs.btn-default:hover { height: 24px; padding-left: 10px; padding-right: 10px; font-size: 14px; line-height: 24px; background-image: url("/images/backgrounds/button-small-background-hover.png"); }

.btn.dropdown-toggle { background-color: #ffffff; border: 1px solid #cccccc; padding-right: 8px; border-radius: 0px; }
div.input-group-btn ul.dropdown-menu { margin-top: -1px; border-radius: 0px; padding-top: 0px; padding-bottom: 0px; }
div.input-group-btn ul.dropdown-menu li a:focus,
div.input-group-btn ul.dropdown-menu li a:hover { background-color: #eeeeee; }

/* form styles */
.form-group { padding-bottom: 20px; margin-bottom: 0px; }
.form-group.buttons { padding-top: 40px; }
.form-group.buttons.action-buttons-container { padding-top: 0px; padding-bottom: 0px; }
.form-group.buttons.action-buttons-container div.group-of-buttons { padding-top: 20px; }
.form-group.buttons.action-buttons-container div.group-of-buttons.first { padding-top: 0px; }
.buttons .btn { margin-bottom: 20px; margin-right: 20px; }
@media (min-width: 768px)
{
	.application-details-form .buttons .btn { min-width: 660px; }
	.application-details-form .buttons .btn.short-button { min-width: 320px; }
	.application-details-form .buttons .btn.btn-sm { min-width: 320px; }
	.application-details-form .buttons .btn.btn-sm.long-button { min-width: 660px; }
}
.form-control { border-radius: 0px; }
.form-control.form-control-sm { height: 24px; padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; line-height: auto; font-size: 12px; }
.form-horizontal .control-label { text-align: left; }
.control-label.not-bold { font-weight: normal; }
.readonly-textbox, pre { padding: 6px 12px; display: block; border: 1px solid #cccccc; background-color: #eeeeee; color: #555555; min-height: 34px; margin-bottom: 0px; border-radius: 0px; }
.readonly-textbox.textarea { min-height: 71px; }
.input-group-addon { border-radius: 0px; }
.input-group.align-right { margin-left: auto; margin-right: 0px; }
.input-group .readonly-textbox { min-width: 196px; }
p.help-block { margin-top: 5px; margin-bottom: 0px; }
.help-block { font-size: 12px; }
.has-error .help-block { color: #737373; }
.heading-3 { font-size: 16px; margin-top: 20px; }
.heading-3.first { margin-top: 0px; }

.readonly-textbox ul { padding-left: 15px; margin-bottom: 0px; margin-top: 5px; }
.readonly-textbox ul li { padding-bottom: 5px; }

input.loading, textarea.loading { background-image: url("/images/loading-margin-right-12.gif"); background-repeat: no-repeat; background-position: right 6px; }

.ui-datepicker { z-index: 9999 !important; }
.ui-datepicker .ui-datepicker-title select { color: #2f3235; }

div.readonly, tr.readonly { color: #aaaaaa; }

div.indented { padding-left: 50px; }
div.more-questions { padding-bottom: 20px; }

.prettycheckbox label, .prettyradio label { font-weight: normal; margin-left: 0px; padding-left: 3px; }
.radio-button-container { height: 30px; }
.prettycheckbox td.checkable-label-cell, .prettyradio td.checkable-label-cell { padding-right: 20px; }
.prettycheckbox td.checkable-label-cell.empty, .prettyradio td.checkable-label-cell.empty { padding-right: 0px; }
.prettycheckbox-centre .checkable-container table { margin-left: auto; margin-right: auto; }

input.loading { background-image: url("/images/loading-margin-right-28.gif"); background-repeat: no-repeat; background-position: right center; }
input.loading.number-value { background-image: url("/images/loading.gif"); background-position: 12px center; }
select.loading { background-image: url("/images/loading-margin-right-56.gif"); background-repeat: no-repeat; background-position: right center; }
h2.loading span { background-image: url("/images/loading.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 26px; }

.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-top-0 { margin-top: 0px; }

/* dashboard styles */
.dashboard .product { }
.dashboard .product-icon { margin-bottom: 20px; }
@media (min-width: 768px)
{
	.dashboard .product-icon { text-align: center; margin-bottom: 0px; }
}
.dashboard h2.product-name { line-height: 42px; font-size: 20px; color: #ffffff; background-image: url("/images/backgrounds/product-background-right.png"); background-repeat: no-repeat; background-position: right bottom; margin-bottom: 20px; padding-right: 22px; }
.dashboard h2.product-name span { display: block; padding-left: 20px; background-image: url("/images/backgrounds/product-background.png"); }
.dashboard ul { margin-left: 0px; padding: 0px; list-style: none; }
.dashboard ul li { margin: 0px; padding-left: 41px; line-height: 24px; background: #ffffff url("/images/icons/icon-bullet.png") no-repeat; padding-bottom: 10px; }

/* search controls styles */
div.search-controls { border: 2px solid #cccccc; display: none; margin-bottom: 20px; }
div.search-controls-inner { padding: 20px; }

/* datagrid styles */
table.pagination-table { width: 100%; margin-bottom: 5px; }
table.pagination-table td { vertical-align: bottom; }
table.pagination-table div.pagination-buttons { padding-top: 5px; }
@media (min-width: 768px)
{
	table.pagination-table div.pagination-total-rows { float: left; }
	table.pagination-table div.pagination-buttons { float: left; padding-top: 10px; padding-left: 15px; }
}

table.data-grid { width: 100%; }
table.data-grid thead th { background-color: #174A7C; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; text-align: left; vertical-align: top; border-left: 1px solid #ffffff; }
table.data-grid thead th.first { border-left: none; }
table.data-grid thead .help-block { color: #ffffff; }
table.data-grid tbody tr.hover { background-color: #eeeeee; }
table.data-grid tbody tr.clickable { cursor: pointer; }
table.data-grid tbody td { border-bottom: 1px solid #cccccc; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; vertical-align: top; }
table.data-grid tbody tr.validation-row td { vertical-align: top; }
table.data-grid tfoot td { background-color: #174A7C; padding: 0px; }
table.data-grid tfoot td div { height: 2px; }
table.data-grid .form-group { padding-bottom: 0px; }
table.data-grid tbody tr.total td { font-weight: bold; }

table.data-grid td.label-cell { background-color: #eeeeee; color: #555555; border-bottom: solid 1px #ffffff; }

table.data-grid td.label-cell.merged-cell { display: none; }
table.data-grid tr.master-row { border-top: solid 2px #174A7C; }
table.data-grid tr.master-row.first { border-top: none }

/* datagrid inner table styles */
table.data-grid table tr td { border-bottom: none; padding: 0px; }
table.data-grid table.data-grid tbody tr td { border-bottom: 1px solid #cccccc; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }

table.data-grid tbody tr.different-policy td { border-top: 2px solid #174A7C; }
table.data-grid tbody tr.different-policy table tr td { border-top: none; }
table.data-grid tr.click-to-show-additional-rows td,
table.data-grid tr.click-to-hide-additional-rows td { padding-top: 5px; padding-bottom: 5px; cursor: pointer; }

/* premium table styles */
table.premium-table { font-size: 16px; }
table.premium-table td.label-cell { padding-left: 10px; padding-right: 10px; }
table.premium-table td.dollar { padding-left: 10px; padding-right: 10px; }
table.premium-table td.amount { text-align: right; padding-right: 10px; }
table.premium-table td.total { border-top: 1px solid #cccccc; border-bottom: 3px double #cccccc; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }

/* anzsic codes auto complete */
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; z-index: 2000; }
.ui-autocomplete-anzsic-division { font-weight: bold; margin-top: 10px; }
.ui-autocomplete-anzsic-division.first { margin-top: 0px; }
.ui-autocomplete-menu-item-error { padding: 3px 1em 3px .4em; }
.ui-autocomplete { font-size: 14px; color: #2f3235; font-family: Arial, Helvetica, sans-serif; }
.ui-autocomplete a,
.ui-autocomplete a:link,
.ui-autocomplete a:visited,
.ui-autocomplete a:focus,
.ui-autocomplete a:hover { color: #2f3235; }
.ui-autocomplete.ui-corner-all,
.ui-autocomplete .ui-corner-all { border-radius: 0px; }
.ui-autocomplete .ui-state-focus { font-weight: normal; }
.highlight { background-color: yellow; color: red; }

.todo { display: none; }
.todo-red { color: Red; }

div.page-loading-overlay-backdrop { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999998; }
div.page-loading-overlay { position: fixed; top: 40%; left: 50%; width: 200px; margin-left: -100px; margin-top: -30px; padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #ffffff; z-index: 99999999; border: 2px solid #174A7C; }

div.tooltip.in { opacity: 1; }
div.tooltip { font-size: 14px; color: #2f3235; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
div.tooltip-inner { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; text-align: left; background-color: #ffffff; border: 2px solid #174A7C; color: #2f3235; max-width: 300px; }
.tooltip.top .tooltip-arrow { border-top-color: #174A7C; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #174A7C; }
.tooltip.left .tooltip-arrow { border-left-color: #174A7C; }
.tooltip.right .tooltip-arrow { border-right-color: #174A7C; }

.tooltip-element { color: #b70051; }

div.tooltip-styling { font-size: 14px; color: #2f3235; font-family: Arial, Helvetica, sans-serif; }
div.tooltip-styling ul { padding-left: 20px; }

a.image-selection-button { display: block; border: 5px solid #164a7c; cursor: pointer; border-radius: 5px; text-decoration: none; color: #2f3235; padding: 15px; text-align: center; }
a.image-selection-button span { display: block; font-weight: bold; padding-top: 10px; }
a.image-selection-button:focus, .image-selection-button:hover { background-color: #eeeeee; }
a.image-selection-button.selected { border: 5px solid #b70051; background-color: #dddddd; color: #b70051; }
a.image-selection-button img { width: 100%; max-width: 150px; }

.interim-calculations.interim-calculations-hidden { display: none; }

a.email-domain-link { cursor: pointer; }
a.loading-direction-link { cursor: pointer; }

table.policies-grid label.control-label { font-weight: normal; }
@media (min-width: 1200px)
{
	table.policies-grid td.policy-cell { width: 220px; }
	table.policies-grid td.insured-name-column { max-width: 500px; }
}
table.policies-grid td.reversed { text-decoration: line-through; }

table.policies-grid tr.deleted { text-decoration: line-through; opacity: 0.5; }

.hover-pointer:hover { cursor: pointer; background-color:#f9f9f9 }

.original-value-overriden { 	text-decoration: line-through; }
.override-value { color: red; }

.section-label { display: inline-block; min-width: 15px; }

.delete-button-disabled .delete-button-column { display: none; }

/* side menu on app details */
.side-menu-div { position: fixed; left :0; top: 0; bottom: 0; width: 270px; z-index: 999; background-color: #0f3458; padding-top: 10px; overflow: hidden; }

@media (min-width: 1720px) { .side-menu-div { width: 280px; } }
@media (min-width: 1740px) { .side-menu-div { width: 290px; } }
@media (min-width: 1760px) { .side-menu-div { width: 300px; } }
@media (min-width: 1780px) { .side-menu-div { width: 310px; } }
@media (min-width: 1800px) { .side-menu-div { width: 320px; } }

.side-menu-div ul { padding: 0; list-style-position: outside; margin-right: 20px; }
.side-menu-div li { margin-left: 5px; padding-left: 10px; list-style-type: none; }
.side-menu-div li:has(a.side-menu-link-1) { border-bottom: 2px solid #b70051; margin-bottom: 10px; }
.side-menu-div li:has(a.side-menu-link-2) { margin-top: 5px; }

.side-menu-div a { padding: 0 0 0 5px; border-left: 2px solid transparent; display:block }
.side-menu-div a.side-menu-active { font-weight: bold; border-left: 2px solid white; }
.side-menu-div a.side-menu-link-1.side-menu-active { border-left: 2px solid transparent; }

.side-menu-div a.side-menu-link-1 { color: white; font-size: 120%; padding-right: 16px; padding-bottom: 10px; font-weight: bold; }
.side-menu-div a.side-menu-link-2 { color: white; }
.side-menu-div a.side-menu-link-3 { color: white; }

a.side-menu-button { color: white; background-color: #0f3458; font-size: 24px; border: none; cursor: pointer; width: 50px; height: 50px; text-align: center; padding-top: 11px; transition: opacity 200ms; }
a.side-menu-button:focus, a.side-menu-button:hover { opacity: 0.8; }
.side-menu-div a.side-menu-button.close-side-menu { position: absolute; top: -12px; right: -5px; background-color: transparent; }
body a.side-menu-button.open-side-menu { position: fixed; top: -5px; left: 0; display: none; z-index: 1000; padding-bottom: 0; }

/* change default jstree icons */
.jstree-organisation, .jstree-brokerage { position: relative; }
.jstree-organisation:before, .jstree-brokerage:before { font-family: FontAwesome; left: 3px; top: 9px; position: absolute; font-style: normal; font-weight: normal; font-size: 160%; }
.jstree-organisation:before {
    content: "\f19c"; /* fa-institution */
    color: #b70051; }

.jstree-brokerage:before {
   content: "\f1ad"; /* fa-building */
   color: #174a7c;
}

.jstree-default a.jstree-anchor { height: auto; padding: 5px 15px 0 15px; border-radius: 5px; margin-top: 5px; min-width: 300px; }
.jstree-default a.jstree-anchor.organisation-link { border: 1px solid #b70051; font-weight: bold; }
.jstree-default a.jstree-anchor.brokerage-link { border: 1px solid #174a7c; }
a.brokerage-link[aria-level="2"] { font-weight: bold; }

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { margin-top: 15px; }
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { margin-top: 15px; }

i.jstree-icon.jstree-organisation { margin-right: 12px; }
i.jstree-icon.jstree-brokerage { margin-right: 8px; }

.jstree-container-ul > li > i.jstree-ocl { background: none; }
ul.jstree-container-ul { margin-left: -24px; }

a.jstree-anchor:after { content: attr(data-address); color: grey; display: block; font-size: 85%; font-weight: normal; margin-left: 32px; position: relative; top: -5px; }
a.organisation-link:after { margin-left: 36px; }

/* dynamic question styles */
div.question-div .auto-label.control-label { font-weight: bold; }
div.subquestion-div .auto-label.control-label { font-weight: normal; }
p.help-block.auto-notes { margin-top: 10px; margin-bottom: 0px; }
div.employmentcategorycountbpp-question-div { padding-bottom: 20px; }

div.number-question-div div.input-group { width: 33%; }
div.date-question-div div.input-group { width: 33%; }

div.group-question-div div.form-group { padding-bottom: 0px; }
div.group-question-div div.form-group label { padding-bottom: 10px; }

div.col-sm-4 div.number-question-div div.input-group { width: 100%; }
div.col-sm-4 div.date-question-div div.input-group { width: 100%; }

div.group-items { padding: 5px; }
li.group-item[data-dependent-item] { counter-increment: none; list-style-type: none; }
ol.lower-alpha > li.group-item[data-dependent-item]::marker { content: ""; }

.total-employees { font-weight: bold; text-align: right; }
.data-grid.employee-category-counts .alert { padding: 5px; text-align: center; }
.data-grid.employee-category-counts { background-color: white; margin-bottom: 10px; }

/* minimise movement during setup */
[class^="show-no-country"], [class^="show-australia"], [class^="show-new-zealand"] { display: none; }
input[type='radio']:before { width: 15px; height: 15px; top: 0; left: 0; position: relative; background-color: white; content: ''; display: inline-block; visibility: visible; border: 2px solid white; }

i.refer-on-yes { color:orange; margin-right: 4px; }

span.sortable-handle { padding-left: 10px; padding-right: 10px; text-align: center; display: inline-block; width: 100%; cursor: grab; font-size: 18px; }

/* FlatOrPercentageLoadingControl */
div.flat-or-percentage.loading-direction-div > div.input-group { margin-bottom: 10px;  }
.value-cell.align-right div.flat-or-percentage.loading-direction-div > div.input-group { margin-left: auto; margin-right: 0px; }
div.flat-or-percentage.loading-direction-div button.dropdown-toggle { background-color: #eeeeee; }
div.flat-or-percentage.loading-direction-div div.modal-content { text-align: left; }
div.flat-or-percentage.loading-direction-div div.modal-content div.input-group { max-width: 100%; }

tr.auto-deductible-removed div { text-decoration: line-through; }
tr.auto-deductible-removed div.effective-note { text-decoration: none; }

/* override markdown editor styles - misleading in most cases due to limited options */
.CodeMirror span.cm-strong,
.CodeMirror span.cm-em,
.CodeMirror span.cm-link,
.CodeMirror span.cm-header,
.CodeMirror span[class^="cm-"] { font-weight: inherit; font-style: inherit; text-decoration: none; color: inherit; background: none; }
.CodeMirror .CodeMirror-line,
#htmlPreviewDiv,
div.endorsements-text,
div.special-conditions { word-break: break-word; }
div.editor-statusbar span.cursor { display: none; }

/* seems necessary for scroll and full screen to work */
.content-markdown-editor-control-container .CodeMirror, .content-markdown-editor-control-container .CodeMirror-scroll {
  min-height: 200px !important;
}

.content-markdown-editor-control-container .CodeMirror {
  height: 400px !important;
  max-height: 400px !important;
}

.content-markdown-editor-control-container .CodeMirror.CodeMirror-fullscreen {
  height: 100% !important;
  max-height: 100% !important;
}

a.collapse-toggle { margin-left: 10px; }