html {
    min-width: fit-content;
}

body {
	margin:	0px;
    background:var(--page-background);
}

body.questionnaire {
    background:var(--questionnaire-page-background);
}

 body.page-layout-full {
 	overflow: hidden !Important;
}

body, table td, textarea, select, .gwt-Button  {
	font-family: var(--page-font-family);
    font-size: var(--page-font-size);
}

.floatRight {
    float: right;
    
}

textArea {
	height: 140px;
}

.highlightField {
	font-weight: bold;
}

#page-header-content, 
#page-footer-content, 
#main-content, 
#environmentInformation-content {
    margin-top: 0px;
    margin-bottom: 0px;
}

#page-header-content, 
#page-footer-content, 
#environmentInformation-content {
	min-width: var(--page-width, inherit);
	padding-left: 10px;
    padding-right: 10px;
}

body.questionnaire #page-header-content, 
.page-layout-full #page-footer-content, 
.page-layout-full #environmentInformation-content {
	min-width: auto;
}

.page-layout-normal #environmentInformation-content {
	width: var(--page-width, inherit);
	margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}


.page-layout-normal #main-content {
	width: var(--page-width, inherit);
	margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-padding-left);
    padding-right: var(--page-padding-right);
    padding-top: var(--page-padding-top);
    padding-bottom: var(--page-padding-bottom);
    background: var(--page-layout-main-background);
}


.page-layout-normal #page-footer-content {
	width: var(--page-width, inherit);
	margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-footer-padding-left);
    padding-right: var(--page-footer-padding-right);
    padding-top: var(--page-footer-padding-top);
    padding-bottom: var(--page-footer-padding-bottom);
}


.page-layout-normal #page-header-content {
	width: var(--page-width, inherit);
	margin-left: auto;
    margin-right: auto;
    padding-left: var(--page-header-padding-left);
    padding-right: var(--page-header-padding-right);
    padding-top: var(--page-header-padding-top);
    padding-bottom: var(--page-header-padding-bottom);
}


#environmentInformation {
	display: var(--environmentInformation-display);
	background: var(--component-bg-color-1);
}

#environmentInformation-content {
	color: var(--component-color-1);
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#environmentTitle {
	float:left;	
}

#debugModeLauncher {
	float:right;
}

#debugModeLauncher a:hover,
#debugModeLauncher a.debugModeIndicator {
	color: #0eb10e;
}

#debugModeLauncher a.debugModeIndicator:hover {
	color: inherit;
}


#debugModeLauncher a {
	text-decoration: none;
	color: var(--component-color-1);
}

.debugMode {
	display:none;
}

img.w-dg-launchImage {
	cursor: pointer;
	position: absolute;
	left: inherit !important;
    right: 164px !important;
    top: 0px !important;
    margin-top: 5px;
    z-index: 200;
}

#page-header {
	background: var(--page-header-background-extended);
	border-bottom: var(--page-header-border-extended);
}

#page-header-content {
    height: 85px;
	background: var(--page-header-background);
	border-bottom: var(--page-header-border);
}


#page-header-primary-logo {
    background-image: var(--header-logo-url);
	background-repeat: var(--header-logo-background-repeat);
    width: var(--header-logo-width);
    height: var(--header-logo-height);
	padding: var(--header-logo-padding);
	margin: var(--header-logo-margin);
	float:left;
}


#page-header-secondary-logo {
    background-image: var(--header-secondary-logo-url);
	background-repeat: var(--header-secondary-logo-background-repeat);
    width: var(--header-secondary-logo-width);
    height: var(--header-secondary-logo-height);
	padding: var(--header-secondary-logo-padding);
	margin: var(--header-secondary-logo-margin);
	display: var(--header-secondary-logo-display);
	position: var(--header-secondary-logo-position);
	float: var(--header-secondary-logo-float);
	filter: var(--header-secondary-logo-filter);
}

#page-header-information {
	float: var(--page-header-float);
	padding-right:5px;	
}

#page-header-username {
	padding-top: 17px;
	color: var(--page-header-color);
	text-align: var(--page-header-alignment);
	min-height: 16px;
}

#page-header-homebar {
	padding-top: 17px;
}

#page-header-homebar a {
	color: var(--page-header-link-color);
	font-size: var(--page-header-link-fontSize);
	font-weight: var(--page-header-link-fontWight);
	text-decoration:none;
	margin-left: 30px;
}

#page-header-homebar a:hover {
	color: var(--page-header-link-hover-color);
	background: var(--page-header-link-hover-background);
	text-decoration: var(--page-header-link-hover-decoration);
	border-bottom : var(--page-header-link-hover-border);
}

#page-header-homebar .homebar {
	float: var(--page-header-float);
	text-align: var(--page-header-alignment);
}


#main {
	background: var(--page-main-background-extended);
    min-height: 400px;
}

.page-layout-normal #main {
	padding-top: var(--page-layout-normal-padding-top);
	padding-bottom: var(--page-layout-normal-padding-bottom);
	padding-left: var(--page-layout-normal-padding-left);
	padding-right:var(--page-layout-normal-padding-right);
} 

#main-content {
	background: var(--page-main-background);
	line-height: 23px;
	min-height: 400px;
}

#main-content a {
	color:var(--page-main-link-color);
	text-decoration: none;
}

#main-content .gwt-HTML a {
	color: var(--label-link-color);
}

#main-content .ui-tabs-active a {
	color: var(--grid-title-color);
}

#main-content  .cls-datagrid__container  a,
#main-content  .cls-datagrid__container .MuiBox-root a{
	color:var(--theme-label-color);
}

#main-content  .cls-datagrid__container a:hover,
#main-content  .cls-datagrid__container .MuiBox-root a:hover{
	color:var(--page-main-link-color);
}

#main-content a:hover {
	text-decoration: underline;
	color: var(--page-main-link-hover-color);
}



#page-footer {
	color:var(--page-footer-color);
	background: var(--page-footer-background-extended);
	border-top: var(--page-footer-border-extended);
	font-size: var(--page-footer-font-size);
	height: 70px;
}

#page-footer a {
	color:var(--page-footer-link-color);
}


#page-footer-content {
	background: var(--page-footer-background);
	border-top: var(--page-footer-border);
    height: 70px;
}


#page-footer-copyright  {
	float:left;
	padding-top:26px;
}

#page-footer-copyright a {
	text-decoration:none;
}

#page-footer-copyright a:hover {
	text-decoration:none;
}

#page-footer-logo  {
	float:right;
	padding-top: 24px;
}

#page-footer-logo img {
	width: 100px;
    opacity: 0.5;
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}

img#alternativeFooterLogo {
	width: var(--page-footer-alternativeLogo-width);
	opacity: 1;
	filter: none;
	margin-top: -18px;
}

#page-footer-logo img:hover {
	width: 100px;
    opacity: 1.0;
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
}

img#alternativeFooterLogo:hover {
	width: var(--page-footer-alternativeLogo-width);
    opacity: 1.0;
	filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
}

#page-footer-logo img.logo {
	filter: var(--page-footer-logo-filter);
}

#documentPackNameMatterPage {
	font-size: 1.6rem;
	color: var(--heading-label-color);
	padding-bottom: 12px;
}
 


