a, a:visited {
	color:#031c66;
}
a:hover {
	color:#031c66;
}

/* LAYOUT */
body {
	background-color:#e0e0e0;	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}

.fButton, 
.fForm .buttons input,
.page-filters input {
	background-color:#616061;
	font-size: 14px;
	padding: 8px 14px;
	color:#ffffff !important;
	text-decoration: none;
	display: inline-block;
	border: 0px none;
}

#fWrapper {
	margin:20px auto;
	width:1024px;
	
		max-width: 1024px;
	width: 100%;
	}

.fForm input,
.fForm select,
.fForm textarea {
	border-color: #a3a3a3;
}
.fForm input:focus,
.fForm select:focus,
.fForm textarea:focus {
    outline:none;
}

#fPage {
	border:1px solid #a3a3a3;background-color:#ffffff;}

#fHeader {
	background-color:#ffffff;
			display:none	border:0px none;
}
#fContent h1 {
	color:#000000;
	font-family:Helvetica, Arial, sans-serif;
    font-size:18px;
}

.fModuleTitle,
.fForm legend {
	background-color:#616061;	
}
.fModuleTitle h3,
.fForm legend {
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
}
.fForm legend {
	display:block;
	width:100%;
	padding:0px !important;
}

#fSidebarLeft {
	display:none;
}

#fSidebarRight {
display:none;
}

#fContent {
	background-color:#ffffff;}
#fContentContainer {
	width: 1024px;
	margin: 0 auto;
}

#fMatter {
	width: 100%;
}
#fMatter.sR {
		width:1004px;	
}
#fMatter.sL {
		width:1004px;	
}
#fMatter.sR.sL {
		width:1004px;
}


#fFooter {
	border:0px none;
}

/* FORM */
.fForm input, .fForm select, .fForm textarea {
font-size:;
}

.fListing {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #a3a3a3;
}
.fListing td,
.fListing th {
	padding: 0.5rem;
	border-bottom: 1px solid #a3a3a3;
	vertical-align: top;
	text-align: left;
}
.fListing th {
	color:#ffffff;
	font-family:Helvetica, Arial, sans-serif;
    font-size:14px;
	background-color:#616061;
	text-transform: uppercase;
}

#fContentContainer {
	max-width: 100%;
}
@media (max-width:1024px) {
	#fMatter.sR {
		width: calc(100% - 0px);	
	}
	#fMatter.sL {
		width: calc(100% - 0px);
	}
	#fMatter.sR.sL {
		width: calc(100% - 0px);
	}
	#fSidebarRight {
		width: 0px;
	}
}

@media (max-width: 768px) {
	.fForm label {
		width: 100%;
		text-align: left;
	}
	.fForm .buttons {
		text-align: left;
	}
	.fForm .hint,
	.fForm .error {
		margin-left: 0;
	}
}
@media (max-width: 576px) {
	#fMatter,
	#fSidebarRight {
		width: 100% !important;
	}
}

/* =========================================================
   RFS 2026 - eRegNow Registration Page Custom CSS
   Theme: Green / Cream Professional Website Theme
   ========================================================= */

:root {
  --rfs-primary: #19785f;
  --rfs-primary-dark: #0f5f4a;
  --rfs-primary-soft: #d9f2ea;
  --rfs-secondary: #efe8dc;
  --rfs-cream: #faf7f1;
  --rfs-white: #ffffff;
  --rfs-text: #1f2a26;
  --rfs-muted: #69766f;
  --rfs-border: #d8e6df;
  --rfs-shadow: 0 14px 35px rgba(18, 92, 70, 0.12);
  --rfs-radius: 16px;

  /* Replace with your uploaded banner image URL */
  --rfs-header-img: url("YOUR-HEADER-BANNER-IMAGE-URL-HERE");
}

/* =========================================================
   BASIC PAGE
   ========================================================= */

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  color: var(--rfs-text);
  background:
    radial-gradient(circle at top left, rgba(25, 120, 95, 0.12), transparent 28%),
    radial-gradient(circle at bottom right, rgba(239, 232, 220, 0.9), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fbf8f1 52%, #edf7f3 100%);
  min-height: 100vh;
}

