/* ATS-E68: Skip-to-main-content link */
.cos-skip-link {
    position: absolute; left: -9999px; top: 10px; z-index: 9999;
    padding: 8px 16px; background: #1162ee; color: #ffffff;
    font-weight: bold; text-decoration: none; border-radius: 4px;
}
.cos-skip-link:focus { left: 50%; transform: translateX(-50%); }

/* ATS-E67: Reflow — prevent horizontal scrolling at 320px (1x zoom). */
@media (max-width: 400px) {
    body, .wrapper, #hc, #hc.content, div.content, main,
    #hireMenuBox, #hireMenuOptions, .pds-app-header-bar, header {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }
    .cos-dyna-list-table, .cos-nested-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        max-width: 100%;
    }
    table:not(.cos-dyna-list-table):not(.cos-nested-table) {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

body {
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    margin: 0;
}

table {
    width: 100%;
    border-spacing: 0;
    color: #333;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    padding: 0;
}

tr {
    background: #fff;
    height: 48px;
}

/* Exception for checkbox list rows */
.cos-checkbox-list tr {
    height: auto !important;
}
tr:last-child th {
    border-bottom: none;
}

th {
    font-weight: 500;
    padding: 12px 8px;
    text-align: start;
}

h1 {
    align-self: center;
    color: rgb(51, 51, 51);
    font: 500 24px / 36px Roboto, Arial, Helvetica, sans-serif;
    grid-area: heading;
    margin: 8px 0px 8px 0px;
}

tr.thead td {
    border-bottom: none;
    font-weight: 500;
    padding: 12px 8px;
}

td {
    padding: 11px 8px;
    text-align: start;
}

tr:last-child td {
    border-bottom: none;
}

ul.RecipientList {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.RecipientList li {
    margin: 0;
    padding: 1px;
}

.cos-search-criteria-span {
    cursor: pointer;
    margin-left: -5px;
    position: relative;
    top: 2px;
}

#divAnyOrAll {
    min-width: 300px;
    margin-top: -47px;
    margin-left: 15px;
}

.filter-instruction-text {
    margin-left: 14px;
    margin-bottom: 5px;
}


.greyInput1 {
    float: left;
    margin-left: 40px;
    margin-top: 10px;
    width: 370px;
}

.greyInput1 input {
    width: 95%;
    font-size: 100% !important;
    font-weight: normal;
    text-decoration: none;
    font-style: normal !important;
}

.greyInput2 {
    border: 0 none;
    float: left;
    margin-bottom: 5px;
    margin-left: 28px;
    margin-top: 10px;
    width: 143px;
}

.greyInput2 input {
    width: 83%;
    font-size: 100% !important;
    font-weight: normal;
    text-decoration: none;
    font-style: normal !important;
}

.greyInput3 {
    border: 0 none;
    float: left;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 10px;
    width: 300px;
}

.greyInput3 input {
    width: 95%;
    font-size: 100% !important;
    font-weight: normal;
    text-decoration: none;
    font-style: normal !important;
}

.andLink {
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
    position: relative;
    width: 49px;
    right: 940px;
    top: 33px;
    text-align: center;
}


/* asp:Button renders as type=submit; include both so pointer shows in Neon ON */
input[type="button"]:not(:disabled),
input[type="submit"]:not(:disabled) {
    cursor: pointer;
}

input[type="button"]:hover {
    background-color: rgb(232, 240, 253);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(0, 80, 162);
}

input[type="button"].cos-button-primary {
    background-color: rgb(17, 98, 238);
    border-color: rgb(17, 98, 238);
    color: rgb(255, 255, 255) !important;
}

input[type="button"].cos-button-primary:hover {
    background-color: rgb(0, 80, 162);
}

input[type="submit"].cos-button-primary:hover {
    background-color: rgb(0, 80, 162);
}

/* Specific class for Users.aspx Save button */
.cos-users-save-button {
    background-color: rgb(17, 98, 238) !important;
    border-color: rgb(17, 98, 238) !important;
    color: rgb(255, 255, 255) !important;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    outline: none;
    padding: 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.cos-users-save-button:hover {
    background-color: rgb(0, 80, 162) !important;
    border-color: rgb(0, 80, 162) !important;
}


div#candidateVitals {
    -webkit- display: block;
    color: #000;
    height: 50px;
    margin-top: 10px;
}

.vitalItem {
    border: 1px solid #808080;
    float: right;
    margin: 5px;
    padding: 5px;
    text-align: center;
    display: block;
    height: 70px;
    width: 90px;
}

.vitalItem .score {
    font-size: 25px;
    font-weight: bold;
    clear: both;
    display: block;
}

.cos-detail-content {
    padding: 0 20px 20px 20px;
}

.cos-button-bar {
    padding: 10px;
    text-align: right;
}

/* ManageLocations page only - move delete button to left (Neon mode) */
body:has(table[data-table-file="manageLocations"]) .cos-button-bar {
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.cos-job-description-box {
    padding: 10px;
}

.cos-bulk-action-bar {
    border: none !important;
}

.cos-button-primary {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    outline: none;
    padding: 3px 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: rgb(17, 98, 238);
    border-color: rgb(17, 98, 238);
    color: rgb(255, 255, 255) !important;
    display: inline-block;
}
/* Convert Requisition Approval link from button to hyperlink styling (neon mode only) */
/* Scoped to Requisitions page title bar to avoid affecting other buttons */
/* color uses !important to override the !important set on .cos-button-primary */
.cos-title-bar .cos-title-slot-right a.cos-button-primary[href*="pendingRequisitions"] {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    color: rgb(17, 98, 238) !important;
    text-decoration: underline;
    font-weight: normal;
}

.cos-button-secondary {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(17, 98, 238);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    min-height: 32px;
    outline: none;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    margin-left: 8px;
}

.cos-button-secondary:hover {
    background-color: rgb(232, 240, 253);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(0, 80, 162);
}

.cos-button-disabled, .DisableButton {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    min-height: 32px;
    outline: none;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    margin-left: 8px;
    background-color: rgb(223, 226, 226);
    border: 1px solid rgb(223, 226, 226);
    color: rgb(103, 114, 116) !important;
    cursor: default;
}

.cos-button-warning {
    background-color: #be1e2d;
    border: 1px solid rgb(132 0 0);
    color: #fff !important;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    min-height: 32px;
    outline: none;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    margin-left: 3px;
}

.cos-dyna-list-table tbody tr.thead td a {
    /* Your styles here */
    color: #333;
    text-decoration: none;
    font-weight: bold;
}

.cos-th-select-all,
.cos-td-select-all {
    text-align: center;
    width: 40px;
}

.cos-th-select-all input[type="checkbox"],
.cos-td-select-all input[type="checkbox"] {
    width: 15px;
    height: 15px;
}

.cos-dynalist-export-bar {
    height: 55px;
}

.cos-dynalist-select {
    padding: 15px 0px;
    float: left;
}

.cos-dynalist-bulk {
    padding: 10px 0px;
    float: right;
}

.cos-dynalist-results {
    color: #333;
    flex-shrink: 0;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
}

.cos-empty-table-td {
    text-align: center;
    padding: 30px;
    font-weight: 500;
}

/* Hide table headers when showing "No data" message for Wonderlic and Ventures */
table[data-table-file="Screening_Wonderlic"]:has(.cos-empty-table-td) thead,
table[data-table-file="Screening_Ventures"]:has(.cos-empty-table-td) thead {
    display: none;
}

.cos-dynalist-btn-td {
    text-align: right;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 10px 0 10px 0;
}

fieldset.cos-form {
    padding: 20px;
}

fieldset.cos-fields {
    padding-left: 20px;
}

fieldset.buttons {
    padding: 15px 0 15px 0;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    text-align: right;
    margin-top: 15px;
    padding: 15px;
    border-top: 1px solid rgb(196, 201, 202);
}

fieldset.cos-remove-line {
    border-top: none !important;
    margin-top: 0 !important;
}

#StartSearch {
    border: 1px solid rgb(196, 201, 202);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    flex-grow: 1;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    min-width: 1px;
    padding: 5px 8px;
    background-color: rgb(17, 98, 238);
    border-color: rgb(17, 98, 238);
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-decoration: none;
    margin-left: 20px;
}

.toolColumn {
    display: flex;
    flex-direction: row;
}

.toolBox {
    height: 260px;
    margin: 10px;
    padding: 20px;
    background-color: #FFFFFF;
    border-radius: 10px;
    width: 265px;
}

.cos-new-tool p {
    display: none;
}

.cos-hire-quick-search {
    padding-left: 67px;
}

.dvExternalDocuments {
    display: block;
    background-color: #fff;
    padding: 16px;
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

/********************************************************************************************************/
.cos-nested-table {
    box-shadow: none !important;
    padding: 0px !important;
}

.cos-data-grid-legacy {
    display: block;
    background-color: #fff;
    padding: 16px;
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

.DynaListGeneric td {
    border-bottom: 1px solid #dfe2e2;
}

.DynaListGeneric {
    display: block;
    background-color: #fff;
    padding: 16px;
    border-radius: 8px;
    margin-top: 15px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

/* Screenings page specific - add margin-bottom to grids (except subScreeningResults which has button bar inside) */
body:has(.screenings-page) .DynaListGeneric:not(#subScreeningResults) {
    margin-bottom: 50px;
}

/* Screenings page specific - reduce spacing for subScreeningResults container */
body:has(.screenings-page) #subScreeningResults {
    margin-bottom: 50px;
}

/* Screenings page specific - reduce button bar spacing inside subScreeningResults */
body:has(.screenings-page) #subScreeningResults .cos-button-bar {
    padding: 10px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Screenings page specific - keep Switch to Classic View button closer */
body:has(.screenings-page) #aBacktoDetails {
    margin-top: -35px !important;
}

/* Edit Ventures Score dialog fixes */
#divVenturesScore.jqmWindow {
    height: auto !important;
    overflow: hidden !important;
    left: 31% !important;
}

/* TE-77312 Issue 1: the "Loading Completed Video Interview..." popup was anchored by
   its top-left corner at left:45%/top:50% with a fixed 890px width, so it appeared
   shoved to the top-right instead of centered. Center it on both axes with a
   transform so the fixed width no longer skews it. Scoped to this popup only. */
#divCompletedVideoInterviewPopUp.jqmWindow {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    max-width: 95%;
}

#divVenturesScore .cos-new-fieldset-form {
    padding: 10px 15px !important;
}

#divVenturesScore .ventures-score-fields {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding: 15px 10px !important;
    flex-wrap: wrap;
}

#divVenturesScore .ventures-field {
    display: flex;
    align-items: center;
    gap: 8px;
}

#divVenturesScore .ventures-field label {
    display: inline-block;
    width: auto !important;
    text-align: right;
    white-space: nowrap;
    margin-right: 0 !important;
    padding: 0 !important;
}

#divVenturesScore .ventures-field input[type="text"] {
    width: 60px;
}

#divVenturesScore .cos-modal-button-bar {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 15px;
}

#divVenturesScore .cos-modal-button-bar input[type="button"] {
    flex-grow: 0;
}

/* User Search Style */
.UserSearchDropDown {
    background-color: #FFF;
    font-size: 12px;
    border: 1px solid rgb(196, 201, 202);
    padding: 8px 12px;
    min-width: 285px;
    max-width: 400px;
    border-radius: 8px;
    filter: drop-shadow(rgba(0, 0, 0, 0.08) 8px 0px 16px);
}

.UserSearchDropDown a:link, .UserSearchDropDown a:visited, .UserSearchDropDown strong {
    display: block;
    padding: 1px 5px 1px 5px;
    color: rgb(17, 98, 238);
}

.UserSearchDropDown a:hover {
    color: #FFF;
    background-color: #333;
}

.UserSearchDropDown span {
    font-weight: bold;
}

.UserSearchDropDown strong {
    padding: 0;
    margin-bottom: 4px;
    color: #c00;
}

.UserSearchDropDown table td {
    color: rgb(17, 98, 238);
}

/* Overflow fix scoped to editRequisition.aspx only */
.edit-requisition-page .UserSearchDropDown table {
    width: 100%;
    table-layout: fixed;
}

.edit-requisition-page .UserSearchDropDown table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.UserSearchDropDown .navigate {
    border-top: 1px solid #e0e0e0;
    padding: 8px 0;
    margin-top: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.UserSearchDropDown .navigate-left,
.UserSearchDropDown .navigate-right {
    display: flex;
    align-items: center;
    gap: 4px;
}

.UserSearchDropDown .navigate a.PagingArrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #555;
    text-decoration: none;
    padding: 4px;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}

.UserSearchDropDown .navigate a.PagingArrow:hover {
    background-color: #e8f0fd;
    color: #333;
}
/* ITEM SEARCH STYLES */
.cof-item-search-widget {
    position: relative;
}

.ItemSearch {
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid rgb(196, 201, 202);
    padding: 10px;
    margin: 0px;
    background-color: #FFF;
    width: 425px;
    z-index: 1000;
    border-radius: 8px;
    filter: drop-shadow(rgba(0, 0, 0, 0.08) 8px 0px 16px);
}

.ItemSearch .closeSearch {
    float: right;
    padding: 2px;
}

.ItemSearch .closeSearch:hover {
    cursor: pointer;
    color: #111;
}

.ItemSearch .RemoveSelection {
    text-align: center;
    padding: 3px;
    background-color: #700;
    color: #FFF;
    font-weight: bold;
    border-bottom: 2px solid #000;
}

.ItemSearch .RemoveSelection:hover {
    background-color: #AEE3EE;
    color: #000;
    cursor: pointer;
}

.ItemSearchResults .navigate {
    border-top: 1px solid #ccc;
    height: 22px;
    padding-top: 5px;
}

.ItemSearchResults .navigate .next {
    float: right;
    margin-right: 5px;
}

.ItemSearchResults .navigate .next span {
    margin-left: 5px;
    padding: 2px;
}

.ItemSearchResults .navigate .next span:hover {
    cursor: pointer;
    color: #111;
    background-color: #AEE3EE;
}

.ItemSearchResults .navigate .previous {
    float: left;
    margin-left: 5px;
}

.ItemSearchResults .navigate .previous span {
    margin-right: 5px;
    padding: 2px;
}

.ItemSearchResults .navigate .previous span:hover {
    cursor: pointer;
    color: #111;
    background-color: #AEE3EE;
}

.ItemSearchText:hover {
    border: 2px solid #333;
    cursor: pointer;
    background-color: #AEE3EE;
}

.RemoveSelectionImage {
    cursor: pointer;
    margin-left: 30px;
}

/* ReportWizard Search Results (divAssignedToSearchResults) - Modern Neon styling */
#divAssignedToSearchResults {
    position: absolute;
    border: 1px solid rgb(196, 201, 202);
    padding: 10px;
    margin: 0px;
    background-color: #FFF;
    width: 425px;
    z-index: 1000;
    border-radius: 8px;
    filter: drop-shadow(rgba(0, 0, 0, 0.08) 8px 0px 16px);
    font-size: 14px;
    display: none;
}

#divAssignedToSearchResults a:link,
#divAssignedToSearchResults a:visited {
    display: block;
    padding: 6px 8px;
    color: rgb(17, 98, 238);
    text-decoration: none;
    margin-bottom: 2px;
}

#divAssignedToSearchResults a:hover {
    background-color: #e8f0fd;
    cursor: pointer;
}

#divAssignedToSearchResults #closeSearch {
    float: right;
    padding: 2px;
    cursor: pointer;
    color: #333;
}

#divAssignedToSearchResults #closeSearch:hover {
    color: #111;
}

#divAssignedToSearchResults #navigate {
    border-top: 1px solid #ccc;
    height: 22px;
    padding-top: 5px;
    margin-top: 8px;
}

#divAssignedToSearchResults #navigate #previous {
    float: left;
    margin-left: 5px;
}

#divAssignedToSearchResults #navigate #previous span {
    margin-right: 5px;
    padding: 2px 4px;
    color: rgb(17, 98, 238);
    cursor: pointer;
    border-radius: 4px;
}

#divAssignedToSearchResults #navigate #previous span:hover {
    background-color: #e8f0fd;
}

#divAssignedToSearchResults #navigate #next {
    float: right;
    margin-right: 5px;
}

#divAssignedToSearchResults #navigate #next span {
    margin-left: 5px;
    padding: 2px 4px;
    color: rgb(17, 98, 238);
    cursor: pointer;
    border-radius: 4px;
}

#divAssignedToSearchResults #navigate #next span:hover {
    background-color: #e8f0fd;
}

.cos-old-calendar-icon-btn {
    position: relative;
    top: 7px;
}

.cos-old-calendar-label {
    width: 125px;
    margin-top: 7px;
}

.mce-panel {
    padding-bottom: 1px !important;
}

.mcetextarea {
    display: block;
    float: left;
    padding: 0 0 7px 0px;
    width: 900px;
}

#vlblJobTemplate #dvMailMergeTags {
    background-color: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
    float: left;
    width: 210px;
}

#vlblJobTemplate div[id^="mceu_"].mce-tinymce.mce-container.mce-panel {
    float: left;
    width: calc(100% - 230px);
    min-height: 835px;
    margin-left: 20px;
}

#vlblJobTemplate .mce-edit-area iframe {
    min-height: 765px;
}

#vlblJobTemplate #dvMailMergeTags h3 {
    background-color: rgb(241, 243, 244);
    color: rgb(51, 51, 51);
    font: 500 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    padding: 5px 0 5px 20px;
    margin: 1px 0 0;
    border-bottom: 1px solid rgb(196, 201, 202);
    cursor: pointer;
}

#vlblJobTemplate #dvMailMergeTags h3:hover {
    background-color: rgb(232, 240, 253);
}

#vlblJobTemplate #dvMailMergeTags h3 i {
    float: right;
    padding: 2px 10px 0 0;
}

/* Use Unicode arrows for mail merge headers instead of Font Awesome */
#vlblJobTemplate #dvMailMergeTags h3 i.fa {
    font-style: normal !important;
}

#vlblJobTemplate #dvMailMergeTags h3 i.fa-angle-up:before {
    content: "\25B2"; /* â–² */
}

#vlblJobTemplate #dvMailMergeTags h3 i.fa-angle-down:before {
    content: "\25BC"; /* â–¼ */
}

#vlblJobTemplate #jobDetails,
#vlblJobTemplate #applicantDetails,
#vlblJobTemplate #customDetails {
    list-style: none;
    padding: 0;
    margin: 0;
}

#vlblJobTemplate #jobDetails li,
#vlblJobTemplate #applicantDetails li,
#vlblJobTemplate #customDetails li {
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    padding: 5px 0 5px 20px;
    margin: 0;
    border-bottom: 1px solid rgb(231, 235, 237);
    cursor: pointer;
}

#vlblJobTemplate #jobDetails li:hover,
#vlblJobTemplate #applicantDetails li:hover,
#vlblJobTemplate #customDetails li:hover {
    background-color: rgb(232, 240, 253);
    color: rgb(17, 98, 238);
}

#vlblJobTemplate #jobDetails li:last-child,
#vlblJobTemplate #applicantDetails li:last-child,
#vlblJobTemplate #customDetails li:last-child {
    border-bottom: none;
}

.mce-btn > button:hover {
    background-color: transparent;
}



.DynaListGeneric .navigate {
    padding-top: 25px;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(255,255,255,0.35);
    line-height: 35px;
    height: 35px;
}

.DynaListGeneric .navigate a:link, .DynaListGeneric .navigate a:visited {
    text-decoration: none;
}
/* CURRENT PAGE NUMBER */
.PageIndexNumberCurrent {
    font: 500 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    z-index: 100;
    font-size: 15px;
    padding: 4px 12px;
    color: #fff;
    background-color: rgb(0, 66, 124);
    border-radius: 8px;
}
/* OTHER AVAILABLE PAGE NUBMERS */
.PageIndexNumber {
    display: inline-block;
    font: 500 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    padding: 4px 12px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 8px;
    cursor: pointer;
    margin: 0px 3px;
}

.PageIndexNumber a {
    text-decoration: none;
    color: #404040;
}

.PageIndexNumber a:hover {
    color: #fff;
}

.PageIndexNumber:hover {
    background-color: rgb(17, 98, 238);
    color: #fff;
}

.PageIndexNumber:hover a {
    color: #fff;
}

/* ASP.NET DataGrid pager - match DynaList pagination styling */
.pager span {
    font: 500 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 4px 12px;
    color: #fff;
    background-color: rgb(0, 66, 124);
    border-radius: 8px;
}
.pager a {
    display: inline-block;
    font: 500 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    padding: 4px 12px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 8px;
    color: #404040;
}
.pager a:hover {
    background-color: rgb(17, 98, 238);
    color: #fff;
}

