@import url('roboto.css');
@font-face {
    font-family: 'D-DIN';
    font-style: normal;
    src: url("../fonts/D-DIN.otf") format("opentype");
}
/*
 * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/fa-regular-400.woff2") format("woff2"),
    url("../fonts/fa-regular-400.woff") format("woff");
}
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fa-solid-900.woff2") format("woff2"),
    url("../fonts/fa-solid-900.woff") format("woff");
}
@font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/fa-light-300.woff2") format("woff2"),
    url("../fonts/fa-light-300.woff") format("woff");
}
@font-face {
    font-family: 'FontAwesomeDuotone';
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/fa-duotone-900.woff2") format("woff2"),
    url("../fonts/fa-duotone-900.woff") format("woff");
}

/** elements using Font Awesome */
.tundra .dijitButtonNode .dijitIcon,
.tundra .dropDownMenu .dijitIcon,
.contextMenuItemActive,
#userAccountContainer .userAccountIcon,
#userData:before,
.copyLinkIcon,
.copyLinkSuccessIcon,
.downloadChartImageIcon,
.dgrid-header .columnFilterIcon {
    position: relative;
    font-family: 'FontAwesome';
    font-size: 1.3333em;
    color: var(--accent-colour-500);
    font-weight: normal;
    width: 1em;
    text-align: center;
}

/** global styles */
body {
    font-family: 'Roboto', Arial;
    font-size: 12px;
    color: #3A3A3A;
    background-color: #F6F6F6;
    overflow: hidden;
    --scrollbar-bg: #F7F7F7;
    --scrollbar-bg-light: #D3D3D3;
    --scrollbar-thumb-bg: #ACACAC;
}
body:not(.accessibility) * {
    outline: none;
}
body * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg);
}
*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
*::-webkit-scrollbar-track {
    border-radius: 16px;
    background-color: var(--scrollbar-bg);
}
*::-webkit-scrollbar-thumb {
    border-radius: 16px;
    background-color: var(--scrollbar-bg-light);
}
#workspaceContainer::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}
#workspaceContainer::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-bg);
}
input,
select,
textarea,
label,
.dijitTextBox {
    font-family: 'Roboto', Arial;
    color: #484848;
    font-size: 1.1667em;
    border-color: #E6E6E6;
}
.dojoxGrid,
.tundra .dijitMenuItem {
    font-family: 'Roboto', Arial;
}
a {
    text-decoration: none;
    color: var(--accent-colour-500);
    cursor: pointer;
}
a img {
    border: 0;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
input[type=text]::-ms-clear {
    display: none;
}
.accentColour {
    color: var(--accent-colour-500);
}
.accentColour .dijitComboButton {
    color: var(--accent-colour-500);
}
.accentBackground {
    background-color: var(--accent-colour-800);
}
#wholeBody {
    background-color: #F6F6F6 !important;
    min-height: 100vh;
}
#progressDialog {
    /** Make sure that the progressDialog is in front of the standbyWidget */
    z-index: 990 !important;
}
#topContainer {
    position: relative;
    z-index: 130;
}
#topBar {
    height: 70px;
    background-color: #FFF;
    padding: 20px 90px 0;
}
#headerWrapper {
    position: relative;
    height: 112px;
    display: flex;
    justify-content: center;
    padding-left: 90px;
    flex-direction: column;
    align-items: start;
    z-index: 120;
    background-image: linear-gradient(to right, var(--accent-colour-800), var(--accent-colour-500));
}
#appHeaderBackground {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/header.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.2;
}
#appCrumbs {
    position: relative;
    color: #FFF;
    margin: 5px 0;
}
#appCrumbs .crumbItem {
    margin-right: 10px;
    float: left;
}
#appCrumbs .crumbItem:after {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-left: 10px;
}
#appCrumbs span:last-child:after {
    display: none;
}
#appCrumbs div:last-child:after {
    display: none;
}
#appHeader {
    position: relative;
    color: #FFF;
    font-family: 'D-DIN';
    font-size: 2.6667em;
}
#topLogo {
    cursor: pointer;
}
/** Notifications */
#notificationBadge {
    font-family: 'FontAwesome';
    font-size: 1.6667em;
    color: var(--accent-colour-500);
    margin: 8px 25px 0 0;
    cursor: pointer;
}
#notificationBadge_dropdown .header {
    line-height: 15px;
    margin: 15px;
    overflow: hidden;
}
#notificationBadge_dropdown .headerTitle {
    float: left;
    font-weight: bolder;
    font-size: 1.15em;
}
#notificationBadge_dropdown {
    overflow-y: hidden !important;
}
#notificationBadge_dropdown .readAll {
    float: right;
}
#notificationBadge_dropdown .dgrid-header {
    min-height: 0px;
}
.notificationIcon {
    position: relative;
}
.notificationIcon:before {
    content: "\f0f3";
}
.notificationContainer {
    width: 340px;
    display: inline-flex;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .notificationContainer {
        display: -ms-flexbox;
        -ms-flex-pack: center;
    }
}
.notificationIcon[data-count="0"]:after,
.notificationIcon[data-count=""]:after {
    display: none;
}
.notificationIcon:after {
    font-family: 'Roboto', Arial;
    content: attr(data-count);
    position: absolute;
    background: #FF4F4F;
    height: 20px;
    top: -12px;
    right: -13.5px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-size: .6em;
    border-radius: 50%;
    color: white;
    border: 2px solid white;
}
.notificationTooltipDialog {
    width: 380px;
    height: 520px;
}
.notificationGrid {
    border: 1px solid #9e9e9e3d;
    background: #fff;
}
.notificationGrid {
    height: auto;
}
.notificationGrid .dgrid-no-data {
    text-align: center;
    padding: 10px;
}
.notificationGrid .dgrid-scroller {
    position: relative;
    max-height: 445px;
    overflow-y: auto;
}
.notificationGrid .dgrid-cell {
    padding: 10px 15px;
    border-bottom: 1px solid #E8E8E8;
}
.notificationGrid .dgrid-content a {
    color: #484848;
}
.notificationGrid .dgrid-row-odd,
.notificationGrid .dgrid-row-even {
    background: #FAFAFA;
}
.notificationGrid .unread {
    background: #EDF2FA;
}
.notificationContent {
    width: 340px;
}
.systemNotificationToaster .dijitToasterContent .notificationContainer:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    position: fixed;
    right: 10px;
    cursor: pointer;
    visibility: hidden;
}
.systemNotificationToaster .dijitToasterContent .notificationContainer:hover:before {
    visibility: visible;
}
.notificationContent,
.notificationContainer {
    height: auto;
    max-height: 90px;
}
.notificationContent .subj {
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.notificationContent .msg {
    height: auto;
    max-height: 55px;
    padding: 10px 0;
    overflow: hidden;
    width: 330px;
    white-space: pre-wrap;
}
.notificationContent .occurred:before {
    font-family: 'FontAwesome';
    content: "\f017";
    margin-right: 5px;
}
.notificationContent .occurred {
    padding: 5px 5px 0;
    font-size: .917em;
    text-align: right;
}
.tundra .notificationTooltipDialog .dijitTooltipContainer {
    padding: 0;
    color: #484848;
}
.notificationGrid {
    border: 0;
}
.notificationGrid .dgrid-row {
    border: 0 !important;
    border-bottom: 0;
    min-height: 90px;
}
.systemNotificationToaster .dijitToasterContainer {
    background-color: #ffffff !important;
    position: fixed;
    padding: 10px 0px 10px 10px;
    z-index: 970;
    border: 1px solid #dad3d3;
}
.systemNotificationToaster .dijitToasterContainer .notificationContent .occurred {
    display: none;
}
.systemNotificationToaster .dijitToasterContainer .notificationContent .subj {
    height: 20px;
    font-size: 1.1em;
}
.systemNotificationToaster .dijitToasterContainer .notificationContent .msg {
    height: 60px;
    width: inherit;
}
.systemNotificationToaster .dijitToasterContainer .notificationContent {
    width: 320px;
    display: inline-block;
}
.systemNotificationToaster {
    position: absolute;
    z-index: 970;
    top: 50px !important;
}
/** User Info */
#userAccountDropDown .dijitMenuArrowCell,
#userAccountDropDown .dijitMenuItemIconCell {
    display: none;
}
#userInfoContainer {
    color: #323333;
    float: right;
    position: relative;
}
#userInfo > div {
    float: left;
}
#userAccountContainer {
    position: absolute;
    right: -15px;
    top: -5px;
}
#userAccountContainer .dijitButtonNode {
    border: 0px;
    background: none;
}
#userAccountContainer .userAccountIcon {
    height: 25px;
    border-right: 1px dashed #E6E6E6;
}
#userAccountContainer .userAccountIcon:after {
    content: "\f107";
    color: var(--accent-colour-500);
    position: absolute;
    left: 27px;
    top: 6px;
}
#userAccountContainer .dijitArrowButtonInner {
    visibility: hidden;
}
#userInfo #userData {
    padding: 10px 50px;
    white-space: nowrap;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 24px;
    margin: -8px 0 0 10px;
}
#userData:before {
    content: "\f2bd";
    position: absolute;
    font-size: 2.3333em;
    margin: -1px 0 0 -39px;
    color: var(--accent-colour-800);
    font-weight: bold;
}
#userData .fullName {
    font-weight: bold;
}
#userData .login {
    font-size: 0.8333em;
}
#leftContainer {
    width: 380px;
    position: fixed;
    bottom: 0;
    left: -10px;
    background: #FFF;
    z-index: 1;
}
#leftContainer.leftContainer {
    display: none;
}
#leftContainer.open {
    display: block;
    border: 1px solid #CCCCCC;
}
#leftContainer hr {
    margin-left: 10px;
    margin-right: 10px;
}
#leftContainer .dijitMenuItem.indented {
    display: none;
}
#workspaceContainer {
    width: 100%;
    height: calc(100vh - 20px); /** 100% - topBar */
    overflow-y: scroll;
    background-color: #F7F7F7;
}
#workspaceArea {
    margin: 0 50px 30px;
    padding: 0 40px 40px;
    overflow: hidden;
}
#workspaceContainer #workspaceArea {
    border-radius: 0 0 16px 16px;
    background: #FFF none;
}
#jsrsWorkspacePayload {
    float: left;
    width: 100%;
}
div.clear {
    clear: both;
    height: 0px;
}
#actionsArea {
    overflow: hidden;
    margin: 20px 50px 0;
    padding: 10px 40px;
    border-radius: 16px 16px 0 0;
    background: #FFF none;
}
#actionsArea:before {
    content: ' ';
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100% - 10px);
    height: 5px;
    background-image: linear-gradient(to right, var(--accent-colour-800), var(--accent-colour-500));
    background-blend-mode: multiply, normal;
    z-index: 110;
    opacity: 0.9;
}

#navigatorArea {
    overflow: hidden;
    float: left;
}
#navigatorArea .dijitDropDownButton,
#navigatorArea .dijitButton {
    float: left;
}
.calendarTitle {
    margin: 5px 0 20px 0;
}
.calendarTitle,
.dashboardLinkHeader,
#navigatorArea .formTitle,
.listViewTitle,
.tundra .dijitDialogTitleBar {
    text-align: left;
    font-weight: bold;
    font-size: 1.5em;
}
#navigatorArea .formTitle,
.tundra .dijitDialogTitleBar {
    background-color: #FFF;
    background-repeat: no-repeat;
}
.tundra .dijitDialogTitleBar {
    padding: 20px 20px 20px 20px;
}
#navigatorArea .formTitle {
    padding-left: 10px;
    margin-top: 12px;
    background-position: 5px 4px;
}
.tundra .dijitDialogPaneContent {
    border: 0;
    padding: 20px;
    min-width: 500px;
}
.tundra .dijitDialogPaneActionBar {
    padding: 20px;
    overflow: hidden;
    text-align: right;
}
.tundra .dijitDialogCloseIcon,
.dataEntryDialogs .closeGroupImage,
.dataEntryDialog .closeImage {
    background: var(--accent-colour-500) none;
    color: #FFF;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    right: 17px;
    top: 15px;
    font-family: 'FontAwesome';
    font-weight: normal;
}
.tundra .dijitDialogCloseIcon:before,
.dataEntryDialogs .closeGroupImage:before,
.dataEntryDialog .closeImage:before {
    content: '\f00d';
    position: relative;
    left: 7px;
    top: 2px;
}
#toolbarContainer {
    overflow: hidden;
    float: right;
    clear: right;
    margin-right: -7px;
}
.toolMenu {
    float: right;
}
.toolMenuWrench {
    display: inline-flex;
    order: 1;
}
.toolMenuVisualize {
    display: inline-flex;
    order: 2;
}
#systemMessage {
    margin-top: 10px;
    height: 60px;
    overflow: hidden;
}
#systemMessage .messageContainer {
    height: 60px;
}
#systemMessage .singleMessage {
    padding: 10px;
    background-color: #F8F8F8;
    border: 1px solid #F2F2F2;
}
#systemMessage .messageNo,
#systemMessage .messageCount {
    font-weight: bold;
}
#systemMessage .messageTime {
    font-weight: bold;
    padding-left: 20px;
}
#systemMessage .messageText {
    margin-top: 7px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#systemMessage .highlightMessage {
    font-weight: bold;
}
#copyrightLine {
    margin-bottom: 10px;
}
#copyrightLine a {
    text-decoration: underline;
}
#standbyWidget > div,
#spellcheckStandbyWidget > div {
    background: transparent url(../images/clear.gif) !important;
}
#quickViewToolbar .toolMenu {
    float: right;
}
#progressDialog #operationCancel {
    text-align: center;
    padding-top: 30px;
}
#progressDialog .dijitProgressBarTile {
    height: 40px;
    background-image: linear-gradient(to right, var(--accent-colour-800), var(--accent-colour-500));
    opacity: 0.6;
}
#progressDialog .dijitProgressBarFull {
    height: 40px;
    border: 0;
}
#progressDialog .dijitProgressBarEmpty {
    background-image: none;
    height: 40px;
    border-radius: 8px;
}
#progressDialog .dijitProgressBarLabel {
    padding-top: 12px;
}

