@import url("/webclient/javax.faces.resource/empic_primefaces_extensions.css.xhtml?ln=css&v=V2023R1.9-build.3");
@import url("/webclient/javax.faces.resource/print.css.xhtml?ln=css&v=V2023R1.9-build.3");
/* autoprefixer grid: no-autoplace */
*
{
    font-family: Segoe UI, Verdana, Arial, sans-serif;
    font-size: 14px;
    -webkit-print-color-adjust: exact !important;
    /*transition: .2s ease;*/
}

html
{
    height: 100%;
}


body
{
    text-align: left;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    -webkit-text-size-adjust: 100%;
    test-size-adjust: 100%;
}

.sr-only
{
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}


h1
{
    font-size: 1.5em;
}

textarea
{
    min-height: 2em;
    resize: vertical;
}

a
{
    -webkit-user-select: text; /* Chrome all / Safari all */
    -moz-user-select: text; /* Firefox all */
    -ms-user-select: text; /* IE 10+ */
    user-select: text; /* Likely future */

}

a:link
{
    color: #2A67A5;
    text-decoration: none;
}

a:visited
{
    color: #2A67A5;
    text-decoration: none;
}

a:focus
{
    text-decoration: underline;
}

a:hover
{
    text-decoration: underline;
}

a:active
{
    text-decoration: underline;
}

.empic-alert
{
    color: #ff0000;
}

img
{
    border: 0px;
}

.inlineBlock
{
    display: inline-block;
    text-align: initial;
}

.print-content, .hide
{
    display: none;
}

.changePasswordForm {
    padding-top: 20px;
}

h1.eap-page-title
{
    font-size: 1.5em;
    color: #000000;
    margin-top: 1em;
    margin-bottom: 1em;
    display: inline-block;
}

h1.eap-error-page-title
{
    font-size: 1.5em;
    color: #000000;
    margin-top: 1em;
    margin-bottom: 1em;
}

#breadcrumb
{
    color: #aaaaaa;
}

.required
{
    font-weight: bold;
}

.key-label
{
    font-weight: normal !important;
}

.hidden
{
    display: none;
}

.header
{
    background-color: #DBEAF9;
    color: #ffffff;
}


#header-panel
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    position: fixed;
    background-color: #DBEAF9;
    background-image: url("https://services.casa.gov.au/empicresources/images/EAPbanner-large.png");
    width: inherit;
    max-width: inherit;
}

#header-panel *
{
    color: #000000;
}

#header-panel .logo
{
    position: absolute;
    top: 25px;
    margin-left: 1em;
    width: 200px;
    height: 50px;
    background-repeat: no-repeat;
    background-image: url("https://services.casa.gov.au/empicresources/images/EAPlogo-large.png");
    background-position: center;
}

#header-panel #profileMenuDiv
{
    position: absolute;
    top: 2em;
    right: 2em;
}

#header-panel #profileMenuDiv button
{
    background: none;
    border: none;
    box-shadow: none;
}

body #header-panel .ui-button.ui-state-focus
{
    outline: auto;
}

#header-panel #profileMenuDiv .ui-icon
{
    font-weight: bold;
}

#header-panel #profileMenuDiv .ui-button-text
{
    text-decoration: underline;
    text-shadow: none;
}

#language-panel
{
    position: relative;
    float: right;
    right: 1em;
    z-index: 100;
}

#language-panel .languageIcon
{
    border: none;
    vertical-align: middle;
    margin-right: 5px;
    width: 1.5em;
}
/* Styles for the language chooser component */
.lcPanelStyle
{
    float: left;
    position: relative;
    width: 100%;
}

.lcFieldAuth
{
    margin: 1em 1em !important;
    height: 3.15rem;
}

.lcFieldAuth .ui-selectonemenu-label, ul[id^="authSelectionPanel"] .ui-selectonemenu-item
{
    font-size: 1.5em !important;
}

#menu-bar-panel
{
    position: absolute;
    top: 0px;
    z-index: 50;
    width: 100%;
}


.login-form-panel
{
    padding: 2em;
}

.public-background
{
    padding: 3em 0em 3em 0em;
}

.public-panel
{
    margin-top: -1.5em;
}

#center.Error
{
    color: black;
    text-align: center;
    padding: 50px 0;
}


#main-content-panel
{
    min-height: 75%;
    padding-top: 100px;
}

#footer-panel
{
    font-size: 0.6em;
    padding: 2em 0em;
    text-align: center;
}

#footer-panel .smalltext
{
    font-size: smaller;
    display: block;
}

#change-password-panel
{
    margin: auto;
    padding: 2.0em;
}

#page-header-panel
{
    margin-left: calc(15.667%);
    font-weight: bold;
    margin-top: 2em;
    min-width: inherit;
}

#address-edit-panel
{
    margin: 0 1em 0 0;
}