/* COMPONENTS */

.gwt-TabPanelBottom {
    border-style: none;
    padding-right:0px;
    padding-left: 5px;
    padding-top: 11px;
}

.w-g {
    border-color: var(--component-bg-color-1);
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-collapse: collapse;
    width: 100%;
}

.w-g td.w-g-message {
    padding: 10px;
    text-align: center;
}

.w-g-title {
	margin-top: 15px;
	padding: 1px 5px 0px 20px;
	background: var(--component-bg-color-1);
	color: var(--component-color-1);
}

table.w-g-title b {
	color: var(--component-color-1);
}

.w-g-title .w-g-title-label {
    margin-right: 10px;
	padding: 0px;
	color: var(--grid-title-color);
	padding-bottom: 7px;
	padding-top: 7px;
}

.w-g-title .w-lb-inline {
	margin-top: 4px;
}


.w-gf {
	border-top:1px solid #aaa;
}

.w-gf .w-fl-holder, .w-gf .gwt-HTML {
	width:inherit;
	font-weight:bold;	
}

.w-g-data-cell .w-fl-holder {
	width: inherit;
}

.w-fl-holder {
	width: 385px;
	margin-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
}

.overriderLabelWidth .w-fl-holder, .overriderLabelWidth .w-cl-panel .w-fl-holder, .overriderLabelWidth .w-cl-panel .w-fl {
	width: inherit;
}

.w-g-surround {
	width: 100%;
	margin-bottom: 6px;
	max-width: 1000px;
}

.gwt-HTML.w-g-header-cell-title {
	padding-left: 4px;
}

.w-g-title .w-g-header-cell-title .w-fl-holder {
	max-width: 500px;
}

.w-g-title .w-fl-holder {
	width: inherit;
	padding-right: 2px;
}

.w-g-title-action div.w-help-symbol {
	margin-top: 7px;
}

.w-gf td {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	background:#fafafa;
}

.w-gf td td {
	padding:inherit;
	border:inherit;
}


.w-g-header-cell {
	background: var(--component-bg-color-2);
	color: var(--component-color-2);
}

.w-application .w-g-header-cell,
.w-g .w-g-header-cell {
	padding: 10px 5px;
	vertical-align:top;
}

.w-g-title .w-g-header-cell-title {
	padding: 8px 0px;
    min-height: 50px;
}

.w-g-title-label .w-fl {
    font-size: 1.05rem;
    font-weight: bold;
    color: var(--grid-title-color);
}

.w-g-title-action {
    min-width: 365px;
    padding-right: 15px;
}


.w-g-title-action td .floatRight {
	margin-right: 10px;
}

.cls-datagrid-headToolbarContainer .w-fl {
	color: var(--grid-title-color);
}

.w-g-title-action .w-fl {
	color: var(--grid-title-color);
}

.w-g-title-action .w-fl-holder {
	padding: 0px 0px 7px 0px;
}

.w-g-title-action a, #main-content .w-g-title-action a {
	color: var(--grid-title-color);
}

.MuiTableFooter-root {
	background: var(--component-bg-color-3);
}

.MuiTableFooter-root .MuiTableCell-footer {
	padding:0px;
}

#precedentTable .eCVxnY {
	display: none;
}


/* TODO: Resolve filter styling over the next 3 styles */
.cxixqK.MuiTableRow-hover:hover {
	cursor:pointer;
    background-color: var(--component-bg-hover);
}

.cls-datagrid__container .is-filtering {
    background-color: var(--component-bg-filtered);
}

.igieFK:hover, .igieFK.Mui-focusVisible {
    background-color: var(--component-bg-color-1);
    color: var(--component-color-1);
}

.MuiTableRow-head {
	background-color: var(--component-bg-color-3);
    color: var(--component-color-3);
}

.cls-datagrid__container .w-g-header-cell-title {
    padding: 9px 8px 8px 8px;
}



#main-content .w-g-header-cell-title .MuiBox-root a{
	font-weight: bold;
	color: var(--grid-title-link-color);
}

#main-content .w-g-header-cell-title .MuiBox-root a:hover{
	color: var(--grid-title-link-hover-color);
}

td.w-g-data-cell {
    border-top: #DDD 1px solid;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
}

.w-g-data-cell a
{
	padding-right: 20px;
}

/* Tree */
#main-content .MuiBox-root a {
	color:var(--page-main-link-color);
	font-size: var(--page-font-size);
}

#main-content .MuiBox-root a:hover {
	text-decoration:none;
}

.MuiBox-root a svg {
	color: #c3b61d;
}

#main-content .MuiTreeItem-label {
	margin:5px;
}

/* Grid */
.cls-datagrid__columns--count {
	background: var(--grid-headings-background);
}

.enXTpa.MuiTableRow-hover:hover {
	background: var(--grid-hover);
}




#nonProductionWarning {
    border: #ccc 1px solid;
    padding: 10px 20px;
    margin-top: 15px;
}

#w-application-holder {
	min-height:300px;
	background: var(--page-main-background-extended);
}

#loadingApplicationPadding {
	padding: 130px 0px;
}

#loadingApplication
{
	background: #eee;
	width:470px;
	margin:0px auto;
	padding:20px;
}


#loadingApplicationMessage
{
	vertical-align: super;
	color: var(--component-color-2);
	font-size: 18pt;
    padding-left: 8px;
}

#loadingInformationMessage
{
	margin-top			:	15px;
	width				:	450px;	
}

#questionnaireWarningMessage {
    border: 2px solid #ccd0ff;
    padding: 8px;
    text-align: center;
    color: #1f1f2d;
}


.recoveryLink {
    display: list-item;
	list-style: inside;
	margin: 10px;
}

.renderErrorMessage {
    background: rgb(253, 237, 237);
   	color: rgb(95, 33, 32);
   	padding: 14px 16px 14px 30px;
   	margin: 10px 0px;
}

/*
================= MANAGEMENT INFO ========================
*/

.reportBody {
	position:absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.reportBody:after {
	content:'';
	position:fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: #EEE;
	z-index:5;
}

.reportContainer {
	position:absolute;
	left: 0px;
	width: 99%;
	top: 0px;
	z-index:7;
    padding-top: 70px;
}

.reportTopnav {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 10;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.8);
	margin-left: auto;
	margin-right: auto;
}

.w-container.reportTopnavlink {
	padding-top: 5px;
	padding-bottom: 10px;
}

.reportSearchPanel {
	width: 1200px;
	font-size: 25px;
	color: #FFF;
}

.reportSearchPanel td {
	color: white;
}

/*
================= GWT ========================
*/

input[type=password], input[type=username], input[type=text] {
    border: var(--input-border);
	background-color: var(--input-background);
    height: 30px;
    text-indent: 5px;
    margin-bottom: 1px;
    font-size: 12pt;
}

input:active, input:focus, 
textarea:active, textarea:focus, 
select:active, select:focus {
    outline-color: var(--input-active-color);
}

.w-fl, .gwt-ListBox, .gwt-TextBox, .gwt-TextArea {
	color: var(--label-color);
}

.w-fl-holder {
    margin-right: 10px;
	padding-top: 10px;
    padding-bottom: 7px;
}

