/*
 * Copyright (C) 2004-2025 Imprivata, Inc. All rights reserved.
 * This software is the proprietary information of Imprivata.
 */

/* Colors
Lead Blue: #094074	Dark Gray: #6f6f6f	White: #ffffff		Hover Link Blue: #007bb6
Header Blue:#0a2f68	Green: #00c50f		Light Gray: #e1e2e3	Table Gray: #8f8f8f
*/

/* Commenting because it prevents the EP (shield) header icon from displaying the appropriate foreground color */
/*.ui-button .fa {
    color: white;
}*/

.ui-button .fa:not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fw-fa-no-def-size) {
    font-size: large;
}

.fw-buttons,
#buttons {
    /*height: 35px;*/
/*    padding-top: 5px;*/
    white-space: nowrap;
}

.fw-icon28x28 .ui-icon,
.grcPrint .ui-icon,
.fw-buttons .ui-button .ui-icon:not(.ui-chkbox-icon),
#buttons .ui-button .ui-icon:not(.ui-chkbox-icon) { width: 28px; height: 28px; }

.fw-icon28x28.ui-button-icon-only .ui-icon,
.grcPrint.ui-button-icon-only .ui-icon,
.fw-buttons .ui-button-icon-only .ui-icon,
#buttons .ui-button-icon-only .ui-icon { margin-left: -14px;}

.fw-icon28x28.ui-button-text-icon-left .ui-icon,
.grcPrint.ui-button-text-icon-left .ui-icon,
.fw-buttons .ui-button-text-icon-left .ui-icon,
#buttons .ui-button-text-icon-left .ui-icon { margin-left: -5px; margin-top: -14px; }

.ui-button.ui-button-text-icon-left .ui-icon {
    margin-top: -0.4em;
}
/*.ui-button.ui-button-text-icon-left .ui-button-text {
    padding-left: 2.8em !important;
}*/

/*.fw-icon28x28.ui-state-default .ui-icon:not(.fa),
.grcPrint.ui-state-default .ui-icon:not(.fa),
.fw-buttons .ui-state-default .ui-icon:not(.fa),
#buttons .ui-state-default .ui-icon:not(.fa) { background-image: url("../theme/images/fw-icons_333333_28x28.png"); }

.fw-icon28x28.ui-state-hover .ui-icon:not(.fa),
.fw-icon28x28.ui-state-focus .ui-icon:not(.fa),
.grcPrint.ui-state-hover .ui-icon:not(.fa),
.grcPrint.ui-state-focus .ui-icon:not(.fa),
.fw-buttons .ui-state-hover .ui-icon:not(.fa),
.fw-buttons .ui-state-focus .ui-icon:not(.fa),
#buttons .ui-state-hover .ui-icon:not(.fa),
#buttons .ui-state-focus .ui-icon:not(.fa) {background-image: url("../theme/images/fw-icons_ffffff_28x28.png"); }*/

/*
#buttons .fw-icon-paperfront { background-position: -308px -252px; }
#buttons .fw-icon-userfront { background-position: -224px -140px; }
#buttons .fw-icon-doc-arrow-s { background-position: -84px -336px; }
*/

/* This affects the header icons on list pages */
.ui-button.ui-button-icon-only:not(.fw-header-btn) {
    /*background: none !important;*/
    border: none !important;
}

/* Display the header icons as buttons with no background color */
.fw-button-panel .ui-button.ui-button-icon-only:not(.fw-header-btn):not(.ui-datepicker-trigger) {
    background: none !important;
}

#buttons .ui-icon-search { background-position: -280px -196px; }
#buttons .ui-icon-circle-plus { background-position: 0 -336px; }
#buttons .ui-icon-power { background-position: 0 -308px; }
#buttons .ui-splitbutton .ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s {
    background-image: url("../../../jakarta.faces.resource/images/ui-icons_333333_256x240.png.jsf?ln=primefaces-fwtheme") !important;
    background-size: auto !important;
    background-position: -67px -15px !important;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
}

.ui-splitbutton .ui-splitbutton-menubutton.ui-button {
    top: 2px;
}

div.ui-splitbutton {
    padding-right: 2.4em;
}

#headerForm {margin: 0px;}
#headerForm .ui-icon-person,
#headerForm .ui-icon-search
{background-image: url("../../../jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-fwtheme") !important;}

.fw-icon-function{
    width: 16px;
    height: 16px;
    background: center transparent url('images/function.png') no-repeat !important;
}

.en,
#localeSeletion > .ui-button:nth-child(1) > .ui-button-text {
    width: 16px;
    height: 6px;
    background: center transparent url('images/flags/en.gif') no-repeat !important;
    background-size: 24px !important;
}

.en_GB,
#localeSeletion > .ui-button:nth-child(2) > .ui-button-text {
    width: 16px;
    height: 6px;
    background: center transparent url('images/flags/en-GB.gif') no-repeat !important;
    background-size: 24px !important;
}

.en_CA,
#localeSeletion > .ui-button:nth-child(3) > .ui-button-text {
    width: 16px;
    height: 6px;
    background: center transparent url('images/flags/ca.gif') no-repeat !important;
    background-size: 24px !important;
}

/* end segment  */


/* override some styles from the theme and from the browser stylesheet */
textarea {
    font-family: 'SourceSansProRegular';
}

/* background color was #FBFCFD */
body {
    background-color: white;
}

.ui-panelgrid {
    background-color: white;
}

.ui-panel .ui-panel-content {
    font-family: 'SourceSansProRegular';
    background-color: white;
    border: none !important;
}

.ui-panel {
    background-color: white;
}

.ui-datalist {
    background-color: white;
}

/* Commenting because it prevents the quick report button as well as tertiary buttons throughout the application from displaying the appropriate foreground color */
/*.ui-button-text:not(.ui-selectbooleanbutton .ui-button-text) {color: white;}*/

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: normal;
}

.ui-datatable.fw-datatable-wrap td[role='gridcell'] {
    word-break: break-all;
}

tr.ui-datatable-even .ui-row-editor ~ button > .ui-button-text,
tr.ui-datatable-even > .datatable-options > button > .ui-button-text{
    background-color: #FBFCFD;
}

tr.ui-datatable-odd .ui-row-editor ~ button > .ui-button-text,
tr.ui-datatable-odd > .datatable-options > button > .ui-button-text {
    background-color: #EEF2F7;
}

.ui-datatable .ui-datagrid-header, .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-subtable-header, .ui-datatable .ui-datatable-summaryrow {
    background-color: #8f8f8f;
}

.ui-treetable > table > thead > tr > th {
    background-color: #8f8f8f;
    color: white;
    border-color: white;
}

.ui-treetable table thead tr {
    background-color: #e1e2e3;
    color: #6f6f6f;
    border-color: white;
}

.ui-treetable table tbody tr td {
    border-color: #e1e2e3;
}

.ui-treetable {
    font-family: 'SourceSansProRegular';
}

.ui-tree .ui-tree-selectable, .ui-tree .ui-treenode-label {
    color: #0a2f68;
}

.ui-tree .ui-tree-selectable .ui-treenode-label.ui-state-hover {
    color: #007bb6;
}

.ui-tree .ui-treenode {
    margin: 0 10px 0 0 !important;
}

.ui-tree .ui-treenode-label {
    color: rgba(109, 109, 109, 1) !important;
    line-height: 14px;
    font-size: 14px !important;
    background: none !important;
}

.ui-tree .ui-treenode-label.ui-state-hover {
    background-color: #007bb6 !important;
    color: white !important;
}

.ui-tree .ui-treenode-label.ui-state-highlight {
    background-color: rgba(22, 71, 141, 1) !important;
    color: white !important;
}

/*.ui-button-text {
    background-color: #094074;
}*/

.ui-autocomplete-panel {
    border-top: solid 5px #094074;
    border-bottom: solid 5px #094074;
}

.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item {
    color: #0a2f68;
}

.ui-tooltip {
    font-size: small;
    border: transparent;
    background-color: transparent;
    color: #007bb6;
}

.ui-panel .ui-panel-titlebar {
    font-family: 'SourceSansProRegular';
}

.ui-datatable table tbody tr td {
    font-family: 'SourceSansProRegular';
}


.ui-datatable table thead tr th.ui-state-active {
    color: white !important;
}

.ui-selectonemenu-panel {
    border-top-color: #094074;
    border-bottom-color: #094074;
}

