@charset "utf-8";
/* CSS Document */

.react-iframe { height: calc(100vh - 120px); }

.messageLabel { font-weight: bold; }
.messageLabel.error { color: red; }
.messageLabel.success { color: green; }

/************************* standard styles for adding to elements ************************/
.displayOnMobile, .display-none { display: none; }

.display-flex { display: flex; }

.hide-checkColumn .checkColumn { display: none; }

.bold {font-weight: bold !important; }

.ctr { text-align:center; }

.phone, .b { font-weight:bold; }

.hidden { display:none; }

.contentCenter { margin:0 auto; }

.clearfloat { clear:both; }

.clearBorder { border:none !important; }

.clearMargin { margin:0 !important; }

.allcaps { text-transform:uppercase; }

.currency, .numeric { text-align:right; }

thead .currency:before { content: none; text-align:right; }

input.currency { text-align: right; color: blue !important; }

input:disabled, input.currency:readonly { background-color: #eee !important; opacity: 1; }

.toggle-icon { font-weight: bold !important; font-size: larger !important; float: right; padding: 0px 4px; }

.processingImageContainer { text-align: center; padding-top: 40px; width: 100%; }
.processingImage { }
.processingMsg { font-weight: bold; }

/*

.currency:before { content: "$"; }

.currency:before { content: "£"; }

.currency:before { content: "€"; }

.currency:before { content: "¥"; }

*/

.fltrt { float: right; margin-left: 8px; }

.fltlft { float: left; margin-right: 8px; }

.noHover { background:none !important; background-image:none !important; }

.disabledLink { color:#999; }

.formattedText { white-space:pre-wrap; }

.clickable { cursor:pointer; }

.inlineBlk { display: inline-block; }

.nowrap { white-space: nowrap; }


/************************************ Error Styles ***************************************/

.feedback { color:#f30; font-weight:bold; }

.feedback ul li { list-style:none; }

.feedbackPanel { background:#FAF0E0; border-radius: 5px; display:block; margin:10px !important; width:auto; padding: 2px 5px; border:#ccc solid 1px; }

.feedbackPanelINFO { display:block; color:#D12A00; font-weight:bold !important; font-size:1em; text-align:left; }

.feedbackPanelERROR { display:block; color:#D12A00; font-weight:bold !important; font-size:1em; text-align:left; }

#LoginPage .feedbackPanelERROR { text-align:center; }

.feedback .feedbackPanel .feedbackPanelINFO span {}

.feedback .feedbackPanel .feedbackPanelERROR span {}

.feedback { color:#f30; font-weight:bold; }

.feedbackPanel { background:#FAF0E0; border-radius: 5px; display:block; margin: 8px !important; width:auto; padding: 8px; border:#ccc solid 1px; }

.feedbackPanel .feedbackPanelERROR::before {
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.helpPanel { position:absolute; right:10px; bottom: 4px; }

.helpTrigger { color: #0092BC; font-size: 1.5rem; cursor: pointer; }

.tableResults .helpTrigger { font-size: 1rem; }

.restricted { margin-top:5px; }

.collapsible-wrapper { border: 1px solid #999; border-radius: 5px; background-color: #eee; }

.collapsible-header { background-color: #d8d8d8; border-radius: 5px 5px 0 0; cursor: pointer; padding: 2px; }

/************************* Spinner icon, no markup **********************/

.loadingIcon { background:#fff url(../images/spinner_new.gif) center center no-repeat; width:16px; margin:4px auto 0 auto; padding:0; height:16px; }

#placeholderPanel img { background:#fff; }


/************************* Global jQuery override styles  **********************/

.ui-widget.ui-widget-content { border: 1px solid #999; box-shadow: 8px 8px 8px #999; }

.ui-widget-overlay {
    background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
    opacity: .50;
	position: absolute;
    top: 0;
    left: 0;
}

.ui-widget { font-size:1.1em !important; }  /* overrides the default size of 1.1em that makes the font sizing inconsistant */

.ui-widget-header { background: #c2d2e4 !important; border: 1px solid #c2d2e4 !important; height: 2em !important; padding-bottom: 2px !important; border-radius: 4px 4px 0 0 !important;}

.ui-widget-header .ui-icon { background-color: unset !important; }

.ui-state-highlight { border: 2px solid #f00 !important; margin-bottom: -2px; }

.ui-dialog { padding: 0px !important; border: 1px solid black !important; }

.ui-dialog .ui-dialog-title { margin: 0px !important; color: black !important; }

.ui-dialog .ui-dialog-titlebar { }

.dialogTxt, .dialogContent { margin-bottom:10px; color:#3d6bc8; }

.listMultipleChoicePanelClearLink { font-size: smaller; padding-left: 135px; display: block; }

.error { color: #D12A00; }