/* Hire Winter 2014 */

/* --- Typeface Guide: ---*/
/* --- Helvetica Neue 35 - (Thin) This is a non-condensed (wider width) thin weight version. --- */
/* --- Helvetica Neue 45 - (Light) This is a non-compressed (wider width) light weight version. --- */
/* --- Helvetica Neue 47 - (Light Condensed) This is a lighter weight, compressed version. --- */
/* --- Helvetica Neue 55 - (Roman) This is the standard weight, non-compressed . --- */
/* --- Helvetica Neue 57 - (Condensed) This is a standard weight, compressed width. --- */
/* --- Helvetica Neue 65 - (Medium) This is the medium weight, non-compressed version. --- */
/* --- Helvetica Neue 67 - (Medium Condensed) This is the medium weight, compressed version. --- */
/* --- Helvetica Neue 77 - (Bold Condensed) This is a heavier weight, compressed version. --- */

/* --------------- TAGS ----------------- */

/* --- RESETS ALL HTML tags for better consistency across browsers --- */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}

U {
    text-decoration: underline;
}

strong, b,
strong *, b * {
    font-weight: bold;
}

IL, UL {
    list-style-type: none;
}

H1, H2 {
    font-family: 'Atrament Medium';
    font-size: 32px;
    text-transform: uppercase;
}

H2 {
    color: #808080;
}

.subtext {
    color: #333;
    font-size: 9pt;
    margin-bottom: 10px;
}

/* --- Prevents page from shifting when navigating from a page with a scrollbar to a page w/o a scrollbar --- */
HTML {
    overflow-y: scroll;
    background-repeat: repeat;
}

BODY {
    background-image: url(../Images/texture_grain_200x200_v2.png);
    color: #404040;
    font-family: arial,sans-serif;
    font-size: 14px;
    min-width: 900px;
}

A, a:link, a:visited, a:active {
    color: #BF4B00;
}

div.quickSearch {
    padding: 10px;
}

div.quickSearch input {
    height: 30px;
    width: 300px;
}
.cos-hide-btn, .cos-clear-btn {
    padding: 0px 0px 0px 12px !important;
}
div.quickSearch .qsHelpText {
    background-color: #414141;
    background-image: url(../Images/ic-searchg.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 65px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#divAnyOrAll {
    min-width: 270px;
    margin-top: -51px;
    margin-left: 15px;
}

.filter-instruction-text {
    margin-left: 4px !important;
    margin-bottom: 10px;
}
div.DynaListGeneric TABLE TD, div.DynaListGeneric TABLE TH {
    padding: 9px 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

/* 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: 56% !important;
}

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

#divVenturesScore .cos-new-fieldset-form legend {
    display: block;
}

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

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

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

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

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

/* EditScreeningResult.aspx specific - align all content in cos-form-row on same line */
body:has(#txtHiddenScreeningID) .cos-form-row {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

/* EditScreening.aspx - Fix error spans overlapping input field (Numeric Value row) - OFF mode */
body:has(#txtHiddenScoreID) #vlblValueError,
body:has(#txtHiddenScoreID) #vlblValueErrorDuplicate {
    position: relative !important;
    float: none !important;
    margin-left: 0 !important;
    clear: both;
}

.cos-new-search-box {
    padding: 5px 10px 10px 10px;
    background-color: #e7e7e7;
}
.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;
}

.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 {
    
}
.cos-neon-icon-btn > .cos-neon-icon:hover {
    fill: rgb(24, 24, 24);
}

/* ******************* */
/* ---- Dynalists ---- */
/* ******************* */
/*******************************************/
.cos-dyna-list-table {
    width: 100%;
    border-collapse: collapse;
    margin-left: 0px !important;
}
.cos-dyna-list-table td,
.cos-dyna-list-table th {
    padding: 6px;
}

/* Add a bottom border to all body rows except the last */
.cos-dyna-list-table tbody tr:not(:last-child) > td,
.cos-dyna-list-table tbody tr:not(:last-child) > th {
    border-bottom: 1px solid #ccc; /* adjust color/thickness as needed */
}

.cos-dyna-list-table tr:last-child td,
.cos-dyna-list-table tr:last-child th {
    border-bottom: 1px solid #ccc;
}
.cos-dyna-list-table th {
    color: #000;
    font-weight: 600;
    text-align:  left;
}
.cos-dyna-list-table th a {
    color: #000;
    font-weight: 600;
}

.cos-dyna-bottom-bar {
    display: flex;
    line-height: 30px;
    justify-content: space-between;
    padding: 5px 10px;
    background-color: rgba(255, 255, 255, 0.55);
}

.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 {
    text-decoration: none;
}
.dynalistInfoBar a,
.dynalistInfoBar a:link,
.dynalistInfoBar a:visited {
    text-decoration: none !important;
}
/* TE-77312 Issue 7: "Select All / Clear / Delete" action links were rendering as a
   bulleted vertical list in Neon OFF too. 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;
}
.cos-dynalist-count {
    text-align: right;
    color: #555;
    line-height: 33px;
}
.cos-dyna-list-info-bar {
    display: flex;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.35);
}
.cos-dyna-list-info-bar-left {
    padding-left: 15px;
    width: 50%;
}
.cos-dyna-list-info-bar-right {
    padding-right: 15px;
    width: 50%;
}
.cos-jump-to-page-bar {
    display: flex;
    padding: 5px 0px;
    width: 100%;
}
.cos-page-size-label {
    display: flex;
    width: 120px;
    line-height: 33px;
}
.cos-page-size-input {
    display: flex;
}
.button, .cos-button-secondary {
    border: 1px solid #000;
    padding: 7px 12px;
    background-color: #404040;
    color: #fff !important;
    border-radius: 3px;
    margin: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}
.button:hover, .cos-button-secondary:hover {
    background-color: #606060;
}
.button:visited, .cos-button-secondary:visited {
    color: #fff;
}
.button:focus, .cos-button-secondary:focus {
    outline: 3px solid #FFD54D;
    outline-offset: 2px;
}
.cos-button-primary {
    border: 1px solid #000;
    padding: 7px 12px;
    background-color: #404040;
    color: #fff !important;
    border-radius: 3px;
    margin: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    text-decoration: none;
}
.cos-button-primary:hover {
    background-color: #606060;
}
.cos-button-primary:focus {
    outline: 3px solid #FFD54D;
    outline-offset: 2px;
}

/* DatePicker - clear date link */
a.cos-clear-date {
    font-size: 11px;
    color: #BF4B00;
    text-decoration: none;
    margin-left: 4px;
    white-space: nowrap;
    display: inline-block;
    line-height: 1;
    align-self: center;
}
a.cos-clear-date:hover {
    color: #BF4B00;
    text-decoration: none;
    opacity: 0.75;
}
/* cursor:pointer here applies to type=button and type=submit (asp:Button) sitewide in legacy/OFF mode */
input[type=button], input[type=submit], input[type="submit"].add, input[type="button"].add {
    border: 1px solid #000;
    padding: 7px 10px;
    background-color: #404040;
    color: #fff;
    border-radius: 3px;
    margin: 3px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
}
a.action {
    border: 1px solid #000;
    padding: 4px;
    font-size: 14px;
    background-color: #1D1D1D;
    color: #fff;
    border-radius: 3px;
    margin-left: 3px;
    cursor: pointer;
    text-transform: uppercase;
    height: 16px;
}

td .action {
    border: 1px solid #000;
    padding: 3px;
    font-size: 11px;
    background-color: #404040;
    color: #fff;
    border-radius: 3px;
    margin-left: 3px;
    cursor: pointer;
    text-transform: uppercase;
}
td .action:hover {
    background-color: #606060;
}
td .action:link, a.action:visited {
}

td .action-disabled {
    background-color: #e6e6e6;
    padding: 3px 6px;
    border-radius: 3px;
    color: #a4a4a4;
    border: 1px solid #b8b8b8;
    text-transform: uppercase;
    font-size: 11px;
}

/* ManageLocations page only - Match disabled Clone button to enabled buttons */
body:has(table[data-table-file="manageLocations"]) td .action-disabled.cos-button-disabled {
    padding: 3px;
    margin-left: 3px;
}

/* ManageLocations - Match disabled Clone button to enabled Clone button (cos-button-secondary) */
td .action-disabled.cos-button-disabled {
    padding: 3px ;
    font-size: 11px ;
    margin: 3px ;
    display: inline-block;
}

.cos-search-criteria-span {
    font-size: 9pt;
    cursor: pointer;
    position: relative;
    top: -3px;
}
fieldset {
    padding: 5px 0px 10px 15px;
    margin-top: 10px;
    margin-bottom: 10px;
}
fieldset h2 {
    color: #A8A8A8;
    font-family: 'Atrament Medium';
    font-size: 32px;
    height: auto;
    text-transform: uppercase;
    margin-top:0px;
}

fieldset INPUT[type=checkbox] {
    margin: 8px 5px 8px 10px;
}

fieldset.buttons {
    text-align: right;
    background-color: Transparent;
}

span.fieldset {
    background-color: white;
    display: block;
    clear: both;
}

input[type=button]:hover, input[type=submit]:hover, button:hover, .button:hover, a:link.button:hover, a:visited.button:hover {
    background-color: #000000;
}

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

.cos-date-disabled {
    background-color: #E7E7E7 !important;
    border: 1px solid #C0C0C0 !important;
    color: #A0A0A0 !important;
    cursor: not-allowed !important;
}

.DatePicker2011 {
    height: 20px !important;
    width: 75px !important;
}

textarea {
    min-height: 100px !important;
    width: 70%;
}

textarea, INPUT[type=text], INPUT[type=textarea], INPUT[type=password], input[type=email], input[type=date], input[type=password], input[type=tel], .textbox {
    background-image: none;
    border: 1px solid #787878;
    outline: 2px solid #EFEFEF;
    color: #212121;
    font-family: 'Helvetica Neue 55';
    padding: 5px;
    cursor: text;
    height: 20px;
}

/* ATS-E490: Use the same solid focus indicator as buttons/links so all
   interactive controls (textboxes, checkboxes, dropdowns, textareas) share
   one consistent OFF-mode focus color. */
textarea:focus, INPUT[type=text]:focus, INPUT[type=checkbox]:focus, INPUT[type=textarea]:focus, INPUT[type=password]:focus, select:focus, input[type=email]:focus, input[type=date]:focus, input[type=password]:focus, input[type=tel]:focus, .textbox:focus {
    border-color: rgb(196, 201, 202);
    outline: 3px solid #1162ee;
    outline-offset: 2px;
    box-shadow: none;
    z-index: 1;
}

/* ATS-E47, ATS-E49: Focus indicator contrast >= 3:1 for links, buttons and tab elements.
   #1162ee against #FFFFFF = 4.95:1 and against #F5F9FF = 4.71:1. */
a:focus, a:focus-visible,
button:focus, button:focus-visible,
input[type="submit"]:focus, input[type="submit"]:focus-visible,
input[type="button"]:focus, input[type="button"]:focus-visible,
input[type="reset"]:focus, input[type="reset"]:focus-visible,
input[type="image"]:focus, input[type="image"]:focus-visible,
[role="tab"]:focus, [role="tab"]:focus-visible,
[role="button"]:focus, [role="button"]:focus-visible,
[role="link"]:focus, [role="link"]:focus-visible,
.button:focus, .button:focus-visible,
.cos-button-secondary:focus, .cos-button-secondary:focus-visible,
.PagingArrow:focus, .PagingArrow:focus-visible,
.PageIndexNumber:focus, .PageIndexNumber:focus-visible {
    outline: 3px solid #1162ee;
    outline-offset: 2px;
    box-shadow: none;
}

/* ATS-E68: Skip-to-main-content link — hidden until focused */
.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;
    }
}

input[type=checkbox] {
    outline: 2px solid #EFEFEF;
}

input[type=radio], input[type=checkbox] {
    border: none;
}

select {
    border: 1px solid #787878;
    font-family: 'Helvetica Neue 65';
    font-size: 14px;
    padding: 6px;
    cursor: pointer;
    height: 32px;
}

option {
    background-color: #FFFFFF;
    background: none;
    background: #fff;
    cursor: pointer;
    padding: 1px 5px 1px 10px;
}

.ui-datepicker-trigger {
    cursor: pointer;
}

label {
    display: block;
    line-height: 30px;
    padding: 3px;
    vertical-align: middle;
}

label span em {
    color: #BE1E2D;
}
.cos-dynalist-btn-td {
    text-align: right;
}
.cos-fieldset-p {
    padding: 10px;
}
.cos-top-button-bar {
    float: right;
    margin-right: 10px;
}
.cos-button-bar {
    padding: 10px 0px;
    text-align: right;
    clear:inline-end;
}

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

.cos-mce-container {
    margin: 4px 0 10px 0px;
}
.dataGrid {
    width: 100%;
    background-color: #fff;
}
.kill {
    display: none;
}

.jobCategoryChecklistDiv {
    overflow-y: auto;
    max-height: 375px;
    width: 60%;
    background-color: #ffffff;
    margin-bottom: 10px;
}
.gradeLevelChecklistDiv {
    overflow-y: auto;
    max-height: 250px;
    width: 60%;
    background-color: #ffffff;
    margin-bottom: 10px;
}
.gradeLevelChecklistDiv tr {
    height: 35px;
}
.gradeLevelChecklistDiv td {
    padding: 0px;
    padding-left: 5px;
}
.chkSchoolSpringJobCategory label {
    display: block;
    margin-top: -32px;
    margin-left: 25px;
}
.chkSchoolSpringGradeLevel label {
    display: block;
    margin-top: -32px;
    margin-left: 28px;
    color: #404040 !important;
    text-align: left !important;
    width: fit-content;
}
.chkSchoolSpringGradeLevel input {
    display: block !important;
    text-align: left !important;
}
.chkSchoolSpringGradeLevel label:hover {
    background: #E7E7E7;
    cursor: pointer;
}
.chkSchoolSpringGradeLevel {
    margin-top: 5px;
    margin-bottom: 3px;
}
.cos-categories-table {
    padding-left: 5px;
}
.ShowHideCategories {
    padding-left: 5px !important;
}
.cos-category-title, .ShowHideCategories {
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}
.cos-category-title {
    font-weight: bold;
    float: none !important;
    color: #404040 !important;
}
.cos-child-category-title {
    float: none !important;
    color: #404040 !important;
    display: -webkit-inline-box !important;
    margin-top: -4px !important;
    width: 400px !important;
}
.cos-child-category-title:hover {
    background: #E7E7E7;
    cursor: pointer;
}
.subcategoriesDivStyle {
    display: none;
    margin-top: 0px;
}


.form02 {
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    color: #A9A9A9;
    font-family: 'Helvetica Neue 65';
    padding: 40px;
}

.form02 a {
    color: #6E6E6E;
    font-family: 'Helvetica Neue 57';
}

.form02 h1 {
    font-family: 'Helvetica Neue 45';
    font-size: 32px;
    color: #1F1F1F;
    text-transform: none;
    padding-bottom: 10px;
}

.form02 INPUT[type=text], .form02 INPUT[type=textarea], .form02 INPUT[type=password] {
    background-color: #E7E7E7;
    border: 1px solid #BEBEBE;
    padding: 15px;
    border-radius: 3px;
    width: 265px;
    margin-bottom: 5px;
}

.form02 INPUT[type=submit] {
    background-color: #414141;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 15px;
    padding: 10px;
    text-transform: uppercase;
    width: 120px;
}

.form02 INPUT[type=submit]:hover {
    background-color: #000000;
}

.form02 label {
    display: block;
    font-family: 'Helvetica Neue 67';
    color: #414141;
    text-transform: uppercase;
    font-size: 16px;
}

a img {
    border: 0;
}

a.download:link, a.download:visited, a.newWin:link, a.newWin:visited {
    text-decoration: underline;
}

a.download:hover, a.newWin:hover {
    text-decoration: underline;
}

#spShowHideCurrentSerch, #A1, #StartSearch, #aAdd_SearchRow, #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';
    font-size: 12px;
    line-height: normal;
    margin: 3px 5px 3px 5px;
    padding: 7px 10px;
    text-transform: uppercase;
    text-align: center;
}