.ui-selectcheckboxmenu-panel {
    border-top-color: #094074;
    border-bottom-color: #094074;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item, .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    color: #6f6f6f;
    background-color: #e1e2e3;
}

/*.ui-selectonemenu-panel .ui-state-hover, .ui-selectcheckboxmenu-panel .ui-state-hover {
    background-color: #6f6f6f !important;
    color: #ffffff;
}*/

/*.ui-selectonemenu-panel .ui-state-highlight, .ui-selectcheckboxmenu-panel .ui-state-highlight {
    color: #094074 !important;
}*/

/*this is to resolve layout issues due to the PF upgrade, they defaulted all their
datatables to border-box, whereas the previous version defaulted to content-box*/
.ui-datatable th,
.ui-datatable td {
    box-sizing: content-box;
}

.ui-chkbox-box .ui-icon-check {
    background-color: #094074;
}

.ui-panel .ui-panel-titlebar {
    background-color: #8f8f8f;
}

#searchWizardPanel > div > div > .ui-panel-titlebar {
    background-color: rgba(224, 225, 226, 1);
    color: rgba(110, 110, 110, 1);
}

#searchWizardPanel > div > div > .ui-panel-titlebar > .ui-panel-titlebar-icon > span.ui-icon-minusthick {
    background-image: url('../../../jakarta.faces.resource/images/minus-sign-gray.svg.jsf?ln=babylon-layout') !important;
}

#searchWizardPanel > div > div > .ui-panel-titlebar > .ui-panel-titlebar-icon > span.ui-icon-plusthick {
    background-image: url('../../../jakarta.faces.resource/images/plus-sign-gray.svg.jsf?ln=babylon-layout') !important;
}

.ui-fieldset-legend {
    background-color: #094074;
}

.ui-radiobutton .ui-state-active .ui-icon-bullet, .ui-radiobutton .ui-state-focus .ui-icon-bullet {
    background-color: #00c50f;
}

.ui-widget {
    font-family: 'SourceSansProRegular';
}

.ui-fieldset-legend {
    font-family: 'SourceSansProRegular';
}

/*.ui-growl {
    top: 60px !important;
}*/

.ui-growl-item-container {
    opacity: 1;
}

/*
.ui-growl-title {
    -ms-word-break: break-all;
    word-break: normal;

 /* Non standard for webkit *
     word-break: break-word;
}

.ui-growl {
    width: auto !important;
}

.ui-growl-message {
    width: auto !important;
    max-width: 300px;
}

.ui-growl-message {
    color: #0a2f68 !important;
}

.ui-growl-item {
    border-color: #0a2f68;
}

.ui-growl-image-info {
    background-image: none !important;
}

.ui-growl-image-warn {
    background-image: none !important;
}

.ui-growl-image-error {
    background-image: none !important;
}

.ui-growl-image-info:before {
    content: "\f129";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
--adjust as necessary--
    color: #00c50f;
    font-size: 21px;
}

.ui-growl-image-warn:before {
    content: "\f0e7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
--adjust as necessary--
    color: #FFF65C;
    font-size: 21px;
}

.ui-growl-image-error:before {
    content: "\f06a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
--adjust as necessary--
    color: #e74c3c;
    font-size: 21px;
}*/

.ui-growl-icon-close {
    background-image: url("../../../jakarta.faces.resource/images/delete-fw.svg.jsf?ln=babylon-layout") !important;
}

.ui-widget .ui-widget {
    font-family: 'SourceSansProRegular';
}

/*.ui-button-text{
    font-family: SourceSansProBold !important;
}*/

/*Hover over the button itself*/
/*.ui-button.ui-state-hover .ui-button-text, .ui-buttonset .ui-state-hover .ui-button-text {
    background-color: #007bb6;
}*/

.ui-inputfield {
    font-family: 'SourceSansProRegular' !important;
}

.ui-state-hover.ui-inputfield, .ui-state-focus.ui-inputfield {
    color: #0a2f68 !important;
    background-color: white;
}

.ui-selectcheckboxmenu{
    font-family: 'SourceSansProRegular' !important;
}

.ui-datalist {border:none;}

.ui-datalist .ui-datalist-content .ui-datalist-data{
    font-family: 'SourceSansProRegular';
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    color: #0a2f68;
}

#epWgt .ui-datalist .ui-panelgrid .ui-panelgrid-cell:first-child {width: 70px;}

/*.ui-tabs .ui-tabs-nav {
    background-color: #8f8f8f;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {  selected tab
    color: white !important;
    background-color: #094074 !important;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover a {  hovering over tab
    color: white !important;
    background-color: #007bb6 !important;
}

.ui-tabs .ui-tabs-nav li a {  unselected tab
    color: #6f6f6f !important;
    background-color: #e1e2e3 !important;
}*/

.ui-outputlabel,
.ui-inputfield,
.ui-selectonemenu-panel .ui-selectonemenu-list-item,
.ui-selectonemenu-panel .ui-selectonemenu-table tr:not(.ui-state-highlight) > td,
.ui-selectonemenu label.ui-selectonemenu-label.ui-inputfield,
.ui-selectmanycheckbox label {
    color: #0a2f68;
}

.ui-selectonemenu-item.ui-state-hover > td {
    color: white !important;
}

.fw-verificationForm {

    /**
    Forgot password flow common styles
     */
    height: 38.5rem;
    label {
        display: flex;
        font-weight: 500;
        color: #181D21;
    }
    input {
        background-color: white !important;
        width: 316px;
        box-sizing: border-box;
        min-height: 22px;
        line-height: 22px;
        border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        -border-radius: 4px !important;
    }

    .fw-forgot-password-input {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    /**
    Enter username section
     */
    .fw-forgot-password-description {
        display: flex;
        flex-direction: column;
        font-size: 1em;
        color: #000000;
        margin-bottom: 2rem;
        gap: 0.5rem;
        margin: 2.5rem 0rem 2.5rem 0rem;
    }

    .fw-security-questions-back-link {
        font-family: Montserrat;
        font-weight: 600;
        text-align: left;
        display: flex;
        flex-direction: row;
        color: rgba(66, 109, 169, 1) !important;
        gap: 0.5rem;
        font-size: 16px;
        margin: 2rem 0 2rem 0;
    }

    /**
    Verify Identity section
    */
    .fw-verify-identity-description {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1em;
        color: #000000;
        margin-bottom: 2rem;
        gap: 0.5rem;
        margin: 2.5rem 0rem 2rem 0rem;
    }

    .fw-verify-identity-button-link-container {
        .fw-cancelVerificationCode {
            color: rgba(66, 109, 169, 1) !important;
            font-family: Montserrat;
            font-size: 14px;
            font-weight: 600;
        }
    }

    /**
    Security Question Entry section
     */
    .fw-security-question-entry-description {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1em;
        color: #000000;
        margin-bottom: 2rem;
        gap: 0.5rem;
        margin: 2.5rem 0rem 2rem 0rem;
        text-align: center;
    }

    /**
    Reset password section
     */
    .fw-reset-password-description {
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 1em;
        color: #000000;
        margin-bottom: 2rem;
        gap: 0.5rem;
        margin: 2.5rem 0rem 2rem 0rem;
        text-align: center;
    }

    .fw-forgot-password-checks {
        margin: 1rem 0;
    }

}

.fw-answer-security-questions-container {
    width: 26rem;
    background-color: rgba(234, 236, 238, 1) !important;

    .fw-security-questions-back-link {
        font-family: Montserrat;
        font-weight: 600;
        text-align: left;
        display: flex;
        flex-direction: row;
        color: rgba(66, 109, 169, 1) !important;
        gap: 0.5rem;
        font-size: 1rem;
        margin: 2rem 0 2rem;
    }
    .fw-security-questions-description {
        font-family: Montserrat;
        margin:0 0.5rem 2rem 0.5rem;
        color:rgba(51, 51, 51, 1);
        line-height: 1.3rem;
    }
    .fw-user-management-table {
        display: flex;
        flex-direction: column;

        .fwSecurityQuestion {
            width:fit-content;
            border:unset;
            background-color: rgba(234, 236, 238, 1);
            padding:unset;
            .fa{
                color:rgba(66, 109, 169, 1);
                margin-top:2px;
                margin-left:1.5rem;
            }
            display:flex;
            flex-direction: row;
            &:hover{
                border:none;
                background-color: unset;
            }
            label {
                font-family: Montserrat !important;
                font-weight: 600;
                border: unset;
                color: rgba(66, 109, 169, 1);
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block;
                padding-left:unset;
                max-width:400px;
            }
            &.ui-state-focus {
                border: unset;
            }
        }
    }
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    background-color: white;
}

.ui-inputfield.ui-state-hover, .ui-inputfield.ui-state-focus {
    border-color: #007bb6;
}

/*.ui-picklist .ui-picklist-list .ui-state-hover,
.ui-picklist .ui-picklist-list .ui-state-highlight,
.ui-selectonemenu-panel .ui-state-hover {
    background-color: #007bb6 !important;
    color: white !important;
}*/

.ui-picklist table tbody tr td, .ui-picklist .ui-picklist-list .ui-picklist-item {
    color: #0a2f68;
}

.ui-picklist .ui-picklist-caption {
    background-color: #8f8f8f;
    color: white;
}

#lobbylayout.lobby .fw-loginButtonDiv {
    width: 100%;
    text-align: center;
}