#left-sidebar-panel
{
    height: 100%;
    padding-top: 0.3em;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F1F1F1;
    min-width: 170px !important;
    max-width: calc(68.75% * 0.14667);
    position: fixed;
    z-index: 5;
}

#left-sidebar-panel .ui-tree-container, #mySidenav .menuentry
{
    overflow: hidden;
    white-space: initial;
    word-wrap: break-word;
}

#left-sidebar-panel .ui-treenode
{
    margin: 0.3em 0 0.3em 16px;
    position: relative;
}

#left-sidebar-panel .ui-tree-toggler,
#left-sidebar-panel .ui-treenode-leaf-icon
{
    position: absolute;
    top: 3px;
    left: -21px;
}

#left-sidebar-panel .ui-treenode-children
{
    padding: 0;
}

.ui-tree .ui-tree-selectable .ui-treenode-label, .ui-tree .ui-tree-selectable .ui-treenode-icon {
    cursor: pointer;
}

.ui-menu.ui-widget a.ui-menuitem-link
{
    overflow: hidden;
    white-space: initial;
    word-wrap: break-word;
}


#main-menu-button
{
    display: none;
}

.eapMenu
{
    border: none;
    background: transparent;
}

#profile-information-panel
{
    position: relative;
    margin: 5em 0 0 0;
}

#additional-information-panel
{
    position: relative;
    margin: 0 1em 0 0;
}

.ui-outputlabel-rfi
{
    font-weight: bold;
}

/*Formatting textrow elements*/

#page-content-panel
{
    margin-left: calc((15.667%));
}

.textrow > label, .componentrow > label
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 5px;
}

.textrow .ui-button, .componentrow .ui-button
{
    min-height: inherit;
}

.textOutputValueInRow
{
    padding: 5px;
    border-radius: 3px;
}

/* Formatting selectrow elements*/

.selectrow label
{
    padding-top: 5px;
}

.selectrow button
{
    position: relative;
    margin-top: 0px;
    margin-left: 12px;
}

.selectrow select
{
    min-height: 32px;
}

#page-content-panel .selectrow
{
    padding: 0.4em 0em 0.5em 0em;
}

#page-content-panel .selectradio
{
    padding: 0.4em 0em;
}

#page-content-panel .componentrow
{
    padding: 0.4em 0em;
}

.componentrow .selectBoxLabel
{
    padding-top: 0.7em;
}


/* Rendering Labels and Values in forms */
.componentrow .ui-outputlabel, .selectrow .ui-outputlabel, .textrow .ui-outputlabel, .booleanrow .ui-outputlabel, .selectradio .ui-outputlabel, .booleanrow .ui-outputlabel
{
    color: #707070;
}

.selectradio .ui-outputlabel
{
    padding-top: 5px;
}

.booleanrow
{
    margin-bottom: 1.157em;
}

.componentrow .value-label, .selectrow .value-label, .selectrow .ui-selectonemenu-label, .multiColumnRow .ui-selectonemenu-label, .textrow .value-label
{
    font-weight: 500;
}

.componentrow label
{
    display: flex;
}

/* Formatting tristate row elements */
.tristaterow label
{
    padding-top: unset;
}

/* Formatting tristate cell elements */
#page-content-panel .multiColumnRow .tristaterow
{
    padding-right: 10px;
}

/* Formatting ButtonBar */

.bottomButtonBar
{
    min-height: 32px;
    margin: 0.5em -1em 0.5em -1em;
    padding: 0.5em 0em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #F1F1F1;
}

.noBackground
{
    background: none;
}

.bottomButtonBar a
{
    float: right;
    margin: 0.5em;
    font-weight: bold;
}

.bottomButtonBar .ui-button
{
    float: right;
    margin: 0em 0.5em;
}

.dialogButtonBar a
{
    margin: 0.5em;
    font-weight: bold;
}

.dialogButtonBar
{
    width: fit-content;
    width: -moz-fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 1%;
}

.dialogButtonBar .ui-button
{
    margin: 0em 0.5em;
}

.ui-dialog .ui-dialog-content
{
    text-align: left;
}

.success .ui-panel-content
{
    border: 5px solid #9acd32 !important;
}

.actionpanel button
{
    float: right;
    margin: 0.5em;
}

.actionpanel a
{
    float: right;
    margin: 0.5em;
    padding: 0.7em;
    margin-top: 0.2em;
    font-weight: bold;
}


.ui-button
{
    min-height: 32px;
    min-width: 90px;
    font-weight: bold;
}

.ui-button-icon-only
{
    min-width: inherit;
}

.ui-state-default.call-to-action
{
    cursor: pointer;
    color: white !important;
    background-color: #2A67A5;
    text-shadow: 0 1px 0 #035489;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: none;
}

.ui-state-hover.call-to-action
{
    cursor: pointer;
    text-shadow: 0 1px 0 #035489;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: white !important;
    background-color: #3C93EB;
    background-image: none;
}