/** dashboards */
.mainToolbar.dashboard {
    display: none;
}
.formTypeDashboard .formCell {
    padding: 0;
}
.formTypeDashboard a {
    color: #3A3A3A;
}
.formTypeDashboard p {
    margin: 0;
}
.dashboardItem .dashboardLinksContainer .dashboardLinkHeader {
    font-weight: bold;
    margin: 7px 0 2px;
    font-size: 1.25em;
}
.dashboardImageLink {
    cursor: pointer;
}
.dashboardItem .dashboardLink {
    padding: 2px 3px 3px 15px;
    cursor: pointer;
}
.dashboardItem .dashboardLink a {
    font-weight: normal;
}
.dashboardItem .dashboardLinkHeader.linkAsBtnHeader {
    padding: 10px 0;
    font-size: 1.3333em;
}
.dashboardLink {
    cursor: pointer;
}
.dashboardLink.linkAsButton {
    padding: 0;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    margin-bottom: 20px;
    min-height: 70px;
}
.dashboardLink.linkAsButton,
.dashboardLink.linkAsButton a {
    display: flex;
    align-items: center;
    min-height: 70px;
    width: 100%;
}
.dashboardLink.linkAsButton:hover {
    border-color: var(--accent-colour-500);
}
.dashboardLink.linkAsButton:last-child {
    margin-bottom: 0;
}
.dashboardLink.linkAsButton:empty {
    border: 0;
}
.dashboardLink.linkAsButton a {
    border: 0;
}
.dashboardLink.linkAsButton .icon {
    width: 70px;
    padding: 15px;
    border-right: 1px dotted #E6E6E6;
}
.dashboardLink.linkAsButton .icon img {
    max-width: 40px;
    max-height: 40px;
}
.dashboardLink.linkAsButton .buttonText {
    padding: 0 5px 0 15px;
}
.dashboardLink.linkAsButton .title {
    font-size: 1.3333em;
    font-weight: bold;
}
.dashboardLink.linkAsButton .subtitle {
    padding-top: 6px;
    color: #747474;
}
.dashboardImageContainer {
    text-align: center;
}
.dashboardIFrameContainer {
    text-align: center;
}
.dashboardIFrameFullHeightContainer {
    height: 100vh;
}
.dashboardIFrameContainer iframe {
    margin: auto;
    border-radius: 8px;
}
.dashboardItem .mapContainer {
    border: 0;
}
/** tables */
table.table,
table.treetable {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}
.wideTable .table {
    border-right: none;
    border-radius: 8px 0 0 0;
}
.treetable .selectColumn {
    width: 65px;
}
.smallPanelContent > table.table {
    border-radius: 8px 8px 0 0;
}
.table > tbody > tr > td {
    vertical-align: top;
}
.table tr.th > td,
.panelTable tr.th > td,
.table tr > th,
.panelTable tr > th {
    border-top: none;
    font-size: 0.9167em;
    text-transform: uppercase;
    padding: 15px 20px;
    color: #747474;
    vertical-align: top;
}
.table tr.th > td.selDelete,
.table tr.th > td.selQuickView {
    width: 75px;
}
.table tr.th > td img {
    margin-left: 10px;
}
.table tr.trSearch td,
.table tr.trSearchForm td {
    background-color: #FFF;
    white-space: nowrap;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    padding: 10px 8px;
}
.table tr.trSearchForm td:first-child {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.table tr.trSearchForm > td input {
    border: 1px solid #E6E6E6;
    font-size: 0.9167em;
    color: #686868;
    padding: 7px 12px;
    border-radius: 8px;
}
.table tr.trSearchForm .searchButton {
    background: transparent url(../images/list_view_search.png) no-repeat center 4px;
    margin-left: -22px;
    border: 0;
    cursor: pointer;
}
.table tr.trSearchForm > td input.dateSearchDay,
.table tr.trSearchForm > td input.dateSearchMonth {
    background-image: none;
    padding: 7px 3px;
}
.table tr.trSearchForm > td input.dateSearchYear {
    padding: 7px 3px;
}
.table .tr0h,
.treetable .tr0h {
    font-weight: bold;
}
.selectedItemsContainer .table .tr0h {
    font-weight: normal;
}
.table tr.th .sortHeader {
    cursor: pointer;
}
.table .th td.clearAll,
.treetable .th td.clearAll {
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: var(--accent-colour-500);
    text-transform: none;
    font-weight: bold;
    font-size: 1.1em;
}
.treetable .th td.clearAll {
    padding-left: 10px;
}
.treetable .th td {
    padding: 15px 5px 15px 20px;
    text-transform: uppercase;
    height: 46px;
}
.selectedItemsContainer table,
.treetable {
    min-width: 600px;
}
.treetable td.treeContent {
    font-size: 1.25em;
    height: 40px;
}
.treetable td.treeContent .treeNodeContainer {
    height: 40px;
    max-width: 70vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}
.treetable td.treeContent img {
    background-color: var(--accent-colour-500);
}
.treetable td.selectCheckbox {
    height: 40px;
    text-align: center;
    padding-bottom: 3px;
}
.table > tbody > tr:not(.th):not(.mdInstanceBPD) > td,
.panelTable > tbody > tr > td {
    padding: 15px 20px;
    font-size: 1.1667em;
    vertical-align: top;
}
.table > tbody > tr > td,
.panelTable > tbody > tr > td {
    border-top: 1px dashed #E8E8E8;
}
.table > tbody > tr:not(.mdInstanceBPD):hover,
.panelTable > tbody > tr:hover {
    background-color: #FBFBFB;
}
.table > tbody tr:first-child > td,
.panelTable > tbody tr:first-child > td,
.table > tbody tr:first-child > th,
.panelTable > tbody tr:first-child > th {
    border-top-style: none;
}
.selectedItemsTable > tbody tr:first-child > td {
    border-top-style: none;
}
.panelTable .selQuickView,
.panelTable .selDelete,
.panelTable tr.th > td.selQuickView,
.panelTable tr.th > td.selDelete {
    text-align: center;
    padding: 15px 10px 15px 0;
    width: 30px;
}
.table td.selectCheckbox {
    text-align: center;
}
.moveUpDownCell {
    width: 20px;
    text-align: left;
    border: 1px solid #E8E8E8;
    border-radius: 0 8px 0 0;
}
.moveUpDownTable {
    margin-top: 20px;
}
.moveUpDownTable img {
    margin: 10px;
    cursor: pointer;
}
.listViewPager {
    text-align: center;
    margin-top: 10px;
}
.listViewPager > span {
    display: inline-block;
    padding: 5px;
}
.listViewPager span.pagerButtonLeft {
    border-right: none;
}
.listViewPager span.pagerButtonRight {
    border-left: none;
}
.listViewPager span a {
    padding: 0 5px;
}
.listViewPager span a img {
    width: 5px;
    height: 10px;
}
.listViewPager span a.count {
    color: #484848;
}
.listViewPager span a.countActive {
    font-weight: bold;
}
.listViewPager span.records {
    padding-left: 20px;
    color: #A7A7A7;
    border: none;
}
.listViewPager span a.direction_b {
    background: url(../images/left.png) no-repeat center center;
}
.listViewPager span a.direction_c {
    width: 10px;
    height: 10px;
    background: url(../images/right.png) no-repeat center center;
}
.tundra .listViewNumberField {
    display: block;
    text-align: right;
}

/** overwrites for dojo styles */
.tundra .dijitHidden {
    /**
     * dijitHidden changed from "display: none" to "visibility: hidden; position: absolute"
     * but it's causing trouble for us in tabforms within tabforms as hidden elements still
     * seem to take space and shift things around so we're moving hidden elements out of the screen.
     * See: https://bugs.dojotoolkit.org/ticket/18612
     */
    top: -99999em;
}
.tundra .dijitValidationTextBoxError .dijitValidationIcon {
    display: none;
}
.toolbarRow,
.mainToolbar,
.dijitButton,
.dijitComboButton {
    font-weight: bold;
    color: #484848;
}
.tundra .dijitButtonNode {
    padding: 0;
    background: #FFF none;
    border-color: #E6E6E6;
    border-radius: 8px;
}
.tundra .dijitComboButton .dijitButtonNode {
    border-radius: 8px 0 0 8px;
}
.tundra .dijitComboButton .dijitArrowButton {
    border-radius: 0 8px 8px 0;
    border-left-color: transparent;
}
.tundra .dijitButtonNode .dijitIcon {
    color: unset;
}
.tundra .dijitDisabled .dijitIcon {
    color: #7F7F7F;
}
.tundra .toolMenu .dijitButtonNode,
.dijitDialogPaneActionBar .dijitButtonNode,
.spellCheckButtons .dijitButtonNode,
.questionnaireRelatedRecordsActions .dijitButtonNode,
.questionnaireAttachmentsActions .dijitButtonNode {
    color: var(--accent-colour-500);
}
.tundra .dijitSelect,
.tundra .dijitTextBox {
    background: #FFF none;
    border-radius: 8px;
}
.tundra .dijitTextBoxReadOnly,
.tundra .dijitTextBoxReadOnly .dijitButtonNode,
.tundra .dijitButtonDisabled .dijitButtonNode,
.tundra .dijitToggleButtonDisabled .dijitButtonNode,
.tundra .dijitDropDownButtonDisabled .dijitButtonNode,
.tundra .dijitComboButtonDisabled .dijitButtonNode,
.tundra .dijitTextBoxDisabled,
.tundra .dijitTextBoxDisabled .dijitButtonNode,
.tundra .dijitComboBox.inputDisabled .dijitButtonNode,
.tundra .formCell .inputDisabled,
.tundra .formCell input.inputDisabled,
.tundra .formCell select.inputDisabled,
.fileSelector.readOnly .fileInfo {
    background: #F7F7F7 none;
    border-color: #F7F7F7;
    color: #8F8F8F;
}

/* Hacked button-look-alike in a menu for ContextMenus */
.tundra .contextMenu .dijitMenuItemLabel a {
    background: #E6E6E6 none;
    border: 1px solid #c0c0c0 !important;
    display: block;
    overflow: auto;
    padding: 4px;
    color: #484848;
}
.tundra .contextMenu.accentColour .dijitMenuItemLabel a {
    color: inherit;
}
.tundra .contextMenu .dijitMenuItemLabel a:hover {
    background: #FBFBFB none;
}
.tundra .contextMenu .dijitMenuItemLabel a:active {
    background: var(--accent-colour-100) none;
}
.tundra .contextMenu .dijitMenuItemLabel a:disabled {
    background: #E4E4E4 none;
}
/* Our hamburger is on the right side of screen; it's popup-menu-items go to the left,
so lets use a left-arrow instead of a right-arrow */
.tundra .contextMenu .dijitMenuExpand.dijitIcon {
    background-position: -7px 0;
    width: 7px;
}
.tundra #toolbarContainer .dijitButtonNode > span,
.tundra #toolbarContainer .dijitButtonNode > div,
.tundra .lookupActions .dijitButtonNode > span,
.tundra .lookupActions .dijitButtonNode > div,
.tundra .subformOptions .dijitButtonNode > span,
.tundra .subformOptions .dijitButtonNode > div,
.tundra #operationCancel .dijitButtonNode > span,
.tundra #operationCancel .dijitButtonNode > div,
.tundra #workSpace .dijitButtonNode > span,
.tundra #workSpace .dijitButtonNode > div,
.tundra .listViewSearch .dijitButtonNode > span,
.tundra .listViewSearch .dijitButtonNode > div {
    height: 3em;
}
.tundra .dijitButtonText {
    font-size: 1.1667em;
    padding: 0.5em 0.3em;
}
.tundra #toolbarContainer .dijitButtonText,
.tundra .lookupActions .dijitButtonText,
.tundra .subformOptions .dijitButtonText,
.tundra #operationCancel .dijitButtonText,
.questionnaireRelatedRecordsActions .dijitButtonText,
.questionnaireAttachmentsActions .dijitButtonText {
    padding: 7px 0 0 8px;
}
.tundra td.dijitButtonNode {
    vertical-align: top;
}
.tundra td.dijitArrowButton {
    vertical-align: middle;
}
.tundra .dijitButtonContents {
    padding: 3px 15px;
}
.tundra .dijitComboButton .dijitButtonNode .dijitIcon {
    display: none;
}
/*Other than dashboards eg:Questionnaire styles*/
.tundra .dijitTitlePaneTitle {
    font-size: 1.5em;
    font-weight: bold;
    color: #1F1F1F;
    background: #EDEDED none;
    padding: 10px 10px 15px;
    border-color: #E6E6E6;
}
.tundra .dijitTitlePaneContentOuter {
    border-color: #E6E6E6;
    overflow: auto;
}
.tundra .dijitTitlePaneTitle .dijitArrowNode {
    float: right;
    margin-top: 8px;
    background-position: -21px 0;
}
.tundra .dijitTitlePane .dijitClosed .dijitArrowNode {
    background-position: 0 0;
}
.tundra .formTypeDashboard .dijitTitlePaneTitle {
    font-size: 1.6667em;
    font-weight: bold;
    background: #FFF;
    border: 0;
    color: var(--accent-colour-900);
}
.tundra .formTypeDashboard .dijitTitlePaneTitle.dijitClosed {
    padding-bottom: 20px;
}
.tundra .formTypeDashboard .dijitTitlePaneTitle .dijitTitlePaneTitleFocus {
    display: inline-block;
}
.tundra .formTypeDashboard .dijitTitlePaneContentOuter {
    border: 0;
}
.tundra .formTypeDashboard .dijitTitlePaneContentInner {
    padding: 0;
}
.tundra .formTypeDashboard .dijitTitlePaneTitle .dijitArrowNode {
    background: none;
    margin-top: auto;
    font-family: 'FontAwesome';
    font-size: 0.7em;
}
.tundra .formTypeDashboard .dijitTitlePaneTitle .dijitArrowNode:before {
    padding: 4px 0 0 4px;
    content: '\f077';
    display: block;
}
.tundra .formTypeDashboard .dijitTitlePane .dijitClosed .dijitArrowNode:before {
    content: '\f078';
}
.tundra .dropDownMenu .dijitIcon {
    color: #6B7280;
}
.tundra .dijitMenuPassive .dijitMenuItemHover,
.tundra .dijitComboBoxMenu .dijitMenuItemHover,
.tundra .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
.tundra .dijitMenuItemSelected {
    background: #FBFBFB none;
    color: #3A3A3A;
}
.tundra .dijitCalendarPopup {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}
.tundra .dijitCalendarContainer {
    background-color: #FFF;
    border-radius: 8px;
}
/* Dojo 1.11.2 introduces rendering problems with popup calendars; this is the workaround-fix */
.tundra .dijitCalendarContainer table {
    width: calc(100% - 130px);
    margin: 0 65px;
}
.tundra .dijitCalendarDateTemplate {
    padding: 0;
    font-size: 1.2037em;
}
.tundra .dijitCalendarDateTemplate .dijitCalendarDateLabel {
    display: inline-block;
    padding: 7px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.tundra .dijitCalendarSelectedDate {
    background-color: #FFF !important;
}
.tundra .dijitCalendarHoveredDate:not(.dijitCalendarSelectedDate) .dijitCalendarDateLabel {
    background-color: #E6E6E6;
    color: #3A3A3A;
}
.tundra .dijitCalendarCurrentDate.dijitCalendarCurrentMonth:not(.dijitCalendarSelectedDate) .dijitCalendarDateLabel {
    background-color: var(--accent-colour-100);
}
.tundra .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    background-color: var(--accent-colour-500);
    color: #FFF;
}
.tundra .dijitCalendarMonthContainer,
.tundra .dijitCalendarYearContainer,
.tundra .dijitCalendarDayLabelTemplate,
.tundra .dijitCalendarPreviousMonth,
.tundra .dijitCalendarNextMonth,
.tundra .dijitCalendarHoveredDate {
    background: #FFF none;
    border-radius: 8px;
}
.tundra .dijitCalendarPreviousMonth,
.tundra .dijitCalendarNextMonth {
    color: #E6E6E6;
    font-weight: normal;
}
.tundra .dijitCalendarDayLabelTemplate {
    padding: 1em;
    border: 0;
}
.tundra .dijitCalendarMonthContainer {
    border-bottom: 1px dashed #EEE;
}
.tundra .dijitCalendarMonthLabel {
    font-weight: normal;
    padding: 5px 15px;
}
.tundra .dijitCalendarYearLabel {
    padding: 10px;
    border-top: 1px dashed #EEE;
    font-size: 1.25em;
}
.tundra .dijitCalendarSelectedYear {
    background: #FFF !important;
    color: var(--accent-colour-500);
    padding: 0;
}
.tundra .dijitCalendarCurrentMonthLabel {
    font-weight: bold;
}
.tundra .dijitCalendarIncrementControl {
    display: none;
}
.tundra .dijitCalendarArrow {
    color: var(--accent-colour-500);
    border: 1px solid var(--accent-colour-500);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 20px;
    cursor: pointer;
    font-family: 'FontAwesome';
    padding-top: 8px;
}
.tundra .dijitCalendarIncrementArrow:before {
    content: '\f054';
}
.tundra .dijitCalendarArrow.dijitCalendarIncrementArrow {
    left: unset;
    right: 20px;
}
.tundra .dijitCalendarDecrementArrow:before {
    content: '\f053';
}
.tundra .dijitCalendar .dijitDropDownButton .dijitButtonNode {
    border: 0;
}
.tundra .dijitTab {
    background: #FFF none;
}
.tundra .dijitDialog {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 8px;
}
.tundra .dijitSelect,
.tundra .dijitSelectFocused,
.tundra .dijitTextBox,
.tundra .dijitTextBoxFocused,
.tundra .dijitSelect TD,
.tundra .dijitSelectFocused TD,
.tundra .dijitTextBox .dijitButtonNode,
.tundra .dijitTextBoxFocused .dijitButtonNode {
    border-color: #E6E6E6;
}
.tundra div.dijitMenuItem,
.tundra .dijitMenuItem .dijitMenuItemLabel {
    font-size: 1.0833em;
    padding: 12px;
}
.dijitMenuPopup .noItems .dijitMenuItemLabel {
    min-width: 120px;
}
.tundra .dijitMenuItem .dijitMenuItemIconCell {
    padding-left: 12px;
}
.tundra .dijitMenuItem.indented .dijitMenuItemLabel {
    text-indent: 20px;
}
.tundra div.dijitMenuPreviousButton,
.tundra div.dijitMenuNextButton {
    font-size: 1em;
    font-weight: bold;
}
.tundra .mainMenu .dijitMenuItemIconCell {
    display: none;
}
.tundra .dijitDialog {
    border-color: #DCDCDC;
}
.tundra .dijitDialog > * {
    /** Required for correct sizing of dialogs with scrollbars */
    box-sizing: content-box;
}
.tundra .dijitDialogUnderlay {
    opacity: 0.85;
    filter: Alpha(opacity=85);
    background-color: #202020;
}
.formContents .dijitTabPaneWrapper {
    border: 0;
}
.formContents .dijitTabContainer .dijitTab {
    padding: 18px 35px;
    color: #393939;
    background: #FBFBFB none;
    border-color: #E6E6E6;
    border-radius: 2px;
    margin-right: -1px;
}
.formContents .dijitTabContainer.manyTabs .dijitTab {
    padding: 15px 25px;
}
.formContents .dijitTab .tabLabel {
    font-size: 1.2em;
}
.formContents .dijitTabContainerTop .dijitContentPane {
    background: #FFF none;
}
.formContents .dijitTabContainerTop-tabs div:first-child {
    border-radius: 8px 0 0 0;
}
.formContents .dijitTabContainerTop-tabs div:last-child {
    border-radius: 0 8px 0 0;
}
.formContents .dijitTabContainerTop-tabs div:first-child:last-child {
    border-radius: 8px 8px 0 0;
}
.formContents .dijitTabContainerTop-tabs .dijitTabChecked {
    background: #FFF none;
    font-weight: bold;
}
.tundra .dijitTabContainerTop-tabs .dijitTab:before {
    content: "";
    display: block;
    position: absolute;
}
.tundra .dijitTabContainerTop-tabs .dijitTabChecked:before {
    height: 3px;
    background-color: var(--accent-colour-500);
    border-radius: 2px;
    bottom: 0;
    left: -1px;
    right: -1px;
}
.tundra .dijitTabContainer .tabStripButton {
    height: 26px !important;
    padding-top: 5px;
}
.tundra .dijitTabContainer.dijitTabContainerTop {
    padding-left: 3px;
}
.tundra .dijitTabContainer .dijitTabContainerTop-tabs {
    padding-left: 0;
    border-color: #E6E6E6;
}
.tundra .formCell .dijitSliderImageHandleV,
.tundra .formCell .dijitSliderFocused .dijitSliderImageHandleV {
    background: #FFF none;
    border-radius: 50%;
    border: 3px solid var(--accent-colour-500);
    width: 24px;
    height: 24px;
    top: -12px;
    position: absolute;
    box-sizing: border-box;
}
.tundra .formCell .dijitSliderReadOnly .dijitSliderImageHandleV:after {
    background: #6E6E6E;
}
.tundra .dijitSliderBar {
    border: 0;
}
.tundra .dijitSliderBarV,
.tundra .dijitSliderBumperV {
    width: 6px;
}
.tundra .dijitSliderProgressBarV,
.tundra .dijitSliderFocused .dijitSliderProgressBarV,
.tundra .dijitSliderRemainingBarV,
.tundra .dijitSliderFocused .dijitSliderRemainingBarV,
.tundra .dijitSliderTopBumper,
.tundra .dijitSliderFocused .dijitSliderTopBumper,
.tundra .dijitSliderBottomBumper,
.tundra .dijitSliderFocused .dijitSliderBottomBumper {
    background: #EEEEEE none;
}
.tundra .dijitSliderProgressBar,
.tundra .dijitSliderFocused .dijitSliderProgressBar,
.tundra .dijitSliderBottomBumper,
.tundra .dijitSliderFocused .dijitSliderBottomBumper {
    background-color: var(--accent-colour-500);
}
.tundra .dijitSliderTopBumper {
    border-radius: 8px 8px 0 0;
}
.tundra .dijitSliderBottomBumper {
    border-radius: 0 0 8px 8px;
}
.tundra .dijitRuleMark {
    border-color: #FFF;
}
.tundra .dojoxGrid {
    font-size: 1em;
    background-color: #FFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px 8px 0 0;
}
.tundra .dojoxGridHiddenFocus {
    display: none;
    position: relative;
    top: 0;
}
.tundra .dojoxGridRowOdd {
    background-color: #FFF;
}
.tundra .dojoxGridCell {
    padding: 15px 5px 15px 20px;
    vertical-align: top;
    border-color: transparent;
    border-top: 1px dashed #E8E8E8;
    font-size: 1.1667em;
}
.tundra .dojoxGridCell.readOnlyField,
.tundra .dojoxGridCell[aria-readonly="true"],
.tundra .dojoxGridRowOver .dojoxGridCell.readOnlyField,
.tundra .dojoxGridRowSelected .dojoxGridCell[aria-readonly="true"] {
    color: #8c8c8c;
}
.tundra .dojoxGridRowTable .dojoxGridCell:nth-of-type(1) {
    padding-left: 30px;
}
.tundra .dojoxGridRowEditing .dojoxGridCellFocus {
    padding: 4px !important;
}
.formCell .dojoxGrid .dijitTextBox {
    padding: 10px;
    height: 39px;
    min-width: 100%;
    font-size: 1em;
}
.tundra .dojoxGridRowTable .dojoxGridCell:nth-of-type(1) .dijitInputField {
    padding-left: 10px;
}
.tundra .dojoxGridCell .dojoxGridInput[type=checkbox] {
    margin-top: 2px;
}
.tundra .dojoxGridRowEditing .dojoxGridCellFocus .dojoxGridInput[type=checkbox] {
    margin: 13px 1px 11px 16px;
}
.tundra .dojoxGrid .dijitComboBox .dijitButtonNode {
    height: 37px;
    width: 25px;
    padding-top: 12px;
    top: -10px;
    right: -10px;
}
.tundra .dojoxGridHeader,
.tundra .dojoxGridView {
    margin-left: -1px;
}
.tundra .dojoxGridRowTable {
    min-height: 28px;
}
.tundra .dojoxGridHeader .dojoxGridCell {
    text-transform: uppercase;
    padding: 15px 5px 15px 20px;
    border-bottom: 3px solid #e5e5e5;
    background: #FFF none;
    border: 0;
    color: #747474 !important;
    font-size: 0.9167em;
}
.tundra .dojoxGridRowOver,
.tundra .dojoxGridRowOver .dojoxGridCell,
.tundra .dojoxGridRowEditing td {
    background-color: #FBFBFB !important;
    color: #3A3A3A;
}
.tundra .dojoxGridRowSelected:not(.dojoxGridRowEditing) {
    background-color: var(--accent-colour-100) !important;
}
.tundra .dojoxGridCellFocus {
    border-color: #A4A4A4 !important;
}
.tundra .dojoxGrid .validationFailed {
    border: 1px solid #FF4F4F;
}
.tundra .dijitTreeRowSelected .dijitTreeLabel,
.tundra .dojoDndItemAnchor,
.tundra .dojoDndItemSelected {
    background-color: var(--accent-colour-100);
}
.tundra .dijitComboBox .dijitButtonNode {
    height: 46px;
    width: 48px;
    color: var(--accent-colour-500);
    padding-top: 16px;
    font-family: 'FontAwesome';
    border: 0;
    border-radius: 0 8px 8px 0;
    position: relative;
    background: #FFF none;
    top: -16px;
}
.tundra .dijitDropDownButton .dijitArrowButtonInner {
    color: var(--accent-colour-500);
    font-family: 'FontAwesome';
    background: transparent none;
    font-weight: bold;
    margin-left: 7px;
    display: inline;
}
.tundra .dijitComboBox .dijitButtonNode:before,
.tundra .dijitDropDownButton .dijitArrowButtonInner:before {
    content: "\f107";
}
.tundra .dijitComboBox.dijitDateTextBox .dijitButtonNode:before {
    content: "\f133";
}
.tundra .dijitDateTextBox .dijitArrowButtonInner,
.tundra .dijitComboBox .dijitArrowButtonInner,
.tundra .dijitSelect .dijitButtonContents {
    /* we need to position the button node on top of the icon and make it invisible */
    opacity: 0;
    position: absolute;
    width: 100%;
    top: 1px;
    left: -5px;
}

/** toolbar */
.tundra .dijitButton,
.tundra .dijitDropDownButton {
    margin: 0.2em 0.7em;
}
.tundra .dijitMenu,
.tundra .dijitMenuBar {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    background-color: #FFF;
}
.tundra .dijitButtonNode .dijitIcon {
    padding-top: 7px;
}
.toolMenu_refresh:before {
    content: "\f2f1";
}
.toolMenu_print:before {
    content: "\f02f";
}
.toolMenu_new:before,
.toolMenu_add_new:before,
.subformAddIcon:before {
    content: "\f067";
}
.toolMenu_edit:before {
    content: "\f044";
}
.toolMenu_delete:before,
.subformDeleteIcon:before {
    content: "\f1f8";
}
.toolMenu_workflow:before {
    content: "\f61f";
}
.primaryButton:not(.dijitButtonDisabled) .dijitButtonNode,
.primaryButton:not(.dijitButtonDisabled) .dijitIcon,
.mainToolbar a:first-child .dijitButton:not(.dijitButtonDisabled) .dijitButtonNode,
.mainToolbar a:first-child .dijitButton:not(.dijitButtonDisabled) .dijitIcon,
.mainToolbar a:first-child .dijitButtonActive .dijitButtonNode,
.dijitDialogPaneActionBar span:first-of-type:not(.dijitButtonDisabled) .dijitButtonNode,
.dijitDialogPaneActionBar span:first-of-type:not(.dijitButtonDisabled) .dijitIcon {
    background: var(--accent-colour-500) none;
    color: #FFF;
}
.toolMenu_save:before {
    content: "\f0c7";
}
.toolMenu_cancel:before {
    content: "\f00d";
}
.toolMenu_duplicate:before {
    content: "\f0c5";
}
.toolMenu_log_entries:before {
    content: "\f1da";
}
.toolMenu_ok:before,
.contextMenuItemActive:before {
    content: "\f00c";
}
.toolMenu_view:before {
    content: "\f002";
}
.toolMenu_select_existing:before,
.subformSelectExistingIcon:before {
    content: "\f25a";
}
.toolMenu_send_to:before {
    content: "\f0e0";
}
.toolMenu_pdf:before {
    content: "\f1c1";
}
.toolMenu_bowtie:before {
    content: "\f542";
    font-size: 0.95em;
}
.toolMenu_report:before {
    content: "\f659";
}
.toolMenu_expand:before {
    content: "\f0fe";
}
.toolMenu_collapse:before {
    content: "\f146";
}
.toolMenu_filter:before {
    content: "\f00e";
}
.toolMenu_properties:before {
    content: "\f0ad";
}
.toolMenu_export:before {
    content: "\f56e";
}
.toolMenu_new_window:before,
.toolMenu_preview:before {
    content: "\f2d0";
}
.toolMenu_pin:before {
    content: "\f60a";
}
.toolMenu_unpin:before {
    content: "\f609";
}
.toolMenu_pin_bi_console:before {
    content: "\f041";
}
.toolMenu_run:before,
.toolMenu_actions:before {
    content: "\f085";
}
.toolMenu_bulkupdate:before {
    content: "\f0ae";
}
.toolMenu_columns:before {
    content: "\f0db";
}
.toolMenu_multi_sort:before {
    content: "\f0dc";
}
.toolMenu_submit:before {
    content: "\f101";
}
.toolMenu_defaults:before {
    content: "\f14b";
}
.toolMenu_validations:before {
    content: "\f46c";
}
.toolMenu_add:before {
    content: "\f055";
}
.toolMenu_add:before {
    content: "\f055";
}
.toolMenu_calculate:before {
    content: "\f1ec";
}
.toolMenu_image:before {
    content: "\f1c5";
}
.toolMenu_i18n:before {
    content: "\f1ab";
    position: relative;
    left: -2px;
}
.toolMenu_chart:before {
    content: "\f200";
}
.snooze:before {
    content: "\f845";
}
/** Toolbar Hamburger Button - Make it only show the icon */
.mainToolbar .dijitDropDownButton .dijitButtonText,
.mainToolbar .dijitDropDownButton .dijitArrowButtonInner {
    display: none;
}

/** content */
.panelContent {
    overflow: hidden;
    background: #FFF none;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    margin-bottom: 30px;
}
.dijitTabPane .panelContent {
    border: 0;
}
.panelHeader {
    display: block;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
    padding: 20px 30px 18px;
    font-size: 1.1667em;
}
.dijitTabPane > .panelContent > .panelHeader {
    display: none;
}
.panelFooter {
    clear: right;
    height: 0px;
}
div.underline {
    display: none;
    opacity: 0.3;
    filter: Alpha(opacity=30);
}
.form {
    padding: 40px 0 20px;
    overflow: hidden;
}
.formEmptyCell {
    height: 1px;
    font-size: 0.1em;
    float: left;
    position: relative;
}
.formCell {
    float: left;
    padding: 0 30px 30px;
    position: relative;
    min-height: 1px;
}
.rowColumns1 {
    width: 100%;
}
.rowColumns2 {
    width: 50%;
}
.rowColumns3 {
    width: 33.3333%;
}
.rowColumns4 {
    width: 25%;
}
.rowColumns5 {
    width: 20%;
}
.rowColumns6 {
    width: 16.6667%;
}
.rowColumns7 {
    width: 13.7143%;
}
.rowColumns8 {
    width: 14.2857%;
}
.rowColumns9 {
    width: 11.1111%;
}
.rowColumns10 {
    width: 10%;
}
.formCell .fieldLabelInfo.labelHeader {
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
    font-size: 1.5em;
}
.formCell .fieldLabelInfo.labelNote {
    font-size: 1.25em;
}
.formCell .fieldLabel,
.formCell .smallPanelHeader,
.filterDialog .fieldLabel,
#spellCheckDialog .fieldLabel {
    display: inline-block;
    padding: 0 10px 3px 10px;
    position: relative;
    top: 10px;
    left: 10px;
    background: #FFF none;
    text-transform: uppercase;
    color: #5E5E5E;
    z-index: 1;
    font-size: 0.9167em;
}
.fileSelectionLabel {
    display: none;
}
.subformFieldLabel .fieldLabel,
.formCell:not(.FilterBuilder) .multiSelectionLookupFieldLabel .fieldLabel,
.matrixFieldLabel .fieldLabel,
.gridViewOuterContainer .fieldLabel,
.formCell .smallPanelHeader {
    padding-left: 0;
    left: 0;
}
.formCell .fieldLabel {
    max-width: 70%;
}
.formCell .fieldLabelInfo {
    font-weight: bold;
}
.formCell .fieldLabelInfo .biLabelField {
    padding-left: 10px;
}
.formCell .fieldLabelLeft {
    width: calc(50% - 25px);
    float: left;
    padding-top: 9px;
}
.fieldLabel.requiredField::after {
    content: "*";
    margin-left: 5px;
    color: #016BFF;
    font-weight: bold;
}
.form span.fieldLabelStyleItalic {
    font-style: italic;
}
.form span.fieldLabelStyleFontBigger {
    font-size: 1.25em;
}
.form span.fieldLabelStyleFontSmaller {
    font-size: 0.75em;
}
.dashboardItem .fieldLabel,
.dashboardEmbeddedItemContainer .fieldLabel {
    display: none;
}
.formCell .fieldTooltip.iconLink {
    font-size: 1em;
    font-weight: bold;
    height: min-content;
    max-height: 1.2em;
    cursor: pointer;
    z-index: 2;
    position: relative;
    left: 7px;
    top: 10px;
}
.formCell .fieldTooltip .dijitButtonContents {
    padding: 0;
}
.formCell .iconLink.fieldTooltip:before {
    content: "\f05a";
    color: var(--accent-colour-800);
    background-color: #FFF;
    padding-right: 10px;
}
.formCell .fieldTooltipButton {
    display: inline;
    opacity: 0;
    pointer-events: none;
    position: relative;
    left: -38px;
    padding-top: 3px;
}
.dj_webkit .tundra .dijitTooltipContainer {
    box-shadow: none;
    -webkit-box-shadow: none;
    background: #FFF none;
    border-radius: 8px;
}
.tundra .dijitTooltipAbove .dijitTooltipConnector {
    background-image: url("../images/tooltipConnectorDown.png");
}
.fieldTooltipDialog .dijitTooltipContainer {
    padding: 10px 15px;
    max-width: 300px;
    border-radius: 8px;
    background: #FFF none;
}
.fieldTooltipDialog .fieldTooltipDialogClose.iconLink {
    position: absolute;
    top: 3px;
    right: 6px;
    display: none;
    cursor: pointer;
}
.fieldTooltipDialog .fieldTooltipDialogClose.visible {
    display: inline-block;
}
.fieldTooltipDialogClose:before {
    content: "\f00d";
}
.formCell .smallPanelHeaderRight {
    float: right;
}
.formCell .smallPanelHeaderLeft {
    float: left;
}
.formCell input.input,
.formCell select.input,
.formCell textarea.inputTextArea,
.calendarViewInfoBar input.input,
.exportDialog .dijitTextBox,
.formCell .dijitSelect,
.formCell .dijitTextBox {
    color: #3A3A3A;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 16px 20px 14px 20px;
    background: #FFF none;
    vertical-align: middle;
    font-size: 1.1667em;
    height: 48px;
}
.formCell textarea.inputTextArea {
    height: auto;
}
.formCell .dijitSelect,
.formCell .dijitTextBox {
    padding-right: 0;
}
.formCell .dijitNumberTextBox {
    padding-right: 20px;
}
.tundra .formCell .inputDisabled .dijitButtonNode,
.tundra .formCell input.inputDisabled .dijitButtonNode,
.tundra .formCell select.inputDisabled .dijitButtonNode {
    color: #9C9C9C;
}

