/*----------------------------------------------------------------------
  FILENAME: custom.css
  DESCRIPTION: Rules placed in this file will override all other rules.
  You can use !important to ensure the rules are applied.
----------------------------------------------------------------------*/
/* =========================
   NOX PARTNERS - CLEAN FULL VERSION
   ========================= */

/* ---------- GLOBAL ---------- */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100% !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: #FFFFFF !important;
  background: #0B2A3E !important;
}

/* ---------- HEADER ---------- */
#header,
#header *,
.header,
.header * {
  background: #151B28 !important;
  border: none !important;
  box-shadow: none !important;
}

/* logo */
img[src*="sitelogo"] {
  display: block !important;
  max-width: 150px !important;
  max-height: 46px !important;
  width: auto !important;
  height: auto !important;
  margin: 14px 0 14px 14px !important;
  object-fit: contain !important;
}

/* ---------- NAVIGATION ---------- */
#navigation,
#navigation *,
#nav,
#nav * {
  background: #02071C !important;
  border: none !important;
  box-shadow: none !important;
}

#navigation a,
#nav a,
a[href*="login"],
a[href*="signin"],
a[href*="signup"] {
  background: #02071C !important;
  color: #F5DEB3 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  padding: 10px 18px !important;
  display: inline-block !important;
  margin: 4px 6px !important;
  transition: all 0.2s ease !important;
}

/* hover state */
#navigation a:hover,
#nav a:hover,
a[href*="login"]:hover,
a[href*="signin"]:hover,
a[href*="signup"]:hover {
  background: #0D283B !important;
  border: 1px solid #CC9966 !important;
  border-radius: 12px !important;
  color: #FFFFFF !important;
}

/* active state */
#navigation a.active,
#nav a.active,
#navigation a.current,
#nav a.current,
#navigation a.selected,
#nav a.selected,
a[href*="login"].active,
a[href*="signin"].active,
a[href*="signup"].active {
  background: #02071C !important;
  border: 1px solid #CC9966 !important;
  color: #FFFFFF !important;
  border-radius: 12px !important;
}

/* ---------- ARTICLE BACKGROUND ---------- */
div.article,
.article {
  background-image: url('background-stars-moon.png') !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-color: #0B2A3E !important;
}

/* ---------- SECTION ---------- */
/* default: no extra big wrapper, so login stays neat */
div.section,
.section {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* ---------- LOGIN BOX ---------- */
div.login,
.login {
  background: #02071C !important;
  border-radius: 20px !important;
  border: 1px solid rgba(218, 175, 99, 0.20) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34) !important;
  max-width: 520px !important;
  margin: 40px auto !important;
  padding: 28px !important;
  box-sizing: border-box !important;
}

/* ---------- FORM ---------- */
form {
  background: #151B28 !important;
  color: #FFFFFF !important;
  border-radius: 20px !important;
  max-width: 100% !important;
}

form,
form table,
form tbody,
form tr,
form td,
form th,
form div,
form p,
form fieldset,
form dl,
form dt,
form dd {
  color: #FFFFFF !important;
}

/* ---------- LABELS / DL ---------- */
dt,
dd,
label,
.form_label,
.field_label {
  background: #02071C !important;
  color: #FFFFFF !important;
}

dd {
  border-radius: 12px !important;
  padding: 8px 0 !important;
}

/* signup specific DL blocks */
#DTL_username,
#DTL_password,
#DTL_password_confirmation,
#DTL_captcha,
dl#DTL_username,
dl#DTL_password,
dl#DTL_password_confirmation,
dl#DTL_captcha,
#DTL_username *,
#DTL_password *,
#DTL_password_confirmation *,
#DTL_captcha * {
  background: #02071C !important;
  color: #FFFFFF !important;
}

/* ---------- TITLES ---------- */
h1,
h2,
h3 {
  color: #CC9966 !important;
  text-align: center !important;
  font-weight: 700 !important;
  background: #02071C !important;
}

h1 {
  font-size: 30px !important;
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
}

/* signup title sits inside the signup container */
body.signup h1,
.signup h1,
h1.signup-title {
  background: #02071C !important;
}

/* intro paragraphs */
p {
  color: #FFFFFF !important;
}

/* ---------- SIGNUP CONTAINER LOOK ---------- */
/* keep signup area nicely centered without affecting login */
fieldset[id^="ACC_detailset_"],
fieldset[class*="ACC_detailset"],
#ACC_detailset_0,
#ACC_detailset_1,
#ACC_detailset_2,
#ACC_detailset_3,
#ACC_detailset_4,
#ACC_detailset_5,
#ACC_detailset_6,
#ACC_detailset_7,
#ACC_detailset_8,
#ACC_detailset_9,
.ACC_detailset_0,
.ACC_detailset_1,
.ACC_detailset_2,
.ACC_detailset_3,
.ACC_detailset_4,
.ACC_detailset_5,
.ACC_detailset_6,
.ACC_detailset_7,
.ACC_detailset_8,
.ACC_detailset_9 {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(218, 175, 99, 0.18) !important;
  border-radius: 16px !important;
  max-width: 760px !important;
  margin: 0 auto 18px auto !important;
  padding: 18px 20px !important;
  box-sizing: border-box !important;
}

/* remove light inner backgrounds */
#ACC_detailset_0 *,
#ACC_detailset_1 *,
#ACC_detailset_2 *,
#ACC_detailset_3 *,
#ACC_detailset_4 *,
#ACC_detailset_5 *,
#ACC_detailset_6 *,
#ACC_detailset_7 *,
#ACC_detailset_8 *,
#ACC_detailset_9 *,
fieldset[id^="ACC_detailset_"] *,
fieldset[class*="ACC_detailset"] * {
  color: #FFFFFF !important;
  background-color: transparent !important;
}