#spShowHideCurrentSerch {
    padding-left: 30px;
}

#A1 {
    background-color: #be1e2d;
    background-image: url('../images/ic-closex.png');
    padding-left: 30px;
}

#StartSearch {
    background-image: url('../images/ic-newsearch.png');
    width: 110px;
    padding-left: 30px;
    margin-left: 20px;
}

#aAdd_SearchRow {
    background-image: url('../images/ic-add.png');
    padding-left: 32px;
    float: left;
}

#spShowHideCurrentSerch:hover, #A1:hover, #StartSearch:hover, #aAdd_SearchRow:hover, #RemoveSearchLine:hover {
    background-color: #000000;
}

#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;
}

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: #BF4B00;
}

.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: #BF4B00;
    text-decoration: none;
}

.tab a:link, .tab a:visited {
    cursor: hand;
    color: #000;
    background-color: Transparent;
    text-decoration: none;
}

.tab .middle a:link, .tab .middle a:visited {
    cursor: hand;
    color: #333333;
}

.tab a:hover, .tab a:active {
    cursor: hand;
    text-decoration: underline;
}

.singletab {
    display: block;
    clear: both;
    font-family: arial,sans-serif;
    margin: 18px 0px 9px 0px;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
    border-color: #404040;
    height: 30px;
    padding: 0px;
    font-weight: normal;
    font-size: 13px;
}

.singletab li {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background-color: #808080;
    color: #EFEFEF;
    display: block;
    float: left;
    height: 27px;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0px 2px 0px 2px;
    margin: 1px 1px 1px 1px;
}

.singletab li.active {
    background-color: #1D1D1D;
    color: #FFF;
    font-weight: normal;
    border-top-left-radius: 5px;
    margin-left: 0px;
    padding-left: 0px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    height: 29px;
}

.singletab li span.tabInside {
    color: #EFEFEF;
    padding: 5px 5px 0px 5px;
    margin: 1px 1px 1px 1px;
    width: auto;
    vertical-align: middle;
    display: block;
    float: left;
    clear: none;
}

#tabs {
    display: block;
    clear: both;
    font-family: arial,sans-serif;
    margin: 18px 0px 9px 0px;
    border-width: 0px 0px 5px 0px;
    border-style: solid;
    border-color: #1D1D1D;
    height: 30px;
    padding: 0px;
    font-weight: normal;
    font-size: 13px;
}

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

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

#tabs li span.tabInside {
    color: #EFEFEF;
    padding: 5px 5px 0px 5px;
    margin: 1px 1px 1px 1px;
    width: auto;
    vertical-align: middle;
    display: block;
    float: left;
    clear: none;
}

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

#tabs li.active a:link, #tabs li.active a:visited {
    padding: 5px 5px 0px 5px;
    margin: 1px 1px 1px 1px;
    background-color: transparent;
    color: #FFF;
    text-decoration: none;
    line-height: 20px;
}

#tabs li a:link, #tabs li a:visited {
    padding: 5px 5px 0px 5px;
    margin: 1px 1px 1px 1px;
    background-color: transparent;
    color: #fff !important;
    text-decoration: none;
    line-height: 20px;
}

#tabs li a:hover {
}

#tabs li.mine {
    float: right;
}

#tabs li.all {
}

#tabs li.highlight {
    width: 25px;
}

#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;
}

.cos-archived-tab {
    float: right !important;
}

.pager a:link {
    padding: 4px 6px;
}

html {
    overflow-y: scroll;
}

.inactive {
    background-color: #EDEDED;
    color: #333;
}

.inactive tr.rowA {
    background-color: #EEE;
}

.inactive h2 {
    border-color: #EEE;
    color: #666;
}

.inactive h3 {
    background-color: #666;
    color: #FFF;
}

.inactive .break {
    background-color: #CCC;
    color: #333;
}

div.buttons {
    display: block;
    margin: 10px 0px;
    height: 50px;
}

.cos-dynalist-export-bar {
    margin: 10px 0px;
    height: 50px;
}
div.content {
    display: block;
    width: 1240px;
    margin: 35px auto 0px auto;
    padding: 0px;
}
div.content p {
    margin-left: 0px;
}

#hlpContent {
    padding-top: 40px;
    padding-bottom: 20px;
}
.UserNameNav {
    white-space: nowrap;
    margin-right: 5px;
}

.LogOut {
    color: #FFF !important;
    text-decoration: underline;
    margin: 0 5px;
    white-space: nowrap;
}

#hireMenuBox {
    clear: both;
    padding: 0;
    margin: 0px 0 0 0;
    text-align: center;
    background-color: #FFFFFF;
}

#hc {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    clear: both;
    height: 125px;
    z-index: 10;
    top: 0px;
    left: 0;
}

#fc {
    width: 870px;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 100px;
    background-color: transparent;
    color: #000;
}

#hireMenuOptions {
    padding: 0;
    margin: 0px;
    height: 93px;
    min-width: 900px;
}

#hireMenuOptions ul {
    float: right;
    margin-top: 2px;
}

#hireMenuOptions li {
    margin: 0 0 0;
    height: 88px;
    width: 80px;
    float: left;
    clear: none;
    display: inline;
    list-style-type: none;
    text-align: center;
    margin: 0;
    border-left: 1px dotted #444;
    font-size: 10px;
    text-transform: uppercase;
}

#hireMenuOptions li a:link, #hireMenuOptions li a:visited {
    text-align: center;
    display: block;
    margin: 0;
    height: 88px;
    text-decoration: none;
    font-size: 0px;
}

#hireMenuOptions li a:hover {
    border-bottom: 5px solid #5EC7DC;
    background-color: transparent;
}

#hireMenuOptions li a:link {
    background-position: center;
    background-repeat: no-repeat;
}

#hireMenuOptions li#Tools a:link {
    background-image: url(../images/nav-tools.png);
}

#hireMenuOptions li#Dashboard a:link {
    background-image: url(../images/nav-dashboard.png);
}

#hireMenuOptions li#Reporting a:link {
    background-image: url(../images/nav-reports.png);
}

#hireMenuOptions li#Configuration a:link {
    background-image: url(../images/ic-configure.png);
}

#hireMenuOptions li#HelpCenter a:link {
    background-image: url(../images/ic-support.png);
}

.tedUserBox div, #hireMenuOptions {
    margin-left: auto;
    margin-right: auto;
}

#welcomeHeader {
    display: none;
}

#hireMenuOptions ul div.bd {
    display: none;
}

div.districtLogo {
    background-color: Transparent;
    height: 140px;
    width: 200px;
    margin: 4px 4px 4px 0px;
    color: #000;
}

div.footer {
    margin-right: auto;
    margin-left: auto;
    clear: both;
    color: #333;
    border: 0;
    padding: 10px;
    height: 70px;
    width: 850px;
    text-align: center;
}

body#login div.footer {
    width: 420px;
}

div.footer p {
    padding: 10px;
}

#footerNetchemia {
    text-align: center;
}


.candLinks {
    width: 250px;
    margin: 108px 0 0 15px;
    border: 0;
    float: right;
    color: #000;
    font-size: 12.5px;
    line-height: 16px;
}

.candLinks div {
    background-color: #e7e7e7;
    margin-bottom: 20px;
}

.candLinks strong {
    display: block;
    background-color: #606060;
    margin-top: -5px;
    padding: 4px 8px;
    color: #FFF;
    font-size: 13px;
}

.candLinks em {
    padding: 1px 16px;
}

.candLinks a:link, .candLinks a:visited, .candLinks p {
    display: block;
    color: #000;
    padding: 3px 8px;
    text-decoration: underline;
}

.candLinks p {
    text-decoration: none;
}

.candLinks a:hover {
    color: #808080;
    font-size: 12px;
}

.candLinks.bc-request-applicant-panel {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 !important;
}

body:has(.bc-request-provider-page) .candLinks.bc-request-applicant-panel div {
    background-color: transparent;
    margin-bottom: 10px;
}

div.searchResults {
    background-color: #CCC;
    font-size: 12px;
    position: absolute;
    left: 490px;
    top: 280px;
    display: none;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #000;
    padding: 4px;
}

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

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

div.searchResults2 {
    background-color: #FFF;
    font-size: 12px;
    position: absolute;
    left: 490px;
    top: 280px;
    display: none;
    border-width: 1px;
    border-style: solid;
    border-color: #000;
    padding: 4px;
    z-index: 9000;
}

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

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

/* divAssignedToSearchResults - Legacy mode styling (gray/black theme) */
#divAssignedToSearchResults {
    position: absolute;
    border: 1px solid #999;
    padding: 10px;
    margin: 0px;
    background-color: #FFF;
    width: 425px;
    z-index: 1000;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    display: none;
}

#divAssignedToSearchResults a:link,
#divAssignedToSearchResults a:visited {
    display: block;
    padding: 6px 8px;
    color: #BF4B00;
    text-decoration: none;
    margin-bottom: 2px;
}

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

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

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

#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: #333;
    cursor: pointer;
    border-radius: 3px;
}

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

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

#divAssignedToSearchResults #navigate #next span {
    margin-left: 5px;
    padding: 2px 4px;
    color: #333;
    cursor: pointer;
    border-radius: 3px;
}

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

/* divAssignedTo - selected user list spacing */
#divAssignedTo p {
    margin-bottom: 6px;
}

toolColumnSpecial {
    margin-left: 295px;
}
div.toolColumn {
    float: left;
}

div.toolBox {
    display: block;
    margin: 15px 7.5px;
    padding: 40px 20px;
    background-color: #FFFFFF;
    border-radius: 10px;
    width: 251px;
    height: 180px;
    vertical-align: top;
    text-align: center;
}

.toolBox h2 {
    color: #000000;
    height: auto;
    font-family: 'Helvetica Neue 67';
    font-size: 20.5px;
    text-transform: none;
    height: 50px;
    margin-top: 8px;
}

.tool a, .tool a:link, .tool a:visited, .tool a:active {
    color: #404040;
    display: block;
    font-family: arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}

.tool a:hover, .tool a:active {
    display: block;
    background-color: #D8F1F4;
    border-radius: 4px;
    color: #000;
}

.cos-dynalist-top-count {
    float: right;
    padding: 5px 0px;
}
.cos-dynalist-select {
    float: left;
    padding-top: 8px;
}
.cos-dynalist-count {
    display: block;
    color: #555;
    float: right;
    clear: right;
    margin-top: 5px;
}
.cos-dynalist-results {
    float: left;
    margin-left: 5px;
    margin-top: 10px;
    width: 100%;
}
.cos-dynalist-bulk {
    margin: 0px 0px 0px 0px;
    float: right;
}

.cos-th-select-all,
.cos-td-select-all,
div.DynaListGeneric TABLE .cos-th-select-all,
div.DynaListGeneric TABLE .cos-td-select-all {
    text-align: center;
    width: 40px;
    padding: 6px;
}

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

.cos-td-favorite,
div.DynaListGeneric TABLE .cos-td-favorite {
    width: 35px;
    text-align: center;
    padding: 6px;
}

.cos-th-favorite,
div.DynaListGeneric TABLE .cos-th-favorite {
    width: 35px;
    text-align: center;
    padding: 6px;
}

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

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

div.tool {
    margin: 0px 0px 0px 0px;
    float: right;
    margin-top: 9px;
}
.cos-modal-button-bar {
    text-align: right;
    border-top: 1px solid #ccc;
    padding: 10px;
}
.cos-new-tool {
    text-align: left;
    padding-bottom: 3px;
}
.cos-new-tool a {
    cursor: pointer;
    color: #404040;
}
.cos-new-tool a:hover, .cos-new-tool a:active {
    background-color: #D8F1F4;
    border-radius: 4px;
    color: #000;
}

div.toolNo, .toolNo a:link {
    color: #4E4E4E;
    background-color: #FFFFFF;
}

.toolBox h2 span {
    display: block;
    clear: both;
    margin: 0px;
    background-repeat: no-repeat;
    font-size: 20px;
    color: #716558;
    line-height: 90%;
    margin: 0;
    padding: 0;
    opacity: .5;
    letter-spacing: 0px;
}

.toolBox h2.dashboard {
    padding-left: 0px;
}

div.toolBox p {
    margin: 0px;
    padding: 3px;
    font-size: 90%;
    display: none;
}

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

#LiveChat1_subLiveChat {
    clear: none;
    float: right;
    text-align: right;
    margin-top: 10px;
}

h3 {
    clear: both;
    background-color: #5EC7DC;
    background-repeat: repeat-x;
    margin: 40px 0 0 0;
    padding: 2px 0 2px 5px;
    border-width: 0px 0px 0px 0px;
    border-style: solid;
    border-color: #4D4D4D;
    color: #000;
    font-size: 100%;
    line-height: 140%;
    font-weight: bold;
    background-repeat: repeat-x;
    background-image: url(../images/fadeTop.png);
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

h4 {
    font-size: 100%;
    font-weight: bold;
}

h5 {
    color: #999999;
    font-size: 100%;
    line-height: 100%;
    margin: 0px;
}

.delete, a.delete:link, a.delete:visited {
    background-color: transparent;
    border: 0;
}

.deleteHover, a.delete:hover, a.deleteHover:hover {
    text-decoration: underline;
    cursor: pointer;
    border: 0;
    background-color: transparent;
}

.lock {
    background-position: 0px -280px;
    background-color: #896739;
    color: #FFF;
}

.print {
    background-position: 0px -200px;
    background-color: #896739;
    color: #FFF;
}

.printHover {
    background-position: -300px -200px;
    background-color: #896739;
    color: #FFF;
    border-color: #000;
}

caption, .caption {
    background-color: #555;
    background-image: url(../images/bgCaption.gif);
    background-repeat: repeat-x;
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 140%;
    text-align: left;
}

table.cdSchedule, table.cdSchedule td {
    border-collapse: collapse;
    border: 1px dashed #CCC;
}

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;
}