.cos-dynalist-loading-overlay {
    display: none;
    border: 1px solid red;
    position: absolute;
    z-index: 9999;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
    background-color: #fff;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    height: 100vh;
    text-align: center;
}

.OnclickLink:hover {
    cursor: pointer;
}
/* CONTAINER OF INFORMATION RELATED TO # OF ITEMS SELECTED IN A DYNALIST - TYPICALLY BELOW PAGINATION */
.DynaListGeneric .dynalistInfoBar {
    clear: both;
    text-align: center;
    vertical-align: middle;
    padding: 2px 5px 20px 5px;
    font-size: 14px;
}

.dynalistInfoBar a, .dynalistInfoBar a:link, .dynalistInfoBar a:visited {
    margin-left: 30px;
    color: rgb(17, 98, 238);
    text-decoration: none !important;
}

.dynalistInfoBar a:hover {
    color: #0056b3;
    text-decoration: none !important;
}

.dynalistInfoBar span {
    color: #000;
    margin-left: 30px;
}

/* TE-77312 Issue 7: "Select All / Clear / Delete" action links were rendering as a
   bulleted vertical list in Neon ON. Render them inline without bullets. */
.dynalistInfoBar .cos-button-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    flex-wrap: wrap;
    vertical-align: middle;
}

.dynalistInfoBar .cos-button-list li {
    display: inline;
    margin: 0;
}

.dynalistHTML ol {
    padding: 0 15px !important;
}

.dynalistHTML em {
    color: inherit;
}

.dynalistHTML strong {
    font-weight: bold !important;
}

.dynalistHTML ul {
    padding: 0 15px !important;
    list-style-type: disc !important;
}

.dynalisttooltip div {
    display: none;
}

.dynalisttooltip:hover div {
    display: block;
    position: absolute;
    float: left;
    padding: 5px;
    background-color: #fff;
    border: 0.1em solid #767676;
    border-radius: 5px;
    max-width: 100em;
    margin-top: 50px;
}

a.SearchHeaderUp {
    background-image: url(../Images/sort_up.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0px 15px 0px 0px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
}

a.SearchHeaderUp:hover {
    background-image: url(../Images/sort_down.png);
}

a.SearchHeaderDown {
    background-image: url(../Images/sort_down.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0px 15px 0px 0px;
    text-decoration: none;
    cursor: pointer;
    color: #333;
}

a.SearchHeaderDown:hover {
    background-image: url(../Images/sort_up.png);
}

a.SearchHeader {
    color: #333;
    text-decoration: none;
    padding: 0px 15px 0px 0px;
    cursor: pointer;
}

a.SearchHeader:hover {
    background-image: url(../Images/sort_up.png);
    background-repeat: no-repeat;
    background-position: center right;
}

/* Job Offer Template - Unicode sort arrows (no Font Awesome needed) */
table[data-table-file="JobOfferTemplate"] a.SearchHeaderUp,
table[data-table-file="JobOfferTemplate"] a.SearchHeaderDown,
table[data-table-file="JobOfferTemplate"] a.SearchHeader {
    background-image: none;
    padding-right: 18px;
    position: relative;
}

table[data-table-file="JobOfferTemplate"] a.SearchHeaderUp::after {
    content: "\25B2"; /* â–² */
    position: absolute;
    right: 0;
}

table[data-table-file="JobOfferTemplate"] a.SearchHeaderDown::after {
    content: "\25BC"; /* â–¼ */
    position: absolute;
    right: 0;
}

table[data-table-file="JobOfferTemplate"] a.SearchHeaderUp:hover::after {
    content: "\25BC"; /* â–¼ */
}

table[data-table-file="JobOfferTemplate"] a.SearchHeaderDown:hover::after {
    content: "\25B2"; /* â–² */
}

table[data-table-file="JobOfferTemplate"] a.SearchHeader:hover::after {
    content: "\25B2"; /* â–² */
    position: absolute;
    right: 0;
}

table[data-table-file="JobOfferTemplate"] td.dynaaccent {
    font-weight: 600;
}

/* TE-77312 Issue 5: when the job Title is lengthy it sat too close to the Location
   column. The Title cell uses overflow:hidden with a max-width, so a long unbroken
   string is clipped at its padding edge and flows straight through any padding-right,
   leaving no visual gap. Instead, pad the LEFT of the Location cell (5th column),
   whose short text never overflows, which guarantees separation in every case
   (long title, short title and the header row). Padding the LEFT of the Title cell
   (4th column) also gives breathing room between the Posting ID and the Title. */
table[data-table-file="NewManageJobPostings"] td:nth-child(4),
table[data-table-file="NewManageJobPostings"] th:nth-child(4) {
    padding-left: 8px;
}

table[data-table-file="NewManageJobPostings"] td:nth-child(5),
table[data-table-file="NewManageJobPostings"] th:nth-child(5) {
    padding-left: 8px;
}

/* TE-77312 Issue 2: HUMANeX (Ventures) screening table - the View Report / Send
   Request / Edit Score action links were cramped against the right edge. Give the
   action cells horizontal breathing room so they are not jammed together. */
table[data-table-file="Screening_Ventures"] td a.action.cos-button-borderless {
    white-space: nowrap;
}

/* TE-77312 Issue 3: add more space between the "Send Request"/"Remind" link and the
   "Edit Score" link. On the Ventures table the two links live in separate adjacent
   right-aligned cells, so push the "Send Request" cell content left to open a gap. */
table[data-table-file="Screening_Ventures"] td:nth-last-child(2) {
    padding-right: 28px;
}

/* TE-77312 Issue 3: on POLARIS (and the other screening tables that share the same
   markup) the "Send Request" and "Edit Score" links sit in the SAME cell. Widen the
   gap between them. The inline margin-left has no !important, so this wins. */
table[data-table-file="Screening_Polaris"] td a.action.cos-button-borderless + a.action.cos-button-borderless,
table[data-table-file="Screening_Gallup"] td a.action.cos-button-borderless + a.action.cos-button-borderless,
table[data-table-file="Screening_Link2Portrait"] td a.action.cos-button-borderless + a.action.cos-button-borderless {
    margin-left: 28px !important;
}

div.searchResults {
    position: absolute;
    left: 490px;
    top: 280px;
    border-radius: 8px;
    display: none;
    border: 1px solid #ccc;
    padding: 15px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 16px, rgba(0, 0, 0, 0.04) 0px 0px 4px;
    z-index: 9999;
}

.searchResults a:link, .searchResults a:visited {
    display: block;
    padding: 8px 12px;
    color: rgb(17, 98, 238);
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.searchResults a:hover {
    color: rgb(17, 98, 238);
    background-color: rgba(17, 98, 238, 0.08);
}

.searchResults strong {
    display: block;
    padding: 8px 12px;
    color: rgb(51, 51, 51);
    font-weight: 600;
    text-decoration: none;
}

div.searchResults2 {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 16px, rgba(0, 0, 0, 0.04) 0px 0px 4px;
    position: absolute;
    left: 490px;
    top: 280px;
    display: none;
    border-width: 1px;
    border-color: #000;
    padding: 4px;
    z-index: 9000;
}

.searchResults2 a:link, .searchResults2 a:visited, .searchResults strong {
    display: block;
    padding: 5px 5px 1px 5px;
}

#closeSearch {
    cursor: pointer;
}

.tm_dot {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    text-align: center;
}

/* TE-71947: Neon ON Mode EPI score bubble colors.
   The bubble color is applied inline (background-color: #<ColorCode>) from data.
   In Neon ON Mode, remap each legacy color to the updated Neon palette.
   Match is case-insensitive to cover both upper/lower-case color codes. */
.tm_dot[style*="#FF0000" i] { background-color: #E21707 !important; } /* 0-11    Red */
.tm_dot[style*="#FF6666" i] { background-color: #F5746B !important; } /* 11-22   Light red / salmon */
.tm_dot[style*="#FFCCCC" i] { background-color: #F4A09A !important; } /* 22-33   Very light pink */
.tm_dot[style*="#FF9933" i] { background-color: #C85100 !important; } /* 33-44   Orange */
.tm_dot[style*="#FFFFCC" i] { background-color: #FCEAA3 !important; } /* 44-55   Pale yellow */
.tm_dot[style*="#FFFF00" i] { background-color: #F9CE33 !important; } /* 55-66   Yellow */
.tm_dot[style*="#66CC66" i] { background-color: #95DE7C !important; } /* 66-77   Medium green */
.tm_dot[style*="#00FF00" i] { background-color: #6CCF49 !important; } /* 77-88   Bright green */
.tm_dot[style*="#006633" i] { background-color: #218900 !important; } /* 88-100  Dark green */

.tm_dot_na {
    background-color: gray !important;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 3px;
    text-align: center;
}

.tm_dot_timeOut {
    padding: 5px 2px;
    float: left;
    font-size: 20px;
    color: #6B6B6B;
}

.tm_dot .tm_number {
    font-family: 'Arial Bold', 'Arial';
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    color: #000000;
}

.tm_dot_na .tm_number {
    font-family: 'Arial Bold', 'Arial';
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    color: #ffffff;
}

.tm_panel_wrapper {
    width: 0px;
    height: 0px;
    float: left;
    position: absolute;
}

.tm_panel {
    border: solid 1px #b1b1b1;
    background-color: #fff;
    width: 162px;
    position: relative;
    left: -170px;
    top: -210px;
    height: 220px;
    padding: 10px;
    float: left;
    border-radius: 5px;
    filter: drop-shadow(rgba(0, 0, 0, 0.08) 8px 0px 16px);
}

.tm_panel_principal {
    border: solid 1px black;
    background-color: #eeeeee;
    width: 202px;
    position: relative;
    left: -210px;
    top: -180px;
    height: 160px;
    padding: 10px;
    float: left;
}

.tm_panel_support {
    border: solid 1px black;
    background-color: #eeeeee;
    width: 202px;
    position: relative;
    left: -210px;
    top: -180px;
    height: 160px;
    padding: 10px;
    float: left;
}

.tm_panel_base, .tm_panel_hover_area {
    width: 25px;
    height: 25px;
}

.tm_item_first {
    height: 85px;
    background-color: #fafafa;
    padding: 10px;
}

.tm_item_first_principal {
    height: 55px;
    background-color: #dddddd;
    padding: 10px;
}

.tm_item_first_support {
    height: 55px;
    background-color: #dddddd;
    padding: 10px;
}

.tm_item_last {
    height: 25px;
    background-color: #fff;
    padding: 10px;
    border-top: 1px solid #ccc;
}

.tm_item_number {
    font-size: 16px;
    font-weight: bold;
    font-family: 'Arial Bold', 'Arial';
}

.tm_item_category {
    padding-left: 10px;
    font-size: 14px;
    color: #333333;
}

.tm_link_div {
    float: right;
    margin-top: 10px;
}

.tm_link {
    text-decoration: none;
}

.tm_panel_wrapper_blank {
    width: 0px;
    height: 0px;
    display: none !important;
}

div#QuickLinks {
    float: right;
    margin-top: 10px;
}
/****/
.cos-modal-padding {
    padding: 0 15px 0 15px;
}

.cos-top-button-bar {
    float: right;
    margin-top: 10px;
}

#aAdd_SearchRow {
    float: left;
}

div.quickSearch {
    padding: 0px;
}

div.quickSearch input {
    height: 30px;
    width: 300px;
}

div.quickSearch .qsHelpText {
    background-color: rgb(17, 98, 238);
    background-image: url(../Images/ic-searchg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 55px;
    height: 30px;
    display: inline-block;
    vertical-align: bottom;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-left: -4px;
}

#tabs {
    display: block;
    clear: both;
    font-family: Roboto, Arial, Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 18px 0px 9px 0px;
    border-width: 0px 0px 4px 0px;
    border-style: solid;
    border-color: rgb(223, 226, 226);
    height: 30px;
    padding: 0px;
    min-width: 100%;
    width: max-content;
}

#tabs > li > span > a {
    text-decoration: none;
}

#tabs li {
    display: block;
    float: left;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 20px;
}

#tabs li a:hover {
    border-bottom: 4px solid #a4a4a4;
    padding-bottom: 11px;
    color: #333;
}

#tabs li.active {
    color: rgb(0, 66, 124);
    font-weight: 500;
    margin-left: 0px;
    padding-left: 0px;
    height: 30px;
    border-bottom: 4px solid;
}

#tabs li span.tabInside {
    width: auto;
    vertical-align: middle;
    display: block;
    float: left;
    clear: none;
}

#tabs li.active span.tabInside {
    color: rgb(51, 51, 51);
}

#tabs li a:hover {
    font-weight: 500;
}

#tabs li.active a:link, #tabs li.active a:visited {
    padding: 5px 5px 11px 5px;
    margin: 1px 1px 1px 1px;
    text-decoration: none;
    line-height: 20px;
    color: rgb(0, 66, 124);
    font-weight: 500;
}

#tabs li a:link, #tabs li a:visited {
    margin: 1px 1px 1px 1px;
    text-decoration: none;
    line-height: 20px;
    color: rgb(51, 51, 51);
}

#tabs li a:hover {
}

#tabs li.mine {
    float: right;
}

#tabs li.all {
}

#tabs li.highlight {
    width: 37px;
    height: 27px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 4px;
    margin-right: 10px;
    margin-top: -3px;
}

#tabs li.highlight.yellow {
    background-color: #FCF598;
}

#tabs li.highlight.red {
    background-color: #EFC7CA;
}

#tabs li.highlight.blue {
    background-color: #CFD7EA;
}

#tabs li.highlight.green {
    background-color: #E2F0CF;
}

#tabs li.highlight.purple {
    background-color: #cbb6d5;
}

#tabs li.highlight.orange {
    background-color: #ffb5a8;
}

#tabs li.highlight.teal {
    background-color: #a6e0dc;
}

#tabs li.highlight.gold {
    background-color: #ffe3c5;
}

#tabs li.highlight.yellow.active {
    background-color: #FFDD15;
}

#tabs li.highlight.red.active {
    background-color: #BE1E2D;
}

#tabs li.highlight.blue.active {
    background-color: #3F61AD;
}

#tabs li.highlight.green.active {
    background-color: #8BC53F;
}

#tabs li.highlight.purple.active {
    background-color: #6b2e86;
}

#tabs li.highlight.orange.active {
    background-color: #ff5c3d;
}

#tabs li.highlight.teal.active {
    background-color: #00a69a;
}

#tabs li.highlight.gold.active {
    background-color: #ffaf59;
}

#tabs select {
    text-transform: none;
}


/* Color Preferences Preview - Keep OLD UI tab styling */
#livePreview {
    font-size: 12px;
}

#livePreview #tabs {
    display: block;
    clear: both;
    font-family: arial,sans-serif;
    margin: 10px 0px 5px 0px;
    border-width: 0px 0px 3px 0px;
    border-style: solid;
    border-color: #1D1D1D;
    height: 24px;
    padding: 0px;
    font-weight: normal;
    font-size: 11px;
}

#livePreview #tabs li {
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    background-color: #616161;
    color: #EFEFEF;
    display: block;
    float: left;
    height: 22px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0px 2px 0px 2px;
    margin: 0px 1px 0px 0px;
}

#livePreview #tabs li.active {
    background-color: #1D1D1D;
    color: #FFF;
    font-weight: normal;
    border-top-left-radius: 3px;
    margin-left: 0px;
    padding-left: 0px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    height: 24px;
    border-bottom: none;
}

#livePreview #tabs li span.tabInside {
    color: #EFEFEF;
    padding: 4px 8px 0px 8px;
    margin: 0px;
    width: auto;
    vertical-align: middle;
    display: block;
    float: left;
    clear: none;
    font-size: 10px;
}

#livePreview #tabs li.active span.tabInside {
    color: #FFF;
}

#livePreview #tabs li a,
#livePreview #tabs li a:link,
#livePreview #tabs li a:visited {
    padding: 4px 8px 0px 8px;
    margin: 0px;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #fff !important;
    text-decoration: none;
    line-height: 16px;
    font-size: 10px;
}

#livePreview #tabs li.active a,
#livePreview #tabs li.active a:link,
#livePreview #tabs li.active a:visited {
    color: #FFF !important;
}

#livePreview #tabs li a:hover {
    border-bottom: none !important;
    padding-bottom: 0;
    background: none !important;
}

#livePreview h1, #livePreview h2, #livePreview h4 {
    padding: 8px 10px;
    margin: 0;
    font-size: 14px;
}

#livePreview .cpExample {
    padding: 6px 10px;
    margin: 0;
}

#livePreview .cpExample p {
    margin: 0;
    padding: 2px 0;
    font-size: 11px;
}

#livePreview #previewColors {
    color: rgb(17, 98, 238);
    text-decoration: none;
    font-size: 12px;
    transition: color 0.2s ease;
}

#livePreview #previewColors:hover {
    color: #0056b3;
}

#livePreview #previewColors:active {
    color: #003d82;
}

.cos-td-favorite {
    width: 35px;
}

.cos-th-favorite {
    width: 35px;
    text-align: center;
}
.cos-td-favorite-img {
    width: 20px;
    height: 20px;
}

.cos-th-favorite-img {
    width: 20px;
    height: 20px;
}

.highlights {
    border: 1px solid #333;
}

.hide {
    display: none;
}

#hlpContent {
    padding-top: 40px;
    padding-bottom: 20px;
}

div.supportBar {
    position: fixed;
    bottom: 0px;
    right: 320px;
}

.activationArea {
    height: 28px;
    border: 1px solid yellow;
    margin-top: 8px;
    margin-bottom: 0;
    padding: 0;
    display: none;
}

.bg-supporttab {
    background-image: URL(../images/BG-TED-SupportTab_New.png);
    width: 114px;
    height: 134px;
    vertical-align: bottom;
    display: block;
    float: left;
    position: fixed;
    bottom: 0;
    left: 38px;
    z-index: 6200;
}

.bg-feedbacktab {
    background-image: URL(../images/BG-TED-FeedbackTab_New.png);
    width: 114px;
    height: 134px;
    vertical-align: bottom;
    display: block;
    float: left;
    position: fixed;
    bottom: 0;
    left: 10px;
}

.downTab {
    bottom: -98px;
    position: fixed;
    cursor: pointer;
}

.ic-supporticons {
    width: 40px;
    height: 63px;
    float: left;
    display: block;
    margin: 10px;
    margin-left: 9px;
    margin-right: 9px;
    margin-top: 50px;
    cursor: pointer;
}

.ic-supporticons:hover {
    background-color: transparent;
    border-radius: 10px;
}

#liveagent_button_offline_5731S000000fxSf, #liveagent_button_online_5731S000000fxSf {
    width: 45px;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] {
    margin-top: -150px;
    padding: 10px;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] .ui-widget-header {
    display: none;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] .ui-widget-content {
    background: none;
    border: none;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] label {
    margin: 20px 0px 10px 0px;
    font-weight: bold;
    font-size: 16px;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] #salesForceSearchText {
    padding: 8px 6px;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] div.ui-dialog-buttonpane div.ui-dialog-buttonset button {
    background-color: #ffffff;
    border: none;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] .ui-button-text {
    background-color: #404040;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Helvetica Neue 55';
    font-size: 14px;
    margin: 3px 3px 3px 3px;
    padding: 5px 10px 5px 10px;
    text-transform: uppercase;
    border: none;
}

[aria-labelledby = ui-dialog-title-salesForceDialog] .ui-button-text:hover {
    background-color: #000000;
}

#ic-chat {
    background-image: URL(../images/Support-Chat.png);
    margin-left: 12px;
    margin-right: 8px;
}

#ic-chat:hover {
    background-image: URL(../images/Support-Chat-over.png);
}

#ic-chat.offline {
    background-image: URL(../images/Support-Chat-Offline.png);
}

#ic-issues {
    background-image: URL(../images/ic-issues.png);
    margin-left: 8px;
    margin-right: 8px;
}

#ic-issues:hover {
    background-image: URL(../images/ic-issues-over.png);
}

.ic-help {
    background-image: URL(../images/Support-Help.png);
    margin-left: 0px;
    margin-right: 11px;
    float: right;
}

.ic-help:hover {
    background-image: URL(../images/Support-Help-over.png);
}

#ic-ideas {
    background-image: URL(../images/Feedback-Ideas.png);
    margin-left: 13px;
}

#ic-ideas:hover {
    background-image: URL(../images/Feedback-Ideas-over.png);
}

#ic-love {
    background-image: URL(../images/Feedback-Love.png);
    margin-left: 0px;
    margin-right: 12px;
    float: right;
}

