@charset "UTF-8";

@font-face {
    font-family: "bso";
    src:url("../fonts/bso.eot");
    src:url("../fonts/bso.eot?#iefix") format("embedded-opentype"),
    url("../fonts/bso.woff") format("woff"),
    url("../fonts/bso.ttf") format("truetype"),
    url("../fonts/bso.svg#bso") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "bso" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "bso" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-maximize:before {
    content: "\61";
}
.icon-expand:before {
    content: "\62";
}
.icon-check:before {
    content: "\63";
}
.icon-chevron-down:before {
    content: "\64";
}
.icon-chevron-left:before {
    content: "\65";
}
.icon-chevron-right:before {
    content: "\66";
}
.icon-chevron-up:before {
    content: "\67";
}
.icon-remove-delete-circle:before {
    content: "\68";
}
.icon-remove-delete-two:before {
    content: "\69";
}
.icon-torso-female:before {
    content: "\6c";
}
.icon-torsos-all-female:before {
    content: "\6a";
}
.icon-angle-double-left:before {
    content: "\6b";
}
.icon-angle-double-right:before {
    content: "\6d";
}
.icon-angle-double-down:before {
    content: "\6e";
}
.icon-angle-double-up:before {
    content: "\6f";
}
.icon-angle-down:before {
    content: "\70";
}
.icon-angle-left:before {
    content: "\71";
}
.icon-angle-right:before {
    content: "\72";
}
.icon-angle-up:before {
    content: "\73";
}
.icon-circle:before {
    content: "\74";
}
.icon-circle-line:before {
    content: "\75";
}
.icon-copy:before {
    content: "\28";
}
.icon-information-circle:before {
    content: "\76";
}
.icon-unlock:before {
    content: "\77";
}
.icon-unlock-2:before {
    content: "\78";
}
.icon-caret-down-two:before {
    content: "\79";
}
.icon-caret-left:before {
    content: "\7a";
}
.icon-caret-right:before {
    content: "\41";
}
.icon-caret-up-down:before {
    content: "\43";
}
.icon-caret-up-two:before {
    content: "\44";
}
.icon-check-mark-circle:before {
    content: "\42";
}
.icon-check-mark-circle-two:before {
    content: "\45";
}
.icon-check-square:before {
    content: "\46";
}
.icon-lock:before {
    content: "\47";
}
.icon-align-justify:before {
    content: "\49";
}
.icon-list-bullet:before {
    content: "\4a";
}
.icon-minus:before {
    content: "\4b";
}
.icon-random:before {
    content: "\4c";
}
.icon-refresh:before {
    content: "\4d";
}
.icon-quote-left:before {
    content: "\4e";
}
.icon-quote-right:before {
    content: "\4f";
}
.icon-reply-all:before {
    content: "\50";
}
.icon-reply-mail:before {
    content: "\51";
}
.icon-dot:before {
    content: "\48";
}
.icon-dot-2:before {
    content: "\52";
}
.icon-dot-3:before {
    content: "\53";
}
.icon-page-search:before {
    content: "\54";
}
.icon-search:before {
    content: "\55";
}
.icon-lock-large:before {
    content: "\56";
}
.icon-exchange:before {
    content: "\57";
}
.icon-page-delete:before {
    content: "\58";
}
.icon-question:before {
    content: "\59";
}
.icon-graph-pie:before {
    content: "\5a";
}
.icon-magic-wand:before {
    content: "\30";
}
.icon-shopping-cart:before {
    content: "\31";
}
.icon-chart-bar:before {
    content: "\32";
}
.icon-page-multiple:before {
    content: "\33";
}
.icon-dollar:before {
    content: "\34";
}
.icon-folder:before {
    content: "\35";
}
.icon-logout:before {
    content: "\37";
}
.icon-file-add:before {
    content: "\36";
}
.icon-align-justify-1:before {
    content: "\38";
}
.icon-add-row3:before {
    content: "\39";
}
.icon-bidsync-bug:before {
    content: "\21";
}
.icon-novatus:before {
    content: "\22";
}
.icon-plus-square:before {
    content: "\23";
}
.icon-cart-settings:before {
    content: "\24";
}
.icon-alerts-circle:before {
    content: "\25";
}
.icon-profile-circle:before {
    content: "\26";
}
.icon-question-circle:before {
    content: "\27";
}
.icon-reqeusts:before {
    content: "\28";
}
.icon-search-circle:before {
    content: "\29";
}
.icon-settings-circle:before {
    content: "\2a";
}
.icon-vertical-elipses-circle:before {
    content: "\2b";
}
.icon-contracts:before {
    content: "\2c";
}
.icon-tachometer:before {
    content: "\2d";
}
.icon-plus-circled:before {
    content: "\2e";
}
.icon-search-1:before {
    content: "\2f";
}

.icon-exclamation-inactive:before {
    content: "\26A0";
    display: inline-flex !important;
    color: #a9a9a9 !important;
}


#changePreferencesForm .ui-dialog, #changePasswordForm .ui-dialog, #linkAccountForm .ui-dialog{
    min-width:375px;
    max-width:460px;
}