/* Standardize label column width and alignment for specific sections */
#policyInformationSection table.adminToolEdit tr td:first-child:not([colspan]),
#multiLanguageApplications table.adminToolEdit tr td:first-child:not([colspan]),
#internalApplicantChallengeSection table.adminToolEdit tr td:first-child:not([colspan]),
#primaryContactSection table.adminToolEdit tr td:first-child:not([colspan]),
#jobPostingConfigSection table.adminToolEdit tr td:first-child:not([colspan]),
#googleAnalyticsScript table.adminToolEdit tr td:first-child:not([colspan]),
#glassdoorApplicantTracking table.adminToolEdit tr td:first-child:not([colspan]),
form#frmMain > fieldset.cos-new-fieldset-form:not(#districtInformation):not(#colorPreferences) table.adminToolEdit tr td:first-child:not([colspan]) {
    width: 200px;
    vertical-align: top;
    padding: 14px 8px;
    font-size: 14px;
    font-family: arial, sans-serif;
}

.pager span {
    background-color: #444;
    color: #FFF;
    padding: 3px;
}

tfoot tr, .tfoot {
    background-color: #EEE;
    color: #000;
}

tr.rowObsolete {
    background-color: #EEE;
    color: #999;
}

tr.rowAlert {
    background-color: #FFCCCC;
    color: #000;
    border: 1px solid #FF0000;
}

tr.lastEdit {
    background-color: #5EC7DC;
    color: #333;
}

tr.break {
    background-color: #555;
    color: #FFF;
}

tr.rowDisabledA {
    background-color: #FFF;
    color: #767676;
}

tr.rowDisabledB {
    background-color: #FFF;
    color: #767676;
}

tr.row {
    border-bottom: 1px dotted #CCC;
    background-color: #FFF;
    height: 42px;
}
tr.row:hover {
    background-color: #AEE3EE;
}
tr.row td {
    border-bottom: 1px dotted #CCC;
}
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;
}

p {
    font-size: 100%;
}

.new, .edit, h1 span {
    color: #333;
}

.screenHelp .question {
    display: block;
}

div.pageHelpLink {
    float: right;
    color: #333;
    font-size: 11px;
}

div.pageHelpLink a:link, div.pageHelpLink a:visited {
    color: #333;
}

p.clarify {
    font-style: italic;
    font-size: 85%;
    line-height: 23px;
}

p.lastEdit {
    font-style: italic;
    font-size: 10px;
    line-height: 10px;
    margin: 0;
    border: 0;
    padding: 0;
}

.accent {
    background-color: Transparent;
    color: #ED1C24;
}

.subBy .date {
    display: block;
    color: #777;
    font-size: 10px;
}

.toolbar a:link, .toolbar a:visited {
    background-color: transparent;
    margin-right: 10px;
    padding: 1px 5px;
    color: #FFF !important;
    text-decoration: none;
}

.toolbar a:hover {
    background-color: #DCE9F0;
    color: #000;
    text-decoration: none;
    padding: 1px 5px;
}

legend {
    margin: 0 0 0 -9px;
    padding: 0px 6px;
    border: 0px;
    background-color: #FFFBF4;
    color: #333;
}

.error, .alert {
    font-weight: bold;
    border: 1px solid #858585;
    background-color: #EEF376;
    color: #000;
    border-radius: 8px;
    padding: 10px;
    display: block;
    margin-bottom: 10px !important;
}

.selected {
    background-color: #5EC7DC;
    padding: 3px;
    color: #000;
}

.disselected {
    background-color: #EEE;
    padding: 3px;
    color: #333;
}

.info {
    font-weight: normal;
    border: 1px solid #555500;
    background-color: #AEE3EE;
    color: #000;
    padding: 2px 2px 2px 5px;
    display: block;
}

.story {
    color: #FFFFFF;
    background-color: #FF1493;
    padding: 2px;
    font-weight: bold;
    text-align: left;
    display: none;
}

p.story {
    clear: both;
    margin: 3px;
}

a.SearchHeaderUp {
    background-image: url(../Images/sort_up.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0px 15px 0px 0px;
    cursor: pointer;
}
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;
    cursor: hand;
    cursor: pointer;
}
a.SearchHeaderDown:hover {
    background-image: url(../Images/sort_up.png);
}

a.SearchHeader {
    padding: 0px 15px 0px 0px;
    cursor: hand;
    cursor: pointer;
}

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

.staticInfo {
    color: #000;
    text-decoration: underline;
    font-weight: bold;
}

.staticInfoNoUnderline {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.staticInfoPlain {
    margin-left: 0px;
    color: #000;
    padding: 1px 0px 1px 1px;
}

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;
}

#GallupTIScore, #AvgIntScore {
    font-size: 15px;
    font-weight: bold;
    clear: both;
    display: block;
}

.itemList, .itemList li, .summaryItem {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.summaryItem {
    margin: 5px 0 0 5px;
    clear: both;
}

.summaryItem li {
    width: 31%;
    float: left;
    margin: 0 1% 0 0;
    clear: none;
}

.summaryItem .summaryAppTitle {
    width: 40%;
}

.summaryItem .summaryAppInfo {
    width: 18%;
}

.summaryItem .summaryHalf {
    width: 45%;
}

.summaryItem .summaryComments, .summaryItem .summaryDetails {
    float: none;
    display: block;
    clear: both;
    width: 98%;
}

.summaryItem .summaryDetails {
    text-align: right;
}

.screeningDate, .screeningName, .screeningScore {
    font-weight: bold;
}

#srMenuBarBox {
    margin-bottom: 20px;
    height: 25px;
    overflow: hidden;
}

.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;
    border: solid 1px #000000;
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    margin-top: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background-color: #333;
    width: 100px;
    color: #FFF;
    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: #AAA;
    color: #000;
}

.nfDialog_DialogBox {
    border: solid 1px #456;
    border-radius: 8px;
    background-color: #EEEEEE;
    color: #000;
    font-weight: bold;
    font-size: 10pt;
    width: 400px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 9999;
    vertical-align: middle;
    padding: 20px;
}

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


.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;
}

#spanSpecificColon {
    font-weight: bold;
    margin-top: 8px;
    padding-right: 4px;
}
#spanSpecificEndColon {
    font-weight: bold;
    margin-top: 8px;
    padding-right: 4px;
}
.cos-time-field {
    margin-right: 4px;
}
.cos-timepicker-colon {
    position: relative;
    top: 1px;
    padding: 0 2px;
}

img.ui-datepicker-trigger {
    margin-left: 10px;
    height: 17px;
    margin-top: 5px;
}

.hide {
    display: none;
}

[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);
}

@media print {
    .yui-skin-sam {
        display: none;
    }

    .footer {
        display: none;
    }

    #nfNotification_dvGreyOutMask {
        display: none;
    }

    #dvNotif_Loading {
        display: none;
    }

    #dvNotificationBar {
        display: none;
    }

    #dvNotificationMenu {
        display: none;
    }

    #nfNotification_dvTotalNewItems {
        display: none;
    }

    #dvNotificationMsg_Exit {
        display: none;
    }

    #rhUserMenuBox {
        display: none;
    }

    #hireMenuBox {
        display: none;
    }

    div.content {
        width: 95%;
    }
}

@font-face {
    font-family: 'Atrament Medium';
    src: url('Typefaces/atrament_medium.eot');
    src: url('Typefaces/atrament_medium.eot?#iefix') format('embedded-opentype'), url('Typefaces/atrament_medium.woff') format('woff'), url('Typefaces/atrament_medium.ttf') format('truetype'), url('Typefaces/atrament_medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atrament Light';
    src: url('Typefaces/atrament_light.eot');
    src: url('Typefaces/atrament_light.eot?#iefix') format('embedded-opentype'), url('Typefaces/atrament_light.woff') format('woff'), url('Typefaces/atrament_light.ttf') format('truetype'), url('Typefaces/atrament_light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 35';
    src: url('Typefaces/HelveticaNeueLTStd-Th.eot');
    src: url('Typefaces/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'), url('Typefaces/HelveticaNeueLTStd-Th.ttf') format('truetype'), url('Typefaces/HelveticaNeueLTStd-Th.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 55';
    src: url('Typefaces/HelveticaNeueLTStd-Roman-WEB.eot');
    src: url('Typefaces/HelveticaNeueLTStd-Roman-WEB.eot?#iefix') format('embedded-opentype'), url('Typefaces/HelveticaNeueLTStd-Roman-WEB.ttf') format('truetype'), url('Typefaces/HelveticaNeueLTStd-Roman-WEB.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 57';
    src: url('Typefaces/helveticaltstd-cond-webfont.eot');
    src: url('Typefaces/helveticaltstd-cond-webfont.eot?#iefix') format('embedded-opentype'), url('Typefaces/helveticaltstd-cond-webfont.ttf') format('truetype'), url('Typefaces/helveticaltstd-cond-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 65';
    src: url('Typefaces/helveticaneueltstd-md-webfont.eot');
    src: url('Typefaces/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'), url('Typefaces/helveticaneueltstd-md-webfont.woff') format('woff'), url('Typefaces/helveticaneueltstd-md-webfont.ttf') format('truetype'), url('Typefaceshelveticaneueltstd-md-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 67';
    src: url('Typefaces/helveticaneueltstd-mdcn-webfont.eot');
    src: url('Typefaces/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'), url('Typefaces/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'), url('Typefaces/helveticaneueltstd-mdcn-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 77';
    src: url('Typefaces/HelveticaNeueLTStd-BdCn.eot');
    src: url('Typefaces/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'), url('Typefaces/HelveticaNeueLTStd-BdCn.woff') format('woff'), url('Typefaces/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), url('Typefaces/HelveticaNeueLTStd-BdCn.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 47';
    src: url('Typefaces/HelveticaLTStd-LightCond.otf');
    src: url('Typefaces/HelveticaLTStd-LightCond.otf?#iefix') format('embedded-opentype'), url('Typefaces/helveticaltstd-lightcond-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue 45';
    src: url('Typefaces/HelveticaLTStd-Light.otf');
    src: url('Typefaces/HelveticaLTStd-Light.otf?#iefix') format('embedded-opentype'), url('Typefaces/helveticaltstdlight.ttf') format('truetype'), url('Typefaces/helveticaltstdlight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.corebutton INPUT[type='button'], .corebutton {
    font-family: 'DIN Sans 300';
    font-size: 16px;
    padding: 5px;
    border: 2px solid #FFFFFF;
    background-image: -moz-linear-gradient(top, #99C8CA, #429297);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#99C8CA), to(#429297));
    background-image: -webkit-linear-gradient(top, #99C8CA, #429297);
    background-image: -ms-linear-gradient(top, #99C8CA, #429297);
    background-image: -o-linear-gradient(top, #99C8CA, #429297);
}

.rowG {
    color: #E6E6E6;
}

.rowG:hover {
    color: #E6E6E6;
}

.DisableButton {
    display: none;
    background-color: #EFEFEF;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0px;
    padding: 4px;
    border-radius: 2px;
    text-transform: uppercase;
    vertical-align: middle;
}

.DisableButton:hover {
    color: #716558;
    text-decoration: none;
}

.col4-style select {
    width: 278px !important;
}

.inputFloatLeft {
    float: left !important;
}

.inputFloatRight {
    float: right !important;
}

div#divGlobalSearchSets TABLE tr td:nth-of-type(1) {
    padding-left: 20px;
}

div#divGlobalSearchSets TABLE tr td:nth-of-type(7) {
    padding-right: 20px;
}

.globalAssignedFilter table label {
    display: inline;
}

.globalAssignedFilter #ulAssignedTo {
    margin: 0px;
    padding: 10px;
}

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

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

.globalAssignedFilter .heading {
    margin-left: 0px;
    font-weight: bold;
}

.globalAssignedFilter fieldset {
    padding: 27px 0 27px 15px;
}

.globalAssignedFilter fieldset table {
    float: left;
    margin: 15px 0 0 15px;
}

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

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

.globalAssignedFilter fieldset fieldset.buttons {
    float: left;
    padding: 0;
}

.globalAssignedFilter #ulAssignedTo {
    float: left;
    width: 88%;
    margin: 0 0 0 24px;
}

.globalAssignedFilter .clarify span {
    color: #ff0000;
    font-size: 130%;
}

.globalAssignedFilter .clarify #spnDateTime {
    color: #808080;
    font-size: 100%;
    font-style: normal;
}

.globalAssignedFilter p.clarify {
    color: #808080;
    font-size: 93%;
    font-style: normal;
    width: 90%;
    margin-top: 10px;
    margin-left: -2px;
}

.globalAssignedFilter .fieldset {
    border-bottom: 1px dashed #000000;
    margin-bottom: 0;
    padding: 23px 0 25px 15px;
}

.globalAssignedFilter fieldset h2 {
    margin-bottom: 10px;
}

.globalAssignedFilter #msUsers_divModalSearchSelectColumnModal table {
    margin: 15px 3px 0;
}

.globalAssignedFilter #msUsers_divModalSearchSelectColumnModal fieldset.buttons {
    width: 100%;
}

.globalAssignedFilter .GlobalFilter-tab {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.globalAssignedFilter .AssignByUsers {
    width: 425px;
    float: right;
    height: 477px;
    padding: 6px 0 27px 34px;
    margin: 10px 0 0 0;
}

.globalAssignedFilter .AssignByUsers span {
    color: #808080;
    font-size: 93%;
}

.globalAssignedFilter .AssignByGroups {
    padding: 6px 0 27px 34px;
    width: 423px;
}

.globalAssignedFilter .AssignByGroups div {
    width: auto;
    float: left;
}

.globalAssignedFilter .AssignByGroups span {
    color: #808080;
    font-size: 14px;
}

.globalAssignedFilter.AssignByGroups fieldset {
    color: #808080;
    display: inline;
    float: none;
    margin: 0;
    text-align: left;
}

.globalAssignedFilter .btnNoPadding {
    padding: 0;
}

#tabs li a:visited {
    color: #6d6e70;
}

.globalAssignedFilter #tabs li.active {
    background-color: #1D1D1D;
}


.globalAssignedFilter .AssignByUsers div fieldset.buttons {
    margin: -2px 4px 0 0;
}

.divCustomMessage {
    width: 100%;
    float: left;
}

.lblCustomMessage {
    margin-bottom: 10px;
    margin-top:5px;
}

.txtCustomOrder {
    margin-bottom: 10px;
    margin-left: 8px;
    margin-top: 0px;
}

/*Global Filter Changes*/
.col4-style div input {
    font-family: 'Helvetica Neue 65';
    font-size: 14px;
    font-weight: normal;
    width: 262px;
}

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


.radio_list, .radio_list input, .radio_list span, .radio_list p {
    float: left;
}

.radio_list {
    margin-bottom: 16px;
    width: 100%;
}

.radio_list span {
    font-weight: bold;
}

.radio_list p {
    margin-left: 18px !important;
}

.globalFilterName input {
    width: 330px;
}

.globalFilterName label span {
    font-size: 14px;
    font-weight: bold;
    margin-left: 22px;
    text-align: left;
    text-transform: uppercase;
    width: 190px;
}

b {
    font-weight: bold;
}

.StyleFieldset .clarify .p-text {
    color: inherit;
    float: left;
    font-size: inherit;
    line-height: 19px;
    width: 85%;
}

.StyleFieldset .clarify img {
    cursor: pointer;
    float: left;
    height: 31px;
}

.StyleFieldset {
    border-bottom: 1px dashed #000000;
    margin: 0;
    padding: 0 25px 25px 28px !important;
}

.StyleFieldset p.clarify {
    line-height: 22px;
    margin-left: 5px;
    color: #808080;
    font-size: 93%;
    font-style: normal;
    width: 90%;
    margin-top: 25px;
}

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

.StyleFieldset a.previewBtn.preview-btn-legacy {
    position: relative;
    right: 39px;
    bottom: 2px;
}

.StyleFieldset #divUpdatedOn.filter-margin {
    margin-top: -56px;
    margin-left: -20px;
}

.StyleFieldset .clarify span {
    color: #FF0000;
    font-size: 130%;
}

.StyleFieldset .clarify strong {
    color: #000000;
    font-size: 130%;
    font-weight: 500;
}

.StyleFieldset .clarify #spnDateTime {
    color: #808080;
    font-size: 100%;
    font-style: normal;
}

.StyleFieldset h2 {
    margin-bottom: 11px;
}

div.content .StyleFieldset p {
    line-height: 22px;
    color: #6D6E70;
}

.filterLinkButton {
    color: #FF0000 !important;
}

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

.greyInput1 input {
    width: 95%;
}

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

.greyInput2 input {
    width: 83%;
}

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

.greyInput3 input {
    width: 95%;
}

.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;
}

.globalBtns input:nth-of-type(3) {
    display: none;
}

.btnMarginFix {
    margin: 0 !important;
    height: 18px !important;
    line-height: 20px !important;
}

.AssignByUsers fieldset.buttons a.add {
    background: transparent;
}

.disabledcombo {
    background-color: #E7E7E7;
}

td.tallerRow {
    padding: 10px 0 10px 0;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}
/*IDEA 237 DEV 76*/
.chkListPrintPackage label {
    display: inline;
}
/*IDEA 237 DEV 76*/
td.tallerRowStatus {
    padding: 3px 0 3px 0;
}

.ui-widget-overlay {
    background-color: #111;
    opacity: .75;
}

/* Next/Previous Applicant Buttons */

div#divPopUp {
    box-shadow: 0px 0px 1px 2px #eee;
    -webkit-box-shadow: 0px 0px 1px 2px #eee;
    -moz-box-shadow: 0px 0px 1px 2px #eee;
    background-repeat: no-repeat;
    position: absolute;
    display: none;
}

div#applicantButtons {
    display: flex;
    margin-top: 45px;
    height: 45px;
    width: 100%;
}

div#applicantButtons a.button {
    color: #ffffff;
    margin-top: -10px;
    text-transform: uppercase;
    margin: 0px;
}