.formCell textarea.outputHtml.inputTextArea {
    background: #FFF none;
}

.formCell .iconButton,
.formCell .iconLink,
.withIcons .iconLink,
.linkWithIcon:before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.1em;
    font-weight: normal;
}
.formCell .iconButton {
    vertical-align: middle;
    height: 46px;
    width: 48px;
    padding: 16px 0 0 1px;
    border-right: 1px solid #E6E6E6;
    background: #FFF none;
    text-align: center;
    font-size: 1.25em;
    z-index: 1;
    position: relative;
    left: -95px;
}
.formCell .iconButton.lookupFolder {
    left: -49px;
    border-radius: 0 8px 8px 0;
    border: 0;
    background-color: transparent;
}
.formCell .iconButton.timeNow {
    left: -49px;
    border-radius: 0 8px 8px 0;
    border: 0;
}
.formCell .iconButton:hover,
.tundra .dijitTextBox:not(.dijitTextBoxReadOnly) .dijitButtonNode:hover {
    background: var(--accent-colour-100) none;
}
.formCell .iconButton:before,
.formCell .iconLink:before,
.withIcons .iconLink:before {
    color: var(--accent-colour-500);
}
.formCell .iconButton.dateToday:before {
    content: "\f783";
}
.formCell .iconButton.timeNow:before {
    content: "\f017";
}
.formCell .iconButton.lookupFolder:before,
.formCell .linkWithIcon.lookupFolder:before {
    content: "\f07b";
}
.formCell .iconButton.lookupView:before,
.formCell .iconLink.lookupView:before,
.withIcons .iconLink.lookupView:before {
    content: "\f002";
}
.formCell .iconButton.lookupEdit:before,
.formCell .iconLink.lookupEdit:before {
    content: "\f040";
}
.formCell .iconLink.subformExpand:before {
    content: "\f078";
}
.formCell .iconLink.subformCollapse {
    margin: 15px 20px;
    font-size: 1.2833em;
}
.formCell .iconLink.subformCollapse:before {
    content: "\f077";
}
.dgrid-cell.bowtieLinkColumn {
    width: 100px;
}
.dgrid-cell .bowtieLink {
    cursor: pointer;
}
.dgrid-row.added .bowtieLink,
.dgrid-row.edited .bowtieLink {
    display: none;
}
.formCell .iconLink.bowtieLink:before {
    content: "\f542";
}
.formCell.fileImportLayout .iconButton.fileGet,
.formCell.fileImportLayout .iconButton.fileDelete {
    display: none;
}
.onDemand .dijitDialogPaneContent {
    white-space: pre;
}
.tundra .dijitButtonHover .dijitButtonNode,
.tundra .dijitButtonNodeHover,
.tundra .dijitToggleButtonHover .dijitButtonNode,
.tundra .dijitDropDownButtonHover .dijitButtonNode,
.tundra .dijitComboButton .dijitButtonContentsHover,
.tundra .dijitComboButton .dijitDownArrowButtonHover {
    background: var(--accent-colour-100) none;
    color: var(--accent-colour-500);
    border-color: var(--accent-colour-500);
}
.tundra .dijitPlaceHolder {
    color: #aaaaaa;
    font-style: normal;
}
::-webkit-input-placeholder {
    color: #aaaaaa;
}
:-moz-placeholder {
    color: #aaaaaa;
    opacity: 1;
}
::-moz-placeholder {
    color: #aaaaaa;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #aaaaaa;
}
.formCell .panelTable.inputDisabled > thead > tr > td,
.formCell .panelTable.inputDisabled > tbody > tr > td,
.formCell .panelTable.inputDisabled .noRecords {
    color: #565656;
}
.formCell .dijitInputField {
    padding: 0;
    border-radius: 2px;
}
.formCell div.searchLookupElements {
    position: relative;
}
.formCell div.searchLookupElements .hiddenLookupDisplay {
    visibility: hidden;
    position: absolute;
}
.formCell div.searchLookupElements .lookupFolder,
.formCell div.searchLookupElements .lookupView,
.formCell div.searchLookupElements .lookupEdit {
    position: absolute;
    left: unset;
    background: #fff;
    margin-top: 1px;
}
.formCell div.searchLookupElements .lookupFolder {
    right: 97px;
    border-radius: 0;
    border-right: 1px solid #E6E6E6;
}
.formCell div.searchLookupElements .lookupFolder:hover,
.formCell div.searchLookupElements .lookupView:hover,
.formCell div.searchLookupElements .lookupEdit:hover {
    background-color: var(--accent-colour-100);
}
.formCell div.searchLookupElements .lookupView,
.formCell div.searchLookupElements .lookupEdit {
    right: 145px;
}
.formCell div.searchLookupElements.readOnlyLookup .lookupView,
.formCell div.searchLookupElements.readOnlyLookup .lookupEdit {
    right: 51px;
    border-right: none;
    border-radius: 0 8px 8px 0;
}
.formCell a img {
    margin-left: 3px;
    vertical-align: top
}
.formCell table.radiocheck,
.formCell table.radiocheckRight {
    padding: 15px 0 10px 17px;
    border: 1px solid transparent;
    border-radius: 8px;
}
.formCell table.radiocheckRight {
    padding-top: 0;
}
.formCell input.radiocheck {
    margin: 12px 20px;
}
.formCell .radiocheck.radiocheckAcross td {
    display: inline-block;
    word-break: break-all;
}
.formCell .checkboxContainer {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 8px;
}
.formCell .checkboxContainer.right {
    margin-top: 17px;
}
.formCell .radioLeftLabel {
    float: left;
    width: calc(50% - 25px);
}
.formCell .radiocheckRight {
    float: right;
}
.formCell .smallPanelContent > table,
.formCell .smallPanelContent > table > tbody > tr > td > table {
    width: 100%;
}
.formCell .table > thead > tr > td,
.formCell .panelTable > thead > tr > td {
    color: #747474;
}
.formCell .table .noRecords,
.formCell .panelTable .noRecords,
.formCell .invalidKeyMessage {
    color: #B6B6B6;
    font-style: italic;
    font-size: 1em !important;
}
.formCell .deleteLink {
    width: 30px;
    font-weight: normal;
}
.formCell .table .checkboxCell {
    text-align: center;
    width: 20px;
}
.formCell .table .panelTable > tr {
    background-color: #FFF;
}
.formCell .divBeforePanelTable {
    width: calc(100% - 50px);
    float: left;
    border: 1px solid transparent;
    border-radius: 8px;
}
.formCell .divBeforePanelTable .scrollContainer {
    max-height: 320px;
    overflow: auto;
}
.formCell.FilterBuilder .multiLookup {
    margin-top: 16px;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}