.gwt-TextArea {
    text-indent: 0px;
    padding: 5px;
}

.gwt-ListBox, .gwt-TextArea, select.gwt-ListBox {
    height: 30px;
    min-width: 60px;
    border: var(--input-border);
	background-color: var(--input-background);
}

.gwt-TextArea, select.gwt-ListBox, .gwt-TextBox {
	border: var(--input-border);
	background-color: var(--input-background);
	font-weight: var(--input-font-weight);
}

.gwt-TextArea, input.gwt-TextBox {
	border-left-width: var(--text-input-border-left-width);
	border-radius: var(--text-input-border-radius);
}

.gwt-TabPanel .gwt-ListBox, .gwt-TabPanel .gwt-TextBox, .gwt-TabPanel .gwt-Button {
	margin-right: 5px;
}


.gwt-TabPanel .gwt-TextBox.hasDatePicker {
	margin-right: 0px;
}


.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;    
	background: #fff;
    border: 1px solid #d3d3d3;
}

.ui-datepicker .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #FFF;
    color: #555;	
}

.ui-datepicker .ui-state-highlight {
	border: 1px solid #111;
    cursor: inherit !Important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background: #e4f5f4;
    color: #353535;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
	opacity: .35;
}

.ui-datepicker .ui-state-active {
    background: var(--nav-link-selected-bg);
    color: var(--nav-link-selected-color, var(--nav-link-color));
}

.ui-datepicker .ui-datepicker-header {
	background-color: var(--bg-1);
	position: relative;
	padding: 9px 0;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}

.ui-datepicker td {
	border: 0;
	padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
	border-top: 1px solid #ddd;
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	width:16px;
	height:16px;
	top: 12px;
	filter: invert(78%) sepia(18%) saturate(627%) hue-rotate(196deg) brightness(97%) contrast(96%);
}


body.date-box-hack .reportSearchPanel input[type=text] {
	border: inherit;
	background-color: var(--datebox-text-background);
	height: inherit;
	text-indent: inherit;
	margin-bottom: inherit;
	font-size: var(--datebox-text-size);
}

body.date-box-hack .ui-datepicker .ui-datepicker-prev, 
body.date-box-hack .ui-datepicker .ui-datepicker-next {
	border: none;
}

body.date-box-hack .ui-datepicker .ui-datepicker-prev .ui-icon, 
body.date-box-hack .ui-datepicker .ui-datepicker-next .ui-icon{
	background: none;
}

body.date-box-hack .ui-datepicker .ui-datepicker-prev {
    background: url('/resources/v_2_base/css/images/arrow-ios-back_1-57b86008b482d5aa237b0ecf46940b80.svg');
} 

body.date-box-hack .ui-datepicker .ui-datepicker-next {
    background: url('/resources/v_2_base/css/images/arrow-ios-forward_1-fb8ba2bc7ac1c9fc986eb64ebb14873b.svg');
}

body.date-box-hack .ui-datepicker-header {
	border: var(--datebox-header-border);
	border-color: var(--datebox-header-border-color);
	background: var(--datebox-header-background);
	color: var(--datebox-header-color);
}

.ui-datepicker .ui-datepicker-prev:hover , 
.ui-datepicker .ui-datepicker-next:hover {
	cursor: pointer;
	filter: brightness(0) invert(1);
}

.ui-datepicker-prev {
	left:12px;
    background: url('/resources/v_2_base/css/images/arrow-ios-back_1-57b86008b482d5aa237b0ecf46940b80.svg');
} 

.ui-datepicker-next {
	right:12px;
    background: url('/resources/v_2_base/css/images/arrow-ios-forward_1-fb8ba2bc7ac1c9fc986eb64ebb14873b.svg');
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}


/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-datepicker-trigger
{
	height: 30px;
    padding: 6px 6px 19px 6px;
}


.NoYearDatePicker .ui-datepicker-year
{
 	display						:	none;   
}

.hideDayDatePicker .ui-datepicker-calendar {
 	display						:	none;   
}

/*
================= LEFT NAV ========================
*/
		
.gwt-TabBar-left {
    color: var(--left-nav-link-color);
	margin-top: 58px;
    width: 181px;
}

.gwt-TabBar-left .gwt-TabBarFirst {
    height: 11px;
}

.gwt-TabBar-left .drawer-closed .gwt-TabBarItem {
	padding: 4px 7px 3px 6px;
}

.gwt-TabBar-left .gwt-TabBarItem {
   padding: 7px 8px 9px 12px;
   border-bottom: var(--left-nav-border-bottom);
}

.gwt-TabBar-left .gwt-TabBarItem-selected {
	background: var(--left-nav-link-selected-bg);
	color: var(--left-nav-link-selected-color);
}

.gwt-TabBar-left .w-tpb-button-disabled {
	color: var(--left-nav-link-disabled-color);
}

.gwt-TabBar-left .gwt-TabBarItem-wrapper {
	background: var(--left-nav-link-bg);
}

.gwt-TabBar-left .gwt-TabBarItem-wrapper:hover {
	cursor: pointer;
    background: var(--left-nav-link-hover-bg);
	color: var(--left-nav-link-hover-color);
}

.gwt-TabBar-left .gwt-TabBarItem-selected:hover,
.gwt-TabBar-left .w-tpb-button-disabled  {
	cursor:default;
}

.gwt-TabBar-left .gwt-TabBarItem-wrapper .gwt-TabBarItem {
	 text-transform: var(--left-nav-text-transform);
}

.gwt-TabBar-left .gwt-TabBarItem-wrapper .gwt-TabBarItem.button-disabled {
    color: var(--left-nav-link-disabled-color);
}

.gwt-TabBar-left .gwt-TabBarItem-wrapper .gwt-TabBarItem.button-disabled
 {
    margin: 3px 3px 3px 3px;
    padding-bottom: 3px;
}

/*
================= MAIN PANEL ========================
*/

.sd-deckPanelTitle, .sd-recoveryTitle {
    color: var(--heading-label-color);
    padding-top: 17px;
    padding-bottom: 14px;
    font-size: 1.5rem;
}

/* TABs */

.primaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem,
.secondaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem {
    cursor:pointer;
	background: var(--nav-background);
	color: var(--nav-link-color);
	border-bottom: var(--nav-border-bottom);
	text-transform: uppercase;
}

.primaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem:hover,
.secondaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem:hover {
    color: var(--nav-link-hover-color);
    background: var(--nav-link-hover-bg);
}

.gwt-TabBar-top .gwt-TabBarItem-wrapper .gwt-TabBarItem,
.secondaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem {
    padding: 10px 9px 10px 9px;
}

.primaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem-selected,
.primaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem-selected:hover,
.secondaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem-selected,
.secondaryTabPanel-bar.gwt-TabBar-top .gwt-TabBarItem-selected:hover {
    cursor:default;
	background-color: var(--nav-link-selected-bg);
	color: var(--nav-link-selected-color);
}

.secondaryTabPanel-bar .gwt-TabBarRest-wrapper {
    background-color: #F2F2F2;
}

/* SD Panels */

.sd-surround {
    width: 100%;
}

.sd-userGuide, 
.sd-guidance, 
.sd-summary .sd-wrapping-div .sd-summaryContainer {
	height:100%;	
}