#changePasswordForm .ui-dialog-titlebar, #changePreferencesForm .ui-dialog-titlebar, #linkAccountForm .ui-dialog-titlebar{
    background-color: #317993;
    color:white;
    font-weight:100;
    text-align:center;
}

#changePasswordForm .ui-dialog-title, #changePreferencesForm .ui-dialog-title, #linkAccountForm .ui-dialog-title{
    display:inline-block;
    text-transform:uppercase;
    padding:7px 0px;
    font-size:23px;
}

#changePasswordForm .change-password-credentials>div>label, #linkAccountForm .link-account-credentials>div>label{
    width:45%;
    padding-right:5%;
    display:block;
    float:left;
    font-size:15px;
    padding-top:8px;
    text-align:right;
}

#changePasswordForm .change-password-credentials>div>input, #linkAccountForm .link-account-credentials>div>input{
    width:49%;
    padding-right:1%;
    display:block;
    float:left;
    margin-bottom:6px;
}

#changePasswordForm .ui-dialog-title:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content:"\f023";
    padding-right:7px;
}

#changePasswordForm .ui-dialog-footer button:last-child{
    color:#333;
    background-color:#d7d7d7;
}

#changePreferencesForm\:header{
    font-weight:bold;
    padding:0 15px;
}

#changePreferencesForm\:changePreferencesButtonSection{
    padding-top:35px;
}

#changePreferencesForm\:changePreferencesSection label {
    display: inline-block;
    padding-left: 15px;
}

.change-password-error-message {
    clear: both;
}

/* BUYS-53662 Sort By dropdown row. Lives in bso.css (always loaded) rather than rio-layout.css
 * so it applies in both the legacy and beta UI variants. */