.formCell:not(.FilterBuilder) .multiLookup {
    margin-top: 16px;
    float: unset;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
}
.formCell .multiLookup .gridViewButtons {
    border: 0;
    border-top: 1px solid #E6E6E6;
    margin: 0;
    width: unset;
}
.formCell .radiocheck tr td,
.formCell .radiocheckRight tr td {
    border: 0;
    padding: 0 20px 5px 0;
}
.formCell .radiocheck tr td input {
    margin-right: 5px;
}
.formCell .mdInstanceBPD .panelContent {
    border: 0;
}
.formCell .mdInstanceBPD .dijitContentPane .panelContent {
    margin: 40px 0;
}
.mdInstanceBPD .dijitTabContainer .panelContent .form {
    padding: 0;
}
.formCell .mdInstanceBPD .formContents {
    margin: -45px 40px 0 60px;
}
.formCell .mdInstanceBPD .expandedSubformRecord .formContents {
    margin: 0;
}
.formCell .mdInstanceBPD .formContents .dijitTabContainer {
    margin-top: 30px;
}
.formCell .expandMDInstance,
.formCell .collapseMDInstance {
    cursor: pointer;
}
.formCell .subformOptions {
    text-align: right;
    padding: 0 30px 20px 0;
    font-weight: bold;
    width: 85vw;
}
.formCell .subformOptions a {
    margin-right: 25px;
    font-size: 1.1667em;
}
.formCell .smallPanelFooterLinks a {
    margin-right: 20px;
}
.formCell .smallPanelFooter {
    padding: 0 10px 10px;
}
.formCell .panelTable {
    width: 100%;
}
.formCell .divBeforeMultiTable,
.formCell .divBeforeListField {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}
.formCell .number {
    text-align: right;
}
.formCell .inputRequired,
.formCell input.inputRequired,
.formCell select.inputRequired,
.formCell textarea.inputRequired,
.formCell table.inputRequired,
.formCell .sdsLookup.inputRequired,
.formCell .fieldRequired .dijitSelect .dijitButtonContents,
.formCell .fieldRequired .dijitSelect,
.formCell .fieldRequired .dijitTextBox,
.formCell .divBeforeMultiTable.fieldRequired,
.formCell .divBeforeListField.fieldRequired,
.dijitDialog div div select.inputRequired {
    border: 1px solid #FF4F4F;
}
.formCell .fieldValidation {
    color: #FF4F4F;
    padding: 10px 3px;
    clear: left;
    width: calc(100% - 50px);
}
.formCell .fieldValidation:empty {
    padding: 0;
}
.formCell .mdInstanceBPD div.underline {
    display: block;
    height: 5px;
}
.lookupIndicator {
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;
}
.searchCombo .lookupIndicator {
    position: relative;
    right: calc(100% - 70px);
    top: 3px;
}
.dijitComboBox.withIndicator .dijitInputField {
    padding-left: 20px;
}
.fieldColourPicker {
    position: relative;
}
.fieldColourPicker .selectedColour {
    position: absolute;
    height: 25px;
    width: 25px;
    bottom: 11px;
    right: 61px;
    cursor: pointer;
    border-radius: 50%;
}
.fieldColourPicker .colourSelector {
    position: absolute;
    right: 50px;
    margin-right: 1px;
    z-index: 1;
    display: none;
}
.fieldColourPicker .colourSelector.active {
    display: block;
}
#gridMemoEditTextarea {
    width: 500px;
    height: 300px;
}
.gridMemoEditButton {
    visibility: hidden;
}
.gridMemoEditOptions {
    text-align: right;
    margin-top: 10px;
}
.gridMemoEditOptions img {
    cursor: pointer;
}
.gridLongMemoValue {
    display: none;
}
.mainToolbar {
    float: right;
}
#toolbarContainer .mainToolbar {
    padding: 20px 0;
}
#workSpace > div:not(:empty) {
    padding: 20px 0;
}
.extraToolbar {
    position: fixed;
    right: 10px;
    bottom: 0;
    padding: 10px 5px;
    background-color: #F6F6F6;
    border-radius: 8px 8px 0 0;
    z-index: 200;
}
.extraToolbar.detail {
    background: none;
    right: 0;
    bottom: 35px;
    z-index: 970;
}
.extraToolbar .dijitButtonText {
    display: none;
}
.extraToolbar .toolbarButton_save .dijitButtonNode {
    border: 0;
    background: transparent none;
    color: #FFF;
    margin-right: -5px;
}
.extraToolbar .toolbarButton_save .dijitButtonNode .dijitIcon {
    padding: 15px;
    font-size: 2em;
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    background: #F7F7F7 none;
    border: 1px solid #E6E6E6;
}
.extraToolbar.detail .dijitButton:not(.dijitButtonDisabled) .dijitIcon {
    background: var(--accent-colour-500) none;
    border-color: var(--accent-colour-500);
    color: #FFF;
}
.fadeOutMessage {
    color: #FFF;
    font-size: 0.9167em;
    font-weight: bold;
    position: fixed;
    width: 300px;
    bottom: 0;
    left: 50%;
    margin-left: -150px;
    padding: 10px;
    text-align: center;
    z-index: 1000;
}
.matrixCell .axisLabel {
    font-weight: bold;
}
.matrixTable {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 8px;
    width: calc(100% - 50px);
    border-spacing: 0;
}
.matrixTable td.matrixCell {
    width: 33.3333%;
}
.matrixTable.matrixLookup {
    border-color: #E6E6E6;
}
.matrixTable td.matrixLookupCell {
    width: 66.6667%;
    border-right: 1px solid #E6E6E6;
    padding: 15px 30px 12px;
}
.matrixTable .matrixCombo {
    width: 100%;
    margin-bottom: 15px;
}
.matrixTable td:first-child.matrixCell {
    border-left: 1px solid #E6E6E6;
}
.matrixCell .dijitRuleLabel {
    position: absolute;
    text-overflow: ellipsis;
    line-height: 1.1em;
    overflow: hidden;
    margin-top: -5px;
    font-size: 0.9167em;
    text-transform: uppercase;
    margin-left: 10px;
    color: #B6B6B6;
}
.matrixCell .dijitRuleLabel.selected {
    color: var(--accent-colour-500);
    font-weight: bold;
}
.matrixTable td.axisLabel {
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    font-weight: bold;
    padding: 15px 20px;
}
.matrixTable td:first-child.axisLabel {
    border-radius: 8px 0 0 0;
    border-left: 1px solid #E6E6E6;
}
.matrixTable td:nth-child(2).axisLabel {
    border-radius: 0 8px 0 0;
}
.matrixTable tr.sliders > td {
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
}
.matrixTable td.slider {
    padding: 30px 40px;
}
.matrixTable td:first-child.slider {
    border-radius: 0 0 0 8px;
}
.matrixTable td.result {
    border-radius: 0 8px 8px 0;
    padding: 15px;
}
.matrixTable .resultLabel {
    font-size: 0.9167em;
    text-transform: uppercase;
    color: #6E6E6E;
    margin-top: 10px;
}
.matrixTable .resultInput {
    border: 0;
    padding: 0;
    font-family: 'D-DIN';
    font-size: 2em;
    width: 100%;
    margin: 5px 0;
    background-color: #FFF;
    text-overflow: ellipsis;
}
.matrixTable .clearButton {
    margin-left: -11px;
}
.matrixTable .clearButton .dijitButtonText {
    font-size: 1.0833em;
    padding-top: 8px;
}
/** lookups */
.questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsActions .dijitButton,
.questionnaireAttachmentsDialog .questionnaireAttachmentsActions .dijitButton,
.lookupDialog .lookupActions {
    padding: 20px;
}
.lookupDialog .jsrsLookupPayload {
    display: flex;
    flex-direction: column-reverse;
    min-width: 50vw;
}
.lookupDialog .toolbarRow,
.quickViewToolbar {
    float: right;
}
.lookupDialog .selectedItemsOptions {
    float: left;
    margin: 15px 50px 0 0;
}
.lookupDialog {
    top: 5vh !important;
}
.lookupDialog .dijitDialogPaneContent {
    padding: 0;
    overflow-y: hidden !important;
}
.lookupDialog .formContents {
    width: 85vw;
}
.lookupDialog .overlayWindow,
.lookupDialog .selectedItemsContainer,
.lookupDialog #quickViewContainer {
    padding: 10px;
    /* make the scrollbar always visible to ensure correct sizing */
    overflow-y: scroll !important;
    max-height: 70vh;
}
.lookupDialog .lookupInstructions {
    text-align: center;
    padding-bottom: 10px;
    color: #A7A7A7;
    margin-top: -10px;
}
.lookupDialog .mainForm > .table {
    width: 100%;
}
.fileUrlContainer .smallPanelContent {
    width: 100%;
}
.fileUrlContainer input.input {
    width: 300px;
    margin-right: 10px;
}
.fileUrlContainer .fileUrlInstructions {
    padding-bottom: 10px;
    width: 500px;
}
.fileUrlContainer .fileUrlInstructions span {
    display: block;
    padding-bottom: 5px;
}
.fileUrlContainer > div {
    margin-bottom: 30px;
}
.fileUrlContainer div.smallPanel {
    margin-bottom: 0;
}
.fileUrlContainer .dijitButton {
    position: relative;
    top: -2px;
}
.fileSelector {
    width: calc(100% - 50px);
    border-radius: 8px;
}
.fileSelector .fileInput {
    display: none;
}
.fileSelector .fileTarget,
.fileSelector .fileInfo {
    height: 175px;
}
.fileSelector .fileTarget {
    padding-top: 75px;
    border: 1px dashed #E6E6E6;
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    font-size: 1.1667em;
    background: #F7F7F7 none;
}
.inputRequired .fileTarget {
    border: 0;
}
.fileSelector.readOnly .fileTarget {
    display: none;
}
.fileSelector.over .fileTarget {
    background-color: #E6E6E6;
}
.fileSelector .fileInfo {
    position: relative;
    padding: 15px 0;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}