div#applicantButtons a.button:hover {
    color: #ffffff;
    text-transform: uppercase;
}

div#applicantButtons a {
    text-transform: none;
    background-color: none;
    color: #333333;
    border-bottom: dotted 1px #333333;
    margin: 7px 10px;
}

div#applicantButtons a:hover {
    text-transform: none;
    background-color: none;
    color: #666666;
    border-bottom: none;
}

.applicantFolderSlidingDivPrevious {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 200px;
    left: 50px;
    padding: 5px 7px;
    border-radius: 10px;
    background-color: #fff;
    color: #808080;
    font-size: 12px;
    border: 2px solid #cccccc;
    font-style: italic;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.applicantFolderSlidingDivNext {
    display: none;
    z-index: 9999;
    position: absolute;
    top: 200px;
    right: 874px;
    border-radius: 10px;
    padding: 5px 7px;
    background-color: #fff;
    color: #808080;
    font-size: 12px;
    border: 2px solid #cccccc;
    font-style: italic;
    width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .applicantFolderSlidingDivNext span, .applicantFolderSlidingDivPrevious span {
        font-size: 14px;
        line-height: 21px;
        color: #333;
        font-style: normal;
    }

.dynamic-text-fieldset {
    background-color: #EEE;
    padding: 15px;
    margin-bottom: 20px;
}

.dynamic-text-fieldset table tr {
    line-height: 2;
}

.dynamic-text-fieldset table td {
    padding: 8px 23px !important;
}

#divDeclinedOffer p {
    margin: 25px 0;
}

#JobOfferStatus p {
    margin-bottom: 10px;
}

#JobOfferStatus #JobOfferWrapper {
    padding-bottom: 15px;
    margin-left: 275px;
}

#email-select-users {
    margin-top: 70px !important;
    padding: 0 15px;
}

#email-select-users a {
    padding: 5px;
    display: block;
}

.email-recipients-control {
    float: left;
}

#JobOffer_subJobOffer div {
    margin: 10px 0;
}

/*To make all OptGroup bold and italic-To maintain consistency on all browsers*/
select optgroup {
    font-style: italic;
    font-weight: bold;
}

/*Bulk Actions dropdown - style headers*/
#cboActionList option.optgroup-header {
    font-weight: normal;
    font-style: normal;
    background-color: #f5f5f5 !important;
    color: #333 !important;
}

div#QuickLinks {
    float: right;
    margin-top: 10px;
}
.mcetextarea {
    width: 660px;
    display: block;
    float: left;
    padding: 0 0 7px 0px;
}

/* Job Offer Template Styling */
#vlblJobTemplate #dvMailMergeTags {
    background-color: #f5f5f5;
    border-right: 1px solid #ddd;
    float: left;
    width: 210px;
}

#vlblJobTemplate #dvMailMergeTags h3 {
    color: white;
    background-color: #666666;
    margin: 1px 0 0;
    padding: 5px 0 5px 20px;
    cursor: pointer;
    border-bottom: 1px solid #555555;
}

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

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

#vlblJobTemplate #jobDetails li,
#vlblJobTemplate #applicantDetails li,
#vlblJobTemplate #customDetails li {
    background-color: #333333;
    color: #FFFFFF;
    margin: 0;
    padding: 5px 0 5px 20px;
    cursor: pointer;
    border-bottom: 1px solid #555555;
}

#vlblJobTemplate #jobDetails li:hover,
#vlblJobTemplate #applicantDetails li:hover,
#vlblJobTemplate #customDetails li:hover {
    background-color: #4a4a4a;
}

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

/* TinyMCE editor container - width calculation: 100% - (210px sidebar + 20px margin) = 100% - 230px */
#vlblJobTemplate div[id^="mceu_"].mce-tinymce.mce-container.mce-panel {
    float: left;
    width: calc(100% - 230px);
    min-height: 742px;
    margin-left: 20px;
}

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

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

div span em {
    color: #BE1E2D;
}

.custom-select select {
    max-width: 100%;
    text-align: left;
}

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

.backgroundcheckcomplete {
    background-color: #DDD;
    color: black;
    border: 1px solid #666;
}

.cos-hire-quick-search {
    font-size: 9px; 
    padding-left: 56px; 
    width: 300px;
}

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

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

.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;
}
.cos-empty-table-td {
    text-align: center;
    padding: 15px !important;
    font-weight: 600;
    border: none !important;
}

/* 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-new-remove-btn {
    cursor: pointer;
}

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

.cos-modal-fieldset {
    
}
.cos-modal-fieldset legend {
    display: none;
}
.cos-modal-fieldset label {
    padding: 4px;
    display: inline-block;
    width: 220px;
    text-align: right;
    margin-right: 15px;
}

/* Modal jqmWindow - reset cos-new-fieldset-form spacing/legend for modal context - OFF mode */
.jqmWindow .cos-new-fieldset-form {
    padding-top: 5px !important;
    background-color: transparent !important;
}

.jqmWindow .cos-new-fieldset-form legend {
    top: 0 !important;
    position: relative !important;
    font-size: 32px !important;
}
[id$="divModalSearchSelectColumnModal"] .cos-modal-fieldset .cos-form-row {
    text-align: left;
    justify-content: flex-start;
}
[id$="divModalSearchSelectColumnModal"] .cos-modal-fieldset label {
    text-align: left;
    width: auto;
    margin-right: 8px;
    display: inline-block;
}
[id$="divModalSearchSelectColumnModal"] .cos-modal-fieldset input {
    margin-left: -12px;
    margin-right: 0;
    display: inline-block;
}

/* ApplicationManagerViewEdit - Add Column modal - left align Section Filter and Question Search - OFF mode */
.cos-add-column-fieldset .cos-form-row {
    text-align: left !important;
}

.cos-add-column-fieldset label {
    text-align: left !important;
    display: inline-block !important;
    width: 150px !important;
    vertical-align: top !important;
}

.cos-add-column-fieldset select,
.cos-add-column-fieldset input[type="text"]:not([style*="display: none"]) {
    display: inline-block !important;
    vertical-align: top !important;
}

.cos-fieldset-no-legend {
    margin-top: -40px;
}

.cos-new-fieldset-form {
    background-color: #eee;
    padding: 40px 16px 16px 16px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

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

/* Rows use .alert for validation; global .error/.alert is banner styling (display:block, margin).
   Scope this so flex .cos-form-row layout is preserved in Neon OFF and when only HireStyles applies. */
.cos-new-fieldset-form.cos-app-builder-form > .cos-form-row.alert {
    margin: 0 !important;
    margin-bottom: 2px !important;
    line-height: normal;
    display: flex;
}

/* Contact page specific - legend positioning inside box */
.cos-contact-page {
    padding-top: 35px;
}

/* Contact page legend - positioned inside the box at top */
.cos-contact-page legend {
    position: relative !important;
    top: 15px !important;
    left: 4px !important;
    font-family: arial, sans-serif !important;
    font-size: 14px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: #000 !important;
    text-transform: none !important;
    margin-bottom: -25px !important;
    display: block !important;
}
.cos-new-fieldset-form legend {
    background-color: transparent;
    position: relative;
    top: 30px;
    font-family: 'Atrament Medium';
    font-size: 32px;
    text-transform: uppercase;
    color: #717171;
}

/* SendInvite.aspx - white background for inner scheduling sub-sections */
.cos-send-invite-page .cos-new-fieldset-form fieldset {
    background-color: #fff;
}

/* EditScreeningResult.aspx specific styles */
body:has(#txtHiddenScreeningID) #frmMain .cos-new-fieldset-form legend {
    font-family: arial, sans-serif;
    font-size: 14px;
    text-transform: none;
    margin-left: 0px;
    font-style: normal;
    color: #717171;
}

.cos-form-empty-title {
    width: 281px;
}

.cos-new-fieldset-form label {
    padding: 1px 4px 4px 4px;
    display: inline-block;
    width: 260px;
    text-align: right;
    margin-right: 15px;
}
.cos-new-fieldset-form label.error {
    background-color: #fee9e9;
    border-radius: 5px;
    color: #a40007;
}
.cos-form-value-text {
    padding: 7px 0px 0px 0px;
    width: 70%;
}
.cos-form-info {
    margin-bottom: 4px;
}
.cos-form-info-row.cos-row-error {
    padding: 10px;
}
.cos-new-fieldset-form em {
    color: #be1e2d;
}
.cos-required-field::after {
    content: " *";
    color: #be1e2d;
}
.cos-new-fieldset-form .cos-form-info-row {
    margin-left: 277px;
    padding: 15px 0px 15px 4px;
}

#divUserchoice .cos-new-fieldset-form .cos-form-info-row {
    margin-left: 0px;
    padding: 16px 16px 16px 16px !important;
}

#frmMain:has(#txtHiddenEmploymentHistoryID) .cos-new-fieldset-form .cos-form-info-row {
    margin-left: 0;
    padding: 10px 0px 15px 0px;
    max-width: 600px;
}

#frmMain:has(#txtHiddenReferenceCheckID) .cos-new-fieldset-form .cos-form-info-row {
    max-width: none;
}

#frmMain:has(#txtHiddenEmploymentHistoryID) .cos-new-fieldset-form .cos-form-info-row p {
    margin-bottom: 20px;
}
.cos-new-fieldset-form .cos-form-row {
    margin-bottom: 2px;
    display: flex;
    padding-top: 5px;
}

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

/* ReportWizard_10_Description.aspx - Center align help text with dropdown in legacy mode */
#vlblReportType span {
    align-self: center;
    margin-bottom: 2px;
}

.cos-new-fieldset-form .cos-form-row input[type="radio"][name="empstartdate"] {
    margin: 4px 8px 4px 0;
    vertical-align: middle;
}

.cos-form-row .radio-option-container {
    margin-right: 20px;
}

    #frmMain:has(#txtHiddenJobTemplateID) .radio-option-container label {
        cursor: default;
        vertical-align: middle;
        position: relative;
        top: -2px;
        width: fit-content;
    }

    #frmMain:has(#txtHiddenJobID) .radio-option-container label {
        cursor: default;
        vertical-align: middle;
        position: relative;
        width: fit-content;
        top: -2px;
    }

#fsEmailNotification #Reminder {
    align-items: center;
}
#fsEmailNotification #Reminder .requisitionPostingReminder {
    margin-right: 8px;
}
#fsEmailNotification #Reminder #btnUpdAllReminders {
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 12px;
}
/* Row-level validation: match vertical rhythm of .alert banners (which carry margin); do not rely on global .error/.alert */
.cos-new-fieldset-form .cos-row-error {
    background-color: #EEF376;
    border: 1px solid #858585;
    border-radius: 5px;
    padding: 10px 0px;
    margin: 10px 0;
}
.cos-new-fieldset-form .error {
    padding: 0px;
    background-color: #FDE9E6;
    border: 1px solid #fdbcb3;
    border-radius: 5px;
}
.cos-new-fieldset-form input,
.cos-new-fieldset-form select,
.cos-new-fieldset-form textarea {

}

/* AdhocQuery.aspx - SQL Statement textarea height in legacy mode */
#lblSQLStatement textarea {
    height: auto !important;
    min-height: 350px !important;
    flex: 1;
}
/*.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;
}*/

/* Checkbox and Radio button styling - ReportWizard specific */
.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: -2px !important;
    cursor: pointer !important;
    min-height: auto !important;
    float: none !important;
    display: inline-block !important;
}

/* ASP.NET CheckBoxList styling - ReportWizard specific */
.cos-checkbox-list table td {
    vertical-align: middle !important;
    padding: 4px 0 !important;
    text-align: left !important;
}

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

/* Add spacing between checkbox rows */
.cos-checkbox-list table tr {
    line-height: 28px !important;
}

/* Vertical layout for checkboxes in OFF mode */
.cos-checkbox-list-vertical {
    padding-left: 20px !important;
}

.cos-checkbox-list-vertical label {
    display: block !important;
    margin-bottom: 8px !important;
    padding-left: 0 !important;
    text-align: left !important;
    line-height: 20px !important;
}

.cos-checkbox-list-vertical input[type="checkbox"],
.cos-checkbox-list-vertical input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    margin: 1px 5px 0 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Radio button alignment to match checkboxes */
.cos-radio-checkbox-row {
    padding-left: 20px !important;
}

.cos-radio-checkbox-row label {
    display: block !important;
    text-align: left !important;
    line-height: 20px !important;
}

.cos-radio-checkbox-row input[type="radio"] {
    margin: 0 8px 0 0 !important;
    vertical-align: middle !important;
}

.cos-modal-form {
    padding-top: 0px !important;
    background-color: #eee !important;
}
.cos-modal-form legend {
    top: 0 !important;
}
.cos-legacy-padding {
    margin-left: 235px;
}
.cos-margin-left {
    margin-left: 247px;
}
.cos-form-row-inline {
}
.cos-label-right {
    float: left;
    padding: 5px !important;
}