/* override old light defaults */
fieldset[style*="#F5F6F7"],
fieldset[style*="#f5f6f7"],
div[style*="#F5F6F7"],
div[style*="#f5f6f7"],
td[style*="#F5F6F7"],
td[style*="#f5f6f7"],
fieldset[bgcolor="#F5F6F7"],
td[bgcolor="#F5F6F7"] {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* ---------- INPUTS ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="number"],
select,
textarea {
  width: 100% !important;
  max-width: 520px !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #3D5873 0%, #31485E 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #CC9966 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  margin-top: 6px !important;
  margin-bottom: 14px !important;
  outline: none !important;
  box-shadow: none !important;
  display: block !important;
}

/* narrower inputs inside signup sets */
fieldset[id^="ACC_detailset_"] input[type="text"],
fieldset[id^="ACC_detailset_"] input[type="email"],
fieldset[id^="ACC_detailset_"] input[type="password"],
fieldset[id^="ACC_detailset_"] input[type="url"],
fieldset[id^="ACC_detailset_"] input[type="tel"],
fieldset[id^="ACC_detailset_"] select,
fieldset[id^="ACC_detailset_"] textarea {
  max-width: 480px !important;
}

/* signup dropdowns */
select#fld_country,
select#FLD_country,
select#fld_market_us,
select#fld_market_s,
select#FLD_market_us,
select#FLD_market_s {
  height: 48px !important;
  min-height: 48px !important;
  line-height: normal !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 520px !important;
}

/* ---------- REQUIRED STARS ---------- */
font[color="red"],
span.required,
.required,
.star,
.asterisk {
  color: #FF4D4F !important;
  font-weight: 700 !important;
}

/* ---------- BUTTONS ---------- */
input[type="submit"],
button[type="submit"],
input[type="button"],
button,
#BTN_signup,
#BTN_login,
.button {
  background: #CC9966 !important;
  color: #151B28 !important;
  border: 1px solid #A8742A !important;
  border-radius: 14px !important;
  padding: 14px 24px !important;
  min-width: 220px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.20) !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
#BTN_signup:hover,
#BTN_login:hover,
.button:hover {
  background: #B8834F !important;
  color: #151B28 !important;
  border-color: #A8742A !important;
}

/* ---------- HIDE RECAPTCHA RESPONSE TEXTAREA ---------- */
textarea#g-recaptcha-response,
#g-recaptcha-response {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
  img[src*="sitelogo"] {
    max-width: 135px !important;
    max-height: 42px !important;
  }

  div.login,
  .login,
  fieldset[id^="ACC_detailset_"] {
    margin-left: 16px !important;
    margin-right: 16px !important;
    max-width: none !important;
  }

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="url"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea,
  input[type="submit"],
  button[type="submit"],
  input[type="button"],
  button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}
/* =========================
   FINAL SIGNUP WIDTH FIX
   add at bottom only
   ========================= */

/* Header color on both pages */
#header,
#header *,
.header,
.header * {
  background: #0D283B !important;
}

/* Signup page: create one centered card like login, but wider */
body.signup div.section,
body.signup .section,
body[class*="signup"] div.section,
body[class*="signup"] .section,
body:has(a[href*="signup"].active) div.section,
body:has(a[href*="signup"].active) .section {
  max-width: 980px !important;
  width: calc(100% - 80px) !important;
  margin: 32px auto 40px auto !important;
  padding: 24px 28px 30px 28px !important;
  background: #02071C !important;
  border: 1px solid rgba(218, 175, 99, 0.18) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34) !important;
  box-sizing: border-box !important;
}

/* Keep signup title and intro inside the same centered element */
body.signup div.section h1,
body.signup div.section p,
body.signup .section h1,
body.signup .section p,
body[class*="signup"] div.section h1,
body[class*="signup"] div.section p,
body[class*="signup"] .section h1,
body[class*="signup"] .section p,
body:has(a[href*="signup"].active) div.section h1,
body:has(a[href*="signup"].active) div.section p,
body:has(a[href*="signup"].active) .section h1,
body:has(a[href*="signup"].active) .section p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  background: transparent !important;
}

/* The actual signup rows/cells must stop stretching full-width */
body.signup .section table,
body.signup .section tbody,
body.signup .section tr,
body.signup .section td,
body.signup .section th,
body[class*="signup"] .section table,
body[class*="signup"] .section tbody,
body[class*="signup"] .section tr,
body[class*="signup"] .section td,
body[class*="signup"] .section th,
body:has(a[href*="signup"].active) .section table,
body:has(a[href*="signup"].active) .section tbody,
body:has(a[href*="signup"].active) .section tr,
body:has(a[href*="signup"].active) .section td,
body:has(a[href*="signup"].active) .section th {
  width: auto !important;
  max-width: none !important;
  background: transparent !important;
  color: #FFFFFF !important;
}

