/* Dynamic CSS Variables */

:root {
    --topbar-height: 0px;
    --toolbar-height: 0px;
    --navbar-height: 0px;
    --menu-height: 0px;
    --viewmode-height: 0px;
}

/* Action Dock */

.action-dock {
    line-height: 1em;
    box-shadow: 0 0 15px -7px #555;
    display: block;
    height: 90px;
    position: fixed;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    margin-left: auto;
    margin-right: auto;
    z-index: 237;
    border: 1px solid #cbcbcb;
    border-bottom: 0 solid #333;
    border-radius: 4px 4px 0 0;
    background: #fff;
}

ul.action-dock-options {
    padding: 1rem;
    margin: 0;
    text-shadow: 0 1px #fff;
    color: #6a6b6b;
    font-size: 1rem;
    list-style: none;
    float: left;
}

ul.action-dock-options li {
    float: left;
    padding-right: 1rem;
    border-right: 1px solid #abb3b8;
    border-left: 1px solid #dce6ed;
}

ul.action-dock-options li a {
    display: block;
    text-decoration: none;
    color: #6a6b6b;
    height: 40px;
}

ul.action-dock-options li:first-child {
    border-left: 0 solid #333;
}

ul.action-dock-options li:last-child {
    border-right: 0 solid #333;
}

ul.action-dock-options li.settings {
    background: transparent url(/liberty/javax.faces.resource/desktop/icon-gear.png.jsf?ln=image&rv=25.7.1) no-repeat center bottom;
}

ul.action-dock-options li.help {
    background: transparent url(/liberty/javax.faces.resource/desktop/icon-help.png.jsf?ln=image&rv=25.7.1) no-repeat center bottom;
}

ul.action-dock-options li.alert {
    position: relative;
    background: transparent url(/liberty/javax.faces.resource/desktop/icon-alert.png.jsf?ln=image&rv=25.7.1) no-repeat center bottom;
}