#lobbylayout.lobby .fw-loginButton {
    background-color: #426DA9;
    color: white;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 130px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -border-radius: 30px;
    border-radius: 30px;
    border-style: none;
    width:21rem;
    margin:auto;
}

#lobbylayout.lobby .fw-loginButtonGrey {
    background-color: #C9CBCA !important;
    color: white;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 130px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -border-radius: 30px;
    border-radius: 30px;
    border-style: none;
    width:21rem;
    margin:auto;
}

#lobbylayout.lobby .fw-login-password-verify-links {
    display:flex;
    flex-direction: column;
    gap:1rem;
    color:#426DA9;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
}

#lobbylayout.lobby .fw-answer-security-questions-submit-cancel {
    display:flex;
    flex-direction: column;
    gap:1rem;
    color:#426DA9;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    .fw-security-questions-submit-button {
        background-color: #426DA9;
        color: white;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        padding: 6px 100px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -border-radius: 30px;
        border-radius: 30px;
        border-style: none;
        width: 26rem;
        margin: auto;
    }
}

#lobbylayout.lobby {
    .fw-forgot-password-container {
        button {
            width: 21rem;
            font-family: Montserrat;
            font-size: 1rem;
            font-weight: bold;
            padding: 2px;
            -webkit-border-radius: 2rem;
            -moz-border-radius: 2rem;
            -border-radius: 2rem;
            border-radius: 2rem;
            border-style: none;
            margin: auto;
        }

        .fw-forgotPasswordVerification {
            background-color: white;
            color: #426DA9;
            border: 2px solid #0277AD !important;
        }

        .fw-verifyIdentityNext {
            background-color: #426DA9;
            color: white;
            border: 1px solid #0277AD !important;
        }

        .fw-verifyIdentityNextDisabled {
            background-color: #C9CBCA;
            color: white;
            border: 1px solid #C9CBCA !important;
            box-shadow: 0px 1px 5px 0px #C9CBCA;
            cursor: default;
        }
    }
}


#lobbylayout.lobby .fw-verificationForm {
    padding: 0rem 2rem 1rem 2rem;
}

#lobbylayout.lobby .fw-changePasswordForm {
    padding: 1rem 12rem 1rem 2rem;
}

.fw-verificationbackButton {
    font-size: 2.5rem;
    margin-left: -2rem;
    margin-right:1rem;
}

.fw-verifyIdentityHeader {
    font-size: 1.75rem;
}


#lobbylayout.lobby .fw-loginLeftScreen-sso-container {
    max-width:65%;
    .fw-loginScreenLeft-ssoCredentials {
        display:flex;
        flex-direction: row;
        gap:0.5rem;
        flex-wrap: wrap;
        margin-top: 1rem;
        .fw-ssoButton {
            font-size: 16px;
            background-color: #1A2634;
            color: white;
            border: 0.2rem solid white;
            border-radius: 2rem;
            padding: 0.8rem 1.5rem;
            &:hover {
                color:#B3C5DD;
                border: 0.2rem solid #B3C5DD;
            }
            &:active {
                color: #8EA7CB;
                border: 0.2rem solid #8EA7CB;
            }
        }
    }
}

#lobbylayout.lobby .fw-loginButton:hover {
    background-color: #007bb6 !important;
}
/* End override theme  */

.fw-main-menu-options{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    line-height:1.4rem;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    margin: 1.32rem 2rem 0;
}

@media (max-width: 1110px) {
    .fw-main-menu-options {
        margin: 1.32rem 0 0;
    }
}

#layout-menu .ui-state-hover.ui-button .ui-button-text {background-color: #007bb6;}

#layout-menu > li {
    padding-bottom: 0px;
}

#layout-menu, #layout-menu li ul li {
    background-color: #094074;
}

/* Rounded top-menu selections */
#layout-menu > li > a {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -border-radius: 10px;
    border-radius: 10px;
    padding: 12px 5px 12px 5px;
    margin-top: 6px;
    margin-bottom: 6px;
}

#layout-menu > li > a > i:last-of-type {
    margin-left: 2px;
}

#layout-menu .menu-separator {
    margin: 17px 10px 0px 10px;
    color: white;
}

#layout-menu li ul li a {
    background-color: #094074; /* lead blue */
    color: white;
}

/* top-level menu hovered but not clicked and hovered */
#layout-menu > li:hover > a:not(.ui-spark-focus) {
    background-color: #094074; /* lead blue */
    color: #007bb6;            /* hover blue */
}

/* top-level menu clicked and still hovering */
#layout-menu > li:hover > a:not(.ui-spark-focus):hover {
    background-color: #007bb6; /* hover blue */
    color: white;
}

#layout-menu li:hover ul li:hover a,   /* submenu hovered */
#layout-menu > li > a.ui-spark-focus { /* selected top-level emnu item */
    background-color: #007bb6;
    color: white;
}

#layout-menu .ui-button .ui-button-text {
    background-color: #094074;
}

#layout-menu>li>ul {
    font-family: 'SourceSansProRegular';
}

#layout-menu>li>.openSubMenu{
    border-bottom:solid 5px #094074;
}

*:not(.ui-picklist-buttons-cell .ui-autocomplete) > .ui-button:not(.ui-datepicker-trigger) > .ui-icon:not(.fa) {
    /* background-image: url("../../../jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-fwtheme"); */
}

.fw-note-legacy {
    font-size: small;
    vertical-align: middle;
}

.fw-hint {
    font-family: SourceSansProLight;
    font-size: smaller;
    font-style: italic;
}

.fw-subheader {
    font-size: 1.125em;
    font-weight: bold;
    color: #0a2f68;
}

.fw-login-banner-icon{
    position: relative;
    top:-4.5rem;
    margin-bottom:-4.5rem;
}
.fw-login-headerTexts {
    display:flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
    .fw-welcomeHeader {
        margin-top: 1.5rem;
        font-size: 1.5vw;
        color: #000000;
    }

    .fw-welcomeSubHeader {
        font-size: 1em;
        color: #000000;
    }
}

.fw-loginLinks {
    font-size: 1.125em;
    color: #181D21;
    display:flex;
    justify-content: center;
    a {
        margin-top:1rem;
    }
}
/* Font Awesome */
.fa.fw-fa-no-def-size{
    font-size: inherit;
}
.fontAwesomeText {
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-align: center;
   text-indent: 0px;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-image: none;
   background-repeat: no-repeat;
   overflow: visible;
}

#ticketPanels table tr td,
.fw-user-management-table tbody tr td,
.fw-user-management-table .ui-widget,
.fw-input-table tbody tr td {
    color: #0a2f68; /* header blue */
}

/* This can be made more specific */
.fw-buttons         .fa:not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fw-fa-no-def-size):not(.fw-user-menu),
#buttons            .fa:not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fw-fa-no-def-size):not(.fw-user-menu),
.ui-panel-titlebar  .fa:not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fw-fa-no-def-size):not(.fw-user-menu),
div#layout-topbar   .fa:not(.fa-lg):not(.fa-2x):not(.fa-3x):not(.fa-4x):not(.fa-5x):not(.fw-fa-no-def-size):not(.fw-user-menu) {
    font-size: 18px;
}

.fw-user-menu.fa {
    font-size: 22px;
    position: relative;
    top: 2px;
    color:#2C3F57;
}