.cos-label-after {
    margin-left: 8px;
    text-align: left !important;
}

.cos-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    width: 0px !important;
}
.cos-item-search-multi-row {
    padding: 4px 0px 4px 0px;
}
.cos-item-search-table {
    width: 100%;
    border-spacing: 0;
    color: #333;
    font: 400 14px / 20px Roboto, Arial, Helvetica, sans-serif;
    padding: 0;
}
.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-selected-user-box {
    display: flex;
    align-items: center;
}
.cos-selected-user {
    margin-right: 5px;
    margin-top: 5px;
}
.cos-remove-img {
    display: inline-block;
    cursor: pointer;
}
.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); }
}

/* Radio button and checkbox label fix for ReportWizard - specific class to avoid affecting Hire */
.cos-radio-checkbox-row label {
    width: auto !important;
    display: inline-block !important;
    text-align: left !important;
    margin-right: 0px !important;
    vertical-align: middle !important;
    line-height: 20px !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;
}

/* ReportWizard_70_Schedule.aspx - Align time slots and radio buttons with checkboxes (Neon Off) */
.report-wizard-schedule-page .cos-new-fieldset-form .cos-form-row label {
    width: auto !important;
    margin-right: 10px !important;
}

.report-wizard-schedule-page .cos-new-fieldset-form .cos-form-row label ~ label {
    margin-left: 20px !important;
}

.report-wizard-schedule-page .cos-new-fieldset-form .cos-form-row {
    padding-left: 16px !important;
}

.report-wizard-schedule-page .cos-radio-checkbox-row {
    padding-left: 15px !important;
}

/* AdhocQuery.aspx - Align time slots with checkboxes/radio buttons (Neon Off) */
#fsExportTime.cos-new-fieldset-form .cos-form-row label {
    width: auto !important;
    margin-right: 10px !important;
}

#fsExportTime.cos-new-fieldset-form .cos-form-row label ~ label {
    margin-left: 20px !important;
}

#fsExportTime.cos-new-fieldset-form .cos-form-row {
    padding-left: 16px !important;
}

/* DateRangeSelect.aspx - Job Posting Filter label width (Neon Off) */
.job-posting-filter-label {
    width: auto !important;
    text-align: left !important;
}

#JobID .linkRemove {
    vertical-align: middle !important;
    position: static !important;
}

/*********************************************/
.cos-new-search {
    display: flex;
    border: 1px solid rgb(196, 201, 202);
    border-radius: 4px;
    background-color: #fff;
    width: 27%;
    padding-right: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.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 {
    outline: 3px solid #1162ee;
    outline-offset: 2px;
    box-shadow: 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;
}
.cos-999-debug-info {
    position: fixed;
    bottom: 0px; 
    z-index: 9999;
    right:10px;
}
.cos-report-box-container {
    display: flex;
    flex-wrap: wrap;
}
.cos-interview-accepted {
    color: #006d00;
    font-weight: 500;
}
.cos-interview-noresponse {
    color: #000;
}
.cos-interview-declined {
    color: #000;
}


.cos-neon-dialog-content {
    background-color: #eee;
}
.neon-dialog-body, .neon-modal-dialog-title, .neon-modal-dialog-button-footer {
    background-color: #eee !important;
}

.neon-dialog-container header.neon-modal-dialog-title {
    color: #808080 !important;
    font: 500 calc(var(--neon-font-scaling-factor, 1) * 1 * 1rem) / calc(var(--neon-font-scaling-factor, 1) * 1.5 * 1rem) Atrament Medium !important;
    font-size: 32px !important;
    font-family: 'Atrament Medium' !important;
    text-transform: uppercase !important;
    line-height: 40px !important;
}

.daLineBox {
    background-color: #fff;
}

.cos-old-results-bar {
    padding: 10px; 
}
.cos-old-results-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}
.cos-old-results-table th {
    background-color: #444;
    color: white;
    padding: 8px;
}
.cos-old-results-table td {
    padding: 8px;
}

.cos-asp-radio-list {
    margin-bottom: 16px;
    width: 100%;
}

#rblWorkEligibility input[type="radio"] {
    vertical-align: middle;
    margin: 0 8px 0 0;
}

#rblWorkEligibility label {
    display: inline;
    vertical-align: middle;
}
.global-filter-set-deactivateText {
    margin-left: 0px !important;
    padding: 0px !important;
}

.filter-set-name {
    width: 159px !important;
    font-weight: bold;
    margin: 0;
    margin-left: 10px;
    display: flex !important;
    align-items: center;
}

.filter-set-info {
    padding: 0 0 15px 0 !important;
    margin-left: 0px !important
}

.clarify-margin-left {
    margin-left: -1px !important;
}
.additional-filters {
    margin-top: 10px;
}
.criteria {
    margin-left: 9px;
    margin-top: 2px;
    position: relative;
    top: 2px;
}
.radio-label {
    width: 0px !important;
    margin-right: 26px !important;
    margin-top: 2px !important;
    position: relative;
    top: 1px;
}
.custom-label {
    margin-left: -197px;
    margin-top: 8px;
    position: relative;
    top: 1px;
}
.enhance-global-filters{
    margin-top: 18px;
}

/* Contact Page - Neon OFF Mode Styling */
.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;
}

/* Contact Page - Form Row Alignment */
.cos-contact-page .cos-form-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.cos-contact-page .cos-form-row label {
    display: inline-block;
    width: 180px;
    min-width: 180px;
    box-sizing: border-box;
    text-align: left;
    font-weight: bold !important;
    color: #000 !important;
    padding: 5px 10px 5px 10px;
    line-height: 1.5;
    flex-shrink: 0;
}

.cos-contact-page .cos-form-row .cos-form-value-text {
    flex: 1;
    padding: 5px 0px;
    line-height: 1.5;
}

.cos-contact-page .cos-form-row .cos-mce-container {
    flex: 1;
    padding: 0px !important;
    margin: 0px !important;
    max-width: none;
    width: 100%;
}

.cos-contact-page .cos-form-row > .staticInfo {
    flex: 1;
    padding: 5px 0px;
    align-self: flex-start;
}

.cos-contact-page .cos-form-row .cos-mce-container:has(+ .staticInfo[style*="inline"]),
.cos-contact-page .cos-form-row .cos-mce-container:has(+ .staticInfo:not([style*="none"])) {
    display: none !important;
}

.cos-contact-page .cos-form-row .cos-mce-container + .staticInfo {
    padding: 5px 0px !important;
    margin: 0px !important;
}

.cos-contact-page .cos-form-row > *:not(label):not(.cos-mce-container):not(.cos-form-value-text) {
    padding: 5px 0px;
}

.cos-contact-page .cos-form-row textarea {
    width: 100% !important;
    max-width: none !important;
}

.cos-contact-page a,
.cos-contact-page a:link,
.cos-contact-page a:visited {
    text-decoration: none !important;
}

.cos-contact-page .staticInfo {
    font-weight: normal !important;
    text-decoration: none !important;
    display: inline-block;
    line-height: 1.5;
    vertical-align: top;
    width: 100%;
}

/* Remove download icon from document attachment links */
.cos-contact-page #divAttachedDocuments {
    width: auto !important;
    display: inline-block !important;
}

.cos-contact-page #divAttachedDocuments a {
    background-image: none !important;
    padding-right: 0 !important;
    color: #BF4B00 !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: #BF4B00 !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: #BF4B00;
}

.cos-contact-page #divAttachedDocuments table {
    width: auto !important;
}
.global-filter-label {
    text-align: left !important;
    width: auto !important;
    margin-right: 10px !important;
}
#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 .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: 77px;
}

#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;
}

#editFormContainer textarea {
    width: 294px;
    height: 130px;
}
#chkUserGroupsInAssignUser label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    font-weight: normal !important;
    position: relative;
    top: 3px;
}

#chkUserGchkUserGroupsInAssignUserroups input[type="checkbox"] {
    vertical-align: middle;
}

#chkUserGroupsInAssignUser td {
    padding: 5px 0;
}
/* Individual alignment for each checkbox item - Legacy UI only */
#chkUserGroupsInAssignUser tr:nth-child(1) label {
    margin-left: -103px; /* System Administrator (1) */
}

#chkUserGroupsInAssignUser tr:nth-child(2) label {
    margin-left: -138px; /* Hiring Manager (3) */
}

#chkUserGroupsInAssignUser tr:nth-child(3) label {
    margin-left: -127px; /* HR Support Staff (4) */
}

#chkUserGroupsInAssignUser tr:nth-child(4) label {
    margin-left: -96px; /* Building Administrator (6) */
}

#chkUserGroupsInAssignUser tr:nth-child(5) label {
    margin-left: -84px; /* Administrative Assistant (7) */
}

#chkUserGroupsInAssignUser tr:nth-child(6) label {
    margin-left: -25px; /* Building Administrator Readonly (13) */
}

#chkUserGroupsInAssignUser tr:nth-child(7) label {
    margin-left: -92px; /* Application Reviewer (14) */
}

#chkUserGroupsInAssignUser tr:nth-child(8) label {
    margin-left: -39px; /* Building Administrator w/ Hire (15) */
}

/* GlobalApplicationSettings_Sharing.aspx ONLY - Users: stack instruction text and #ulAssignedTo (Neon OFF) */
#fieldset-application-fields-sharing.cos-new-fieldset-form > .cos-form-row {
    flex-direction: column;
    align-items: flex-start;
}

/* GlobalApplicationSettings_Sharing.aspx ONLY - Security Groups alignment */
/* Using fieldset ID to ensure this ONLY affects this specific page */
#fieldset-security-groups-sharing #chkUserGroups {
    text-align: left;
    margin: 0;
}

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

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

#fieldset-security-groups-sharing #chkUserGroups label {
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
    text-align: left;
}

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

/* Fix the parent .cos-form-row container - ONLY in this fieldset */
#fieldset-security-groups-sharing .cos-form-row {
    display: block !important;
    text-align: left;
}


/* Saved Search Share - Security Groups checkbox labels - Legacy/OFF mode */
.cos-saved-search-share-checkbox-label label {
    top: -1px;
    position: relative;
    text-align: left !important;
}

#divSearchCriteriaGlobalFilters {
    background-color: white;
    padding: 5px;
    min-height: 40px;
    width: 100%;
    text-align: center;
    display: block;
}

/* Underline link styling */
.underline-link {
    text-decoration: underline;
}

/* Copy Filter Label - Legacy UI adjustment */
.copy-filter-label.legacy-ui {
    margin-left: -89px;
}
/* Copy filter row - align label with ItemSearch tag */
.user-filters-copy-filter-div {
    align-items: center;
}
.user-filters-copy-filter-div .copy-filter-label {
    align-self: center;
}
.user-filters-copy-filter-div .cof-item-search-widget {
    top: -2px;
    position: relative;
}
.user-filters-copy-filter-div .cof-item-search-widget .linkRemove {
    top: 2px;
    position: relative;
}
p.deactivate-filter-note {
    margin-left: 1px !important;
}
.global-filter-text {
    background-color: #eee;
}

/* ============================================
   AddResult.aspx Page-Specific Styles
   ============================================ */

/* Remove underlines from Interview Details section staticInfo elements on AddResult page */
.cos-interview-result-page .staticInfo {
    text-decoration: none !important;
}

/* Align text with labels in Interview Details section on AddResult page */
.cos-interview-result-page .cos-form-row .staticInfo {
    display: inline-block;
    padding: 3px 0;
    vertical-align: middle;
}

/* Move staticInfoPlain elements down to align with labels on AddResult page */
.cos-interview-result-page .staticInfoPlain {
    display: inline-block;
    padding-top: 3px;
    vertical-align: middle;
}

/* Move all staticInfo elements in item search widgets down on AddResult page */
.cos-interview-result-page .cof-item-search-widget .staticInfoPlain,
.cos-interview-result-page .cof-item-search-widget .staticInfo {
    display: inline-block;
    padding-top: 0;
    vertical-align: middle;
}

/* Align delete icon with text in item search widgets on AddResult page */
.cos-interview-result-page .cof-item-search-widget {
    display: inline-flex;
    align-items: center;
}
.cos-interview-result-page .cof-item-search-widget .linkRemove {
    vertical-align: middle;
}

/* Move readonly datepicker down to align with labels on AddResult page */
.cos-interview-result-page .cos-readonly-datepicker {
    display: inline-block;
    padding-top: 6px;
    vertical-align: middle;
    font-weight: bold;
    color: #000000;
}

/* Make interviewer and candidate labels bold on AddResult page */
.cos-interview-result-page #cboInterviewer_lblSearchText,
.cos-interview-result-page #cboCandidate_lblSearchText {
    font-weight: bold;
}

/* Location field styling on AddResult page */
.cos-interview-result-page #vlblLocation {
    color: #000000;
}

/* Fix for Edge: Ensure option text remains visible when selected */
select option {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

select option:checked,
select option:hover {
    color: #000000 !important;
    background-color: #E0E0E0 !important;
}

/* Add spacing between columns in UserFilters page - Legacy Mode */
table[data-table-file="ApplicationManager_Search"] {
    border-collapse: separate !important;
}

table[data-table-file="ApplicationManager_Search"] tbody tr td:first-child {
    padding-right: 15px !important;
}

/* Set width for dropdowns in UserFilters page - Legacy Mode */
[data-table-file="ApplicationManager_Search"] .col-2-searchfield select {
    width: 300px !important;
    max-width: 300px !important;
}

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

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue select,
[data-table-file="ApplicationManager_Search"] .col-4-searchvalue input[type="text"] {
    width: 300px !important;
    max-width: 300px !important;
}

[data-table-file="ApplicationManager_Search"] .col-4-searchvalue input[type="text"].DatePicker {
    max-width: 77% !important;
}
.applicationmanager-search-grid {
    border-bottom: none !important;
}
[data-table-file="ApplicationManager_Search"] td {
    border-bottom: none !important;
}
#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;
}

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

table[data-table-file="ApplicationManager_Search"] td a {
    position: relative;
    top: -3px !important;
}
/*Application Manager docs tab Add Doc space*/
.application-manager-docs .cos-button-bar {
    margin-top: 15px;
}

.checkbox-label-text {
    margin-left: 13px !important;
}

/*#lblErrorMessage,
#txtUMErrorMessage {
    margin-left: 17px !important;
}*/
#spnTotalApplicationCount {
    font-weight: bolder;
}

/* Align checkboxes with text in NewManageUsers table - Legacy Mode */
table.cos-dyna-list-table[data-table-file="NewManageUsers"] tbody tr td {
    vertical-align: middle !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

table.cos-dyna-list-table[data-table-file="NewManageUsers"] tbody tr td input[type="checkbox"] {
    vertical-align: middle !important;
    margin: 0 !important;
}

table.cos-dyna-list-table[data-table-file="NewManageUsers"] thead tr th {
    vertical-align: middle !important;
}
#jobPostingConfigSection table.adminToolEdit {
    table-layout: fixed;
}

#jobPostingConfigSection table.adminToolEdit #trExternalVisible td:first-child {
    width: 120px;
    overflow-wrap: break-word;
}
.filter-count-red {
    color: #FF0000;
    font-size: 130% !important;
    font-weight: bolder !important;
}