ul.action-dock-options li.alert span.ui-annotation {
    position: absolute;
    top: 1.4em;
    left: 5.5em;
    display: block;
    width: 1.5em;
    height: 1.4em;
    border-radius: 10em;
    text-align: center;
    vertical-align: top;
    font-size: .9em;
    padding: 0.1em;
    padding-bottom: 0;
    background: #faae35;
    background: -moz-linear-gradient(90deg, #f3812e 0%, #fed956 100%), #faae35;
    background: -o-linear-gradient(90deg, #f3812e 0%, #fed956 100%), #faae35;
    border: 1px solid #706b63;
    box-shadow: 0 1px 3px #fcd8b0;
    background: -webkit-gradient(linear, left bottom, left top, from(#f3812e), to(#fed956)), #faae35;
}

ul.action-dock-options li.alert span.ui-annotation > span.ui-text {
    line-height: 1.3;
    text-align: center;
    margin: 0.1em auto;
}

ul.action-dock-buttons {
    padding-top: 0;
    margin: 1rem;
    list-style: none;
    float: right;
    width: auto;
}

ul.action-dock-buttons li {
    float: left;
}

ul.action-dock-buttons li:last-child {
    padding-right: 0;
}

.action-dock-button .ui-button {
    margin-left: 0.5rem;
}

.action-dock-info {
    text-shadow: none;
    color: #333;
    padding: 1.2em;
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    height: 2.0em;
    font: 1em calibri, sans-serif;
    position: absolute;
    top: 2.5em;
    width: 100%;
}

.action-dock-info p {
    padding: 0.5em 0 0 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}

.action-dock-info p span.ui-emphasis {
    font-size: 1.5em;
    font-weight: normal;
    padding-right: 0.2em;
}

.action-dock-summary {
    color: black;
    font-weight: bold;
    font-size: 1.1em;
}

@media screen and (min-width: 1550px) {

    .action-dock {
        height: 67px;
        background: #fff;
    }

    .action-dock-info {
        position: static;
        float: right;
        height: 4.5em;
        width: inherit;
    }

    .action-dock-info p {
        max-width: 45em;
    }

}

/* Buttons */

.button-row button {
    margin-right: 0.5rem;
}

.button-row button:last-child {
    margin-right: 0;
}

body .command-link-button.ui-button.ui-button-text-only {
    padding: 0.643rem 0.75rem;
}

body a.output-link-button.ui-button.ui-button-text-only {
    padding: 0;
}

body .output-link-button.ui-button.ui-button-text-only .ui-button-text {
    padding: 0.65rem 0.75rem;
}

/* Clear */

.clear {
    clear: both;
}


/* Choice Panel */

.choicepanel {
}

.choicepanel .choicepanel-item {
    background-color: var(--menu-bg-color);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    height: 100%;
}

.choicepanel .choicepanel-item.selected {
    background-color: var(--primary-lightest-color);
}

.choicepanel .choicepanel-item > a {
    color: var(--text-secondary-color);
    height: 100%;
    text-decoration: none;
}

.choicepanel .choicepanel-item.selected > a {
    color: var(--text-color);
    height: 100%;
    text-decoration: none;
}

.choicepanel .choicepanel-item div.choicepanel-item-body {
    border-radius: 0 0 5px 5px;
    padding: 0.5rem 1rem 1rem 1rem;
}

.choicepanel .choicepanel-item div.choicepanel-item-top {
    border-radius: 5px 5px 0 0;
    height: 3rem;
    padding: 0.5rem;
}

.choicepanel .choicepanel-item.selected div.choicepanel-item-top {
    background: var(--primary-dark-color);
    color: var(--primary-color-text);
}

.choicepanel .choicepanel-item span.choicepanel-item-title {
    font-size: small;
    text-align: center;
}

.choicepanel .choicepanel-item span.choicepanel-item-value {
    font-size: x-large;
    margin-top: 0.5rem;
}

.choicepanel .choicepanel-item span.choicepanel-item-label {
    font-size: smaller;
}

/* Centered Container */

.centered-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.centered-container-three-quarters {
    width: 75%;
    /*    display: flex; */
    align-items: center;
    justify-content: center;
    margin-left: 50%;
}

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

/* Footer */

.footer {
    font-size: 0.9em;
    padding: 20px 25px;
    position: relative;
}

.footer p {
    margin-bottom: 0.5em;
}

.footer-content {
    display: block;
    overflow: hidden;
}

.footer .image-panel {
    float: left;
    width: 64px;
}

.footer .copyright-panel {
    border-left: 1px solid #fff;
    float: left;
    padding: 0 0 0 1em;
    width: 90%;
}

.footer-pad {
    display: block;
    height: 60px;
}

/* Header */

.header {
    margin: 0;
    width: 100%;
    background-position: top left;
    display: block;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-x;
    height: 0;
}

/* more obvious enabled days options */
td.highlight-day > a.ui-state-default {
    color: #B7461A;
    font-weight: bold;
}

/* Layout Greeting */

.layout-topbar .layout-greeting h1 {
    color: #ffffff;
    margin: 0;
}

.layout-topbar .layout-greeting p {
    color: #ffffff;
    margin: 0;
}

.layout-topbar .layout-greeting p a {
    color: #FAA74A;
    font-weight: bold;
}

.layout-greeting {
    margin-right: 2em;
}

.layout-greeting h1 {
    font-size: 1.25em;
}

.layout-greeting p {
    font-size: 0.9em;
}

.layout-greeting p a {
    text-decoration: none;
}

.layout-greeting p a:hover {
    text-decoration: underline;
}

/* Layout Navbar (from layout-light.css) */

.layout-navbar-wrapper {
    height: calc(100% - 4rem);
    width: 17rem;
    position: fixed;
    left: 0;
    top: 4rem;
    z-index: 997;
    transform: none;
}
.layout-navbar-wrapper ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style-type: none;
}
.layout-navbar-wrapper .layout-navbar-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.layout-navbar-wrapper .layout-navbar-container .layout-navbar {
    padding-bottom: 2rem;
    overflow-y: auto;
}
.layout-navbar-wrapper .layout-navbar-container .layout-navbar li {
    border-radius: 4px;
}
.layout-navbar-wrapper .layout-navbar-container .layout-navbar li.layout-root-menuitem > div {
    padding-left: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}
.layout-navbar-wrapper .layout-navbar-container .layout-navbar li.layout-root-menuitem > div > .layout-menuitem-text {
    font-size: 0.857rem;
    font-weight: 600;
    text-transform: uppercase;
}
.layout-navbar-wrapper .layout-navbar-container .layout-navbar li > a {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s, color 0.2s;
}
.layout-navbar-wrapper .layout-navbar-container .layout-navbar li > a .layout-menuitem-text {
    margin-left: 0.75rem;
}

@media (min-width: 992px) {
    .layout-navbar-wrapper {
        width: 100%;
        height: 3rem;
    }
    .layout-navbar-wrapper .layout-navbar-container {
        flex-direction: row;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
        margin: 0 1rem;
        padding-bottom: 0;
        overflow-y: visible;
        flex-grow: 1;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li {
        position: relative;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > a {
        margin-right: 1rem;
        display: flex;
        align-items: center;
        position: relative;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > a .layout-menuitem-badge {
        position: absolute;
        top: 50%;
        left: 1.5rem;
        margin-top: -1.214rem;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li.layout-root-menuitem > div {
        display: none;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > ul {
        position: absolute;
        top: 2.75rem;
        left: 0;
        z-index: 100;
        padding: 0.5rem;
        overflow: auto;
        max-height: 32rem;
        min-width: 16rem;
        border-radius: 5px;
    }
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li.active-menuitem > ul {
        display: block;
    }
}

.layout-menu-light .layout-navbar-wrapper {
    background-color: #FDFEFF;
    box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > div .layout-menuitem-text {
    color: #657380;
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > ul {
    background-color: #FDFEFF;
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar li a {
    color: #515C66;
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar li a i {
    color: #515C66;
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar li a:hover {
    background-color: rgba(0, 0, 0, 0.04);
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar li.active-menuitem > a {
    background-color: var(--primary-lightest-color);
    color: var(--primary-dark-color);
}
.layout-menu-light .layout-navbar-wrapper .layout-navbar-container .layout-navbar li.active-menuitem > a > i {
    color: var(--primary-dark-color);
}
@media (min-width: 992px) {
    .layout-menu-light.layout-menu-horizontal .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > ul,
    .layout-menu-light.layout-menu-slim .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > ul {
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    }
    .layout-menu-light.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel {
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    }
}

/* Layout Navbar Overrides */

.layout-menu-static.layout-wrapper .layout-main,
.layout-menu-overlay.layout-wrapper .layout-main,
.layout-menu-slim.layout-wrapper .layout-main {
    padding-top: calc(var(--topbar-height) + var(--toolbar-height) + var(--navbar-height) + var(--viewmode-height));
}

.layout-menu-horizontal.layout-wrapper .layout-main {
    padding-top: calc(var(--topbar-height) + var(--toolbar-height) + var(--navbar-height) + var(--menu-height) + var(--viewmode-height));
}

@media(min-width: 992px) {
    .layout-menu-static .layout-menu-wrapper,
    .layout-menu-overlay .layout-menu-wrapper,
    .layout-menu-slim .layout-menu-wrapper,
    .layout-menu-horizontal .layout-menu-wrapper {
        top: calc(var(--topbar-height) + var(--toolbar-height) + var(--navbar-height));
    }
}

@media (min-width: 992px) {
    .layout-navbar-wrapper {
        width: 100%;
        height: 6rem;
    }
}

.layout-navbar-wrapper {
    height: 6rem;
    display: inline-flex;
    flex-direction: column;
    top: calc(var(--topbar-height) + var(--toolbar-height));
    z-index: 996;
}

.layout-navbar-wrapper .layout-navbar-container {
    height: auto;
}

@media (min-width: 992px) {
    .layout-navbar-wrapper .layout-navbar-container {
        flex-direction: row;
    }
}

.layout-navbar-wrapper .layout-navbar-container.layout-navbar-nav {
    margin-top: 0.25rem;
}

.layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > a {
    padding: 0.75rem 1rem;
}

@media (min-width: 992px) {
    .layout-navbar-wrapper .layout-navbar-container .layout-navbar > li > a {
        margin-right: 0.5rem;
    }
}

.layout-navbar-wrapper .layout-navbar-container .layout-navbar li > a .layout-menuitem-text {
    margin-left: 0;
}

.layout-menu-light .layout-navbar-wrapper {
    background-color: #EBEBEB;
}

.layout-menu-light .layout-navbar-container.layout-navbar-subnav {
    background-color: #FDFEFF;
}

.layout-menu-light .layout-navbar-container.layout-navbar-nav .layout-navbar li.active-menuitem > a {
    background-color: #FDFEFF;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
}

.layout-menu-light .layout-navbar-container.layout-navbar-subnav .layout-navbar li.active-menuitem > a {
    background-color: transparent;
    border-bottom: 4px solid var(--primary-dark-color);
    border-radius: unset;
}

/* Layout Overrides */

.layout-footer {
    font-size: 0.8em;
    padding: 1rem 2rem 6rem;
}

.layout-footer p {
    line-height: 1.25;
    margin: 0 0 0.5rem 0;
}

.layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text {
    margin-left: 0;
}

.layout-topbar .layout-topbar-right .layout-topbar-actions-right {
    align-items: center;
    display: inline-flex;
}

/* Link Menu */

.layout-topbar .layout-linkmenu {
    display: inline-block;
    margin-right: 2em;
}

.layout-topbar .linkmenu-links li {
    border-left-color: #ffffff;
}

.layout-topbar .linkmenu-links li a {
    color: #ffffff;
}

.layout-topbar .linkmenu-links .ui-badge {
    height: 1rem;
    line-height: 1rem;
}

.linkmenu-links a {
    text-align: left;
}

.linkmenu-links ul {
}

.linkmenu-links li {
    display: inline-block;
    float: left;
    padding-left: 0.5em;
    margin-left: 0.5em;
    border-left: dotted 1px #ccc;
}

.linkmenu-links li.strong-divide {
    border-left: solid 1px #ccc;
}

.linkmenu-links li.first {
    border: 0;
    margin-left: 0;
    padding-left: 0;
}

.linkmenu-links li a {
    font-size: 0.9em !important;
    font-weight: normal;
    padding: 0.1em;
    text-decoration: none;
    white-space: nowrap;
}

.linkmenu-links li a:hover {
    text-decoration: underline;
}

/* Logo */

.logo {
    margin: 0;
    height: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    float: left;
    background-image: none;
    width: 60%;
}

.logoText {
    margin: 0;
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
    float: right;
    background-image: none;
    width: 40%;
}

/* Menu */

.menu {
}

/** Navigation within Module **/
.module-navigation {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #D4D4D4;
}

.module-navigation ul {
}

.module-navigation ul > li {
    display: inline-block;
    background-color: #DEF4FF;
    border-top: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-radius: 4px 4px 0 0;
    color: #b7461b;
    text-align: center;
    margin-right: 0.25em;
    width: 150px;
}

.module-navigation ul > li.selected {
    background-color: #ffffff;
    padding-bottom: 1px;
    margin-bottom: -1px;
}

.module-navigation ul > li > a,
.module-navigation ul > li > span {
    display: inline-block;
    text-decoration: none;
    line-height: 1.5em;
    color: #666666;
    padding: 10px 0;
    width: 100%;
}

.module-navigation ul > li.selected > a {
    color: #b7461b;
}

.module-navigation ul > li > a {
    font-weight: bold;
}

/** module content **/
.module-primary-content {
    margin-left: 23em;
    padding: 0;
}

.module-secondary-content {
    position: relative;
    float: left;
    width: 21em;
    background: #fff none top right repeat-y;
}

.module-primary-content .ui-message-panel {
    padding: 0;
    width: 100%;
}

.module-secondary-content .ui-filterpanel .date-range-input-panel {
    margin-top: 0.5em;
}

.module-secondary-content .ui-filterpanel .date-range-from-input {
    float: right;
}

.module-secondary-content .ui-filterpanel .date-range-to {
    text-align: center;
}

.module-secondary-content .ui-filterpanel .date-range-thru-input {
    float: left;
}

.module-secondary-content .ui-filterpanel .ui-panel-section {
    margin-bottom: 0.25em;
}

.module-secondary-content .ui-filterpanel .informational-text {
    padding-top: 0.5em;
    text-align: center;
}

/* Form panels */
.col-form-panel {
}

.col-form-panel .ui-panel-section {
    margin-bottom: 1em;
}

.col-form-panel table.col-form-table > tbody > tr > td {
    padding: 0;
    vertical-align: top;
}

.col-form-panel .ui-field-column {
}

.col-form-panel .ui-field-message-error {
    color: #D2272F;
    display: block;
    font-size: 0.9rem;
    font-weight: normal;
    overflow: hidden;
    padding: 0.25rem 0;
}

.col-form-panel .ui-field-message-info {
    color: #6a6b6b;
    color: #b7461b;
    font-style: italic;
    font-weight: normal;
}

.col-form-panel .ui-field-prompt-text {
    color: #999999;
    font-style: italic;
    font-weight: normal;
}

.col-form-panel .ui-radio-button-group {
    margin-bottom: 0.5rem;
}

.col-form-panel .ui-select-input-group {
    margin-bottom: 1.1rem;
}

.col-form-panel .ui-select-input-group input.ui-inputfield {
    padding: 0.25rem 0.75rem;
    width: 85%;
}

.col-form-panel .ui-select-input-group select.ui-inputfield {
    font-size: 1rem;
    padding: 0.25rem 4px;
    width: 100%;
}

.col-form-panel input[type="text"] {
    padding: 0.25rem 0.75rem;
}

.col-form-panel input[type="checkbox"],
.col-form-panel input[type="radio"] {
    margin-right: 0.25em;
}

.col-form-panel input[type="checkbox"] + label,
.col-form-panel input[type="radio"] + label {
    font-weight: normal;
    margin-right: 1rem;
}

.col-form-panel select.ui-field-input {
    padding: 0.25rem 0.75rem;
}

.col-form-panel .ui-section-header input[type="checkbox"] + label,
.col-form-panel .ui-section-header input[type="radio"] + label {
    font-weight: bold;
}

.col-form-panel .ui-panel-section .ui-panel-section-title {
    color: #1E3860;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    width: 100%;
}

.ui-panel-section-title {
    color: #1E3860;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
    width: 100%;
}

.ui-panel-section-title.ui-panel-section-sub-title {
    margin-top: 1.5rem;
}

.col-form-panel .ui-field-column .ui-field {
    display: block;
}

.col-form-panel .ui-field-column .ui-field-label {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.col-form-panel .ui-field-column .ui-field-input {
    margin-bottom: 0.5em;
}

.col-form-panel .ui-field-column .ui-field-input-dcas {
    margin-top: 3px;
}

.col-form-panel .ui-field-column .ui-field-input input.ui-inputfield.hasDatepicker {
    margin-bottom: 0.5em;
}

.col-form-panel table.col-form-table > tbody > tr > td.ui-button-column {
    padding-top: 10px;
}

.ui-2-col.ui-primary-content-width .col-form-table .ui-field-column > span.ui-field-input input[type="text"],
.ui-2-col.ui-primary-content-width .col-form-table .ui-field-column > input[type="text"].ui-field-input {
    width: 23.5em;
}

.ui-2-col.ui-primary-content-width .col-form-table .ui-field-column > input[type="text"].ui-field-input-numeric {
    width: 8em; /* untested */
}

.ui-2-col.ui-primary-content-width .col-form-table .ui-field-column > select.ui-field-input,
.ui-2-col.ui-primary-content-width .col-form-table .ui-field-column > .ui-field-text {
    width: 31.25em;
}

.ui-2-col.ui-primary-content-width .col-form-table .ui-phone-input input[type="text"].ui-field-input {
    width: 14em;
}

.ui-2-col.ui-primary-content-width .col-form-table .ui-phone-input select.ui-field-input {
    width: 10em;
}

.ui-3-col .ui-col-a .col-form-panel .ui-field-column textarea.ui-field-input,
.ui-3-col .ui-col-b .col-form-panel .ui-field-column textarea.ui-field-input,
.ui-3-col .ui-col-c .col-form-panel .ui-field-column textarea.ui-field-input {
    width: 25.5em;
}

.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column span.ui-field-input input[type="text"],
.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column input[type="text"].ui-field-input,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column span.ui-field-input input[type="text"],
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column input[type="text"].ui-field-input {
    width: 25em;
}

.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column input[type="text"].ui-field-input-numeric,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column input[type="text"].ui-field-input-numeric {
    width: 8em;
}

.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column select.ui-field-input,
.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column .ui-field-text,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column select.ui-field-input,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column .ui-field-text {
    width: 33.25em;
}

.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column textarea.ui-field-input,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column textarea.ui-field-input {
    width: 30em;
}

.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column .ui-phone-input input[type="text"].ui-field-input,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column .ui-phone-input input[type="text"].ui-field-input {
    width: 14em;
}

.ui-3-col-40-40-20 .ui-col-a .col-form-panel .ui-field-column .ui-phone-input select.ui-field-input,
.ui-3-col-40-40-20 .ui-col-b .col-form-panel .ui-field-column .ui-phone-input select.ui-field-input {
    width: 13em;
}

.ui-3-col-40-40-20 .ui-col-c .col-form-panel .ui-field-column span.ui-field-input input[type="text"],
.ui-3-col-40-40-20 .ui-col-c .col-form-panel .ui-field-column input[type="text"].ui-field-input {
    width: 12.5em;
}

.ui-3-col-40-40-20 .ui-col-c .col-form-panel .ui-field-column input[type="text"].ui-field-input-numeric {
    width: 8em;
}

.ui-3-col-40-40-20 .ui-col-c .col-form-panel .ui-field-column select.ui-field-input,
.ui-3-col-40-40-20 .ui-col-c .col-form-panel .ui-field-column .ui-field-text {
    width: 18em;
}

.column-form-button-panel {
    border-bottom: 1px dotted #ccc;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 4rem;
}

.column-form-button-panel .panel-group-left {
    display: inline-flex;
    height: 100%;
    align-items: center;
}

.column-form-button-panel .panel-group-right {
    display: flex;
    height: 100%;
    margin-left: auto;
    align-items: center;
}

.grid-form-button-panel a.command-link-button,
.grid-form-button-panel button {
    margin-right: 0.5em !important;
}

.column-form-image-panel {
    width: 36em;
}

.one-column-page-content .column-form-image-panel {
    display: block;
    overflow: hidden;
    padding: 1em 0 0.5em 0;
}

.column-form-image-panel .panel-group-left {
    display: block;
    float: left;
    width: 25%;
}

.column-form-image-panel .panel-group-right {
    float: right;
    width: 75%;
}

.column-form-layout {
    font-size: 1rem;
}

.one-column-page-content .column-form-layout {
    margin: 0 auto;
    width: 32rem;
}

.one-column-page-content.column-form-panel {
    background: var(--primary-lightest-color);
    padding: 2em 0 10em 0;
}

.column-form-panel .column-form-input-field {
    display: flex;
    align-items: center;
}

.column-form-panel .ui-field-label {
    color: #000;
    display: block;
    font-size: 0.8em;
    font-weight: bold;
    padding: 0 0 0.25em 0;
    text-transform: uppercase;
}

.column-form-panel .ui-field-message-error {
    color: #D2272F;
    font-size: 0.8em;
}

.column-form-panel .ui-field-message-info {
    color: #666666;
    font-size: 0.9em;
    font-style: italic;
}

.column-form-panel .ui-field-status-icon {
    position: absolute;
}

.column-form-panel .ui-field-status-wrapper {
    height: 1.75rem;
    position: relative;
    left: -2.5rem;
}

.column-form-panel input.ui-button {
    font-size: 0.9em;
    font-weight: normal;
    padding: 0.4em 1.5em;
    text-transform: uppercase;
}

.column-form-panel .panel-group-left input.ui-button {
    margin-right: 0.5rem;
}

.column-form-panel .panel-group-right input.ui-button {
    margin-left: 0.5rem;
}

.column-form-panel a.ui-button {
    padding: 0.4em 1.5em;
    text-transform: uppercase;
}

.column-form-panel input.ui-inputfield {
    font-size: 1rem;
    width: 100%;
}

.column-form-panel select.ui-inputfield {
    font-size: 0.9em;
    padding: 0.25em 4px;
    width: 30.7em;
}

.column-form-panel .ui-links {
}

.column-form-panel .ui-select-input-group {
    margin-bottom: 1.1em;
}

.column-form-header {
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    margin-bottom: 2em;
    padding: 0.5em 0;
}

.column-form-title {
    color: #000;
    display: block;
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.column-form-header .column-form-title {
    font-size: 1.5rem;
}

.column-form-prompt {
    color: #6a6b6b;
    display: block;
}

.grid-form-button-panel {
    display: inline-block;
    width: 100%;
}

.grid-form-button-panel .ui-button-text-only .ui-button-text {
    padding: 0 1em;
    text-transform: capitalize;
}

.grid-form-button-panel .panel-group-left {
    display: block;
    float: left;
}

.grid-form-button-panel .panel-group-right {
    float: right;
}

.grid-form-button-panel .panel-group-center {
    display: flex;
    justify-content: center;
}

.grid-form-button-panel.ui-panel-separated {
    border-top: 1px solid #dcdcdc;
    padding-top: 0.5em;
}

.grid-form-panel .ui-panel-section {
    margin-bottom: 1em;
}

.grid-form-panel .ui-panel-section .ui-panel-section-title {
    color: #1E3860;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
    width: 100%;
}

.grid-form-panel .ui-field-label-top {
    display: block;
}

.grid-form-panel .ui-field-message-error {
    color: #D2272F;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
    overflow: hidden;
    padding: 0.25em 0;
}

.grid-form-panel .ui-field-message-info {
    color: #b7461b;
    font-style: italic;
    font-weight: normal;
}

.grid-form-panel .ui-field-prompt-text {
    color: #999999;
    font-style: italic;
    font-weight: normal;
}

.grid-form-panel .ui-links {
}

.grid-form-panel .ui-radio-button-group {
    margin-bottom: 0.5em;
}

.grid-form-panel .ui-select-input-group {
    margin-bottom: 1.1em;
}

.grid-form-panel .ui-select-input-group input.ui-inputfield {
    padding: 0.25em 1em;
    width: 85%;
}

.grid-form-panel .ui-select-input-group select.ui-inputfield {
    font-size: 1em;
    padding: 0.25em 4px;
    width: 100%;
}

.grid-form-panel input[type="text"] {
    padding: 0.25rem 0.75rem;
}

.grid-form-panel input[type="checkbox"],
.grid-form-panel input[type="radio"] {
    margin-right: 0.25em;
}

.grid-form-panel input[type="checkbox"] + label,
.grid-form-panel input[type="radio"] + label {
    font-weight: normal;
    margin-right: 1em;
}

.grid-form-panel select {
    font-size: 0.9em;
    padding: 0.25em 4px;
}

.grid-form-panel table.grid-form-table > tbody > tr > td {
    padding: 0 0 0.25em 0;
}

.grid-form-panel table.grid-form-table.row-group > tbody > tr > td {
    border-bottom: 1px solid #dcdcdc !important;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.grid-form-panel table.grid-form-table.row-group > tbody > tr > td:first-child {
    padding-bottom: 0.5em;
}

.grid-form-panel table.grid-form-table-top > tbody > tr > td {
    padding: 0 0 0.5em 0;
    vertical-align: top;
}

.grid-form-panel table.grid-form-table-top.ui-space-right > tbody > tr > td {
    padding-right: 2em;
}

.grid-form-panel table.grid-form-table-top.ui-space-right-small > tbody > tr > td {
    padding-right: 1em;
}

.grid-form-panel table.grid-form-table-top.ui-space-right > tbody > tr > td:last-child {
    padding-right: 0;
}

.grid-form-panel .ui-field-label {
    display: block;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.grid-form-panel table.grid-form-table-top .ui-combo-column .ui-field-label {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.grid-form-panel table.grid-form-table-top .ui-combo-column .ui-field-input {
    width: 19em; /* why? */
}



.grid-form-panel table.grid-form-table {
    width: 100%;
}

.grid-form-panel table.grid-form-table .ui-field-column {
    padding-left: 1em !important;
}

.grid-form-panel table.grid-form-table .ui-field-column span.ui-field-group {
    float: right;
}

.grid-form-panel table.grid-form-table .ui-field-input > tbody > tr > td {
    padding-bottom: 0.5em;
}

.grid-form-panel span.ui-field-group .ui-button-text-only .ui-button-text {
    font-size: 1em;
    padding: 0 1em;
}

.grid-form-panel table.grid-form-table .ui-field-column span.ui-field-input input[type="text"],
.grid-form-panel table.grid-form-table .ui-field-column input[type="text"].ui-field-input {
    float: right;
    width: 18em;
}

.grid-form-panel table.grid-form-table .ui-field-column select.ui-field-input {
    float: right;
    width: 20em;
}

.grid-form-panel table.grid-form-table .ui-field-input > tbody > tr > td {
    padding-bottom: 0.5em;
}

.grid-form-panel table.grid-form-table .ui-field-column select.ui-field-input.ui-input-width-medium {
    width: 15em;
}

.grid-form-panel table.grid-form-table .ui-field-column select.ui-field-input.ui-input-width-small {
    width: 15em;
}

.grid-form-panel table.grid-form-table .ui-field-column select.ui-field-input.ui-input-width-tiny {
    width: 10em;
}

.grid-form-panel table.grid-form-table .ui-field-column .ui-field-text {
    display: block;
    float: right;
    line-height: 1.8em;
    width: 20em;
}

.grid-form-panel .grid-form-table.ui-2-col > tbody > tr > td.ui-col-a,
.grid-form-panel .grid-form-table.ui-2-col > tbody > tr > td.ui-col-b {
    width: 50%;
}

.grid-form-panel .grid-form-table.ui-2-col-25-75 > tbody > tr > td.ui-col-a {
    width: 25%;
}

.grid-form-panel .grid-form-table.ui-2-col-25-75 > tbody > tr > td.ui-col-b {
    width: 75%;
}

.grid-form-panel .grid-form-table.ui-4-col > table > tbody > tr > td {
    width: 25%;
}

.grid-form-panel .grid-form-table.ui-4-col-5-10-10-75 > table > tbody > tr > td.ui-col-a {
    width: 5%;
}

.grid-form-panel .grid-form-table.ui-4-col-5-10-10-75 > table > tbody > tr > td.ui-col-b,
.grid-form-panel .grid-form-table.ui-4-col-5-10-10-75 > table > tbody > tr > td.ui-col-c {
    width: 10%;
}

.grid-form-panel .grid-form-table.ui-4-col-5-10-10-75 > table > tbody > tr > td.ui-col-d {
    width: 75%;
}

.grid-form-panel .grid-form-table.ui-3-col > table > tbody > tr > td,
.grid-form-panel .grid-form-table-top.ui-3-col > table > tbody > tr > td {
    width: 33.333333%;
}

.grid-form-panel .grid-form-table.ui-4-col > table > tbody > tr > td,
.grid-form-panel .grid-form-table-top.ui-4-col > table > tbody > tr > td {
    width: 25%;
}

.ui-panel-layout.ui-2-col-50-50 .grid-form-panel table.grid-form-table .ui-field-column span.ui-field-input input[type="text"],
.ui-panel-layout.ui-2-col-50-50 .grid-form-panel table.grid-form-table .ui-field-column input[type="text"].ui-field-input {
    width: 10em;
}

.ui-panel-layout.ui-2-col-50-50 .grid-form-panel table.grid-form-table .ui-field-column input[type="text"].ui-field-input-numeric {
    width: 8em;
}

.ui-panel-layout.ui-2-col-50-50 .grid-form-panel table.grid-form-table .ui-field-column select.ui-field-input,
.ui-panel-layout.ui-2-col-50-50 .grid-form-panel table.grid-form-table .ui-field-column .ui-field-text {
    width: 12em;
}

.grid-form-panel table.grid-form-group {
    width: 100%;
}

.grid-form-panel table.grid-form-table .ui-field-column div.ui-selectonemenu {
    /* for primefaces selectOneMenu elements to expand fully within the grid-form-panel */
    width: 100% !important;
    float: right;
}

.grid-form-panel table.grid-form-group > tbody > tr > td {
}

.grid-form-panel table.grid-form-group td.ui-field-set {
    border: 1px solid #cccccc;
    padding: 1em;
}

.grid-form-panel .ui-links {
}

.grid-form-panel table.grid-form-table .ui-field-column textarea {
    width: 100%;
}

.grid-form-panel .grid-form-table table > tbody > tr > td > div > textarea {
    width: 98%;
}

/* Layout */

.layout-menu-navbar.layout-wrapper .layout-main {
    padding-top: calc(var(--topbar-height) + var(--toolbar-height) + var(--navbar-height) + var(--viewmode-height));
}

@media (min-width: 992px) {
    .layout-menu-navbar .layout-menu-wrapper {
        width: 100%;
        height: 6rem;
    }
}

.layout-menu-navbar .layout-menu-wrapper {
    height: 6rem;
    display: inline-flex;
    flex-direction: column;
    top: calc(var(--topbar-height) + var(--toolbar-height));
    z-index: 996;
}

.layout-menu-navbar .layout-menu-wrapper .layout-menu-container {
    height: auto;
    margin-top: 0.25rem;
}

@media (min-width: 992px) {
    .layout-menu-navbar .layout-menu-wrapper .layout-menu-container {
        flex-direction: row;
    }
}

@media (min-width: 992px) {
    .layout-menu-navbar .layout-menu-wrapper .layout-menu-container .layout-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
        margin: 0 1rem;
        padding-bottom: 0;
        overflow-y: visible;
        flex-grow: 1;
    }
}
@media (min-width: 992px) {
    .layout-menu-navbar .layout-menu-wrapper .layout-menu-container .layout-menu > li {
        position: relative;
    }
}

@media (min-width: 992px) {
    .layout-menu-navbar .layout-menu-wrapper .layout-menu-container .layout-menu > li > a {
        margin-right: 1rem;
        display: flex;
        align-items: center;
        position: relative;
        text-decoration: none;
    }
}

/* Login */

.login-help-phone {
    color: #000;
    display: block;
    font-size: 1.75em;
    font-weight: bold;
    margin-top: 0.25em;
}

/* Navigation */

.navigation-wrapper {
    height: calc(100% - 4rem);
    width: 17rem;
    position: fixed;
    left: 0;
    top: 7rem;
    z-index: 996;
    transform: none;
}

@media (min-width: 992px) {
    .navigation-wrapper {
        width: 100%;
        height: 5.5rem;
    }
    .navigation-wrapper .navigation-container {
        flex-direction: row;
    }
}

.layout-menu-light .navigation-wrapper {
    background-color: #FDFEFF;
    box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}

.navigation-container {
    margin: 0 2rem;
}

.navigation {
    display: inline-block;
    margin: 0.5rem 1rem;
    width: 100%;
}

.navigation ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.navigation li.large {
    border-radius: 4px 4px 0 0;
    height: 68px;
    width: 210px;
    margin: 0 3px 0 0;
    padding: 0;
    background: var(--primary-lightest-color);
}

.navigation li.large.selected {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
}

.navigation li.large a {
    display: inline-block;
    height: 58px;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    width: 100%;
}

.navigation li.large.selected a {
}

.navigation li.large a span.label {
    border-bottom: 1px dotted #ccc;
    color: #6a6b6b;
    display: flex;
    font-size: 0.9rem;
    font-weight: bold;
    padding-bottom: 0.2em;
}

.navigation li.large.selected a span.label {
    color: #1E3860;
}

.navigation li.large a span.nav-content {
    display: flex;
    padding: 0.25rem 0 0 0;
}

.navigation li.large a span.info {
    display: flex;
    padding: 0;
}

.navigation li.large a span.info > img {
    margin-right: 0.5rem;
    vertical-align: middle;
}

.navigation li.large a span.chart {
    display: block;
    padding: 0 0 0 0;
}

.navigation li.large a span.amount {
    color: #000;
    font-size: 1.4em;
    font-weight: normal;
    vertical-align: middle;
}

.navigation li.large a span.percent {
    color: #000;
    font-size: 1.4rem;
    font-weight: normal;
    vertical-align: middle;
}

.navigation li.large a span.percent.positive {
    color: #078761;
}

.navigation li.large a span.percent.negative {
    color: #D2272F;
}

.pct.positive {
    color: #078761 !important;
}

.pct.negative {
    color: #D2272F !important;
}

.navigation li.large a span.caption {
    color: #333;
    display: block;
    font-size: 0.75rem;
    padding-top: 0.15rem;
}

.navigation li.large a span.text {
    color: #333;
    font-size: 0.9rem;
    font-weight: bold;
    vertical-align: middle;
}

.navigation li.large a span.status {
    color: #000;
    font-size: 0.75rem;
    font-weight: normal;
    float: right;
}

.navigation > ul > li.small {
    display: inline-block;
    position: relative;
}

.navigation > ul > li.small > a {
    display: block;
    padding: 0.5em 1em;
    font-weight: 400;
    font-size: 1.1em;
    position: relative;
    cursor: pointer;
    user-select: none;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: border-bottom-color 0.2s;
    -o-transition: border-bottom-color 0.2s;
    -webkit-transition: border-bottom-color 0.2s;
    transition: border-bottom-color 0.2s;

    color: rgba(0, 0, 0, 0.87);
    text-decoration: none;
}

.navigation > ul > li.small > a > span.label {
    margin: 0 0.5em;
}

.navigation > ul > li.small.selected > a {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
}

.navigation > ul > li.small > a:hover {
    border-bottom-color: #A5B4B9;
}

.navigation > ul > li.small > a > span.nav-content {
    display: none;
}

.navigation > ul > li.small > a > span.info {
    display: none;
}

.navigation.two-tier {
    margin: 0.5rem 1rem 0 1rem;
}

.navigation li.two-tier {
    border-radius: 4px 4px 0 0;
    height: 34px;
    width: 210px;
    margin: 0 3px 0 0;
    padding: 0;
    background: var(--primary-lightest-color);
}

.navigation li.two-tier.selected {
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom: none;
}

.navigation li.two-tier a {
    display: inline-block;
    height: 29px;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    width: 100%;
}

.navigation li.two-tier.selected a {
}

.navigation li.two-tier a span.label {
    border-bottom: 1px dotted #ccc;
    color: #6a6b6b;
    display: flex;
    font-size: 0.9rem;
    font-weight: bold;
    padding-bottom: 0.2em;
}

.navigation li.two-tier.selected a span.label {
    color: #1E3860;
}

.navigation li.two-tier a span.nav-content {
    display: flex;
    padding: 0.25rem 0 0 0;
}

.navigation li.two-tier a span.info {
    display: none;
}

.navigation li.two-tier a span.caption {
    display: none;
}

.navigation li.two-tier a span.status {
    color: #000;
    font-size: 0.75rem;
    font-weight: normal;
    float: right;
}

/* Notification */

.notifications {
    clear: both;
    float: none;
    margin: 0 0 0.5rem 0;
    min-height: 0;
    width: 100%;
    background: inherit;
}

.notifications .notification-panel {
    padding-bottom: 0.25em;
}

.notifications .notice-date-text {
    color: #D2272F;
    font-weight: normal;
}

.notifications .notice-description {
    display: block;
    overflow: hidden;
    width: 100%;
}

.notifications .notice-description-text {
    color: #333333;
}

.notifications .notice-header {
    display: block;
    overflow: hidden;
}

.notifications .notice-info {
    display: block;
    float: left;
    margin-bottom: 0.25em;
    overflow: hidden;
    width: 80%;
}

.notifications .notice-links-panel {
    display: inline-block;
    font-size: 1.1em;
    width: 100%;
}

.notifications .notice-status {
    display: block;
    float: left;
    overflow: hidden;
    width: 20%;
}

.notifications .notice-status-icon {
    float: left;
    vertical-align: middle;
    width: 32px;
}

.notifications .notice-status-text {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 0.75em;
    vertical-align: middle;
    width: 8em;
}

.notifications .notice-title {
    display: block;
    margin-bottom: 0.25em;
    overflow: hidden;
}

.notifications .notice-title-text {
    color: #333333;
    font-size: 1.1em;
    font-weight: bold;
}

.notifications .notice-trailer {
    display: block;
    font-size: 1.1em;
    overflow: hidden;
}

.notifications .notices {
    display: block;
    overflow: hidden;
    position: relative;
}

.notifications .notices .ui-datagrid .ui-paginator {
    background: #fff;
    border: none;
    position: absolute;
    right: 0;
}

.notifications .notices .ui-datagrid > .ui-datagrid-content {
    background: #fff;
    border: none;
}

.notifications .notice-title-text-larger {
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
}

.notifications .notice-trailer-larger {
    display: block;
    font-size: 1.2em;
    overflow: hidden;
}

.notifications .center-table {
    margin:auto;
}

/* Outer */

.outer {
    padding: 0;
    margin: 0;
    width: 100%;
}

/* Panels */

.panel-grid-form {
    margin: 0 0.5rem 0 0.5rem;
}

.panel-grid-form .contrast-bg {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

.panel-grid-form .main-title {
    color: #1E3860;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-grid-form .section-title {
    color: #1E3860;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-grid-form .field>label {
    font-weight: bold;
}

.panel-select-filter {
    border: medium none;
    border-radius: 4px;
    color: #222222;
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
}

.panel-select-filter.contrast-bg {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

.panel-select-filter .main-title {
    color: #000000;
    display: block;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.panel-select-filter .section-title {
    color: #000000;
    display: block;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

/* Subnavigation */

.subnavigation {
    display: inline-block;
    width: 100%;
}

.subnavigation > ul > li {
    display: inline-block;
    position: relative;
}

.subnavigation > ul > li > a > span.label {
    border-left: solid 1px #ccc;
    padding-left: 1em;
    margin-left: 1em;
}

.subnavigation > ul > li.first > a > span.label {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

.subnavigation > ul > li > a {
    display: block;
    padding: 0;
    font-weight: 400;
    position: relative;
    cursor: pointer;
    user-select: none;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: border-bottom-color 0.2s;
    -o-transition: border-bottom-color 0.2s;
    -webkit-transition: border-bottom-color 0.2s;
    transition: border-bottom-color 0.2s;

    color: rgba(0, 0, 0, 0.87);
    text-decoration: underline;
    white-space: nowrap;
}

.subnavigation > ul > li > a > span.label {
    margin: 0 0.5em;
}

.subnavigation > ul > li.selected > a {
    color: rgba(0, 0, 0, 0.87);;
    text-decoration: none;
}

.subnavigation > ul > li.selected > a:hover {
    text-decoration: underline;
}

/* Toolbar */

.toolbar-wrapper {
    height: calc(100% - 4rem);
    width: 17rem;
    position: fixed;
    left: 0;
    top: calc(var(--topbar-height));
    z-index: 997;
    transform: none;
}

@media (min-width: 992px) {
    .toolbar-wrapper {
        width: 100%;
        height: 3rem;
    }
    .toolbar-wrapper .toolbar-container {
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        height: 100%;
    }
}

.layout-menu-light .toolbar-wrapper {
    background-color: #FDFEFF;
    box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12);
}

.toolbar-container {
    margin: 0 1rem;
}

.layout-toolbar .ui-button,
.layout-toolbar .ui-inputfield,
.layout-toolbar .ui-selectonemenu {
    margin-right: 0.5rem;
}

.layout-toolbar .ui-inputfield {
    padding: 0.55rem 0.75rem;
}

/* Viewmode (new) */

.layout-viewmode {
    position: fixed;
    top: calc(var(--topbar-height) + var(--toolbar-height) + var(--navbar-height) + var(--menu-height));
    left: 2rem;
    right: 2rem;
    width: auto;
    height: 3.3rem;
    z-index: 1001;
    background-color: #eaeaea;
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.layout-viewmode .title {
    font-weight: bold;
    font-size: 1.1rem;
}

.layout-viewmode .view-link::after {
    content: url(/liberty/javax.faces.resource/desktop/arrow-link.png.jsf?ln=image&rv=25.7.1);
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 0.25rem;
}

.layout-viewmode .ui-button,
.layout-viewmode .ui-inputfield,
.layout-viewmode .ui-selectonemenu {
    margin-right: 0.5rem;
}

.layout-viewmode .ui-inputfield {
    padding: 0.55rem 0.75rem;
}

/* Viewmode */

.viewmode2,
.viewmode {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

.viewmode,
.viewmode2 {
    padding: 0.75em;
    margin-bottom: 0.5rem;
}

.viewmode.view-pro,
.viewmode2.view-pro {
}

.viewmode .view-title,
.viewmode2 .view-title {
    font-size: 2.3em;
    font-weight: bold;
}

.viewmode .view-advisory,
.viewmode2 .view-advisory {
    font-size: 1em;
    vertical-align: middle;
}

.viewmode .view-advisory a,
.viewmode2 .view-advisory a {
    background: transparent url(/liberty/javax.faces.resource/desktop/arrow-link.png.jsf?ln=image&rv=25.7.1) center right no-repeat;
    padding-right: 15px;
    text-decoration: none;
}

.viewmode .view-advisory a:hover,
.viewmode2 .view-advisory a:hover {
    text-decoration: underline;
}

.viewmode2 .view-status,
.viewmode .view-status {
}

.viewmode .view-status select,
.viewmode2 .view-status select {
    margin-right: 0.5em;
    vertical-align: middle;
    width: 12em;
}

.viewmode .view-status i,
.viewmode2 .view-status i {
    font-size: 20px;
}

.viewmode .view-status i,
.viewmode2 .view-status i {
    float: left;
    margin-right: 0.5em;
}

.viewmode .view-status .view-advisory i,
.viewmode2 .view-status .view-advisory i {
    float: right;
    margin-right: 0.5em;
}

.viewmode .view-status img,
.viewmode2 .view-status img {
    float: left;
    margin-right: 1em;
}

.viewmode .view-status .view-advisory img,
.viewmode2 .view-status .view-advisory img {
    float: right;
    margin-right: 1em;
}

.viewmode2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.viewmode2 .viewmode-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.viewmode2 .ui-icon-button {
    padding: 0.4em;
}

/* UI Components */

.ui-action-icon {
    display: inline-block;
    height: 16px;
    margin-right: 0.25em;
    vertical-align: middle;
    width: 16px;
    background-image: url(/liberty/javax.faces.resource/desktop/action-icons-16.png.jsf?ln=image&rv=25.7.1);
}

.ui-action-icon.accept {
    background-position: -0px -0px;
}

.ui-action-icon.add {
    background-position: -16px -0px;
}

.ui-action-icon.cancel {
    background-position: -32px -0px;
}

.ui-action-icon.delete {
    background-position: -48px -0px;
}

.ui-action-icon.help {
    background-position: -64px -0px;
}

.ui-action-icon.info {
    background-position: -80px -0px;
}

.ui-action-icon.edit {
    background-position: -96px -0px;
}

.ui-action-icon.trash {
    background-position: -112px -0px;
}

.ui-action-icon.model {
    background-position: -128px -0px;
}

.ui-action-icon.locked {
    background-position: -144px -0px;
}

.ui-action-icon.unlocked {
    background-position: -160px -0px;
}

a.ui-action-link {
    color: #2F5B88 !important;
    font-weight: bold;
}

.ui-advanced-filter-panel {
    background: var(--primary-lightest-color);
    border: none;
    padding: 1em 1em 0 1em;
}

.ui-advanced-filter-panel.ui-standalone-filter-panel {
    margin-bottom: 1.5em;
}

.ui-advanced-filter-panel table {
    width: 100%;
}

.ui-advanced-filter-panel td {
    padding: 0 0 1em 0;
}

.ui-advanced-filter-panel .ui-button-text-only .ui-button-text {
    font-size: 0.8em;
    padding: 0 1em;
}

.ui-advanced-filter-panel .ui-field select {
    width: 17em;
}

.ui-advanced-filter-panel .ui-field-label {
    margin: 0 0.5em 0 0;
}

.ui-advanced-filter-panel .ui-field-message-error {
    color: #D2272F;
}

.ui-advanced-filter-panel .ui-inputfield {
    font-size: 0.9em;
    padding: 2px 0.5em;
    width: 6em;
}

.ui-ajax-message-panel {
    background-color: #ffffff;
    border: 7px solid #666666;
    box-shadow: 2px 2px 15px #7d7d7d;
    padding: 1em;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    width: 300px;
    height: 150px;
    margin: auto;
    vertical-align: middle;
    padding-top: 10%;
}

.ui-ajax-message-panel .ui-wait-message {
    padding-top: 1.0em;
    font-size: 1.5em;
    font-weight: bold;
}

.ui-alert,
tr.ui-alert > td {
    color: #D2272F !important;
}

.ui-amount.negative {
    color: #D2272F;
}

.ui-amount.positive {
    /* color: #333333; */ /* inherit text color, rather than coercing it */
}

.ui-annotated-footer-text,
.ui-annotated-text {
    font-weight: normal;
    overflow: hidden;
    position: relative;
}

.ui-annotated-text {
    display: inline-block;
    font-size: 0.8em;
    height: 16px;
    margin-right: 1em;
}

.ui-annotated-text .ui-text {
    vertical-align: bottom;
}

.ui-badge-label {
    display: inline-block;
    vertical-align: bottom;
}

.ui-badge-holder {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.25em;
}

.ui-badge {
    padding: 1px 1px;
    margin-right: 0.25em;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.ui-badge-danger {
    background-color: #D2272F;
    color: #FFFFFF;
}

.ui-badge-info {
    background-color: #0062B3;
    color: #FFFFFF;
}

.ui-badge-success {
    background-color: #078761;
    color: #FFFFFF;
}

.ui-badge-warn {
    background-color: #FBC02D;
    color: #000000;
}

.ui-badge-secondary {
    background-color: #FAA74A;
    color: #FFFFFF;
}

.ui-boxpanel {
    border: 1px solid #cccccc;
    padding: 1em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-right: 0.75em;
}

.ui-boxpanel.box-height-tall {
    min-height: 12em;
}

.ui-boxpanel input {
    width: 90%;
}

.ui-boxpanel .ui-field-group .ui-field {
    display: inline-block;
    vertical-align: middle;
}

.ui-boxpanel .ui-field-group .ui-field input {
    width: 100%;
}

.ui-boxpanel .ui-field-group .ui-field select {
    width: 100%;
}

.ui-boxpanel .ui-field-group div.ui-field:first-child {
    margin-right: 0.5em;
}

.ui-boxpanel .ui-field-group div.ui-field:last-child {
    float: right;
    margin-right: 2.7em;
}

.ui-button-group-right {
    float: right;
}

.ui-capitalize {
    text-transform: capitalize;
}

.ui-captioned-image {
    display: block;
}

.ui-captioned-image label {
    color: #000;
    float: left;
    margin-bottom: 0.5em;
    width: 100%;
}

.ui-captioned-image img {
    float: left;
}

.ui-chart-container {
    display: block;
    overflow: hidden;
    margin: 0 0 0.5em 0;
}

.ui-chart-title {
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
}

.ui-checkbox-group .ui-labeled-checkbox {
    display: inline-block;
    margin-right: 1.0em;
}

.ui-choicepanel-detail {
    background-color: var(--primary-lightest-color);
    padding: 0.25rem 1rem;
    margin: 0 0 0.5rem 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}

.ui-choicepanel {
    background: #fff url(/liberty/javax.faces.resource/desktop/nav-bg.png.jsf?ln=image&rv=25.7.1) repeat-x left bottom;
}

.ui-choicepanel-column {
    width: 33%;
}

.ui-choicepanel-column a {
    text-decoration: none;
}

.ui-choicepanel-item {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    color: #4A5560;
    margin: 0 0 0 3px;
    padding: 0.5em 2em;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #ffffff url(/liberty/javax.faces.resource/desktop/choice-panel-bg.png.jsf?ln=image&rv=25.7.1) bottom left repeat-x;
}

.ui-choicepanel-item table {
    margin-bottom: 0.5em;
    width: 100%;
}

.ui-choicepanel-item td {
    font-size: 0.9em;
    border-top: none;
    padding: 2px 0;
    vertical-align: middle;
}

.ui-choicepanel-item.first {
    margin: 0;
}

.ui-choicepanel-item.selected {
    /*background: #e0f1fb url(/liberty/javax.faces.resource/desktop/choice-panel-bg-select.png.jsf?ln=image&rv=25.7.1) bottom center no-repeat;*/
    background: #e0f1fb;
}

.ui-choicepanel-item .ui-label {
    width: 30%;
}

.ui-choicepanel-item .ui-value {
    color: #000000;
    font-size: 2em;
    line-height: 1em;
    text-align: right;
}

.ui-choicepanel-item-title {
    color: #1E3860;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    width: 100%;
    height: 3em;
    text-align: center;
    vertical-align: middle;
}

.ui-select-colorize {
    border-color: #D3D3D3;
}

.ui-column-header-text {
    display: block;
    overflow: hidden;
}

.ui-icon-left {
    float:left;
    color:#2F5B88;
}

.ui-configurable-column-icon-left {
    float:left;
    font-size:1.25em;
    color:#2F5B88;
    padding-left:5px;
}

.ui-configurable-column-icon-right {
    float:right;
    font-size:1.25em;
    color:#2F5B88;
    padding-right:5px;
}

.ui-configurable-column-left {
    float: left;
}

.ui-configurable-column-right {
    float: right;
}

.ui-configurable-column-icon-link {
    padding-left:1.25em; /* size of link area is the size of the icon */
    margin-left:-1.25em; /* moves icon inside of padded area */
}

/* sort icon position: since header is already taller due to filter field, this may save space */
.ui-column-with-filter > .ui-icon-triangle-1-n {
    float: left;
}
.ui-column-with-filter > .ui-icon-triangle-1-s {
    float: left;
}

.ui-composite-field {
    margin-bottom: 1.0em;
}

.ui-composite-field input.ui-inputfield.hasDatepicker {
    width: 7rem;
}

.custom-select-boolean-button {
    text-align: center
}

.ui-chkbox-box.ui-state-disabled.ui-state-active.ui-state-disabled {
    opacity: 1;
    background-color: transparent; /* Remove greyed-out background */
}

.ui-composite-field label {
    margin-right: 0.5em;
}

.ui-composite-field .ui-spacer-label {
    margin: 0 0.5em;
}

table.ui-composite-field-layout > tbody > tr > td {
    border-right: 0.5em solid transparent;
}

table.ui-composite-field-layout > tbody > tr > td:last-child {
    border-right: none;
}

.ui-content-frame {
    border: none;
    height: 1000px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.ui-content-panel {
    margin-bottom: 1rem;
}

.ui-content-panel.ui-contrast {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

.ui-data-icon {
    display: inline-block;
    height: 12px;
    margin-left: 0.25em;
    vertical-align: top;
    width: 12px;
    background-image: url(/liberty/javax.faces.resource/desktop/data-icons-12.png.jsf?ln=image&rv=25.7.1);
}

.ui-data-icon.futuredate {
    background-position: 0 0;
}

.ui-data-icon.terminating {
    background-position: -12px 0;
}

/* .ui-datatable */

.ui-datatable.disable-select-all .ui-chkbox-all {
    display: none !important;
}

.ui-datatable.ui-required .ui-datatable-empty-message td.ui-sortable-handle {
    color: #D2272F !important;
}

.ui-datatable td .highlight {
    font-weight: bold;
}

.ui-datatable td.ui-numeric,
.ui-datatable th.ui-numeric {
    text-align: right;
}

.ui-datatable td.ui-numeric input {
    text-align: right;
}

/* center align the checkboxes and radios */
.ui-datatable th.ui-select {
    text-align: center;
}

.ui-datatable td.ui-select {
    text-align: center;
}

/* center align indicator icons */
.ui-datatable th.ui-indicator {
    text-align: center;
}

.ui-datatable td.ui-indicator {
    text-align: center;
}

.ui-datatable.ui-narrow-rows tbody td {
    padding-top:1px !important;
    padding-bottom:1px !important;
}

.ui-datatable.ui-middle-align-row-content tbody td {
    vertical-align: middle;
}



/* if you want to completely hide radio selection in datatable instead of disable, put the ui-hide-disabled-radio-selection style on your datatable */
.ui-datatable.ui-hide-disabled-radio-selection div.ui-radiobutton-box.ui-state-disabled {
    display: none !important;
}

/* DataTable draggable rows (the cursor may render differently depending on the OS and browser)
*/
.ui-datatable.ui-draggable-row tr {
    cursor: ns-resize;
}

.ui-datatable.ui-draggable-row tr:first-child {
    cursor: s-resize;
}

.ui-datatable.ui-draggable-row tr:last-child {
    cursor: n-resize;
}

.ui-datatable.ui-draggable-row tr .row-grip-tape:before {
    /* a "handle" for dragging. you can put help text on it. */
    color: #7a7a7a;
    text-shadow: 0 1px 1px #999;
    font-weight: bold;
    content: ':::';
    vertical-align: middle;
}

/* allow hover effect (rowHover="true"), but don't make it look like you can click it (if you can't)
 */
.ui-datatable.ui-no-row-select tr.ui-state-hover {
    cursor: text !important;
}

/* when using a datatable for layout-only (when gridpanel or ui:repeat won't work
*/
.ui-datatable.ui-datatable-noborders tbody td {
    border-style: none;
}

/* to make a Headless or Bodiless table
 */
.ui-datatable.ui-datatable-nobody tbody {
    display: none;
}

.ui-datatable.ui-datatable-noheader thead {
    display: none;
}

/* to make embedded table transparent
*/
.ui-datatable.ui-datatable-transparent .ui-widget-content {
    background: none;
}

.ui-datatable.ui-datatable-simplerowborder tr:not(:last-child) {
    /* use in conjunction with ui-datatable-noborders */
    border-bottom: 1px solid #E3E3E3;
}

/*
*/
.ui-datatable.ui-content-tree-header {
    table-layout: fixed;
}

.ui-datatable.ui-content-tree-body tbody td {
    border-style: none;
}

.ui-datatable.ui-content-tree-header thead th {
    border-style: none;
}

.ui-content-tree .ui-tree-container {
    padding-top: 0 !important;
}

.ui-content-tree-node-table {
    padding: 10px 25px 10px 25px !important;
}

.ui-tree.ui-content-tree {
    width: 100%;
    border: 0 none;
}

.ui-content-tree-root-item {
    border-top: 1px solid #D4D4D4 !important;
}

.ui-content-tree-item {
    padding: 3px 0 3px 0 !important;
}

.ui-tree.ui-content-tree ul{
    overflow: inherit;
}

.ui-datatable.seamless-header th {
    border-bottom: 0;
}

/* if something is in the table header to throw off alignment (i.e - info icon or drop-down),
   middle align all headers with ui-middle-align-title
*/
.ui-datatable th.ui-middle-align-title {
    vertical-align: middle;
}

/* provides for a faux footer for buttons anchored to the table */
.ui-table-footer-button-panel {
    border-bottom: 1px solid #D4D4D4;
    background: var(--primary-lightest-color) !important;
    padding: 8px;
}

textarea.ui-fullwidth,
input.ui-fullwidth {
    width: 95%;
}

.ui-datatable .ui-alert {
    color: #D2272F !important;
}

.ui-datatable.ui-middle-align td {
    vertical-align: middle !important;
}

.ui-detaillayout-column .ui-panel-section-title {
    text-transform: uppercase;
}

.ui-detaillayout-1col,
.ui-detaillayout-2col {
    display: block;
    overflow: hidden;
    width: 100%;
}

.ui-detaillayout-1col .ui-detaillayout-column {
    display: block;
    float: left;
    width: 100%;
}

.ui-detaillayout-2col .ui-detaillayout-column {
    display: block;
    float: left;
    padding: 0 2rem 0 0;
    width: 50%;
}

.ui-detaillayout-2col .ui-detaillayout-column:last-child {
    padding: 0;
}

.ui-detaillayout-3col .ui-detaillayout-column {
    padding: 0 0.75rem 0 0;
    width: 33.3%;
}

.ui-detaillayout-3col .ui-detaillayout-column:last-child {
    padding: 0;
}

.ui-detaillayout-4col .ui-detaillayout-column {
    padding: 0 0.75rem 0 0;
    width: 25%;
}

.ui-detaillayout-4col .ui-detaillayout-column:last-child {
    padding: 0;
}

.ui-detaillayout-5col .ui-detaillayout-column {
    padding: 0 0.75rem 0 0;
    width: 20%;
}

.ui-detaillayout-5col .ui-detaillayout-column:last-child {
    padding: 0;
}

.ui-detailpanel {
    color: #4A5560;
}

.ui-detailpanel .column-form-panel .ui-composite-field input.ui-inputfield.hasDatepicker {
    width: 7rem;
}

.ui-detailpanel .column-form-panel .ui-field,
.ui-detailpanel .column-form-panel .ui-composite-field {
    margin-bottom: 0.75em;
}

.ui-detailpanel .column-form-panel .ui-field select {
    width: 18rem;
}

.ui-detailpanel .column-form-panel input.ui-inputfield {
    width: 18rem;
}

.ui-detailpanel .column-form-panel select.ui-inputfield {
    width: 25.7rem;
    appearance: auto;
    -webkit-appearance: auto;
}

.ui-detailpanel .ui-column-label .ui-links {
    float: none;
    margin-left: 0.5rem;
}

.ui-detailpanel .ui-detailtable {
    border-collapse: collapse;
    width: 100%;
}

.ui-detailpanel .ui-detailtable > tbody > tr > td {
    font-size: 0.9em;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
    padding: 0.5em 0.25em;
    vertical-align: top;
}

.ui-detailpanel .ui-detailtable > tbody > tr > td.ui-column-label {
    white-space: nowrap;
}

.ui-detailpanel .ui-detaillayout-1col .ui-detailtable > tbody > tr > td.ui-column-label {
    width: 40%;
}

.ui-detailpanel .ui-detaillayout-2col .ui-detailtable > tbody > tr > td.ui-column-label {
    width: 50%;
}

.ui-detailpanel .ui-detailtable > tbody > tr > td.ui-column-middle-label {
    font-weight: bold;
    vertical-align: middle;
}

.ui-detailpanel .ui-detailtable > tbody > tr > td.ui-column-text {
    font-weight: bold;
}

.ui-detailpanel .ui-detailtable > tbody > tr > td.ui-column-value {
    font-weight: bold;
    text-align: right;
}

td.ui-column-value-centered {
    text-align: center !important;
}

th.ui-column-header-centered {
    text-align: center !important;
}

.ui-detailpanel .ui-detailtable > tbody > tr.ui-row-header > td {
    background: var(--primary-lightest-color);
    color: #333333;
    font-weight: bold;
    white-space: normal;
}

.ui-detailpanel .ui-disclaimer-text {
    margin-bottom: 0.5em;
}

.ui-detailpanel .ui-emphasis {
    font-weight: bold;
}

.ui-detailpanel .ui-field-label {
    margin-right: 1em;
}

.ui-detailpanel .ui-message-panel {
    padding: 0;
    width: 100%;
}

.ui-detailpanel .ui-panel-main-title {
    color: #000000;
    font-size: 1.3em;
    display: block;
    padding: 0 0 0.5em 0;
    width: 100%;
}

.ui-detailpanel .ui-panel-section {
    clear: both;
    display: block;
    margin-bottom: 1em;
    overflow: hidden;
}

.ui-detailpanel .ui-panel-section .ui-datatable {
    margin: 0;
}

.ui-detailpanel .ui-form-button-panel {
    border: 0 none;
    padding: 0;
}

.ui-detailpanel .ui-panel-section-title {
    color: #1E3860;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
    width: 100%;
}

.ui-dialog.ui-alert,
.ui-dialog.ui-help-dialog {
    visibility: visible;
}

.ui-dialog.ui-front.ui-help-dialog {
    /* this is to ensure our help dialogs are always on top. refer to helpDialog.xhtml */
    z-index: 9999;
}

.ui-dialog-body {
    margin-bottom: 1em;
}

.ui-dialog-body a.ui-dialog-link {
    color: #2F5B88;
    font-weight: normal;
    padding: 0.1em;
    text-decoration: none;
}

.ui-dialog-body a.ui-dialog-link:hover {
    text-decoration: underline;
}

.ui-dialog-description {
    margin-bottom: 1em;
}

.ui-dialog-inner {
    width: 770px;
}

.ui-dialog-prompt {
    font-weight: bold;
    margin-bottom: 1em;
}

div.ui-disabled,
label.ui-disabled,
span.ui-disabled {
    filter: Alpha(Opacity=80); /* IE 8 */
    opacity: 0.60;
}

/* Removes opacity for primefaces select one menus */
div.ui-selectonemenu.ui-disabled,
div.ui-selectonemenu.ui-state-disabled {
    filter: Alpha(Opacity=1);
    opacity: 1.0;
}

.ui-dialog-panel {

}

.ui-dialog-panel .ui-contrast {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

.ui-dialog-panel .ui-dialog-header {
    border-radius: 4px;
    padding: 0.5em;
    margin-bottom: 1em;
    width: 100%;
}

.ui-dialog-panel .ui-dialog-header .ui-dialog-title {
    color: #1E3860;
    font-size: 1em;
    display: block;
    margin-bottom: 1em;
    width: 100%;
}

.ui-dialog-panel .ui-dialog-header .ui-dialog-message {
    display: block;
    width: 100%;
}

.ui-dialog-panel .ui-radio-list {
    width: 100%;
}

.ui-dialog-panel .ui-radio-list .ui-radio-header {
    border-radius: 4px;
    font-weight: bold;
    font-size: 0.9em;
    background: var(--primary-lightest-color);
    color: #7a7a7a;
    padding: 0.5em;
    width: 100%;
    margin-bottom: 1em;
}

.ui-dialog-panel .ui-radio-list .ui-radio-header-message {
    font-weight: bold;
    font-size: 1.0em;
    padding: 0.5em;
    width: 100%;
    margin-bottom: 0.5em;
}

.ui-disclaimer-text {
    font-size: 0.9em;
    font-style: italic;
}

span.ui-double-size {
    font-size: 2em;
    line-height: 1.75em;
}

.ui-email a.ui-email-link {
    color: #2F5B88;
    font-size: 0.9em;
    text-decoration: none;
}

.ui-email a.ui-email-link:hover {
    text-decoration: underline;
}

.ui-emphasis {
    font-weight: bold;
}

.ui-empty-table-message {
}

.ui-field-small-numeric {
    width: 5em;
}

.ui-field-tiny-numeric {
    width: 2.5em;
}

div.ui-field-group {
    display: block;
    min-height: 2.5em;
    overflow: hidden;
}

span.ui-field-group {
    display: inline-flex;
}

span.ui-field-group span.ui-field {
    display: inline-block;
    margin-right: 1em;
}

span.ui-field-group span.ui-field .ui-label-above {
    display: block;
    font-size: 0.8em;
    font-style: italic;
}

span.ui-field-group span.ui-text {
    margin-right: 1em;
}

span.ui-field-group span.ui-text-small {
    font-size: 0.8em;
    font-style: italic;
    margin-right: 1em;
}

table.ui-field-group {
}

.ui-field-group-title {
    color: #4A5560;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 0.5em;
}

.ui-field-set {
    border: 1px solid #cccccc;
    padding: 0.5em 1em;
}

.ui-field-status {
    display: inline-block;
    margin-left: 0.5em;
    overflow: hidden;
    vertical-align: bottom;
}

.ui-field-message {
    height: 1.5em;
}

.ui-filterpanel {
    color: #4A5560;
    margin-bottom: 2rem;
    background: #DEF4FF;
    width: 100%;
}

.ui-filterpanel table.ui-filterpanel-layout {
    margin-bottom: 1rem;
    width: 100%;
}

.ui-filterpanel table.ui-filterpanel-layout > tbody > tr > td {
    font-size: 0.9rem;
    border-bottom: 1px dotted #D4D4D4;
    padding: 0.5rem 0;
    vertical-align: top;
}

.ui-filterpanel .ui-emphasis {
    font-size: 1rem;
    font-weight: bold;
}

.ui-filterpanel .ui-composite-field,
.ui-filterpanel .ui-field {
    margin-bottom: 0.5rem;
}

.ui-filterpanel .ui-composite-field select,
.ui-filterpanel .ui-select-composite select,
.ui-filterpanel .ui-field select {
    padding: 0.5rem;
}

.ui-filterpanel .ui-numeric {
    text-align: right;
    padding-right: 12px;
}

.ui-filterpanel .ui-field input.ui-inputfield {
    width: 96%;
}

.ui-filterpanel .ui-field select {
    width: 100%;
}

.ui-filterpanel .ui-field table.ui-radio-toggle {
    width: 100%;
}

.ui-filterpanel .ui-field-label {
    display: block;
    font-size: 0.8rem;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.ui-filterpanel .ui-panel-header {
    padding: 0.7em 0.7rem 0 0.7rem;
    margin-bottom: 1rem;
}

.ui-filterpanel .ui-panel-section {
    border-top: 1px dotted #D4D4D4;
    margin-bottom: 1rem;
    overflow: hidden;
    padding: 0.5rem 0.7rem 0 0.7rem;
}

.ui-filterpanel .ui-panel-main-title {
    color: #1E3860;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    padding: 0 0 0.5rem 0;
    width: 100%;
}

.ui-filterpanel .ui-panel-section-title {
    color: #1E3860;
    font-size: 1.1rem;
    font-weight: bold;
    display: block;
    padding: 0 0.5em 0.5em 0.5em;
    /* width: 100%; */
}

.ui-filterpanel .ui-select-composite a {
    display: inline-block;
    text-decoration: none;
}

.ui-filterpanel .ui-select-composite select {
    width: 9rem;
}

.ui-filterpanel .ui-select-field .ui-field-label {
    padding: 0 0.5em 0.5em 0.5em;
}

.ui-filterpanel .ui-select-list {
    font-size: 1em;
    padding: 0;
}

.ui-filterpanel .ui-select-list li {
    display: block;
}

.ui-filterpanel .ui-select-list li > a,
.ui-filterpanel .ui-select-list li > span {
    border: none;
    border-bottom: 1px solid #87B9D7;
    color: #4A5560;
    display: block;
    filter: none;
    font-size: 1.1rem;
    font-weight: normal;
    opacity: 1.0;
    overflow: hidden;
    padding: 0.25rem 1rem 0.25rem 0.5rem;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.ui-filterpanel .ui-select-list li:first-child > a,
.ui-filterpanel .ui-select-list li:first-child > span {
    border-top: 1px solid #87B9D7;
}

.ui-filterpanel .ui-select-list li a.selected,
.ui-filterpanel .ui-select-list li span.selected {
    border-left: 0.5rem solid #87B9D7;
    padding: 0.25rem 1rem 0.25rem 0;
}

.ui-filterpanel .ui-select-list li a:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.ui-filterpanel .ui-select-list li a:focus {
    outline: none;
}

.ui-filterpanel .ui-select-list .ui-select-list-link-text {
    display: block;
    line-height: 2em;
    overflow: hidden;
    padding: 0 0 0 0.75rem;
}

.ui-filterpanel .ui-select-list .ui-select-list-link-text .name {
    float: left;
    font-weight: bold;
}

.ui-filterpanel .ui-select-list .ui-select-list-link-text .count {
    float: right;
}

.ui-filterpanel .ui-select-list .ui-select-list-link-text span.ui-disabled {
    background-color: #DEF4FF;
}

.ui-filterpanel .ui-select-table {
    border: none;
    border-bottom: 1px solid #D4D4D4;
    color: #4A5560;
    display: block;
    filter: none;
    font-size: 1.1em;
    font-weight: normal;
    opacity: 1.0;
    overflow: hidden;
    padding: 0.3em 0;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
}

.ui-filterpanel .ui-select-table div.selected {
    background: #e0f1fb;
}

.ui-filterpanel .ui-select-table td {
    padding-left: 0.50em;
    padding-bottom: 0.50em;
}

.ui-filterpanel .ui-select-table .ui-select-label {
    width: 185px;
    overflow: hidden;
}

.ui-footnote-text {
    font-size: 0.9em;
    font-style: italic;
}

.ui-form-button-panel {
    border-bottom: 1px dotted #ccc;
    display: inline-block;
    padding: 1em 0 0.5em 0;
    width: 100%;
}

.ui-form-button-panel .ui-panel-group-left {
    display: block;
    float: left;
    height: 2.25em;
}

.ui-form-button-panel .ui-panel-group-right {
    float: right;
}

a.ui-form-command-link {
    color: #2F5B88 !important;
    font-size: 1em;
    font-weight: normal;
    padding-bottom: 0.5em;
    text-decoration: none !important;
    white-space: nowrap;
}

a.ui-form-command-link:hover {
    text-decoration: underline !important;
}

span.ui-form-command-link { /* disabled h:commandLink */
    color: #000;
    opacity: 0.35;
}

.ui-form-link-panel a.ui-form-link {
    color: #2F5B88;
    display: block;
    overflow: hidden;
    text-decoration: none;
}

.ui-form-link-panel a.ui-form-link:hover {
    text-decoration: underline;
}

.ui-form-link-image {
    float: right;
}

.ui-form-link-text {
    cursor: hand;
    float: left;
}

.ui-footer-disclaimer {
    color: #666666;
    float: right;
    font-size: 0.9em;
    font-style: italic;
}

.ui-future-date-text {
    color: #17335d;
}

.ui-grid-date {
    white-space: nowrap;
}

.ui-grid-time {
    white-space: nowrap;
}

.ui-hidden {
    display: none !important;
}

.ui-icon-button {
    background: #eee;
    background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee));
    border: 1px solid #ccc;
    color: #444;
    font-size: 0.9em;
    font-weight: bold;
    padding: 7px 15px;
    text-shadow: 0 1px 1px #f6f6f6;
    -moz-border-radius: 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
}

a.ui-icon-button {
    display: inline-block;
    font-size: 1em;
    padding: 0.4em 1em;
    text-decoration: none;
}

.ui-icon-button-group {
    display: inline-block;
    float: left;
    margin-left: 0.25em;
    overflow: hidden;
    vertical-align: bottom;
}

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

.ui-info-card {
    background-color: #ffffff;
    border: 2px solid #666666;
    border-radius: 4px;
    color: #4A5560;
    padding: 1.0em;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.ui-info-card .ui-sub-title {
    font-size: 0.9em;
}

a.ui-info-card-link {
    text-decoration: none;
}

.ui-infobox {
    border: 1px solid #cccccc;
    color: #4A5560;
    display: inline-block;
    min-width: 100%;
    width: 100%;
}

.ui-infobox-content {
    vertical-align: top;
    display: inline-block;
}

.ui-infobox div.ui-field-group {
    display: inline-block;
    overflow: visible;
    margin-bottom: 0.25em;
}

.ui-infobox div.ui-field-group .ui-field {
    margin-right: 1em;
}

.ui-infobox div.ui-field-group .ui-label {
    font-size: 1.1em;
}

.ui-infobox-inner {
    height: 5em;
    padding: 0.5em 1em;
}

.ui-infobox-spacing {
    padding: 0.5em 1em;
}

.ui-infobox-content {
    vertical-align: top;
    display: inline-block;
}

.ui-infobox-message,
.ui-infobox-title {
    color: #1E3860;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
}

.ui-infobox-title {
    text-transform: uppercase;
    font-size: 1.1em;
    margin-bottom: 0.25em;
}

.ui-infobox-value {
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: middle;
}

.ui-infobox-radiolist {
    width: 50%;
}

.ui-infogrid {
    width: 100%;
}

table.ui-infogrid > tbody > tr > td {
    padding: 0.25em 1em;
    vertical-align: bottom;
}

table.ui-infogrid.ui-2-col > tbody > tr > td {
    width: 50%;
}

table.ui-infogrid.ui-3-col > tbody > tr > td {
    width: 33.3%;
}

table.ui-infogrid.ui-4-col > tbody > tr > td {
    width: 25%;
}

.ui-infogrid-field {
    line-height: 2em;
}

.ui-infogrid-field .ui-label,
.ui-infogrid-field .ui-numeric,
.ui-infogrid-field .ui-summary-icon,
.ui-infogrid-field .ui-text {
    margin-right: 0.5em;
    vertical-align: middle;
}

.ui-infogrid-item {
    display: block;
    overflow: hidden;
    width: 100%;
}

.ui-infogrid-item.ui-singleline {
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-infogrid-item.ui-singleline:after {
    text-wrap: none;
    white-space: nowrap;
    overflow: hidden;

}

.ui-infogrid-item .ui-label,
.ui-infogrid-item .ui-numeric,
.ui-infogrid-item .ui-text {
    display: block;
}

.ui-infogrid-item .ui-label {
    color: #666666;
    font-size: 0.9em;
}

.ui-infogrid-item .ui-numeric {
    font-weight: bold;
}

.ui-infogrid-item .ui-text {
}

.ui-grid-fit-content {
    width: max-content !important;
    width: -webkit-fill-available !important;
}

.ui-infopanel {
}

.ui-infopanel.ui-section {
    border: medium none;
    border-radius: 4px;
    color: #4A5560;
    padding: 0.5em;
    margin-bottom: 1em;
}

.ui-infopanel-header-button-panel {
    float: right;
    text-align: right;
    width: 25em;
}

.ui-infopanel-header-button-panel > button {
    margin-left: 0.5rem;
}

.ui-infopanel.ui-info-detail {
    padding: 0 .8em 0 .8em;
}

.ui-infopanel .ui-button-text-only .ui-button-text {
    font-size: 1em;
    padding: 0 1em;
}

.ui-infopanel .column-form-layout {
    width: 100%;
}

.ui-infopanel .ui-composite-field,
.ui-infopanel .ui-field {
    margin-bottom: 0.25em;
}

.ui-infopanel .ui-field select {
    width: 100%;
}

.ui-infopanel .ui-composite-field-label {
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    margin-right: 1em;
}

.ui-infopanel .ui-composite-field-value {
    font-weight: normal;
}

.ui-infopanel .ui-contact-details,
.ui-infopanel .ui-contact-notes {
    display: block;
    overflow: hidden;
    margin-bottom: 0.5em;
}

.ui-infopanel.ui-contrast {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

.ui-infopanel .ui-detailtable {
    margin-bottom: 0.5em;
    width: 100%;
}

.ui-infopanel .ui-detailtable.ui-detailtable-50 {
    width: 50%;
}

.ui-infopanel .ui-detailtable > tbody > tr > td {
    font-size: 0.9em;
    vertical-align: top;
}

.ui-infopanel .ui-detaillayout-1col .ui-detailtable > tbody > tr > td.ui-column-label {
    white-space: nowrap;
    width: 50%;
}

.ui-infopanel .ui-detaillayout-2col .ui-detailtable > tbody > tr > td.ui-column-label {
    width: 50%;
}

.ui-infopanel .ui-detailtable > tbody > tr > td.ui-column-label {
    font-weight: bold;
}

.ui-infopanel .ui-detailtable > tbody > tr > td.ui-column-text {
}

.ui-infopanel .ui-detailtable > tbody > tr > td.ui-column-value {
    text-align: right;
}

.ui-infopanel .ui-emphasis {
    font-size: 1em !important;
    font-weight: bold !important;
}

.ui-infopanel .ui-field-label {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 0.5em;
}

.ui-infopanel .ui-field-text {
    word-wrap: break-word;
}

.ui-infopanel .ui-field-value {
    display: block;
    font-weight: normal;
}

.ui-infopanel div.ui-field-value {
    margin-bottom: 0.5em;
}

.ui-infopanel .ui-field-title {
    display: block;
    font-size: 0.8em;
    font-style: italic;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.ui-infopanel .ui-panel-content {
    padding: 0.5em;
}

.ui-infopanel .ui-panel-section {
    border-top: 1px dotted #D4D4D4;
    margin-bottom: 1em;
    overflow: hidden;
    padding-top: 0.5em;
}

.ui-infopanel .ui-panel-section-title {
    color: #1E3860;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    width: 100%;
}

.ui-infopanel .ui-panel-header-title {
    color: #1E3860;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 1em;
    width: 100%;
    text-transform: uppercase;
}

.ui-infopanel .ui-panel-main-title {
    color: #1E3860;
    font-size: 1.6em;
    display: block;
    padding: 0 0 0.5em 0;
    width: 100%;
}

.ui-infobox-spacing {
    padding: 0.5em 1em;
}

.ui-infobox-radiolist {
    width: 50%;
}

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

.ui-inline-help {
    color: #666666;
    font-size: 0.9em;
    font-style: italic;
}

.ui-inline-help.ui-inline-block {
    display: inline-block;
}

.ui-inplace-edit {
    display: block;
    overflow: hidden;
}

.ui-inplace-edit a.ui-icon-button {
    padding: 0 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.ui-inplace-edit.ui-edit-mode a.ui-icon-button {
    padding: 1px 4px 2px;
}

.ui-inplace-edit input[type="text"] {
    float: left;
}

.ui-inplace-edit-text {
    display: inline-block;
    float: left;
    max-width: 15em;
    overflow: hidden;
}

.ui-inplace-edit-display {
    display: block;
    overflow: hidden;
    width: 100%;
}

.ui-input-group {
    position: relative;
    display: inline-flex;
}

.ui-input-group input {
    display: inline-block;
    padding-right: 20px !important;
}

.ui-input-group-addon {
    position: relative;
    left: -20px;
    display: flex;
    margin: 0 0 2px 0;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    width: 20px;
}

.ui-radio-list {

}

.ui-radio-list > tbody > tr > td {
    padding: 0.5em;
    vertical-align: top;
}

.ui-radio-list > tbody > tr > td > input {
    width: 5%;
    display: inline-block;
    padding-top: 0.5em;
    vertical-align: top;
}

.ui-radio-list > tbody > tr > td > label {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    word-break: break-word;
    word-wrap: break-word;
}

.ui-radio-list .ui-radio-text {
    padding: 0.5em;
    width: 100%;
}

.ui-radio-list .ui-radio-text textarea {
    padding: 0.5em;
    border-radius: 4px;
    height: 3.0em;
    width: 98%;
}

.ui-remove-link {
    margin-bottom: 0.5em;
}

.ui-remove-link a {
    display: inline-block;
    margin-right: 10px;
}

.ui-remove-link > div {
    display: inline-block;
    vertical-align: top;
}

.ui-remove-link .link-item {
    margin-left: 2.5em;
    padding-top: 0.25em;
}

/* ui-required styles are intentionally out of alphabetical order to allow override */

.ui-required input,
input.ui-required {
    border-color: #000000 !important;
}

.ui-required label,
label.ui-required {
    color: #000000 !important;
}

.ui-required textArea,
textArea.ui-required {
    border-color: #000000 !important;
}

.ui-required select,
select.ui-required {
    border-color: #000000 !important;
}

.ui-invalid input,
input.ui-invalid {
    border-color: #D2272F !important;
}

.ui-invalid label,
label.ui-invalid {
    color: #D2272F !important;
}

.ui-invalid textArea,
textArea.ui-invalid {
    border-color: #D2272F !important;
}

.ui-invalid select,
select.ui-invalid,
div.ui-selectmanymenu.ui-invalid {
    border-color: #D2272F !important;
}

.ui-invalid th,
th .ui-invalid {
    color: #D2272F !important;
}

.ui-field-value.ui-invalid {
    color: #D2272F !important;
}

.ui-datatable-required.ui-invalid th, .ui-datatable-required.ui-invalid td {
    color: #D2272F !important;
}

/* for styling the auto-complete component when invalid */
span.ui-autocomplete.ui-invalid button.ui-autocomplete-dropdown {
    border: 1px solid red;
}

.ui-labeled-checkbox input {
    vertical-align: middle;
}

.ui-labeled-checkbox .ui-label {
    display: inline-block;
    margin-left: 0.5em;
}

.ui-labeled-checkbox label {
    color: #000;
}

.ui-labeled-checkbox .ui-label {
    display: inline-block;
    margin-left: 0.5em;
}

.ui-checkbox-group .ui-labeled-checkbox {
    display: inline-block;
    margin-right: 1.0em;
}

.ui-label-column .ui-label {
    margin-right: 0.5em;
    white-space: nowrap;
}

.ui-label-help {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

.ui-label-help a {
    display: inline-block;
    margin-left: 0.5em;
}

.ui-label-help-text {
    font-size: 13px;
    font-weight: normal;
}

.ui-label-help-text p {
    margin-bottom: 0.5em;
}

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

a.ui-link {
    color: #2F5B88 !important;
    text-decoration: none;
}

a.ui-link:hover {
    text-decoration: underline;
}

.ui-link-button {
    background: #eee;
    background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee));
    border: 1px solid #ccc;
    color: #444;
    font-size: 0.9em;
    font-weight: bold;
    padding: 7px 15px;
    text-shadow: 0 1px 1px #f6f6f6;
    -moz-border-radius: 8px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
    -webkit-appearance: none;
    -webkit-border-radius: 8px;
}

a.ui-link-button {
    display: inline-block;
    font-size: 1em;
    padding: 0.4em 1em;
    text-decoration: none;
}

.ui-links {
    display: inline-flex;
    font-size: 1em;
    align-items: center;
}

.ui-links a {
    text-align: left;
}

.ui-links ul {
    padding-inline-start: unset;
    padding: 0;
    margin: 0;
}

.ui-links li {
    display: inline-flex;
    padding-left: 0.5em;
    margin-left: 0.5em;
    border-left: dotted 1px #2F5B88;
}

.ui-links li.strong-divide {
    border-left: solid 1px #ccc;
}

.view-advisory-no-arrow .strong-left-divide {
    border-left: solid 1px #BBB;
}

.ui-links li.first {
    border: 0;
    margin-left: 0;
    padding-left: 0;
}

.ui-links li a {
    color: #2F5B88;
    font-size: 0.9em !important;
    font-weight: normal;
    padding: 0.1em;
    text-decoration: none;
    white-space: nowrap;
}

.ui-links li a.popup-link {
    background: transparent url(/liberty/javax.faces.resource/desktop/arrow-link-small.png.jsf?ln=image&rv=25.7.1) center right no-repeat;
    padding-right: 12px;
}

.ui-links li a.nav-link {
    background: transparent url(/liberty/javax.faces.resource/desktop/arrow-link-small.png.jsf?ln=image&rv=25.7.1) center right no-repeat;
    padding-right: 12px;
}

.ui-links li a:hover {
    text-decoration: underline;
}

.notice-links-panel .ui-links,
.notice-trailer .ui-links,
.ui-panel-section .ui-links,
.ui-section-footer .ui-links,
.ui-section-header .ui-links {
    direction: rtl;
    float: right;
    overflow: visible;
    text-align: right;
}

.notice-links-panel .ui-links ul,
.notice-trailer .ui-links ul,
.ui-panel-section .ui-links,
.ui-section-footer .ui-links,
.ui-section-header .ui-links ul {
    direction: ltr;
    float: right;
    text-align: left;
    margin: 0 0 0 auto;
}

.ui-menupanel {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
    color: #4A5560;
    display: block;
    font-size: 1rem;
    padding: 0.5rem;
}

.ui-menupanel.ui-panel-bottom-margin {
    margin: 0 0 1rem 0;
}

.ui-menupanel.ui-panel-left-margin {
    margin: 0 0 0 1rem;
}

.ui-menupanel .ui-panel-header-title {
    color: #1E3860;
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    margin-bottom: 1rem;
    width: 100%;
    text-transform: uppercase;
}

.ui-menupanel .ui-links li,
.ui-menupanel .ui-links li.first {
    border: none;
    display: block;
    float: none;
    margin-bottom: 0.5rem;
    margin-left: 0;
    padding: 0;
}

.ui-message-panel {
    padding: 0.75rem 0 0 0;
}

.ui-message-text p {
    margin-bottom: 1rem;
}

.ui-multi-checkbox {
    width: 100%;
}

.ui-multi-checkbox label {
    margin-left: 0.25em;
}

.ui-multi-checkbox.ui-multi-checkbox-2col tr {
    float: left;
    padding-bottom: 0.25em;
    width: 50%;
}

.ui-multi-checkbox.ui-multi-checkbox-3col tr {
    float: left;
    padding-bottom: 0.25em;
    width: 33%;
}

.ui-loading-bar {
    display: inline-block;
    width: 220px;
    height: 19px;
    background-image: url(/liberty/javax.faces.resource/desktop/ajax-loading-bar.gif.jsf?ln=image&rv=25.7.1);
}

table.ui-panel-layout {
    width: 100%;
}

table.ui-panel-layout > tbody > tr > td {
    vertical-align: top;
}

table.ui-panel-layout-condensed > tbody > tr > td {
    vertical-align: top;
}

table.ui-panel-layout.ui-space-right > tbody > tr > td {
    padding-right: 2em;
}

table.ui-panel-layout > tbody > tr > td .ui-space-right {
    padding-right: 2em;
}

table.ui-space-right > tbody > tr > td {
    padding-right: 2em;
}

table.ui-space-right-narrow > tbody > tr > td {
    padding-right: 1em;
}

table.ui-space-right-wide > tbody > tr > td {
    padding-right: 4em;
}

table.ui-space-right > tbody > tr > td:last-child {
    padding-right: 0;
}

table.ui-margin-right > tbody > tr > td {
    border-right: 1em solid transparent;
}

table.ui-margin-right > tbody > tr > td:last-child {
    border-right: none;
}

table.ui-2-col > tbody > tr > td,
table.ui-2-col-50-50 > tbody > tr > td {
    width: 50%;
}

table.ui-2-col-5-95 > tbody > tr > td.ui-col-a {
    width: 5%;
}

table.ui-2-col-5-95 > tbody > tr > td.ui-col-b {
    width: 95%;
}

table.ui-2-col-10-90 > tbody > tr > td.ui-col-a {
    width: 10%;
}

table.ui-2-col-10-90 > tbody > tr > td.ui-col-b {
    width: 90%;
}

table.ui-2-col-20-80 > tbody > tr > td.ui-col-a {
    width: 20%;
}

table.ui-2-col-20-80 > tbody > tr > td.ui-col-b {
    width: 80%;
}

table.ui-2-col-30-70 > tbody > tr > td.ui-col-a {
    width: 30%;
}

table.ui-2-col-30-70 > tbody > tr > td.ui-col-b {
    width: 70%;
}

table.ui-2-col-35-65 > tbody > tr > td.ui-col-a {
    width: 35%;
}

table.ui-2-col-35-65 > tbody > tr > td.ui-col-b {
    width: 65%;
}

table.ui-2-col-40-60 > tbody > tr > td.ui-col-a {
    width: 40%;
}

table.ui-2-col-40-60 > tbody > tr > td.ui-col-b {
    width: 60%;
}

table.ui-2-col-60-40 > tbody > tr > td.ui-col-a {
    width: 60%;
}

table.ui-2-col-60-40 > tbody > tr > td.ui-col-b {
    width: 40%;
}

table.ui-2-col-65-35 > tbody > tr > td.ui-col-a {
    width: 65%;
}

table.ui-2-col-65-35 > tbody > tr > td.ui-col-b {
    width: 35%;
}

table.ui-2-col-70-30 > tbody > tr > td.ui-col-a {
    width: 70%;
}

table.ui-2-col-70-30 > tbody > tr > td.ui-col-b {
    width: 30%;
}

table.ui-2-col-75-25 > tbody > tr > td.ui-col-a {
    width: 75%;
}

table.ui-2-col-75-25 > tbody > tr > td.ui-col-b {
    width: 25%;
}

table.ui-2-col-80-20 > tbody > tr > td.ui-col-a {
    width: 80%;
}

table.ui-2-col-80-20 > tbody > tr > td.ui-col-b {
    width: 20%;
}

table.ui-3-col > tbody > tr > td {
    width: 33.3%;
}

table.ui-3-col-20-40-40 > tbody > tr > td.ui-col-a {
    width: 20%;
}

table.ui-3-col-30-30-40 > tbody > tr > td.ui-col-a {
    width: 30%;
}

table.ui-3-col-30-30-40 > tbody > tr > td.ui-col-b {
    width: 30%;
}

table.ui-3-col-30-30-40 > tbody > tr > td.ui-col-c {
    width: 40%;
}

table.ui-3-col-20-40-40 > tbody > tr > td.ui-col-b,
table.ui-3-col-20-40-40 > tbody > tr > td.ui-col-c {
    width: 40%;
}

table.ui-3-col-40-40-20 > tbody > tr > td.ui-col-a {
    width: 40%;
}

table.ui-3-col-40-40-20 > tbody > tr > td.ui-col-b {
    width: 40%;
}

table.ui-3-col-40-40-20 > tbody > tr > td.ui-col-c {
    width: 20%;
}

table.ui-5-col-15-15-15-15-40 > tbody > tr > td.ui-col-a,
table.ui-5-col-15-15-15-15-40 > tbody > tr > td.ui-col-b,
table.ui-5-col-15-15-15-15-40 > tbody > tr > td.ui-col-c,
table.ui-5-col-15-15-15-15-40 > tbody > tr > td.ui-col-d {
    width: 15%;
}

table.ui-5-col-15-15-15-15-40 > tbody > tr > td.ui-col-e {
    width: 40%;
}

table > tbody > tr > td.ui-contrast {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

table.ui-4-col > tbody > tr > td {
    width: 25%;
}

table.ui-4-col-40-40-10-10 > tbody > tr > td.ui-col-a,
table.ui-4-col-40-40-10-10 > tbody > tr > td.ui-col-b {
    width: 40%;
}

table.ui-4-col-40-40-10-10 > tbody > tr > td.ui-col-c,
table.ui-4-col-40-40-10-10 > tbody > tr > td.ui-col-d {
    width: 10%;
}

table.ui-4-col-30-30-20-20 > tbody > tr > td.ui-col-a {
    width: 30%;
}

table.ui-4-col-30-30-20-20 > tbody > tr > td.ui-col-b {
    width: 30%;
}

table.ui-4-col-30-30-20-20 > tbody > tr > td.ui-col-c {
    width: 20%;
}

table.ui-4-col-30-30-20-20 > tbody > tr > td.ui-col-d {
    width: 20%;
}

table.ui-4-col-50-30-10-10 > tbody > tr > td.ui-col-a {
    width: 50%;
}

table.ui-4-col-50-30-10-10 > tbody > tr > td.ui-col-b {
    width: 30%;
}

table.ui-4-col-50-30-10-10 > tbody > tr > td.ui-col-c,
table.ui-4-col-50-30-10-10 > tbody > tr > td.ui-col-d {
    width: 10%;
}

.ui-4-col-10-10-10-50 > div.ui-datatable-tablewrapper > table > thead > tr > th.ui-col-a,
.ui-4-col-10-10-10-50 > div.ui-datatable-tablewrapper > table > thead > tr > th.ui-col-b,
.ui-4-col-10-10-10-50 > div.ui-datatable-tablewrapper > table > thead > tr > th.ui-col-c {
    width: 10%;
}

.ui-4-col-10-10-10-50 > div.ui-datatable-tablewrapper > table > thead > tr > th.ui-col-d {
    width: 40%;
}

.ui-4-col-10-10-10-50 > div.ui-datatable-tablewrapper > table > tbody > tr > td > input {
    width: 40%;
}

.ui-4-col-10-10-10-50 > div.ui-datatable-tablewrapper > table > tbody > tr > td > textarea {
    width: 95%;
}

.ui-panel-card {
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    margin-bottom: 0.5em;
    padding: 0;
}

.ui-panel-card.ui-panel-card-default {
    background-color: #DEF4FF;
    border: 1px solid #D4D4D4;
}

.ui-panel-card.ui-panel-card-inverse {
    background-color: #ffffff;
    border: 1px solid #D4D4D4;
}

.ui-panel-card .ui-panel-card-body {
    padding: 0.5em;
}

.ui-panel-card .ui-panel-card-body.ui-panel-card-standard {
    min-height: 165px;
}

.ui-panel-card .ui-panel-card-body table > tbody > tr > td,
.ui-panel-card .ui-panel-card-body table > tbody > tr > td > div {
    color: #444444;
}

.ui-panel-card .ui-panel-card-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 0.75em 0.5em;
    text-transform: uppercase;
}

.ui-panel-card .ui-panel-card-heading .ui-help-label img {
    /* prevent help dialog with icon from throwing off size of heading */
    margin-top: -3px;
}

.ui-panel-card.ui-panel-card-default > .ui-panel-card-heading {
    color: #1E3860;
    background-color: #ffffff;
    border-color: #D4D4D4;
}

.ui-panel-card.ui-panel-card-inverse > .ui-panel-card-heading {
    color: #1E3860;
    background-color: #DEF4FF;
    border-color: #D4D4D4;
}

.ui-panel-card table thead th {
    background: transparent !important;
    border-top: none;
}

.ui-panel-card table tbody > tr > td {
    border-top: none;
}

.ui-panel-card tbody.ui-widget-content,
.ui-panel-card tr.ui-widget-content {
    background: transparent;
}

table.ui-panel-layout.ui-page-width-fixed {
    min-width: 1048px;
    max-width: 1048px;
    width: 1048px;
}

.ui-panel-section .ui-panel-section-title {
    text-transform: uppercase;
}

.ui-panel-section .ui-field-title {
    text-transform: uppercase;
}

.ui-panel-section.ui-separated {
    border-bottom: 1px solid #aaaaaa;
    border-top: 1px solid #aaaaaa;
    padding-top: 0.5em;
}

.ui-panel-section.ui-separated .ui-detailtable > tbody > tr > td {
    border-bottom: none;
}

span.ui-paragraph {
    display: block;
}

.ui-paramspanel-layout {
    width: 100%;
}

.ui-paramspanel-layout .grid-form-button-panel {
    margin-top: 1em;
}

.ui-phone {
}

.ui-pre-wrap {
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    /* white-space: pre\9; */
}

.ui-radio-button-group > table > tbody > tr > td {
    padding-left: 0.1em;
}

.ui-radio-field {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
}

.ui-radio-field label {
    margin-left: 0.5em;
    margin-right: 0.5em;
    position: relative;
    top: 5px;
    white-space: nowrap;
}

.ui-radio-field .ui-radiobutton {
    float: left;
}

table.ui-radio-field > tbody > tr > td > label {
    margin-top: 0;
    top: 0;
}

table.ui-radio-toggle > tbody > tr > td {
    width: 50%;
}

.ui-additional-options-panel {
    float: right;
    background: none repeat scroll 0 0 #DEF4FF;
    white-space: nowrap;
    padding-left: 1em;
    border: 1px solid #cccccc;
    color: #666666;
    font-weight: bold;
}

.ui-additional-options-panel .ui-amount.positive {
    color: black;
}

.ui-right-align {
    text-align: right !important;
}

.ui-row-select-icon {
    display: inline-block;
    height: 16px;
    margin-right: 0.25em;
    vertical-align: middle;
    width: 16px;
    background-image: url("/liberty/javax.faces.resource/desktop/default/images/ui-icons_222222_256x240.png.jsf?ln=skin&rv=25.7.1");
    background-position: -240px 0;
}

tr.ui-state-highlight .ui-row-select-icon {
    background-position: -64px -144px;
}

.ui-section-header {
    display: inline-block;
    width: 100%;
}

.ui-section-header td {
    padding: 4px 1em 4px 0;
}

.ui-section-header .ui-links {
    width: 30%;
}

.ui-section-header.ui-cols-50-50 .ui-links {
    width: 50%;
}

.ui-section-instruction-block {
    color: #333333;
    font-size: 1.1em;
}

.ui-section-message,
.ui-section-title {
    color: #1E3860;
    float: left;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    width: 70%;
}

.ui-section-summary {
    background: var(--primary-lightest-color);
    color: #7a7a7a;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.5em;
    padding: 0.5em;
    width: 100%;
}

.ui-section-title {
    text-transform: uppercase;
}

.ui-section-title .subdued {
    color:#666;
}

.ui-section-header.ui-cols-50-50 .ui-section-message,
.ui-section-header.ui-cols-50-50 .ui-section-title {
    width: 50%;
}

.ui-dialog-content .ui-section-message,
.ui-dialog-content .ui-section-title {
    width: 100%;
}

.ui-section-title .ui-button-text-only .ui-button-text {
    font-size: 0.9em;
    padding: 0 1em;
}

.ui-section-title .ui-field {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}

.ui-section-title .ui-field label {
    color: #000000;
    font-weight: normal;
    margin: 0 0.5em;
    vertical-align: bottom;
}

.ui-section-title .ui-selectonemenu {
    font-size: 1em;
    padding: 0 0.5em;
    font-weight: normal;
    text-transform: none;
}

.ui-section-title .ui-inputfield {
    font-size: 1em;
    padding: 0 0.5em;
    width: 6em;
}

.ui-section-title .ui-radio-button-group > table > tbody > tr > td {
    line-height: 1em;
    overflow: hidden;
    white-space: nowrap;
}

.ui-section-title .ui-panel-main-title {
    color: #000000;
}

.ui-section-message .ui-title-text,
.ui-section-title .ui-title-text {
    vertical-align: bottom;
}

/* fields / buttons in section-message area */

.ui-section-message .ui-input-group input[type="text"],
.ui-section-title .ui-input-group input[type="text"] {
    width: 20em;
    font-size: 0.9em;
    padding: 2px 4px;
}

.ui-section-message .ui-button-text-only,
.ui-section-title .ui-button-text-only{
    font-size: 1em;
    padding: 0;
}
.ui-section-message .ui-button-text-only .ui-button-text,
.ui-section-title .ui-button-text-only .ui-button-text {
    padding: 0 1em;
}

.ui-section-message input.ui-button,
.ui-section-title input.ui-button{
    /* this makes an h:commandButton look like a p:commandButton in the message section */
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url("/liberty/javax.faces.resource/desktop/default/images/ui-bg_glass_75_e6e6e6_1x400.png.jsf?ln=skin&rv=19.2.1") 50% 50% repeat-x;
    font-weight: normal;
    color: #4A5560;
    padding: 1px 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

/* when checkbox menu in column header - make font style match column header style
*/
.ui-selectcheckboxmenu.ui-column-title {
    font-weight: bold;
}

.ui-selectcheckboxmenu.ui-state-hover.ui-column-title {
    font-weight: bold;
}

.ui-selectcheckboxmenu.ui-column-title label {
    font-weight: bold;
}

th.ui-select-all-hidden .ui-chkbox {
    display: none !important;
}

.ui-select-chevron {
    float: right;
    margin-top: 4px;
    width: 24px;
}

.ui-select-composite {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 2em;
    overflow: hidden;
    padding: 0 0 0 0.7em;
}

.ui-select-composite-left {
}

.ui-select-composite-right {
    display: flex;
    margin-left: auto;
}

.ui-select-filter-form .ui-filter-button-group {
    margin-right: 1em;
}

.ui-select-filter-form .ui-filter-button-group > * {
    margin-right: 0.5em;
}

.ui-select-filter-form .ui-field {
    margin-right: 1em;
}

.ui-select-filter-form .ui-field-label {
    font-style: italic;
}

.ui-select-filter-form .ui-field-right {
    margin-right: 1em;
    float: right;
}

.ui-select-filter-form .ui-field-stacked {
    margin-right: 2em;
    display: inline-block;
}

.ui-select-filter-form .ui-field-stacked .ui-field-label {
    display: block;
}

.ui-select-filter-form .ui-field-inline {
}

.ui-select-filter-form .ui-field-inline .ui-field-label {
    display: inline-block;
    margin-left: 0.5em;
    padding-bottom: 10px;
}

.ui-select-filter-form div.ui-field-row {
    width: 100%;
    margin-bottom: 0.5em;
}

.ui-select-filter-grid tr.ui-row-normal > td {
    padding-bottom: 0.5em;
}

.ui-select-filter-grid tr.ui-row-separated > td {
    border-top: 1px solid #dcdcdc;
    padding-top: 0.5em;
}

.ui-select-filter-grid.align-top tr > td {
    vertical-align: top;
}

.ui-select-filter-panel {
    border: medium none;
    border-radius: 4px;
    color: #4A5560;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.ui-select-filter-panel.ui-contrast {
    background: none repeat scroll 0 0 var(--primary-lightest-color);
}

.ui-select-filter-panel input[type="text"] {
    width: 20em;
}

.ui-select-filter-panel input[type="checkbox"],
.ui-select-filter-panel input[type="radio"],
.ui-select-filter-panel label,
.ui-select-filter-panel .ui-label {
    font-size: 1rem;
}

.ui-select-filter-panel .ui-select-filter-grid {
    /* margin-top: 1em; */
    width: 100%;
}

.ui-select-filter-form .ui-filter-checkboxmenu {
    border: 1px solid rgb(166, 166, 166);
}

.ui-select-filter-form .ui-filter-checkboxmenu .ui-selectcheckboxmenu-label {
    background: rgb(248, 248, 248);
    font-size: 12px;
    cursor: default;
    height: 12px;
    line-height: normal;
}

.ui-select-filter-form .ui-filter-checkboxmenu .ui-selectcheckboxmenu-trigger {
    background: rgb(248, 248, 248);
    cursor: default;
    overFlow: hidden;
    border: 0;
}

.ui-select-filter-panel .ui-select-filter-grid .ui-select-filter-form-panel {
    width: 100%;
}

.ui-select-filter-panel table.ui-select-filter-grid > tbody > tr > td {
    padding-right: 1rem;
}

.ui-select-filter-panel table.ui-select-filter-subgrid > tbody > tr > td {
    padding-right: 2em;
    padding-bottom: 0;
}

.ui-select-filter-panel table.ui-select-filter-grid > tbody > tr > td:last-child {
    padding-right: 0;
}

.ui-select-filter-panel .ui-panel-header {
    margin-bottom: 1em;
}

.ui-select-filter-panel .ui-panel-main-title {
    color: #1E3860;
    display: block;
    font-size: 1.5rem;
}

.ui-select-filter-panel .ui-panel-group-title {
    color: #1E3860;
    font-size: 1.5rem;
    margin-right: 1rem;
}

.ui-select-filter-panel .ui-select-filter-grid .ui-panel-main-title {
    width: 5rem;
}

.ui-select-filter-panel td {
    /* padding: 0 0 1em 0; */
}

.ui-select-filter-panel table.ui-radio-group > tbody > tr > td {
    padding-right: 2rem;
}

.ui-select-filter-panel .ui-button-text-only .ui-button-text {
    font-size: 1em;
    padding: 0 1em;
}

.ui-select-filter-panel .ui-field-label {
    margin: 0 0.5em 0 0;
}

.ui-select-filter-panel .ui-field-message-error {
    color: #D2272F;
}

.ui-select-filter-panel .ui-inputfield {
    font-size: 0.9em;
    padding: 2px 0.5em;
    width: 6em;
}

.ui-show-whitespace {
    white-space: pre;
}

.ui-simple-paginator .ui-paginator .ui-paginator-pages > .ui-paginator-page {
    background: none;
    border: none;
}

.ui-simple-paginator .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    font-weight: bold;
}

.ui-simple-paginator .ui-paginator .ui-paginator-prev,
.ui-simple-paginator .ui-paginator .ui-paginator-next {
    background: none;
    border: none;
    margin-left: 0;
    margin-right: 0;
}

.ui-simple-paginator .ui-paginator {
    background: none !important;
}

.ui-single-border {
    border: 1px solid #cccccc;
    padding: 10px !important;
}

.ui-single-border-top {
    border-top: 1px solid #cccccc;
}

.ui-single-border-bottom {
    border-top: 1px solid #cccccc;
}

/* spacer styles */

.ui-inner-spacer-small {
    padding: 0.5em !important;
}

.ui-inner-spacer {
    padding: 1.0em !important;
}

.ui-inner-spacer-large {
    padding: 2.0em !important;
}

.ui-inner-spacer-bottom-small {
    padding-bottom: 0.5em !important;
}

.ui-inner-spacer-bottom {
    padding-bottom: 1.0em !important;
}

.ui-inner-spacer-bottom-large {
    padding-bottom: 2.0em !important;
}

.ui-inner-spacer-top-small {
    padding-top: 0.5em !important;
}

.ui-inner-spacer-top {
    padding-top: 1.0em !important;
}

.ui-inner-spacer-top-large {
    padding-top: 2.0em !important;
}

.ui-inner-spacer-left-medium {
    padding-left: 1.5em !important;
}

.ui-inner-spacer-left-small {
    padding-left: 0.5em !important;
}

.ui-inner-spacer-left {
    padding-left: 1.0em !important;
}

.ui-inner-spacer-left-large {
    padding-left: 2.0em !important;
}

.ui-inner-spacer-right-small {
    padding-right: 0.5em !important;
}

.ui-inner-spacer-right {
    padding-right: 1.0em !important;
}

.ui-inner-spacer-right-large {
    padding-right: 2.0em !important;
}

.ui-read-only-inputfield {
    width: 6em;
    height: 2.5em;
    border: 1px solid rgb(166, 166, 166);
    border-radius: 4px !important;
}

.ui-spacer-bottom-small {
    margin-bottom: 0.5em !important;
}

.ui-spacer-bottom {
    margin-bottom: 1.0em !important;
}

.ui-spacer-bottom-large {
    margin-bottom: 2.0em !important;
}

.ui-spacer-top-small {
    margin-top: 0.5em !important;
}

.ui-spacer-top {
    margin-top: 1.0em !important;
}

.ui-spacer-top-medium {
    margin-top: 1.5em !important;
}

.ui-spacer-top-large {
    margin-top: 2.0em !important;
}

.ui-spacer-left-small {
    margin-left: 0.5em !important;
}

.ui-spacer-left {
    margin-left: 1.0em !important;
}

.ui-spacer-left-large {
    margin-left: 2.0em !important;
}

.ui-spacer-right-small {
    margin-right: 0.5em !important;
}

.ui-spacer-right {
    margin-right: 1.0em !important;
}

.ui-spacer-right-large {
    margin-right: 2.0em !important;
}

/* ----- */

.ui-standalone-footer,
.ui-standalone-header {
    display: block;
    font-size: 1.1em;
    overflow: hidden;
    padding: 4px 0;
}

.ui-standalone-message .ui-field-message-error {
    color: #D2272F;
    font-size: 1em;
    margin: 0;
    padding: 0.25em 0;
}

.ui-status-icon {
    display: inline-block;
    height: 16px;
    margin-right: 0.25em;
    vertical-align: middle;
    width: 16px;
    background-image: url(/liberty/javax.faces.resource/desktop/account-status.png.jsf?ln=image&rv=25.7.1);
}

.ui-status-active .ui-status-icon {
    background-position: -16px 0;
}

.ui-status-closed .ui-status-icon {
    background-position: -32px 0;
}

.ui-status-fail .ui-status-icon {
    background-position: -32px 0;
}

.ui-status-delv .ui-status-icon {
    background-position: -16px 0;
}


.ui-status-complete .ui-status-icon {
    background-position: -16px 0;
}

.ui-status-failed .ui-status-icon {
    background-position: -32px 0;
}

.ui-status-inprocess .ui-status-icon {
    background-position: -48px 0;
}

.ui-status-open .ui-status-icon {
    background-position: 0 0;
}

.ui-status-pending .ui-status-icon {
    background-position: -48px 0;
}

.ui-status-pendingsignature .ui-status-icon {
    background-position: 0 0;
}

.ui-status-complete .ui-status-icon {
    background-position: -16px 0;
}

.ui-status-rejected .ui-status-icon {
    background-position: -32px 0;
}

.ui-connection-status-icon {
    font-size: 1em;
}

.ui-connection-status-icon.good {
    color: #078761;
}

.ui-connection-status-icon.warn {
    color: #FBC02D;
}

.ui-connection-status-icon.error {
    color: #D2272F;
}

.ui-connection-status-icon.none {
    color: #8F8F8F;
}

.ui-connection-status-icon.other {
    background-position: -48px 0;
}

.ui-summary-icon {
    display: inline-block;
    height: 16px;
    margin-right: 0.25em;
    vertical-align: middle;
    width: 16px;
    background-image: url(/liberty/javax.faces.resource/desktop/summary-icons-16.png.jsf?ln=image&rv=25.7.1);
}

.ui-summary-icon.COMPLETED {
    background-position: 0 0;
}

.ui-summary-icon.ALERT {
    background-position: -16px 0;
}

.ui-summary-icon.NOTICE {
    background-position: -32px 0;
}

.ui-summary-icon.COMMENT {
    background-position: -48px 0;
}

.ui-summary-icon.BLANK {
    background-position: -64px 0;
}

.ui-summary-item-parent {
    line-height: 2em;
}

.ui-summary-item-parent .ui-label,
.ui-summary-item-parent .ui-numeric,
.ui-summary-item-parent .ui-summary-icon,
.ui-summary-item-parent .ui-text {
    margin-right: 0.5em;
    vertical-align: middle;
}

.ui-header-row {
    font-weight: bolder;
    background: #DEF4FF !important;
    border-left: 1px solid #DEF4FF !important;
    border-right: 1px solid #DEF4FF !important;
}

.ui-summary-row {
    background: var(--primary-lightest-color) !important;
    border-left: 1px solid var(--primary-lightest-color) !important;
    border-right: 1px solid var(--primary-lightest-color) !important;
}

.ui-superscript {
}

.ui-table-disclaimer {
    color: #666666;
    float: right;
    font-size: 0.9em;
    font-style: italic;
}

.ui-table-disclaimer-left {
    color: #666666;
    float: left;
    font-size: 0.9em;
    font-style: italic;
}

/* good for info bars */
.ui-tag {
    border:1px solid #b9b9b9;
    float:right;
    padding-left:4px;
    padding-right:4px;
    color:black;
    background-color:white;
    border-radius:4px;
    box-shadow: 2px 2px 4px #888;
}

.ui-text.ui-wrapped {
    display: block;
}

.ui-tt-c .ui-text.ui-wrapped {
    left: 20px;
    position: relative;
    text-indent: -15px;
}

.ui-wrapped-models-tt {
    display: block;
    white-space: normal !important;
    word-wrap: break-word;
}

.ui-tiein-v-panel {
    color: #4A5560;
    background-color: var(--primary-lightest-color);
    padding: 0.5rem 1rem;
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}

.ui-tiein-v-panel > div {
    margin-bottom: 1rem;
}

.ui-title-field {
    display: inline-block;
}

.ui-title-field > span {
    display: inline-block;
    vertical-align: top;
}

.ui-totalpanel {
}

.ui-totalpanel table {
    margin-bottom: 0.5em;
    width: 100%;
}

.ui-totalpanel td {
    font-size: 0.9em;
    border-bottom: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    padding: 0.5em 0;
    vertical-align: top;
}

.ui-totalpanel table.ui-column-large tbody > tr > td {
    font-size: 1.0em;
    padding: 0.6em 0;
}

.ui-totalpanel table.ui-totalpanel-heading tbody tr:first-child td {
    font-weight: bold;
    border-top: none;
}

.ui-totalpanel table.ui-totalpanel-heading tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0;
}

.ui-totalpanel table.ui-left-heading tbody tr td:first-child {
    font-weight: bold;
}

.ui-totalpanel .ui-numeric {
    text-align: right;
}

.ui-totalpanel .ui-panel-section {
    display: block;
    overflow: hidden;
    margin: 0 0 1em 0;
}

.ui-totalpanel .ui-subitem {
    display: block;
    padding: 0 0 0 1em;
}

.ui-totalpanel .ui-total {
    font-weight: bold;
    display: block;
    padding: 0 0 0.5em 0;
}

.ui-totalpanel .ui-panel-main-title {
    color: #1E3860;
    font-size: 1.5rem;
    display: block;
    padding: 0 0 0.5em 0;
    width: 100%;
}

.ui-totalpanel .ui-panel-section-title {
    color: #1E3860;
    font-size: 1.4em;
    display: block;
    padding: 0 0 0.5em 0;
    width: 100%;
}

.ui-totalpanel .ui-footer-disclaimer {
    color: #666666;
    float: left;
    font-size: 0.9em;
    font-style: italic;
}

.ui-treetable table.ui-treetable-data-empty {
    border-collapse: separate;
}

.ui-treetable .ui-treetable-data-empty tfoot td {
    background: #ffffff !important;
    border-bottom: 1px solid #aaaaaa !important;
    font-weight: normal !important;
    text-align: left;
}

.ui-treetable .ui-treetable-data tfoot {
    display: none;
}

/* the next 3 are intended to fix the strange indenting that occurs with long messages */
.ui-treetable-messages .ui-treetable-indent {
    display: none !important;
}

.ui-treetable-messages .ui-treetable-toggler {
    display: none !important;
}

.ui-treetable-messages .ui-text.ui-wrapped {
    padding-left: 40px !important;
}

.ui-trend-text-disabled,
.ui-trend-text-down,
.ui-trend-text-up {
    font-size: 24px;
    font-weight: normal;
    vertical-align: middle;
}

.ui-trend-text-disabled {
    color: #808080;
}

.ui-trend-text-down {
    color: #D2272F;
}

.ui-trend-text-up {
    color: #078761;
}

.ui-vertical-baseline {
    vertical-align: baseline;
}

.ui-vertical-bottom {
    vertical-align: bottom;
}

.ui-vertical-middle {
    vertical-align: middle;
}

.ui-vertical-top {
    vertical-align: top;
}

.ui-view-icon {
    display: inline-block;
    height: 21px;
    margin-right: 0.25em;
    vertical-align: middle;
    width: 21px;
    background-image: url(/liberty/javax.faces.resource/desktop/view-status.png.jsf?ln=image&rv=25.7.1);
}

.ui-view-icon.INFO {
    background-position: 0 0;
}

.ui-view-icon.NORMAL {
    background-position: -42px 0;
}

.ui-view-icon.ALERT {
    background-position: -21px 0;
}

.ui-width-50 {
    width: 50% !important;
}

.ui-width-25 {
    width: 25% !important;
}

.ui-selectonemenu.ui-width-50 .ui-selectonemenu-label,
.ui-selectonemenu.ui-width-25 .ui-selectonemenu-label {
    width: 100% !important;
}

.ui-year-select {
    width: 6em;
}

.dcasRadio label {
    padding-left: 5px;
    padding-right: 15px;
    font-size: .8em;
    margin-bottom: 5px;
}

.ui-separator {
    border: 0.54px solid #d3d3d3
}

/* Highlight master orders on the Order Queue Panel
*/
.ui-master-order {
    border-bottom: 1px solid #B7C4CA;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    background: #B7C4CA; /* #8698A2 old too dark color */
    color: #363636;
    cursor: auto;
}

/* Highlight subordinate orders on the Order Queue Panel
*/
.ui-subordinate-order {
    border-bottom: 1px solid #dae2e6;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    background: #dae2e6;
    color: #363636;
    cursor: auto;
}

.ui-card-info {
    background-color: #EFF8FD;
    font-weight: 700;
}

/* ---------- SelectOneButton Prototype styles ----------- */

/* These styles ensure that IF the selectonebutton is inside a section title, that it styles in a more pronounced manner */

/* put this one first; otherwise, there might be a flicker for some reason when people click on the page. */
div.ui-section-title div.ui-selectonebutton div.ui-button {
    padding-top:    6px !important;
    padding-bottom: 6px !important;
    border-bottom-left-radius:  0 !important; /*when making it look like a tab*/
    border-bottom-right-radius: 0 !important; /*when making it look like a tab*/
}
div.ui-section-title div.ui-selectonebutton div.ui-button.ui-state-active span.ui-button-text {
    color: #1E3860 !important;
}
/* to make it look more like a tab, use the below styles */
div.ui-section-title div.ui-selectonebutton div.ui-button.ui-state-active {
    border-bottom: none !important;
}

div.ui-picklist-button {
    display:none
}

div.ui-picklist-source-controls {
    display: none !important;
}

div.ui-picklist-target-controls {
    display: none !important;
}

div.ui-picklist-listwrapper {
    width: 45% !important;
}

.request-form .ui-disabled,
.request-form .ui-state-disabled {
    filter: Alpha(Opacity=1) !important;
    opacity: 1.0 !important;
}

.request-form .row-field {
    display: inline-block !important;
}

.request-form .row-field .ui-selectonemenu {
    min-width: auto !important;
}

.ui-field-label-normal {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    color: #222222;
    font-style: normal;
}

/* --- debugging --- */
.debug {
    color: blue;
}

/* --- legal stuff for print only --- */
@media screen {
    .print-only {
        display: none;
    }
}
@media print {
    .print-only {
        display: block;
    }
}

/*one off fee schedule maint page*/
.fee-schedule-maint {
    white-space: nowrap;
}

/* --- font-awesome stuff --- */
.fa.fa-small-size {
    font-size: 1em;
}
.fa.fa-standard-size {
    font-size: 1.25em;
}
.fa.fa-meh-color {
    color: #8F8F8F;
}
.fa.fa-good-color {
    color: #078761;
}
.fa.fa-alert-color {
    color: #D2272F;
}
.fa.fa-blue-color {
    color: #0062B3;
}
.fa.fa-warn-color {
    color: #FBC02D;
}
.fa.fa-matching-font {
    font-weight: bold;
    font-family: sans-serif;
    text-transform: none; !important;
}
.fa.fa-tab {
    font-size: 27px;
    vertical-align: middle;
    padding-top: 2px;
    padding-right: 8px;
}

.ui-dialog.ui-dialog-max-height .ui-dialog-content {
    max-height: 620px;
    overflow-y: auto;
}

.ui-dialog.ui-dialog-min-height .ui-dialog-content {
    min-height: 460px;
}


@media (max-width: 992px) {
    html, body.mobile-navigation {
        height: 100%;
    }

    .mobile-navigation .layout-topbar-liberty.layout-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;

        overflow-x: hidden;
        overflow-y: scroll;
    }

    .mobile-navigation .toolbar-wrapper {
        height: auto;
        width: 100%;
        position: relative;
        top: 0;
        padding: 4px 0 3px;
    }

    .mobile-navigation .toolbar-wrapper .layout-toolbar .ui-button, .mobile-navigation .toolbar-wrapper .layout-toolbar .ui-selectonemenu {
        margin-bottom: 5px;
    }

    .mobile-navigation .layout-navbar-wrapper {
        height: auto !important;
        width: 100%;
        position: relative;
        top: 0;
        overflow-x: auto;
    }

    .mobile-navigation .layout-navbar-wrapper .layout-navbar-container .layout-navbar li.layout-root-menuitem {
        display: inline-block;
    }

    .mobile-navigation .layout-navbar-wrapper .layout-navbar-container .layout-navbar {
        padding-bottom: 0;
    }

    .mobile-navigation .layout-navbar-wrapper .navigation .large {
        min-width: 210px;
    }

    .mobile-navigation .layout-topbar {
        position: relative;
    }

    .mobile-navigation .layout-main {
        padding-top: 0 !important;
        height: 100%;
        position: relative;

        overflow: hidden;
        min-height: 0 !important;
    }

    .mobile-navigation .layout-main .layout-content {
        overflow-x: scroll;
        position: relative;
        width: auto;
        flex: none !important;
    }

    .mobile-navigation .layout-footer {
        font-size: 0.8em;
        padding: 1rem 2rem;
    }

    .mobile-navigation .action-dock {
        height: auto !important;
    }

    .mobile-navigation .action-dock .action-dock-info {
        padding: 0 1.2rem;
        display: inline-block;
        height: auto;
        position: static;
    }

    .mobile-navigation .action-dock-button .ui-button {
        margin-bottom: 0.5rem;
    }

    .mobile-navigation .layout-greeting {
        margin-right: 0.5rem;
        min-width: 100px;
    }

    .mobile-navigation .layout-topbar .layout-topbar-right.layout-topbar-mobile-active {
        height: auto;
        flex-direction: row;
    }

    .mobile-navigation .layout-topbar .layout-topbar-right .layout-topbar-actions-right {
        height: auto;
    }

    .mobile-navigation .login-form-panel, .recover-password-form-panel, .recover-username-form-panel, .change-password-content-panel {
        padding: 3rem 1rem !important;
    }

    .mobile-navigation .mobile-wrapper-2col {
        flex-direction: column;
    }

    .mobile-navigation .mobile-wrapper-2col .mobile-secondary {
        width: 100% !important;
        margin-bottom: 1rem !important;
    }

    .mobile-navigation .bulletin-detail-panel {
        min-width: 700px;
    }

    .mobile-navigation .analytics-averages-panel {
        display: grid !important;
        grid-template-columns: 100%;
        grid-gap: 15px;
    }

    .mobile-navigation .analytics-averages-panel .col-6 {
        width: auto;
    }

    .mobile-navigation .filter-panel {
        flex-direction: column !important;
    }

    .mobile-navigation .card-mobile-extra-wide {
        min-width: 1500px;
    }

    .mobile-navigation .card-mobile-wide {
        min-width: 1200px;
    }

    .mobile-navigation .card-mobile-medium {
        min-width: 900px;
    }

    .mobile-navigation .card-mobile-small-2 {
        min-width: 600px;
    }

    .mobile-navigation .card-mobile-small {
        min-width: 800px;
    }

    .mobile-navigation .card-mobile-tiny {
        min-width: 400px;
    }

    .mobile-navigation .risk-profile-description-column {
        width: 21rem !important;
    }

    .mobile-navigation .intro-text {
        width: 600px !important;
    }

    .mobile-navigation .dialog-narrow-width {
        max-width: 800px !important;
    }

    .mobile-navigation .ui-mobile-dialog-full-size {
        width: 100vw !important;
        height: 100vh !important;
    }

    .mobile-navigation .ui-mobile-dialog-full-size .ui-dialog-content {
        height: calc(100% - 42px) !important;
        min-height: auto;
    }

    .mobile-navigation .ui-mobile-dialog-full-size.dialog-fixed-layout {
        overflow: auto;
    }

    .mobile-navigation .ui-mobile-dialog-full-size .ui-dialog-inner {
        min-width: 600px;
    }

    .mobile-navigation .ui-mobile-dialog-full-size.dialog-fixed-layout .ui-dialog-content {
        min-height: auto !important;
    }

    .mobile-navigation .ui-mobile-dialog-full-size.dialog-fixed-layout .ui-dialog-footer {
        margin-top: auto;
    }


    .mobile-navigation .dialog-full-height {
        height: 100vh !important;
    }

    .mobile-navigation .dialog-full-height .ui-dialog-content {
        height: calc(100% - 42px) !important;
    }

    .mobile-navigation ul.action-dock-buttons {
        margin: 0.5rem 1rem 0 1rem;
    }

    .mobile-navigation .action-dock-button .ui-button {
        margin-left: 0.5rem;
    }

    .mobile-navigation .action-dock-info p {
        padding: 0;
    }

    .mobile-navigation .ui-button.ui-button-text-only .ui-button-text,
    .mobile-navigation .ui-button.ui-button-text-icon-left .ui-button-text {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .mobile-navigation .action-dock-options {
        padding: 0.5rem;
    }

    .mobile-navigation .ui-dialog .ui-dialog-titlebar {
        padding: 0.75rem;
        font-weight: 700;
    }

    .mobile-navigation div.ui-selectonemenu.ui-disabled,
    .mobile-navigation div.ui-selectonemenu.ui-state-disabled {
        opacity: 0.5;
    }

    .mobile-navigation .ui-select-filter-panel .ui-inputfield {
        padding: 0.6rem 0.7rem;
    }
}

@media (max-width: 480px) {
    .mobile-navigation .one-column-page-content .column-form-layout {
        width: 100%;
    }

    .mobile-navigation .dialog-narrow-width {
        max-width: 400px !important;
    }

    .mobile-navigation .notice-header {
        display: flex  !important;
        flex-direction: column;
    }

    .mobile-navigation .notice-status, .notice-info {
        width: auto !important;
        margin-bottom: 0.5rem;
    }

    .mobile-navigation .intro-text {
        width: 400px !important;
    }

    .mobile-navigation .layout-navbar-wrapper {
        height: auto !important;
    }

    .mobile-navigation .layout-navbar-wrapper .navigation .large {
        min-width: 210px;
    }

    .mobile-navigation .layout-navbar-wrapper .layout-navbar-container .layout-navbar li.layout-root-menuitem {
        display: inline-block;
    }
}