.fw-buttons .fa,
#buttons .fa,
.ui-panel-titlebar .fa,
div#layout-topbar .fa {
    height: auto;
    width: 18px;
}

.ui-icon.fa {
    background-image: none;
}

.fa.fa-question-circle {
    font-size: 22px;
    background-color: transparent;
    color: white;
}

.ui-row-editor ~ button > .ui-icon,
.datatable-options > button > .ui-icon {
    color: gray;
    font-size: initial;
}

.ui-datatable table thead tr .ui-state-active .ui-column-customfilter .ui-icon-triangle-1-s {
    margin-left: 0px;
}

/* Componenents */

.ui-panelgrid:not(.fw-keepBorder),
.ui-panelgrid:not(.fw-keepBorder) tbody tr td {
    border: none !important;
}

/* Collapse borders rather than leaving a little space between element
   and where border would have been */
.ui-panelgrid {
    border-collapse: collapse;
}

.highlight-panelgrid {
    background-color: lightskyblue;
    border: 2px solid cornflowerblue !important;
}

.component-panelgrid,
.component-panelgrid td.ui-panelgrid-cell {
    border: 0px !important;
}

.component-panelgrid,
.component-panelgrid td.ui-panelgrid-cell,
.highlight-panelgrid,
.highlight-panelgrid td.ui-panelgrid-cell {
    margin: 10px 0;
    padding: 2px;
}

/* Slightly less padding */
.component-panelgrid-thin,
.component-panelgrid-thin td.ui-panelgrid-cell,
.highlight-panelgrid-thin,
.highlight-panelgrid-thin td.ui-panelgrid-cell {
    margin: 5px 0;
    padding: 0px;
}

/* Shave the padding off the left and right of content */
.component-panelgrid .ui-panel-content,
.highlight-panelgrid .ui-panel-content,
.component-panelgrid-thin .ui-panel-content,
.highlight-panelgrid-thin .ui-panel-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*Prevents L/R scrollbars on dropdown.*/
.ui-selectonemenu-items-wrapper {
    overflow: scroll!important;
}

.ui-selectcheckboxmenu-items-wrapper {
    overflow: scroll!important;
}

.highlight-text {
    color: #007bb6 !important;
    font-weight: bold;
}

/* Transit Bar */

/*#layout-topbar {
    border-top: solid 6px #094074;
}*/

/*.topbar-menu {
    margin-top: 10px !important;
}*/

#layout-topbar-menu .menu-separator{
    padding: 0px 5px;
    margin-top: 3px;
/*    margin-left: 5px;
    margin-right: 5px;
    color: #6f6f6f;*/
}

#layout-topbar-menu .updateOnNavigation .ui-button-text {
    padding-right: 30px;
}

#layout-topbar-menu * {
    background: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#layout-topbar-menu .ui-state-hover *,
#layout-topbar-menu .hoverInLightBlue:hover * {color: #ddd;}

#layout-topbar-menu .ui-state-hover, #layout-topbar-menu .ui-state-focus, #layout-topbar-menu .ui-state-active {
    border-color: transparent !important;
}

#layout-topbar-menu .submenu .ui-button {
    border-radius: 0px;
    width: 100%;
    text-align: left;
}
#layout-topbar-menu .submenu .ui-state-hover * {
    color: white;
    background-color: #007bb6;
}

#layout-topbar-menu li ul {
    border-top-color:    #6f6f6f;
    border-bottom-color: #6f6f6f;
}

.notification-bubble {
    position: relative;
    right: 15px;
    bottom: 23px;
    z-index: 100;
}

#layout-topbar-menu .ui-selectonebutton .ui-button {width: 32px;}

@media (max-width: 960px) {
    #layout-topbar-menu .ui-button {
        border-radius: 0px;
        width: 100%;
        text-align: left;
    }
    #layout-topbar-menu .ui-state-hover *,
    #layout-topbar-menu .hoverInLightBlue:hover * {
        color: white;
        background-color: #007bb6;
    }
}

.fw-topLink {
    /*height: 30px;*/
    /*vertical-align: top;*/
    /*display: inline-block;*/
    margin: 0 20px 0 0;
    /*margin-top: 15px;*/
    font-family: SourceSansProBold;
    font-size: 0.875em;
}

.fw-topLinkWhite {
    color: #2C3F57 !important;
    font-size: 14px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
}

#headerCountNotificationLabel.fw-topLinkWhite {
    color: white !important;
    background-color: #426da9 !important;
    font-size: 12px !important;
    outline: 1px solid white;
    font-weight: 600;
}

/* Menu Bar */
.fw-header-logo-container {
    background-color: #FFFFFF;
    z-index: 999;
    position: fixed;
    top:13px;
}

.fw-logo {
    background-color: #FFFFFF;
    width: 349px;
    height: 34px;
    position: relative;
    z-index: 1000;
    left: 40px;
}

.fw-top-menu-background-fill {
    width: -moz-available;
    width: -webkit-fill-available;
    background-color: #2C3F57;
}
.fw-logo p {
    margin-top: 0;
}

.fw-logo-sf-compact:before {
    content: url('../../images/fwlogo_SF_white.png');
}

.layout-topbar-logo {
    padding-top: 10px;
}


/* direct styles */
.fw-yellow * {color: #ffe500 !important;}
.fw-red, fw-red * {color: #fa6400 !important;}
.fw-black, fw-black * {color: black !important;}
.fw-darkGrey, fw-darkGrey * {color: #3B3131 !important;}

.fw-alignTop * {vertical-align: top;}
.fw-alignMiddle * {vertical-align: middle;}
.fw-alignBottom * {vertical-align: bottom;}

.fw-hide.ui-button {
    height: 0px;
    width: 0px;
}
.fw-hide.ui-button > .ui-button-text {
    height: 0px;
    width: 0px;
    padding: 0px !important;
    background: none;
}

.ruleSpacing {
    padding-left: 15px;
}

.ruleSpacing table tbody tr td {
    color: #0a2f68;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip{z-index: 100;}

/*#layout-topbar {
  min-height: 68px;
}*/

#layout-topbar-menu {
  margin-top: 0px;
  margin-bottom: 0px;
}

.fw-ie9 #layout-topbar-menu {
  margin-top: 5px;
  margin-bottom: 8px;
}

#northCenterPane > div > table > tbody > tr > td:last-child {
  text-align: right !important;
  margin-right: 0;
  margin-left: 8px;
  position: relative;
}

#northCenterPane > div > table > tbody > tr > td:last-child > table:not(.left) {
    position: absolute;
    right: 0px;
    top: 0px;
}

/* Remove borders from Alerts View table cells and left-align headers */
#alertViewTreeTable table thead tr,
#alertViewTreeTable table thead tr th,
#alertViewTreeTable table tbody tr,
#alertViewTreeTable table tbody tr td,
.borderlessTable table thead tr,
.borderlessTable table thead tr th,
.borderlessTable table tbody tr,
.borderlessTable table tbody tr td {
    border: none;
}
#alertViewTreeTable table thead tr th {
    text-align: left;
    padding: 8px;
}

#alertViewTreeTable .ui-datalist .ui-datalist-content .ui-datalist-data {
    padding: 10px;
}

.fw-filterPanelForm * { font-size: 14px !important; }
.fw-filterPanelForm > .ui-datatable-tablewrapper > table { width: 100% !important; }
.fw-filterPanelForm .ui-datatable tr { background: none !important; }

.grc-selectone div {
  width: 100%;
}

div.ui-selectcheckboxmenu.full-width {
    width: 100%
}

div.ui-selectonemenu.full-width {
    width: 95%
}

.top {
    vertical-align: top;
}

.middle {
    vertical-align: middle;
}

.center {
    text-align: center;
}

.center-no-margins {
    text-align: center;
    margin: 0 auto;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

#board .ui-panel .ui-panel-titlebar-icon[id$="closer"],
#board .ui-panel .ui-panel-titlebar-icon[id$="toggler"]{visibility: hidden;}

.ui-spinner .ui-spinner-input{
    min-width: 70px;
}

.ui-datatable-header .ui-button {float: right;}
.ui-datatable-header .ui-spinner {float: right; margin-top:2px; }

#northCenterPane .fw-buttons,
.fw-floatRight, #northCenterPane #buttons {
    float: right;
}

/* This will align a table's first element on the left, then make everything else to the
right and fit to content (without a wrap) */
.fw-firstLeftRemainingRight tbody tr td:not(:first-child){
    width: 1%;
    white-space: nowrap;
}