.filter-count-black {
    color: #000000;
    font-size: 130%;
    font-weight: 500;
}

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

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

body.admin #frmMain:has(#cboSelectCandidateFAQCategory) .cos-new-fieldset-form {
    flex-direction: row !important;
    gap: 14px !important;
}

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

body.admin #frmMain:has(#cboSelectCandidateFAQCategory) .cos-form-row label {
    white-space: nowrap !important;
    width: auto !important;
    text-align: left !important;
    margin-right: 8px !important;
}

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

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

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

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

body:has(#cboCandidatQuestionInBoxStatus) .pageHelpLink a {
    color: #BE1E2D !important;
}

/* SelectCandidateQuestionInBox.aspx */
body:has(#cboCandidatQuestionInBoxStatus) #divEnableConfigurationSwitch {
    padding-bottom: 15px;
}

body:has(#cboCandidatQuestionInBoxStatus) .pds-input-text {
    padding-bottom: 15px;
}

/* ViewQuestion.aspx - Answer textarea sizing to match Question box - Legacy UI */
body:has(#txtHiddenQuestionID) #txtAnswer {
    width: 330px;
    height: 80px;
}

/* Reference Check Survey Print - cos-form-row layout */
.cos-new-fieldset-form .cos-survey-row {
    display: flex;
    align-items: center;
}

.cos-new-fieldset-form .cos-survey-row .cos-survey-label {
    width: 50%;
    font-weight: 500;
    vertical-align: middle;
}

.cos-new-fieldset-form .cos-survey-row .cos-survey-value {
    vertical-align: middle;
    text-decoration: none;
}

body:has(#txtHiddenReferenceCheckID) #divRatings {
     margin-top: unset !important; 
}

body:has(#txtHiddenReferenceCheckID) #divAdditionalCheckInfo .cof-item-search-widget {
    display: inline-flex;
    align-items: center;
}

body:has(#txtHiddenReferenceCheckID) #divAdditionalCheckInfo .cof-item-search-widget .linkRemove {
    vertical-align: middle;
}

body:has(#txtHiddenReferenceCheckID) #divAdditionalCheckInfo .cof-item-search-widget #isContactedBy_imgSearch {
    left: -2px;
    position: relative;
}

#lblReferenceContactInfo ul {
    padding-top: 15px;
}

#ReferenceCheck_Ratings fieldset {
    padding-bottom: 0px;
    margin-bottom: -5px;
}

/* EditApplicationType.aspx - Remove extra space above Publish History */
body:has(#fsPublishedApplications) #fsPublishedApplications {
    padding-top: 0 !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 - Checkbox alignment for Minimum requirements (Neon OFF mode only) */
body:has(#divGeneral) #divGeneral .checkbox-container,
body:has(#divGeneral) #divGeneral .disclosure-container {
    margin-left: 27px;
}

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

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

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

body:has(#divGeneral) #vlblDisclosureText textarea {
    margin-left: -27px;
}

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

body:has(#divGeneral) #vlblDisclosure input[type="file"],
body:has(#divGeneral) #vlblDisclosure a#cmdDeleteDisclosure {
    margin-top: 28px;
    margin-left: 1px;
}

body:has(#divGeneral) #vlblDisclosure > div {
    margin-left: 2px;
}

body:has(#divGeneral) #vlblDisclosure .disclosure-note {
    margin-top: 65px !important;
    margin-left: -558px !important;
    clear: both;
    display: block;
    width: 100%;
}

/* Report Wizard - Instructional text container */
.cos-report-instruction-container {
    padding: 0 !important;
}

/* Report Wizard - Instructional text */
.cos-report-instruction-text {
    margin-top: 2px;
    margin-bottom: 0;
    margin-left: 14px !important;
    padding-top: 10px;
}

/* Report Wizard - Reduce spacing between nested fieldsets */
.cos-report-instruction-container .cos-new-fieldset-form {
    padding-top: 10px;
    padding-bottom: 4px;
    margin-bottom: 0;
}

.cos-report-instruction-container .cos-new-fieldset-form legend {
    top: 6px;
}

/* Report Wizard - Reduce gap below Search Available Fields fieldset */
.cos-report-instruction-container > fieldset.cos-new-fieldset-form:first-of-type {
    margin-bottom: 0 !important;
}

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

input[type="checkbox"]:checked {
    background-color: transparent !important;
}

/* ApplicationManagerSearchFieldManager.aspx - Legacy Mode Styling */
.cos-searchfield-manager-page h1,
.cos-searchfield-manager-page p {
    margin-left: 13px !important;
}

.cos-searchfield-reset-button #cmdReset {
    margin-left: 35px !important;
}

/* Add Field button positioning in off mode */
.cos-searchfield-add-button .add.cos-button-secondary {
    position: relative;
    bottom: -6px;
}

/* Add Searchable Field modal - increase width and remove horizontal scrollbar */
.cos-searchfield-modal {
    width: 950px !important;
    left: 37% !important;
    border-radius: 8px !important;
    overflow-x: hidden !important;
}

/* Add Searchable Field modal - left align Section Search and Question Search - OFF mode */
#divSelectColumnModal .cos-form-row {
    text-align: left !important;
}

#divSelectColumnModal .cos-form-row label {
    text-align: left !important;
    display: inline-block !important;
    width: 150px !important;
    vertical-align: top !important;
}

#divSelectColumnModal .cos-form-row select,
#divSelectColumnModal .cos-form-row input[type="text"]:not([style*="display: none"]) {
    display: inline-block !important;
    vertical-align: top !important;
}

/* ApplicationManager Search Criteria - Add button and Remove button styling - Old UI mode */
table[data-table-file="ApplicationManager_Search"] td {
    padding: 8px 4px !important;
}

table[data-table-file="ApplicationManager_Search"] .cloned-add-button {
    top: 2px !important;
}

    table[data-table-file="ApplicationManager_Search"] .cloned-add-button:hover {
        background-color: black !important;
}

table[data-table-file="ApplicationManager_Search"] #RemoveSearchLineApplicationManager {
    display: inline-block !important;
    vertical-align: middle !important;
     top: 2px !important;
}

table[data-table-file="ApplicationManager_Search"] td:last-child {
    width: 120px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

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

/* ApplicationManager main table - Icon alignment fix - Old UI 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;
}
.view-drop-down {
    height: 32px;
    top: -68px;
    position: relative;
}
.NavLinks {
    margin: 10px 0px 0px 0px;
}

#vlblWorkDaySun .TableLabel {
    display: inline !important;
    width: auto !important;
    font-weight: 600 !important;
}

#lblDescription p {
    font-weight: 600 !important;
    margin-top: 8px;
}

/* Unverified_Details.aspx & VerificationRequest.aspx - Legacy mode fieldsets (minimal styling) */
fieldset.ehv {
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    background-color: transparent;
}

fieldset.ehv > div {
    margin-bottom: 8px;
}

/* Unverified_Details.aspx - Align contact form textboxes in Legacy mode */
fieldset.ehv .cos-form-row label span {
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 8px;
    }

/* Unverified_Details.aspx - EHV base + unconfirmed block (legacy EHV overrides) */
body:has(#EHV_Unverified) .ehv {
    font-size: 10pt;
}

body:has(#EHV_Unverified) h3.ehv {
    margin: 10px 0 0 0;
    padding: 8px 0 8px 50px;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: 5px center;
    font-size: 14pt;
    vertical-align: middle;
    border-radius: 5px 5px 0 0;
}

body:has(#EHV_Unverified) h3.ehv.unverified {
    background-image: url(../images/ic-UnverifiedEmployment.png);
    background-color: #F9A726;
    color: #000;
}

body:has(#EHV_Unverified) div.ehv.instructions {
    margin: 10px;
    font-size: 10pt;
}

body:has(#EHV_Unverified) h5.topspacer {
    margin-top: 25px;
}

/* Unverified_Details.aspx - Make static info values bold in Legacy mode only */
body:has(#EHV_Unverified) #lblApplicantName,
body:has(#EHV_Unverified) #lblDistrict,
body:has(#EHV_Unverified) #lblStartDare,
body:has(#EHV_Unverified) #lblEndDate,
body:has(#EHV_Unverified) #lblTitle,
body:has(#EHV_Unverified) #lblOtherTitles,
body:has(#EHV_Unverified) #lblSchoolDistrict {
    font-weight: bold;
}

body:has(#EHV_Unverified) div.ehv.header {
    background-color: #000;
    color: #FFF;
    padding: 5px 10px;
    font-size: 10pt;
    font-weight: bold;
}

body:has(#EHV_Unverified) div.ehv.header .ehv-unconfirmed-title {
    display: block;
    margin-bottom: 6px;
}

body:has(#EHV_Unverified) div.ehv.header .ehv-unconfirmed-info {
    display: block;
    font-weight: normal;
    font-size: 10pt;
}

/* Unverified_Details.aspx - UNCONFIRMED title */
body:has(#EHV_Unverified) #SchoolDetails.ehv.header {
    background-color: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    font-weight: normal !important;
    margin: 0;
}

body:has(#EHV_Unverified) #SchoolDetails.ehv.header .ehv-unconfirmed-title {
    display: block;
    font-weight: bold;
    margin-bottom: 0;
}

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

body:has(#EHV_Unverified) .ehv-unconfirmed-intro .ehv-unconfirmed-info {
    display: block;
    font-weight: normal;
    font-size: 10pt;
    margin: 6px 0 0 0;
    padding: 0;
    color: inherit;
}

/* Unverified_Details.aspx - Normalize heading weight in Legacy mode */
body:has(#EHV_Unverified) fieldset.cos-new-fieldset-form h5 {
    font-weight: normal;
}

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

body:has(#EHV_Unverified) fieldset#Details > div > .cos-form-row:first-child {
    margin-top: -40px;
}

/* Verified_Details.aspx - Make static info values bold in Legacy mode only */
body:has(#EHV_Verified) fieldset.cos-new-fieldset-form > div > span:first-child {
    font-weight: 500;
}

body:has(#EHV_Verified) h5.ehv {
    font-weight: normal;
}

body:has(#EHV_Verified) .ehv.header {
    margin: 15px 0;
}
/* VerificationRequest.aspx - Override label styling for .ehv labels in Conduct section only */
body:has(#h3Title) h4.ehv.conduct + fieldset.cos-new-fieldset-form label.ehv {
    display: block;
    width: auto;
    text-align: left;
    padding: 1px 4px 4px 4px;
    margin-right: 0;
}

body:has(#h3Title) div.ehv.details.full {
    width: 100%;
    max-width: none;
}

body:has(#h3Title) h4.ehv.contact + fieldset.cos-new-fieldset-form > div:first-child p {
    padding-bottom: 20px;
}

body:has(#h3Title) h4.ehv.authorization + fieldset.cos-new-fieldset-form > p {
    padding-bottom: 10px;
}

/* 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;
}

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

/* Remove blue hover effect on checkbox/radio button labels - VerificationRequest page (Neon OFF) */
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;
}

#lblDescription p{
    font-weight: 600 !important;
    margin-top: 8px;
}
.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-highlight-modal-fieldset {
    margin-top: -15px;
    position: relative;
    right: 181px;
}
.cos-applicationstatus-modal-fieldset {
    position: relative;
    right: 159px;
    margin-top: -11px;
}
.cos-ehv-modal-fieldset {
    position: relative;
    right: 21px;
}
.cos-ref-modal-fieldset {
    position: relative;
    right: 41px;
    margin-top: -5px;
}
.cos-applicationscreening-modal-fieldset {
    position: relative;
    right: 136px;
    margin-top: -11px;
}
.ehv-popup {
    width: fit-content !important;
}
.wonderlic-dropdown {
    margin-top: -31px;
    margin-left: -62px;
}
/* Center No Results text in ApplicationManager table - OFF mode */
table[data-table-file="ApplicationManager"] .cos-empty-table-td,
table[data-table-file="ApplicationManager_Search"] td.cos-empty-table-td:last-child {
    text-align: center !important;
}

#vlblHiringSupervisorID #isHiringSupervisor_lblSearchText{
    font-weight: 600;
}

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

/* EditContactLog.aspx - neon-off only: align Contacted By label with ItemSearch button */
#tdContactBy {
    display: flex;
    align-items: center;
}

/* EditContactLog.aspx - neon-off only: align remove cross icon with search text */
#tdContactBy #isContactBy_imgRemove {
    vertical-align: middle;
}

.account-settings__intro {
    margin-bottom: 12px;
}

.account-settings__option {
    margin-bottom: 12px;
}

.account-settings__note {
    margin-top: 16px;
}

.users-global-filters__info-message {
    margin: 4px 0 0 0;
}

.global-filter-set__name-row {
    padding: 10px 0 !important;
}
.filter-description-text-1 {
    padding-top: 20px !important;
    color: #404040 !important;
}
.search-criteria-global-filters-div {
    margin-top: 5px !important;
}


.global-filter-radio-label {
    width: 0px !important;
    margin-right: 26px !important;
    margin-top: 4px !important;
    position: relative;
    top: 0px;
    font-weight:bold;
}

.global-filter-custom-label {
    margin-left: 0px;
    margin-top: 8px;
    position: relative;
    top: 0px;
    font-weight: bold;
    width: 60px !important;
}
.custom-description-row-1 {
    margin-left: 14px !important;
}

.cos-form-row.radio-option-row {
    margin-bottom: -10px;
}

.global-filter__assign-users a {
    margin-right: 20px !important;
}

.global-filter-assign-users-div {
    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: 15px !important;
    width: auto !important;
}
.cos-sso-registered-lbl {
    margin-top: 8px !important;
}
.global-filter-sets-text {
    color: #404040 !important;
    font-size: 100% !important;
    font-weight: normal;
    text-decoration: none;
    font-style: normal !important;
}
.global-filter-set-deactivateText-div {
    padding-top: 10px !important;
}
.global-user-filter-custom-checkbox {
    margin-top: 9px !important;
}
.global-filter-sets-radio-div, .user-filter-radio-div {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.user-filter-radio-div {
    margin-bottom: -13px !important;
}
.FieldSetDeactivatedText {
    padding-top: 13px;
    padding-bottom: 18px;
}
.global-filters-radio-btn {
    margin-top: -1px !important; 
}
.assign-user-to-filter-text {
    color: #404040 !important;
    font-family: arial, sans-serif !important;
    font-size:14px !important;
}
.global-filters-custom-radio-btn{
    margin-top:-3px !important;
}
.modal-magnifying-icon {
    width: 46px !important;
}
.div-search-box {
    width: 31% !important;
    margin-left: -15px;
    margin-top: 25px;
    margin-bottom: 25px;
    min-width: fit-content;
}
#divPrintPacket {
    left: 53% !important;
}
.modal-search-div {
    margin-top: -47px;
}
.modal-popup {
    margin-top: -32px;
}
.global-filter-set-popup {
    padding: 0px !important;
}
.global-filter-popup {
    margin-left: -2px;
}
.global-filter-set-required-popup {
    margin-left: -3px !important;
}

.new-saved-search {
    margin-top: -6px !important;
}

/* ApplicationManagerSavedSearchManager.aspx - Spacing adjustments for OFF mode */
.saved-search-title {
    margin-bottom: 8px;
}

.saved-search-description {
    margin-bottom: -2px;
}

.saved-search-list {
    margin-top: 20px;
}

/* ApplicationManagerViewManager.aspx - Spacing adjustments for OFF mode */
.view-manager-title {
    margin-bottom: 15px;
}

.view-manager-description {
    margin-bottom: 20px;
}

.view-manager-list {
    margin-top: 20px;
}

/* ApplicationManagerViewEdit.aspx - Tab spacing for OFF mode */
.application-manager-edit-view-tab {
    margin-bottom: 9px;
}

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

.add-column-search-results {
    margin-top: 25px;
}

.app-manager-reset-search,
.add.cos-button-secondary {
    position: relative;
    top: 6px;
}

/* OFF mode: Use one consistent focus color/style in Add Column dialog controls
   (close icon, Add, Close, Reset Search) to match page button focus styling. */
#cof-add-column-modal .neon-close-button:focus,
#cof-add-column-modal .neon-close-button:focus-visible,
#cof-add-column-modal #button-cof-add-column-modal-close-dialog:focus,
#cof-add-column-modal #button-cof-add-column-modal-close-dialog:focus-visible,
#cof-add-column-modal .cos-button-primary:focus,
#cof-add-column-modal .cos-button-primary:focus-visible,
#cof-add-column-modal a.action:focus,
#cof-add-column-modal a.action:focus-visible,
#cof-add-column-modal a.DisableButton:focus,
#cof-add-column-modal a.DisableButton:focus-visible,
#cof-add-column-modal .app-manager-reset-search:focus,
#cof-add-column-modal .app-manager-reset-search:focus-visible,
#cof-add-column-modal .cos-button-secondary:focus,
#cof-add-column-modal .cos-button-secondary:focus-visible,
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 {
    outline: 3px solid #1162ee;
    outline-offset: 2px;
    box-shadow: none;
}

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

/* E140/E141: Responsive layout for Add Column modal 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;
    }
}

/* ApplicationManagerSearchFieldManager.aspx - Add Searchable Field modal styling - OFF mode */
.searchfield-modal-fieldset {
    padding-top: 20px !important;
}

.searchfield-section-row {
    margin-bottom: 10px !important;
}

.searchfield-question-row {
    margin-bottom: 10px !important;
}

.searchfield-clear-btn {
    text-align: left !important;
    padding: 0 !important;
    margin-bottom: 10px !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%;
}

.manage-category-access #divAssignedToSearchResults {
    position: relative;
    left: 16px !important;
    top: 1150px !important;
    width: 291px;
}

.manage-category-access #divAssignedToSearchResults #navigate {
    height: 18px;
    width: 290px;
}