.loading-panel {
	width: 100%;
	height: 100%;
	padding: auto 20px;
	text-align: center;
}


.sd-questionnaire .gwt-SplitLayoutPanel {
	height: 100%;
	min-height: 712px;
	
	.sd-preview-controls {
		top: -47px;
	}
	
	.sd-questionnaire-preview {
		height: 100%;
	}
	
	.sd-wrapping-div {
		height: 100%;
		top: 0px;
	}
	
	.gwt-Frame {
		border: none;
	}
	
	> div:nth-child(2) {
		overflow: auto !important;
	}
	
	> div:nth-child(4) {
		overflow: visible !important;
	}
	
	.gwt-SplitLayoutPanel-HDragger {
		background-color: #bdbdbd;
		width: 10px;
	}
	
	.gwt-SplitLayoutPanel-HDragger:hover {
		background-color: #d4d4d4;
		border: 1px solid #bdbdbd;
	}
	
	.sd-questionnaire-previewFrame {
		height: 100%;
		width: 100%;
	}
	
	.loading-panel-message {
		margin-top: 125px;
	}
}


.w-help-popup.previewHelpStyle {
	width: 100px;
}


.gwt-TabPanelBottom.sd-rootPanel-bottom:has(.gwt-SplitLayoutPanel) {
	overflow: visible;
}

.sd-viewPreview-button {
	margin-top: 4px;
	position: absolute;
	left: inherit !important;
	right: 204px !important;
	top: 0px !important;
	z-index: 200;
	cursor: pointer;
	width: 150px !important;
}

.sd-viewPreview-button .gwt-Button {
	background-color: var(--component-bg-color-1);
}

.sd-viewPreview-button .gwt-Button:focus, .sd-viewPreview-button .gwt-Button:hover {
	background-color: var(--component-bg-color-1);
	color: #0eb10e;
	border: none;
}

.sd-refreshPreview-icon, .sd-scrollToTop-icon, .sd-automaticScroll-icon {
	cursor: pointer;
}

.sd-refreshPreview-icon {
	background-image: url('/resources/v_2_base/css/images/refresh-01ce2c7c8bdc40c8a9d111fec5b6e9cc.png');
	height: 18px;
	width: 18px;
	opacity:.50;
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 10px;
}

.sd-scrollToTop-icon {
	background-image: url('/resources/v_2_base/css/images/upChevron-efa89acb9bcc11c782a4335b16521e56.png');
	height: 22px;
	width: 22px;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-right: 6px;
}

.sd-automaticScroll-icon {
	background-image: url('/resources/v_2_base/css/images/scroll-3e5be808799d194268b3d617728e0d09.png');
	height: 25px;
	width: 25px;
	opacity:.60;
	margin-bottom: 5px;
	margin-top: 9px;
}

.sd-automaticScroll-icon.w-b-noScroll {
	background-image: url('/resources/v_2_base/css/images/noScroll-0ed1a1a7f29cf4e835467b73466a7ed6.png');
}

.sd-previewSelect-panel td:has(.sd-scrollToTop-icon) {
	max-width: 28px;
	width: 28px;
}

.sd-previewSelect-panel td:has(.sd-automaticScroll-icon) {
	max-width: 35px;
	width: 35px;
}

.loading-panel,
.sd-questionnaire .sd-wrapping-div, 
.sd-draft .sd-wrapping-div,
.sd-preview .sd-wrapping-div, 
.sd-summary .sd-wrapping-div, 
.sd-userGuide .sd-wrapping-div,
.sd-updateHistory .sd-wrapping-div, 
.sd-feedback .sd-wrapping-div,
.sd-guidance .sd-wrapping-div {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	min-height: 0;
}

.sd-draft .sd-wrapping-div,
.sd-preview .sd-wrapping-div, 
.sd-summary .sd-wrapping-div, 
.sd-userGuide .sd-wrapping-div,
.sd-updateHistory .sd-wrapping-div, 
.sd-feedback .sd-wrapping-div,
.sd-guidance .sd-wrapping-div {
	border-top:15px solid #EEE;
	height: auto;
}


.loading-panel-loading,
.sd-questionnaire .sd-wrapping-div, 
.sd-preview .sd-wrapping-div, 
.sd-summary .sd-wrapping-div .sd-summaryContainer, 
.sd-updateHistory .sd-wrapping-div, 
.sd-feedback .sd-wrapping-div,
.sd-guidance .sd-wrapping-div, 
.sd-draft .sd-wrapping-div,
.sd-userGuide .sd-wrapping-div {
    overflow: auto;
}

.sd-feedback .loading-panel {
	padding-top:0px;
    left: 0px;
}

.loading-panel-message {
	margin-left: auto;
	margin-right: auto;
	background: var(--loading-panel-message-background);
	padding: 10px;
	border: 2px solid #eee;
}


.sd-preview.deck .loading-panel {
	padding-top:45px;
}

.loading-panel-loadingLabel {
	padding: 0px;
	margin-top: 12px;
	font-size: 17pt;
	color: #aaa;
}

.sd-draft  .w-g-header-cell-title {
	text-align:left;
}

.sd-draft-group .sd-draft-document {
	color: #888;
    text-transform: uppercase;
}

.sd-draft-context {
	background-color: #E5E5E5;
}

.sd-draft-document-uncontexted:hover, .sd-draft-document-in-context:hover {
	cursor:pointer;
	background-color: #EEE;
}

.sd-draft-document{
	text-align:left;
}

.sd-draft-document-in-context .sd-draft-document {
	padding-left:30px;
}

.sd-draft tr.sd-draft-document-in-group
{
	border-top:inherit;
}


.sd-draft,
.sd-preview,
.sd-summary,
.sd-updateHistory,
.sd-userGuide {
	background: var(--questionnaire-background);
	background-color: var(--questionnaire-background);
}

.sd-preview .sd-deckPanelTitle {
	top: 101px;
}


.sd-preview-controls {
	width: 100%;
}

.sd-preview-controls {
	position: relative;
    top: -48px;
    margin-bottom: -48px;
}

.sd-preview-controls .gwt-Button s {
	text-decoration-thickness: 2px;
}

.sd-summary-surround {
	padding-right: 8px;
}

.sd-ai-surround {
	padding-right: 8px;
}

.sd-summary .sd-wrapping-div .sd-summaryContainer {
	overflow: auto;
	width: 100%;
	height: 100%;
	position: absolute;	
}

.sd-ai-button {
	float: right;
}

.sd-summary-printButton, .sd-summary-jsonButton, .sd-summary-buttonPanel, .sd-summary-userGuideButton {
	position: fixed;
	margin-top: -52px;
}

.sd-ai-button {
	position: fixed;
	margin-top: -43px;
}

.sd-summary-userGuideButton {
	right: 10px;
}

.sd-summary-printButton {
	right: 167px;
}

.sd-ai-button {
	right: 14px;
}

.sd-summary-jsonButton {
	right: 267px;
}

.sd-summary-buttonPanel {
	right: 368px;
}

.sd-preview-selection {
    margin: 0px auto;
	background-color: #E9E9E9;
}

.sd-preview-selection .w-cb, .sd-preview-selection .w-lb, .sd-preview-selection .sd-previewSelect-panel {
	margin: 0px auto;
}