.bottomButtonBar .lastButton
{
    margin-left: -2px;
}

label
{
    min-width: 200px;
}

div.ui-radiobutton + label
{
    min-width: 0px;
}

div.ui-radiobutton + label.ui-state-disabled
{
    opacity: 1;
    background: transparent;
}

[role~="menuitem"] .ui-menuitem-text
{
    min-height: 3em;
    margin-right: 0.5em;
    padding-top: 1em;
}

#errorContent .errorMessage, #errorContent * p, #errorContent * li
{
    font-size: 1.3em;
    font-weight: bold;
}

#errorContent * li > a
{
    font-size: 1.0em;
}

.serverError .errorMessage
{
    margin-top: 80px;
    margin-bottom: 40px;
}

#main-content-panel * .serverError .errorMessage
{
    margin-top: 0px;
}

.serverError .backLink
{
    font-weight: bold;
}


#errorContent .additionalMessages
{
    margin: 1em 0em;
}

#errorContent .errorMessage.summary
{
    margin: 1em 0em 0em 0em;
    font-weight: 600;
}

#errorContent .errorMessage.detail
{
    margin: 0em 0em 1em 0em;
}

.ui-cell-message
{
    padding: 0px 5px;
}

.ui-cell-message.inputHint
{
    padding: 0.8rem 0 0.8rem 5px;
}

.errorImage
{
    display: block;
    margin-right: auto;
    height: 150px;
    margin-top: 2em;
}

/* Width fix for public content */

.public-panel .ui-outputlabel.grid_3
{
    width: 40%;
}

.public-panel .marginLeft_3
{
    margin-left: 42% !important;
}

.no-script-panel
{
    z-index: 100;
    position: absolute;
    background-size: cover;
    margin-top: 1em;
    background-color: #FFFFFF;
}

td[role~="gridcell"] button
{
    margin: auto;
    display: block;
}

/* Fileupload */

.fileuploadIe9
{
    min-height: 32px;
    width: 100%;
    margin-bottom: 1em;
    margin-right: 1em !important;
}

.dragndrop-fileupload
{
    border: 2px dashed #cccccc;
    margin-bottom: 0.5em;
}

.dragndrop-fileupload .ui-fileupload-buttonbar
{
    margin: 0px auto;
    text-align: center;
    padding-top: 1em;
}

.dragndrop-fileupload .ui-fileupload-buttonbar, .dragndrop-fileupload .ui-fileupload-content
{
    border: none;
}

.dnd-text
{
    text-align: center;
    color: #707070;
    font-size: 1.5em;
}

.ui-fileupload-label
{
    font-size: 1.5em;
}

.dragndrop-fileupload .ui-fileupload-buttonbar .ui-state-disabled
{
    opacity: 1;
    color: #707070;
    background: none;
}

.dragndrop-fileupload .ui-fileupload-buttonbar .ui-state-disabled a:visited
{
    color: #707070;
}


.ui-fileupload-choose.ui-state-hover
{
    background-color: transparent;
}

#submitForm\:attachmentsTable .ui-file-icon
{
    margin-left: 0.3em;
}

#submitForm\:attachmentsTable .ui-datatable-footer
{
    text-align: left;
    border: none;
}

#submitForm\:attachmentsTable .removeIndicator
{
    float: left;
}

.downloadForms .row
{
    display: table-row;
}

.downloadForms .cell
{
    display: table-cell;
    margin: 1em 0em;
    padding: 0em 0.4em;
}

.downloadForms .ui-datalist-content > div:nth-child(even)
{
    background-color: #f9f9f9;
}

/* Status colors */
.accepted
{
    color: green;
}

.declined
{
    color: red;
}


#dateRangeSelector .messagepanel
{
    margin-top: -1.5em;
    margin-bottom: 1em;
}

.dateRangeFloatLabel
{
    float: left;
}

.dateRangeFilter.textrow label
{
    min-width: 0px;
    padding: 4px;
    display: inline-flex;
}

.dateRangeFilter .dateInput
{
    margin-top: -4px;
}

/* correcting empty span and message elements*/
.multiColumnMessages .ui-cell-message .ui-message
{
    float: left;
}

/* InfoIcon and Overlay */
div[id*='infoIcon']
{
    float: right;
    position: relative;
    padding: 0em 0.5em;
    top: -0.25em;
}

div[id*='infoIcon'] i
{
    font-size: 1.2em;
    cursor: pointer;
}

div[id*='infoOverlay']
{
    min-width: 20vmax;
    max-width: 40vmax;
}

/* if a table is included in an info overlay panel, the first row should be the header and should be vertically top aligned. */
.ui-overlaypanel .eapTable tr > td:first-child
{
    vertical-align: top;
}

/* input fields */
.ui-inputfield.ui-state-disabled
{
    background-color: #f0f0f0;
    color: #404040;
    opacity: 1.0;
}