.sort-by-row {
    align-items: center;
    border-bottom: 2px solid #e7e7e7;
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.Card .sort-by-row-heading {
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
}

.sort-by-row-control {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: visible;
    min-width: 0;
}

/* BUYS-53662 — for views that include a secondary filter on the same row as Sort By
 * (currently only Bid external/supplier with the org-search "Showing" toggle).
 * Per Matt's 2026-05-13 screenshot, secondary controls go left, Sort By stays right. */
.sort-by-row-control-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Inline-flex on the panelGroup so the label + select stay on one line; width:auto on the select
 * overrides the form-control width:100% rule that JSF/Bootstrap apply to selects globally. */
.sort-by-control-group {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.sort-by-label {
    margin: 0;
    white-space: nowrap;
}

/* width:auto overrides form-control width:100% on native selects globally. */
select.sort-by-select {
    width: 500px !important;
    max-width: 100%;
}

/* BUYS-54991 — Sort By dropdown (PrimeFaces selectOneMenu), styled like header search-choice. */
.sort-by-choice {
    border-radius: var(--border-rounded, 4px);
    min-width: 280px;
    width: 320px;
    max-width: 100%;
}

.sort-by-choice .ui-inputgroup {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    border: 1px solid rgb(var(--rgb-gray-400, 156 163 175), 0.3);
    border-radius: var(--border-rounded, 4px);
    overflow: hidden;
    background-color: rgba(var(--rgb-gray-100, 245 245 245)) !important;
}

.sort-by-choice .ui-inputgroup:has(.ui-selectonemenu.ui-state-focus),
.sort-by-choice .ui-inputgroup:has(.ui-selectonemenu:focus-within) {
    border-color: #0277bd;
    box-shadow: 0 0 0 3px rgb(var(--rgb-phi-blue-300, 144 202 249));
    outline: none;
}

.sort-by-choice .ui-selectonemenu {
    display: inline-block !important;
    width: 100% !important;
    position: relative;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
}

.sort-by-choice .ui-selectonemenu.ui-state-focus,
.sort-by-choice .ui-selectonemenu.ui-state-hover {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.sort-by-choice .ui-selectonemenu .ui-selectonemenu-label {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    padding-right: 33px !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sort-by-choice .ui-selectonemenu.ui-state-focus .ui-selectonemenu-label,
.sort-by-choice .ui-selectonemenu .ui-selectonemenu-label.ui-state-focus {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.sort-by-choice .ui-selectonemenu .ui-selectonemenu-trigger {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 33px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

.sort-by-choice .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover,
.sort-by-choice .ui-selectonemenu .ui-selectonemenu-trigger.ui-state-focus {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Match native HTML select arrow (rio-layout select { background-image }). */
.sort-by-choice .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
.sort-by-choice .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    transform: none !important;
    line-height: 0 !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    border: none !important;
    background-image: url('../images/downarrow-aliceblue.svg') !important;
    background-size: 14px 14px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    text-indent: -9999px;
    overflow: hidden;
}

.sort-by-select-panel.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper {
    min-height: 0 !important;
    overflow: auto !important;
}

.sort-by-select-panel.ui-selectonemenu-panel .ui-selectonemenu-table {
    border: none !important;
    border-collapse: collapse;
}

.sort-by-select-panel.ui-selectonemenu-panel .ui-selectonemenu-table td,
.sort-by-select-panel.ui-selectonemenu-panel .ui-selectonemenu-table th,
.sort-by-select-panel.ui-selectonemenu-panel .ui-selectonemenu-table tr {
    border: none !important;
}

.sort-by-select-panel .dropdown-label-column {
    padding: 14px 10px !important;
}

.sort-by-select-panel .sort-by-default-tooltip-column {
    padding-left: 4px !important;
    padding-right: 8px !important;
    text-align: right;
    white-space: nowrap;
}

.sort-by-default-tooltip-host {
    display: inline-flex;
    align-items: center;
    cursor: help;
    pointer-events: auto;
}

.sort-by-default-tooltip-icon {
    color: #666;
    font-size: 14px;
    line-height: 1;
    cursor: help;
    pointer-events: auto;
}

.sort-by-default-tooltip-icon:focus,
.sort-by-default-tooltip-icon:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
    border-radius: 2px;
}

.sort-by-default-hint {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #6c757d;
    line-height: 1.4;
}

.sort-by-default-tooltip-flyout {
    /* Fixed positioning escapes the selectOneMenu overlay; z-index above PrimeFaces panels (BUYS-54991). */
    position: fixed;
    z-index: 10050;
    transform: translateY(-100%);
    max-width: 280px;
    padding: 6px 8px;
    background: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    white-space: normal;
    text-align: left;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    pointer-events: none;
}

.ui-tooltip.sort-by-default-tooltip-panel {
    z-index: 10050 !important;
}