/* Force the fieldset blocks themselves to be centered cards, not full-width bands */
body.signup fieldset[id^="ACC_detailset_"],
body.signup fieldset[class*="ACC_detailset"],
body.signup #ACC_detailset_0,
body.signup #ACC_detailset_1,
body.signup #ACC_detailset_2,
body.signup #ACC_detailset_3,
body.signup #ACC_detailset_4,
body.signup #ACC_detailset_5,
body.signup #ACC_detailset_6,
body.signup #ACC_detailset_7,
body.signup #ACC_detailset_8,
body.signup #ACC_detailset_9,
body[class*="signup"] fieldset[id^="ACC_detailset_"],
body[class*="signup"] fieldset[class*="ACC_detailset"],
body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"],
body:has(a[href*="signup"].active) fieldset[class*="ACC_detailset"] {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto 16px auto !important;
  padding: 16px 18px !important;
  background: #02071C !important;
  background-color: #02071C !important;
  border: 1px solid rgba(218, 175, 99, 0.18) !important;
  border-radius: 16px !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Remove the white side areas inside each signup row */
body.signup fieldset[id^="ACC_detailset_"] table,
body.signup fieldset[id^="ACC_detailset_"] tbody,
body.signup fieldset[id^="ACC_detailset_"] tr,
body.signup fieldset[id^="ACC_detailset_"] td,
body.signup fieldset[id^="ACC_detailset_"] th,
body[class*="signup"] fieldset[id^="ACC_detailset_"] table,
body[class*="signup"] fieldset[id^="ACC_detailset_"] tbody,
body[class*="signup"] fieldset[id^="ACC_detailset_"] tr,
body[class*="signup"] fieldset[id^="ACC_detailset_"] td,
body[class*="signup"] fieldset[id^="ACC_detailset_"] th,
body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"] table,
body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"] tbody,
body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"] tr,
body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"] td,
body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"] th {
  background: transparent !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
}

/* Label rows like DTL_username, DTL_password, etc: keep them dark and contained */
body.signup #DTL_username,
body.signup #DTL_password,
body.signup #DTL_password_confirmation,
body.signup #DTL_email,
body.signup #DTL_country,
body.signup #DTL_market_s,
body.signup #DTL_market_us,
body.signup #DTL_captcha,
body[class*="signup"] #DTL_username,
body[class*="signup"] #DTL_password,
body[class*="signup"] #DTL_password_confirmation,
body[class*="signup"] #DTL_email,
body[class*="signup"] #DTL_country,
body[class*="signup"] #DTL_market_s,
body[class*="signup"] #DTL_market_us,
body[class*="signup"] #DTL_captcha,
body:has(a[href*="signup"].active) #DTL_username,
body:has(a[href*="signup"].active) #DTL_password,
body:has(a[href*="signup"].active) #DTL_password_confirmation,
body:has(a[href*="signup"].active) #DTL_email,
body:has(a[href*="signup"].active) #DTL_country,
body:has(a[href*="signup"].active) #DTL_market_s,
body:has(a[href*="signup"].active) #DTL_market_us,
body:has(a[href*="signup"].active) #DTL_captcha {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* Inputs stay narrower and aligned inside the centered signup card */
body.signup input[type="text"],
body.signup input[type="email"],
body.signup input[type="password"],
body.signup input[type="url"],
body.signup input[type="tel"],
body.signup select,
body.signup textarea,
body[class*="signup"] input[type="text"],
body[class*="signup"] input[type="email"],
body[class*="signup"] input[type="password"],
body[class*="signup"] input[type="url"],
body[class*="signup"] input[type="tel"],
body[class*="signup"] select,
body[class*="signup"] textarea,
body:has(a[href*="signup"].active) input[type="text"],
body:has(a[href*="signup"].active) input[type="email"],
body:has(a[href*="signup"].active) input[type="password"],
body:has(a[href*="signup"].active) input[type="url"],
body:has(a[href*="signup"].active) input[type="tel"],
body:has(a[href*="signup"].active) select,
body:has(a[href*="signup"].active) textarea {
  max-width: 560px !important;
}

/* Mobile */
@media (max-width: 768px) {
  body.signup div.section,
  body.signup .section,
  body[class*="signup"] div.section,
  body[class*="signup"] .section,
  body:has(a[href*="signup"].active) div.section,
  body:has(a[href*="signup"].active) .section {
    width: calc(100% - 24px) !important;
    margin: 16px auto 24px auto !important;
    padding: 18px 14px 22px 14px !important;
  }

  body.signup fieldset[id^="ACC_detailset_"],
  body[class*="signup"] fieldset[id^="ACC_detailset_"],
  body:has(a[href*="signup"].active) fieldset[id^="ACC_detailset_"] {
    max-width: none !important;
    width: 100% !important;
  }
}

/* =========================
   FINAL FIELDSET BACKGROUND FIX
   add at very bottom
   ========================= */

/* Force the remaining signup fieldsets to the dark background */
fieldset#ACC_detailset_0.ACC_detailset,
fieldset#ACC_detailset_3.ACC_detailset,
fieldset#ACC_detailset_9.ACC_detailset,
fieldset.submit_buttons,
fieldset[class*="submit_buttons"] {
  background: #02071C !important;
  background-color: #02071C !important;
  border: 1px solid rgba(218, 175, 99, 0.18) !important;
}

/* Kill any lingering light background inside those fieldsets */
fieldset#ACC_detailset_0.ACC_detailset *,
fieldset#acc_Detailset_2.ACC_detailset *,
fieldset#ACC_detailset_3.ACC_detailset *,
fieldset#ACC_detailset_9.ACC_detailset *,
fieldset.submit-buttons *,
fieldset[class*="submit_buttons"] * {
  background-color: transparent !important;
}