.textrow.textinputRow .ui-inputfield.ui-state-disabled.row-value
{
    padding: 4px;
    box-shadow: none;
    line-height: 19px;
}

.selectrow .ui-selectonemenu.ui-state-disabled, .multiColumnRow .ui-selectonemenu.ui-state-disabled
{
    box-shadow: none;
    line-height: 1em;
    border: 1px solid #cccccc;
}

.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-label
{
    background-color: #f0f0f0;
    color: #686868;
    opacity: 1.0;
    padding: 6px 4px 7px 4px;
}

span.ui-inputnumber
{
    padding-right: 1%;
}

.ui-inputnumber input:first-child
{
    width: 100%;
}

.condition-tree-node-check-ok
{
    color: #228b22;
}

.condition-tree-node-check-not-ok
{
    color: #f88017;
}

.outerTile
{
    padding: 10px;
    margin: 10px;
    box-shadow: 5px 5px 5px #888888;
}

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

.noLink
{
    text-decoration: none !important;
    color: black !important;
}

.notSelectedStyle
{
    color: #000000;
}

.disabledStyle
{
    opacity: 0.35;
}

.fileExportButtonBar
{
    margin: 1.5em -1em 0.5em -1em;
}

.fileExportButtonBar a
{
    float: right;
    margin: 0.5em;
    font-weight: bold;
}

.fileExportButtonBar i
{
    font-size: 1.5em;
}

.fileExportText
{
    float: right;
    margin: 0.6em 1em;
}

.eapTable > .ui-datatable-footer
{
    padding: 0px;
}

.docFolder .ui-treetable-toggler
{
    zoom: 1.3;
}

.docFolder .ui-file-icon
{
    font-size: 1.5em;
}

.docFolder tr[aria-expanded="true"] > td > i::before
{
    content: "\f07c";
}

/* ################ Styles for Notifications */

.notification
{
    display: flex;
    border: #dddddd 1px solid;
    border-left-width: 15px;
    margin-top: 10px;
    align-items: center;
    justify-content: space-around;
    max-height: 10em;
    overflow-y: hidden;
}

.notification--type
{
    display: flex;
    justify-content: center;
    flex: 1 1 8%;
    align-self: center;
}

.notification--content
{
    display: flex;
    flex-direction: column;
    flex: 5 5 76%;
    align-self: stretch;
    padding: 5px 0px;
    overflow: auto;
}

.notification--content::-webkit-scrollbar
{
    width: 10px;
}

.notification--content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f1f1f1;
    border-radius: 3px;
}

.notification--content::-webkit-scrollbar-thumb {
    background: #a4a4a4;
    border-radius: 6px;
}

.notification--content::-webkit-scrollbar-thumb:hover {
    background: #797979;
}

.notification--title
{
    font-weight: 600;
    font-size: 1.1em;
    line-height: 2em;
}

.notification--assigned
{
    flex: 1 1 80px;
    align-self: center;
    padding-right: 1em;
}

.notification--action
{
    display: flex;
    justify-content: center;
    flex: 1 1 8%;
    align-self: stretch;
    background-color: #dddddd;
}

.notification--action .pi
{
    align-self: center;
}

.notification--action a:hover
{
    text-decoration: none;
}

.notification a.ui-widget, .dynamicform a.ui-widget
{
    font: normal normal normal 14px/1 primeicons;
    font-size: 2em;
    font-weight: bold;
}

#emptyNotificationsContainer
{
    margin-top: 10px;
}

#emptyNotificationsIcon
{
    flex: 1;
    height: 50px;
    margin: 5px;
}

#emptyNotificationsIcon img
{
    width: 28px;
    position: relative;
    left: 37px;
    top: 8px;
}

#emptyNotificationsMessage
{
    flex: 10;
}


/* ################ End Styles for Notifications */


.flexContainer
{
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: #dddddd 1px solid;
}

.flexContainer .alignCenter
{
    align-self: center;
}

.lightBlue
{
    background-color: #dbeaf9 !important;
}

/* News*/

.newsPanel .news-item
{
    padding-bottom: 1.5em;
    color: #2A67A5;
}

.newsPanel .news-item .newsDate
{
    display: block;
    color: initial;
}

.newsPanel .news-item .newsTitle
{
    display: block;
    font-weight: bold;
    text-decoration: underline;
    padding: 0.3em 0em;
    color: #2A67A5;
}

.newsPanel .news-item .newsDescription
{
    padding-bottom: 0.5em;
    display: block;
    color: initial;
}

/* Payment */
.successMessage
{
    background-color: #f1f1f1;
    color: #000000;
    background-image: none;
    font-weight: bold;
    padding: 5px;
    margin: 10px 0px;
}

#failurePanel .errorMessage
{
    font-weight: bold;
    padding: 5px;
    margin: 10px 0px;
}