#ic-love:hover {
    background-image: URL(../images/Feedback-Love-over.png);
}

.PagingArrow {
    line-height: 32px;
    display: inline-block;
}

.cos-btn-column {
    text-align: right;
    vertical-align: middle;
}

.cos-neon-icon-btn {
    display: inline-block;
    margin: 5px;
}

.cos-neon-icon-btn > .cos-neon-icon {
    fill: rgb(17, 98, 238);
}

.cos-neon-icon-btn > .cos-neon-icon:hover {
    fill: rgb(0, 80, 162);
}
/*******************************************/
.cos-dyna-list-table {
    width: 100%;
    border-collapse: collapse;
}

.cos-dyna-list-table td,
.cos-dyna-list-table th {
    padding: 4px;
    vertical-align: middle;
}

.cos-dyna-bottom-bar {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.cos-dyna-total {
    line-height: 38px;
    padding-right: 20px;
}

.cos-dyna-show-rows {
    line-height: 38px;
}

.cos-dyna-left {
    width: 220px;
    display: flex;
}

.cos-dyna-center {
    display: flex;
}

.cos-dyna-right {
    width: 220px;
    display: flex;
    justify-content: flex-end;
}

.cos-dyna-pagination-left {
    min-width: 80px;
}

.cos-dyna-pagination-numbers {
    margin-top: 5px;
}

.cos-dyna-pagination-right {
    min-width: 80px;
    text-align: right;
}

.cos-dyna-jump {
    line-height: 38px;
}
/*******************************************/

.cos-dyna-list-select-bar { /* dynalistInfoBar */
    display: flex;
}

.cos-dyna-list-select-bar-right {
    display: flex;
    width: 50%;
    line-height: 33px;
}

.cos-dyna-list-select-bar-right a,
.cos-dyna-list-select-bar-right span {
    margin-right: 25px;
}
.cos-dyna-list-select-bar-right a,
.cos-dyna-list-select-bar-right a:link,
.cos-dyna-list-select-bar-right a:visited {
    color: rgb(17, 98, 238);
    text-decoration: none;
}
.cos-dyna-list-select-bar-right a:hover {
    color: #0056b3;
    text-decoration: none;
}

.cos-dynalist-count {
    text-align: right;
    color: #555;
    line-height: 33px;
}

.cos-dyna-list-info-bar {
    display: flex;
    width: 100%;
}

.cos-dyna-list-info-bar-left {
    width: 50%;
}

.cos-dyna-list-info-bar-right {
    width: 50%;
}

.cos-report-box-container {
    display: flex;
    flex-wrap: wrap;
}

.cos-jump-to-page-bar {
    display: flex;
    width: 100%;
}

.cos-page-size-label {
    display: flex;
    width: 120px;
    line-height: 33px;
}

.cos-page-size-input {
    display: flex;
}

.cos-jqm-h2 {
    margin-left: 20px;
}

.cos-jqm-p {
    padding-left: 20px;
}

.cos-jqm-fieldset {
    padding: 14px;
}

.confirmationPopUp {
    width: 400px !important;
    left: 45% !important;
    transform: translateX(-50%) !important;
    padding: 20px !important;
}

.confirmationPopUp br {
    display: none;
}

.confirmationPopUp hr {
    display: none;
}

.confirmationPopUp .cos-jqm-p {
    padding: 0 0 20px 0 !important;
}

.confirmationPopUp fieldset.buttons {
    padding: 0 !important;
    margin: 0 !important;
}
.candidate-action-fieldset {
    border-top: none !important;
}

.jqmWindow {
    display: none;
    position: absolute;
    top: 40vh;
    left: 26%;
    width: 750px;
    max-height: 825px;
    padding: 0px;
    overflow-y: auto;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 16px, rgba(0, 0, 0, 0.04) 0px 0px 4px;
}

.jqmWindowH2 {
    align-items: center;
    border-bottom: 1px solid rgb(196, 201, 202);
    color: rgb(51, 51, 51);
    display: flex;
    font: 500 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    padding: 5px 0 15px 15px;
}

.jqmOverlay {
    background: rgba(0, 0, 0, 0.4);
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
Star selector used to hide definition from browsers other than IE6
For valid CSS, use a conditional include instead */
* html .jqmWindow {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#RemoveSearchLine {
    background-color: #404040;
    background-image: url('../images/ic-collapse.png');
    background-repeat: no-repeat;
    background-position: 15% 50%;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: 'Helvetica Neue 57'; /*-- Chrome establishes a default font for INPUT[type=button] in forms.css therefor this is needed to override that. Grrr. ---*/
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 3px 5px 3px 5px;
    padding-left: 5px;
    padding-top: 1px;
    text-transform: uppercase;
    text-align: center;
    width: 70px;
}

#RemoveSearchLine {
    background-color: #be1e2d;
    background-image: url('../images/ic-closex.png');
    background-position: 50% 50%;
    width: 25px;
    padding: 0px;
    margin: 0px;
    height: 25px;
    line-height: 25px;
}

#RemoveSearchLineApplicationManager, #RemoveSearchLine {
    background-image: url('../Images/Close.png') !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px 16px!important;
    width: 25px !important;
    height: 25px !important;
    padding: 0px;
    margin: 0px;
    line-height: 25px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    top: 2px;
    position: relative;
}
.applicationmanager-search-grid{
    border-bottom: none !important;
}

#RemoveSearchLine, #RemoveSearchLine:hover {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/Fred-66.png");
    background-size: 25px auto;
}

table[data-table-file="AssignedGlobalFilter"] td a {
    top: 0px !important;
}

table[data-table-file="ApplicationManager_Search"] td a {
    top: 0px !important;
}

.error, .alert {
    border: 1px solid red;
    padding-left: 10px !important;
    border-radius: 4px;
    font-weight: normal;
    background-color: #FDE9E6;
    line-height: 22px;
    color: #B91C1C;
    padding: 10px;
    margin: 10px !important;
    display: block;
}
/* ********************************************************************************* */
a.Header {
    padding: 5px 10px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

a.Header:hover {
    background-color: transparent;
}

a.Header img {
    margin-top: 5px;
}

a.h3 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-bottom: 0;
    margin-top: 10px;
    background-color: #ccc;
    background-image: none;
    padding: 10px /*background-image:url(../images/ic-ConcernsInEmployment.png); padding-left:35px; background-repeat:no-repeat; background-position: left center;*/;
}

.Email {
    background-image: url(../Images/mail.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
}

.Email:hover {
    background-image: url(../Images/mail.svg);
}

.BeginHire {
    background-image: url(../Images/edit.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
}

.BeginHire:hover {
    background-image: url(../Images/edit.svg);
}

.Profile {
    background-image: url(../Images/single-user.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
}

.Profile:hover {
    background-image: url(../Images/single-user.svg);
}

#applicantFolderChkRedFlag, #applicantFolderChkInternal {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle;
    zoom: 0.75;
}

#applicantFolderSpanRedFlag, #applicantFolderSpanInternal {
    display: inline-block;
    margin-right: 15px;
}

    #applicantFolderSpanRedFlag label, #applicantFolderSpanInternal label, .cos-applicant-div > label {
        display: inline-block;
        vertical-align: middle;
    }

.applicant-folder-previous-arrow {
    background-image: url(../Images/left-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 0 10px;
}

.applicant-folder-previous-arrow:hover {
        background-image: url(../Images/left-arrow-blue.svg);
    }

.applicant-folder-previous-arrow.disabled {
        background-image: url(../Images/left-arrow-disable.svg);
        pointer-events: none;
        opacity: 0.6;
        cursor: default;
    }

.applicant-folder-next-arrow {
    background-image: url(../Images/right-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    margin: 0 10px;
}

.applicant-folder-next-arrow:hover {
        background-image: url(../Images/right-arrow-blue.svg);
    }

.applicant-folder-next-arrow.disabled {
        background-image: url(../Images/right-arrow-disable.svg);
        pointer-events: none;
        opacity: 0.6;
        cursor: default;
    }
.applicant-folder-profile-headers a {
    padding: 0px 25px;
}
.applicant-folder-lbl-red-flag {
    top: 1px;
    position: relative;
    display: inline !important;
}

.applicant-folder-lbl-internal {
    top: 1px;
    position: relative;
    display: inline !important;
}

.applicantFolderSlidingDivPrevious {
    display: none;
    z-index: 9999;
    top: 44px;
    left: 50px;
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.08) 8px 0px 16px);
    position: absolute;
    padding: 5px 7px;
    background-color: #fff;
    color: #808080;
    border: 1px solid #bbb;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.applicantFolderSlidingDivNext {
    display: none;
    z-index: 9999;
    top: 45px;
    right: 761px;
    border-radius: 10px;
    filter: drop-shadow(rgba(0, 0, 0, 0.08) 8px 0px 16px);
    position: absolute;
    padding: 5px 7px;
    background-color: #fff;
    color: #808080;
    border: 1px solid #bbb;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .applicantFolderSlidingDivNext span, .applicantFolderSlidingDivPrevious span {
        color: #333;
        font-style: normal;
    }

div#applicantButtons {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
}

div#applicantButtons a {
    padding-left: 10px;
}

.dynamic-text-fieldset {
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 8px;
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

.cos-applicant-display {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.cos-applicant-box {
    border-bottom: 1px dashed #ccc;
    color: #424242;
}

.cos-applicant-div {
    order: 1;
    align-self: flex-end;
    margin-top: 0px;
}

.cos-applicant-info-div {
    order: 2;
    display: block;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

/*nfDialog - Styles*/
.nfDialog_GreyOutMask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9990;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .50;
}

.nfDialog_Button {
    display: inline-block;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(17, 98, 238);
    width: 100px;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    margin-left: 25px;
    margin-right: 25px;
    text-align: center;
    font-weight: bold;
}

#dvnfDialog_Box_Yes {
    float: left;
    margin-left: 40px;
}

#dvnfDialog_Box_No {
    float: right;
    margin-right: 40px;
}

.nfDialog_Button:hover {
    background-color: rgb(232, 240, 253);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(0, 80, 162);
}

.nfDialog_DialogBox {
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 16px, rgba(0, 0, 0, 0.04) 0px 0px 4px;
    background-color: #fff;
    width: 400px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 9999;
    vertical-align: middle;
    padding: 10px 10px 10px 10px;
}

.nfDialog_DialogBox_Tasks {
    display: inline-block;
    border: 0;
    margin: 5px 0 10px 0;
    width: 350px;
    text-align: center;
}

.nfDialog_DialogBox_Message {
}

/* ********************************************************************************* */

/* Link Styles */
a.doc {
    color: #000000;
    text-decoration: none;
}

a.doc:visited {
    color: black
}

a.doc:hover, a.doc:focus {
    background-color: #EFEFEF;
}

div.externalDocumentList {
    height: 90px;
}

/* Applies to all divs within the externalDocumentList */
div.externalDocumentList > div {
    float: left;
}

div.disabled {
    visibility: hidden;
}

div.document_info {
    margin: 5px;
    min-width: 80px;
}

div.document_empty {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_Empty_Slot.png") no-repeat;
    background-size: contain;
    background-position-x: center;
}

div.document_png {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_PNG.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_rtf {
    height: 60px;
    margin-top: 0px;
    background: url("../Images/RH_Candidate_Profile_Redesign_RTF.png") no-repeat;
    background-size: contain;
    background-position-x: center;
}

div.document_tif {
    height: 60px;
    margin-top: 0px;
    background: url("../Images/RH_Candidate_Profile_Redesign_TIF.png") no-repeat;
    background-size: contain;
    background-position-x: center;
}

div.document_pdf {
    height: 60px;
    margin-top: 0px;
    background: url("../Images/RH_Candidate_Profile_Redesign_PDF.png") no-repeat;
    background-size: contain;
    background-position-x: center;
}

div.document_doc {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_DOC.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_docx {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_DOCX.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_gif {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_GIF.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_jpg {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_JPG.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_jpeg {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_JPEG.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_txt {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_TXT.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_default {
    height: 60px;
    background: url("../Images/RH_Candidate_Profile_Redesign_FILE.png") no-repeat;
    background-size: contain;
    margin-top: 0px;
    background-position-x: center;
}

div.document_label_info {
    height: auto;
    text-decoration: none;
}

span.document_date {
    font-size: smaller;
    text-align: center;
    display: block;
}

span.none {
    font-size: smaller;
    visibility: hidden;
    display: block;
}

table.adminToolList, table.adminToolNew, table.adminToolEdit, table.dataGrid {
    border-collapse: collapse;
    border: 0px;
    border-color: #FFFFFF;
    width: 100%;
    margin: 0px 0px;
    font-size: 100%;
}

table.adminToolList td, table.adminToolList th, table.adminToolListNoRecords td, table.adminToolListNoRecords th, table.adminToolEdit td, table.adminToolEdit th, table.adminToolNew td, table.adminToolNew th {
    border-collapse: collapse;
    border: 0px;
    padding: 5px;
    vertical-align: top;
}

/* Set reasonable width for label columns in fieldset forms */
.cos-new-fieldset-form table.adminToolEdit td:first-child {
    width: 250px;
    white-space: nowrap;
}

.cos-new-remove-btn {
    cursor: pointer;
}

.cos-hide-in-new-ui {
    display: none;
}
/**************************/
.cos-date-disabled {
    background-color: #E7E7E7 !important;
    border: 1px solid #C0C0C0 !important;
    color: #A0A0A0 !important;
    cursor: not-allowed !important;
}

.cos-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0 0.4em;
    width: 100%;
}

.ui-datepicker {
    width: 400px;
    font: 400 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.08) 8px 0px 16px, rgba(0, 0, 0, 0.04) 0px 0px 4px;
    padding: 8px;
    display: none;
}

.ui-datepicker table thead tr {
    color: rgb(99, 110, 112);
    font: 400 16px / 24px Roboto, Arial, Helvetica, sans-serif;
    height: 44px;
}

.ui-datepicker td {
    text-align: center;
    padding: 0;
}

.ui-datepicker th {
    text-align: center;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-header {
    font: 400 16px / 24px Roboto, Arial, Helvetica, sans-serif;
}

.ui-datepicker-title {
    text-align: center;
    font: 400 16px / 24px Roboto, Arial, Helvetica, sans-serif;
}

.ui-datepicker-calendar span {
    font: 400 16px / 24px Roboto, Arial, Helvetica, sans-serif;
}

.daysoftheweek {
    list-style-type: none;
}

.daysoftheweek li {
    float: left;
    width: 30%;
}

.daysoftheweek label {
    display: block;
    clear: both;
    margin: 0px;
    border: 0;
}

.daysoftheweek label span {
    float: left;
    width: auto;
    margin: 0 10px 0px 0;
}

.ui-widget-header {
    border: none;
    background-color: rgb(255, 255, 255);
    padding: 0px;
}

.ui-datepicker-trigger {
    margin-left: 10px;
    cursor: pointer;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block !important;
    background-color: rgb(255, 255, 255) !important;
    border: none !important;
    cursor: pointer;
    font: 400 16px / 24px Roboto, Arial, Helvetica, sans-serif !important;
    height: 41px !important;
    width: 41px !important;
    line-height: 40px !important;
    text-align: center !important;
    border-radius: 50% !important;
    background-color: rgb(255,255,255) !important;
    color: rgb(51, 51, 51) !important;
    text-decoration: none !important;
}

    .ui-datepicker td a.ui-state-highlight {
        background-color: rgb(232, 240, 253) !important;
        color: #00427C !important;
        font-weight: 600 !important;
    }

    .ui-datepicker td a.ui-state-active,
    .ui-datepicker td a.ui-state-active.ui-state-highlight {
        background-color: #00427C !important;
        color: #fff !important;
        font-weight: 700 !important;
    }

    .ui-datepicker td a.ui-state-active:hover,
    .ui-datepicker td a.ui-state-active.ui-state-highlight:hover {
        background-color: #00427C !important;
        color: #fff !important;
        font-weight: 700 !important;
        text-decoration: underline;
    }

    .ui-datepicker td a:hover {
        background-color: rgb(232, 240, 253) !important;
        color: #00427C !important;
        font-weight: 500;
        text-decoration: underline;
    }

.window {
    display: block;
    position: fixed;
    left: 35%;
    width: 700px;
    opacity: 1;
    background-color: #000;
    color: #FFF;
    border: 5px solid #333;
    padding: 12px;
    top: 30%;
    max-height: 40%;
}

.Bigger {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.info {
    border: 1px solid #1616D9;
    background-color: #CCD;
    padding: 8px;
    color: #000;
    font-weight: bold;
}

.closeButton {
    border: solid 2px #FFF;
    background-color: #CCC;
    color: Black;
    margin-top: 10px;
}

.close {
    background-color: #000;
    padding-right: 10px;
    color: Red;
    display: block;
    float: right;
}

#boxes #dialog {
    width: 375px;
    height: 203px;
    color: White;
}

.divShowHelp {
    position: absolute;
    background-color: #fff;
    display: none;
    opacity: 0.8;
}

.globalAssignedFilter fieldset table label {
    clear: none;
    float: left;
    margin: -10px 0 9px 10px;
    font-size: 14px;
}

.globalAssignedFilter fieldset INPUT[type="checkbox"] {
    float: left;
    margin: 0;
}

.globalAssignedFilter #ulAssignedTo li {
    list-style-type: none;
    padding: 2px;
    margin-left: -30px;
}

.globalAssignedFilter img.Remove {
    cursor: pointer;
    margin-right: 10px;
}

legend {
}

textarea {
    border: 1px solid rgb(196, 201, 202);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    max-width: 100%;
    min-height: 96px;
    padding: 5px 8px;
    width: 100%;
}

select {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(196, 201, 202);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    flex-grow: 1;
    font: 400 0.875rem / 1.25rem Roboto, Arial, Helvetica, sans-serif;
    height: 32px;
    min-width: 1px;
    padding-inline: 8px;
}

input {
    border: 1px solid rgb(196, 201, 202);
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    flex-grow: 1;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    min-width: 1px;
    padding: 3px 8px;
    margin-left: 3px;
}

/* Exception for checkbox list inputs */
.cos-checkbox-list input[type="checkbox"],
.cos-checkbox-list input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    flex-grow: 0 !important;
    border-radius: 3px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -3px !important;
}

input[type="button"], input[type="submit"] {
    color: rgb(17, 98, 238);
}

input[type="submit"]:hover {
    background-color: rgb(232, 240, 253);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(0, 80, 162);
}

label {
    line-height: 30px;
    clear: both;
    padding: 3px;
    font-size: 15px;
    vertical-align: middle;
}

label span {
    padding-bottom: 5px;
    display: flex;
}

label span em {
    color: #BE1E2D;
}

label .hoverHighlight:hover {
    background-color: #AEE3EE;
    cursor: pointer;
}

.candLinks {
    background-color: #fff;
    padding: 15px;
}

.download {
    display: block;
}

.newWin {
    display: block;
}

.cos-selected-user-box {
    display: flex;
    align-items: center;
}

.cos-selected-user {
    margin: 10px;
}

.cos-remove-img {
    display: inline-block;
    cursor: pointer;
}

.cos-mce-container {
    max-width: 909px;
}

.cos-time-field {
    width: 65px !important;
}

.cos-td-field-label {
    width: 300px;
}

.jqmWindow h2 {
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px 10px;
}

.confirmationPopUp h2 {
    border-bottom: none !important;
}

.jqmWindow .cos-new-fieldset-form {
    box-shadow: none !important;
    margin-top: 12px;
}

#divNewReferenceCheck .cos-new-fieldset-form {
    margin-top: 0px !important;
}

#divUserchoice .cos-new-fieldset-form {
    margin-top: 10px !important;
}

.cos-modal-fieldset {
}

.cos-modal-fieldset legend {
    display: none;
}

.cos-modal-fieldset .cos-form-row {
    padding: 10px 0;
}

.cos-modal-fieldset label {
    padding: 0px 0px 3px 0px;
    display: block;
    font-weight: 500;
}
/* Modal Quick Search: force left alignment in all modes (Neon) */
[id$="divModalSearchSelectColumnModal"] .cos-modal-fieldset .cos-form-row {
    text-align: left !important;
    justify-content: flex-start !important;
}
[id$="divModalSearchSelectColumnModal"] .cos-modal-fieldset label {
    text-align: left !important;
    width: auto !important;
    margin-right: 8px !important;
    display: inline-block !important;
}
[id$="divModalSearchSelectColumnModal"] .cos-modal-fieldset input {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-block !important;
}
/* E261: the "Quick Search" section label is decorative-only and was hidden (legend display:none)
   before the fieldset->div change. Keep it hidden in both modes for visual + AT parity. */
[id$="divModalSearchSelectColumnModal"] .cos-modal-section-label {
    display: none !important;
}

#cof-add-column-modal .neon-dialog {
    max-width: none !important;
}

.jqmWindow .cos-new-fieldset-form legend {
    left: 0 !important;
}

.cos-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    display: none;
}