.sd-preview-selection .sd-previewSelect-panel {
	width: 100%;
}

.sd-preview-selection .w-fl-holder {
	margin: 1px;
	width: 310px;
}

.sd-preview-selection .gwt-ListBox {
	margin: 6px;
}

.sd-summary-buttonPanel,
.sd-preview-zoom {
	padding: 4px 8px;
}

.w-lb-inline .w-fl {
    padding-top: 6px;

}

#w-application-holder input[type="checkbox" i] {
    margin-top: 8px;
}
	
.sd-preview-selection .w-fl {
	padding-top: 0px;
	padding-left: 30px;
	min-width: 300px;
}

.sd-preview-controls-spacer {
	height:48px;
	float: left;
}

.sd-preview-zoom {
    float: right;
}

.sd-deckPanelTitle {
	background-color: var(--page-title-background, #fff);
}

.sd-preview-controls .gwt-Button {
	margin:1px;
	min-width: 50px;
}

.sd-preview-controls .active .gwt-Button {
	background-color: var(--button-active-background);
	color: var(--button-active-color);
}

.gwt-Button:focus {
	background-color: var(--button-active-background);
	color: var(--button-active-color);
}

.cancel-Button:focus {
	background-color: var(--cancel-button-active-background);
	color: var(--cancel-button-active-color);
}


table.deck {
    width: 100%;
    height: 100%;
}

.sd-userGuideFrame.gwt-Frame, 
.sd-guidanceFrame.gwt-Frame,
.sd-previewFrame.gwt-Frame {
    width: 100%;
    height: 99%;
    border-top: none;
    border-bottom: none;
    border-right: none;
    border-left: none;
    margin: 0px;
}

.sd-userGuideFrame.gwt-Frame,
.sd-guidanceFrame.gwt-Frame {
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

.sd-updateHistory {
	
    width: 100%;
}


.sd-updateHistory .sd-wrapping-div,
.sd-feedback .sd-wrapping-div,
.sd-draft .sd-wrapping-div {
	background: var(--questionnaire-background);
}

.sd-updateHistoryFrame,
.sd-feedbackFrame,
.sd-draft .sd-panel-content {
	width: 808px;
    padding: 10px 20px 20px 20px;
    background: #fff;
	margin: 10px auto;
	min-height: 426px;
}


/* Improve Template */


.w-sr .w-fl {
    width: 100px;
    margin-left: 30px;
}

.w-sr-value {
    padding-bottom: 22px;
}

.tabIntro, .tabIntro td {
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 7px;
    color: var(--firstBackground-color);
}


.sd-feedbackFrame .gwt-TextArea {
    min-width: 760px;
    min-height: 100px;
    margin-bottom:10px;
}

.sd-feedbackFrame .w-b {
    float: right;
    margin-top: 10px;
}

.sd-panel-content {
    padding: 20px 20px;
}

.sd-feedbackFrame .infoMessage {
	margin-top:17px;
}



/* Q Body */

.sectionTitle {
	padding-top: 20px;
	padding-bottom: 3px;
	font-weight: bold;
	color: var(--heading-label-color);
}

.sd-questionnaire-container {
	width:1000px;
}

.sd-questionnaire-content {
    background:#fff;
}

.sd-questionnaire-content div.gwt-TabPanelBottom {
	overflow:hidden;
    border: 1px solid #ccc;
    min-height: 400px;
    padding: 0px;
}

.w-tp-content-base {
    padding: 0px 30px 10px 30px;
    margin: 10px 0px 10px 0px;
}


.w-tp-content .gwt-HTML {
	max-width: 922px;
}

.willBeWitnessed {
	padding-top: 10px;
	font-weight: bold;
	color: var(--heading-label-color);
}

/* PAGE NAV */

.w-tp-nav {
    background-color: var(--component-bg-color-3);
    width: 100%;
    padding: 5px 7px 6px 1px;
    margin-bottom: 10px;
}

.w-tp-nav-label {
    width: 100%;
    text-align: center;
	color: var(--component-color-3);
	padding-top: 6px;
    padding-bottom: 6px;
}

.gwt-Button, .ui-datepicker button.ui-state-default  {
    color: var(--button-color);
    background-color: var(--button-background);
    border: var(--button-border);
    border-radius: var(--button-radius);
    margin-left: 2px;
    margin-right: 2px;
    padding: 7px 10px 6px 10px;
    background-image:none;
    min-width: 90px;
}


.cancel-Button {
    color: var(--cancel-button-color);
    background-color: var(--cancel-button-background);
}


.gwt-Button:hover,
.ui-datepicker button.ui-state-hover {
    color: var(--button-hover-color);
    background-color: var(--button-hover-background);
    transition: background-color 200ms ease;
}


.cancel-Button:hover {
    color: var(--cancel-button-hover-color);
    background-color: var(--cancel-button-hover-background);
}


.w-b-disabled {
    display: none;
}

.w-b-disabled.cls-avail-okButton {
    display: inline-block;
    pointer-events: none;
    opacity: 0.6;
}


.cls-availRequiredField .gwt-TextBox {
	border: 2px solid #ff0000;
	border-radius: 5px;
}

.w-g-index-up
{
	height: 8px;
	width: 18px;
 	background-image : url(/resources/v_2_base/css/images/up-004f50a3a7c42196dc8beceafbcacfca.gif);
 	background-size: contain;
	background-repeat: no-repeat;
	-moz-opacity: 0.50;
	opacity:.50;
	filter: alpha(opacity=50);
}

.w-g-index-down
{
	height: 8px;
	width: 18px;
	margin-top: 1px;
 	background-image: url(/resources/v_2_base/css/images/down-63508f030ae950635a473d37c12b4d22.gif);
 	background-size: contain;
	background-repeat: no-repeat;
	-moz-opacity: 0.50;
	opacity:.50;
	filter: alpha(opacity=50);
}

.w-g-index-up:hover, .w-g-index-down:hover
{
	-moz-opacity: 1.0;
	opacity:1.0;
	filter: alpha(opacity=100);
}


.w-g-index-first .w-g-index-up, .w-g-index-last .w-g-index-down
{
	cursor:default;
	-moz-opacity: 0.10;
	opacity:.10;
	filter: alpha(opacity=10);
}


.infoMessage, 
.successMessage, 
.warngingMessage, 
.errorMessage, 
.w-vrp {
	min-height:20px;
    margin: 7px 2px 3px 0px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    line-height: 20px;
    background-position: 10px center;
}


.infoMessage, 
.warngingMessage, 
.errorMessage, 
.w-vrp {
    padding: var(--message-padding);
}

.infoMessage { 
    color: var(--info-message-color);
    background-color: var(--info-message-background-color);
    background-image: var(--info-message-background-image);
}

#main-content .infoMessage a { 
    color: var(--info-message-link-color);
}

#main-content .infoMessage a:hover { 
    color: var(--info-message-link-color-hover);
}

.warngingMessage { 
    color: var(--warning-message-color);
    background-color: var(--warning-message-background-color);
    background-image: var(--warning-message-background-image);
}

#main-content .warngingMessage a { 
    color: var(--warning-message-link-color);
}