#fWrapper {
  width: 100%;
  padding: 14px 10px 28px !important;
  box-sizing: border-box;
}

#fPage {
  max-width: 980px !important;
  margin: 0 auto;
  background: var(--rfs-white);
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(25, 120, 95, 0.14);
  box-shadow: var(--rfs-shadow);
}

/* =========================================================
   HEADER WITH IMAGE ONLY
   ========================================================= */

#fHeader {
  min-height: 270px !important;
  padding: 28px 36px !important;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(15, 95, 74, 0.96), rgba(25, 120, 95, 0.82));
  display: flex;
  align-items: center;
  justify-content: center;
}

#fHeader::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.10) 0 22%, transparent 22%),
    radial-gradient(circle at 18% 25%, rgba(255,255,255,0.20), transparent 20%),
    radial-gradient(circle at 88% 70%, rgba(255,255,255,0.14), transparent 22%);
  pointer-events: none;
}

#fHeader::after {
  content: none !important;
  display: none !important;
}

/* Hide default text and show banner image */
#fHeader h1 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 900px;
  height: 210px;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
  background: var(--rfs-header-img) center / contain no-repeat;
}

#fHeader h1::before,
#fHeader h1::after {
  content: none !important;
  display: none !important;
}

/* =========================================================
   PAGE TITLE
   ========================================================= */

#fContent {
  background: var(--rfs-white);
}

#fPageTitle {
  padding: 24px 34px 8px !important;
  background: linear-gradient(180deg, #ffffff, #fbf8f1);
  border-bottom: 1px solid var(--rfs-border);
}

#fPageTitle h1 {
  margin: 0;
  color: var(--rfs-primary-dark);
  font-size: 30px !important;
  font-weight: 800;
  letter-spacing: -0.4px;
}

#fPageTitle h1::after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 10px;
  border-radius: 20px;
  background: linear-gradient(90deg, var(--rfs-primary), #7ac7b0);
}

/* =========================================================
   CONTENT LAYOUT
   ========================================================= */

#fContentContainer {
  padding: 22px 28px 28px !important;
  display: flex;
  gap: 22px;
  align-items: flex-start;
  box-sizing: border-box;
}

#fMatter {
  flex: 1;
  min-width: 0;
  width: 100% !important;
}

#fSidebarLeft,
#fSidebarRight {
  width: 230px;
  flex: 0 0 230px;
}

#fSidebarLeft:empty,
#fSidebarLeft .runner:empty {
  display: none;
}

/* =========================================================
   MODULE CARD
   ========================================================= */

.fModule {
  margin-bottom: 22px !important;
  background: var(--rfs-white);
  border: 1px solid var(--rfs-border);
  border-radius: var(--rfs-radius);
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(15, 95, 74, 0.08);
}

.fModuleTitle {
  background: linear-gradient(90deg, var(--rfs-primary-dark), var(--rfs-primary));
  padding: 13px 22px !important;
}

.fModuleTitle h3 {
  margin: 0;
  color: #ffffff;
  font-size: 20px !important;
  font-weight: 800;
  letter-spacing: 0.2px;
}

.fModuleContent {
  padding: 22px !important;
}

/* =========================================================
   CURRENCY SELECT
   ========================================================= */