.ui-datatable .ui-datatable-header .ui-button {
    margin-top: 3px !important;
}

.ui-datatable .ui-datalist-data{
    padding-left: 9px;
}

.ui-datatable .ui-datalist, .ui-paginator{
    border: none !important;
}

.ui-datatable .ui-paginator {
    padding: 5px !important;
}

.ui-datatable-data td{
    white-space: normal !important;
}


.noPadding td,
.noPadding table tbody td{
    padding: 0px !important;
    border: none !important;
}

.ui-overlaypanel {
    color: #0a2f68;
}

.fw-legendPosition {
    border: none;
    border-radius: initial;
    width: 40%;
}

.fw-legendPosition > .ui-button {
    margin: 2px;
    border-radius: 4px;
    width: 30%;
    height: 15px;
}

.fw-legendPosition > .ui-button:first-child+.ui-button+.ui-button+.ui-button+.ui-button {visibility: hidden;}

.fw-graphConfig {
    position: relative;
    top: -5px;
}

#invNotesPanelGrid1, #invNotesPanelGrid2, #notesEditor {width:100%}

.fw-wizard-navButton { padding: .1em 0px }
.fw-wizard-navButton.next span.ui-icon { background-image: url("../../../jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-fwtheme") }
.fw-wizard-navButton.back span.ui-icon { background-image: url("../../../jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-fwtheme") }
.fw-wizard-navButton.ui-state-highlight span {
    background: rgba(0, 196, 15, 1); /* FairWarning green */
}

a.fw-link { text-decoration: underline }

th.ui-selection-column {width: 45px;}
td.ui-selection-column {
    width: 45px !important;
    text-align: center;
}
td.ui-selection-column .ui-chkbox.ui-widget {margin-left: 2px;}

.fw-header-text {
    position: absolute;
    right: 5%;
    font-weight: bold;
    color: #1B46B4;
}

.ui-widget-header {
    color: black;
}

/*.fw-header-btn .ui-button-text {
    font-family: 'SourceSansProRegular';
}*/

.fw-save-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#mainMenuForm\:quickSearchForm\:quickSearchPanel td {
    font-family: 'SourceSansProRegular';
    font-size: 14px;
}

/*.ui-tabs-top .ui-tabs-nav li.ui-state-hover .ui-inplace .ui-inplace-editor .ui-button .ui-icon-close, .ui-tabs-top .ui-tabs-nav li.ui-state-active .ui-inplace .ui-inplace-editor .ui-button .ui-icon-close {
    margin: -5px !important;
}*/

.ui-state-highlight.ui-inplace-display  {
    color: #0a2f68;
}

.page-title.ui-widget-header {
    color: #0a2f68 !important;
    font-weight: normal;
    font-size: 22px !important;
    font-family: 'SourceSansProRegular' !important;
}

.ui-widget, .ui-widget .ui-widget {
    font-size: unset;
}

/*
.ui-icon {
    color: #007bb6;
}

.ui-button-icon-only > .ui-button-text{
    background-color: buttonface;
}
*/

/*.ui-selectonemenu {
    padding-right: 1.2em !important;
}*/

.ui-selectcheckboxmenu {
    padding-right: 0px !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    margin-right: 9px;
}

/* Add some padding on the right side of the dropdown label so there is
   some space before the trigger */
/*.ui-selectonemenu .ui-selectonemenu-label {
    margin-right: 9px;
}*/

.layout-portlets-box{
    background-color: white;
}

.fw-buttons button,
#buttons button {margin-right: 0.3em;}

/* Make column widths adapt to the contents */
.ui-dialog .ui-datatable-tablewrapper > table {
    width: auto;
    color: #0a2f68;
}

/* plays with the max-height set in js */
/*.ui-dialog {
    overflow-y: auto;
}*/

.ui-dialog {
    padding: 0px 0px !important;
}

.ui-dialog-content {
    padding: 20px !important;
}

.ui-dialog .ui-dialog-content {
    max-height: 88vh;
}

.ui-dialog .ui-dialog-titlebar {
    color: #0a2f68;
    background-color: #e1e2e3;
}

.layout-portlets-box {
    overflow: visible;
}

.ui-button.fw-toolbarBtn .ui-icon.fa,
#northCenterPane .ui-button:not(.ignoreBarStyle) .ui-icon.fa {
    color: #6f6f6f;
}

.ui-button.ui-state-hover.fw-toolbarBtn .ui-icon.fa,
#northCenterPane .ui-button.ui-state-hover:not(.ignoreBarStyle) .ui-icon.fa {
    color: #007bb6;
}

.ui-button.ui-state-focus {
    outline: none !important;
}

.ui-paginator-top .ui-commandlink.fw-toolbarBtn {

}
.ui-paginator-top .ui-button.fw-toolbarBtn:not(.ui-button-text-only) > .ui-button-text{
    background-color: #F6FAFC;
}
.ui-paginator-bottom .ui-commandlink.fw-toolbarBtn {
    display: none;
}

.fw-tagFilterBtn {
    background: none !important;
    float: none;
    text-decoration: none !important;
}

.fw-actionbarBtn-disabled,
.ui-datatable table tbody .ui-state-hover td a.fw-actionbarBtn-disabled,
.ui-datatable table tbody .ui-state-highlight td a.fw-actionbarBtn-disabled {
    color: #c0c0c0 !important;
    cursor: default;
}

.ui-button.fw-toolbarBtn:not(.ui-button-text-only):not(.ui-datepicker-trigger) > .ui-button-text,
#northCenterPane .ui-button:not(.ui-button-text-only):not(.ui-splitbutton-menubutton):not(.ignoreBarStyle):not(.ui-datepicker-trigger) > .ui-button-text,
.fw-buttons .ui-button:not(.ui-button-text-only):not(.ignoreBarStyle):not(.ui-datepicker-trigger) > .ui-button-text,
#buttons .ui-button:not(.ui-button-text-only):not(.ignoreBarStyle):not(.ui-datepicker-trigger) > .ui-button-text {
    background-color: white;
}
/* The above style makes the inplace edit buttons difficult to see because it is gray on white so override the buttons'
   background color in this case */
#northCenterPane .ui-inplace .ui-button > .ui-button-text { background-color: #007bb6 !important; }
#northCenterPane .ui-inplace .ui-button.ui-state-hover > .ui-button-text { background-color: #419FC3 !important; }

table.jqplot-table-legend {
    z-index: 1 !important; /* brings graph legends to the top layer so the scrollbar can be interacted with */
    border-color: #6f6f6f;
    display: block;
}

#grcPage\:chartsPanel table.jqplot-table-legend,
#chartsPanel table.jqplot-table-legend {
    left: 10px !important;
    right: -3px;
}

#grcPage\:chartsPanel table.jqplot-table-legend > tbody,
#chartsPanel table.jqplot-table-legend > tbody {
    min-height: 25px;
    max-height: 40px;
    width: inherit;
    max-width: 100%;
}

#grcPage\:chartsPanel table.jqplot-table-legend > tbody td,
#chartsPanel table.jqplot-table-legend > tbody td{
    display: inline-block;
    max-height: 1.5em;
    line-height: 1.5em;
}

#grcPage\:chartsPanel table.jqplot-table-legend > tbody td.jqplot-table-legend-label,
#chartsPanel table.jqplot-table-legend > tbody td.jqplot-table-legend-label {
    margin-right: 8px;
}

table.jqplot-table-legend {
    display: block;
    max-height: 80px;
    max-width: 350px;
    min-height: 25px;
    min-width: 100px;
    overflow-y: auto;
}

td.jqplot-table-legend {
    white-space: nowrap;
}

table.jqplot-table-legend > tbody > tr > td {
    color: #6f6f6f;
}

#grcPage\:chartsPanel div.jqplot-title,
#chartsPanel div.jqplot-title {
    display: none;
}

div#grcPage\:pieChart table.jqplot-table-legend {
    top: -32px;
    position: relative !important;
}

.jqplot-xaxis-tick:nth-child(even) {margin-top: 20px;}

.fw-lineChart > .jqplot-axis.jqplot-xaxis :first-child {
    left: 0px !important;
}

.fw-lineChart > .jqplot-axis.jqplot-xaxis :last-child, .fw-lineChartVertical > .jqplot-axis.jqplot-xaxis :last-child {
    right: 0px !important;
    float: right;
    position: static !important;
}