.pay-result-line
{
    float: left;
    margin-top: 1em;
}

.pay-result-line .pay-result-label
{
    font-weight: bold;
}

/* Explanatory Panel*/

body .explanatoryPanel div[id*='infoIcon']
{
    float: right;
    margin-top: -3em;
}

body .explanatoryPanel .ui-panel-footer
{
    border: none;
}

a.onlineGuideStarter
{
    font-size: 1.3em;
    display: inline-block;
    position: relative;
    top: -0.5em;
    padding-left: 0.3em;
    padding-right: 0.3em;
}

a.onlineGuideStarter:link, a.onlineGuideStarter:visited, a.onlineGuideStarter:hover, a.onlineGuideStarter:focus
{
    color: #000000;
    display: inline-block;
    text-decoration: none;
}

.header-inline
{
    display: inline-block;
}

#profileMenuPanel a:link, #profileMenuPanel a:visited, #profileMenuPanel a:hover, #profileMenuPanel a:focus
{
    color: #000000;
    display: inline-block;
    text-decoration: none;
    outline-offset: 5px;
}

#profileMenuForm {
    margin-right: 1em;
}

.icon::before
{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    line-height: 1;
    -ms-text-rendering: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

span.ui-calendar input.ui-inputfield
{
    background-image: url(/webclient/javax.faces.resource/images/calendar.svg.xhtml);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2em;
}

span.ui-calendar.ui-trigger-calendar input.ui-inputfield
{
    background: none;
}

span.ui-calendar input.ui-inputfield.ui-state-disabled
{
    background-image: none;
}

.gdSetIcon
{
    margin: -4px 15px 0px 0px;
    float: left;
}

.formButtonBar-topBorder
{
    border-top: 1.5px #000000 solid;
    width: 100%;
    height: 0.8em;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header
{
    border-bottom: 1.5px #000000 solid;
    border-left: none;
    border-right: none;
    border-top: none;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active
{
    border-color: #000000 #000000 #ffffff #000000;
    border-width: 1.5px;
    background-image: none;
    background-color: #ffffff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a
{
    cursor: default;
    margin-top: unset;
}

.ui-tabs .ui-tabs-nav li a
{
    margin-top: -1px;
}


.ui-tabs .ui-tabs-nav.ui-widget-header li a
{
    color: #000000;
    font-weight: 700;
}

.ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li
{
    background-color: #f5f5f5;
    background-image: -ms-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
    background-image: linear-gradient(top, #e6e6e6, #ffffff);
    background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
    background-repeat: repeat-x;
    border-color: #000000 #000000 transparent #000000;
}

.ui-panelgrid-content.ui-widget-content.ui-grid.ui-grid-responsive
{
    border: none;
}

/* Styles for Text overlay in disabled text fields */

.text-overlay-trigger
{
    z-index: 100;
    position: absolute;
    cursor: pointer;
    padding: 6px;
    background-color: #f0f0f0;
    color: rgba(0, 0, 0, 0.4);
}

.text-overlay-close-trigger
{
    z-index: 10003;
    position: absolute;
    cursor: pointer;
    padding: 6px;
    margin-left: -1px;
    top: 0;
    right: 0;
    color: rgba(0, 0, 0, 0.4);
    background-color: #ffffff;
}

.text-overlay-trigger:hover, .text-overlay-close-trigger:hover
{
    color: #000000;
}

.text-overlay
{
    overflow: auto;
    position: absolute;
    z-index: 10003;
    resize: both;
    margin: 0px 14px 0px 0px;
}

/* Styles for <eap:treeEdit>*/
.treeEmptyMessage
{
    display: inline-block;
    padding-top: 0.4em;
    font-weight: bold;
}

/* wizard styles*/
.wizardCancelDialog
{
    max-width: 20%;
}

/* Styles for the alert panel */
.alertPanel
{
    border: darkred 4px solid;
    margin-top: 1em;
    border-radius: 3px;
    z-index: 1;
    padding: 0.5em 0;
    display: grid !important;
    grid-template-columns: 1fr 9fr;
    grid-template-rows: 2fr 8fr;
    grid-gap: 10px;
    grid-template-areas:
         "alertIcon headline"
         "alertIcon message"
}

.alertIcon
{
    grid-area: alertIcon;
    justify-self: center;
    align-self: center;
    font-size: 4em;
    color: darkred;
}

.alertHeadline
{
    font-size: 1.5em;
    font-weight: bold;
    grid-area: headline;
}

.alertContent
{
    grid-area: message;
}

.ui-password-panel
{
    min-width: 200px;
}

/* The side navigation menu */
.sidenav
{
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1020; /* Stay on top */
    top: 100px;
    left: 0;
    background-color: #fafafa; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    overflow-y: scroll;
    display: none;
}

.sidenav .menuentry
{
    padding: 0.3em 0em;
    display: inline-block;
}

.sidenav .ui-tree-container
{
    overflow: hidden !important;
}

/* Position and style of the menu button for the navigation drawer menu */
#header-panel .drawerMenuBtn
{
    display: none;
    z-index: 1010;
}

#header-panel .glassPane
{
    z-index: 1005;
}


.ui-tree-toggler, .ui-chkbox-icon, .ui-radiobutton-icon, .ui-radiobutton-box, .ui-row-toggler, .ui-treetable-toggler, .docFolder *, .ui-sortable-column-icon, .ui-widget .ui-icon, #progressBarClient, #progressBarClient .ui-progressbar-value
{
    transition: none;
}

#menu-toggle, #menu-toggle *, #hamburger, #header-panel, #header-panel .logo{
   transition: .3s ease;
}

#menu-toggle span
{
    display: block;
    background: #566973;
    border-radius: 2px;
}

#menu-toggle
{
    width: 97px;
    height: 97px;
    margin: auto auto;
    position: relative;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 5px;
}

#menu-toggle:hover
{
    background: rgba(255, 255, 255, 0.8);
}

#menu-toggle #hamburger
{
    position: absolute;
    height: 100%;
    width: 100%;
}

#menu-toggle #hamburger span
{
    width: 60px;
    height: 4px;
    position: relative;
    top: 24px;
    left: 20px;
    margin: 10px 0;
}

#menu-toggle #cross
{
    position: absolute;
    height: 100%;
    width: 100%;
    transform: rotate(45deg);
}

#menu-toggle #cross span:nth-child(1)
{
    height: 0%;
    width: 4px;
    position: absolute;
    top: 10%;
    left: 48px;
}

#menu-toggle #cross span:nth-child(2)
{
    width: 0%;
    height: 4px;
    position: absolute;
    left: 10%;
    top: 48px;
}

#menu-toggle.open #hamburger span
{
    width: 0% !important;
}

#menu-toggle.open #cross span:nth-child(1)
{
    height: 80%;
}

#menu-toggle.open #cross span:nth-child(2)
{
    width: 80%;
}

.noscroll
{
    overflow: hidden;
}

/* doubleColumnRows grid*/

.doubleColumnRow
{
    padding-right: 1% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 1.3em) 0.8em 1em;
    column-gap: 2em;
    row-gap: 0.5em;
    grid-template-areas:
         "labelLeft labelRight"
         "compLeft compRight"
         "hintLeft hintRight"
         "msgLeft msgRight"
}

.doubleColumnRow.disabled
{
    grid-template-rows: repeat(2, 1.3em);
}

label[for*="leftValue"]
{
    grid-area: labelLeft;
    width: 100%;
    float: left;
}

label[for*="rightValue"]
{
    grid-area: labelRight;
    width: 100%;
    float: left;
}

div[id*="leftValue"].cell-value-container
{
    grid-area: compLeft;
    width: 100%;
    float: left;;
}

[id*="valueField"][class~="cell-value"]
{
    width: 100% !important;
    float: left;
}

div[id*="rightValue"].cell-value-container
{
    grid-area: compRight;
    width: 100%;
    float: left;
}

.hintLeft
{
    grid-area: hintLeft;
    width: 100%;
    float: left;
}

.hintRight
{
    grid-area: hintRight;
    width: 100%;
    float: left;
}

.msgLeft
{
    grid-area: msgLeft;
    width: 100%;
    float: left;
}

.msgRight
{
    grid-area: msgRight;
    width: 100%;
    float: left;
}

/* tripleColumnRows grid*/

.tripleColumnRow
{
    padding-right: 1% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 1.3em) 0.8em 1em;
    column-gap: 2em;
    row-gap: 0.5em;
    grid-template-areas:
         "labelLeft labelMiddle labelRight"
         "compLeft compMiddle compRight"
         "hintLeft hintMiddle hintRight"
         "msgLeft msgMiddle msgRight"
}

.tripleColumnRow.disabled
{
    grid-template-rows: repeat(2, 1.3em);
}

label[for*="middleValue"]
{
    grid-area: labelMiddle;
    width: 100%;
    float: left;
}


div[id*="middleValue"].cell-value-container
{
    grid-area: compMiddle;
    width: 100%;
    float: left;
}

.msgMiddle
{
    grid-area: msgMiddle;
    width: 100%;
    float: left;
}

.hintMiddle
{
    grid-area: hintMiddle;
    width: 100%;
    float: left;
}

#cacheTable .ui-datatable tbody tr
{
    height: 4em;
}

/* message for session timeout */


div[id*='indexPanel'] .ui-messages-info
{
    color: black !important;
}

#progressBarClient
{
    height: 3px;
    margin: 0 0 0 0;
}

#progressBarClient.alert .ui-progressbar-value
{
    background-image: linear-gradient(top, rgb(255, 0, 0), rgb(255, 128, 0));
    background-image: -webkit-linear-gradient(top, rgb(255, 0, 0), rgb(255, 128, 0));
    background-image: -moz-linear-gradient(top, rgb(255, 0, 0), rgb(255, 128, 0));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(255, 0, 0)), to(rgb(255, 128, 0)));
    background-image: -o-linear-gradient(top, rgb(255, 0, 0), rgb(255, 128, 0));
    background-image: -ms-linear-gradient(top, rgb(255, 0, 0), rgb(255, 128, 0));
}