.fileSelector.saved:not(.empty) .fileInfo {
    cursor: pointer;
}
.fileSelector.empty:not(.readOnly) .fileInfo {
    display: none;
}
.fileSelector .fileName {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 1.1667em;
    font-weight: bold;
    padding-top: 15px;
    border-top: 1px dashed #E6E6E6;
    margin-top: 10px;
}
.fileSelector.saved .fileName {
    color: var(--accent-colour-500);
}
.fileSelector .fileThumbnail {
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
    display: block;
    background-image: url("../images/file_types/default.png");
}
.fileSelector.saved .fileThumbnail,
.fileSelector.readOnly .fileThumbnail {
    display: block;
}
.fileSelector .delete {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    font-family: 'FontAwesome';
    font-size: 1.25em;
    background-color: var(--accent-colour-500);
    color: #FFF;
    border-radius: 50%;
    cursor: pointer;
    padding: 7px 0 0 8px;
}
.fileSelector .delete:before {
    content: '\f1f8';
}
.fileSelector.empty .delete,
.fileSelector.readOnly .delete {
    display: none;
}
.fileSelector .fileTarget .fileTargetIcon {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fileSelector .fileTarget .fileTargetIcon:before {
    font-family: 'FontAwesome';
    color: var(--accent-colour-500);
    content: "\f342";
    font-size: 2em;
    margin: 0 20px -5px 0;
    font-style: normal;
}
.dbFile {
    background-position: center center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
}
.fileDownload {
    text-decoration: underline;
    cursor: pointer;
}
.dbFile .fileDownload {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}
.dbFile .fileDownload div {
    display: none;
}

/** validations */
.errorPanel {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    background-color: #FCFCFC;
    margin-bottom: 30px;
}
.errorPanel .errorPanelHeader {
    font-size: 1.25em;
    font-weight: bold;
    padding: 20px 40px;
    position: relative;
}
.errorPanel .errorPanelHeader:before {
    content: '\f06a';
    font-family: 'FontAwesome';
    font-weight: normal;
    color: #FF4F4F;
    margin-right: 10px;
}
.errorPanel .showHideValidations {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #E6E6E6;
}
.errorPanel .showHideValidations a {
    font-family: 'FontAwesome';
    color: var(--accent-colour-500);
    display: block;
    padding: 20px;
    height: 100%;
}
.errorPanel .errorPanelContent {
    border-top: 1px solid #E6E6E6;
    padding: 15px 42px;
}
.errorPanel .validationContainer {
    display: inline-block;
    width: 50%;
    margin: 20px 0;
    border-left: 2px solid #FF4F4F;
    padding: 3px 20px;
}
.errorPanel .validationClickableRow {
    cursor: pointer;
}
.errorPanel .validationPage {
    color: #747474;
    font-size: 0.8333em;
    text-transform: uppercase;
}
.errorPanel .validationField {
    font-weight: bold;
    font-size: 1.25em;
    margin: 8px 0;
}
.errorPanel .validationLink {
    padding: 10px;
    font-size: 0.8333em;
}
.errorPanel .validationLink:after {
    font-family: 'FontAwesome';
    content: '\f107';
    padding-left: 5px;
}
.errorPanel .validationMessage {
    color: #747474;
}
.conditionField .dijitTreeIcon,
.conditionPreview .dijitTreeIcon {
    display: none;
}
.conditionPreview .dijitTreeContainer {
    font-size: 0.667em;
}

/** filter builder */
.filterBuilderContainer .form {
    padding-top: 10px;
}
.filterBuilderContainer .form .formCell {
    padding: 7px 0;
}
.filterBuilderContainer .form .fieldLabel {
    width: 37.5%;
    float: left;
}
#filterBuilderButtons {
    height: 60px;
    padding: 10px;
}
#filterBuilderButtons .dijitButtonContents,
#filterBuilderSection .dijitButtonContents {
    padding-top: 0;
    padding-bottom: 0;
}
#filterBuilderTree {
    overflow: hidden;
    margin: 0 0 20px 10px;
}
#filterBuilderTree .dijitTreeIcon {
    display: none;
}
.filterBuilderMainNode {
    font-style: italic;
}
#filterBuilderIndentWarning {
    position: relative;
    top: 5px;
    visibility: hidden;
    width: 30px;
    height: 20px;
    float: right;
    background: transparent url(../images/warning.png) no-repeat center center;
}
#filterBuilderToolbar {
    float: left;
    padding: 10px;
}
#filterBuilderToolbarRight {
    float: right;
    padding: 10px;
}
.mainForm .hiddenRow {
    display: none;
}
.selectedItemsHeading {
    display: none;
}
.fieldPickerColumn {
    white-space: nowrap;
}
.fieldPickerIcon {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
.fieldPickerNavPath {
    padding: 0 10px 10px 10px;
}
.treeIcon_autonum {
    background: transparent url(../images/field_picker.gif) no-repeat scroll left top;
}
.treeIcon_autonumpre {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -16px top;
}
.treeIcon_currency {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -32px top;
}
.treeIcon_decimal {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -48px top;
}
.treeIcon_date {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -64px top;
}
.treeIcon_file {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -80px top;
}
.treeIcon_integer {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -96px top;
}
.treeIcon_lookup {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -112px top;
}
.treeIcon_longtext {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -128px top;
}
.treeIcon_many_to_many {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -144px top;
}
.treeIcon_many_to_one {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -160px top;
}
.treeIcon_multi_lookup {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -176px top;
}
.treeIcon_memo {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -192px top;
}
.treeIcon_matrix {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -208px top;
}
.treeIcon_multi_type {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -224px top;
}
.treeIcon_one_to_many {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -240px top;
}
.treeIcon_one_to_one {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -256px top;
}
.treeIcon_question {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -272px top;
}
.treeIcon_rollup {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -288px top;
}
.treeIcon_string {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -304px top;
}
.treeIcon_time {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -320px top;
}
.treeIcon_undefined {
    background: transparent url(../images/field_picker.gif) no-repeat scroll -336px top;
}

/** spell checker */
#spellCheckDialog {
    z-index: 1020 !important;
}
#spellCheckDialog .dijitDialogPaneContent {
    padding: 0 20px;
}
#spellCheckDialog .checkInput {
    border-radius: 8px;
    border: 1px solid #E6E6E6;
    padding: 16px 20px 14px 20px;
    width: 100%;
}
#spellCheckDialog .spellCheckButtons {
    margin: 10px 0 20px -8px;
}
#spellCheckDialog #spellCheckTextToCorrect {
    font-size: 1.1667em;
    height: 100px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#spellCheckDialog #spellCheckCurrentWord {
    color: #FF4F4F;
    font-weight: bold;
}
#spellCheckDialog .cancelButton {
    float: right;
    margin-right: 0;
}

/** calendar view */
.calendarViewContainer {
    display: table;
    margin: 0 auto;
}
.calendarView {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    height: 170px;
    margin: 0 auto;
    display: table;
}
.monthContainer {
    float: left;
    border: 1px solid #E6E6E6;
    border-right: 0;
    height: 212px;
    padding: 0 10px;
}
.monthContainer .monthLabel {
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    padding: 12px 0;
    width: 175px;
    cursor: pointer;
    height: 40px;
    font-size: 1.1667em;
}
.calendarMonth {
    padding: 0;
    width: 100%;
}
.calendarMonth td.dayLabel {
    border-top: 1px dotted #E6E6E6;
    border-bottom: 1px dotted #E6E6E6;
    color: #B9B9B9;
    padding: 5px 0;
    text-align: center;
}
.calendarMonth td.day,
.calendarMonth td.dayEmpty {
    width: 25px;
    height: 24px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
}
.calendarMonth td.day {
    background-image: url("../images/cal_colours.gif");
    background-position: 0 0;
    border: 2px solid #FFF;
    border-radius: 8px;
}
.calendarMonth td.selected {
    background-image: url("../images/cal_colours_in.gif");
    background-position: 0 0;
    font-weight: bold;
    color: #000;
}
.calendarMonth td.today {
    text-decoration: underline;
}
.calendarMonth td.day:hover {
    background-image: url("../images/cal_colours_in.gif");
}
.calendarMonth td.red {
    background-position: 0 -26px;
    color: #fff;
}
.calendarMonth td.yellow {
    background-position: 0 -51px;
    color: #fff;
}
.calendarMonth td.green {
    background-position: 0 -76px;
    color: #fff;
}
.calendarMonth td.grey {
    background-position: 0 -101px;
    color: #fff;
}
.calendarView .navigationLink {
    float: left;
    width: 30px;
    height: 212px;
    border: 1px solid #E6E6E6;
    cursor: pointer;
    font-family: 'FontAwesome';
    color: var(--accent-colour-500);
    font-weight: bold;
    font-size: 1.3333em;
    padding-top: 95px;
    padding-left: 10px;
}
.calendarView .navigationLink:hover {
    background-color: #FBFBFB;
}
.calendarView .navigationLink.prev {
    border-right: 0;
    border-radius: 8px 0 0 8px;
}
.calendarView .navigationLink.prev:before {
    content: '\f053';
}
.calendarView .navigationLink.next:before {
    content: '\f054';
}
.calendarView .navigationLink.next {
    border-radius: 0 8px 8px 0;
}
.calendarGrid {
    margin: 0 auto;
    display: table;
}
.calendarGrid a {
    color: var(--accent-colour-500);
}
.calendarGrid .dojoxGrid {
    border: 1px solid #E6E6E6;
}
.tundra .calendarGrid .dojoxGridCell {
    font-size: 1em;
}
.calendarGrid .gridRecordType {
    color: #808080;
    font-style: italic;
}
.calendarGrid .gridColourIndicator,
.calendarViewInfoBar .gridColourIndicator,
.calendarViewLegend .gridColourIndicator {
    background-image: url("../images/cal_colours.gif");
    background-position: 0 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}
.calendarGrid .gridColourIndicator {
    margin: 2px 0 0 15px;
}
.calendarGrid span.red,
.calendarViewInfoBar span.red,
.calendarViewLegend span.red {
    background-position: 0 -26px;
}
.calendarGrid span.yellow,
.calendarViewInfoBar span.yellow,
.calendarViewLegend span.yellow {
    background-position: 0 -51px;
}
.calendarGrid span.green,
.calendarViewInfoBar span.green,
.calendarViewLegend span.green {
    background-position: 0 -76px;
}
.calendarGrid span.grey,
.calendarViewInfoBar span.grey,
.calendarViewLegend span.grey {
    background-position: 0 -101px;
}
.tundra .calendarGrid .dojoxGridCellFocus,
.tundra .calendarGrid .dojoxGridCellFocus.dojoxGridCellOver,
.tundra .dojoxGridCellFocus.dojoxGridCellOver {
    border-color: transparent;
}
.calendarGrid .dojoxGridHeader {
    background-color: #E1E1E1;
}
.calendarGrid .dojoxGridHeader .dojoxGridCell {
    vertical-align: middle;
}
.calendarViewInfoBar {
    margin: 15px auto;
    height: 25px;
    display: table;
    font-size: 1.1667em;
}
.calendarViewInfoBar .dijitButtonText {
    padding: 7px 0 0;
    font-size: 1.0833em;
}
.calendarViewSearch .dijitButtonText {
    padding-bottom: 7px;
}
.calendarViewSearch input.input {
    padding: 10px 15px;
    height: auto;
}
.calendarViewSearch .dijitButtonContentsHover {
    border-radius: 8px 0 0 8px;
}
.calendarViewInfoBar .calendarViewSearch {
    float: right;
}
.calendarViewSearch .dijitComboButton {
    margin-right: -8px;
}
.calendarViewInfoBar .dateInfo {
    font-weight: bold;
}
.calendarViewInfoBar .calendarViewFilter {
    margin-left: -10px;
}
.calendarViewInfoBar .calendarViewFilter td {
    padding: 0 10px;
}
.calendarViewInfoBar .calendarViewFilter .dijitCheckBox {
    margin-top: -5px;
}
.calendarViewInfoBar .legendLink {
    text-decoration: none;
    font-weight: bold;
    color: var(--accent-colour-500);
}
.calendarGridInfoBar {
    margin: 10px auto 0;
    height: 20px;
    font-size: 0.9167em;
    color: #A7A7A7;
}
.calendarGridInfo {
    float: right;
}
.calendarGridLimitInfo {
    float: right;
}
.calendarViewLegend {
    background: none repeat scroll 0 0 #fff !important;
}
.calendarViewLegend .closeButton {
    margin-bottom: 10px;
    float: right;
}
.calendarViewLegend .calendarLegendTitle {
    font-weight: bold;
    margin-bottom: 3px;
}
.calendarViewLegend .legendRow {
    padding: 5px;
}
.calendarViewLegend .legendRow span {
    margin-right: 7px;
}
.calendarViewContentPane {
    overflow: visible;
    margin-top: -15px;
}

/** calendar views in dashboards */
.formCell .calendarViewContentPane {
    margin-top: 0;
}
.formCell .calendarViewContainer {
    width: 100%;
}

/** designer forms */
.relationshipTypeSection table.radiocheckRight,
.relationshipTypeRelatedSection table.radiocheckRight {
    margin-top: -5px;
}
.relationshipTypeSection table.radiocheckRight td,
.relationshipTypeRelatedSection table.radiocheckRight td {
    width: 60px;
    font-size: 0.9167em;
}
.relationshipTypeSection .fieldLabel,
.relationshipTypeRelatedSection .fieldLabel {
    display: none;
}
.formCell .relationshipTypeSection .input,
.formCell .relationshipTypeSection .inputDisabled,
.formCell .relationshipTypeRelatedSection .input,
.formCell .relationshipTypeRelatedSection .inputDisabled {
    width: 95% !important;
    border: 0;
    font-style: italic;
    padding-left: 20px;
    font-size: 0.9167em;
    background-image: none;
    background-color: #FFF;
}

/** report loading info */
#reportProgressInfo {
    width: 100%;
    height: 100%;
}
#reportProgressInfo td {
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
}
#reportProgressInfo td img {
    margin-top: 10px;
}

/** pentaho elements */
#pentahoLoginFrame {
    position: fixed;
    right: 6px;
    top: 32px;
    border-radius: 50%;
    border: 0;
    height: 5px;
    width: 5px;
    z-index: 102;
    background-color: #FFF;
}
.pentahoReportFrame {
    margin-top: -10px;
    width: 100%;
    visibility: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .pentahoReportFrame {
        padding-bottom: 50px;
    }
}
.progressIndicator {
    text-align: center;
}