/* If MyAffiliates is applying inline/bgcolor light backgrounds, override them */
fieldset#ACC_detailset_0[style*="#F5F6F7"],
fieldset#ACC_detailset_2[style*="#F5F6F7"],
fieldset#ACC_detailset_3[style*="#F5F6F7"],
fieldset#ACC_detailset_9[style*="#F5F6F7"],
fieldset.submit_buttons[style*="#F5F6F7"],
fieldset#ACC_detailset_0[style*="#f5f6f7"],
fieldset#ACC_detailset_2[style*="#f5f6f7"],
fieldset#ACC_detailset_3[style*="#f5f6f7"],
fieldset#ACC_detailset_9[style*="#f5f6f7"],
fieldset.submit_buttons[style*="#f5f6f7"],
fieldset#ACC_detailset_0[bgcolor="#F5F6F7"],
fieldset#ACC_detailset_2[bgcolor="#F5F6F7"],
fieldset#ACC_detailset_3[bgcolor="#F5F6F7"],
fieldset#ACC_detailset_9[bgcolor="#F5F6F7"],
fieldset.submit_buttons[bgcolor="#F5F6F7"] {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   TRUE FINAL FIELDSET FIX
   add at very bottom
   ========================= */

fieldset#accDetailSet_0.accDetailSet,
fieldset#accDetailSet_1.accDetailSet,
fieldset#accDetailSet_2.accDetailSet,
fieldset#accDetailSet_3.accDetailSet,
fieldset#accDetailSet_9.accDetailSet,
fieldset.submit-buttons {
  background: #02071C !important;
  background-color: #02071C !important;
  border: 1px solid rgba(218, 175, 99, 0.18) !important;
}

/* Remove any inner light blocks */
fieldset#accDetailSet_0.accDetailSet *,
fieldset#accDetailSet_1.accDetailSet *,
fieldset#accDetailSet_2.accDetailSet *,
fieldset#accDetailSet_3.accDetailSet *,
fieldset#accDetailSet_9.accDetailSet *,
fieldset.submit-buttons * {
  background-color: transparent !important;
}

/* If inline styles or bgcolor are forcing the light background */
fieldset#accDetailSet_0.accDetailSet[style*="F5F6F7"],
fieldset#accDetailSet_1.accDetailSet[style*="F5F6F7"],
fieldset#accDetailSet_2.accDetailSet[style*="F5F6F7"],
fieldset#accDetailSet_3.accDetailSet[style*="F5F6F7"],
fieldset#accDetailSet_9.accDetailSet[style*="F5F6F7"],
fieldset.submit-buttons[style*="F5F6F7"],
fieldset#accDetailSet_0.accDetailSet[style*="f5f6f7"],
fieldset#accDetailSet_1.accDetailSet[style*="f5f6f7"],
fieldset#accDetailSet_2.accDetailSet[style*="f5f6f7"],
fieldset#accDetailSet_3.accDetailSet[style*="f5f6f7"],
fieldset#accDetailSet_9.accDetailSet[style*="f5f6f7"],
fieldset.submit-buttons[style*="f5f6f7"],
fieldset#accDetailSet_0.accDetailSet[bgcolor="#F5F6F7"],
fieldset#accDetailSet_1.accDetailSet[bgcolor="#F5F6F7"],
fieldset#accDetailSet_2.accDetailSet[bgcolor="#F5F6F7"],
fieldset#accDetailSet_3.accDetailSet[bgcolor="#F5F6F7"],
fieldset#accDetailSet_9.accDetailSet[bgcolor="#F5F6F7"],
fieldset.submit-buttons[bgcolor="#F5F6F7"] {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   FINAL POLISH (SIGNUP)
   ========================= */

/* 1. Fix remaining light rectangles inside the signup form */
form#frm_Signup,
form#frm_Signup *,
#frm_Signup table,
#frm_Signup tbody,
#frm_Signup tr,
#frm_Signup td,
#frm_Signup th,
#frm_Signup div,
#frm_Signup dl,
#frm_Signup dt,
#frm_Signup dd {
  background-color: transparent !important;
  color: #FFFFFF !important;
}

/* Then force main containers back to dark */
form#frm_Signup {
  background: #02071C !important;
}

/* 2. Remove ALL borders/lines from accDetailSet fieldsets */
fieldset#accDetailSet_0.accDetailSet,
fieldset#accDetailSet_1.accDetailSet,
fieldset#accDetailSet_2.accDetailSet,
fieldset#accDetailSet_3.accDetailSet,
fieldset#accDetailSet_9.accDetailSet {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Also remove borders inside them */
fieldset#accDetailSet_0.accDetailSet *,
fieldset#accDetailSet_1.accDetailSet *,
fieldset#accDetailSet_2.accDetailSet *,
fieldset#accDetailSet_3.accDetailSet *,
fieldset#accDetailSet_9.accDetailSet * {
  border: none !important;
}

/* 3. Restore correct CTA button color on signup */
input#btn-signup,
#btn-signup,
input[name="btn-signup"],
button#btn-signup {
  background: #CC9966 !important;
  background-color: #CC9966 !important;
  color: #151B28 !important;
  border: 1px solid #A8742A !important;
}

/* Hover state (keep your existing behavior) */
input#btn-signup:hover,
#btn-signup:hover,
button#btn-signup:hover {
  background: #B8834F !important;
  border-color: #A8742A !important;
}

/* =========================
   FINAL GAP / SPACER FIX
   ========================= */

/* Make the signup form itself dark */
form#frm_Signup {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Force the direct layout layers inside the signup form to the same dark color */
form#frm_Signup > table,
form#frm_Signup > tbody,
form#frm_Signup > tr,
form#frm_Signup > td,
form#frm_Signup > div,
form#frm_Signup > dl,
form#frm_Signup > fieldset {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Catch spacer rows/cells between the fieldsets */
form#frm_Signup table,
form#frm_Signup tbody,
form#frm_Signup tr,
form#frm_Signup td,
form#frm_Signup th {
  background-color: #02071C !important;
}

/* Keep the actual fieldset blocks dark too */
fieldset#accDetailSet_0.accDetailSet,
fieldset#accDetailSet_1.accDetailSet,
fieldset#accDetailSet_2.accDetailSet,
fieldset#accDetailSet_3.accDetailSet,
fieldset#accDetailSet_9.accDetailSet,
fieldset.submit-buttons {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Remove visible white strips caused by margins/cell spacing */
form#frm_Signup table {
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

/* If some tiny separator blocks are actually dl/dt/dd wrappers, darken them too */
form#frm_Signup dl,
form#frm_Signup dt,
form#frm_Signup dd {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Extra hard override for any remaining light separators */
form#frm_Signup * {
  border-color: transparent !important;
}