.cos-spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.pds-app-switcher-contents.pds-app-switcher button.pds-app-switcher-trigger.pds-app-switcher:focus:not([disabled]),
.pds-app-switcher-contents.pds-app-switcher button.pds-app-switcher-trigger.pds-app-switcher:hover:not([disabled]),
button.pds-is-active.pds-app-switcher-open.pds-app-switcher {
    background-color: unset;
}

.pds-app-switcher-contents.pds-app-switcher button.pds-app-switcher-trigger.pds-app-switcher {
    background-color: unset;
}

pds-icon.pds-app-switcher {
    height: 32px;
}

.badge {
    font-family: 'Helvetica Neue 57';
    font-size: 10px;
    line-height: 18px;
    text-align: center;
    background-color: #808080;
    color: #FFFFFF;
    border: 2px solid #D2D2D2;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: -5px 0 0 2px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ImpersonateNoticeNew {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgb(255 52 52 / 70%);
    color: white;
    padding: 10px;
    z-index: 1000;
    width: 400px;
    text-align: center;
    border-radius: 0px 0px 10px 10px;
}

a:focus {
    box-shadow: var(--neon-button-focus-box-shadow, 0 0 0 1px #fff, 0 0 0 2px #1162ee, 0 0 0 4px #bad7ff);
    outline: none;
}

/* ATS-E490: Generic application-wide keyboard focus indicator (Neon / new UI).
   Neon only applies the halo focus ring to anchors (see a:focus above) and primary
   buttons by default, leaving native form controls, secondary buttons, role=button /
   role=link widgets and tabindex elements without a consistent focus ring. Apply the
   same halo ring used by anchors to every interactive control here so the focus
   indicator is uniform across the whole app and no longer needs to be hard-coded on
   individual pages. Uses :focus-visible so the ring only shows for keyboard users,
   matching Neon's existing behavior. */
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
.cos-button-secondary:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
[tabindex]:focus-visible {
    box-shadow: var(--neon-button-focus-box-shadow, 0 0 0 1px #fff, 0 0 0 2px #1162ee, 0 0 0 4px #bad7ff);
    outline: none;
}

.rowDisabledA {
    background-color: transparent;
    color: #767676;
}

.rowDisabledB {
    background-color: transparent;
    color: #767676;
}

.cos-modal-button-bar {
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 10px;
}

/* ApplicationManager modal - override fieldset styles - Neon ON mode */
.cos-highlight-modal-fieldset,
.cos-applicationstatus-modal-fieldset,
.cos-applicationscreening-modal-fieldset,
.cos-ehv-modal-fieldset,
.cos-wonderlic-modal-fieldset,
.global-filter-set-popup {
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    box-shadow: none !important;
}
.wonderlic-dropdown {
    margin-top: -31px;
    margin-left: -9px;
}
.cos-ref-modal-fieldset {
    margin-top: -19px !important;
    background-color: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    margin-left: -4px;
}

.jqmWindow  legend {
    display: block !important;
    position: relative !important;
    top: 15px !important;
    left: 6px !important;
    padding-bottom: 10px !important;
}
.highlight-selected-application-header {
    border-bottom: none !important;
}

.highlight-selected-application-footer {
    border-top: none !important;
}

.application-change-status-footer {
    border-top: none !important;
}

.application-screening-status-footer {
    border-top: none !important;
}
.cos-applicationstatus-modal-fieldset {
    box-shadow: none !important;
    padding: 0px !important;
    position: relative;
    right: -2px;
}
.cos-applicationscreening-modal-fieldset {
    box-shadow: none !important;
    padding: 0px !important;
    position: relative;
    right: 2px;
}
#vlblFavorites {
    position: relative;
    right: 8px;
}
#cboActionList option.optgroup-header {
    font-weight: normal;
    font-style: normal;
    background-color: #f5f5f5 !important;
    color: #333 !important;
}

.cos-new-fieldset-table {
    background-color: #fff;
    padding: 0px 16px 16px 16px;
    border-radius: 8px;
    margin-bottom: 15px;
    margin-top: 45px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

.cos-new-fieldset-table legend {
    position: relative;
    top: -25px;
    font-size: 21px;
    font-weight: 600;
    left: -18px;
    color: rgb(51, 51, 51);
}

.cos-new-fieldset-form {
    background-color: #fff;
    padding: 0px 16px 16px 16px;
    border-radius: 8px;
    margin-bottom: 15px;
    margin-top: 45px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

/* Application Builder forms - no legend, reduced top margin */
.cos-app-builder-form {
    margin-top: 15px;
}

.cos-new-fieldset-form legend {
    position: relative;
    top: -25px;
    font-size: 21px;
    font-weight: 600;
    left: -18px;
    color: rgb(51, 51, 51);
}

/* EditScreeningResult.aspx specific styles */
body:has(#txtHiddenScreeningID) #frmMain .cos-new-fieldset-form {
    margin-top: -11px;
}

body:has(#txtHiddenScreeningID) #frmMain .cos-new-fieldset-form legend {
    position: relative;
    top: 23px;
    font-size: 14px;
    font-weight: 400;
    font-family: arial, sans-serif !important;
    color: #000;
    margin-left: 10px;
    padding: 15px;
    font-style: normal;
}

#frmJobOfferTemplate > fieldset.cos-new-fieldset-form:has(#txtJobTempTitle) {
    margin-top: 15px;
}

.cos-new-fieldset-form .cos-form-row {
    padding: 10px;
}

.cos-new-fieldset-form .cos-form-row:empty {
    display: none;
}

/*.cos-new-fieldset-form table input[type="text"],
.cos-new-fieldset-form table input[type="password"],
.cos-new-fieldset-form table input[type="email"],
.cos-new-fieldset-form table input[type="number"],
.cos-new-fieldset-form table input[type="tel"],
.cos-new-fieldset-form table input[type="url"],
.cos-new-fieldset-form input[type="text"],
.cos-new-fieldset-form input[type="password"],
.cos-new-fieldset-form input[type="email"],
.cos-new-fieldset-form input[type="number"],
.cos-new-fieldset-form input[type="tel"],
.cos-new-fieldset-form input[type="url"] {
    border: 1px solid rgb(196, 201, 202) !important;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    color: rgb(51, 51, 51) !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    padding: 5px 8px !important;
    min-height: 32px !important;
    margin-left: 0px !important;
    width: auto !important;
}
.cos-new-fieldset-form table select,
.cos-new-fieldset-form select {
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(196, 201, 202) !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    color: rgb(51, 51, 51) !important;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif !important;
    height: 32px !important;
    padding: 5px 8px !important;
    margin-left: 0px !important;
}
.cos-new-fieldset-form table textarea,
.cos-new-fieldset-form textarea {
    border: 1px solid rgb(196, 201, 202) !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    color: rgb(51, 51, 51) !important;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif !important;
    padding: 5px 8px !important;
    margin-left: 0px !important;
}
.cos-new-fieldset-form table input[type="text"]:focus,
.cos-new-fieldset-form table input[type="password"]:focus,
.cos-new-fieldset-form table input[type="email"]:focus,
.cos-new-fieldset-form table input[type="number"]:focus,
.cos-new-fieldset-form table input[type="tel"]:focus,
.cos-new-fieldset-form table input[type="url"]:focus,
.cos-new-fieldset-form input[type="text"]:focus,
.cos-new-fieldset-form input[type="password"]:focus,
.cos-new-fieldset-form input[type="email"]:focus,
.cos-new-fieldset-form input[type="number"]:focus,
.cos-new-fieldset-form input[type="tel"]:focus,
.cos-new-fieldset-form input[type="url"]:focus,
.cos-new-fieldset-form table select:focus,
.cos-new-fieldset-form select:focus,
.cos-new-fieldset-form table textarea:focus,
.cos-new-fieldset-form textarea:focus {
    outline: none !important;
    border-color: rgb(17, 98, 238) !important;
    box-shadow: 0 0 0 1px rgb(17, 98, 238) !important;
}*/
.clarify {
    font-size: 13px;
}

.divGlobalFields {
    display: flex;
}

.cos-new-fieldset-form label {
    padding: 0px 0px 3px 0px;
    display: block;
    font-weight: 500;
}

/* Customize.aspx - Stacked form layout (USE_NEW_UI = true only) */
#policyInformationSection,
#multiLanguageApplications,
#internalApplicantChallengeSection,
#primaryContactSection,
#jobPostingConfigSection,
#googleAnalyticsScript,
#glassdoorApplicantTracking {
    height: auto !important;
}

#policyInformationSection table.adminToolEdit,
#multiLanguageApplications table.adminToolEdit,
#internalApplicantChallengeSection table.adminToolEdit,
#primaryContactSection table.adminToolEdit,
#jobPostingConfigSection table.adminToolEdit,
#googleAnalyticsScript table.adminToolEdit,
#glassdoorApplicantTracking table.adminToolEdit,
#tbSafeSchools {
    display: block;
    width: 100%;
    padding: 10px;
}

#policyInformationSection table.adminToolEdit tr,
#multiLanguageApplications table.adminToolEdit tr,
#internalApplicantChallengeSection table.adminToolEdit tr,
#primaryContactSection table.adminToolEdit tr,
#jobPostingConfigSection table.adminToolEdit tr,
#googleAnalyticsScript table.adminToolEdit tr,
#glassdoorApplicantTracking table.adminToolEdit tr,
#tbSafeSchools tr {
    display: block;
    margin-bottom: 20px;
    height: auto !important;
}

#policyInformationSection table.adminToolEdit td,
#multiLanguageApplications table.adminToolEdit td,
#internalApplicantChallengeSection table.adminToolEdit td,
#primaryContactSection table.adminToolEdit td,
#jobPostingConfigSection table.adminToolEdit td,
#googleAnalyticsScript table.adminToolEdit td,
#glassdoorApplicantTracking table.adminToolEdit td,
#tbSafeSchools td {
    display: block;
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 !important;
}

#policyInformationSection table.adminToolEdit td:first-child,
#multiLanguageApplications table.adminToolEdit td:first-child,
#internalApplicantChallengeSection table.adminToolEdit td:first-child,
#primaryContactSection table.adminToolEdit td:first-child,
#jobPostingConfigSection table.adminToolEdit td:first-child,
#googleAnalyticsScript table.adminToolEdit td:first-child,
#glassdoorApplicantTracking table.adminToolEdit td:first-child,
#tbSafeSchools td:first-child {
    font-weight: 500;
    padding-bottom: 3px !important;
    padding-top: 8px !important;
}

#policyInformationSection table.adminToolEdit input,
#policyInformationSection table.adminToolEdit select,
#policyInformationSection table.adminToolEdit textarea,
#multiLanguageApplications table.adminToolEdit input,
#multiLanguageApplications table.adminToolEdit select,
#internalApplicantChallengeSection table.adminToolEdit input,
#internalApplicantChallengeSection table.adminToolEdit select,
#internalApplicantChallengeSection table.adminToolEdit textarea,
#primaryContactSection table.adminToolEdit input,
#primaryContactSection table.adminToolEdit select,
#jobPostingConfigSection table.adminToolEdit input,
#jobPostingConfigSection table.adminToolEdit select,
#googleAnalyticsScript table.adminToolEdit textarea,
#glassdoorApplicantTracking table.adminToolEdit textarea,
#tbSafeSchools input,
#tbSafeSchools select,
#tbSafeSchools textarea {
    width: 100%;
    max-width: 600px;
    padding: 6px 8px;
    height: auto;
    box-sizing: border-box;
}

#policyInformationSection table.adminToolEdit textarea,
#internalApplicantChallengeSection table.adminToolEdit textarea,
#googleAnalyticsScript table.adminToolEdit textarea,
#glassdoorApplicantTracking table.adminToolEdit textarea,
#tbSafeSchools textarea {
    min-height: 120px;
    width: 600px;
    max-width: none !important;
    resize: both !important;
    padding: 8px;
    line-height: 1.5;
}

/* Background Check Configuration - trAutoCheck styling for grid layout */
#trAutoCheck td:nth-child(2),
#trAutoCheckRequired td:nth-child(2) {
    display: grid;
    gap: 10px;
}

#policyInformationSection table.adminToolEdit select,
#policyInformationSection table.adminToolEdit input[type="text"],
#policyInformationSection table.adminToolEdit input[type="email"],
#policyInformationSection table.adminToolEdit input[type="password"],
#multiLanguageApplications table.adminToolEdit select,
#internalApplicantChallengeSection table.adminToolEdit select,
#internalApplicantChallengeSection table.adminToolEdit input[type="text"],
#primaryContactSection table.adminToolEdit select,
#primaryContactSection table.adminToolEdit input[type="text"],
#primaryContactSection table.adminToolEdit input[type="email"],
#jobPostingConfigSection table.adminToolEdit select,
#jobPostingConfigSection table.adminToolEdit input[type="text"],
#districtInformation table.adminToolEdit select,
#districtInformation table.adminToolEdit input[type="text"],
#tbSafeSchools select,
#tbSafeSchools input[type="text"] {
    width: fit-content !important;
    max-width: 400px !important;
}
#internalApplicantChallengeSection table.adminToolEdit td p {
    margin: 0;
    padding: 0;
}
.cos-new-fieldset-form .cos-form-title {
    padding: 0px 0px 5px 0px;
    display: block;
}

.cos-new-fieldset-form label.error {
    background-color: #fee9e9;
    padding: 5px;
    border-radius: 5px;
    color: #a40007;
    margin-top: 18px;
}

/* Row-level validation: vertical margin like .alert blocks; avoids adding margin to every .error/.alert */
.cos-new-fieldset-form .cos-row-error {
    background-color: #FDE9E6;
    border: 1px solid #fdbcb3;
    border-radius: 5px;
    margin: 10px 0;
}

.cos-form-info-row.cos-row-error {
    padding: 10px;
}

/* Highly Qualified Configuration page - align info text with form inputs */
#sDisableHint.cos-form-info-row {
    padding: 10px;
    line-height: 1.5;
}

.cos-list-box {
    height: 200px;
}

.cos-child-category-title {
    display: -webkit-inline-box !important;
    margin-top: -3px !important;
    margin-left: 7px;
}

.cos-form-info {
    padding: 20px 0 10px 10px;
    display: block;
}

.cos-new-fieldset-form .cos-form-row-inline {
    display: flex;
    align-items: center;
    padding: 5px;
}

.cos-new-fieldset-form .cos-form-row-inline label {
    padding: 0px;
}

.cos-form-row-inline input,
.cos-form-row-inline select,
.cos-form-row-inline textarea {
    flex-grow: initial;
}

.cos-label-right {
    float: right;
    padding: 5px !important;
}

.cos-label-after {
    margin-left: 8px;
}

.cos-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.cos-new-fieldset-form em {
    color: #be1e2d;
}

.cos-required-field::after {
    content: " *";
    color: #be1e2d;
}

.cos-item-search-multi-row {
    padding: 4px 0px 4px 0px;
}

.cos-item-search-table tr {
    height: 28px;
}

.cos-item-search-table td {
    padding-top: 4px;
    line-height: 1;
}

.cos-item-search-top {
    position: relative;
}

.cos-item-search-close {
    position: absolute;
    top: 0;
    right: 0;
}

/*********************************************/
.cos-new-search {
    display: flex;
    /* TE-76888 ATS-E668 — "Search Users" field border contrast.
       rgb(196,201,202) on #fff = ~1.6:1 (< 3:1 for UI components).
       #767676 on #fff = ~4.5:1. */
    border: 1px solid #767676;
    border-radius: 4px;
    background-color: #fff;
    width: 27%;
    padding-right: 5px;
}

.cos-search-icon {
    width: 30px;
    display: flex;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 3px;
}

.cos-search-input {
    width: 100%;
    display: flex;
}

.cos-search-input input {
    border: none;
    width: 100%;
    outline: none !important;
}

.cos-search-input input:focus,
.cos-search-input input:active,
.cos-search-input input:hover {
    border: none !important;
    outline: none !important;
    background: inherit;
    box-shadow: none !important;
}

/* ATS-E490: The inner search input is borderless; show the focus ring on the
   search component wrapper so keyboard focus is visible (composite widget). */
.cos-new-search:focus-within {
    box-shadow: var(--neon-button-focus-box-shadow, 0 0 0 1px #fff, 0 0 0 2px #1162ee, 0 0 0 4px #bad7ff);
    outline: none;
}

.cos-title-bar {
    display: flex;
    justify-content: space-between;
}

.cos-title-slot-left {
    width: 50%;
}

.cos-title-slot-right {
    width: 50%;
    text-align: right;
    padding-top: 10px;
}

.cos-footer-bar {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}

.cos-footer-slot-left {
    width: 50%;
}

.cos-footer-slot-right {
    width: 50%;
    text-align: right;
}


tr.row.yellow {
    background-color: #FCF598;
}

tr.row.yellow:hover {
    background-color: #FBEE46;
}

tr.row.red {
    background-color: #EFC7CA;
}

tr.row.red:hover {
    background-color: #EF8991;
}

tr.row.blue {
    background-color: #CFD7EA;
}

tr.row.blue:hover {
    background-color: #9AB1E9;
}

tr.row.green {
    background-color: #E2F0CF;
}

tr.row.green:hover {
    background-color: #BCF075;
}

tr.row.purple {
    background-color: #cbb6d5;
}

tr.row.purple:hover {
    background-color: #9b72ae;
}

tr.row.orange {
    background-color: #ffb5a8;
}

tr.row.orange:hover {
    background-color: #ff8973;
}

tr.row.teal {
    background-color: #a6e0dc;
}

tr.row.teal:hover {
    background-color: #53c3bb;
}

tr.row.gold {
    background-color: #ffe3c5;
}

tr.row.gold:hover {
    background-color: #ffc98f;
}

a {
    text-decoration: none;
    color: rgb(17, 98, 238);
}

a:hover {
    color: #0056b3;
}

a:active {
    color: rgb(17, 98, 238);
}

a:visited {
    color: rgb(17, 98, 238);
}

a.download:link, a.download:visited {
    color: rgb(17, 98, 238);
    text-decoration: none;
}

a.download:hover {
    color: #0056b3;
    text-decoration: none;
}

th a:visited, th a:active, th a:hover {
    color: #333
}

.cos-999-debug-info {
    position: fixed;
    bottom: 0px;
    z-index: 9999;
}

.chkListPrintPackage td {
    padding: 0 !important;
}

.chkListPrintPackage tr {
    height: unset !important;
}

#cof-hire-neon-avatar-menu {
    margin-top: 4px;
}

#chkUserGroups label {
    display: inline;
}

.cos-checkbox-list #chkUserGroups td {
    padding: 6px 0 !important;
}

/* DateRangeSelect.aspx - X mark vertical align (Neon On) */
#JobID .linkRemove {
    vertical-align: middle !important;
    position: static !important;
}

/* Override for ReportWizard checkbox list */
.cos-checkbox-list #chkUserGroups label {
    display: inline-block !important;
}

/* ReportWizard_60_Sharing / PredefinedShare - Security Groups label alignment */
/* Do NOT add negative margins here - they fight .cos-checkbox-list table td label vertical-align:middle and cause misalignment */
/* ManageCategoryAccess.aspx has its own scoped rule via .manage-category-access selector */
.cos-user-groups-fieldset #chkUserGroups tr td label {
    line-height: 20px !important;
    margin-top: 0 !important;
    top: 0 !important;
    position: static !important;
}

/* Security Groups checkbox labels alignment - Neon ON mode */
#chkUserGroupsInAssignUser label {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal !important;
    position: relative;
    top: 2px;
}
#chkUserGroupsInAssignUser td {
    padding: 0 10px;
    line-height: 1.05;
}

/* GlobalApplicationSettings_Sharing.aspx ONLY (Neon ON): checkbox + label alignment. */
#fieldset-security-groups-sharing.cos-new-fieldset-form #chkUserGroups {
    text-align: left;
    margin: 0;
}

#fieldset-security-groups-sharing.cos-new-fieldset-form #chkUserGroups td {
    text-align: left !important;
    padding: 5px 0;
    vertical-align: middle;
    display: block;
}

#fieldset-security-groups-sharing.cos-new-fieldset-form #chkUserGroups td > span {
    display: block;
    text-align: left;
}

#fieldset-security-groups-sharing.cos-new-fieldset-form #chkUserGroups label {
    display: inline-block !important;
    vertical-align: middle !important;
    padding: 4px !important;
    text-align: left;
    font-weight: normal !important;
}