.fw-centered {
    text-align: center;
}

.fw-grc-space {
    margin-right: 5px;
}

/* take padding and border into account when calculating width and height */
.ui-inputtextarea.fw-boxSizing {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.fw-lt50 .ui-progressbar-value{
    background-color: #FFF65C;
}

.fw-gt50 .ui-progressbar-value{
    background-color: #52F095;
}

/* Override the theme, specifically for input text watermark fonts */
.ui-autocomplete-input-token input[type="text"] {
    font-family: 'SourceSansProRegular' !important;
}

/* FW-14817: Dev - Align all categories in the New Investigation screen */
.fw-gridcelltop .ui-panelgrid-cell {
    vertical-align: top;
}



/*FW-14743: Update Wizard with Style Guide colors*/
#policyWizard {
    font-family: 'SourceSansProRegular' !important;
}

.ui-wizard .ui-wizard-step-titles li.ui-state-highlight {
    background-color: #007bb6;
}

.ui-wizard .ui-wizard-step-titles li {
    background-color: #0a2f68;
}

/* InputSwitch Text color (on) */
.ui-inputswitch .ui-inputswitch-on span {
    color:  #094074;
}

/* InputSwitch Text color (off) */
.ui-inputswitch .ui-inputswitch-off span {
    color:  #6f6f6f;
}

/* InputSwitch button color */
.ui-inputswitch-handle {
    border: solid 3px #094074 !important;
    border-radius: 4px;
    color:  #094074 !important;
    background-color: #e1e2e3 !important;
    background-image:  url("../../../jakarta.faces.resource/images/slider-handle-dots-blue.svg.jsf?ln=babylon-layout") !important;
}
/*
 Primefaces Spark Menu - Header
.ui-menu .ui-menu-list .ui-widget-header {
    color: #0a2f68;
    background-color: #e1e2e3;
}

 Primefaces Spark Menu - Item - Hover State
.ui-menu .ui-menu-list .ui-menuitem .ui-state-hover {
    color: #007bb6;
    background-color: #e1e2e3;
}

 Primefaces Spark Menu - Item (link)
.ui-menu .ui-menuitem .ui-menuitem-link {
    color: #0a2f68;
    background-color: white;
    font-family: 'SourceSansProRegular';
}
*/
/* Data Table - Header - Hovered*/
.ui-datatable table thead tr th.ui-state-hover {
    color: white !important;
    background-color: #007bb6 !important;
}

/* Data Table - Header - Focus/Selected*/
.ui-datatable table thead tr th.ui-state-focus, .ui-datatable table thead tr th.ui-state-active {
    color: white !important;
    background-color: #094074 !important;
}

/* hide field clear button in IE10+ */
.ui-datatable th ::-ms-clear {
    width : 0;
    height: 0;
}

.ui-selectonemenu-panel.ui-helper-hidden.fw-inside-dialog {
    position: fixed;
}

/** Commenting out as UX requests the scheduling buttons be evenly spaced in the available space
.fw-dialog-buttons,
span[id$=':dialogButtons'],
span[id$=':scheduleButtons'],
span[id$=':shareButtons'] {
    float: right;
}
*/

div#parameterPanelGridRun~button {
    float: right;
}

div#ui-timepicker-div {
    background-color: #e1e2e3;
}

.jqplot-xaxis {
    overflow-x: hidden;
}

.fw-visible-xaxis .jqplot-xaxis {
    overflow-x: visible;
}

/*Overlay panel for exporting pages to excel */
.ui-overlaypanel .ui-overlaypanel-content {
    padding: 1px !important;
}

/* Display label inline with checkboxes within an overlayPanel */
.fw-active-matches-overlay .ui-selectmanycheckbox label {
	display: inline;
}

span#viewName_display {
    border: none !important;
    padding: 0px;
}

span#infoIcon {
    color: #6f6f6f;
}

/*Configuration and data completion*/
.fw-configuration-bad {background: pink !important;}
.fw-configuration-good {background: lightgreen !important;}

.fw-data-incomplete {background: pink !important;}
.fw-data-complete {background: lightgreen !important;}
.fw-data-completeWithMessage {background: orange !important;}
.fw-data-partiallyComplete {background: greenyellow !important;}


.loginFieldset {
    background-color: #FBFCFD;
}

.hideWhileRendering {
    display: none !important;
}

.nocheckbox .ui-chkbox {
    display: none !important;
}

/* GRC Report - Headers */
.fw-grc-dataTable th span {
    font-weight: bold;
}

/* GRC Report - Links */
.fw-grc-dataTable a {
    font-weight: bold;
}

/* GRC Report - Data List Item */
.fw-grc-dataTable td span {
    font-weight: normal;
}

.fw-default-filter-col {
    font-size: .85em;
    width: 170px;
}

tr.ui-widget-content.ui-treetable-empty-message td {
    overflow: visible !important;
}

#alertViewTreeTable.ui-treetable table {
    table-layout: auto;
}

#alertViewTreeTable {
    border: none;
}

.ui-lightbox-content {
    background: transparent;
}

.spinner {
        background-color: rgba(0,197,15,1);
        animation:             spinner-animation 1.5s linear infinite;
                -moz-animation:    spinner-animation 1.5s linear infinite;
                -o-animation:      spinner-animation 1.5s linear infinite;
                -webkit-animation: spinner-animation 1.5s linear infinite;
        background-image: linear-gradient(
                        -45deg,
                        rgba(0,13,187,0) 0%,
                        rgba(0,13,187,0.2) 25%,
                        rgba(0,13,187,0.9) 50%,
                        rgba(0,13,187,0.2) 75%,
                        rgba(0,13,187,0) 100%);
                background-image: -moz-linear-gradient(
                        -45deg,
                        rgba(0,13,187,0) 0%,
                        rgba(0,13,187,0.2) 25%,
                        rgba(0,13,187,0.9) 50%,
                        rgba(0,13,187,0.2) 75%,
                        rgba(0,13,187,0) 100%);
                background-image: -o-linear-gradient(
                        -45deg,
                        rgba(0,13,187,0) 0%,
                        rgba(0,13,187,0.2) 25%,
                        rgba(0,13,187,0.9) 50%,
                        rgba(0,13,187,0.2) 75%,
                        rgba(0,13,187,0) 100%);
                background-image: -webkit-linear-gradient(
                        -45deg,
                        rgba(0,13,187,0) 0%,
                        rgba(0,13,187,0.2) 25%,
                        rgba(0,13,187,0.9) 50%,
                        rgba(0,13,187,0.2) 75%,
                        rgba(0,13,187,0) 100%);
        background-position: -500px 0;
        background-repeat: no-repeat;
        background-size: 200% 200%;
}

@keyframes spinner-animation {
        0% {background-position: -500px 0;}
        100% {background-position: 500px 0;}
}

@-webkit-keyframes spinner-animation {
        0% {background-position: -500px 0;}
        100% {background-position: 500px 0;}
}

@-o-keyframes spinner-animation {
        0% {background-position: -500px 0;}
        100% {background-position: 500px 0;}
}

@-moz-keyframes spinner-animation {
        0% {background-position: -500px 0;}
        100% {background-position: 500px 0;}
}

.ui-column-customfilter .ui-selectcheckboxmenu-label {
    max-height: 1.2em;
    overflow: hidden;
}

.graphRowClass {
    vertical-align: top;
}

.newReportColumnClass {
    border: solid 3px #cecece;
    border-radius: 10px;
    padding: 10px 10px;
    height: 300px;
    width: 33%;
    background-color: #f2f2f2;
}

.newReportColumnClass > table {
    min-height: 200px;
    cursor: pointer;
}

.newReportColumnClass > div {
    cursor: pointer;
}

.newReportColumnClassSelected {
    background-color: #e1e2e3;
}

.newReportDlgClass {
    width: 90vw !important;
}

.newGrcReportDlgClass {
    width: 90vw !important;
}

.newReportLinkTitle {
    vertical-align: middle;
    font-weight: bold;
    font-size: 14pt;
    line-height: 20pt;
    color: #778d9b;
}

.newReportLinkIcon {
    vertical-align: middle;
    height: 150px;
    font-size: 100px;
}

.newReportLinkIcon > td > span {
    color: rgba(22, 71, 141, 1);
}

.newReportLinkDescription {
    vertical-align: top;
    height: 60px;
}