form#frm_Signup hr,
form#frm_Signup br + *,
form#frm_Signup .separator,
form#frm_Signup .spacer {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   TRUE FINAL SIGNUP FIX
   ========================= */

/* Force the signup form background to the correct dark color */
form#frmSignup,
form#frm_Signup {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Make all direct signup form layout layers match it */
form#frmSignup > *,
form#frm_Signup > * {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Catch tiny white strips caused by table structure inside the signup form */
form#frmSignup table,
form#frmSignup tbody,
form#frmSignup tr,
form#frmSignup td,
form#frmSignup th,
form#frm_Signup table,
form#frm_Signup tbody,
form#frm_Signup tr,
form#frm_Signup td,
form#frm_Signup th {
  background: #02071C !important;
  background-color: #02071C !important;
  border-color: transparent !important;
}

/* Remove border/outline from the submit fieldset too */
fieldset.submit-buttons,
fieldset[class*="submit-buttons"] {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Also remove any borders from children inside the submit buttons fieldset */
fieldset.submit-buttons *,
fieldset[class*="submit-buttons"] * {
  border-color: transparent !important;
}
/* =========================
   STATISTICS PAGE - REPORT PANEL FIX
   add at very bottom
   ========================= */

/* Page description bar */
body.nox-statistics-page div.pageDesc,
body.nox-statistics-page .pageDesc {
  background: #02083B !important;
  background-color: #02083B !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(204, 153, 102, 0.18) !important;
}

/* Report period, filter report, choose columns, download options */
body.nox-statistics-page fieldset,
body.nox-statistics-page fieldset.expandArea.clear {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Fieldset titles, e.g. Report period / Filter report / Choose columns */
body.nox-statistics-page fieldset legend,
body.nox-statistics-page legend {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #CC9966 !important;
  border: none !important;
}

/* All DL elements inside fieldsets */
body.nox-statistics-page fieldset dl,
body.nox-statistics-page fieldset dt,
body.nox-statistics-page fieldset dd {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* Inner wrappers/tables/cells that may still be white */
body.nox-statistics-page fieldset table,
body.nox-statistics-page fieldset tbody,
body.nox-statistics-page fieldset tr,
body.nox-statistics-page fieldset td,
body.nox-statistics-page fieldset th,
body.nox-statistics-page fieldset div,
body.nox-statistics-page fieldset p {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* If inline styles force #FFFFFF or #F5F6F7 */
body.nox-statistics-page fieldset[style*="#FFFFFF"],
body.nox-statistics-page fieldset[style*="#ffffff"],
body.nox-statistics-page fieldset[style*="#F5F6F7"],
body.nox-statistics-page fieldset[style*="#f5f6f7"],
body.nox-statistics-page legend[style*="#FFFFFF"],
body.nox-statistics-page legend[style*="#ffffff"],
body.nox-statistics-page legend[style*="#F5F6F7"],
body.nox-statistics-page legend[style*="#f5f6f7"],
body.nox-statistics-page dl[style*="#FFFFFF"],
body.nox-statistics-page dl[style*="#ffffff"],
body.nox-statistics-page dl[style*="#F5F6F7"],
body.nox-statistics-page dl[style*="#f5f6f7"] {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   ACCOUNT PAGE
   account.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-account-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Main definitionList tables */
body.nox-account-page table.definitionList,
body.nox-account-page table.definitionList tbody,
body.nox-account-page table.definitionList tr,
body.nox-account-page table.definitionList td,
body.nox-account-page table.definitionList th {
  background: #0D283B !important;
  background-color: #0D283B !important;
  color: #FFFFFF !important;
}

/* Any light cells inside definition lists */
body.nox-account-page table.definitionList td,
body.nox-account-page table.definitionList th {
  border-color: rgba(204, 153, 102, 0.15) !important;
}

/* Labels / rows remain readable */
body.nox-account-page table.definitionList label,
body.nox-account-page table.definitionList strong,
body.nox-account-page table.definitionList span,
body.nox-account-page table.definitionList p,
body.nox-account-page table.definitionList div {
  color: #FFFFFF !important;
  background: transparent !important;
}

/* Catch inline light backgrounds (#F5F6F7) */
body.nox-account-page table.definitionList[style*="#F5F6F7"],
body.nox-account-page table.definitionList[style*="#f5f6f7"],
body.nox-account-page table.definitionList td[style*="#F5F6F7"],
body.nox-account-page table.definitionList td[style*="#f5f6f7"],
body.nox-account-page table.definitionList th[style*="#F5F6F7"],
body.nox-account-page table.definitionList th[style*="#f5f6f7"] {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* =========================
   STATISTICS PAGE - SELECT + FILTERSET FIX
   ========================= */

/* Main filter form background */
body.nox-statistics-page form.filterset,
body.nox-statistics-page form.filterSet,
body.nox-statistics-page form[class*="filter"] {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Make select fields taller so selected text is visible */
body.nox-statistics-page select,
body.nox-statistics-page select#datePreset,
body.nox-statistics-page select[name="datePreset"],
body.nox-statistics-page select[id*="campaign"],
body.nox-statistics-page select[id*="brand"],
body.nox-statistics-page select[id*="product"],
body.nox-statistics-page select[name*="campaign"],
body.nox-statistics-page select[name*="brand"],
body.nox-statistics-page select[name*="product"] {
  height: 48px !important;
  min-height: 48px !important;
  line-height: normal !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Keep dropdowns visually aligned with text inputs */
body.nox-statistics-page fieldset select {
  width: 100% !important;
  max-width: 520px !important;
  background: linear-gradient(180deg, #3D5873 0%, #31485E 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #CC9966 !important;
  border-radius: 14px !important;
}

/* Keep select options readable when dropdown opens */
body.nox-statistics-page select option {
  color: #000000 !important;
}

/* Optional: darken remaining filterset inner wrappers */
body.nox-statistics-page form.filterset fieldset,
body.nox-statistics-page form.filterset dl,
body.nox-statistics-page form.filterset dt,
body.nox-statistics-page form.filterset dd,
body.nox-statistics-page form.filterset div,
body.nox-statistics-page form.filterset table,
body.nox-statistics-page form.filterset tr,
body.nox-statistics-page form.filterset td {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   TICKET CREATE PAGE
   ticket-create.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-ticket-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Main fieldset background */
body.nox-ticket-page fieldset {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
  border: none !important;
  outline: none !important;
}

/* Catch inner table/cells that may still be white */
body.nox-ticket-page fieldset table,
body.nox-ticket-page fieldset tbody,
body.nox-ticket-page fieldset tr,
body.nox-ticket-page fieldset td,
body.nox-ticket-page fieldset th,
body.nox-ticket-page fieldset dl,
body.nox-ticket-page fieldset dt,
body.nox-ticket-page fieldset dd,
body.nox-ticket-page fieldset div {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* Ticket priority select height (same as signup country field) */
body.nox-ticket-page select,
body.nox-ticket-page select[name*="priority"],
body.nox-ticket-page select[id*="priority"] {
  height: 48px !important;
  min-height: 48px !important;
  line-height: normal !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-sizing: border-box !important;

  background: #0D283B !important;
  color: #FFFFFF !important;
  border: 1px solid #CC9966 !important;
  border-radius: 14px !important;
}

/* Ticket subject/message fields */
body.nox-ticket-page input.large,
body.nox-ticket-page textarea.large {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* Dropdown text readable */
body.nox-ticket-page select option {
  color: #000000 !important;
}

/* =========================
   ALL APP PAGES (everything except login/signup) - LEFT SIDEBAR PANELS
   div.section boxes (e.g. Home: Details, New, Open Support Tickets,
   Payment Summary — Statistics: Channels, Last Sync — and any other tab)
   ========================= */

body.nox-app-page div.section,
body.nox-app-page div.section * {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* Restore CTA/submit buttons inside these panels, which the wildcard rule
   above would otherwise flatten to #02071C */
body.nox-app-page div.section input[type="submit"],
body.nox-app-page div.section button[type="submit"],
body.nox-app-page div.section input[type="button"],
body.nox-app-page div.section button,
body.nox-app-page div.section a.button,
body.nox-app-page div.section [class*="button"],
body.nox-app-page div.section [id*="button"],
body.nox-app-page div.section [name*="button"] {
  background: #CC9966 !important;
  background-color: #CC9966 !important;
  background-image: none !important;
  color: #151B28 !important;
  border: 1px solid #A8742A !important;
}

/* Keep panel titles accented like the rest of the site */
body.nox-app-page div.section h1,
body.nox-app-page div.section h2,
body.nox-app-page div.section h3,
body.nox-app-page div.section h4,
body.nox-app-page div.section legend,
body.nox-app-page div.section .title,
body.nox-app-page div.section .caption {
  color: #CC9966 !important;
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Catch inline light backgrounds MyAffiliates might inject */
body.nox-app-page div.section [style*="#FFFFFF"],
body.nox-app-page div.section [style*="#ffffff"],
body.nox-app-page div.section [style*="#F5F6F7"],
body.nox-app-page div.section [style*="#f5f6f7"],
body.nox-app-page div.section [bgcolor="#FFFFFF"],
body.nox-app-page div.section [bgcolor="#F5F6F7"] {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   STATISTICS PAGE - SCROLL WRAP TABLE FIX
   div._scrollWrap results table
   ========================= */

/* Force the scroll wrapper and everything inside it to the dark theme */
body.nox-statistics-page div._scrollWrap,
body.nox-statistics-page div._scrollWrap * {
  background: #0D283B !important;
  background-color: #0D283B !important;
  color: #FFFFFF !important;
}

/* Keep table borders subtle instead of stark white lines */
body.nox-statistics-page div._scrollWrap table,
body.nox-statistics-page div._scrollWrap th,
body.nox-statistics-page div._scrollWrap td {
  border-color: rgba(204, 153, 102, 0.15) !important;
}

/* Header row (column titles) slightly different + accent text */
body.nox-statistics-page div._scrollWrap thead th,
body.nox-statistics-page div._scrollWrap th.header,
body.nox-statistics-page div._scrollWrap tr.caption td,
body.nox-statistics-page div._scrollWrap tr.header td {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #CC9966 !important;
}

/* Anything inside the header cells (e.g. span.sort) must match, not the row's #0D283B */
body.nox-statistics-page div._scrollWrap thead th *,
body.nox-statistics-page div._scrollWrap th.header * {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #CC9966 !important;
}

/* Subtle row striping so rows stay distinguishable on the dark background */
body.nox-statistics-page div._scrollWrap tbody tr:nth-child(even) td {
  background-color: #0F304A !important;
}

/* Catch inline bgcolor/style attributes MyAffiliates may render on cells */
body.nox-statistics-page div._scrollWrap [style*="#FFFFFF"],
body.nox-statistics-page div._scrollWrap [style*="#ffffff"],
body.nox-statistics-page div._scrollWrap [style*="#F5F6F7"],
body.nox-statistics-page div._scrollWrap [style*="#f5f6f7"],
body.nox-statistics-page div._scrollWrap [bgcolor="#FFFFFF"],
body.nox-statistics-page div._scrollWrap [bgcolor="#ffffff"],
body.nox-statistics-page div._scrollWrap [bgcolor="#F5F6F7"],
body.nox-statistics-page div._scrollWrap [bgcolor="#f5f6f7"] {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* =========================
   TRANSACTIONS PAGE
   transactions.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-transactions-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Page description bar (was light blue #d9edf7) */
body.nox-transactions-page div.pageDesc,
body.nox-transactions-page .pageDesc {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(204, 153, 102, 0.18) !important;
}

/* "Present period" dropdown + date range inputs */
body.nox-transactions-page select#dataPresent,
body.nox-transactions-page select#datePreset,
body.nox-transactions-page input#dateFrom,
body.nox-transactions-page input#dateTo {
  background: #0B2A3E !important;
  background-color: #0B2A3E !important;
}

/* Right-side fieldset containing the dropdown filters, full background */
body.nox-transactions-page fieldset,
body.nox-transactions-page fieldset * {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* Restore CTA buttons inside that fieldset (Display Report / Download Report),
   which the wildcard rule above would otherwise flatten to #02071C */
body.nox-transactions-page fieldset input[type="submit"],
body.nox-transactions-page fieldset button[type="submit"],
body.nox-transactions-page fieldset input[type="button"],
body.nox-transactions-page fieldset button,
body.nox-transactions-page fieldset a.button,
body.nox-transactions-page fieldset [class*="button"],
body.nox-transactions-page fieldset [id*="button"],
body.nox-transactions-page fieldset [name*="button"] {
  background: #CC9966 !important;
  background-color: #CC9966 !important;
  background-image: none !important;
  color: #151B28 !important;
  border: 1px solid #A8742A !important;
}

/* Fieldset legend accent, matching the rest of the site */
body.nox-transactions-page fieldset legend {
  color: #CC9966 !important;
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Info banner (e.g. "Present period" note) inside the fieldset area */
body.nox-transactions-page div.userMsg.msgTypeInformation,
body.nox-transactions-page div.userMsg.msgTypeInformation * {
  background: #02071C !important;
  background-color: #02071C !important;
  color: #FFFFFF !important;
}

/* Dropdown height fix so the selected value is fully visible, matching the other dropdowns */
body.nox-transactions-page select,
body.nox-transactions-page fieldset select {
  height: 48px !important;
  min-height: 48px !important;
  line-height: normal !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  background: linear-gradient(180deg, #3D5873 0%, #31485E 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #CC9966 !important;
  border-radius: 14px !important;
}

/* Keep dropdown option text readable when opened */
body.nox-transactions-page select option {
  color: #000000 !important;
}

/* =========================
   STATISTICS PAGE - PAGE BODY / INPUT BACKGROUNDS / CTA BUTTONS
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-statistics-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Right-side gold-outlined input & dropdown fields: swap background only, leave border/radius/etc as-is */
body.nox-statistics-page select,
body.nox-statistics-page fieldset select,
body.nox-statistics-page select#datePreset,
body.nox-statistics-page select[name="datePreset"],
body.nox-statistics-page select[id*="campaign"],
body.nox-statistics-page select[id*="brand"],
body.nox-statistics-page select[id*="product"],
body.nox-statistics-page select[name*="campaign"],
body.nox-statistics-page select[name*="brand"],
body.nox-statistics-page select[name*="product"],
body.nox-statistics-page fieldset input[type="text"],
body.nox-statistics-page fieldset input[type="email"],
body.nox-statistics-page fieldset input[type="number"],
body.nox-statistics-page fieldset input[type="date"],
body.nox-statistics-page fieldset input[type="search"],
body.nox-statistics-page fieldset textarea {
  background: #0B2A3E !important;
  background-color: #0B2A3E !important;
  background-image: none !important;
}

/* CTA buttons (Display Report / Download Report — elements whose class/id/name starts with "button") */
body.nox-statistics-page fieldset [class^="button"],
body.nox-statistics-page fieldset [id^="button"],
body.nox-statistics-page fieldset [name^="button"] {
  background: #CC9966 !important;
  background-color: #CC9966 !important;
  background-image: none !important;
  color: #151B28 !important;
  border: 1px solid #A8742A !important;
}

/* Stronger, broader pass at the CTA buttons in case the above didn't match */
body.nox-statistics-page input[type="submit"],
body.nox-statistics-page button[type="submit"],
body.nox-statistics-page input[type="button"],
body.nox-statistics-page fieldset input[type="submit"],
body.nox-statistics-page fieldset button[type="submit"],
body.nox-statistics-page fieldset input[type="button"],
body.nox-statistics-page fieldset button,
body.nox-statistics-page a.button,
body.nox-statistics-page a[class*="button"],
body.nox-statistics-page fieldset a.button,
body.nox-statistics-page fieldset a[class*="button"] {
  background: #CC9966 !important;
  background-color: #CC9966 !important;
  background-image: none !important;
  color: #151B28 !important;
  border: 1px solid #A8742A !important;
}

/* =========================
   EMAIL ARCHIVE PAGE
   email-archive.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-email-archive-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   HOME PAGE
   https://login.noxpartners.bet/
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-home-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Summary period selector + index/graph time selector */
body.nox-home-page select.summary-select,
body.nox-home-page select#indexTimeSelector {
  background: #0B2A3E !important;
  background-color: #0B2A3E !important;
}

/* =========================
   MARKETING MEDIA PAGE
   marketing-media.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-marketing-media-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   EARNINGS (NEXT GEN) PAGE
   earnings-next-gen.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-earnings-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Plan selector: same height fix as the other dropdowns (datePreset, priority, etc.) */
body.nox-earnings-page select#fldPlan.text-long,
body.nox-earnings-page select#fldPlan {
  height: 48px !important;
  min-height: 48px !important;
  line-height: normal !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  background: #0D283B !important;
  background-color: #0D283B !important;
  color: #FFFFFF !important;
  border: 1px solid #CC9966 !important;
  border-radius: 14px !important;
}

/* =========================
   UPDATE ACCOUNT PAGE
   update-account.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-update-account-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Input & dropdown fields */
body.nox-update-account-page input#fld_current_pass,
body.nox-update-account-page input#fld_password,
body.nox-update-account-page input#fld_passwordconf,
body.nox-update-account-page input#fld_email,
body.nox-update-account-page select#fld_country,
body.nox-update-account-page input#fld_first_name,
body.nox-update-account-page input#fld_last_name,
body.nox-update-account-page input#fld_company,
body.nox-update-account-page input#fld_mobile,
body.nox-update-account-page input#fld_website,
body.nox-update-account-page input#fld_teams,
body.nox-update-account-page select#fld_market_us {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* Best-effort catch for JS multi-select widgets (Chosen/Select2-style) used by
   "Filter by campaign group / campaign / brand / product", in case these
   are not plain <select> elements */
body.nox-statistics-page fieldset select[multiple],
body.nox-statistics-page fieldset .chosen-container,
body.nox-statistics-page fieldset .chosen-container .chosen-single,
body.nox-statistics-page fieldset .chosen-container .chosen-drop,
body.nox-statistics-page fieldset .chosen-container .chosen-results,
body.nox-statistics-page fieldset .chosen-container-multi .chosen-choices,
body.nox-statistics-page fieldset .select2-container .select2-selection,
body.nox-statistics-page fieldset .select2-dropdown,
body.nox-statistics-page fieldset .multiselect,
body.nox-statistics-page fieldset [class*="multiselect"],
body.nox-statistics-page fieldset [class*="dropdown"] {
  background: #0B2A3E !important;
  background-color: #0B2A3E !important;
  color: #FFFFFF !important;
}

/* Filter dropdowns: Filter by campaign group / campaign / Brands / Products */
body.nox-statistics-page select#fldSite,
body.nox-statistics-page select#fldProduct,
body.nox-statistics-page select[id*="campaign"],
body.nox-statistics-page select[id*="Campaign"],
body.nox-statistics-page select[name*="campaign"],
body.nox-statistics-page select[name*="Campaign"] {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* =========================
   STATISTICS EXT PAGE
   statistics-ext.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-statistics-ext-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   DARK PAGE BODY - SHARED ACROSS MULTIPLE REPORT/TOOL PAGES
   statistics-ext.php, reports-all-players.php, reports-conversion.php,
   reports-device.php, reports-media.php, reports-countries.php,
   reports-referrer.php, reports-hits-log.php, reports-payload.php,
   report-conversion-funnel.php, marketing-media.php, marketing-links.php,
   offline-codes.php, login-history.php, authorisation.php, news.php,
   ticket-list.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-dark-pagebody #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* =========================
   REPORT FILTER FIELDS - SHARED ACROSS REPORT PAGES
   statistics-ext.php, reports-all-players.php, reports-conversion.php,
   reports-device.php, reports-media.php, reports-countries.php,
   reports-referrer.php, reports-hits-log.php, reports-payload.php,
   report-conversion-funnel.php
   ========================= */

/* Background for every select/input field on these pages.
   Selector is chained with .nox-app-page (present on every one of these
   pages too) to out-specificity the "body.nox-app-page div.section *"
   sidebar-panel wildcard, which would otherwise silently win if any of
   these fields happen to sit inside a div.section. */
body.nox-report-filters-page select,
body.nox-app-page.nox-report-filters-page select,
body.nox-report-filters-page input[type="text"],
body.nox-report-filters-page input[type="email"],
body.nox-report-filters-page input[type="number"],
body.nox-report-filters-page input[type="date"],
body.nox-report-filters-page input[type="search"],
body.nox-report-filters-page input[type="tel"],
body.nox-report-filters-page input[type="url"],
body.nox-report-filters-page textarea {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* Height fix so the selected value is fully visible, matching the other dropdowns */
body.nox-report-filters-page select {
  height: 48px !important;
  min-height: 48px !important;
  line-height: normal !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 520px !important;
  color: #FFFFFF !important;
  border: 1px solid #CC9966 !important;
  border-radius: 14px !important;
}

/* Keep dropdown option text readable when opened */
body.nox-report-filters-page select option {
  color: #000000 !important;
}

/* =========================
   LOGIN HISTORY PAGE
   login-history.php
   ========================= */

/* The two div.section panels — explicit override for certainty
   (also chained with .nox-app-page to out-specificity the sidebar
   wildcard, same reasoning as the report-filters fix above) */
body.nox-login-history-page div.section,
body.nox-app-page.nox-login-history-page div.section {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Table cells on the right */
body.nox-login-history-page table td.string,
body.nox-app-page.nox-login-history-page table td.string {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* =========================
   PAYMENT METHOD PAGE
   payment-method.php
   ========================= */

/* div#pageBody background only — no descendants touched */
body.nox-payment-method-page #pageBody {
  background: #02071C !important;
  background-color: #02071C !important;
}

/* Textarea & input fields */
body.nox-payment-method-page textarea,
body.nox-payment-method-page input,
body.nox-payment-method-page input#fld_current_pass {
  background: #0D283B !important;
  background-color: #0D283B !important;
}

/* =========================
   AUTHORISATION PAGE
   authorisation.php
   ========================= */

body.nox-authorisation-page input#client_name {
  background: #0D283B !important;
  background-color: #0D283B !important;
}