#fieldset-security-groups-sharing.cos-new-fieldset-form #chkUserGroups input[type="checkbox"] {
    vertical-align: middle !important;
    margin-right: 8px;
}

#fieldset-security-groups-sharing.cos-new-fieldset-form .cos-form-row {
    display: block !important;
    text-align: left;
}

/* Saved Search Share - Security Groups checkbox labels - Neon ON mode */
.cos-saved-search-share-checkbox-label label {
    top: -3px !important;
    font-weight: unset !important;
    position: relative;
    text-align: left !important;
    padding: 3px;
}

/* Saved Search Share - Remove yellow hover background on user list - Neon ON mode */
#ulAssignedTo li:hover {
    background-color: transparent !important;
}


.cos-interview-accepted {
    color: #006d00;
    font-weight: 500;
}

.cos-interview-noresponse {
    color: #000;
}

.cos-interview-declined {
    color: #000;
}

.subcategoriesDivStyle {
    display: none;
    margin-left: 15px;
    margin-top: 10px;
}

.subcategoriesDivStyle table td {
    padding: 0px;
}

.subcategoriesDivStyle tr {
    height: 0px;
}

.gradeLevelChecklistDiv {
    overflow-y: auto;
    max-height: 250px;
    width: 60%;
    background-color: #ffffff;
    margin-bottom: 10px;
}

.gradeLevelChecklistDiv label {
    display: inline !important;
    margin-left: 5px;
}

.gradeLevelChecklistDiv tr {
    height: 35px;
}

.gradeLevelChecklistDiv td {
    padding: 0px;
    padding-left: 5px;
}

/* Grade Levels checkbox alignment fix (Neon ON) - scoped to EditJobTemplate SchoolSpring section only */
body:has(#txtHiddenJobTemplateID) #fsSchoolSpring .gradeLevelChecklistDiv table {
    border-collapse: collapse;
}

body:has(#divGeneral) #vlblDisclosure > label#lblDisclosure span {
    margin-left: 10px !important;
}

body:has(#txtHiddenJobTemplateID) #fsSchoolSpring .gradeLevelChecklistDiv td {
    padding: 2px 0 !important;
    vertical-align: middle !important;
}
body:has(#txtHiddenJobTemplateID) #fsSchoolSpring .gradeLevelChecklistDiv input[type="checkbox"] {
    vertical-align: middle !important;
    margin: 0 5px 0 0 !important;
}
body:has(#txtHiddenJobTemplateID) #fsSchoolSpring .gradeLevelChecklistDiv label {
    font-weight: normal !important;
    vertical-align: middle !important;
}

/* Radio button vertical alignment fix (Neon ON) - scoped to EditJobTemplate SchoolSpring section only */
body:has(#txtHiddenJobTemplateID) #fsSchoolSpring input[type="radio"] {
    vertical-align: middle !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    top: -1px !important;
}

/* Radio button spacing - divs containing radio buttons in EditJobTemplate only */
body:has(#txtHiddenJobTemplateID) #fsSchoolSpring .cos-form-row > div:has(> input[type="radio"]) {
    margin-bottom: 8px !important;
}

body:has(#txtHiddenJobTemplateID) #fsSchoolSpring .radio-option-container label {
    display: inline;
    vertical-align: middle;
    cursor: default;
    font-weight: normal;
}

/* Radio button vertical stacking - JobPosting Employment Start Date (Neon ON) */
body:has(#txtHiddenJobID) #fsSchoolSpring .cos-form-row > div:has(> input[type="radio"]) {
    margin-bottom: 8px !important;
}

body:has(#txtHiddenJobID) #fsSchoolSpring .radio-option-container label {
    display: inline;
    vertical-align: middle;
    cursor: default;
    font-weight: normal;
}

#rblWorkEligibility input {
    display: inline !important;
    margin: 0 8px 0 0 !important;
}

#rblWorkEligibility label {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
}

#rblWorkEligibility tr {
    display: block !important;
    line-height: 1.8 !important;
}

#rblWorkEligibility table,
#rblWorkEligibility tbody,
#rblWorkEligibility td {
    display: block !important;
}

.alignCheckBox {
    display: contents !important;
}

.previewBtn {
    background: url(../images/preview.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right !important;
    height: 31px;
    padding: 0 !important;
    text-indent: -9999px;
    width: 83px;
    margin-right: 603px;
    margin-top: -2px;
}

body.use-new-ui .customize-section {
    margin-bottom: 20px;
}

/* Contact Page - Legend Styling (Neon ON Mode) - Keep inside box */
.cos-contact-page {
    margin-top: 15px !important;
    padding: 35px 16px 16px 16px !important;
}

.cos-contact-page legend {
    position: relative !important;
    top: 19px !important;
    left: 7px !important;
    font-family: arial, sans-serif !important;
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: #000 !important;
    margin-bottom: -25px !important;
}

.cos-contact-legend {
    font-family: arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #000;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    display: block;
}

/* Remove download icon from document attachment links */
.cos-contact-page #divAttachedDocuments a {
    background-image: none !important;
    padding-right: 0 !important;
    color: rgb(17, 98, 238) !important;
}

.cos-contact-page #divAttachedDocuments a::before,
.cos-contact-page #divAttachedDocuments a::after {
    content: none !important;
    display: none !important;
}

.cos-contact-page #divAttachedDocuments a[href*="RetrieveFile"] {
    background: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: rgb(17, 98, 238) !important;
}

.cos-contact-page #divAttachedDocuments img {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.cos-contact-page #divAttachedDocuments a[onclick*="RemoveAttachedDocument"]::after {
    content: "Remove";
    color: rgb(17, 98, 238);
}

/* Contact Page - Fix padding for document attached cell */
.cos-contact-page #divAttachedDocuments td {
    padding: 0px !important;
}

body.use-new-ui .customize-section .section-header {
    background-color: #fff;
    color: #333;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
    margin: 0;
}

body.use-new-ui .customize-section .adminToolEdit {
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background: #fff;
}

/* Calendar vCal download links - Neon ON */
a .vcal:link, a.vcal:visited, a.vcal:hover {
    background-image: url(../images/vcal.gif);
    background-position: right;
    text-decoration: none;
    padding-right: 25px;
    background-repeat: no-repeat;
    color: rgb(17, 98, 238) !important;
}

.cos-contact-page a[href*="RetrieveVCal"] {
    background-image: none !important;
    padding-right: 0px !important;
}

.cos-contact-page a[href*="RetrieveVCal"] img {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.cos-contact-page a[href*="RetrieveVCal"]::after {
    content: "Download";
    color: rgb(17, 98, 238);
    text-decoration: none;
}

.users-filters-preview-div {
    white-space: normal;
    line-height: normal;
}

.users-filters-preview-div .p-text {
    display: inline !important;
}

.users-filters-preview-div img {
    display: inline-block !important;
    vertical-align: middle;
    margin-left: 8px;
    height: 31px;
}

#editFormContainer .cos-new-fieldset-form .cos-form-info-row,
#editLocationContainer .cos-new-fieldset-form .cos-form-info-row {
    margin-left: -3px;
}

#editFormContainer .cos-form-info-row ul {
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
}

#editFormContainer .cos-form-info-row ul li {
    padding-left: 20px;
    margin-bottom: 5px;
}

#editFormContainer input[type="text"],
#editFormContainer input[type="number"] {
    margin-right: 10px;
}

#editFormContainer textarea {
    margin-left: 10px;
    width: 294px;
    height: 130px;
}

#editFormContainer .cos-new-fieldset-form {
    max-width: 1200px;
}

#editFormContainer .newQuestion {
    display: block;
    clear: both;
    max-width: 1200px;
    overflow: visible;
}

#editFormContainer .questionText {
    margin-top: 3px;
    float: left;
    width: auto;
    min-width: 300px;
    max-width: calc(100% - 200px);
}

#editFormContainer .questionText textarea {
    resize: both;
    width: 294px;
    min-width: 294px;
    max-width: 900px;
    box-sizing: border-box;
}

#editFormContainer .taMultipleChoice,
#editFormContainer .ffDesc {
    float: left;
    clear: none;
    margin-left: 87px;
}

#editFormContainer .taMultipleChoice {
    resize: both;
    min-width: 200px;
    max-width: 900px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

#editFormContainer .ffDesc {
    max-width: 900px;
    box-sizing: border-box;
}

#editFormContainer div[master] {
    margin-top: 5px;
}

/* Fix: Ensure header stays above autocomplete popovers.
Autocomplete popovers use z-index: 900; header uses z-index: 1000 to stay on top when scrolling. */
[class*="-app-layout-header-bar"] {
    z-index: 1000;
}

/* Hover highlighting and row styling for UserSearch dropdown */
table[data-table-file="UserSearch"] tr {
    transition: background-color 0.15s ease;
    height: auto;
}

table[data-table-file="UserSearch"] tr:hover,
table[data-table-file="UserSearch"] tr.rowSelect {
    background-color: #e8f0fd;
    cursor: pointer;
}
table[data-table-file="UserSearch"] td {
    padding: 4px 8px;
    line-height: 1.3;
}

/* Align checkbox lists and radio rows with cos-form-row padding inside fieldsets */
.cos-new-fieldset-form .cos-checkbox-list-vertical {
    padding: 10px !important;
}

.cos-new-fieldset-form .cos-radio-checkbox-row {
    padding-left: 10px !important;
}

/* ReportWizard checkbox list styling */
.cos-checkbox-list input[type="checkbox"],
.cos-checkbox-list input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
    cursor: pointer !important;
    min-height: auto !important;
    float: none !important;
    display: inline-block !important;
    border: 1px solid rgb(196, 201, 202) !important;
    border-radius: 3px !important;
    background-color: rgb(255, 255, 255) !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
}

/* ASP.NET CheckBoxList table styling - ReportWizard specific */
.cos-checkbox-list table {
    width: auto !important;
    border-spacing: 0 !important;
}

.cos-checkbox-list table tr {
    line-height: 20px !important;
    background: transparent !important;
}

.cos-checkbox-list table td {
    vertical-align: middle !important;
    text-align: left !important;
    border-bottom: none !important;
    padding: 5px !important;
}

.cos-checkbox-list table td label {
    vertical-align: middle !important;
    line-height: 20px !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    width: auto !important;
    clear: none !important;
    font-size: 14px !important;
}

/* ReportWizard radio button and checkbox row styling */
.cos-radio-checkbox-row label {
    width: auto !important;
    display: inline-block !important;
    text-align: left !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding: 0 !important;
    vertical-align: middle !important;
    line-height: 20px !important;
    clear: none !important;
    font-size: 14px !important;
}

.cos-radio-checkbox-row input[type="radio"],
.cos-radio-checkbox-row input[type="checkbox"] {
    vertical-align: middle !important;
    position: relative !important;
    top: -1px !important;
    margin-right: 5px !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: 16px !important;
    height: 16px !important;
    min-height: auto !important;
    border: 1px solid rgb(196, 201, 202) !important;
    border-radius: 3px !important;
    background-color: rgb(255, 255, 255) !important;
    flex-grow: 0 !important;
    box-sizing: border-box !important;
}
.legend-icon-neon {
    top: 4px;
    position: relative;
}
.global-filter-text {
    background-color: white;
    padding: 0px;
    margin-bottom: 10px;
}

#lblReferenceContactInfo ul {
    padding-left: 0px;
    font-weight: 400;
}

#referenceAdditionalInfoLink {
    margin-left: 10px;
}

.deactivated-text {
    margin-left: 23px;
}

/* Add space between checkbox and text for Records and Perform */
#cbGenerateRecordsAccount,
#cbGeneratePerformAccount {
    margin-right: 8px !important;
}

/* Add space between Records and Perform rows */
#divGenerateRecordsAccount {
    margin-bottom: 15px !important;
}

#divGeneratePerformAccount {
    margin-top: 0px !important;
}

/* Override font-weight for checkbox labels in Users.aspx */
.cos-new-fieldset-form label.checkbox-label-text {
    font-weight: normal !important;
}
/* Move checkbox and labels up in Users.aspx Security Access section */
#vlblPasswordUpdateOnLogin {
    margin-top: -5px !important;
}

.cos-form-row:has(#chkRestrictInterviewResults) {
    margin-top: -5px !important;
}

.fsStaffMemberInfo .cos-form-row:has(#um_chkRestrictInterviewResults) {
    margin-top: -5px !important;
}

/* editLocation.aspx - Position checkboxes side by side with labels */
#editLocationContainer .cos-form-row:has(#chkVisible),
#editLocationContainer .cos-form-row:has(#chkShareExchange) {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

#editLocationContainer .cos-form-row:has(#chkVisible) label,
#editLocationContainer .cos-form-row:has(#chkShareExchange) label {
    order: 2;
    margin: 0;
    padding: 0;
}

#editLocationContainer .cos-form-row:has(#chkVisible) #chkVisible,
#editLocationContainer .cos-form-row:has(#chkShareExchange) #chkShareExchange {
    order: 1;
    margin: 0;
    flex-grow: 0;
}

#editLocationContainer #aEditForm,
#editLocationContainer #aPreviewForm,
#editLocationContainer a[href*="Start"],
#editFormContainer #aEditForm,
#editFormContainer #aPreviewForm,
#editFormContainer a[href*="Start"] {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(17, 98, 238);
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font: 500 14px / 24px Roboto, Arial, Helvetica, sans-serif;
    min-height: 32px;
    outline: none;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    margin-left: 5px;
}

#editLocationContainer #aEditForm:hover,
#editLocationContainer #aPreviewForm:hover,
#editLocationContainer a[href*="Start"]:hover,
#editFormContainer #aEditForm:hover,
#editFormContainer #aPreviewForm:hover,
#editFormContainer a[href*="Start"]:hover {
    background-color: rgb(232, 240, 253);
    border: 1px solid rgb(196, 201, 202);
    color: rgb(0, 80, 162);
}

#editLocationContainer #aEditForm {
    margin-left: 0;
}

/* Move checkbox labels up slightly for better alignment */
#chkPasswordUpdateOnLogin,
#chkRestrictInterviewResults,
#um_chkRestrictInterviewResults {
    margin-top: 2px;
}

#chkPasswordUpdateOnLogin + label,
#chkRestrictInterviewResults + label {
    vertical-align: top;
    margin-top: 2px;
}
#cboSecurityGroup{
    margin-left: 13px;
}
.label-security-group {
    margin-left: 11px;
}
#cbGenerateRecordsAccount{
    margin-left: 15px;
}
#cbGeneratePerformAccount{
    margin-left: 15px;
}

/* Add margin-left to error messages in Users.aspx */
#lblErrorMessage,
#txtUMErrorMessage {
    margin-left: 11px !important;
}
.filter-set-name{
    font-weight: bold;
}
/* Set width for dropdowns in UserFilters page - Neon Mode */
[data-table-file="ApplicationManager_Search"] td {
    border-bottom: none !important;
}

[data-table-file="ApplicationManager_Search"] .col-2-searchfield select {
    width: 400px !important;
    max-width: 400px !important;
}

[data-table-file="ApplicationManager_Search"] .col-3-searchoperator select {
    width: 180px !important;
    max-width: 180px !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue select {
    width: 400px !important;
    max-width: 400px !important;
    min-width: 400px !important;
    box-sizing: border-box !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue input[type="text"] {
    width: 400px !important;
    max-width: 400px !important;
    min-width: 400px !important;
    box-sizing: border-box !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue {
    min-width: 400px !important;
    white-space: nowrap !important;
}

/* Set consistent width for value column */
table[data-table-file="ApplicationManager_Search"] tbody tr td:nth-child(5) {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue .ui-datepicker-trigger {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    top: 0 !important;
    flex: 0 0 auto !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue:has(input.DatePicker) {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue input[type="text"].DatePicker {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 343px !important;
    max-width: 343px !important;
    min-width: 343px !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue a.cos-clear-date {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

[data-table-file="ApplicationManager_Search"] td:nth-child(6) {
    white-space: nowrap !important;
    width: 88px !important;
    padding-left: 10px !important;
    text-align: left !important;
}

[data-table-file="ApplicationManager_Search"] td:nth-child(6) #RemoveSearchLineApplicationManager {
    float: none !important;
    margin-right: 10px !important;
    top: 8px !important;
}

table[data-table-file="ApplicationManager_Search"] tbody tr:last-child td {
    padding-bottom: 33px !important;
}

/* ApplicationManager main table - Increase icon size for print, print-packet, and folder icons - Neon ON mode */
table[data-table-file="ApplicationManager"] td[style*="width: 20px"] {
    text-align: center !important;
    vertical-align: middle !important;
    padding: 4px !important;
}

table[data-table-file="ApplicationManager"] td[style*="width: 20px"] img {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 26px !important;
    height: 24px !important;
}

table[data-table-file="ApplicationManager"] td[style*="width: 20px"] a {
    display: inline-block !important;
    line-height: 1 !important;
}

/* Display radio button text inline with radio in UserFilters page - Neon Mode */
.radio_list {
    display: block !important;
    margin-bottom: 10px !important;
}

.radio_list input[type="radio"] {
    display: inline-block !important;
    vertical-align: middle !important;
}

.radio_list span {
    display: inline-block !important;
    vertical-align: middle !important;
}

.radio_list p {
    display: inline !important;
    margin-left: 5px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
}

/* CUSTOM option description on new line */
.radio_list .divCustomMessage p {
    display: block !important;
    margin-left: 20px !important;
    margin-top: 5px !important;
}

/* Remove italic from filter description text in Neon Mode */
p.filter-description-text {
    font-style: normal !important;
}

/* Add margin to deactivate filter note in GlobalFilterSets - Neon Mode */
p.deactivate-filter-note {
    margin-left: 1px !important;
    margin-bottom: -6px;
}
p.deactivate-filter-text {
    margin-top: -20px;
    margin-left: 23px;
}
p.deactivate-filter-note-global-filter-sets {
    margin-left: 24px !important;
    margin-bottom: -6px;
}
/* Style for Global Filter Sets enhancement notice - Neon Mode */
#global-filter-enhancement.global-filter-text .cos-form-info {
    border-radius: 8px !important;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px !important;
}

.radio-option-row input[type="radio"] {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
}

.radio-option-row label.radio-label,
.radio-option-row label.custom-label {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 5px !important;
    margin-bottom: -3px !important;
    position: relative;
    top: -1px;
}

.radio-option-row .cos-form-value-text {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-bottom: 5px !important;
}

.radio-option-row .cos-form-value-text p.criteria {
    display: inline !important;
    margin: 0 !important;
    vertical-align: middle !important;
    position: relative;
    top: 1px;
}

/* CUSTOM option - keep textbox on same line, description below */
.radio-option-row .cos-form-value-text input.txtCustomOrder {
    display: inline-block !important;
    vertical-align: middle !important;
}

.custom-description-row {
    margin-left: 15px !important;
    margin-top: 5px !important;
}

#ReferenceCheck_Ratings .staticInfo {
    text-decoration: none !important;
    font-weight: 600 !important;
}

#ReferenceCheck_Ratings fieldset > div:has(> a > img[alt="Remove"]) {
    top: 1px;
    position: relative;
}


body:has(#txtHiddenReferenceCheckID) #isContactedBy_imgSearch {
    left: -8px;
    position: relative;
}

body:has(#txtHiddenReferenceCheckID) #isContactedBy_imgRemove {
    vertical-align: middle;
}

#rblWorkEligibility td {
    padding: 1px 10px !important;
}

#rblWorkEligibility tr {
    height: 30px !important;
}

#chkSchoolSpringGradeLevel label {
    font-weight: normal !important;
}

/* Global radio button vertical alignment */
input[type="radio"] {
    vertical-align: middle !important;
}

#optimmediate,
#optcustom,
#optToBeDetermined {
    margin: 0px 4.5px 0px 10px !important;
}

#frmMain:has(#txtHiddenJobTemplateID) #tdSSJobCategory .cos-categories-table label {
    font-weight: normal !important;
}