#main-content .warngingMessage a:hover { 
    color: var(--warning-message-link-color-hover);
}

.errorMessage, .w-vrp {
    color: var(--error-message-color);
    background-color: var(--error-message-background-color);
    background-image: var(--error-message-background-image);
}

#main-content .errorMessage a {
    color: var(--error-message-link-color);
}

#main-content .errorMessage a:hover {
    color: var(--error-message-link-color-hover);
}

.successMessage 
{
	color: var(--success-message-color);
	background-image: var(--success-message-background-image);
	padding: var(--success-message-padding);
}

.w-vrp li
{
	display:block;
}

.w-tb-inputPrefix
{
	padding-top: 6px;
	padding-right: 5px;
}

.w-tb-inputSuffix
{
	padding-top: 6px;
	padding-left: 5px;
}

.w-tb-leadInText
{
	padding-bottom: 10px;
	color: #666;
	font-size: 8pt;
	font-style: italic;
}


.w-help-symbol {
	width:16px;
	height:16px;
    margin-left: 5px;
	background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-image: url('/resources/v_2_base/css/images/question-blue-icon-13453-0c6c0a14dcca821f3b903814565df458.png');
}


.back-arrow-icon, .forward-arrow-icon {
	width:16px;
	height:16px;
	margin-top: 13px;
	opacity: .4;
	background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position-y: center;
    cursor:pointer;
}


.back-arrow-icon {
    background-image: url('/resources/v_2_base/css/images/arrow-ios-back_1-57b86008b482d5aa237b0ecf46940b80.svg');
}


.forward-arrow-icon {
    background-image: url('/resources/v_2_base/css/images/arrow-ios-forward_1-fb8ba2bc7ac1c9fc986eb64ebb14873b.svg');
}



.w-cb-inline.w-cb-readonly .w-help-symbol {
	margin-top: 0px;
}

.w-cb-inline .w-help-symbol,
.w-cb .w-help-symbol, .w-lb .w-help-symbol, .w-datebox .w-help-symbol {
	margin-top: 7px;
}

.w-help-popup {
    background-color: var(--help-background);
    color: var(--help-color);
    width: 343px;
    z-index: 100;
    line-height: 18px;
}

div.help-popup-narrow {
	width: 200px;
}

div.help-popup-wide {
	width: 490px;
}

.w-help-popup a {
    color: var(--help-link-color);
}

.w-help-popup .popupContent {
    padding: 13px;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

.iSjgzw {
	background: var(--help-background);
	color: var(--help-color);
}

.iSjgzw a {
	color: var(--help-link-color);
}


.fqQHYC::before {
	background: var(--help-background);
}


.w-op, .xform .w-op {
	border: 2px solid #d8d5d5;
    background: #fbfbfb;
    margin: 6px 0px;
    padding: 5px 13px;
}

.w-g-title-action .w-op {
	background: inherit;
} 

/* GlassPanel */

 
element.style {
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: visible;
    display: block;
    width: 2560px;
    height: 622px;
}


.w-gp-background0, 
.w-gp-background1, 
.w-gp-background2, 
.w-gp-background3, 
.w-gp-background4, 
.w-gp-background5, 
.w-gp-background6, 
.w-gp-background9999 
{
	background: var(--glassPanel-blackground-color);
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: fixed !important;
	width: 100% !important;
	height: 100% !important;
    z-index: 10;
}

.w-gp-background1 {
	z-index: 20;
}

.w-gp-background2 {
	z-index: 30;
}

.w-gp-background3 {
	z-index: 40;
}

.w-gp-background4 {
	z-index: 50;
}

.w-gp-background5 {
	z-index: 60;
}

.w-gp-background6 {
	z-index: 70;
}

.w-gp-background9999 {
	z-index: 9999;
}


.gwt-DialogBox .dialogMiddleCenter {
    background: var(--component-bg-color-3);
}

.dialogBottom, .dialogMiddleLeft, .dialogMiddleRight, .dialogTopLeft, .dialogTopRight {
    display: none;
}

.w-gp-content {
    padding: 10px;
}

.w-gp-content .gwt-TabPanelBottom {
	background-color: #fff;
    border-style: solid;
}
 
.gwt-DialogBox .dialogTopCenterInner .Caption {
    color: #FFF;
    background-color: var(--glassPanel-caption-bg);
    background-image: none;
    margin-top: 0px;
    padding: 10px 10px 10px 10px;
    font-size: 1.1rem;
    text-transform: uppercase;
    border: 0px;
}

.w-gp-okCancel-panel, .sd-draftMetaData-buttons {
    padding: 6px;
    background: #ddd;
}

.w-gp-okCancel-buttons {
    float: right;
}

.hidePOAPanel .w-op {
	display: none;
}


/* ADDRESS BOX */
.w-ab
{
    width             :   100%;
}


.w-ab-content
{
	width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    background: #fbfbfb;
    padding: 5px 0px 10px 30px;
    margin-bottom: 6px;
}

.w-ab-pcPanel .w-fl-holder
{
	width			:	100px;
}

.w-ab-pcLookup
{
	margin-bottom				:	0px;
}

.w-cl-name {
	width: 450px;
}

/* Check box and entity roles */


.sd-entityRole-selected, .w-cb-tick
{
	background                  :   url(/resources/v_2_base/css/images/roles/tick-c9b528b9541e127967eda62f79118ef0.png) no-repeat center center;
	width: 16px;
}

.sd-entityRole-unselected, .w-cb-unknown
{
	background                  :   url(/resources/v_2_base/css/images/roles/score-227860d37a8f65648337bd58b52d1fa7.png) no-repeat center center;
	width: 16px;
}

.sd-entityRole-unavailable, .w-cb-cross
{
	background                  :   url(/resources/v_2_base/css/images/roles/cross-6c6c907a33d909760765e77e67ef6257.png) no-repeat center center;
	width: 16px;
}


/* TAB VALIDATION */

.gwt-TabBarItem-wrapper .w-tpb-tabInvalid div:before {
	content: "___";
	color: #fff;
	display: inline;
	background: url(/resources/v_2_base/css/images/roles/cross-6c6c907a33d909760765e77e67ef6257.png) no-repeat center center;
}


.gwt-TabBarItem-wrapper .w-tpb-tabValid div:before {
	content: "___";
	color: #fff;
	display: inline;
	background: url(/resources/v_2_base/css/images/roles/tick-c9b528b9541e127967eda62f79118ef0.png) no-repeat center center;
}


/* ADDRESS LOOKUP PANEL */

.w-abp-title
{
	font-size					:	20px;
}

.w-abp-scroll
{
	max-height					:	159px;
	width						:	630px;
	margin-right				:	25px;
	background					:	#FFF;
	border						:	1px solid #CCC;
}

.w-abp-options
{
	width						:	100%;
}

.w-abp-options w-rb
{
	margin						:	5px 10px 5px 20px;
}

.w-ab-notSelected {
    text-align: right;
    padding: 10px;
    margin-top:5px;
}


.ajaxSourcePAF .w-ab-notSelected {
    color: #FBB;
}


.ajaxSourceCOMPANIES_HOUSE .w-ab-notSelected {
    color: #DDF;
}

.ajaxSourceCRO_OPEN_SERVICE .w-ab-notSelected {
    color: #46545d;
}

.ajaxSourceCHARITY_COMMISSION .w-ab-notSelected {
    color: #ddf0fd;
}

.ajaxSourceFCA .w-ab-notSelected {
    color: #ddf0fd;
}


.ajaxSourceMINT .w-ab-notSelected, .ajaxSourceORBIS .w-ab-notSelected {
    color: #DFD;
}


.w-p-loading-title {
	color: #fff;
	margin-top: 2px;
}

.w-al-results-intro {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
    color: #fff;
}


.w-al-results-holder {
    padding:15px 15px 8px 15px;
    margin-top: 9px;
}

.w-abp-okCancel {
	padding-top: 5px;
	float: right;
    width: 110px;
}

.w-ab-pcInvalid {
	padding: 40px 0px 0px 30px;
	background-repeat: no-repeat;
    background-position: 10px 40px;
}

.w-ab-clearOverrideButton .gwt-Button {
	margin-top: 10px;
	float: right;
	width: 150px;
	height: 40px;
}

.ajaxSourceMINT, .ajaxSourceORBIS
{
    background: #001489;
	cursor:pointer;
}

.ajaxSourceCOMPANIES_HOUSE
{
    background: #005ea5;
	cursor:pointer;
	margin-top: 0px;
}

.ajaxSourceCRO_OPEN_SERVICE
{
    background: #7b6a36;
	cursor:pointer;
}

.ajaxSourceCHARITY_COMMISSION
{
    background: #211547;
	cursor:pointer;
}

.ajaxSourceFCA
{
    background: #751f46;
	cursor:pointer;
}

.ajaxSourcePAF
{
    background: #da202a;
	cursor:pointer;
}


.w-al-results-message {
	font-size:1.1rem;
	width: 100%;
    padding: 4px;
    color: #FFF;
}

.w-al-results-source {
    padding-top: 14px;
}


.w-al-results-source:before {
    height: 30px;
    color: #FFF;
    font-size:12px;
    font-weight:bold;
}

.ajaxSourceMINT .w-al-results-source:before,
.ajaxSourceORBIS .w-al-results-source:before {
    content:"From: Orbis";
}

.ajaxSourceCOMPANIES_HOUSE .w-al-results-source:before {
    content:"From: Companies House";
}


.ajaxSourceCRO_OPEN_SERVICE .w-al-results-source:before {
    content:"From: Companies Registration Office";
}

.ajaxSourceCHARITY_COMMISSION .w-al-results-source:before {
    content:"From: Charity Commission";
}

.ajaxSourceFCA .w-al-results-source:before {
    content:"From: The Financial Services Register";
}


.ajaxSourcePAF .w-al-results-source:before {
    content:"From: Royal Mail (PAF)";
}


.w-g-title-action .ajaxSourceCOMPANIES_HOUSE a:after
{
	content:" CH \a  Import ";
}

.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE a:after
{
	content:" CRO \a  Import ";
}

.w-g-title-action .ajaxSourceCHARITY_COMMISSION a:after
{
	content:" CC \a  Import ";
}

.w-g-title-action .ajaxSourceFCA a:after
{
	content:" FCA \a  Import ";
}

.ajaxSourceMINT a:after
{
	content:"  Orbis ";
}

.ajaxSourceORBIS a:after {
	content:" Orbis ";
}

.serviceProviderWarningCRO_OPEN_SERVICE:before {
    content:"CRO lookup is subject to the availability of the CRO's systems.";
}

.serviceProviderWarningCOMPANIES_HOUSE,
.serviceProviderWarningCHARITY_COMMISSION,
.serviceProviderWarningFCA,
.serviceProviderWarningMINT,
.serviceProviderWarningORBIS,
.serviceProviderWarningPAF
{
	display: none;
}


#main-content .auditorInfo .w-al-result-link a {
	padding: 7px;
    display: block;
    color: #FFF;
}