/** questionnaires */
.questionnaireTemplate {
    width: calc(100% - 50px);
}
.questionnaireTemplate + .questionnaireContainer .questionnaire {
    padding-top: 12px;
}
.questionnaire.hideWhileLoading {
    display: none;
}
.questionnaireContainer {
    width: calc(100% - 50px);
    position: relative;
}
.questionnaire .dijitArrowNodeInner {
    display: none;
}
.questionnaire .dijitTitlePaneTitle {
    font-size: 1.25em;
    padding: 15px;
    color: #484848;
    background-position: right -3px;
    background: #FFF none;
}
.questionnaire .dijitTitlePaneTitle {
    border-radius: 8px;
}
.questionnaire .dijitTitlePaneTitleOpen,
.questionnaire .dijitQuestionnaireFixedOpen {
    border-radius: 8px 8px 0 0;
}
.questionnaire .dijitTitlePaneContentOuter {
    border-radius: 0 0 8px 8px;
}
.questionnaire .dijitTitlePaneTitle .dijitTitlePaneTitleFocus {
    background-position: right -3px;
}
.questionnaire .dijitTitlePaneTitle .dijitArrowNode {
    background: none;
    margin-top: auto;
    font-family: 'FontAwesome';
    color: var(--accent-colour-500);
    border-left: 1px solid #E6E6E6;
    margin-top: -15px;
    width: 40px;
    height: 52px;
    padding: 19px 3px 0 20px;
}
.questionnaire > .dijitTitlePaneTitle .dijitArrowNode {
    display: none;
}
.questionnaire .dijitTitlePaneTitle .dijitArrowNode:before {
    content: '\f077';
}
.questionnaire .dijitTitlePaneTitleClosed .dijitArrowNode:before {
    content: '\f078';
}
.questionnaire .dijitTitlePaneTitle .dijitFixedOpen:hover {
    cursor: pointer !important;
}
.questionnaire .dijitTitlePaneContentInner {
    padding: 0 15px 15px;
}
.questionnaire .dijitTitlePaneTextNode {
    margin: 0;
}
.questionnaire .section .dijitTitlePaneTitle {
    font-size: 1.1667em;
    margin-top: 15px;
}
.questionnaire .section .dijitTitlePaneContentInner {
    padding: 0;
    overflow: hidden;
}
.questionnaire .hideNotApplicable .sectionScoreInfoPercentage,
.questionnaire .hideNotApplicable .sectionScoreInfoScore,
.questionnaire .hideNotApplicable .sectionScoreInfoAll,
.questionnaire .hideNotApplicable .questionnaireMark,
.questionnaire .hideNotApplicable .questionnaireResult {
    visibility: hidden;
}
.questionnaire .container,
.questionnaire .section .container {
    position: relative;
}
.questionnaire .sectionOverlay,
.questionnaire .questionOverlay {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 99;
    opacity: 0;
}
.questionnaire .questions {
    width: 100%;
}
.questionnaire .question .allowNotApplicable,
.questionnaire .questionComments .allowNotApplicable {
    position: relative;
}
.questionnaire .question td {
    padding: 15px 10px;
    vertical-align: top;
    border-top: 1px dashed #E6E6E6;
}
.questionnaire tr.question:first-child td {
    border-top: 0;
}
.questionnaire .question td:first-child {
    width: 60px;
    text-align: right;
    padding-right: 13px;
}
.questionnaire .question:hover td {
    background-color: #FBFBFB;
}
.questionnaire .question td:last-child {
    padding-right: 40px;
}
.questionnaire .question .questionInput {
    width: 30%;
}
.questionnaire .question .questionInput .dijitTextBox {
    padding: 11px 0 10px 12px;
    height: 40px;
}
.questionnaire .question .dijitComboBox .dijitButtonNode {
    height: 38px;
    width: 40px;
    padding-top: 12px;
    top: -11px;
}
.questionnaire .question .questionNumber,
.questionnaire .question .questionText {
    vertical-align: top;
    font-size: 1.1667em;
}
.questionnaire .question .questionText {
    white-space: pre-wrap;
}
.questionnaire .question.label .questionText {
    color: var(--accent-colour-500);
}
.questionnaire .question .radioAnswer.singleLine {
    display: inline;
    padding-right: 20px;
    white-space: nowrap;
}
.questionnaire .question .radioAnswer label {
    padding-left: 5px;
}
.questionnaire .question .radioAnswer.multipleLines {
    display: block;
    padding-bottom: 2px;
}
.questionnaire .questionnaireHeading {
    width: calc(100% - 41px);
}
.questionnaire .questionnaireHeading td {
    padding-right: 10px;
    vertical-align: top;
}
.questionnaire .questionnaireScoreInfo,
.questionnaire .questionnaireResult {
    text-align: right;
    vertical-align: top;
    font-size: 0.9333em;
}
.questionnaire .questionnaireMark {
    width: 20px;
}
.questionnaire .questionnaireNumber {
    display: none;
}
.questionnaire .section .questionnaireNumber {
    width: 30px;
    vertical-align: top;
    white-space: nowrap;
    display: table-cell;
}
.questionnaire .questionnaireScoreInfoScore {
    float: left;
    padding-left: 10%;
}
.questionnaire .sectionScoreInfo {
    width: 85px;
    text-align: right;
    color: var(--accent-colour-500);
    font-weight: normal;
}
.question .questionNumberAnswer .dijitInputContainer .dijitInputInner {
    text-align: right;
}
.questionnaire .questionnaireTitleWithResults {
    vertical-align: top;
}
.questionnaire .questionnaireTitleWithoutResults {
    vertical-align: top;
}
.questionnaire .questionnaireScoreInfo {
    width: 100px;
    white-space: nowrap;
    padding-right: 25px !important;
    color: var(--accent-colour-500);
}
.questionnaire .innerMedia {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 15px 0;
}
.questionnaire .details + .innerMedia {
    padding-top: 0;
}
.questionnaire .innerMedia img {
    width: 45%;
    border-radius: 8px;
}
.questionnaire .details {
    font-size: 1.1667em;
    margin-bottom: 1rem;
}
.questionnaire .section .details,
.questionnaire .section .innerMedia {
    padding-left: 40px;
    padding-right: 40px;
}
.questionnaire .details h1,
.questionnaire .details h2,
.questionnaire .details h3,
.questionnaire .details ul li p {
    margin-top: 0;
    margin-bottom: 0;
}
.questionnaire .details blockquote {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.questionnaireMark.indicator {
    background-repeat: no-repeat;
    background-position: 0 3px;
}
.questionnaireMark.indicator.cross {
    background-image: url(../images/questionnaire/cross.png);
}
.questionnaireMark.indicator.tick {
    background-image: url(../images/questionnaire/tick.png);
}
.questionnaireResult .colourBadge {
    color: #747474;
}
.section .questionnaireResult .colourBadge {
    font-weight: normal;
}
.section .questionnaireResult .colourBadge:empty {
    display: none;
}
.questionnaireResult .colourBadge:before {
    content: '';
    width: 10px;
    height: 10px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 10px;
}
.questionnaireResult .colourBadge.dark_red:before {
    background-color: #C00000;
}
.questionnaireResult .colourBadge.red:before {
    background-color: #FF0000;
}
.questionnaireResult .colourBadge.orange:before {
    background-color: #FFC000;
}
.questionnaireResult .colourBadge.yellow:before {
    background-color: #FFFF00;
}
.questionnaireResult .colourBadge.light_green:before {
    background-color: #92D050;
}
.questionnaireResult .colourBadge.green:before {
    background-color: #00B050;
}
.questionnaireResult .colourBadge.light_blue:before {
    background-color: #00B0F0;
}
.questionnaireResult .colourBadge.blue:before {
    background-color: #0070C0;
}
.questionnaireResult .colourBadge.dark_blue:before {
    background-color: #002060;
}
.questionnaireResult .colourBadge.purple:before {
    background-color: #7030A0;
}
.questionnaire td.questionIcon {
    width: 35px;
    text-align: center;
}
.questionnaire td.questionIcon a {
    display: block;
    margin-top: 3px;
}
.questionnaire td.questionIcon a.highlight,
.questionnaire td.questionIcon .NAIconEnableContainer a {
    border-radius: 2px;
    padding: 0 5px 2px 5px;
    box-shadow: 3px 3px 3px;
}
.questionnaire .questionComments.hideComments {
    display: none;
}
.questionnaire .questionComments td {
    padding: 0 30px 5px;
}
.questionnaire .questionComments .commentsEditor {
    padding: 3px;
}
.questionnaire .questionComments .commentsLabel {
    font-style: italic;
    color: #808080;
}
.questionComments .dijitInlineEditBoxDisplayModeHover {
    border-color: #808080;
}

/** no value indicator */
.questionComments .commentsEditor span {
    color: #FF4F4F;
}

.hideQuestionRelatedRecords .questionRelatedRecordsIcon {
    visibility: hidden;
}

.questionnaireRelatedRecordsDialog {
    width: 80%;
    min-width: 80%;
}
.questionnaireRelatedRecordsDialog .dgrid-status {
    display: none;
}
.questionnaireAttachmentsDialog {
    width: 630px;
}

.questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsParent,
.questionnaireAttachmentsDialog .questionnaireAttachmentsParent {
    height: 100%;
}
.questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsContainer {
    padding: 10px 20px;
    overflow: auto;
    font-size: 1.0833em;
}
.questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsContainer .formCell.rowColumns1 {
    width: 100%;
}
.questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsContainer,
.questionnaireAttachmentsDialog .questionnaireAttachmentsContainer {
    padding-left: 20px;
    padding-bottom: 10px;
    overflow: auto;
}
.questionnaireRelatedRecordsDialog .dijitDialogPaneContent,
.questionnaireAttachmentsDialog .dijitDialogPaneContent {
    padding: 0;
}
.questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsActions,
.questionnaireAttachmentsDialog .questionnaireAttachmentsActions {
    text-align: right;
}
.tundra .questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsActions .dijitButtonNode > span,
.tundra .questionnaireRelatedRecordsDialog .questionnaireRelatedRecordsActions .dijitButtonNode > div,
.tundra .questionnaireAttachmentsDialog .questionnaireAttachmentsActions .dijitButtonNode > span,
.tundra .questionnaireAttachmentsDialog .questionnaireAttachmentsActions .dijitButtonNode > div {
    height: 3em;
}
.questionNotAnswered .questionAttachmentsIcon,
.questionNotAnswered .questionRelatedRecordsIcon {
    visibility: hidden;
}
/** Questionnaire attachments */
#questionnaireAttachmentsDialog .dbFile {
    float: left;
    width: 140px;
    height: 160px;
    border: 1px dashed #A7A7A7;
    position: relative;
    margin: 10px -3px 0;
}
#questionnaireAttachmentsDialog .dbFile .fileDownload span {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 0.8333em;
    text-decoration: underline;
}
#questionnaireAttachmentsDialog .dbFileDelete {
    float: left;
    position: relative;
    left: -15px;
    top: 15px;
}
#questionnaireAttachmentsDialog #fileUploadLabel {
    display: block;
    background-image: url("../images/icons/add_large.png");
    background-repeat: no-repeat;
    background-position: center center;
    height: 160px;
    cursor: pointer;
}