body:has(#cboCandidatQuestionInBoxStatus) .pds-input-select,
body:has(#cboCandidatQuestionInBoxStatus) .pds-input-text {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 15px !important;
}

body:has(#cboCandidatQuestionInBoxStatus) .pds-input-select select,
body:has(#cboCandidatQuestionInBoxStatus) .pds-input-text input {
    width: fit-content;
}

/* SelectCandidateFAQ.aspx — search row left-aligned; gap between filter groups (Neon on; mirrors HireStyles legacy) */
body:has(#cboSelectCandidateFAQCategory) #frmMain .cos-new-fieldset-form {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
}

body:has(#cboSelectCandidateFAQCategory) #frmMain .cos-new-fieldset-form legend {
    flex: 0 0 100% !important;
    position: relative !important;
    top: -20px !important;
    left: -18px !important;
    margin-bottom: 0 !important;
}

body:has(#cboSelectCandidateFAQCategory) #frmMain .cos-form-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:has(#cboSelectCandidateFAQCategory) #frmMain .cos-form-row label {
    display: inline-block !important;
    white-space: nowrap !important;
    width: auto !important;
    text-align: left !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

body:has(#cboSelectCandidateFAQCategory) #frmMain .cos-form-row input[type="text"] {
    width: 270px !important;
}

body:has(#cboSelectCandidateFAQCategory) #frmMain .cos-form-row select {
    width: 170px !important;
}

body:has(#cboSelectCandidateFAQCategory) .DynaListGeneric table thead th:last-child {
    text-align: right !important;
    padding-right: 80px !important;
}

body:has(#cboSelectCandidateFAQCategory) h1 {
    top: 12px;
    position: relative;
}

body:has(#cboSelectCandidateFAQCategory) a[href*="CandidateFAQ"] {
    position: relative;
    top: 10px;
}

table[data-table-file="SelectCandidateFAQ"] a.action.cos-button-secondary {
    margin-left: 17px !important;
}

table[data-table-file="SelectCandidateQuestionInBox"] a.action.cos-button-secondary {
    margin-left: 1px !important;
}

table[data-table-file="SelectCandidateFAQ"] tbody tr td {
    vertical-align: middle;
}

/* EditApplicationType.aspx - Remove extra space above Publish History */
body:has(#fsPublishedApplications) #fsPublishedApplications {
    padding-top: 5px !important;
    margin-top: 0 !important;
}

body:has(#fsPublishedApplications) #divPublishedApplications {
    margin-top: 0 !important;
}

body:has(#fsPublishedApplications) #divPublishedApplications table {
    margin-top: 0 !important;
}

/* Hide legend visually but keep for screen readers (accessibility) */
body:has(#fsPublishedApplications) #fsPublishedApplications legend {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* EditApplicationPageInfo.aspx - Minimum requirements vertical layout for Neon ON mode */
body:has(#divGeneral) #vlblEducationRequired,
body:has(#divGeneral) #vlblWorkExperienceRequired,
body:has(#divGeneral) #vlblDisclosureText {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

body:has(#divGeneral) #vlblEducationRequired > label,
body:has(#divGeneral) #vlblWorkExperienceRequired > label,
body:has(#divGeneral) #vlblDisclosureText > label {
    margin-bottom: -5px;
}

body:has(#divGeneral) #divGeneral .checkbox-container,
body:has(#divGeneral) #divGeneral .disclosure-container {
    margin-left: 0;
}

body:has(#divGeneral) #divGeneral .checkbox-item,
body:has(#divGeneral) #divGeneral .disclosure-item {
    display: flex;
    align-items: center;
    margin: 5px 0;
    margin-left: -40px !important;
    padding-left: 0 !important;
}

body:has(#divGeneral) #divGeneral label.checkbox-label,
body:has(#divGeneral) #divGeneral label.disclosure-label {
    display: inline-flex;
    align-items: center;
    padding: 2px 0;
    white-space: nowrap;
    cursor: pointer;
    margin-left: 8px;
}

body:has(#divGeneral) #divGeneral .checkbox-item input[type="checkbox"],
body:has(#divGeneral) #divGeneral .disclosure-item input[type="checkbox"] {
    flex-shrink: 0;
    cursor: pointer;
    flex-grow: 0;
}

body:has(#divGeneral) #vlblDisclosureText .disclosure-item {
    margin-left: -3px !important;
}

body:has(#divGeneral) #vlblDisclosureText textarea {
    margin-left: -2px !important;
    padding: 5px 8px !important;
    margin-top: 10px !important;
}

body:has(#divGeneral) #vlblDisclosure {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

body:has(#divGeneral) #vlblDisclosure input[type="file"] {
    margin-left: 10px !important;
    margin-top: -10px !important;
    padding: 1px !important;
}

body:has(#divGeneral) #vlblDisclosure .disclosure-note {
    margin-left: 10px !important;
    margin-top: 10px !important;
    clear: both;
}

/* Global: Remove blue background from all checkboxes */
input[type="checkbox"]:focus {
    background-color: transparent !important;
}

input[type="checkbox"]:checked {
    background-color: transparent !important;
}
body:has(#cboSelectCandidateFAQCategory) #cmdAdd {
    position: absolute;
    right: 10px;
    top: 12px;
}

/* ApplicationManagerSavedSearchShare.aspx - Add margin-top in Neon ON mode */
.cos-share-users-section {
    margin-top: 42px !important;
}

.cos-share-security-section {
    margin-top: 42px !important;
}

/* ApplicationManagerSearchFieldManager.aspx - Neon Mode Modal Styling */
.cos-searchfield-modal {
    position: fixed !important;
    top: 50% !important;
    left: 52% !important;
    transform: translate(-50%, -50%) !important;
    width: 950px !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
}

/* Fix rounded corners - ensure inner content doesn't overflow */
.cos-searchfield-modal .DynaListGeneric {
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    background-color: transparent !important;
}

/* Add padding to modal-padding wrapper */
.cos-searchfield-modal .cos-modal-padding {
    padding: 0 16px !important;
}

/* Make Question and Section headers bold in Neon ON mode */
.cos-searchfield-modal .DynaListGeneric table thead th,
.cos-searchfield-modal .DynaListGeneric table tbody tr.thead td {
    font-weight: bold !important;
}

.cos-searchfield-modal .DynaListGeneric table tbody tr:hover td {
    color: #000 !important;
}
.view-drop-down {
    height: 35px;
    top: -40px;
    position: relative;
    left: 18px;
}
.btn-clear-search{
    margin-left: 20px;
}

#dvExternalDocuments #ExternalDocumentList{
    height: 105px;
}

#ExternalDocumentList .document_info {
    text-align: center;
}
.NavLinks {
    margin: 10px 0px 0px 0px;
}

/* EHV pages - Unverified Employment alert banner in Neon mode */
h3.ehv.unverified,
h3.ehv.unverified#h3Title {
    background: #FDE9E6 !important;
    border: 1px solid #D3222A !important;
    padding: 12px 15px 12px 45px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #D3222A !important;
    border-radius: 4px !important;
    margin: 15px 0 !important;
    position: relative;
}

h3.ehv.unverified::before,
h3.ehv.unverified#h3Title::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../Images/Unverified.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

/* EHV pages - Concerns in Employment alert banner in Neon mode */
h3.ehv.concerns,
h3.ehv.concerns#h3Title {
    background: #FDF4D1 !important;
    border: 1px solid #F9CE33 !important;
    padding: 12px 15px 12px 45px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #614E00 !important;
    border-radius: 4px !important;
    margin: 15px 0 !important;
    position: relative;
}

h3.ehv.concerns::before,
h3.ehv.concerns#h3Title::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../Images/caution.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

/* EHV pages - Verified Employment alert banner in Neon mode */
h3.ehv.verified,
h3.ehv.verified#h3Title {
    background: #E4F7DE !important;
    border: 1px solid #6CCF49 !important;
    padding: 12px 15px 12px 45px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #134D00 !important;
    border-radius: 4px !important;
    margin: 15px 0 !important;
    position: relative;
}

h3.ehv.verified::before,
h3.ehv.verified#h3Title::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../Images/success.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

h3.ehv.unverified ~ div fieldset.buttons {
    border-top: none !important;
}

div.ehv.header {
    background-color: transparent !important;
    color: rgb(51, 51, 51) !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
}

body:has(#h3Title) div.ehv.header {
    position: static;
    margin-bottom: 10px;
}

body:has(#EHV_Unverified) .ehv-unconfirmed-intro {
    margin: 0 0 12px 0;
}

body:has(#EHV_Unverified) .ehv-unconfirmed-intro div.ehv.header {
    position: static;
    top: auto;
    left: auto;
    margin-bottom: 0;
}

body:has(#EHV_Unverified) #SchoolDetails.ehv.header .ehv-unconfirmed-title {
    display: block;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 0;
}

body:has(#EHV_Unverified) .ehv-unconfirmed-intro .ehv-unconfirmed-subtitle {
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    margin: -2px 0 0 0;
    padding: 0;
    color: rgb(51, 51, 51);
}

body:has(#EHV_Unverified) fieldset.cos-new-fieldset-form h5,
body:has(#h3Title) fieldset.cos-new-fieldset-form h4 {
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* VerificationRequest.aspx - Fieldset padding and margin */
body:has(#h3Title) fieldset.cos-new-fieldset-form {
    padding: 16px 16px 16px 16px !important;
    margin-top: 15px !important;
}

body:has(#h3Title) div.ehv.details.full {
    font-size: 14px !important;
    width: 100% !important;
    max-width: none !important;
}

body:has(#h3Title) div.ehv.details.full .ehv {
    font-size: 14px !important;
}

body:has(#EHV_Unverified) fieldset.cos-new-fieldset-form > div:has(span[id]) > span:first-child {
    display: block !important;
    margin-bottom: 4px !important;
    font-weight: 500 !important;
}

body:has(#EHV_Unverified) fieldset.cos-new-fieldset-form > div {
    margin-bottom: 6px;
}

body:has(#EHV_Unverified) #fsApplicantSubmission {
    margin-bottom: 30px;
}

body:has(#EHV_Unverified) fieldset.cos-new-fieldset-form > div > span:first-child + span[id*="lbl"] + span {
    display: inline !important;
    font-weight: 400 !important;
}

/* Hide stamp image in Neon mode on Unverified_Details page */
body:has(#EHV_Unverified) fieldset.cos-new-fieldset-form img[src*="ic-Stamp"] {
    display: none;
}

body:has(#EHV_Unverified) fieldset#Details.cos-new-fieldset-form {
    margin-top: 10px;
}

/* Stack UNCONFIRMED CONTACT labels above inputs (Neon ON) - matching Applicant Submission layout */
body:has(#EHV_Unverified) fieldset#Details .cos-form-row {
    margin-left: -60px !important;
}

body:has(#EHV_Unverified) fieldset#Details .cos-form-row label {
    display: block !important;
    width: auto !important;
    margin-bottom: 4px !important;
    font-weight: 500 !important;
}

body:has(#EHV_Unverified) fieldset#Details .cos-form-row input[type="text"] {
    display: block !important;
    width: 256px !important;
}

body:has(#EHV_Unverified) div.ehv.instructions {
    margin: 0 !important;
}

/* Hide section icons (Employee, Employment, Conduct, etc.) in Neon mode on VerificationRequest page */
body:has(#h3Title) h4.ehv {
    background-image: none !important;
    background-color: transparent !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Remove bold font-weight from radio button labels on VerificationRequest page */
body:has(#h3Title) .cos-new-fieldset-form .cos-radio-checkbox-row label {
    font-weight: normal !important;
}

body:has(#h3Title) #vlblTimeFrameDates,
body:has(#h3Title) #vlblRecordFile {
    padding-left: 0 !important;
}

body:has(#h3Title) #fiRecordFileImport {
    margin-left: -2px;
}

/* Set textareas in Conduct section to be resizable by user */
body:has(#h3Title) .cos-new-fieldset-form textarea,
body:has(#h3Title) fieldset.cos-new-fieldset-form textarea {
    resize: both !important;
    overflow: auto !important;
}

/* Hide empty labels in Conduct section when viewing verified employment */
body:has(#h3Title) #lblConcernDetails:empty,
body:has(#h3Title) #lblConduct:empty,
body:has(#h3Title) #lblStandards:empty {
    display: none !important;
}

/* Hide wrapper divs when labels are empty in view mode */
body:has(#h3Title) #vlblConcernDetails:has(#lblConcernDetails:empty),
body:has(#h3Title) #vlblConduct:has(#lblConduct:empty),
body:has(#h3Title) #vlblStandards:has(#lblStandards:empty) {
    display: none !important;
}

/* Checkbox alignment fix (Neon ON) - scoped to VerificationRequest page */
body:has(#h3Title) .cos-radio-checkbox-row label > span {
    display: inline-flex !important;
    align-items: center !important;
}

body:has(#h3Title) input[type="checkbox"] {
    margin: 0 5px 0 0 !important;
}

/* Remove blue hover effect on checkbox/radio button labels - VerificationRequest page */
body:has(#h3Title) .cos-radio-checkbox-row label:hover,
body:has(#h3Title) .cos-radio-checkbox-row label > span:hover,
body:has(#h3Title) .cos-radio-checkbox-row label.ehv.radio span:hover {
    background-color: transparent !important;
}

/* Remove underline from <u> tags in Employment radio buttons - keep bold, add spacing */
body:has(#h3Title) #vlblEmployedY u,
body:has(#h3Title) #vlblEmployedN u {
    text-decoration: none !important;
    font-weight: bold !important;
    padding: 0 4px !important;
}

body:has(#h3Title) #vlblEmployedY label > span,
body:has(#h3Title) #vlblEmployedN label > span {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}
#vlblWorkDaySun .TableLabel {
    display: inline !important;
    width: auto !important;
    font-weight: normal;
}

/* ApplicationManager - Position adjustments for Application Status and Screening modals */
.app-status-scrollable {
    position: relative;
    right: 9px;
    margin-top: -31px;
}
.app-manager-pop-up-head-scrollable {
    margin-top: -31px;
}

.app-screening-scrollable {
    position: relative;
    right: 7px;
}


.user-sort-fieldset {
    padding: 0 !important;
}

.manage-global-filters-btn {
    margin-right: -10px;
}

.users-security-div {
    padding: 0 0 10px !important;
}

.users-global-filters__info-message {
    padding-bottom: 20px !important;
}
.cos-form-row.radio-option-row {
    margin-bottom: -10px;
}
.custom-description-row-1 {
    margin-left: 35px !important;
    margin-top:10px !important;
}
.global-filter-radio-label {
    margin-top: 5px !important;
}
.global-filter-assign-users-div {
    padding: 0px !important;
    margin-top: 5px !important;
    flex-wrap: wrap !important;
}

.global-filter-assign-users-div .cos-form-value-text {
    width: 100% !important;
    padding-left: 0 !important;
}
.global-filter-assign-users-div #ulAssignedTo {
    float: none !important;
    margin-left: -2px !important;
    width: auto !important;
}
.fieldset-divUpdatedOn {
    margin-top: -20px !important;
}

.filter-count-red {
    color: #FF0000;
    font-weight: bolder !important;
}
.global-filter-set-deactivateText {
    padding: 19px 0 10px 12px !important;
}
.FieldSetDeactivatedText {
    padding: 19px 0 10px 12px !important;
}
.FieldSetDeactivatedText.cos-new-fieldset-form .set-deactivated-div {
    padding-bottom: 20px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}
.FieldSetDeactivatedText.cos-new-fieldset-form .set-deactivated-div input[type="checkbox"] {
    flex: 0 0 16px !important;
    width: 16px !important;
    min-width: 16px !important;
    min-height: auto !important;
    margin: 3px 5px 0 0 !important;
}
.FieldSetDeactivatedText.cos-new-fieldset-form .set-deactivated-div .cos-form-value-text {
    display: block !important;
}
.users-deactivate-text {
    margin-top: 15px !important;
}
.global-filter-sets-text, .assign-user-to-filter-text {
    font-size: 100% !important;
    font-weight: normal;
    text-decoration: none;
    font-style: normal !important;
}
.combobox-users-building {
    margin-left: 3px !important;
}
.global-filters-radio-btn {
    margin-top: 1px !important;
}
.global-user-filter-custom-checkbox{
    margin-top:1px !important;
}
.users-filters-copy-search-btn {
    padding-left: 5px !important;
    padding-top: 0px !important;
}
.user-filters-copy-filter-div {
    padding-left: 0px !important;
}
.user-filters-copy-filter-div .cof-item-search-widget .linkRemove {
    top: 2px;
    position: relative;
}

#divPrintPacket {
    position: fixed;
    top: 132px !important;
    left: 53% !important;
    margin-left: -225px;
    max-height: 80vh;
    overflow-y: auto;
}

#divPrintPacket h2 {
    margin: 0;
}

#divPrintPacket .chkListPrintPackage td[style*="background-color"] {
    background-color: transparent !important;
    padding: 5px 0 !important;
}
.div-search-box {
    width: 31% !important;
    margin-left: -15px;
    min-width: fit-content;
}
.global-filter-popup {
    margin-left: -8px;
}
.modal-search-div {
    margin-top: -17px;
}

.modal-popup {
    margin-top: -14px;
}
.global-filter-set-required-popup {
    margin-left: -8px !important;
}
.app-manager-reset-search {
    margin-left: 3px;
}

/* ApplicationManagerViewEdit.aspx - Hide table headers when showing "No Results" in Add Column modal - ON mode */
.add-column-search-results table:has(.cos-empty-table-td) thead {
    display: none;
}

.add-column-search-results {
    margin-top: -12px;
}
.application-manager-view-add-column {
    margin-top: -21px;
}

/* E55/E84: Focus indicators for Application Manager buttons and close in ON mode */
#cof-add-column-modal .neon-close-button:focus {
    outline: 3px solid #005FCC;
    outline-offset: 2px;
}
#cof-add-column-modal .cos-button-primary:focus,
#cof-add-column-modal a.action:focus,
#cof-add-column-modal a.DisableButton:focus,
#cof-add-column-modal .app-manager-reset-search:focus {
    box-shadow: var(--neon-button-focus-box-shadow, 0 0 0 1px #fff, 0 0 0 2px #1162ee, 0 0 0 4px #bad7ff);
    outline: none;
}

/* E55: Visible focus indicator for main-page buttons (Add Column, Save, Exit) - matches Advanced Configuration (Neon focus ring) - ON mode */
body:has(.application-manager-edit-view-tab) button.add.cos-button-secondary:focus,
body:has(.application-manager-edit-view-tab) button.add.cos-button-secondary:focus-visible,
body:has(.application-manager-edit-view-tab) input.cos-button-primary:focus,
body:has(.application-manager-edit-view-tab) input.cos-button-primary:focus-visible,
body:has(.application-manager-edit-view-tab) input.cos-button-secondary:focus,
body:has(.application-manager-edit-view-tab) input.cos-button-secondary:focus-visible {
    box-shadow: var(--neon-button-focus-box-shadow, 0 0 0 1px #fff, 0 0 0 2px #1162ee, 0 0 0 4px #bad7ff);
    outline: none;
}

/* E46: Improve border contrast for inputs in modal (min 3:1) */
#cof-add-column-modal input[type="text"],
#cof-add-column-modal select {
    border-color: #767676 !important;
}

/* E140/E141: Responsive dialog at narrow viewports */
@media (max-width: 640px) {
    .application-manager-view-add-column .cos-form-row {
        flex-direction: column;
    }
    .application-manager-view-add-column select,
    .application-manager-view-add-column input[type="text"] {
        width: 100% !important;
        max-width: 100%;
    }
    #cof-add-column-modal .neon-dialog {
        max-width: 100vw;
        max-height: 100vh;
        overflow: auto;
    }
}



/* ATS-E91: validation message text contrast (>=4.5:1) on ApplicationManagerViewEdit.aspx - ON mode */
body:has(#txtHiddenViewID) .alert,
body:has(#txtHiddenViewID) .error {
    color: #B3251D;
}

/* ApplicationManagerSearchFieldManager.aspx - Add Searchable Field modal styling - ON mode */
.cos-searchfield-modal {
    border-radius: 8px !important;
}

.searchfield-modal-fieldset {
    padding-top: 20px !important;
}
.searchfield-question-row {
    margin-bottom: 10px !important;
}
.searchfield-section-row {
    margin-top: -28px !important;
}
.searchfield-clear-btn {
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: -43px !important;
    margin-left: 3px !important;
}

.searchfield-results-table {
    margin-top: 0px !important;
}

.searchfield-results-table table:has(.cos-empty-table-td) thead {
    display: none;
}
.global-filter-dropdown {
    margin-right: 10px;
}

.assigned-global-filter-td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.divGlobalFields {
    float: left;
    margin-left: 107px;
    padding-left: 40px;
    width: 90%;
}

.col-1-operation {
    font-weight: bold !important;
}

.StyleSearchCriteria .col-1-operation {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 75px !important;
}

#tableGlobalFilterSetList select[id^="cboGlobalFilterSet"] {
    width: 90%;
}

#divGlobalFilterSets .divGlobalFields {
    display: flex;
    flex-wrap: wrap;
}

/* #fgsUserGroups is used by ReportWizard_60_Sharing.aspx AND ManageCategoryAccess.aspx */
/* ManageCategoryAccess.aspx is scoped via .manage-category-access below - do not add hacks here */
/* ReportWizard_60_Sharing.aspx is covered by .cos-user-groups-fieldset rule above */

.manage-category-access #divAssignedToSearchResults {
    left: 40px !important;
    top: 749.5px !important;
}

/* Interviews.aspx - Add Interview Result Modal Alignment Fix */
#divAddInterviewResult.jqmWindow fieldset.cos-modal-form legend {
    margin-bottom: 15px;
}

#divAddInterviewResult.jqmWindow #vlblCustomForm label span {
    display: inline-block;
    min-width: 180px;
}

/* SendInvite.aspx / EditInterview.aspx - Select Email from Template link alignment */
.cos-send-invite-page .cos-form-info-row a[onclick*="newWin('email'"],
form#frmMain:has(#txtHiddenInterviewID) .cos-new-fieldset-form .cos-form-info-row a[onclick*="newWin('email'"] {
    margin-left: 11px;
}

/* SendInvite.aspx / EditInterview.aspx - Interviewer/s row alignment fixes (Neon ON) */
.cos-send-invite-page #vlblInterviewer.cos-form-row,
form#frmMain:has(#txtHiddenInterviewID) #vlblInterviewer.cos-form-row {
    align-items: center;
}

.cos-send-invite-page #vlblInterviewer .cof-item-search-widget,
form#frmMain:has(#txtHiddenInterviewID) #vlblInterviewer .cof-item-search-widget {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cos-send-invite-page #vlblInterviewer .cof-item-search-widget .linkRemove,
form#frmMain:has(#txtHiddenInterviewID) #vlblInterviewer .cof-item-search-widget .linkRemove {
    vertical-align: middle;
    margin-top: 1px;
    position: relative;
}

/* Hide × when no value selected (staticInfoPlain empty) - Neon ON */
.cos-send-invite-page #vlblInterviewer .cof-item-search-widget:not(:has(.staticInfoPlain:not(:empty))) .linkRemove,
form#frmMain:has(#txtHiddenInterviewID) #vlblInterviewer .cof-item-search-widget:not(:has(.staticInfoPlain:not(:empty))) .linkRemove {
    display: none !important;
}

/* AddResult.aspx - Align delete icon with text for Interviewer and Candidate (Neon ON) */
.cos-interview-result-page .cof-item-search-widget {
    display: flex;
    align-items: center;
    gap: 6px;
}
    .cos-interview-result-page .cof-item-search-widget .linkRemove {
        vertical-align: middle;
        margin-top: 1px;
        position: relative;
    }

/* EditInterview.aspx / SendInvite.aspx - Radio button alignment for all three scheduling options*/
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_AvailableBefore,
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_Specific,
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_ScheduleLater,
.cos-send-invite-page #vlblInviteType_AvailableBefore,
.cos-send-invite-page #vlblInviteType_Specific,
.cos-send-invite-page #vlblInviteType_ScheduleLater {
    display: flex;
    align-items: center;
    gap: 6px;
}
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_AvailableBefore input[type="radio"],
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_Specific input[type="radio"],
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_ScheduleLater input[type="radio"],
.cos-send-invite-page #vlblInviteType_AvailableBefore input[type="radio"],
.cos-send-invite-page #vlblInviteType_Specific input[type="radio"],
.cos-send-invite-page #vlblInviteType_ScheduleLater input[type="radio"] {
    flex: none;
    width: auto;
    margin: 0;
    margin-top: 1px;
}

.cos-send-invite-page .cos-new-fieldset-form fieldset {
    border: none !important;
    margin-left: 0 !important;
    padding: 0 !important;
}


form#frmMain:has(#txtHiddenInterviewID) #divAdditionalInterviewers {
    text-align: center;
    width: 99% !important;
}

.send-email-info {
    padding: 10px;
    margin-top: 10px;
}
.send-email-sender-msg {
    padding-top: 0px;
}
.sender-email-message {
    font-style: normal;
    margin-left: 0;
    padding-left: 0px;
    text-align: left;
}
.send-email-from {
    margin-left: 0 !important;
}
.lbl-from-sender {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: auto !important;
    text-align: left !important;
}
.send-email-cc {
    margin-top: -15px;
}
.div-select-email-template {
    margin-top: -18px;
}
.dynamic-text-email {
    margin-left: 7px;
}
.send-email-message-form {
    margin-top: 8px;
}
.div-show-documents {
    padding: 10px;
}
.search-input-wrapper {
    position: relative;
    display: inline-block;
}
.search-icon-inside-input {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}
.input-txt-search-box-with-icon {
    padding-left: 32px !important;
}
.send-email-to-label {
    color: black !important;    
    padding: 0 !important;
    border-radius: 4px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    margin-left: 0;
    font-weight: bold;
    width: auto !important;
    text-align: left !important;
}
table[data-table-file="SendEmailMessageDocLib"]:has(.cos-empty-table-td) thead {
    display: none;
}
.send-email-cc button {
    margin-left: 0;
}

/* SendEmailMessage CC widget - emails below Select, X centered */
.send-email-cc .cof-item-search-widget {
    display: block !important;
}

.send-email-cc .cof-item-search-widget > button {
    display: block !important;
    margin-bottom: -13px !important;
}

.send-email-cc .cof-item-search-widget > .staticInfoPlain {
    display: block !important;
    margin-left: 0 !important;
    line-height: 1.8 !important;
}

.send-email-cc .cof-item-search-widget .linkRemove {
    vertical-align: middle !important;
    position: static !important;
    margin-left: 4px !important;
}

.send-message-button {
    margin-left: 1px;
}
.send-email-label {
    margin-left: 0;
    width: auto !important;
    text-align: left !important;
}
.send-email-to-label-answer {
    margin-left: 0 !important;
}

.send-email-recipients #txtToEmail {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 550px !important;
}
.send-cc-lbl {
    margin-left: 0;
}
.lbl-subject {
    margin-left: 0;
}
.send-email-subject-input {
    margin-left: 0;
}
.lbl-body {
    margin-left: 0;
}
.send-email-mce {
    margin-left: 0;
}
.select-email-template-link {
    margin-left: 0;
}
.lbl-attach-doc {
    margin-left: 0;
}
#vlblDoc input {
    margin-left: 0;
}
#divAttachedDocuments span {
    margin-left: 0;
}
.send-msg-system-email {
    position: relative;
    top: -1px;
    vertical-align: middle !important;
    line-height: normal !important;
}
.send-email-text img {
    position: relative;
    top: 2px;
}
.send-email-attached-docs table tbody tr {
    height: auto !important;
}
.send-email-attached-docs table tbody tr td {
    padding: 2px 4px !important;
    vertical-align: middle !important;
}
.send-email-attached-docs table tbody tr td:first-child {
    left: 10px;
    position: relative;
}
.send-email-from-table {
    margin-left: 0 !important;
    border-collapse: collapse !important;
    width: auto !important;
    margin-top: 5px !important;
    padding: 0 !important;
}
.send-email-from-table tr td {
    vertical-align: middle !important;
    padding: 4px 2px !important;
}
.send-email-from-table tr td:first-child {
    width: auto !important;
    padding-right: 4px !important;
    padding-left: 0 !important;
}
.send-email-from-table tr td:nth-child(2) {
    width: auto !important;
    white-space: nowrap !important;
    padding-left: 0 !important;
    padding-right: 10px !important;
}
.send-email-from-table tr td:nth-child(3) {
    padding-left: 32px !important;
}
.send-email-from-table tr td label.RadioLabel,
.send-email-from-table tr td label#lblSystemName {
    display: inline !important;
    margin: 0 !important;
    vertical-align: middle !important;
    width: auto !important;
    text-align: left !important;
    padding: 0 !important;
}
.send-email-from-table tbody tr td input[type="radio"] {
    vertical-align: middle !important;
    margin: 0 !important;
    position: static !important;
}

/* EditBackgroundCheck.aspx - Page-specific styling for Neon ON mode */
body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest {
    margin: 0 !important;
    width: auto !important;
    float: none !important;
    background-color: transparent !important;
    padding: 0 !important;
}

body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest > div {
    background-color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
    margin-left: 20px;
    overflow: visible !important;
    margin-top: 15px;
}

/* Chromium: flex on fieldset clips <legend>. Scope: right rail + main record fieldset only. */
body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest .cos-new-fieldset-form,
body:has(#txtHiddenBackgroundCheckID) #frmMain > fieldset.cos-new-fieldset-form {
    display: block !important;
}

body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest .cos-new-fieldset-form {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}

/* EditBackgroundCheck.aspx legends (same scope as fieldset display rule above). */
body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest .cos-new-fieldset-form legend,
body:has(#txtHiddenBackgroundCheckID) #frmMain > fieldset.cos-new-fieldset-form legend {
    font-size: 20px !important;
    font-weight: 600 !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin: 0 0 15px 0 !important;
    color: rgb(51, 51, 51) !important;
}

body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest select {
    width: 220px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest .cos-button-bar {
    text-align: right !important;
}

body:has(#txtHiddenBackgroundCheckID) #divJDPalatineRequest > fieldset {
    text-align: right !important;
}

body:has(#txtHiddenBackgroundCheckID) #divJDPalatineRequest > fieldset > *:not(.save) {
    text-align: left !important;
}

body:has(#txtHiddenBackgroundCheckID) #subNatSBPurchase > fieldset {
    text-align: left !important;
}

body:has(#txtHiddenBackgroundCheckID) #subNatSBPurchase > .cos-button-bar {
    text-align: right !important;
}

body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest .cos-button-bar .save {
    font-size: 14px !important;
    padding: 7px 12px !important;
}

body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest fieldset > div > span {
    display: block !important;
    margin-bottom: 8px !important;
}

body:has(#txtHiddenBackgroundCheckID) #isContactedBy_imgSearch {
    margin-left: 3px !important;
}

.applicant-folder-candidate-info {
    margin-left: 72px;
    padding-top: 8px;
}

/* Job Application Timeframes section - Layout fixes (Neon ON) */
/* JobPosting.aspx - Hyper-focused selectors to avoid affecting other pages */
#fsTimeFrames > fieldset.cos-new-fieldset-form:first-of-type {
    padding: 0;
    margin: 0;
    margin-top: 0 !important;
    border: none;
}

#fsTimeFrames > fieldset.cos-new-fieldset-form {
    padding: 0;
    margin: 0;
    margin-top: 0 !important;
    border: none;
}