#sessionRefreshButton
{
    display: none;
    min-height: 0;
    height: min-content;
    position: absolute;
    right: 0px;
    top: 5px;
    z-index: 1001;
}

#sessionRefreshButton .ui-button-text
{
    padding: 0.1em 0.3em;
    color: white;
}

/* media queries*/

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px)
{
    .sidenav
    {
        padding-top: 15px;
    }

    .sidenav a
    {
        font-size: 18px;
    }

    label
    {
        min-width: initial;
    }

    .master_detail #detail
    {
        margin-left: 0 !important;
    }
}

/* smaller devices like tablet computer and below*/
@media all and (max-width: 1280px)
{

    label
    {
        min-width: initial;
    }

    .ui-button
    {
        min-height: 40px;
    }

    #filter .ui-button
    {
        min-height: unset;
    }

    #filter .ui-button-text-only .ui-button-text {
        padding: .36em 1em;
    }

    .bottomButtonBar a
    {
        padding-top: 3.67px;
    }

    .actionpanel a
    {
        padding-top: 14.85px;
    }

    #page-header-panel
    {
        margin-left: 1%;
    }

    #page-content-panel
    {
        margin-left: 1%;
    }

    #left-sidebar-panel
    {
        display: none;
    }

    #header-panel .drawerMenuBtn, .sidenav
    {
        display: inline-block;
    }

    .wizardCancelDialog
    {
        max-width: 80%;
    }

    .correctiveaction--summary, .finding--basicinfo
    {
        min-width: 30vw !important;
        min-height: 8rem !important;
    }

    .master_detail #detail
    {
        margin-left: 0 !important;
    }
}