.auditorInfo .w-al-result-link {
	margin-top: 33px;
}

.auditorInfo .ajaxSourceMINT a:hover {
	text-decoration:none;	
}

.auditorInfo .ajaxSourceORBIS a:hover {
	text-decoration:none;	
}

.w-al-results-holder .w-al-results-message .w-al-results-close a:after {
    content: "X";
    font-size: 20px;
    color: #FFF;
}

.w-al-results-holder .w-al-results-message .w-al-results-close a:hover {
	text-decoration:none;
}

.w-al-results-holder .w-al-results-message .w-al-results-close {
	float: right;
}
    


.w-g-title-action .ajaxSourceCOMPANIES_HOUSE,
.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE,
.w-g-title-action .ajaxSourceCHARITY_COMMISSION,
.w-g-title-action .ajaxSourceFCA,
.w-g-title-action .ajaxSourceMINT,
.w-g-title-action .ajaxSourceORBIS {
	padding:0px;
	margin: 4px 0px 0px 0px;
	width: 100px !Important;
}


.w-g-title-action .ajaxSourceCOMPANIES_HOUSE .highVisibilityLink a,
.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE .highVisibilityLink a,
.w-g-title-action .ajaxSourceCHARITY_COMMISSION .highVisibilityLink a,
.w-g-title-action .ajaxSourceFCA .highVisibilityLink a,
.w-g-title-action .ajaxSourceMINT .highVisibilityLink a,
.w-g-title-action .ajaxSourceORBIS .highVisibilityLink a
 {
	height: 35px;
    display: block;
    padding: 6px;
    color: #FFF;
    padding-top: 2px;
    padding-bottom: 0px;
    margin: 0px;
   	outline: none;
    text-decoration: none;
}

.w-g-title-action .ajaxSourceMINT .highVisibilityLink a,
.w-g-title-action .ajaxSourceORBIS .highVisibilityLink a
{
    line-height: 35px;
}


.w-g-title-action .ajaxSourceCOMPANIES_HOUSE .highVisibilityLink a:hover,
.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE .highVisibilityLink a:hover,
.w-g-title-action .ajaxSourceCHARITY_COMMISSION .highVisibilityLink a:hover,
.w-g-title-action .ajaxSourceFCA .highVisibilityLink a:hover,
.w-g-title-action .ajaxSourceMINT .highVisibilityLink a:hover,
.w-g-title-action .ajaxSourceORBIS .highVisibilityLink a:hover
 {
    text-decoration: underline;
}


.w-g-title-action .ajaxSourceCOMPANIES_HOUSE .highVisibilityLink a,
.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE .highVisibilityLink a,
.w-g-title-action .ajaxSourceCHARITY_COMMISSION .highVisibilityLink a,
.w-g-title-action .ajaxSourceORBIS .highVisibilityLink a,
.w-g-title-action .ajaxSourceMINT .highVisibilityLink a
.w-g-title-action .ajaxSourceFCA .highVisibilityLink a {
    padding-right: 13px;
}

	
.w-g-title-action .ajaxSourceCOMPANIES_HOUSE .gwt-Hyperlink,
.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE .gwt-Hyperlink,
.w-g-title-action .ajaxSourceCHARITY_COMMISSION .gwt-Hyperlink,
.w-g-title-action .ajaxSourceFCA .gwt-Hyperlink,
.w-g-title-action .ajaxSourceMINT .gwt-Hyperlink,
.w-g-title-action .ajaxSourceORBIS .gwt-Hyperlink {
	width: 100%;
    color:#fff;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    white-space:pre;
    margin:0px;
}