/* EditInterview.aspx - Specific margin adjustment for content paragraphs */
body:has(#txtHiddenInterviewID) div.content p {
    margin-left: -282px;
}

/* SendInvite.aspx and EditInterview.aspx - Interview Availability Modal Alignment */
.cos-modal-fieldset #vlblScheduleDate.cos-form-row,
.cos-modal-fieldset #vlblScheduleTime.cos-form-row,
.cos-modal-fieldset #vlblScheduleTimeEnd.cos-form-row,
.cos-new-fieldset-form.cos-fieldset-no-legend #vlblScheduleDate.cos-form-row,
.cos-new-fieldset-form.cos-fieldset-no-legend #vlblScheduleTime.cos-form-row,
.cos-new-fieldset-form.cos-fieldset-no-legend #vlblScheduleTimeEnd.cos-form-row {
    display: flex;
    align-items: center;
}

/* SendInvite.aspx - Interview Availability Modal Label Widths */
.cos-modal-fieldset #vlblScheduleDate.cos-form-row label[for="dpDateToSchedule"],
.cos-modal-fieldset #vlblScheduleTime.cos-form-row label[for="cboTimeToScheduleStartHour"],
.cos-modal-fieldset #vlblScheduleTimeEnd.cos-form-row label[for="cboTimeToScheduleEndHour"] {
    width: 101px;
}

/* EditInterview.aspx - Interview Availability Modal Label Widths */
.cos-new-fieldset-form.cos-fieldset-no-legend #vlblScheduleDate.cos-form-row label[for="dpDateToSchedule"],
.cos-new-fieldset-form.cos-fieldset-no-legend #vlblScheduleTime.cos-form-row label[for="cboTimeToScheduleStartHour"],
.cos-new-fieldset-form.cos-fieldset-no-legend #vlblScheduleTimeEnd.cos-form-row label[for="cboTimeToScheduleEndHour"] {
    width: 214px;
}

/* Interview Availability Modal - Time separator styling */
.cos-modal-fieldset .cos-time-separator,
.cos-new-fieldset-form.cos-fieldset-no-legend .cos-time-separator {
    padding-top: 5px;
}

/* SendInvite.aspx and EditInterview.aspx - Optional Messages fieldset info row fix */
.cos-send-invite-page .cos-form-info-row p,
form#frmMain:has(#txtHiddenInterviewID) .cos-new-fieldset-form .cos-form-info-row p {
    margin-left: -282px;
}

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

.cos-send-invite-page #vlblInterviewer .cos-form-value-text,
form#frmMain:has(#txtHiddenInterviewID) #vlblInterviewer .cos-form-value-text {
    padding-top: 0;
    display: flex;
    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 .staticInfoPlain,
form#frmMain:has(#txtHiddenInterviewID) #vlblInterviewer .cof-item-search-widget .staticInfoPlain {
    margin-top: -3px;
}

.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: -5px;
}

form#frmMain:has(#txtHiddenInterviewID) #vlblCandidate .cof-item-search-widget .linkRemove {
    vertical-align: middle;
    margin-top: -1px;
}

/* Hide ✕ when no value selected (staticInfoPlain empty) - Neon OFF */
.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;
}

/* SendInvite.aspx - Request interviewer radio row alignment (Neon OFF) */
.cos-send-invite-page #vlblScheduleLater.cos-form-row {
    align-items: center;
    padding-top: 0;
}

.cos-send-invite-page #vlblScheduleLater #vlblInviteType_ScheduleLater {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: -6px;
}

/* EditInterview.aspx - Radio button alignment for all three scheduling options (Neon OFF) */
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_AvailableBefore,
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_Specific,
form#frmMain:has(#txtHiddenInterviewID) #vlblInviteType_ScheduleLater {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 15px;
}

/* SendInvite.aspx - Schedule Status dropdown alignment (Neon OFF) */
.cos-send-invite-page label[for="cboScheduleStatus"] {
    right: -45px;
    position: relative;
}
.cos-send-invite-page #cboScheduleStatus {
    right: -42px;
    position: relative;
}
.cos-edit-interview label[for="cboScheduleStatus"] {
    right: -25px;
    position: relative;
}

.cos-edit-interview #cboScheduleStatus {
    right: -25px;
    position: relative;
}

/* SendInvite.aspx and EditInterview.aspx - Interviewer Availability grid (Neon OFF) */
.cos-send-invite-page #subInterviewAvailablity {
    padding-top: 0;
}
.cos-send-invite-page #subInterviewAvailablity .cos-form-value-text {
    padding-top: 0;
}
.cos-send-invite-page #subInterviewAvailablity .DynaListGeneric {
    margin-top: 0;
    padding: 0;
}
.cos-send-invite-page #subInterviewAvailablity .cos-empty-table-td {
    padding: 28px 0 !important;
    text-align: left;
}
.cos-edit-interview #subInterviewAvailablity .cos-empty-table-td {
    padding: 28px 0 !important;
    text-align: left;
    top: -21px;
    position: relative;
    left: -10px;
}
#subInterviewAvailablity .cos-form-value-text #divInterviewAvailablity span {
    position: relative;
    top: -2px;
}
#subInterviewAvailablity .cos-form-value-text #divInterviewAvailablity:has(.cos-empty-table-td) span {
    top: -21px;
}
form#frmMain:has(#txtHiddenInterviewID) #subInterviewAvailablity .DynaListGeneric {
    margin-top: -10px !important;
    left: 16px;
    position: relative;
}

/* SendInvite.aspx and EditInterview.aspx - Time separator styling */
.cos-send-invite-page .cos-time-separator,
form#frmMain:has(#txtHiddenInterviewID) .cos-time-separator {
    padding-top: 5px;
}

/* SendInvite.aspx and EditInterview.aspx - Schedule date calendar icon alignment */
.cos-schedule-date-row img {
    margin-top: -2px;
}

/* RecommendToHirePage.aspx Page-Specific Styles (Neon OFF mode only) */
body.admin .cos-recommend-to-hire-page .staticInfo {
    text-decoration: none !important;
}

/* SendEmailMessage.aspx - Spacing adjustments */
.send-email-message-form {
    overflow: hidden;
}
.send-email-info {
    margin-left: 0px !important;
}

.send-email-recipients {
    margin-left: -106px !important;
}
.send-email-from {
    margin-left: -178px;
}

.send-email-from table {
    margin-left: 36px !important;
}
.send-email-from-table td:nth-child(2) {
    width: 130px !important;
    text-align: left !important;
}
.send-email-from-table td:nth-child(2) label.RadioLabel,
.send-email-from-table td:nth-child(2) label#lblSystemName {
    width: auto !important;
    text-align: left !important;
    margin-left: 0 !important;
    display: inline !important;
}
.send-email-from-table tr td:nth-child(3) span.staticInfoPlain {
    margin-left: -5px !important;
}
.send-email-from-table tr td:first-child input[type="radio"] {
    position: relative !important;
    top: -2px !important;
}
.send-email-label {
    margin-left: 53px !important;
}
.lbl-to-sender {
    position: relative;
    left: 37px;
}
.lbl-from-sender{
    position: relative;
    left: 18px;
}
.send-cc-lbl {
    left: 32px;
    position: relative;
}
.lbl-subject {
    left: 1px;
    position: relative;
}
.lbl-body {
    position: relative;
    left: 15px;
}
.lbl-attach-doc {
    position: relative;
    left: -17px;
}
.clarify {
    font-style: normal !important;
    margin-left: 4px !important;
}
.sender-email-message {
    margin-left: -164px !important;
}

.send-email-cc {
    margin-left: -138px !important;
}

#isCC_imgSearch {
    margin-left: 51px !important;
}

/* 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: 51px !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-email-subject {
    margin-left: 0 !important;
}
.send-email-subject .lbl-subject {
    width: 154px !important;
}

.send-email-subject-input {
    margin-left: 19px !important;
}

.send-email-message {
    margin-left: 0 !important;
}
.send-email-message .lbl-body {
    width: 141px !important;
}

.send-email-mce {
    margin-left: 32px !important;
}
.send-email-doc {
    margin-left: -89px !important;
}

.send-email-attached-docs {
    margin-left: -133px !important;
}
#isCC_attachdoc {
    margin-left: 5px;
}
.select-email-template-link {
    margin-left: -85px;
}
table[data-table-file="SendEmailMessageDocLib"]:has(.cos-empty-table-td) thead {
    display: none;
}

.dynamic-text-email {
    margin-left: 19px !important;
}

fieldset:has(.dynamic-text-email) table th,
fieldset:has(.dynamic-text-email) table td {
    padding: 5px;
}

.search-input-wrapper {
    position: relative;
    display: inline-block;
    margin-left: 7px;
}
.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;
}
.quick-search-label {
    margin-left: -149px;
}
.input-txt-search-box {
    margin-left: 7px;
}
.label-document-category {
    margin-left: -142px;
}
.send-email-to-label-answer {
    color: #666 !important;
    padding: 8px !important;
    border-radius: 4px !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    margin-left: 5px !important;
}

.send-email-recipients #txtToEmail {
    margin-left: 15px !important;
}
.send-email-attached-docs span {
    margin-left: 25px !important;
}
.send-message-heading {
    position: relative;
    right: 41px;
}
.send-message-email {
    position: relative;
    right: 83px;
}
.send-email-to-label {
    left: 1px;
    position: relative;
}
.send-email-text img {
    position: relative;
    top: 2px;
}
.send-email-attached-docs table td:first-child {
    left: 25px;
    position: relative;
}
.send-email-attached-docs table td:nth-child(2) {
    left: 30px;
    position: relative;
}

/* EditBackgroundCheck.aspx - Page-specific styling */
body:has(#txtHiddenBackgroundCheckID) #divBackgroundRequest .cos-new-fieldset-form legend {
    font-size: 13px !important;
    margin-left: 0px;
}

body:has(#txtHiddenBackgroundCheckID) #fsBIBPackages .cos-form-row,
body:has(#txtHiddenBackgroundCheckID) #fsAccusourcePackages .cos-form-row,
body:has(#txtHiddenBackgroundCheckID) #fsJDPalatinev2AddPackage .cos-form-row,
body:has(#txtHiddenBackgroundCheckID) #divSaveSchoolRequest .cos-form-row {
    display: block !important;
}

body:has(#txtHiddenBackgroundCheckID) #fsBIBPackages .cos-form-row label,
body:has(#txtHiddenBackgroundCheckID) #fsAccusourcePackages .cos-form-row label,
body:has(#txtHiddenBackgroundCheckID) #fsJDPalatinev2AddPackage .cos-form-row label,
body:has(#txtHiddenBackgroundCheckID) #divSaveSchoolRequest .cos-form-row label {
    display: inline !important;
    width: auto !important;
    min-width: auto !important;
    margin-right: 8px !important;
}

body:has(#txtHiddenBackgroundCheckID) #fsBIBPackages .cos-form-row select,
body:has(#txtHiddenBackgroundCheckID) #fsAccusourcePackages .cos-form-row select,
body:has(#txtHiddenBackgroundCheckID) #fsJDPalatinev2AddPackage .cos-form-row select {
    display: inline !important;
}

/* EditBackgroundCheck.aspx - Last Edited row: align to start (not value-column indent); single line vs stacked <br> */
body:has(#txtHiddenBackgroundCheckID) fieldset.cos-new-fieldset-form > #trLastEdited.cos-form-info-row {
    margin-left: 0;
    padding: 10px 0 15px 0;
}

body:has(#txtHiddenBackgroundCheckID) #trLastEdited br {
    display: none;
}

body:has(#txtHiddenBackgroundCheckID) #trLastEdited .cos-form-info {
    display: inline;
}

body:has(#txtHiddenBackgroundCheckID) #fsOneSourceMessage > span {
    margin-top: 8px;
    display: inline-block;
}


body:has(#txtHiddenBackgroundCheckID) #fsOneSourceAddPackage > div,
body:has(#txtHiddenBackgroundCheckID) #fsAddService > div,
body:has(#txtHiddenBackgroundCheckID) #fsAddpackage > div {
    margin-left: 15px;
}

body:has(#txtHiddenBackgroundCheckID) #fsOneSourceAddPackage > div > span,
body:has(#txtHiddenBackgroundCheckID) #fsAddService > div > span,
body:has(#txtHiddenBackgroundCheckID) #fsAddpackage > div > span {
    display: block;
    margin-bottom: 5px;
}


.dps-section2-table td.dps-s2-input input[type="text"] {
    height: 50% !important;
    box-sizing: border-box;
}


#dpHRVerificationDate {
    min-width: fit-content;
}


.dps-v2-section3-table .dps-v2-chk-group {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.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;
}

/* Edit DPS in App Manager tabs */
#pnlFormV1Section3 table td {
    height: auto !important;
    padding: 6px 10px !important;
    vertical-align: middle !important;
    border: none !important;
}

#pnlFormV1Section3 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;
}

#pnlFormV1Section3 input[type="text"] {
    width: 150px;
    box-sizing: border-box;
}
#divBackgroundRequest .cos-new-fieldset-form .cos-form-row label {
            width: 120px;
}
 #divBackgroundRequest {
            margin-top: 0;
}
#divBackgroundRequest > div {
            margin-bottom: 10px;
}
        
#fsJDPalatineReport table td {
            vertical-align: top;
            padding: 2px 4px;
}
#fsJDPalatineReport table {
            margin-left: -20px;
}
        
#divBackgroundRequest .cos-new-fieldset-form {
            background-color: #e7e7e7;
            padding: 0 0 10px 0;
            margin-bottom: 20px;
            box-shadow: none;
            border-radius: 0;
}

#divBackgroundRequest .cos-new-fieldset-form legend:not(.cos-sr-only) {
            display: block;
            background-color: #606060;
            padding: 4px 8px;
            color: #fff;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px !important;
            font-weight: bold;
            text-transform: none;
            top: 0;
            width: 100%;
            box-sizing: border-box;
}

#divBackgroundRequest .cos-new-fieldset-form legend.cos-sr-only {
            display: none;
}
#divBackgroundRequest select {
            padding-bottom: 4px;
}
#fsBIBPackages .cos-form-row,
#fsAccusourcePackages .cos-form-row,
#divSaveSchoolRequest .cos-form-row,
#fsJDPalatinev2AddPackage .cos-form-row {
            padding: 10px;
}
/* Job Application Timeframes section - Layout fixes (Legacy Mode / Neon OFF) */
/* JobPosting.aspx - Hyper-focused selectors to avoid affecting other pages */
#fsTimeFrames fieldset.cos-new-fieldset-form {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
}