.fModuleCCY .checksCCY {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.fModuleCCY .checksCCY p {
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 260px !important;
  background: #f3fbf8;
  border: 1px solid var(--rfs-border);
  border-radius: 30px;
  padding: 10px 16px !important;
  box-sizing: border-box;
}

.fModuleCCY .checksCCY input[type="radio"] {
  position: static !important;
  margin: 0 !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto;
  accent-color: var(--rfs-primary);
}

.fModuleCCY .checksCCY label {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 15px !important;
  font-weight: 700;
  color: var(--rfs-text);
  line-height: 1.3;
  cursor: pointer;
}

/* =========================================================
   REGISTRATION FEE TABLE
   ========================================================= */

.registration_slab {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid var(--rfs-border);
  background: #ffffff;
}

.registration_slab td {
  padding: 10px 10px !important;
  border-bottom: 1px solid var(--rfs-border);
  border-right: 1px solid var(--rfs-border);
  vertical-align: middle;
  font-size: 14px !important;
}

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

.registration_slab td:last-child {
  border-right: none;
}

.registration_slab .heading td,
.registration_slab tr.heading td {
  background: linear-gradient(90deg, var(--rfs-primary-dark), var(--rfs-primary));
  color: #ffffff;
  font-weight: 800;
  text-align: center;
}

.registration_slab .headingDate {
  font-size: 14px !important;
}

.registration_slab .lowlight {
  display: block;
  margin-top: 4px;
  color: inherit;
  opacity: 0.88;
  font-size: 12px;
  font-weight: 500;
}

.registration_slab tr.trtype {
  transition: 0.25s ease;
}

.registration_slab tr.trtype:hover {
  background: #f3fbf8;
}

.registration_fee label {
  color: var(--rfs-text);
  font-size: 15px !important;
  font-weight: 800;
  cursor: pointer;
}

.registration_cost {
  color: var(--rfs-primary-dark);
  font-size: 14px !important;
  font-weight: 800;
  white-space: nowrap;
}

.registration_slab input[type="radio"] {
  position: static !important;
  margin: 0 8px 0 0 !important;
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--rfs-primary);
  transform: none !important;
  cursor: pointer;
}

/* =========================================================
   LOGIN NOTE
   ========================================================= */

#register-login {
  margin: 0 0 24px !important;
  padding: 14px 18px !important;
  border-radius: 14px;
  background: #f3fbf8;
  color: var(--rfs-muted);
  border: 1px dashed rgba(25, 120, 95, 0.35);
  font-size: 15px !important;
}

#register-login a {
  color: var(--rfs-primary-dark);
  font-weight: 800;
  text-decoration: none;
}

#register-login a:hover {
  text-decoration: underline;
}

/* =========================================================
   FORM ALIGNMENT - LABEL AND INPUT SAME LINE
   ========================================================= */

.fForm .field-para {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 14px !important;
}

.fForm .field-para > label {
  width: 190px !important;
  min-width: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--rfs-text) !important;
  line-height: 1.2 !important;
}

/* Normal text inputs */
.fForm .field-para input[type="text"],
.fForm .field-para input[type="password"],
.fForm .field-para input[type="email"],
.fForm .field-para select {
  width: 420px !important;
  max-width: 420px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 9px 13px !important;
  border: 1px solid #cbded6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: var(--rfs-text);
  box-sizing: border-box !important;
  font-size: 15px !important;
  outline: none;
  transition: 0.25s ease;
}

/* Address / large textarea */
.fForm .field-para textarea {
  width: 620px !important;
  max-width: 620px !important;
  min-height: 90px !important;
  padding: 12px 14px !important;
  border: 1px solid #cbded6 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--rfs-text);
  box-sizing: border-box !important;
  font-size: 15px !important;
  resize: vertical;
  outline: none;
}

/* Align textarea label at top */
.fForm .field-para:has(textarea) {
  align-items: flex-start !important;
}

.fForm .field-para:has(textarea) > label {
  padding-top: 12px !important;
}

/* Focus state */
.fForm .field-para input:focus,
.fForm .field-para select:focus,
.fForm .field-para textarea:focus {
  border-color: var(--rfs-primary) !important;
  box-shadow: 0 0 0 3px rgba(25, 120, 95, 0.14) !important;
}

/* Display labels on payment summary */
.field-para .label {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  background: #f3fbf8;
  color: var(--rfs-primary-dark);
  font-weight: 800;
  border: 1px solid var(--rfs-border);
}

.hint {
  margin-top: 7px;
  color: var(--rfs-muted);
  font-size: 13px;
}

/* =========================================================
   BUTTONS
   ========================================================= */

.buttons {
  margin: 22px 0 0 !important;
  text-align: center !important;
}