/*really small devices like smartphones */
@media screen and (max-width: 640px)
{
    label
    {
        min-width: initial;
    }

    .hide-on-small-windows
    {
        display: none;
    }

    /* Styles for the alert panel */
    .alertPanel
    {
        grid-template-columns: 1fr;
        justify-items: center;
        grid-template-areas:
            "headline"
            "message"
    }

    .doubleColumnRow
    {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1.3em) 0.8em 1em repeat(2, 1.3em) 0.8em 1em;
        column-gap: 2em;
        row-gap: 0.5em;
        grid-template-areas:
            "labelLeft"
            "compLeft"
            "hintLeft"
            "msgLeft"
            "labelRight"
            "compRight"
            "hintRight"
            "msgRight"
    }

    .tripleColumnRow
    {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, 1.3em) 0.8em 1em repeat(2, 1.3em) 0.8em 1em repeat(2, 1.3em) 0.8em 1em;
        column-gap: 2em;
        row-gap: 0.5em;
        grid-template-areas:
            "labelLeft"
            "compLeft"
            "hintLeft"
            "msgLeft"
            "labelMiddle"
            "compMiddle"
            "hintMiddle"
            "msgMiddle"
            "labelRight"
            "compRight"
            "hintRight"
            "msgRight"
    }

    label[for*=Captcha]
    {
        padding-top: unset !important;
    }

    .correctiveaction--summary, .finding--basicinfo
    {
        min-width: 30vw !important;
        min-height: 10rem !important;
    }

    .master_detail #detail
    {
        margin-left: 0 !important;
    }
}

.empic-tile
{
    border: #dddddd 1px solid;
    box-shadow: 3px 3px 3px #888888;
    margin: 10px 0px;
}

.empic-tile:hover
{
    background-color: #e6e6e6;
    box-shadow: 5px 5px 5px #888888;
    cursor: pointer;
}

.empic-tile.selected
{
    border: #3C93EB 2px solid;
}

.finding.empic-tile {
    min-height: 8rem;
}

.finding
{
    display: flex;
    border: #dddddd 1px solid;
    margin: 10px 0px 10px 0px;
    align-items: center;
    justify-content: space-around;
    box-shadow: 5px 5px 5px #888888;
}

.finding .value-label
{
    font-weight: bold;
}

.finding:hover
{
    background-color: #e6e6e6;
    box-shadow: 8px 8px 8px #888888;
    cursor: pointer;
}

.finding:focus-visible
{
    border-color: #2196F3;
    outline: 0 none;
    box-shadow: 0 0 0 0.2em #a6d5fa;
}

.finding--basicinfo
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 0px 10px 10px;
    align-self: center;
    min-width: 12vw;
}