#fsTimeFrames .cos-timeframes-title {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-left: 277px;
    text-align: left;
    font-weight: bold;
}

#fsTimeFrames .cos-form-info-row:not(.cos-timeframes-title) {
    padding: 5px 0;
}

/* Ensure proper spacing before bold tag in required message */
#fsTimeFrames #pTimeFrames b {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Job Application Timeframes - section gap (Legacy Mode) */
#fsTimeFrames > fieldset.cos-new-fieldset-form + fieldset.cos-new-fieldset-form {
    margin-top: 20px !important;
}

.manage-category-access #chkUserGroups tr td label {
    position: relative;
    top: -2px;
    margin-left: 0px;
}
.manage-category-access #divAssignedToSearchResults #closeSearch span {
    top: -1px;
}

.manage-category-access #divAssignedTo {
    padding-top: 5px;
}

.manage-category-access #divAssignedTo .interviewerList {
    padding-top: 2px;
}

/* EditApplicationStatus.aspx - Form styling (Neon Off) */
.edit-app-status-page .cos-form-row label {
    text-align: left;
}

.edit-app-status-page .cos-form-row label p.clarify {
    margin: 0 !important;
}

.edit-app-status-page .lastEdit {
    font-style: normal !important;
}

.edit-app-status-page .cos-form-info-row {
    font-weight: bold;
    margin-left: -1px;
}

.edit-app-status-page .cos-form-value-text {
    font-weight: bold;
}

.edit-app-status-page .cos-form-row .cos-form-value-text span {
    font-weight: bold;
}

.edit-app-status-page #lblRecipient {
    font-weight: bold;
}

.edit-app-status-comment {
    margin-bottom: 10px !important;
}

.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 Off) */
.application-detail-job-desc-label span {
    font-size: 16px;
    font-weight: bold;
    margin-left: -4px;
}

.application-detail-job-desc-pdf-icon img {
    position: relative;
    left: 4px;
}

/* Applications.aspx - All Applications heading spacing (Neon Off) */
.all-applications-heading {
    margin-top: 10px;
}

/* AddEmploymentHistory.aspx, EmployerDetails.aspx - Maintain flex alignment on alert rows */
.cos-new-fieldset-form .cos-form-row.alert {
    display: flex;
    padding: 10px 0px;
    margin-bottom: 2px;
}

body:has(#txtHiddenEmploymentHistoryID) .cos-new-fieldset-form .cos-form-row .staticInfoNoUnderline {
    align-self: center;
    padding-top: 0;
}


/* ApplicationManager.aspx - Saved Search dropdown (Neon Off) */
.saved-search-dropdown {
    margin-left: -5px;
}

/* BC request: JDP / Universal / Validity */
body:has(.bc-request-provider-page) .bc-request-main-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body:has(.bc-request-provider-page) .bc-request-main-columns > .bc-request-service-column,
body:has(.bc-request-provider-page) .bc-request-main-columns > .bc-request-main-applicant-fieldset {
    min-width: 0;
    box-sizing: border-box;
}

body:has(.bc-request-provider-page) .bc-request-main-columns > .bc-request-service-column {
    flex: 0 0 70%;
    width: 70%;
    max-width: 70%;
}

body:has(.bc-request-provider-page) .bc-request-main-columns > .bc-request-main-applicant-fieldset {
    flex: 0 0 30%;
    width: 30%;
    max-width: 30%;
}

body:has(.bc-request-provider-page) #vlblErrorMessage {
    display: none;
}

body:has(.bc-request-provider-page) #vlblErrorMessage.alert,
body:has(.bc-request-provider-page) #vlblErrorMessage.cos-row-error {
    display: block;
}

body:has(.bc-request-provider-page) .jdp-selected-searches-fieldset #vlblService label {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 15rem;
    width: auto;
    text-align: left;
    margin-right: 0;
}

body:has(.bc-request-provider-page) .jdp-selected-searches-fieldset #divPackageServices ul {
    margin: 0;
}

body:has(.bc-request-provider-page) .bc-request-main-applicant-fieldset .bc-request-applicant-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5.5rem;
}

body:has(.bc-request-provider-page) .bc-request-main-applicant-fieldset .bc-request-applicant-summary > div:last-child {
    font-weight: bold;
}

body:has(.bc-request-provider-page) .bc-request-main-applicant-fieldset .jdp-additional-stacked {
    margin-left: 0;
    text-align: left;
}

body:has(.bc-request-provider-page) .bc-request-main-applicant-fieldset .jdp-additional-stacked label {
    text-align: left;
    width: auto;
    margin-right: 8px;
}

body:has(.universal-background-request-page) .bc-request-applicant-panel .cos-form-info-row {
    margin-left: 0 !important;
    padding: 0 0 12px 0 !important;
}

body:has(.universal-background-request-page) .bc-request-applicant-panel .bc-request-additional-instruction.cos-form-info-row {
    padding-top: 8px !important;
}

body:has(.universal-background-request-page) .bc-request-applicant-panel .bc-request-additional-fields .cos-form-row label {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Universal: precheck grid */
body:has(.universal-background-request-page) .universal-precheck-row {
    display: grid;
    grid-template-columns: 16rem 1fr;
    align-items: baseline;
    column-gap: 0.65rem;
}

body:has(.universal-background-request-page) .universal-precheck-name,
body:has(.universal-background-request-page) .universal-precheck-status {
    min-width: 0;
}

body:has(.universal-background-request-page) .universal-precheck-name {
    padding-right: 0.25rem;
}

body:has(.universal-background-request-page) .bc-request-package-fieldset.cos-new-fieldset-form .cos-form-row label {
    width: 10.5rem;
    min-width: 10.5rem;
    max-width: 10.5rem;
    margin-right: 12px;
    box-sizing: border-box;
}

body:has(.universal-background-request-page) .bc-request-package-fieldset #lblPackageName {
    padding-top: 8px;
}

body:has(.universal-background-request-page) .bc-request-package-fieldset #divPackageServices {
    flex: 1;
    min-width: 0;
}

body:has(.universal-background-request-page) .bc-request-package-fieldset #divPackageServices ul {
    margin-left: 0 !important;
}

body:has(.universal-background-request-page) .bc-request-package-fieldset #divPackageServices a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

body:has(.validity-screening-request-page) .bc-request-applicant-panel a.validity-view-current-profile-link:link,
body:has(.validity-screening-request-page) .bc-request-applicant-panel a.validity-view-current-profile-link:visited {
    color: #be1e2d;
    font-weight: 600;
    text-decoration: none;
}

body:has(.validity-screening-request-page) .bc-request-applicant-panel a.validity-view-current-profile-link:hover {
    color: #a01826;
    text-decoration: none;
}
.validity-screening-request-page .validity-selected-screening,
.validity-screening-request-page .bc-request-main-applicant-fieldset {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}

/* Users.aspx - Password Requirements text (Neon Off) */
.users-password-requirements {
    margin-left: 278px !important;
}

.doc-lib-search {
    margin-left: -1px !important;
}

.manage-document-lib .cos-new-fieldset-form {
    padding-top: 16px;
}

#frmManageScreenings .cos-title-slot-left p {
    margin-top: 8px;
    line-height: 18px;
}

.edit-category-info {
    margin: 10px 0px 20px 0px;
}

#frmEditCategory #lblErrorMessage {
    position: relative;
    top: -5px;
}

.manage-category-access .manage-category-access-info {
    margin-top: 10px;
}

.manage-category-access .fgsUserGroups {
    margin-top: 0px;
}

.manage-category-access #divAssignedTo .interviewerList {
    display: table !important;
    padding-top: 4px;
    padding-bottom: 4px;
}

.manage-category-access #divAssignedTo .interviewerList a {
    padding: 2px 0px 0px 20px;
}

#frmEditCategory .cos-new-fieldset-form {
    margin-top: 15px;
    padding-top: 15px;
}

.application-manager-supporting-docs p.supporting-docs-info {
    margin-top: 10px;
    margin-bottom: -10px;
}

.application-manager-supporting-docs span#lblErrorMessage {
    margin-top: 20px;
    position: relative;
    bottom: -6px;
}

.select-document-lib-form .cos-new-fieldset-form {
    margin-top: 0 !important;
}

#frmJobOfferTemplate #divUserchoice .cos-new-fieldset-form {
    padding-top: 0px;
    padding-bottom: 0px;
}

.candidate-portal-customize #colorPreferences .color-picker-icon img {
    margin-left: 5px;
}

.reference-check-review-class .cos-new-fieldset-form .cos-survey-row .cos-survey-label {
    width: 42em !important;
}

.pageHelpLink a[href*="CandidateQuestionInbox"] {
    font-size: 14px;
}

/* NewManageJobPostings.aspx / ManageJobPostingsRequisitions.aspx - Hide table headers when showing "No Results" for all tabs - OFF 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;
}

/* Applications.aspx (Applicant Folder) - Hide table headers when showing "No Results" - OFF mode */
table[data-table-file="Applications"]:has(.cos-empty-table-td) thead,
table[data-table-file="Applications_Current"]:has(.cos-empty-table-td) thead {
    display: none;
}

/* JobOfferStatusList.aspx - Hide table headers when showing "No Results" for all tabs - OFF mode */
table[data-table-file="JobOfferStatusList"]:has(.cos-empty-table-td) thead {
    display: none;
}

/* JobPosting.aspx - JOB POOLS section table spacing and header styling - OFF mode */
#hJobPoolingDetails #dvJobPoolRepeater {
    margin-top: 12px;
}

#hJobPoolingDetails #dvJobPoolRepeater table {
    border-collapse: collapse;
    width: 100%;
}

#hJobPoolingDetails #dvJobPoolRepeater table tr.thead td {
    padding: 6px 10px;
    font-weight: bold;
}

#hJobPoolingDetails #dvJobPoolRepeater table tr:not(.thead) td {
    padding: 5px 8px;
    vertical-align: middle;
}

/* EditWonderlic.aspx - white card per test inside the off-site/on-site fieldset - OFF mode */
body:has(#txtHiddenWonderlicID) .wonderlic-test-card {
    background-color: #fff;
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}

/* ConfigureSecuritySettingsJSQ.aspx - Selected user list below paragraph, left-aligned - OFF mode */
#fieldset-jsq-users #ulAssignedTo {
    margin: 0px;
    padding: 10px;
}

#fieldset-jsq-users .cos-form-row {
    flex-direction: column;
}
#fieldset-jsq-security-groups .cos-form-row {
    display: block !important;
    text-align: left;
}
#fieldset-jsq-security-groups #chkUserGroups td {
    display: block !important;
    text-align: left;
    padding: 5px 0;
}

/* ModalSearch dialog - clean close (X) button in NeonOFF mode */
#cof-modal-search-dialog .neon-close-button,
#cof-modal-search-dialog .neon-close-button button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

/* ModalSearch dialog - hide table headers when showing No Results - NeonOFF mode */
/* Scope to known DynaList table containers to avoid affecting unrelated tables */
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%;
    }
}

.manage-job-templates-form .jobTemplateList {
    overflow: visible !important;
    white-space: normal !important;
    vertical-align: top !important;
}

/* ATS-E220 (reflow @320px) + ATS-E222 (resize text 200% @640px): Applications.aspx reflow fix (OFF mode) */
@media (max-width: 680px) {
    body:has(#subApplication) {
        min-width: 0 !important;
    }
    body:has(#subApplication) #hireMenuOptions {
        min-width: 0 !important;
        height: auto !important;
    }
    body:has(#subApplication) .content,
    body:has(#subApplication) .cos-applicant-display,
    body:has(#subApplication) .cos-applicant-info-div,
    body:has(#subApplication) #formHireMaster,
    body:has(#subApplication) #subApplication,
    body:has(#subApplication) #subAllApplication,
    body:has(#subApplication) #divJobDesc,
    body:has(#subApplication) .application-detail-job-desc-header,
    body:has(#subApplication) .cos-job-description-box,
    body:has(#subApplication) #ifJobDescription,
    body:has(#subApplication) #fc,
    body:has(#subApplication) .footer,
    body:has(#subApplication) #footerNetchemia,
    body:has(#subApplication) .all-applications-heading {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body:has(#subApplication) #divCurrentApplication,
    body:has(#subApplication) #divApplications,
    body:has(#subApplication) .DynaListGeneric {
        max-width: 100% !important;
        overflow-x: auto !important;
    }
    /* Data tables are exempt from reflow; allow horizontal scroll inside their container */
    body:has(#subApplication) .DynaListGeneric table.cos-dyna-list-table {
        min-width: max-content;
    }
}

/* 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 .btnCopyLink.cos-button-primary,
#cof-share-dialog-button-footer .btnCopyLink.cos-button-primary:hover {
    float: none;
    margin-top: 0 !important;
    background-color: #404040;
    color: #fff !important;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
}
#cof-share-dialog-button-footer .btnCopyLink.cos-button-primary:hover {
    background-color: #606060;
}
.customize-DistrictInformation-table, .customize-CustomStyles-table {
    margin-left: 3px !important;
}

.customize-ColorPreferences-table {
    margin-left: 8px !important;
}

/* Applications.aspx - Job Description header layout */
.application-detail-job-desc-header {
    padding: 10px 0;
}

/* 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;
}