/* ── YouGoRemote custom overrides ── */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   NIGHT MODE
   Activated via body.night-mode (set by inline script
   when visitor's local hour is >= 18 or < 6, or by
   the day/night toggle button).
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Override Bootstrap CSS variables so every component
   that references them automatically shifts colour */
body.night-mode {
    --bs-body-bg:          #0f1e33;
    --bs-body-bg-rgb:      15, 30, 51;
    --bs-body-color:       #c8ddef;
    --bs-body-color-rgb:   200, 221, 239;
    --bs-secondary-color:  #8ab4d4;
    --bs-border-color:     #1e3a5f;
    background-color: #0f1e33 !important;
    color: #c8ddef !important;
}

/* Page wrappers */
body.night-mode .body-innerwrapper,
body.night-mode .layout-boxed .body-innerwrapper,
body.night-mode .body-wrapper { background: #0f1e33 !important; }

/* ── Header / nav ── */
body.night-mode #sp-top-bar                    { background: #1a3255 !important; color: #8ab4d4; }
body.night-mode #sp-top-bar a                  { color: #8ab4d4; }
body.night-mode #sp-header                     { background: #162945 !important; }

/* ── Menu items ── */
body.night-mode .sp-megamenu-parent > li > a                       { color: #8ab4d4; }
body.night-mode .sp-megamenu-parent > li:hover > a,
body.night-mode .sp-megamenu-parent > li.active > a                { color: #d6eaf8; }
body.night-mode .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner { background: #162945 !important; border-color: #1e3a5f; }
body.night-mode .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a { color: #8ab4d4; }
body.night-mode .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
body.night-mode .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a { color: #d6eaf8; }
body.night-mode .sp-megamenu-parent .sp-mega-group > li > a        { color: #8ab4d4; }

/* ── Off-canvas / hamburger ── */
body.night-mode #offcanvas-toggler > .fa,
body.night-mode #offcanvas-toggler > .fas,
body.night-mode #offcanvas-toggler > .far          { color: #8ab4d4; }
body.night-mode .offcanvas-menu                    { background-color: #162945 !important; color: #c8ddef; }
body.night-mode .offcanvas-menu .offcanvas-inner a { color: #8ab4d4; }
body.night-mode .offcanvas-menu .offcanvas-inner ul.menu > li a,
body.night-mode .offcanvas-menu .offcanvas-inner ul.menu > li span { color: #8ab4d4; }
body.night-mode .offcanvas-menu .offcanvas-inner ul.menu > li a:hover,
body.night-mode .offcanvas-menu .offcanvas-inner ul.menu > li span:hover { color: #d6eaf8; }

/* ── Links ── */
body.night-mode a                          { color: #7ab0d4; }
body.night-mode a:hover,
body.night-mode a:focus,
body.night-mode a:active                   { color: #d6eaf8; }

/* ── Sidebar modules ── */
body.night-mode .sp-module                    { background: transparent; color: #c8ddef; }
body.night-mode .sp-module ul > li > a        { color: #8ab4d4; }
body.night-mode .sp-module ul > li > a:hover  { color: #d6eaf8; }

/* ── Bootstrap cards, panels, wells ── */
body.night-mode .card,
body.night-mode .card-body,
body.night-mode .card-header,
body.night-mode .card-footer,
body.night-mode .well,
body.night-mode .panel,
body.night-mode .panel-body               { background-color: #162945 !important; border-color: #1e3a5f !important; color: #c8ddef; }

/* ── Form inputs ── */
body.night-mode .form-control,
body.night-mode .form-select,
body.night-mode select,
body.night-mode input[type="text"],
body.night-mode input[type="email"],
body.night-mode input[type="password"],
body.night-mode input[type="search"],
body.night-mode input[type="number"],
body.night-mode textarea                  { background-color: #1a3255 !important; color: #c8ddef !important; border-color: #2a4a6b !important; }
body.night-mode .form-control:focus,
body.night-mode .form-select:focus        { background-color: #1e3a5f !important; border-color: #5a8fc0 !important; color: #d6eaf8 !important; box-shadow: 0 0 0 0.2rem rgba(90,143,192,0.25) !important; }
body.night-mode .input-group-text         { background-color: #162945 !important; border-color: #2a4a6b !important; color: #8ab4d4; }

/* ── Dropdowns (Bootstrap) ── */
body.night-mode .dropdown-menu            { background-color: #162945 !important; border-color: #1e3a5f !important; }
body.night-mode .dropdown-item            { color: #8ab4d4 !important; }
body.night-mode .dropdown-item:hover,
body.night-mode .dropdown-item:focus      { background-color: #1e3a5f !important; color: #d6eaf8 !important; }

/* ── Tables ── */
body.night-mode table,
body.night-mode .table                    { color: #c8ddef; }
body.night-mode .table td,
body.night-mode .table th                 { border-color: #1e3a5f !important; }
body.night-mode .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.03) !important; }

/* ── Modals ── */
body.night-mode .modal-content           { background-color: #162945 !important; border-color: #1e3a5f !important; color: #c8ddef; }
body.night-mode .modal-header,
body.night-mode .modal-footer            { border-color: #1e3a5f !important; }

/* ── Alerts / badges ── */
body.night-mode .alert-info              { background-color: #1a3255 !important; border-color: #2a4a6b !important; color: #8ab4d4 !important; }

/* ── Page title bar ── */
body.night-mode .sp-page-title           { background: #162945 !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   SCROLL UP ARROW (move higher to avoid overlap with toggle button)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sp-scroll-up { bottom: 130px !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   DAY / NIGHT TOGGLE BUTTON (fixed bottom-right)
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#ygr-theme-toggle {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2px solid rgba(0,0,0,0.12);
    background: #f5f5f5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 3px 10px rgba(0,0,0,0.18);
    transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
    padding: 0;
}
#ygr-theme-toggle:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.28); }

#ygr-theme-toggle .ygr-icon       { display: none; }
#ygr-theme-toggle .ygr-moon       { display: inline; color: #5a6a7a; } /* day: show moon */

body.night-mode #ygr-theme-toggle          { background: #1e3a5f; border-color: rgba(138,180,212,0.3); box-shadow: 0 3px 10px rgba(0,0,0,0.5); }
body.night-mode #ygr-theme-toggle .ygr-moon { display: none; }
body.night-mode #ygr-theme-toggle .ygr-sun  { display: inline; color: #f5d76e; } /* night: show sun */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   JSJOBS NIGHT MODE OVERRIDES
   JSJobs style.css sets white backgrounds with !important;
   we need higher-specificity rules to override them.
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Override JSJobs body rule: body { background: #f6f6f6 !important } */
body.night-mode                              { background: #0f1e33 !important; color: #c8ddef !important; }

/* Main JSJobs wrapper divs */
body.night-mode #js_jobs_main_wrapper,
body.night-mode #js_main_wrapper,
body.night-mode #js-jobs-wrapper,
body.night-mode #jsjobs-wrapper,
body.night-mode #jsjobs-main-wrapper         { background: #0f1e33 !important; color: #c8ddef !important; }

/* Inner content areas within JSJobs */
body.night-mode #js_main_wrapper div,
body.night-mode #js-jobs-wrapper div,
body.night-mode #jsjobs-wrapper div,
body.night-mode #jsjobs-main-wrapper div     { background-color: transparent; color: #c8ddef; }

/* Job listing rows / items */
body.night-mode .jsjobs_subcat_wrapper,
body.night-mode div.jsjobs_subcat_wrapper    { background: #162945 !important; color: #c8ddef !important; }

body.night-mode .jsj-job-list-item,
body.night-mode .jsjobs-job-item,
body.night-mode .js_job_wrapper,
body.night-mode .js_job_list_row,
body.night-mode .js_job_box,
body.night-mode .js_jobs_row               { background: #162945 !important; border-color: #1e3a5f !important; color: #c8ddef !important; }

/* Job detail wrappers */
body.night-mode div.js_job_comment_wrapper  { background: #162945 !important; color: #c8ddef !important; }
body.night-mode div#jsquickview_wrapper1    { background: #162945 !important; color: #c8ddef !important; }

/* Donut chart / stats wrapper */
body.night-mode div#js_donut_chart          { background: #162945 !important; color: #c8ddef !important; }

/* Popups / dialogs */
body.night-mode div#jsjob-search-popup,
body.night-mode div#jsjobs-listpopup,
body.night-mode div#js_jobs_main_popup_area { background: #162945 !important; border-color: #1e3a5f !important; color: #c8ddef !important; }

/* Tell-a-friend panel */
body.night-mode div#tellafriend.tellafriend { background: #162945 !important; color: #c8ddef !important; }

/* JSJobs form inputs (uses .inputbox class) */
body.night-mode .inputbox,
body.night-mode #js_main_wrapper input[type="text"],
body.night-mode #js_main_wrapper input[type="email"],
body.night-mode #js_main_wrapper input[type="search"],
body.night-mode #js_main_wrapper input[type="number"],
body.night-mode #js_main_wrapper input[type="password"],
body.night-mode #js_main_wrapper select,
body.night-mode #js_main_wrapper textarea,
body.night-mode #js-jobs-wrapper input[type="text"],
body.night-mode #js-jobs-wrapper input[type="email"],
body.night-mode #js-jobs-wrapper input[type="search"],
body.night-mode #js-jobs-wrapper input[type="number"],
body.night-mode #js-jobs-wrapper select,
body.night-mode #js-jobs-wrapper textarea   { background-color: #1a3255 !important; color: #c8ddef !important; border-color: #2a4a6b !important; }

/* JSJobs links */
body.night-mode #js_main_wrapper a,
body.night-mode #js-jobs-wrapper a,
body.night-mode #jsjobs-wrapper a,
body.night-mode #jsjobs-main-wrapper a      { color: #7ab0d4; }
body.night-mode #js_main_wrapper a:hover,
body.night-mode #js-jobs-wrapper a:hover,
body.night-mode #jsjobs-wrapper a:hover,
body.night-mode #jsjobs-main-wrapper a:hover { color: #d6eaf8; }

/* JSJobs headings / labels */
body.night-mode #js_main_wrapper h1,
body.night-mode #js_main_wrapper h2,
body.night-mode #js_main_wrapper h3,
body.night-mode #js_main_wrapper h4,
body.night-mode #js_main_wrapper h5,
body.night-mode #js_main_wrapper h6,
body.night-mode #js_main_wrapper label,
body.night-mode #js-jobs-wrapper h1,
body.night-mode #js-jobs-wrapper h2,
body.night-mode #js-jobs-wrapper h3,
body.night-mode #js-jobs-wrapper h4,
body.night-mode #js-jobs-wrapper h5,
body.night-mode #js-jobs-wrapper h6,
body.night-mode #js-jobs-wrapper label      { color: #c8ddef !important; }

/* JSJobs separator lines / borders */
body.night-mode #js_main_wrapper hr,
body.night-mode #js-jobs-wrapper hr         { border-color: #1e3a5f !important; }

/* Pagination within JSJobs */
body.night-mode .js_pagination .page-item .page-link { background-color: #162945 !important; border-color: #1e3a5f !important; color: #8ab4d4 !important; }
body.night-mode .js_pagination .page-item.active .page-link { background-color: #1e3a5f !important; color: #d6eaf8 !important; }

/* Job listing bottom row (#f7f7f7 → #151b30 in night mode) */
body.night-mode div#js-jobs-wrapper div.js-bottomrow { background: #151b30 !important; border-top-color: #1e3a5f !important; }

/* Job listing borders in night mode */
body.night-mode div#js-jobs-wrapper,
body.night-mode div#js-jobs-wrapper div,
body.night-mode div#js-jobs-wrapper span { border-color: #1e3a5f !important; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   JSPOPUP WORK AREA NIGHT MODE (same palette as listings)
   Borders: #1e3a5f | Labels: #625c5d | Values: #797b7e
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Popup wrapper and all borders */
body.night-mode div#jspopup_work_area { border-color: #1e3a5f !important; }
body.night-mode div#js_jobs_main_popup_area { border-color: #1e3a5f !important; }
body.night-mode div#jspopup_work_area * { border-color: #1e3a5f !important; }

/* Bold/label text in popup (field names) */
body.night-mode div#jspopup_work_area span.js-bold,
body.night-mode div#jspopup_work_area label,
body.night-mode div#jspopup_work_area .jsjobapply_title,
body.night-mode div#jspopup_work_area strong,
body.night-mode div#jsquickview_block_bottom div.jsquick_view_rows span.js_quick_title { color: #625c5d !important; }

/* Section titles in popup (#3c3435 → #625c5d in night mode) */
body.night-mode div#jsquickview_block_bottom div#jsquick_view_title,
body.night-mode div#jsquickview_wrapper1 div#quickview_head,
body.night-mode div#jspopup_work_area span.js_controlpanel_section_title,
body.night-mode div#jspopup_work_area span.js_jobs_description_section_title,
body.night-mode div#jspopup_work_area span.jsjobs-controlpanel-section-title,
body.night-mode div#jspopup_work_area span.jsjobs_controlpanel_section_title,
body.night-mode div#jspopup_work_area div#jsquickview_block_bottom span.js_controlpanel_section_title { color: #625c5d !important; }

/* Regular text and values in popup */
body.night-mode div#jspopup_work_area { color: #797b7e !important; }
body.night-mode .YrbPuc { color: #797b7e !important; }
body.night-mode .jsquickview_decs { color: #797b7e !important; }

/* Form inputs in popup */
body.night-mode div#jspopup_work_area input,
body.night-mode div#jspopup_work_area textarea,
body.night-mode div#jspopup_work_area select { color: #797b7e !important; background-color: #1a3255 !important; border-color: #1e3a5f !important; }

/* Job info box styling */
body.night-mode .jsjobs-job-info { background-color: #0f1e33 !important; border-color: #1e3a5f !important; }

/* Job data wrapper borders */
body.night-mode .js_job_data_wrapper { border-color: #1e3a5f !important; }

/* Apply login form styling */
body.night-mode div#js_apply_loginform_login { background-color: #0f1e33 !important; border-color: #1e3a5f !important; }

/* Border left styling */
body.night-mode .js-border-left { border-color: #1e3a5f !important; }

/* Resume or text styling */
body.night-mode .jsjobs_res_or { color: #797b7e !important; }

/* Section wrapper styling */
body.night-mode .jssectionwrapper { background-color: #0f1e33 !important; }

/* Selected files styling */
body.night-mode div#selectedFiles { background-color: #0f1e33 !important; border-color: #2a4a6b !important; }

/* Resume search width styling */
body.night-mode .jsresume_seach_width { background-color: #0f1e33 !important; border-color: #2a4a6b !important; }

/* Resume field value wrapper styling */
body.night-mode .resumefieldvalue.js-jobs-main-wrp { background-color: #0f1e33 !important; border-color: #2a4a6b !important; }

/* Files info row styling */
body.night-mode .filesInfo.js-row.no-margin { background-color: #0f1e33 !important; }

/* Please select a date message color */
body.night-mode div[style*="color: rgb(60, 52, 53)"] { color: #c7dcee !important; }

/* Calendar styling in night mode */
body.night-mode .calendar-container,
body.night-mode .calendar-container * { color: #0897ec !important; }

/* Calendar day hover highlighting */
body.night-mode .calendar-container table tbody td.day:hover { color: #cbdeee !important; }

/* Resume section title styling */
body.night-mode .js-resume-section-title { color: #625c5d !important; }

/* Article header styling */
body.night-mode .article-header { color: #625c5d !important; }

/* Dropdown fields styling in night mode */
body.night-mode .chosen-single { background-color: #1b3256 !important; color: #c3d8ea !important; border-color: #2a4a6b !important; }
body.night-mode .chosen-drop { background-color: #1b3256 !important; color: #c3d8ea !important; }
body.night-mode .chosen-search { background-color: #1b3256 !important; color: #c3d8ea !important; }
body.night-mode .chosen-container.chosen-container-single.chosen-container-active { background-color: #1b3256 !important; color: #c3d8ea !important; z-index: 1000 !important; }
body.night-mode .chosen-container.chosen-container-single.chosen-container-active * { background-color: #1b3256 !important; color: #c3d8ea !important; }

/* Dropdown results/options list */
body.night-mode .chosen-results { background-color: #1b3256 !important; color: #c3d8ea !important; z-index: 1001 !important; }
body.night-mode .chosen-results li { background-color: #1b3256 !important; color: #c3d8ea !important; }
body.night-mode .chosen-results li:hover { background-color: #2a5a7f !important; color: #e8f2fa !important; }
body.night-mode .chosen-results li.highlighted { background-color: #2a5a7f !important; color: #e8f2fa !important; }
body.night-mode .fieldvalue.jsjobs-radiobtn-wrp { background-color: #1b3256 !important; color: #c3d8ea !important; }
body.night-mode .mceContentBody.mce-visualaid { background-color: #1b3256 !important; color: #c3d8ea !important; border-color: #2a4a6b !important; }
body.night-mode body#tinymce.mceContentBody.mce-visualaid { background-color: #1b3256 !important; color: #c3d8ea !important; border-color: #2a4a6b !important; }

/* TinyMCE editor styling */
body.night-mode .mce-edit-area,
body.night-mode .mce-edit-area iframe { background-color: #1b3256 !important; }
body.night-mode div.mce-edit-area { border-color: #2a4a6b !important; }
body.night-mode .mce-content-body { background-color: #1b3256 !important; color: #c3d8ea !important; }

/* Share button night mode */
body.night-mode div#js-jobs-wrapper div.js-bottomrow div.js-actions a.js-button { background: #2b68b5 !important; border-color: #2b68b5 !important; color: #b5d1e7 !important; }

/* Pay label + salary value colours */
span.jsjobs-pay-display,
span.jsjobs-pay-display span              { color: #333; }               /* day mode default */
body.night-mode span.js-jobsalary strong  { color: #625c5d !important; } /* "Pay:" label in night mode */
body.night-mode span.jsjobs-pay-display,
body.night-mode span.jsjobs-pay-display span { color: #797b7e !important; } /* value in night mode */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   JSJOBS $color8 (#3c3435) TEXT → #625c5d IN NIGHT MODE
   Covers every selector in style_color.php that uses
   color8 as a text color, plus inline styles in view_job.php
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* Inline styles in view_job.php — need !important to override */
body.night-mode .js_controlpanel_title                           { color: #625c5d !important; }

/* Class-based text-color uses of $color8 throughout JSJobs */
body.night-mode span.js_controlpanel_section_title,
body.night-mode div#tp_heading,
body.night-mode div#js_main_wrapper span.js_controlpanel_section_title,
body.night-mode div#jsjobs-main-wrapper span.js_controlpanel_section_title,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-main-page-title,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-main-page-title span.jsjobs-title-componet,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-data-area div.jsjobs-data-1 span.jsjobs-title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-data-2-wrapper span.jsjobs-data-2-title,
body.night-mode div#jsjobs-main-wrapper span.js_job_data_2_title,
body.night-mode div#js_main_wrapper span.js_job_data_2_title,
body.night-mode div#js_main_wrapper span.heading,
body.night-mode div#jsjobs-main-wrapper div.js_jobs_data_wrapper span.js_jobs_data_title,
body.night-mode div#jsjobs-main-wrapper div.js_jobs_data_wrapper span.js_jobs_data_value.js_jobs_folder_value,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-description-area span.js_jobs_description_section_title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-listing-wrapper span.jsjobs-coverletter-title,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-title-name,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-title-status,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-message-title span.jsjobs_message_title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-message-title span.jsjobs_message,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-message-title span.js_message_created_title,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-message-created span,
body.night-mode div#jsjobs-main-wrapper span.jsjobs_message_title-vlaue span.jsjobs_message,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-main-company span.jsjobs-data-title,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-main-job span.jsjobs-data-title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-data-title-subject,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-data-title-message,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-data-title,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-package-name,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-package-values span.stats_data_title,
body.night-mode div#jsjobs-main-wrapper span.total-amount,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-package-listing-wrapper span.jsjobs-view-btn a,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-job-info span.jsjobs-title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-job-information-data span.js_controlpanel_section_title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-job-information-data div.js_job_data_wrapper span.js_job_data_title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-job-information-data span.jsjobs-controlpanel-section-title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-job-information-data span.jsjobs_controlpanel_section_title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-jobmore-info span.js_controlpanel_title,
body.night-mode div#jsjobs-main-wrapper div.fieldwrapper div.fieldtitle,
body.night-mode div#jsjobs-main-wrapper div#savesearch-form div.jsjobs-label,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-name-title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-company-applied-data span.js_job_data_title,
body.night-mode div#jsjobs-main-wrapper div.js_jobs_data_wrapper span.js_jobs_data_value a,
body.night-mode div#jsjobs-main-wrapper span.jsjobs-job-main span.jsjobs-data-value,
body.night-mode div#jsjobs-wrapper div.page_heading,
body.night-mode div#jsjobs-wrapper div.totaljobsheading span,
body.night-mode div#js-jobs-wrapper div.js-toprow span.js-title,
body.night-mode div#js-jobs-wrapper div.js-toprow span.js-title a,
body.night-mode div#js-jobs-wrapper div.js-toprow span.js-bold,
body.night-mode div#jsjob-search-popup div.js-searchform-title,
body.night-mode div#tellafriend.tellafriend div.fieldwrapper div.fieldtitle,
body.night-mode div#js_main_wrapper span.js_job_title,
body.night-mode div#js_main_wrapper span.js_jobapply_title,
body.night-mode div#js_main_wrapper span.jsjobs-apptitle,
body.night-mode span.js_job_data_location_title,
body.night-mode div#jsjobs_appliedresume_tab_search_data span.jsjobs_appliedresume_tab_search_data_title,
body.night-mode div#coverletterPopup div#coverletter_title,
body.night-mode div#resumedetail span#resumedetail_data_title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-resume-searchresults span.jsjobs-name-title,
body.night-mode div#jsjobs-main-wrapper div.jsjobs-resume-searchresults span.js_job_data_2_title,
body.night-mode div.jsjobs-app-title,
body.night-mode div.jsjobs-field-title,
body.night-mode div.jsjobs-fieldtitle,
body.night-mode table#js-table tbody tr td                       { color: #625c5d !important; }

/* Radio button and checkbox styling */
body.night-mode .jsjobs-radio-email-me,
body.night-mode .check-box-joblink {
	background-color: #1b3256 !important;
	border-color: #2a4a6b !important;
	color: #c7dcee !important;
}

/* Radio button title text color */
body.night-mode .jsjobs-radio-title { color: #c7dcee !important; }

/* Resume search fieldvalue radio button wrapper */
body.night-mode .jsjobs-fieldvalue.jsjobs-radiobtn-wrp { background-color: #1b3256 !important; border-color: #2a4a6b !important; }