.fw-peopleFace, .fw-peopleFaceDetail {
    font-size: 100px;
    color: #b4b4b4;
    padding: .0em .16em;
    border: none !important;
}

/*.fw-peopleFaceDetail {
    font-size: 140px;
}*/


.paddingRight20,
.ui-panelgrid tbody tr > td.paddingRight20 {
    padding-right: 10px !important;
}

.PickDataPanel {
    width: 100%
}

.PickDataTree {
    /*width: 100%  */
    width: 90vw;
    min-height: 100px;
}

.PickDataTree .ui-treenode-label {
    display: inline-flex;
}

.PickDataTree > ul.ui-tree-container {
    display: flex;
    min-height: 100px;
    padding: 10px;
    overflow-x: auto;
}

.fw-searchWizardSteps {
    text-align: center;
}

.fw-searchWizardSteps ul {
    display: inline-flex;
}

.PickDataPanel .commonFields{
    height: 50px;
    overflow: auto;
}

.pickFields .ui-picklist-list {
    width: auto;
    height: 300px;
}

.pickFields .ui-picklist-list-wrapper {
    width: 50%;
}

.pickFields .ui-picklist-item span.nameSeparator {
    color: #0a2f68;
    font-size: x-large;
}

.fw-searchWizardSteps li > span.ui-steps-title {
    display: none;
}

.fw-searchWizardSteps .wizSelected .ui-steps-number {
    background-color: #094074 !important;
    color: white !important;
}

.fw-searchWizardSteps .wizDisabled .ui-steps-number {
    background-color: #8f8f8f !important;
    color: white !important;
}

.fw-searchWizardSteps .wizDisabled .ui-steps-title {
    color: #999999 !important;
}

.fw-searchWizardSteps .ui-steps-number {
    padding-top: 0.229em !important;
}

.fw-userCards {
    background-color: #fff;
    border: none;
    margin: 0 auto;
}

.fw-userCards > .ui-datagrid-content > .ui-grid-row > .ui-datagrid-column {
	margin: 0px 6px;
}

#grcPage\:output {
    width: 850px;
}

#grcPage\:output img {
    width: 100%;
    height: 100%;
}

@page {
    size: auto;
    margin: 15mm 5mm 15mm 5mm;
}

@media print {
    .grcPrintPanel .ui-datatable table thead tr th, .grcPrintPanel .ui-datatable table tfoot tr td, .grcPrintPanel .ui-datatable table thead tr th {
        border-color: #D9E3E8;
    }
}

.selectedTag,
.ui-widget-content .selectedTag,
.ui-widget-header .selectedTag
{
    box-shadow: inset 0px 0px 10px 1px rgba(0, 123, 182, 0.5);
    border: 1px solid #555;
    background: #222; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#aaa, #222); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#aaa, #222); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#aaa, #222); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#aaa, #222); /* Standard syntax */
    font-weight: bold;
    color: #FFFFFF !important;
}

.visible {
    display: inline-block !important;
}

.invisible {
    display: none !important;
}

.sidePanelAccordion > div > div > ul > li {
    background: none !important;
    font-size: 14px !important;
}

.sidePanelAccordion > div > div > ul > li > a {
    background: none !important;
}

.sidePanelAccordion > div > div > ul > li > a > span.ui-menuitem-text {
    color: rgba(110, 110, 110, 1) !important;
    font-weight: normal !important;
}

.sidePanelAccordion > div > div > ul > li.searchListViewMenu, .sidePanelAccordion > div > div > ul > li.searchListViewMenu:hover{
    background: none !important;
    color: gray !important;
    background-color: #e1e2e3 !important;
    width: 100%;
    cursor: default;
}

.sidePanelAccordion > div > div.sideMenu > ul > li > a.activeMenuItem,
.sidePanelAccordion > div > div.sideMenu > ul > li > a.activeMenuItem > span.ui-menuitem-text,
.sidePanelAccordion > div > div.sideMenu > ul > li > a.inactiveMenuItem,
.sidePanelAccordion > div > div.sideMenu > ul > li > a.inactiveMenuItem > span.ui-menuitem-text {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sidePanelAccordion > div > div.sideMenu > ul > li > a.activeMenuItem,
.sidePanelAccordion > div > div.sideMenu > ul > li > a.activeMenuItem > span.ui-menuitem-text,
.sidePanelAccordion > div > div.sideMenu > ul > li > a.inactiveMenuItem,
.sidePanelAccordion > div > div.sideMenu > ul > li > a.inactiveMenuItem > span.ui-menuitem-text {
    margin-left: 10px;
}

.sidePanelAccordion > div > div > ul > li > a.activeMenuItem, .sidePanelAccordion > div > div > ul > li > a.activeMenuItem > span.ui-menuitem-text {
    background-color: rgba(22, 71, 141, 1) !important;
    color: white !important;
}

.sidePanelAccordion > div > div > ul > li > a:hover:not(.activeMenuItem) {
    background-color: #007bb6 !important;
}

.sidePanelAccordion > div > div > ul > li > a:hover:not(.activeMenuItem) > span.ui-menuitem-text {
    font-weight: normal !important;
    color: white !important;
    font-family: "SourceSansProRegular" !important;
    font-size: 14px !important;
}

.sidePanelAccordion > div {
    overflow: hidden !important;
}

.tableIcon {
    color: #6f6f6f;
}


.noPaddingList ul {
    padding: 0px;
}

.alertAction {
    margin-right: 1px !important;
}

.alertAction > .ui-button-text {
    padding: 8px 5px 8px 5px !important;
}

.alertActionIcon > .ui-button-text {
    padding: 8px 5px 8px 25px !important;
}

.alertActionIcon > .ui-button-icon-left {
    left: -.15em;
}

.fw-hide-dropdown .ui-autocomplete-dropdown {
    display: none;
}

.ui-datepicker-calendar {
    height: 260px;
}

.fw-max-width {
    max-width: 150px;
}

.fw-invalid-input {
    border:1px solid red;
}

.not-clickable {
    cursor: not-allowed;
    pointer-events: none;
}

.fwPanelWrapper {
    margin: 20px 0px;
    padding: 10px !important;
    border: 4px solid #d8d8d8 !important;
}

.fwPanelTitle, .fwPanelIcon {
    font-size: 14pt;
    font-weight: bold;
    color: #666666;
}

.fwPanelIcon {
    font-size: 20pt !important;
    margin: 0 10px 0 0 !important;
    padding: 0px !important;
    width: 30px !important;
    text-align: center;
}

.borderlessTable,
.borderlessTable table,
.borderlessTable table thead tr th,
.borderlessTable table tbody tr td {
    border: none !important;
}
.borderlessTable,
.borderlessTable table {
    padding: 0px !important;
}
.borderlessTable table tbody tr {
    border-top: 1px solid #e0e0e0;
}
.borderlessTable table tbody tr.ui-expanded-row-content {
    border-top: none !important;
    border-bottom: 1px solid #e0e0e0;
}
.borderlessTable table tbody tr.ui-expanded-row-content td {
    padding: 0px !important;
}
.borderlessTable > .ui-datatable-scrollable-body {
    overflow-x: hidden;
}
.borderlessTable table tbody tr.ui-expanded-row-content td > .ui-outputpanel > .ui-outputpanel > .borderlessTable table tbody tr td {
    padding: 5px !important;
}

.TexAlCenter {
    text-align: center;
}

.ui-accordion .ui-accordion-header.ui-state-hover {
    font-weight: 700 !important;
}

.sidePanelAccordion.ui-accordion .ui-accordion-content {
    padding: 0px !important;
}

.layout-ajax-loader {
    display: none;
}

.layout-wrapper .layout-topbar .topbar-menu > li > a {
    display: inline !important;
}

.layout-wrapper .layout-topbar .topbar-menu > li > ul:after {
    border-bottom-color: #094074 !important;
}

.ui-menu {
    border: none !important;
}

.ui-rating .ui-rating-star-on a {
    color: #ffc107 !important;
}

.ui-babylon-menu-options {
    float: right;
}

.fwBlueText, .fwBlueText .ui-commandlink, .fwBlueText .ui-link {
    color: #0a2f68 !important;
}

.fwBlueText .ui-commandlink, .fwBlueText .ui-link {
    text-decoration: none;
}

.fwBlueText:hover .ui-commandlink:hover, .fwBlueText .ui-link:hover {
    color: #0954c7 !important;
}

body .tabButton > .tabButtonLeftIcon > .ui-icon,
body .tabButton > .tabButtonRightIcon > .ui-icon,
body .tabButton .tabButtonConfirmEdit > .ui-icon,
body .tabButton .tabButtonCancelEdit > .ui-icon {
    font-size: inherit !important;
}

.fw-actionbarBtn.ui-state-disabled, .ui-button-icon-only.ui-state-disabled {
    pointer-events: auto;
}

.headless-dialog {
    border: solid 1px #979797 !important;
    border-radius: 8px; margin: 0px !important;
    padding: 10px !important;
    background-color: #ffffff !important;
}

.headless-dialog-close-button {
    font-size: 37px !important;
    float: right;
    color: #5f5f5f !important;
    position: relative;
    top: -7px;
}

.new-report-header-title {
    font-family: 'SourceSansProSemibold';
    font-size: 22px;
    line-height: normal;
}

.new-report-header-description {
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: 0.32px;
}

.new-report-selection-title {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
}

.new-report-grid-container {
    display: grid;
    grid-template-columns: auto 1px auto;
    display: -ms-grid;
    -ms-grid-columns: 1fr 1px 1fr;
    padding: 10px;
}

.new-report-grid-container > .new-report-grid-item:not(:nth-child(3n + 2)) {
    text-align: center;
    display: grid;
    align-items: center;
    justify-content: center;
}

.new-report-grid-container > .new-report-grid-item:nth-child(3n + 1) {
    -ms-grid-column: 1;
}

.new-report-grid-container > .new-report-grid-item:nth-child(3n + 2) {
    -ms-grid-column: 2;
}

.new-report-grid-container > .new-report-grid-item:nth-child(3n) {
    -ms-grid-column: 3;
}

.new-report-grid-container > .new-report-grid-item:nth-child(n - 4) {
    -ms-grid-row: 1;
}

.new-report-grid-container > .new-report-grid-item:nth-child(n + 4) {
    -ms-grid-row: 2;
}

.new-report-grid-item-title {
    margin-bottom: 25px;
}

.new-report-grid-item.with-vertical-rule {
    background-color: rgba(151, 151, 151, 0.33);
}

.library-report-selection-button, .report-selection-button {
    height: 33px;
    font-size: 16px;
    letter-spacing: 0.29px;
    background-color: #ffffff;
    border: solid 1px #5f5f5f;
    border-radius: 8px;
    cursor: pointer;
    padding: 5px 1.5em;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}

.library-report-selection-button {
    height: 140px;
    line-height: 1em;
    max-width: 17em;
}

.library-report-selection-button.panel-button-selected {
    border: solid 6px #0277ad;
    padding: 0px;
    position: relative;
}

.library-report-selection-button.panel-button-selected .panel-button-selected-icon {
    background-color: white;
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    font-size: 34px;
    line-height: 0.8em;
    color: #0277ad;
    z-index: 99999;
}

.library-report-selection-button-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 2em;
}