#fsTimeFrames .cos-timeframes-title {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
    text-align: left;
    font-weight: bold;
}

#fsTimeFrames .cos-form-row {
    margin-left: 0;
}

#fsTimeFrames .cos-form-row label {
    width: auto;
    text-align: left;
    display: block;
    margin-bottom: 5px;
}

#fsTimeFrames .cos-form-info-row:not(.cos-timeframes-title) {
    padding: 5px 0;
}

/* Job Application Timeframes - section gap (Neon ON) */
#fsTimeFrames > fieldset.cos-new-fieldset-form + fieldset.cos-new-fieldset-form {
    margin-top: 20px !important;
}

/* Ensure proper spacing before bold tag in required message */
#fsTimeFrames #pTimeFrames b {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* JobPosting.aspx - Grade Levels checkbox alignment fix (Neon Mode Only) */
#fsSchoolSpring .gradeLevelChecklistDiv table {
    border-collapse: collapse;
}

#fsSchoolSpring .gradeLevelChecklistDiv td {
    padding: 2px 0 !important;
    vertical-align: middle !important;
}

#fsSchoolSpring .gradeLevelChecklistDiv input[type="checkbox"] {
    vertical-align: middle !important;
    margin: 0 5px 0 0 !important;
}

#fsSchoolSpring .gradeLevelChecklistDiv label {
    font-weight: normal !important;
    vertical-align: middle !important;
}

/* JobPosting.aspx - Job Categories checkbox font fix (Neon Mode Only) */
#fsSchoolSpring .jobCategoryChecklistDiv label {
    font-weight: normal !important;
}

/* JobPosting.aspx - Required Assessments checkbox font fix (Neon Mode Only) */
#subIntegration .cos-label-right {
    font-weight: normal !important;
}

/*DPS Verification Check - Neon ON mode*/
body:has(#txtHiddenDPSVerificationIDHR) .dps-section-header,
body:has(#txtHiddenDPSVerificationIDHR) .dps-section-header * {
    background-color: transparent !important;
    color: #333 !important;
    padding-left: 0 !important;
}

/* Section 1 content card (skip spacer divs, wrapperSection2And3, h3 "must remain on file" div) */
body:has(#txtHiddenDPSVerificationIDHR) h2[align="center"] ~ div:has(*):not(#wrapperSection2And3):not(.dps-section-header):not(:has(h3)) {
    background-color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 20px !important;
}

body:has(#txtHiddenDPSVerificationIDHR) h2[align="center"] ~ div:not(:has(*)):not(#wrapperSection2And3) {
    display: none;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table,
body:has(#txtHiddenDPSVerificationIDHR) #pnlFormV1Section3,
body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table {
    background-color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3,
body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3 > table,
body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3 > table > tbody,
body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3 > table > tbody > tr,
body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3 > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3 > table > tbody > tr > td {
    margin-bottom: 20px !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #wrapperSection2And3 > table > tbody > tr:last-child > td {
    margin-bottom: 0 !important;
}

/* Section 2 - stacked label/input layout */
body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table {
    display: block;
    width: 100%;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table tr {
    display: block;
    margin-bottom: 20px;
    height: auto !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table td {
    display: block;
    width: 100% !important;
    height: auto !important;
    padding: 8px 0 !important;
    border: none !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table td:first-child {
    font-weight: 500;
    padding-bottom: 3px !important;
    padding-top: 8px !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table input[type="text"] {
    width: fit-content !important;
    max-width: 400px !important;
}

/* V2 Section 3 - stacked label/input layout */
body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table {
    display: block !important;
    width: 100% !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table tbody {
    display: block;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table tr {
    display: block !important;
    margin-bottom: 20px;
    height: auto !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table td {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
    padding: 8px 0 !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table td.dps-v2-label {
    font-weight: 500;
    padding-bottom: 3px !important;
    padding-top: 8px !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table .dps-v2-chk-group {
    white-space: normal !important;
    display: inline-flex;
    align-items: center;
    margin-bottom: 6px;
    gap: 4px;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table .dps-v2-chk-group input[type="checkbox"] {
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    flex-grow: 0 !important;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    padding: 0 !important;
    margin: 0 4px !important;
    border-radius: 2px !important;
    vertical-align: middle;
}

/* V1 Section 3 - side-by-side layout, remove legacy borders */
body:has(#txtHiddenDPSVerificationIDHR) #pnlFormV1Section3 > table {
    width: auto !important;
    table-layout: auto !important;
    border: none !important;
    border-collapse: collapse !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #pnlFormV1Section3 > table tr {
    height: auto !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #pnlFormV1Section3 > table td,
body:has(#txtHiddenDPSVerificationIDHR) #pnlFormV1Section3 > table th {
    height: auto !important;
    padding: 6px 10px !important;
    vertical-align: middle !important;
    border: none !important;
}

/* Inputs and textareas */
body:has(#txtHiddenDPSVerificationIDHR) input[type="text"] {
    border: 1px solid rgb(196, 201, 202) !important;
    border-radius: 4px !important;
}

body:has(#txtHiddenDPSVerificationIDHR) textarea {
    box-sizing: border-box;
    resize: both !important;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table span,
body:has(#txtHiddenDPSVerificationIDHR) .dps-section2-table label {
    border: none !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #lblDisclaimer {
    display: block;
    margin-top: 20px;
}

body:has(#txtHiddenDPSVerificationIDHR) #fsButtons {
    text-align: right !important;
    border: none !important;
    padding: 10px 0 !important;
}

body:has(#txtHiddenDPSVerificationIDHR) #fsButtons .save {
    font-size: 14px !important;
    padding: 3px 12px !important;
}

#pnlFormV1Section3 table td span {
            display: inline-flex;
            align-items: center;
            gap: 4px;
}

body:has(#txtHiddenDPSVerificationIDHR) #pnlFormV1Section3 > table td:last-child > span {
    display: inline !important;
}

#pnlFormV1Section3 input[type="checkbox"] {
            width: 16px !important;
            height: 16px !important;
            min-width: 16px !important;
            max-width: 16px !important;
            flex-grow: 0 !important;
            flex-shrink: 0;
            padding: 0 !important;
            margin: 0 !important;
            border-radius: 2px !important;
            vertical-align: middle;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-section-header strong {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
}

body:has(#txtHiddenDPSVerificationIDHR) .dps-v2-section3-table input[type="text"]:disabled {
    background-color: #eee !important;
}
 .cos-jdp-advanced-heading {
            font: 700 18px / 20px Roboto, Arial, Helvetica, sans-serif;
}
#fsJDPalatineReport table {
            margin-left: 0px;
}
#fsJDPalatineReport table td {
            vertical-align: top;
            padding: 2px 4px;
            text-align: left;
}
#fsJDPalatineReport table td h4 {
            margin: 0;
            display: inline;
            white-space: nowrap;
        }

.manage-category-access #divAssignedToSearchResults {
    width: 279px;
}

.manage-category-access #fgsUserGroups #chkUserGroups tr td label {
    margin-top: 0 !important;
    top: -2px !important;
    position: relative !important;
    font-size: 100%;
    line-height: 20px !important;
    vertical-align: middle !important;
}

/* EditApplicationStatus.aspx - Form styling (Neon On) */
.edit-app-status-page .cos-new-fieldset-form .cos-form-row {
    padding: 8px 10px;
}

.edit-app-status-page .lastEdit {
    margin-left: 1px;
}

.edit-app-status-page .cos-form-row label {
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
}

.edit-app-status-page .cos-form-row label p.clarify {
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 1.3;
}

.edit-app-status-page .cos-form-info-row {
    font-weight: bold;
    margin-left: -1px;
}

.edit-app-status-page .cos-form-value-text {
    font-weight: normal;
}

.edit-app-status-page .cos-form-row .cos-form-value-text span {
    font-weight: normal;
}

.edit-app-status-page #lblRecipient {
    font-weight: normal;
    margin-left: -8px;
}

.edit-app-status-page .ui-datepicker-trigger {
    vertical-align: middle;
}

.edit-app-status-no-history,
.edit-app-status-no-history span {
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

/* Applications.aspx - Job Description label (Neon On) */
.application-detail-job-desc-label span {
    font-size: 16px;
    font-weight: bold;
    margin-left: 5px;
}

.application-detail-job-desc-pdf-icon img {
    position: relative;
    left: -5px;
}

/* UsersSearch.aspx - Neon On */
.user-search-bar .Comboboxinterface {
    max-width: 200px;
}

.user-search-bar .cos-button-primary {
    width: auto;
    max-width: fit-content;
    flex-shrink: 0;
}

.users-search-grid .thead td:last-child,
.users-search-grid .row td:last-child {
    text-align: left;
}

.users-search-select-btn {
    position: relative;
    left: -12px;
    top: -10px;
}

.users-password-requirements {
    margin-left: 10px !important;
}

/* AssignUserToFilter.aspx - User count color (Neon On) */
.assign-user-count {
    color: #FF0000;
    font-size: 130%;
}

/* AddEmploymentHistory.aspx, EmployerDetails.aspx - Fix compact spacing on alert rows*/
.cos-new-fieldset-form .cos-form-row.alert {
    padding-bottom: 10px;
}

/* BC request pages */
.candLinks.bc-request-applicant-panel {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin: 20px 0 0 0 !important;
    padding: 16px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.08) 2px 0px 8px, rgba(0, 0, 0, 0.04) 0px 0px 6px;
}

.cos-new-fieldset-form > .candLinks.bc-request-applicant-panel {
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.candLinks.bc-request-applicant-panel > strong {
    display: block;
    font-weight: 600;
}

hr.bc-request-applicant-divider {
    border: 0;
    border-top: 1px solid rgb(233, 236, 239);
    margin: 12px 0 14px;
    width: 100%;
}

/* Inner applicant layout — Universal + JD Palatine (same markup hooks; avoids page-only selectors) */
.bc-request-applicant-panel .bc-request-applicant-summary {
    margin-bottom: 8px;
}

.bc-request-applicant-panel .bc-request-applicant-summary > div:first-child {
    margin-bottom: 4px;
    line-height: 1.35;
}

.bc-request-applicant-panel .bc-request-applicant-summary > div:last-child {
    line-height: 1.4;
    color: rgb(51, 51, 51);
    font-weight: 600;
}

.bc-request-applicant-panel .bc-request-required-subheading {
    margin-bottom: 10px;
    font-weight: 400;
    color: rgb(51, 51, 51);
    line-height: 1.35;
}

.bc-request-applicant-panel .bc-request-precheck-outer,
.bc-request-applicant-panel .bc-request-precheck-inner {
    width: 100%;
    border-collapse: collapse;
}

.bc-request-applicant-panel .bc-request-precheck-inner.bc-request-stacked-pairs tbody tr {
    margin-bottom: 8px;
}

.bc-request-applicant-panel .bc-request-additional-instruction {
    font-size: 100%;
    margin-bottom: 8px;
    padding-bottom: 4px;
}

.bc-request-applicant-panel .bc-request-additional-fields .cos-form-row {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px;
}

.bc-request-applicant-panel .bc-request-additional-fields .cos-form-row label,
.bc-request-applicant-panel .bc-request-additional-fields label {
    font-weight: 600;
    display: block;
    margin: 0 0 8px;
    padding: 0;
    line-height: 1.35;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-right: 0 !important;
}

.bc-request-applicant-panel .bc-request-additional-fields input[type="text"] {
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
}

table.bc-request-stacked-pairs {
    display: block !important;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

table.bc-request-stacked-pairs tbody {
    display: block !important;
    width: 100%;
}

table.bc-request-stacked-pairs tbody tr {
    display: block !important;
    width: 100%;
    height: auto !important;
    margin-bottom: 10px;
    background: transparent !important;
}

table.bc-request-stacked-pairs tbody tr:last-child {
    margin-bottom: 0;
}

table.bc-request-stacked-pairs td {
    display: block !important;
    width: 100% !important;
    max-width: 100%;
    padding: 0 !important;
    border: none !important;
    vertical-align: top;
    box-sizing: border-box;
}

table.bc-request-stacked-pairs td:first-child {
    font-weight: 600 !important;
    margin-bottom: 4px;
    color: rgb(51, 51, 51);
}

table.bc-request-stacked-pairs td:nth-child(2),
table.bc-request-stacked-pairs td:nth-child(2) span {
    font-weight: 400 !important;
    color: rgb(51, 51, 51) !important;
}

.validity-screening-request-page table.bc-request-stacked-pairs.bc-request-stacked-pairs--validity-spacer tbody tr:nth-child(3) {
    display: none !important;
    margin: 0;
}

/* JDPalatineRequest */
body:has(.jdp-palatine-request-page) #vlblErrorMessage { display: none; }
body:has(.jdp-palatine-request-page) #vlblErrorMessage.alert { display: block; }

body:has(.jdp-palatine-request-page) .jdp-palatine-columns {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}

body:has(.jdp-palatine-request-page) .jdp-palatine-left {
    display: contents;
}

body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset {
    order: 1;
}

body:has(.jdp-palatine-request-page) .jdp-applicant-fieldset {
    order: 2;
}

body:has(.jdp-palatine-request-page) .jdp-palatine-button-bar.cos-button-bar {
    order: 3;
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
}

body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset #vlblService label {
    display: block;
    width: auto;
    max-width: 100%;
    text-align: left;
    margin-right: 0;
    padding: 0;
}
body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset #vlblService label > span {
    display: block;
    margin-bottom: 6px;
}
body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset #divPackageServices ul {
    margin: 0;
    padding: 0;
    padding-inline-start: 0;
    text-align: left;
    list-style: none;
}

body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset #divPackageServices li {
    list-style: none;
}

body:has(.jdp-palatine-request-page) .jdp-applicant-fieldset .jdp-additional-stacked {
    width: 100%;
    margin-top: 12px;
}
body:has(.jdp-palatine-request-page) .jdp-applicant-fieldset .jdp-additional-stacked tr.jdp-save-row {
    padding-bottom: 0;
    padding-top: 4px;
}

body:has(.jdp-palatine-request-page) .jdp-applicant-fieldset .jdp-additional-stacked .jdp-save-row td { padding-top: 12px; }
body:has(.jdp-palatine-request-page) .jdp-applicant-fieldset .jdp-additional-stacked.bc-request-stacked-pairs tr.jdp-save-row {
    margin-bottom: 0;
}
body:has(.jdp-palatine-request-page) .jdp-applicant-fieldset .jdp-additional-stacked tr.jdp-row-dob td:first-child {
    padding-bottom: 8px;
}
body:has(.jdp-palatine-request-page) .jdp-row-dob td:first-child label {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}
        
body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset {
    order: -1 !important;
}
       
body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset #vlblService label {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
       
body:has(.jdp-palatine-request-page) .jdp-selected-searches-fieldset #vlblService label > span {
    display: inline !important;
    margin-bottom: 0 !important;
    font-weight: 600;
    white-space: nowrap;
}

/* ValidityRequest */
.validity-screening-request-page {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.validity-screening-request-page > .cos-button-bar {
    width: 100%;
    max-width: 100%;
    margin-top: 16px;
}

.validity-screening-request-page .validity-selected-screening {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.validity-screening-request-page .validity-selected-screening > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 14px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.validity-screening-request-page .validity-selected-screening label {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

.validity-screening-request-page .validity-selected-screening label > span {
    display: block;
    font-weight: 600;
    margin-bottom: 2px;
}

.validity-screening-request-page .validity-selected-screening .staticInfo {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.4;
    color: rgb(51, 51, 51) !important;
    font-weight: 600;
    text-decoration: none;
}

.validity-screening-request-page .validity-selected-screening #vlblPackage {
    gap: 2px;
}

.validity-screening-request-page .validity-selected-screening #vlblPackage label > span {
    margin-bottom: 0;
}

.validity-screening-request-page .validity-selected-screening #divPackageServices {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
}

.validity-screening-request-page .validity-selected-screening #divPackageServices ul,
.validity-screening-request-page .validity-selected-screening #divPackageServices ul.validity-package-services-ul {
    margin: 0;
    padding: 0;
    padding-inline-start: 0;
    list-style: none;
}

.validity-screening-request-page .validity-selected-screening #divPackageServices li {
    list-style: none;
    line-height: 1.35;
    margin: 0 0 4px 0;
    padding: 0;
}

.validity-screening-request-page .validity-selected-screening #divPackageServices li:last-child {
    margin-bottom: 0;
}
 body:has(.validity-screening-request-page) .bc-request-main-columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    width: 100%;
}
body:has(.validity-screening-request-page) .validity-selected-screening {
    order: -1 !important;
}

/* UniversalRequest */
.universal-background-request-page fieldset.cos-new-fieldset-form > .cos-form-info-row {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.universal-background-request-page #vlblSafeSchoolv2ApplicantPreCheckBody {
    margin-left: 0 !important;
    max-width: 100%;
}

.universal-background-request-page .universal-precheck-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.universal-background-request-page .universal-precheck-table tbody tr {
    height: auto !important;
    background: transparent !important;
}

.universal-background-request-page .universal-precheck-table td {
    padding: 0 !important;
    border-bottom: none !important;
    vertical-align: top;
}

.universal-background-request-page .universal-precheck-row {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: none;
}

.universal-background-request-page .universal-precheck-table tbody tr:last-child .universal-precheck-row {
    margin-bottom: 0;
}

.universal-background-request-page .universal-precheck-name,
.universal-background-request-page .universal-precheck-status {
    display: block !important;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.universal-background-request-page .universal-precheck-name {
    font-weight: 600;
    color: rgb(51, 51, 51);
    margin-bottom: 4px;
}

.universal-background-request-page .universal-precheck-status {
    font-size: 14px;
    line-height: 1.4;
}

.universal-background-request-page .universal-precheck-incomplete {
    color: rgb(190, 30, 45);
    font-weight: 500;
}

.universal-background-request-page #divPackageServices ul {
    margin: 0 !important;
    padding-left: 1.25rem !important;
    list-style: disc;
}

.universal-background-request-page #divPackageServices li {
    display: list-item;
    margin-bottom: 6px;
    line-height: 1.4;
}
body:has(.universal-background-request-page) .bc-request-main-columns {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch;
            width: 100%;
}
body:has(.universal-background-request-page) .bc-request-package-fieldset {
            order: -1 !important;
}

.edit-category-info {
    margin: 10px 0px 25px 0px;
}

.manage-category-access #divAssignedTo .interviewerList {
    display: table !important;
    margin: 5px 0px 5px 0px;
}