input.submit,
.buttons .submit,
input[type="submit"] {
  border: none;
  border-radius: 999px;
  padding: 12px 34px !important;
  background: linear-gradient(90deg, var(--rfs-primary-dark), var(--rfs-primary));
  color: #ffffff;
  font-size: 15px !important;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(15, 95, 74, 0.25);
  transition: 0.25s ease;
}

input.submit:hover,
.buttons .submit:hover,
input[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(15, 95, 74, 0.32);
  background: linear-gradient(90deg, #0b4e3d, #176f58);
}

/* =========================================================
   PAYMENT / FIELDSET
   ========================================================= */

fieldset {
  border: 1px solid var(--rfs-border);
  border-radius: var(--rfs-radius);
  padding: 22px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(15, 95, 74, 0.08);
}

fieldset legend {
  padding: 0 12px;
  color: var(--rfs-primary-dark);
  font-size: 18px;
  font-weight: 800;
}

fieldset legend span {
  background: #ffffff;
}

/* =========================================================
   STEP RUNNER
   ========================================================= */

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

.runner li {
  margin-bottom: 10px;
}

.runner li a {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 14px;
  background: #f3fbf8;
  border: 1px solid var(--rfs-border);
  color: var(--rfs-muted);
  text-decoration: none;
  transition: 0.25s ease;
}

.runner li.completed a,
.runner li.current a {
  background: linear-gradient(90deg, rgba(25, 120, 95, 0.12), rgba(217, 242, 234, 0.75));
  border-color: rgba(25, 120, 95, 0.32);
  color: var(--rfs-primary-dark);
}

.runner li.current a {
  box-shadow: inset 4px 0 0 var(--rfs-primary);
}

.runner-step-number {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--rfs-primary-dark);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  flex: 0 0 38px;
}

.runner-step-title {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

/* =========================================================
   CLOUDFLARE
   ========================================================= */

.cf-turnstile {
  margin-top: 16px !important;
}

/* =========================================================
   FOOTER
   ========================================================= */

#fFooter {
  background: var(--rfs-primary-dark);
  color: rgba(255,255,255,0.82);
  padding: 16px 24px;
  text-align: center;
  font-size: 13px;
}

#fFooter a {
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
}

#fFooter a:hover {
  text-decoration: underline;
}

/* =========================================================
   MESSAGE
   ========================================================= */

.message {
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 18px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {
  #fPage {
    max-width: 100% !important;
    border-radius: 18px;
  }

  #fWrapper {
    padding: 10px !important;
  }

  #fHeader {
    min-height: 220px !important;
    padding: 20px !important;
  }

  #fHeader h1 {
    height: 165px !important;
    max-width: 100%;
  }

  #fPageTitle,
  #fContentContainer {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  #fContentContainer {
    display: block;
  }

  #fSidebarLeft,
  #fSidebarRight {
    width: 100%;
    margin-bottom: 18px;
  }

  .registration_slab {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .registration_slab td {
    padding: 10px 9px !important;
  }

  .fModuleCCY .checksCCY {
    display: block !important;
  }

  .fModuleCCY .checksCCY p {
    width: 100%;
    min-width: 0 !important;
    margin-bottom: 10px !important;
  }
}

@media (max-width: 768px) {
  .fForm .field-para {
    display: block !important;
  }

  .fForm .field-para > label {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    text-align: left !important;
    margin-bottom: 8px !important;
  }

  .fForm .field-para input[type="text"],
  .fForm .field-para input[type="password"],
  .fForm .field-para input[type="email"],
  .fForm .field-para select,
  .fForm .field-para textarea {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 560px) {
  #fHeader {
    min-height: 175px !important;
    padding: 16px !important;
  }

  #fHeader h1 {
    height: 125px !important;
  }

  #fPageTitle h1 {
    font-size: 24px !important;
  }

  .fModuleContent {
    padding: 18px !important;
  }

  .fModuleTitle {
    padding: 14px 18px !important;
  }

  .fModuleTitle h3 {
    font-size: 19px !important;
  }
}