.library-report-selection-button-description {
    display: block;
    font-size: 16px;
    line-height: 1.63;
    letter-spacing: 0.29px;
}

.library-report-selection-table-spinner {
    display: none;
}

.library-report-selection-table {
    width: 100%;
    max-height: 300px;
    border: 1px solid #979797;
    border-radius: 8px;
    padding: 15px;
    display: none;
}

.library-report-search-wrapper {
    background-color: #ffffff;
    border: 1px solid #979797;
    border-radius: 33px;
    margin-bottom: 10px;
    width: 35%;
    display: inline-flex;
    position: relative;
    top: -3px;
}

.library-report-search-icon-wrapper {
    background-color: transparent !important;
    border-color: transparent !important;
    margin: 0 5px;
}

.library-report-search-icon-wrapper > i {
    font-size: 16px;
}

.library-report-search-input {
    background-color: transparent !important;
    border: none !important;
    border-color: transparent !important;
    width: 90%;
    font-size: 16px !important;
}

/*.library-report-search-button.ui-button.ui-button-text-only .ui-button-text {
    padding: 0.2em 1em;
}

.library-report-search-button.ui-button, .library-report-search-button.ui-button.ui-state-hover, .library-report-search-button.ui-button.ui-state-active {
    margin-left: 20px;
    margin-right: 30px;
    border-radius: 11px;
    border: solid 3px #008a0b;
}

.library-report-search-button.ui-button.ui-state-hover {
    border: solid 3px #02680a;
}

.library-report-search-button.ui-button, .library-report-search-button.ui-button.ui-state-hover,
.library-report-search-button .ui-button-text, .library-report-search-button.ui-button.ui-state-hover .ui-button-text {
    background-color: #008a0b;
    font-size: 20px;
    font-family: SourceSansProSemibold !important;
}

.library-report-search-button.ui-button.ui-state-hover, .library-report-search-button.ui-button.ui-state-hover .ui-button-text {
    background-color: #02680a;
}*/

.ui-datatable-header {
    display: block !important;
}

.ui-widget-content a.sg-link {
    color: #0277ad;
    text-decoration: underline;
}

/* NOTE: THE FOLLOWING ux-placeholder and ux-underlined STYLES ARE TEMPORARY AND SHOULD BE REMOVED AFTER SCSS INTEGRATION */
/* BEGIN */
button.ux-placeholder span.ui-icon {
    font-size: 32px !important;
    margin-top: -0.5em !important;
}

a.ux-placeholder i.fa {
    font-size: 32px !important;
    margin-right: 10px;
}

/*button.ux-placeholder .ui-button-text, a.ux-placeholder, a.ux-placeholder label {
    font-size: 18px !important;
}

#signOutButton .ui-button-text {
    padding-bottom: 0px !important;
}*/

button.ux-underlined .ui-button-text, a.ux-underlined, a.ux-underlined label, span.ux-underlined {
    font-family: SourceSansProSemibold !important;
    text-decoration: underline !important;
    margin-bottom: 4px !important;
}

.ui-sortable-disabled .ui-panel-titlebar {
    cursor: default;
}

/*
.jsf-primary-button.ui-button, .jsf-primary-button.ui-button.ui-state-hover, .jsf-primary-button.ui-button.ui-state-active {
    border: solid 3px #008a0b;
}

.jsf-primary-button.ui-button.ui-state-hover {
    border: solid 3px #02680a;
}

.jsf-primary-button.ui-button, .jsf-primary-button.ui-button.ui-state-hover,
.jsf-primary-button .ui-button-text, .jsf-primary-button.ui-button.ui-state-hover .ui-button-text {
    background-color: #008a0b;
}

.jsf-primary-button.ui-button.ui-state-hover, .jsf-primary-button.ui-button.ui-state-hover .ui-button-text {
    background-color: #02680a;
}*/
/* END */

body .layout-wrapper .layout-main .layout-content {
    min-height:300px;
    padding-bottom: 100px;
}

.react-spinner-logo {
    background-image: url('../../../jakarta.faces.resource/spinner.png.jsf?ln=images') !important;
}

.fwSidebarBottom.ui-sidebar-bottom {
    height: 7em;
    font-size: 16px;
    font-weight: 700;
}

.fwSidebarBottom.ui-sidebar-bottom > .fwSidebarBottomContent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.fileMapperGroup-firstColumn {
    width:100px;
}

.notificationBellIcon.animate {
    animation: ring 4s .7s ease-in-out;
    transform-origin: 50% 4px;
}

.compact-panel-grid td {
    padding: 0 !important;
}

.grid-col-20 {
    width: 20%;
}

.grid-col-80 {
    width: 80%;
}

@keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(26deg); }
    3% { transform: rotate(-24deg); }
    5% { transform: rotate(28deg); }
    7% { transform: rotate(-26deg); }
    9% { transform: rotate(24deg); }
    11% { transform: rotate(-22deg); }
    13% { transform: rotate(20deg); }
    15% { transform: rotate(-18deg); }
    17% { transform: rotate(16deg); }
    19% { transform: rotate(-14deg); }
    21% { transform: rotate(12deg); }
    23% { transform: rotate(-10deg); }
    25% { transform: rotate(8deg); }
    27% { transform: rotate(-6deg); }
    29% { transform: rotate(4deg); }
    31% { transform: rotate(-2deg); }
    33% { transform: rotate(2deg); }
    35% { transform: rotate(-2deg); }
    37% { transform: rotate(1deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }

    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
}