/** dgrid based list views */
.tundra .listViewDropdown {
    margin-left: 0;
}
.listViewDropdown .dijitButtonText {
    padding-top: 6px;
    font-size: 1.25em;
    font-weight: bold;
    color: #3A3A3A;
}
.tundra .listViewDropdown .dijitArrowButtonInner {
    margin-left: 10px;
    margin-top: 8px;
    font-size: 1.3333em;
}
.hideWhileLoading {
    visibility: hidden;
}
.dgrid {
    border-radius: 8px;
    background-color: #FFF;
    border-color: #E6E6E6;
}
.subformListView:not(.editableSubformList) .dgrid-content {
    margin-bottom: -1px;
}
.dgrid-cell {
    padding: 15px 5px 15px 20px;
    border: 0;
    text-overflow: ellipsis;
    font-size: 1.0833em;
}
.subformListView .dgrid-content .dgrid-cell {
    font-size: 1.1667em;
}
.dgrid-cell.hiddenColumn,
.dgrid-header .dojoDndTarget .dgrid-cell.hiddenColumn {
    display: none;
}
.dgrid-content .dgrid-loading {
    height: 80px;
    background-image: url(../images/spinner.gif);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 50px;
    border-top: 1px solid #DDD;
}
.dgrid-content .dgrid-no-data {
    min-height: 1px;
}
.dgrid-content .dgrid-cell.dataTypeInteger,
.dgrid-content .dgrid-cell.dataTypeFloat {
    text-align: right;
}
.dgrid-content .recordLink,
.dgrid-content .textCell .toggleText {
    cursor: pointer;
    color: var(--accent-colour-500);
}
.dgrid-content .textCell .shortText,
.dgrid-content .textCell.expanded .fullText {
    display: inline;
}
.dgrid-content .textCell .fullText,
.dgrid-content .textCell.expanded .shortText {
    display: none;
}
.dgrid-content .textCell .iconUp:after {
    font-family: 'FontAwesome';
    content: "\f102";
    color: var(--accent-colour-500);
    font-size: 1.2em;
}
.dgrid-content .textCell .iconDown:after {
    font-family: 'FontAwesome';
    content: "\f103";
    color: var(--accent-colour-500);
    font-size: 1.2em;
}
.dgrid-header {
    background-color: #FFF;
    min-height: 45px;
    overflow: auto;
    z-index: 1;
}
.formTypeForm .dgrid-header.fixedAtTop {
    padding-top: 3px;
    border-bottom: 1px solid #E6E6E6;
}
.formTypeForm .dgrid-header.fixedAtTop .dgrid-row-table {
    border-top: 1px solid #E6E6E6;
}
.formTypeDashboard .dgrid-header.fixedAtTop {
    top: 0 !important;
}
.dgrid.fullyVisible .dgrid-header {
    overflow: hidden;
}
.dgrid-header .dgrid-cell {
    text-transform: uppercase;
    position: relative;
    border-bottom: 3px solid transparent;
}
.dgrid-header .dgrid-cell.dojoDndItemOver {
    border-color: #F3F9FE;
}
.dgrid-header .dgrid-sort-arrow {
    float: none;
    margin: 0;
    position: absolute;
    right: -5px;
}
.dgrid-header .dgrid-cell .dgrid-sort-arrow {
    right: 0;
}
.dgrid-row {
    border: 1px dashed transparent;
    border-top-color: #E6E6E6;
}
.dgrid-content div.dgrid-row:first-child {
    border-top-style: solid;
}
.dgrid-row.inputRequired + .dgrid-row.inputRequired {
    margin-top: -1px;
}
.dgrid-row.dgrid-selected {
    background-color: var(--accent-colour-100);
}
.dgrid-row:hover:not(.dgrid-selected) {
    background-color: #FBFBFB;
}
.dgrid-row:hover:not(.inputRequired) {
    border-top: 1px solid #CCCCCC;
}
.dgrid-row:hover + .dgrid-row:not(.inputRequired) {
    border-top: 1px solid #CCCCCC;
}
.dgrid-content .dgrid-cell.subRowsFormatter {
    padding: 0 0 0 10px;
}
.dgrid-cell.columnWidth-0 {
    width: 0;
}
.dgrid-cell.columnWidth-5 {
    width: 5%;
}
.dgrid-cell.columnWidth-10 {
    width: 10%;
}
.dgrid-cell.columnWidth-15 {
    width: 15%;
}
.dgrid-cell.columnWidth-20 {
    width: 20%;
}
.dgrid-cell.columnWidth-25 {
    width: 25%;
}
.dgrid-cell.columnWidth-30 {
    width: 30%;
}
.dgrid-cell.columnWidth-35 {
    width: 35%;
}
.dgrid-cell.columnWidth-40 {
    width: 40%;
}
.dgrid-cell.columnWidth-45 {
    width: 45%;
}
.dgrid-cell.columnWidth-50 {
    width: 50%;
}
.dgrid-cell.columnWidth-55 {
    width: 55%;
}
.dgrid-cell.columnWidth-60 {
    width: 60%;
}
.dgrid-cell.columnWidth-65 {
    width: 65%;
}
.dgrid-cell.columnWidth-70 {
    width: 70%;
}
.dgrid-cell.columnWidth-75 {
    width: 75%;
}
.dgrid-cell.columnWidth-80 {
    width: 80%;
}
.dgrid-cell.columnWidth-85 {
    width: 85%;
}
.dgrid-cell.columnWidth-90 {
    width: 90%;
}
.dgrid-cell.columnWidth-95 {
    width: 95%;
}
.dgrid-cell.columnWidth-100 {
    width: 100%;
}
.dgrid-cell .subRow {
    padding: 5px 5px 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    border-top: 1px dashed #E6E6E6;
}
.dgrid-cell div:first-child.subRow {
    border-top: none;
}
.dgrid-cell.relatedSubRows .subRow {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dgrid-header .dgrid-cell .headerLabel {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #747474;
    font-size: 0.8461em;
}
.dgrid-header .dgrid-cell:hover .headerLabel.columnSearchable,
.dgrid-header .dgrid-cell.filterApplied .headerLabel {
    margin-right: 30px;
}
.dgrid-header .dgrid-cell.relatedData0 {
    border-color: #00B0F0;
}
.dgrid-header .dgrid-cell.relatedData1 {
    border-color: #FFC000;
}
.dgrid-header .dgrid-cell.relatedData2 {
    border-color: #00B050;
}
.dgrid-header .dgrid-cell.relatedData3 {
    border-color: #FFFF00;
}
.dgrid-header .dgrid-cell.relatedData4 {
    border-color: #7030A0;
}
.dgrid-footer {
    background-color: #FFF;
    padding: 10px;
    border-top: 1px solid #ddd;
    min-height: 40px;
}
.dgrid-page-size {
    font-size: 1em;
}

/** List view column filtering */
.dgrid-header .columnFilter {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 5px;
    top: -5px;
    visibility: hidden;
    overflow: hidden;
}
.dgrid-header .dgrid-cell > .columnFilter {
    top: 10px;
}
.dgrid-header .columnFilter .dijitButtonNode {
    background: none;
    border: none;
}
.dgrid-header .columnFilter .dijitButtonNode > span,
.dgrid-header .columnFilter .dijitIcon {
    padding: 0;
}
.dgrid-header .columnFilterIcon:before {
    content: "\f0b0";
}
.dgrid-header .dgrid-cell:hover .columnFilter,
.dgrid-header .columnFilter.dijitDropDownButtonOpened,
.dgrid-header .dgrid-cell.filterApplied .columnFilter {
    visibility: visible;
}
.dgrid-header .dgrid-cell.filterApplied .columnFilterIcon {
    color: var(--accent-colour-500);
}
.dojoDndAvatar .columnFilter,
.dojoDndAvatar .dgrid-sort-arrow {
    display: none;
}
.filterDialog .dijitTooltipContainer {
    padding: 0;
    min-width: 200px;
}
.filterDialog .filterContents {
    padding: 20px;
    overflow: auto;
}
.filterContents div.label + div.itemRow {
    margin-top: 10px;
}
.filterDialog .itemRow {
    padding: 3px 5px;
}
.filterDialog .itemRow label {
    vertical-align: top;
    margin-top: -2px;
    margin-left: 7px;
    display: inline-block;
}
.filterDialog .radios {
    max-width: 400px;
}
.filterDialog .radio {
    display: inline-block;
    width: 33%;
}
.filterDialog .label {
    font-weight: bold;
    color: #484848;
    padding-bottom: 5px;
}
.filterDialog .fieldLabelContainer {
    margin-top: -5px;
}
.filterDialog .fieldLabel {
    font-size: 0.8461em;
    padding: 0 5px;
    top: 8px;
}
.filterDialog .separatorContainer {
    padding: 15px 0;
}
.filterDialog .lineSeparator {
    width: 100%;
    height: 7px;
    border-bottom: 1px solid #DBDBDB;
    text-align: center;
}
.filterDialog .lineSeparatorText {
    background-color: #FFFFFF;
    padding: 10px;
}
.filterDialog .dijitTextBox {
    height: 40px;
}
.filterDialog .dateTextBox {
    width : 170px;
    margin-right: 30px;
}
.filterDialog .dijitComboBox .dijitButtonNode {
    height: 38px;
    width: 40px;
    top: 0;
    padding-top: 12px;
}
.filterDialog .dateRangeLabel + .dateRangeLabel {
    margin-left: 160px;
}
.filterDialog .previousPeriod {
    width: 200px;
    margin-right: 10px;
}
.filterDialog .previousUnit {
    width: 200px;
}
.filterDialog .includeCurrent {
    text-align: right;
    margin-top: -5px;
}
.filterDialog .includeCurrent .dijitCheckBox {
    margin-left: 20px;
    margin-top: 16px;
}
.filterDialog .filterOperator {
    width: 240px;
    margin-top: 10px;
}
.filterDialog .numberBasedBox {
    width : 85px;
    margin: 10px 0 0 20px;
}
.filterDialog .textFilterBox {
    width : 300px;
    margin-top: 10px;
    border-radius: 8px;
}
.filterDialog .dijitInputField {
    padding: 10px 15px;
    color: #484848;
}
.filterDialog .textFilterDialogTextBox .dijitInputField {
    padding: unset;
}
.filterDialog .dijitInputField.dijitPlaceHolder {
    color: #aaaaaa;
}
.filterDialog .dijitDialogPaneActionBar {
    min-width: 280px;
    padding: 0 10px 10px;
}

/** ConfirmDialog and Preview */
.emailEventPreviewDialog {
    top: 10vh !important;
    max-height: 80%;
    overflow: auto;
}
.confirmDialog h1,
.emailEventPreviewDialog h1 {
    font-weight: bold;
    margin-bottom: 10px;
}
.confirmDialog .title,
.emailEventPreviewDialog .title {
    font-style: italic;
}
.confirmDialog hr,
.emailEventPreviewDialog hr {
    margin-bottom: 1.5em;
}
.okDialog .dijitButton ~ .dijitButton {
    /** hide Cancel button */
    display: none;
}
.warningDialog .dijitDialogPaneContent {
    white-space: pre;
}

/** Email Event Preview **/
.emailEventPreviewDialog .monthSelect {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.emailEventPreviewDialog .monthSelect .dijitButtonText {
    text-align: left;
}
.emailEventPreviewDialog .monthSelect .dijitSelectLabel {
    min-width: 60px;
}
.emailEventPreviewDialog .emailPreviewValidationFailures {
    display: none;
}
.emailEventPreviewDialog .showValidationMessages .emailPreviewValidationFailures {
    display: block;
}
.emailEventPreviewDialog .showValidationMessages .previewPrompts,
.emailEventPreviewDialog .showValidationMessages .emailPreviewResults {
    display: none;
}
.emailEventPreviewDialog .previewValidationMessage {
    color: #FF4F4F;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold;
}
.emailEventPreviewDialog .emailPreviewRecipients div,
.emailEventPreviewDialog .emailPreviewSystemMessages div {
    padding: 5px;
}
.emailEventPreviewDialog .emailPreviewRecipients a,
.emailEventPreviewDialog .emailPreviewSystemMessages div {
    margin-left: 10px;
    margin-right: 10px;
}
.emailEventPreviewDialog .previewPrompts .dijitSelect .dijitButtonContents {
    position: relative;
    width: auto;
}

/** List View, Column Display dialog */
.columnPicker .fieldsSection {
    padding: 10px;
    margin-bottom: 10px;
}
.columnPicker .pageName {
    font-weight: bold;
    padding-top: 10px;
}
.columnPicker .fieldsContainer .simpleFieldRow,
.columnPicker .fieldsContainer .fieldRow,
.columnPicker .fieldsContainer .drilldownContainer {
    margin: 5px;
}
.columnPicker input {
    vertical-align: middle;
}
.columnPicker .label {
    margin-left: 5px;
}
.columnPicker .selectedFields .label {
    border: 1px solid transparent;
    background: none;
    width: 100%;
}
.columnPicker .selectedFields .label:hover,
.columnPicker .selectedFields .label.dijitFocused {
    border: 1px solid #b3b3b3 !important;
    background: #fff url(../js/dijit/themes/tundra/images/validationInputBg.png) repeat-x top left;
}
.columnPicker * {
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}
.columnPicker .fieldRow {
    white-space: nowrap;
}
.columnPicker .fieldRow span {
    display: inline-flex;
}
.columnPicker label {
    margin-left: 5px;
    vertical-align: top;
}
.columnPicker .simpleFieldRow {
    padding-left: 16px;
    white-space: nowrap;
}
.columnPicker .simplefield {
    padding-left: 16px;
}
.columnPicker .drilldownContainer > div {
    margin-left: 15px;
}
.columnPicker div.drilldownContainer {
    margin: 8px 0 10px 0;
}
.columnPicker .fieldRow > .drilldownControl {
    background: url(../images/subform_closed.gif) no-repeat top left;
    height: 16px;
    width: 16px;
    vertical-align: top;
    margin-top: -2px;
}
.columnPicker .fieldRow > .drilldownContainer {
    display: none;
}
.columnPicker .fieldRow.expanded > .drilldownControl {
    background-image: url(../images/subform_opened.gif);
}
.columnPicker .fieldRow.expanded > .drilldownContainer {
    display: block;
}

/** ListView MenuItem **/
.userViewMenuItemIcon {
    opacity: 0.7;
    float: right;
    margin: 2px 0 0 10px;
    height: 12px;
}
.userViewMenuItemIcon:hover {
    opacity: 1.0;
}
.userViewMenuItemLabel {
    padding-right: 15px;
}
.userViewMenuItemLabel:hover {
    background-color: transparent;
}
.dijitMenuItemLabel .dijitTextBox .dijitInputContainer .dijitInputInner {
    padding: 2px 5px;
    margin-left: 5px !important;
    color: #484848;
}

/** ListView multi sort dialog **/
.multiSortDialog .sortEntry {
    padding: 7px 15px;
}
.multiSortDialog .sortEntry select {
    width: 200px;
    padding: 10px;
    border-radius: 8px;
}
.multiSortDialog .sortControl {
    cursor: pointer;
    padding: 12px;
    background: transparent url(../images/clear.gif) no-repeat center center;
}
.multiSortDialog .sortOrder {
    background-image: url(../images/asc.png);
    margin: 0 10px;
}
.multiSortDialog .sortOrder.descending {
    background-image: url(../images/desc.png);
}
.multiSortDialog .sortAdd {
    visibility: hidden;
}
.multiSortDialog .sortEntry:last-child .sortAdd {
    visibility: visible;
    background-image: url(../images/designer/add.png);
}
.multiSortDialog .entryForEveryColumn .sortEntry:last-child .sortAdd {
    visibility: hidden;
}
.multiSortDialog .sortRemove {
    background-image: url(../images/designer/remove.png);
}
.multiSortDialog .sortEntry:only-child .sortRemove {
    visibility: hidden;
}
/** List View Export **/
.exportDialog .exportTypeContainer {
    margin-top: -20px;
    margin-bottom: 20px;
}
.exportDialog .exportTypeContainer label {
    padding-left: 5px;
    padding-right: 25px;
}
.exportDialog .exportEmailContainer .exportEmailInput {
    width: 350px;
}
.exportDialog .exportWarningContainer {
    max-width: 440px;
}

/** ListView SaveDialog **/
.listViewDiscardButton .dijitButtonNode .dijitIcon {
    display: inline-block;
    margin-right: 0;
}
.listViewDiscardButton .dijitButtonNode .dijitIcon:before {
    content: "\f2ea";
}
.listViewDiscardButton .dijitButtonNode .dijitButtonText {
    display: none;
}
.saveDialog .dijitTextBox {
    margin: 1em 2em 2em 2em;
    padding: 10px 20px;
    width: 80%;
    border-radius: 8px;
}
.saveDialog .dijitDialogPaneContent {
    text-align: center;
}

/** list view search */
.listViewSearch {
    display: inline-block;
    margin: 1px 0.7em;
    position: relative;
}
.listViewSearch.dijitContentPane {
    overflow: hidden;
    float: left
}
.listViewSearch .dijitTextBox {
    width: 250px;
    font-size: 1.25em;
    padding: 1px 8px 2px;
    border-radius: 8px;
}
.listViewSearch .dijitTextBox .dijitInputField {
    padding: 8px;
}
.listViewSearch .iconLink {
    position: absolute;
    right: 2px;
    top: 4px;
    background-color: #FFF;
    width: 30px;
    height: 30px;
    padding: 8px;
}

/** modified dgrid list views to cater no icons on column reorder */
.tundra.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader,
.tundra.dojoDndMove .dojoDndAvatarHeader {
    background-image: none;
}
.tundra.dojoDndMove .dojoDndAvatarHeader td span,
.tundra.dojoDndCopy .dojoDndAvatarHeader td span {
    display: none;
}
.tundra.dojoDndMove .dojoDndAvatar .dgrid-cell,
.tundra.dojoDndCopy .dojoDndAvatar .dgrid-cell {
    padding: 10px 20px;
}

/** Math Formula */
div.mathFormula {
    width: 50%;
    font-size: 2em;
    border-color: #E6E6E6;
}
div.mathFormula .mq-root-block {
    display: inline-block;
    width: 100%;
    padding: 3px 3px 1px 6px;
    overflow-y: hidden;
    overflow-x: auto;
}
div.mathFormula.mq-focused {
    border: 1px solid #E6E6E6;
    box-shadow: none;
}
div.mathFormula.fullWidth {
    width: 100%;
}
div.mathFormula .mq-text-mode {
    background-color: #87cefa;
    min-width: 10px;
    display: inline-block;
}
div.mathFormula .mq-selection .mq-text-mode {
    background-color: transparent;
}
div.mathFormulaValidation {
    background: url(../images/questionnaire/tick.png) no-repeat 3px;
    padding-left: 17px;
    margin: 3px 0 0 3px;
}
div.mathFormulaValidation.invalid {
    background-image: url(../images/questionnaire/cross.png);
    color: #FF4F4F;
}
div.mathFormulaValidation.incompatible {
    background-image: url(../images/questionnaire/warning.png);
    color: #b97948;
}
span.helpIcon {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    float: right;
    background: url(../images/questionnaire/information_light.png) no-repeat center center;
    cursor: pointer;
}
span.helpIcon:hover {
    background: url(../images/questionnaire/information_dark.png) no-repeat center center;;
}
.formulaHelpDialog {
    max-height: 90vh;
}
.formulaHelpDialog .dijitDialogPaneContent {
    overflow-y: scroll;
    /*height: 50%;*/
    max-height: 70vh;
}
.formulaHelpDialog .variableType {
    padding-top: 5px;
}

/** Test Formula */
div.testFormula {
    float: right;
}
div.testFormula span.mathFormulaTestButton {
    width: 20px;
    height: 20px;
    margin-top: -2px;
    float: right;
    background: url(../images/icons/calculate.png) no-repeat center center;
    cursor: pointer;
}
div.testFormulaDialog fieldset {
    margin-bottom: 20px;
}
div.testFormulaDialog fieldset.resultContainer {
    margin-bottom: 0;
}
div.testFormulaDialog label {
    display: inline-block;
    font-weight: bold;
    padding-bottom: 2px;
    margin: 5px 20px 0 0;
}
div.testFormulaDialog .dijitTextBox {
    background: #fff url("../js/dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;
    width: 130px;
    height: 23px;
    float: right;
}
div.testFormulaDialog .dijitTextBox .dijitInputField {
    padding: 3px 3px 3px 5px;
}
div.testFormulaDialog .lookupActions {
    text-align: right;
    margin-bottom: 20px;
}
div.testFormulaDialog .lookupActions .dijitButtonText {
    padding-right: 0.3em;
}
/** tree filter **/
.filterContents .dijitTreeRowSelected .dijitTreeIcon {
    background: url(../images/radio-tick.png) no-repeat;
    background-position-y: 1px;
}
.filterContents .dijitFolderClosed,
.filterContents .dijitFolderOpened {
    background: url(../images/radio-untick.png) no-repeat;
    background-position-y: 1px;
}
.filterContents .dijitTreeRowSelected .dijitTreeLabel {
    background-color: transparent;
}
.filterContents .dijitTree {
    color: #484848;
    margin-top: 5px;
}
.filterContents .dijitTree .dijitTreeContent {
    vertical-align: middle;
}
/** Subforms */
.subformListView {
    width: calc(100% - 50px);
    margin: 16px 0 10px;
    border-radius: 8px;
    position: relative;
}
.subformListView .dgrid-header > table,
.subformListView .dgrid-row > table {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.subformListView .dgrid-row.added > table {
    border-color: #92D050;
}
.subformListView .dgrid-row.edited > table {
    border-color: #febe47;
}
.subformListView .dgrid-row.deleted > table {
    border-color: #D42A2A;
}
.subformListView .dgrid-row.deleted .dgrid-cell > * {
    display: none;
}
.subformListView.needsToWrap .dgrid-cell {
    float: left;
    text-align: left;
}
.subformListView.columnsInRow-1 .dgrid-cell {
    width: 100%;
    clear: left;
}
.subformListView.columnsInRow-2 .dgrid-cell {
    width: 50%;
}
.subformListView.columnsInRow-2 .dgrid-cell:nth-child(2n+1) {
    clear: left;
}
.subformListView.columnsInRow-3 .dgrid-cell {
    width: 33%;
}
.subformListView.columnsInRow-3 .dgrid-cell:nth-child(3n+1) {
    clear: left;
}
.subformListView.columnsInRow-4 .dgrid-cell {
    width: 25%;
}
.subformListView.columnsInRow-4 .dgrid-cell:nth-child(4n+1) {
    clear: left;
}
.subformListView.columnsInRow-5 .dgrid-cell {
    width: 20%;
}
.subformListView.columnsInRow-5 .dgrid-cell:nth-child(5n+1) {
    clear: left;
}
.subformDialog {
    top: 5vh !important;
}
.subformDialog .dijitDialogPaneContent {
    /* make the scrollbar always visible to ensure correct sizing */
    overflow-y: scroll !important;
    max-height: calc(100vh - 250px);
}
.subformDialog .subformBpd > .formContents {
    width: 85vw;
}
.subformListView .subformButtons,
.suggestionAssistant .subformButtons {
    width: 100%;
    height: 40px;
    text-align: center;
    position: absolute;
    bottom: -3px;
    z-index: 1;
}
.subformListView:not(.editableSubformList) .subformButtons {
    width: 400px;
    left: 50%;
    margin-left: -200px;
}
.subformButton .dijitButtonNode,
.matrixTable .clearButton .dijitButtonNode,
.calendarViewInfoBar .dijitButtonNode {
    border: 0;
    color: var(--accent-colour-500);
}
.gridViewButtons {
    width: calc(100% - 50px);
    min-height: 38px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #E6E6E6;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    padding: 2px 0 1px;
}
.gridViewButtons .linkWithIcon {
    margin: 0.2em 0.7em;
    border-radius: 8px;
    font-size: 1.0833em;
    font-weight: bold;
    display: inline-block;
    padding: 7px 8px 6px 10px;
}
.gridViewButtons .linkWithIcon:before {
    margin-right: 10px;
    font-size: 1em;
}
.gridViewButtons .linkWithIcon.subformAddIcon:before {
    font-size: 1.1em;
}
.gridViewButtons .linkWithIcon:hover {
    background-color: var(--accent-colour-100);
}
.gridContainer,
.formCell .smallPanelContent {
    width: calc(100% - 50px);
    margin-top: 16px;
    clear: right;
}
.subformListView .subformButton .dijitButtonNode > span,
.gridViewButtons .subformButton .dijitButtonNode > span,
.matrixTable .clearButton .dijitButtonNode > span,
.calendarViewInfoBar .dijitButtonNode > span {
    height: 2.5em;
}
.subformListView .subformButton .dijitIcon.subformDeleteIcon,
.gridViewButtons .subformButton .dijitIcon.subformDeleteIcon {
    font-size: 1.0833em;
    padding-top: 8px;
}
.subformListView .subformButton .dijitButtonContents,
.gridViewButtons .subformButton .dijitButtonContents,
.matrixTable .clearButton,
.calendarViewInfoBar .dijitButtonContents,
.suggestionAssistant .subformButton .dijitButtonContents {
    padding: 0 8px;
}
.subformListView .subformButton .dijitButtonText,
.gridViewButtons .subformButton .dijitButtonText {
    padding: 7px 0 0 9px;
    font-size: 1.0833em;
}
.suggestionAssistant .subformButton .dijitButtonText {
    font-size: 1.0833em;
}
.subformListView .dgrid {
    clear: right;
}
.subformBpd .subformCollapse,
.subformBpd .subformOptions {
    display: none;
}
.embeddedFormDialog {
    text-align: left;
}
.embeddedFormDialog .dijitDialogPaneContent {
    padding: 0 0 20px 0;
    overflow: hidden !important;
}
.embeddedVueVisualization .dijitDialogPaneContent {
    padding: 0;
    margin: 10px 5px 0;
}
.embeddedVueVisualization .dijitDialogPaneActionBar {
    padding-top: 5px;
}
.embeddedFormBpd {
    min-width: 80vw;
    height: calc(90vh - 150px);
    border: 0;
}
.visualization .embeddedFormBpd {
    min-width: 40vw;
    height: calc(30vh - 150px);
    max-height: 80%;
    overflow: auto;
}
/** Dashboard List View*/
.listViewTitle {
    display: block;
    padding: 10px 10px 15px;
}
.dashboardListView {
    margin-bottom: 30px;
}
.formCell.collapsed .dashboardListView,
.formCell.collapsed .listViewTitle,
.dashboardItem.collapsed {
    display: none;
}

/** Info and Warning notifications */
.infoMessagesToaster,
.warningMessagesToaster {
    position: absolute;
    min-width: 100%;
    text-align: center;
    clip: auto !important;
    pointer-events: none;
    z-index: 1020;
}
.infoMessagesToaster {
    color: #1E8948;
    font-size: 1.5em;
    font-weight: bold;
}
.warningMessagesToaster {
    color: #975a16;
    font-size: 1.2em;
    font-weight: normal;
}
.infoMessagesToaster .dijitToasterMessage,
.warningMessagesToaster .dijitToasterMessage {
    display: inline-block;
    text-align: left;
    padding: 0 30px 0;
    position: relative;
    border: 1px solid #DFDFDF;
    pointer-events: auto;
}
.infoMessagesToaster .dijitToasterMessage {
    background: #FFF;
    border-bottom: 7px solid #6CB377;
}
.warningMessagesToaster .dijitToasterMessage {
    background: ivory;
    border-bottom: 5px solid #ecc94b;
}
.infoMessagesToaster .dijitToasterMessage:after,
.warningMessagesToaster .dijitToasterMessage:after {
    font-family: 'FontAwesome';
    content: "\f00d";
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 15px;
}
.infoMessagesToaster .dijitToasterMessage:hover,
.warningMessagesToaster .dijitToasterMessage:hover {
    cursor: pointer;
}
.infoMessagesToaster .dijitToasterMessage hr,
.warningMessagesToaster .dijitToasterMessage hr {
    display: none;
}
.warningMessagesToaster .warningMessage {
    padding: 10px 20px 10px;
    background: ivory;
}
.warningMessagesToaster .warningMessage:before {
    font-family: 'FontAwesome';
    content: "\f071";
    left: -30px;
    position: relative;
}
.infoMessagesToaster .infoMessage {
    padding: 20px 40px 20px;
    border-bottom: 1px solid #6CB377;
}
.infoMessagesToaster .infoMessage:before {
    font-family: 'FontAwesome';
    content: "\f058";
    left: -30px;
    position: relative;
}
.infoMessagesToaster .infoMessage:last-child,
.warningMessagesToaster .warningMessage:last-child {
    border-bottom: none;
}
.myTasksDashboardHeader {
    display: none;
}
.myTasksDashboardMessage {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 1.250em;
}
.myTasksDashboardMessage.collapsed {
    display: none;
}
.progressIndicatorContainer {
    width: 180px;
}
.progressIndicatorContainer .progressIndicatorLabel:after {
    font-family: 'Roboto', Arial;
    content: attr(current-record);
    overflow: hidden;
}
.progressIndicatorContainer .progressIndicatorLoading {
    background-image: url(../images/spinner.gif);
    background-repeat: no-repeat;
    display: block;
    height: 90px;
    background-position: center;
    margin: -30px 0 5px -60px;
}
.mapContainer {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
}
.dashboardLvvElement {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapElement {
    border: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border-radius: 8px;
}
.formCell .invalidKeyMessage {
    display: flex;
    justify-content: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 10px;
}
.dialogActions {
    float: right;
}
.downloadChartImageIcon::before {
    content: '\f56d';
}
.copyLink, .downloadChartImageButton {
    margin-right: 5px;
}
.copyLinkIcon::before {
    content: '\f0c5';
}
.copyLinkSuccessIcon::before {
    content: '\f14a'
}
.copyLink.disabled, .copyLinkIcon.disabled {
    color: #7F7F7F;
}
a.disabled {
    cursor: none;
}
.qrTargetInfoIcon {
    padding-left: 5px;
    padding-top: 5px;
}
.editableSubformList .dgrid {
    border-radius: 8px 8px 0 0;
}
.editableSubformList .subformButtons {
    bottom: 0;
    border: 1px solid #E6E6E6;
    border-top: 0;
    border-radius: 0 0 8px 8px;
    position: relative;
    padding: 2px 0 1px;
}
.editableSubformList .subformButtons .dijitArrowButtonInner {
    display: inline-block;
    margin-top: 2px;
}
.editableSubformList .dgrid-cell-editing {
    padding: 4px 6px;
}
.editableSubformList .dgrid-cell > .dgrid-input,
.editableSubformList .dgrid-cell .dijitTextBox {
    background: #FFF none;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    font-size: 1em;
    padding: 10px 10px 10px 14px;
    height: 39px;
    width: 100%;
}
.editableSubformList .dgrid-content .dijitButtonNode {
    height: 37px;
    width: 25px;
    top: -10px;
    right: -10px;
    padding-top: 11px;
}
.editableSubformList .dgrid-cell.dgrid-focus .dijitTextBox,
.editableSubformList .dgrid-cell.dgrid-focus .dgrid-input {
    border-color: gray;
}
.subformListView .subformButtons .subformButton .subformAddNewOptions {
    font-weight: bold;
}
.editableSubformList .dgrid-cell.bowtieLinkColumn {
    width: 90px;
}
.editableSubformList .dgrid-cell .bowtieLink {
    padding: 0 12px;
}
.actionGroupWhenStatusSelect label {
    font-weight: bold;
    margin-right: 0.25rem;
}

/** Workflow indicator */
.recordStatus {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 20px 50px 0;
    background-color: #FFF;
    border-radius: 16px;
    padding-top: 20px;
    height: 95px;
}
.recordStatus .scrollContainer {
    white-space: nowrap;
    overflow-x: auto;
}
.recordStatus .states {
    display: inline-block;
}
.recordStatus .status {
    position: relative;
    display: inline-block;
    padding-top: 45px;
    width: 180px;
    text-align: center;
    font-weight: bold;
    color: #AAA;
}
.recordStatus .status.matched,
.recordStatus .status.active {
    color: var(--accent-colour-500);
}
.recordStatus .indicator {
    position: absolute;
    top: 0;
    left: calc(50% - 18px);
    width: 36px;
    height: 36px;
    padding: 11px;
    border: 1px solid #AAA;
    border-radius: 50%;
}
.recordStatus .status.matched .indicator {
    border-color: var(--accent-colour-500);
    background-color: var(--accent-colour-500);
    color: var(--accent-colour-500);
}
.recordStatus .status.matched .indicator:after {
    font-family: 'FontAwesome';
    content: '\f00c';
    color: #FFF;
    position: relative;
    left: -7px;
}
.recordStatus .status.active .indicator {
    border-color: var(--accent-colour-500);
    color: var(--accent-colour-500);
}
.recordStatus .status:after {
    content: '';
    position: absolute;
    top: 18px;
    left: 108px;
    width: 145px;
    height: 1px;
    border-top: 1px dashed #AAA;
}
.recordStatus .status.matched:after {
    border-top: 1px solid var(--accent-colour-500);
}
.recordStatus .status:last-child:after {
    display: none;
}
.subformDialog .subformBpd .recordStatus {
    margin-top: -30px;
}
.recordStatus.empty {
    display: none;
}
.gridForm {
    display: grid;
    grid-template-columns: repeat(12, 7.3%);
    grid-column-gap: 1.127%;
    grid-row-gap: 25px;
    align-items: stretch;
    justify-items: stretch;
}
.gridForm > div {
    border-radius: 8px;
}
.gridForm .clear {
    display: none;
}

.notDisplayed {
    display: none;
}
.formCell .richLink {
    border: 1px solid #acacac;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer;
}
.formCell .richLink .richLinkIcon {
    float: left;
    width: 50px;
    font-family: "FontAwesome";
    font-size: 3em;
    margin-right: 20px;
    text-align: center;
}
.formCell .richLink .richLinkIcon:before {
    content: var(--icon-code);
}
.formCell .richLink .richLinkTitle {
    font-size: 1.33em;
    font-weight: bold;
}
.formCell .richLink .richLinkSummary {
    margin-top: 7px;
    font-size: 0.9em;
}
.formCell .htmlField,
.formCell .suggestionAssistantContent{
    border: 1px solid #E6E6E6;
    border-radius: 8px 8px 0 0;
    padding: 16px 20px 14px 20px;
    font-size: 1.1667em;
    width: calc(100% - 50px);
}
.formCell .suggestionAssistantContent{
    line-height: 1.5;
    white-space: pre-wrap;
    background-image: linear-gradient(to right, var(--accent-colour-100), #FFF);
}
.suggestionAssistantHide {
    display: none;
}
.loadingContainer {
    display: block;
}
:root {
    --sa-light-bulb-color: #27AE60;
    --sa-light-bulb-icon: "\f0eb";
}
.formCell .suggestionAssistant .saLightBulb::before {
    cursor: pointer;
    color: var(--sa-light-bulb-color);
    font-size: 2rem;
    position: absolute;
    top: -10px;
    right: 60px;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    display: block;
    font-family: 'FontAwesome';
    z-index: 99;
    padding-left: 0;
    content: var(--sa-light-bulb-icon);
}
.formCell .suggestionAssistant .saRemindMeNextTimeCrossIcon::before {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    position: absolute;
    top: -15px;
    right: 56px;
    padding: 5px;
    display: block;
    font-family: 'FontAwesome';
    z-index: 99;
    content: "\f057";
}
.formCell .suggestionAssistant .icon-container {
    display: inline-block;
    overflow: hidden;
}
.formCell .suggestionAssistant .icon-container a {
    opacity: 0;
}
.formCell .suggestionAssistant .icon-container:hover a {
    opacity: 1;
    top: 0;
    z-index: 500;
    color: inherit;
}
.formCell .suggestionAssistant.saFieldCollapsed .suggestionAssistantContent,
.formCell .suggestionAssistant.saFieldCollapsed .subformButtons {
    display: none;
}
.formCell.saFieldCollapsed .fieldLabel {
    float: right;
    margin-right: 75px;
    max-width: 35%;
}
.suggestionAssistant .subformButtons {
    position: relative;
    top: 0;
    padding-top: 3px;
    width: calc(100% - 50px);
    border: 1px solid #E6E6E6;
    border-radius: 0 0 8px 8px;
    border-top: 0;
}
.suggestionAssistant .subformButton .dijitIcon {
    padding-top: 0;
}
.tundra .dijitTabContainerTop-tabs .lightBulb:after {
    font-family: 'FontAwesome';
    color: var(--sa-light-bulb-color);
    font-weight: bold;
    position: relative;
    left: 10px;
    font-size: 1.2em;
    content: var(--sa-light-bulb-icon);
}
@keyframes lightBulb {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
}
.systemImageContent {
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*    align-items: center;*/
    height: 100%;
}
.systemImageContent img {
    margin: 2.5px;
    max-width: 100%;
}
.systemImageLabel {
    margin-bottom: 10px;
}
.sdsSearchIcon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.sdsSearchIcon::before {
    font-family: 'FontAwesome';
    content: "\f002";
    font-style: normal;
}
.formCell .sdsLookup {
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 16px 20px 14px 20px;
    vertical-align: middle;
    font-size: 1.1667em;
    height: 48px;
    width: calc(100% - 50px);
    white-space: nowrap;
}
.formCell .sdsLookup .content,
.sdsLookupDialog .dijitDialogPaneContent {
    overflow: hidden !important;
}
.sdsLookupDialog .sdsViewButton .dijitButtonNode,
.sdsLookupDialog .toolMenu_cancel {
    background: none !important;
    color: var(--accent-colour-500) !important;
}
.sdsLookupDialog .dijitIcon {
    padding-top: 0 !important;
}
.sdsLookupDialog .dijitDisabled .dijitIcon {
    background: unset !important;
    color: #7F7F7F !important;
}
.sdsLookupDialog .dijitDialogTitleBar {
    top: 6px !important;
}
.systemImageEmbeddedContent img {
    max-width: 100%;
}