.w-g-title-action .ajaxSourceCOMPANIES_HOUSE a:hover,
.w-g-title-action .ajaxSourceCRO_OPEN_SERVICE a:hover,
.w-g-title-action .ajaxSourceCHARITY_COMMISSION a:hover,
.w-g-title-action .ajaxSourceFCA a:hover,
.w-g-title-action .ajaxSourceMINT a:hover,
.w-g-title-action .ajaxSourceORBIS a:hover {
	color:#FFF;
}

.w-g-title-action .highVisibilityLink, .addSignatory {
	padding-right: 15px;
	padding-left: 10px;
	margin-top: 7px;
	font-weight: bold;
}

/* Draft Meta Data */

.sd-draftMetaData-notes, .sd-draftMetaData-notes table {
	width: 100%;	
}

.sd-draftMetaData-notes table.w-fl-holder {
	width: inherit;
}

/* Timeout */

.w-timeout .gwt-HTML {
    padding: 15px 25px;
}

.w-timeout .gwt-Button {
	float: right;
}

/* Debug */
.gwt-DialogBox.w-dg-gp  {
	border: 2px solid #999;
	z-index: 100;
}


.gwt-DialogBox.w-dg-gp .dialogTopCenterInner .Caption {
	background-color:#69e;
}

.gwt-DialogBox .dialogMiddleCenter .w-dg-informationPanel {
    background: #f1f7ff;
}


.w-dg-informationPanel {
    min-width: 800px;
}

.w-dg-exceptionPanel {
	border:8px solid #69e;
    background-color: #f1f7ff;
	position:fixed;
    padding: 20px 20px;
    min-width: 600px;
    min-height: 350px;
	z-index: 500;
}

.w-dg-exceptionPanel .gwt-Button {
	z-index: 500;
    position: absolute;
    right: 7px;
}


.w-dg-exceptionPanel div {
    max-width: 750px;
    overflow-wrap: break-word;
}


.w-dg-info-value {
	font-weight: bold;
}

.w-dg-vd-info-value {
	font-weight: bold;
	white-space: pre;
}


/* Spinner */
.lds-ring {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
}

.lds-ring.small {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 25px;
}

.lds-ring.small div {
	width: 20px;
	height: 20px;
	margin-top: 0px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 8px;
	border: 4px solid #ccc;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #ccc transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* TIME PICKER */

.ui-state-content .ui-icon {
	background-image: url(/resources/v_2_base/css/images/ui-icons_454545_256x240-6b29e362591a05e270b33c4fc3f67cb2.png);
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }


.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
    border: 1px solid #ccc;
    background: #FFF;
    font-weight: normal;
    color: #222;
}

.ui-slider-horizontal {
    height: 0.8em;
    border: 1px solid #ccc;
    background: #fff;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}


.ui-slider {
    position: relative;
    text-align: left;
}

.sd-summary.deck .loading-panel, .sd-userGuide.deck .loading-panel {
	padding-top: 45px;
}

body.questionnaire {
	display: flex;
    flex-flow: column;
    height: 100%;
    overflow: auto !important;
}

body.questionnaire #main {
	flex: 1 1 auto;
	height: 100%;
}

.gwt-TabPanelBottom {
	height: 100%;
    box-sizing: border-box;
}

body.questionnaire .w-application > table,
body.questionnaire .w-application > table > tbody > tr > td,
body.questionnaire table.sd-surround > tbody > tr > td,
.gwt-TabPanel,
.sd-surround {
	height: 100%;
}

.forceAsRelative {
	position: relative; 
}

.sd-save .forceAsRelative,
.sd-questionnaire .forceAsRelative,
.sd-updateHistory .forceAsRelative,
.sd-feedback .forceAsRelative {
	height: 100%;
}

.sd-draft .loading-panel {
	position:static;
}

.sd-preview-selection {
	position: relative;
	z-index: 5;
}

.w-gp0 {
	z-index: 15;
}

.w-gp1 {
	z-index: 25;
}

.w-gp2 {
	z-index: 35;
}

.w-gp3 {
	z-index: 45;
}

.w-gp4 {
	z-index: 55;
}

.w-gp5 {
	z-index: 65;
}

.w-gp6 {
	z-index: 75;
}

.w-gp9999 {
	z-index: 10000;
}

.w-ccb .w-fl-holder {
	width: 162px;
}

.w-cb-inline input {
	margin-top: 9px;
}


.highlightQuestionBackground
{
	background-color: var(--highlight-question-background);
	margin: 3px 0px;
	padding: 3px 3px;
}


.infoMessage.highlightQuestionBackground, .errorMessage.highlightQuestionBackground, .successMessage.highlightQuestionBackground, .warngingMessage.highlightQuestionBackground
{
	padding: var(--message-padding);
}


.footerLinks
{
	width: 120px;
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	padding-top: 28px;
}


.sd-bespokeDraftMetaData-warning .warngingMessage, .sd-bespokeDraftMetaData-warning.warngingMessage
{
	max-width: 527px;
	margin-left: auto;
	margin-right: auto;
	color:#cd2f6f
}

.sd-bespokeDraftMetaData-warning ul, .sd-bespokeDraftMetaData-warning ol
{
	list-style:inherit;
	padding:inherit;
	margin:inherit;
}

.sd-bespokeDraftMetaData-warning li
{
	margin-left:25px;
}


.w-readOnly .w-lb-description {
	border: 1px solid #AAA;
	color: #888;
	padding: 3px;
	min-width: 150px;
	background: #FFF;
}


.w-sortable-table-ascending, .w-sortable-table-descending, .w-sortable-table-unsorted {
	width: 7px;
	height: 12px;
	margin-left: 5px;
	background-size: 7px 12px;
	background-repeat: no-repeat;
	background-position-y: center;
}


.w-sortable-table-ascending {
	background-image: var(--sortable-table-ascending-background-image);
}


.w-sortable-table-descending {
	background-image: var(--sortable-table-descending-background-image);
}


.w-sortable-table-unsorted {
	background-image: var(--sortable-table-unsorted-background-image);
}


#tabLinksHolder .ui-tabs-active a:hover {
	color: #fff;
}

.w-fl-mandatory
{
	padding-left: 0.4em;
	font-size: 15pt;
	color: red;
	height: 16px;
}

.essentialMarker
{
	font-size: 18pt;
	margin-top: 14px;
}

.sideBarHyperlinks
{
	margin-top: -35px;
}

.sd-tabBar-container .MuiDrawer-paper
{
	position: relative;
	overflow: hidden;
	border-right: none;
}

.cls-drawer-container.gwt-TabBar-left {
	width: 100%;
	height: 100%;
	margin-top: 10px;
}

.cls-drawer-container.gwt-TabBar-left .gwt-Label {
	color: var(--left-nav-link-color);
}

.cls-drawer-container.gwt-TabBar-left .gwt-TabBarItem-selected .gwt-Label {
	color: var(--left-nav-link-selected-color);
}

.cls-drawer-container.gwt-TabBar-left .MuiList-padding {
	padding: 0;
}