.finding--data
{
    margin: 0px 10px;
    display: flex;
}
.finding--data .pi-lg {
    margin: 0.2rem 0.5rem 0 0;
}

.significance_0
{
    opacity: 0.6;
}

.finding--data .times
{
    align-self: center;
    flex: 0 0 2rem;
}

.finding--data .fa
{
    align-self: center;
    flex: 1 0 auto;
}

.finding--data .status
{
    align-self: center;
    flex: 10 1 45%;
}

.finding--data .label
{
    align-self: center;
    flex: 0 0 55%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.finding--data .value-label
{
    align-self: center;
    flex: 1 5 45%;
}

.finding--data.top
{
    margin: 10px 10px 0px 10px;
}

.finding--data.bottom
{
    margin: 0px 10px 10px 10px;
}

.finding--content
{
    display: flex;
    margin: 10px 0px 10px 10px;
    flex: 1 1 8%;
    align-self: baseline;
}

.finding--description
{
    margin-top: 10px;
    max-height: 12vh;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

.finding--duedate
{
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

#filter .ui-selectcheckboxmenu-token
{
    margin: 0px 2px !important;
}

#filter .ui-selectcheckboxmenu-token-label
{
    font-size: 0.9em;
}

.finding--details--panel .ui-panel-content
{
    padding: .5em 1.4% .5em 0.8%;
}

.correctiveaction--summary
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px 10px 10px 10px;
    align-self: center;
    min-width: 12vw;
}

.ca_container
{
    border: #dddddd 1px solid;
    box-shadow: 5px 5px 5px #888888;
    margin: 10px 0;
    padding: 5px;
    float: none;
    display: grid;
    grid-template-columns: 33% 33% 34%;
    grid-template-rows: repeat(3, 1fr);
    grid-template-areas:
          "ca_type ca_type ca_action_pill"
          "ca_date_label ca_date ca_info_icon"
          "ca_status ca_ext_pill ca_ext_pill";
    row-gap: 5px;
    height: 8vh;
    min-height: 100px;
    align-items: center;
}

.ca_container.selected
{
    border: #3C93EB 2px solid;
}

.ca_container:hover
{
    background-color: #e6e6e6;
    box-shadow: 8px 8px 8px #888888;
    cursor: pointer;
}

.ca_container:focus-visible
{
    border-color: #2196F3;
    outline: 0 none;
    box-shadow: 0 0 0 0.2em #a6d5fa;
}

.ca_type
{
    grid-area: ca_type;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ca_action_pill
{
    grid-area: ca_action_pill;
}
.ca_action_pill .ui-tag-value
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ca_date_label
{
    grid-area: ca_date_label;
}

.ca_date
{
    grid-area: ca_date;
}

.ca_ext_pill
{
    grid-area: ca_ext_pill;
}

.ca_ext_pill .ui-tag-value
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ca_status
{
    grid-area: ca_status;
}

.ca_info_icon
{
    grid-area: ca_info_icon;
}

body .master_detail #master
{
    max-height: 65vh;
    overflow-y: auto;
    padding-bottom: 2em;
}

body .master_detail #detail
{
    margin-left: 1%;
    margin-right: 1%;
}

body .master_detail .ui-fieldset-legend
{
    border: none;
    background: none;
    box-shadow: none;
    padding: 0.3em;
}

body .master_detail .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
    background: none;
}
body #detail .componentrow
{
    margin-right: -12px;
}

body #detail .ui-fileupload
{
    margin-right: 2px;
}

.rating-tile
{
    margin-right: 30%;
}

.rating-tile:hover
{
    background-color: unset;
    box-shadow: 3px 3px 3px #888888;
    cursor: unset;
}
.rating-container
{
    padding: 10px;
    float: none;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    align-items: center;
}

.rating-tile .value-label
{
    font-weight: bold;
    color: black;
}

.invoiceTable .invoiceHeader {
    font-weight: bold;
    text-align: center;
}

.invoiceTable .shortDescription {
    font-weight: bold;
}

.invoiceTable .centeredColumn {
    text-align: center;
}

.invoiceTable .sumColumn {
    font-weight: bold;
    text-decoration: underline;
}

.invoiceTable .sumDescription {
    text-align: right;
    font-weight: bold;
}
.wftask-header
{
    margin-bottom: 1em;
}
.wftask-name
{
    font-size: 1.5em;
}

.e-qrcode {
    padding: 10px 5px;
}
/* Styles for the auth selection page */
.ui-button.e-auth-selection
{
    margin: 1rem 1rem;
}

.ui-button.e-auth-selection .ui-button-text
{
    font-size: 1.5em;
    text-align: left;
    margin-left: 1.5rem;
}

.ui-button.e-auth-selection .ui-button-icon-left
{
    margin-top: -1rem !important;
}

.e-table-editcontrols-column
{
    width: 6rem;
}