.manage-category-access #divAssignedTo{
    margin-top: 12px;
}

.manage-category-access #divAssignedTo .interviewerList a {
    padding: 5px 0px 0px 20px;
}

#frmEditCategory .cos-new-fieldset-form {
    margin-top: 15px;
    padding-top: 0px;
}

.select-document-lib-form .cos-form-row.documentCategory {
    margin-left: 3px;
}

#frmJobOfferTemplate .job-template-edit-button {
    margin-left: 15px;
}

#frmJobOfferTemplate #divUserchoice .cos-new-fieldset-form {
    margin-top: 20px !important;
    margin-left: 16px;
}

.candidate-portal-customize #colorPreferences .color-picker-icon img {
    margin-top: 7px;
}

.manage-job-templates-form .dynalisttooltip {
    position: relative;
}

.manage-job-templates-form .dynalisttooltip:hover div {
    min-width: 500px;
    width: max-content;
    left: 0;
    z-index: 1000;
}

.reference-check-review-class .cos-new-fieldset-form .cos-survey-row .cos-survey-label {
    width: unset !important;
}

/* SelectCandidateFAQ.aspx - Help link positioning */
body:has(#cboSelectCandidateFAQCategory) .cos-faq-help-link {
    position: relative;
    left: -80px;
}

/* NewManageJobPostings.aspx / ManageJobPostingsRequisitions.aspx - Hide table headers when showing "No Results" for all tabs - ON mode */
table[data-table-file="NewManageJobPostings"]:has(.cos-empty-table-td) thead,
table[data-table-file="NewManageJobPostings_Deleted"]:has(.cos-empty-table-td) thead,
table[data-table-file="ManageJobPostingsRequisitions"]:has(.cos-empty-table-td) thead {
    display: none;
}

/* JobOfferStatusList.aspx - Hide table headers when showing "No Results" for all tabs - ON mode */
table[data-table-file="JobOfferStatusList"]:has(.cos-empty-table-td) thead {
    display: none;
}

/* EditWonderlic.aspx - white card per test inside the off-site/on-site fieldset - ON mode */
body:has(#txtHiddenWonderlicID) .wonderlic-test-card {
    background-color: #fff;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.06) 1px 0px 4px;
}

/* CERRA_ManageCandidatesList.aspx - prevent filter-row dropdowns stretching full width - ON mode */
/* Scope to direct select children of form rows so dynalist pagination selects keep their intended sizing */
body:has(#txtHiddenCERRAManageCandidates) .cos-new-fieldset-form .cos-form-row > select {
    flex-grow: 0 !important;
    width: auto !important;
}

/* General: Hide table headers when showing "No Results" for DynaList tables - all tabs - ON mode */
table.cos-dyna-list-table:has(.cos-empty-table-td) thead,
.DynaListGeneric table:has(.cos-empty-table-td) thead {
    display: none;
}

/* ContactLog.aspx reflow fix for 320 CSS px viewport */
@media (max-width: 480px) {
    body:has([id$="subContactLog"]) {
        min-width: 0 !important;
    }

    body:has([id$="subContactLog"]) #hireMenuOptions {
        min-width: 0 !important;
        height: auto !important;
    }

    body:has([id$="subContactLog"]) #fc {
        width: auto !important;
        max-width: 100% !important;
    }

    body:has([id$="subContactLog"]) .cos-applicant-display {
        min-width: 0 !important;
    }

    [id$="subContactLog"] {
        max-width: 100%;
    }

    [id$="subContactLog"] .DynaListGeneric {
        max-width: 100%;
        overflow-x: auto;
    }

    [id$="subContactLog"] .DynaListGeneric table {
        width: max-content;
        min-width: 100%;
    }

    [id$="subContactLog"] .DynaListGeneric td,
    [id$="subContactLog"] .DynaListGeneric th {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    [id$="subContactLog"] .buttons {
        width: 100%;
    }

    [id$="subContactLog"] .buttons .cos-button-primary,
    [id$="subContactLog"] .buttons .cos-button-secondary {
        max-width: 100%;
    }
}

/* DatePicker - clear date link */
a.cos-clear-date {
    font-size: 11px;
    color: rgb(17, 98, 238);
    text-decoration: none;
    margin-left: 4px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    top: -1px;
}
a.cos-clear-date:hover {
    color: rgb(17, 98, 238);
    text-decoration: none;
    opacity: 0.75;
}

/* Job Specific Questionnaire - span name label */
#tdJobSpecificQuestionnaire span {
    margin-left: 10px;
}
.mce-i-selectall {
    background-image: url("../Images/lgicn_16.gif") !important;
    background-repeat: no-repeat !important;
}
/* NewManageJobPostings.aspx - Share dialog footer: fix button style and three-control alignment (NeonOff only) */
#cof-share-dialog-button-footer .neon-button-footer-primary {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

#cof-share-dialog-button-footer .staticInfomation,
#cof-share-dialog-button-footer .CopyUrl {
    float: none;
    margin-top: 0 !important;
}
#cof-share-dialog-button-footer .staticInfomation {
    border: 1px solid #000000;
    height: 36px !important;
}
#cof-share-dialog-button-footer .btnCopyLink.cos-button-primary,
#cof-share-dialog-button-footer .btnCopyLink.cos-button-primary:hover {
    float: none;
    margin-top: 0 !important;
    background-color: rgb(17, 98, 238);
    color: rgb(255, 255, 255) !important;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    padding: 6px 6px;
}

/* Focus style for primary button */
.cos-button-primary:focus {
    box-shadow: var(--neon-button-focus-box-shadow, 0 0 0 1px #fff, 0 0 0 2px #1162ee, 0 0 0 4px #bad7ff);
    outline: none;
}

.customize-DistrictInformation-table, .customize-CustomStyles-table {
    margin-left: 5px !important;
}
.customize-ColorPreferences-table {
    margin-left: 2px !important;
}

/* Applications.aspx - Job Description header layout */
.application-detail-job-desc-header {
    margin-bottom: -10px;
}

/* TE-76888 ATS-E655 / ATS-E666 — Visible keyboard focus indicator (Neon ON).
   In Neon mode .cos-button-* declare `outline: none` with no focus
   replacement, so keyboard focus was invisible (Cancel, "Save and send",
   the Add Interview Availability dialog "Close"/"Save", and the ItemSearch
   "Select" button). A 2px solid #1162EE outline sits in a 2px offset gap over
   the page/dialog background; #1162EE on #FFF is ~5.2:1 (>= 3:1). The white +
   blue box-shadow ring guarantees separation even when the control's own
   background matches the outline colour. */
.cos-button-primary:focus-visible,
.cos-button-secondary:focus-visible,
.cos-button-warning:focus-visible,
.cos-button-disabled:focus-visible,
.cos-button:focus-visible,
.button:focus-visible,
.action:focus-visible,
a[role="button"]:focus-visible,
[role="button"]:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="reset"]:focus-visible {
    outline: 2px solid #1162EE !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1162EE;
}
/* :focus fallback for browsers/contexts without :focus-visible support. */
.cos-button-primary:focus,
.cos-button-secondary:focus,
.cos-button-warning:focus,
.cos-button-disabled:focus,
.cos-button:focus,
.button:focus,
.action:focus,
a[role="button"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
    outline: 2px solid #1162EE;
    outline-offset: 2px;
}

/* TE-76888 ATS-E661 — TinyMCE dialog primary ("Ok") button contrast (Neon ON).
   The TinyMCE dialog chrome (skin.min.css) renders in the document, but in
   Neon mode HireStyles.css is not loaded, so the matching override must live
   here. Skin default background #2D8AC7 with #FFF text = 3.76:1, below the
   4.5:1 minimum for normal text. Darkened to #1F6FA8 (#FFF on #1F6FA8 ~= 5.4:1).
   Hover/active are darkened to preserve feedback and contrast. */
.mce-window .mce-primary,
.mce-primary {
    background-color: #1F6FA8;
}
.mce-window .mce-primary:hover,
.mce-window .mce-primary:focus,
.mce-primary:hover,
.mce-primary:focus {
    background-color: #1A5E8F;
}
.mce-window .mce-primary.mce-active,
.mce-window .mce-primary.mce-active:hover,
.mce-window .mce-primary:not(.mce-disabled):active,
.mce-primary.mce-active,
.mce-primary.mce-active:hover,
.mce-primary:not(.mce-disabled):active {
    background-color: #155078;
}

/* TE-76888 ATS-E663 — TinyMCE dialog close ("X") icon contrast (Neon ON).
   In Neon mode HireStyles.css is not loaded, so the matching override must
   live here. The skin renders the close ("X") glyph as text directly on
   .mce-close (.mce-window-head .mce-close { color:#858585 }) and lightens it to
   #ADADAD on hover (.mce-close:hover { color:#adadad } = 2.24:1 on #FFFFFF),
   below the 3:1 graphical-object minimum. There is no .mce-i-remove child in
   the dialog head, so the override must target .mce-close / .mce-close:hover
   directly. #595959 on #FFFFFF is ~7:1. The .mce-window-head descendant
   selector (specificity 0,3,0) beats the skin's .mce-close:hover (0,2,0)
   regardless of file load order. */
.mce-window-head .mce-close,
.mce-window-head .mce-close:hover,
.mce-window-head .mce-close:focus {
    color: #595959;
}

/* InterviewList.aspx - long Location/Job names break action button layout */
/* Allow long unbreakable strings to wrap so they don't squeeze the button column */
table.cos-dyna-list-table[data-table-file^="InterviewList_"] tbody td.cellwrap {
    word-break: break-word;
    overflow-wrap: anywhere;
}
/* Keep the Add Result / Edit buttons on a single line so they don't overlap */
table.cos-dyna-list-table[data-table-file^="InterviewList_"] tbody tr > td:last-child {
    white-space: nowrap;
}

/* SendEmailMessage doc-lib picker: prevent page numbers wrapping to second row (Neon ON only) */
#divShowDocuments .cos-dyna-left,
#divShowDocuments .cos-dyna-right {
    width: auto;
    min-width: 0;
}
#divShowDocuments nav.cos-dyna-bottom-bar > nav {
    flex: 1;
    min-width: 0;
    display: flex;
    justify-content: center;
}

/* TE-76880 ATS-E24 — active nav item only has a #E8F0FD fill (1.14:1); add a 4px #003a8c
   left bar (~10.6:1). Before the focus/hover rule so a focused active item still rings. */
.neon-app-nav-is-active .neon-app-nav-desktop-primary-clickable {
    box-shadow: inset 4px 0 0 0 #003a8c !important;
}

/* TE-76880 ATS-E15 / E16 / E17 / E18 / E21 — vendor focus/hover rings/fills (#F1F4F4 1.10:1,
   #BAD7FF 1.47:1) fail WCAG 1.4.11. Use the standard Neon focus colors (white + #1162ee +
   #bad7ff, ~4.95:1) — same colors/band widths as the "View all" buttons. Drawn INSET because the
   desktop nav is a vertical sidebar whose scroll container (.neon-app-nav-desktop-primary-nav-
   scroll-container) has overflow-x:hidden and rows are full-width, so an outset ring would be
   clipped on the left/right (and the top row's top edge clipped by the header). Inset keeps the
   full ring visible on all four sides. */
.neon-app-nav-desktop-primary-clickable:focus-visible,
.neon-app-nav-desktop-primary-clickable:hover,
.neon-app-nav-mobile-hamburger-button:focus-visible,
#neon-app-nav-expand-contract-menu-button:focus-visible,
.neon-app-header-home-link:focus-visible,
.neon-app-header-actions :is(a, button, [tabindex]):focus-visible,
.neon-app-nav-desktop-menu-anchor:focus-visible,
.neon-app-nav-desktop-menu-anchor:hover,
.neon-app-nav-desktop-mixed-list a:focus-visible,
.neon-app-nav-desktop-mixed-list a:hover,
.neon-app-nav-desktop-menu-categorized-list a:focus-visible,
.neon-app-nav-desktop-menu-categorized-list a:hover {
    outline: 2px solid transparent !important; /* preserved for Windows High Contrast Mode */
    box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px #1162ee, inset 0 0 0 4px #bad7ff !important;
    border-radius: 2px;
}

/* TE-76880 ATS-E30 — home-link hover overlay (rgba(255,255,255,.24)) lightens the header blue
   to #439DC6, dropping white text to 3.05:1. Use a darker solid fill (#2E7CA8, ~4.6:1). */
.neon-app-header-home-link:hover {
    background-color: #2E7CA8 !important;
}