/************ rr-setup.css  ***********/

/*****css/css/base/rr-setup.css*****//*! Do not edit the css.  Instead edit the scss file. */
html {
  font-family: sans-serif;
  overflow-y: scroll;
}

body {
  padding: 0px;
  font-size: 14px;
  margin: 0;
}

div,
dt,
dd,
pre,
code,
form,
legend,
input,
button,
textarea,
p,
blockquote {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

em,
strong {
  /* recentchange:202510 padding: font-weight: bold; */
  font-weight: 500;
}

q:before,
q:after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  caption-side: top;
  margin-bottom: 1em;
}

td, th {
  padding: 0.5em;
  margin: 0;
}

.rr-th, th {
  /* recentchange:202210 padding: 0.5em; */
  /* recentchange:202510 padding: font-weight: bold; */
  font-weight: 500;
  text-align: left;
  /* recentchange:202210 margin: 0; */
}

fieldset {
  margin: 0;
  border: 0;
}

img {
  border: 0;
}

ul,
ol,
dl {
  margin: 1em;
}

ol,
ul {
  margin-left: 2em;
}

li {
  list-style: disc;
  margin: 0.15em 0em;
}
ul li {
  list-style: disc outside;
}
ol li {
  list-style: decimal outside;
}

table p {
  margin: 0.15em 0em;
}
table p + p {
  margin-top: 1em;
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
  cursor: pointer;
}

/*# sourceMappingURL=rr-setup.css.map */
/*****css(end)/css/base/rr-setup.css*****/




/************ rr-setup.css  ***********/


/************ 960.css  ***********/

/*****css/css/base/g960/code/css/uncompressed/960.css*****//*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
	left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
	left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
	left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left: 80px;
}

.container_12 .push_2 {
	left: 160px;
}

.container_12 .push_4 {
	left: 320px;
}

.container_12 .push_5 {
	left: 400px;
}

.container_12 .push_7 {
	left: 560px;
}

.container_12 .push_8 {
	left: 640px;
}

.container_12 .push_10 {
	left: 800px;
}

.container_12 .push_11 {
	left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left: 60px;
}

.container_16 .push_2 {
	left: 120px;
}

.container_16 .push_3 {
	left: 180px;
}

.container_16 .push_5 {
	left: 300px;
}

.container_16 .push_6 {
	left: 360px;
}

.container_16 .push_7 {
	left: 420px;
}

.container_16 .push_9 {
	left: 540px;
}

.container_16 .push_10 {
	left: 600px;
}

.container_16 .push_11 {
	left: 660px;
}

.container_16 .push_13 {
	left: 780px;
}

.container_16 .push_14 {
	left: 840px;
}

.container_16 .push_15 {
	left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
	left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
	left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
	left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left: -80px;
}

.container_12 .pull_2 {
	left: -160px;
}

.container_12 .pull_4 {
	left: -320px;
}

.container_12 .pull_5 {
	left: -400px;
}

.container_12 .pull_7 {
	left: -560px;
}

.container_12 .pull_8 {
	left: -640px;
}

.container_12 .pull_10 {
	left: -800px;
}

.container_12 .pull_11 {
	left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left: -60px;
}

.container_16 .pull_2 {
	left: -120px;
}

.container_16 .pull_3 {
	left: -180px;
}

.container_16 .pull_5 {
	left: -300px;
}

.container_16 .pull_6 {
	left: -360px;
}

.container_16 .pull_7 {
	left: -420px;
}

.container_16 .pull_9 {
	left: -540px;
}

.container_16 .pull_10 {
	left: -600px;
}

.container_16 .pull_11 {
	left: -660px;
}

.container_16 .pull_13 {
	left: -780px;
}

.container_16 .pull_14 {
	left: -840px;
}

.container_16 .pull_15 {
	left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}/*****css(end)/css/base/g960/code/css/uncompressed/960.css*****/




/************ 960.css  ***********/


/************ rr-layout-color.css  ***********/

/*****css/css/main/rr-layout-color.css*****/@charset "UTF-8";
:root {
  /* Let the UA pick appropriate form controls in light theme by default. */
  color-scheme: light;
  /* --- Neutral scale (foundation) ---------------------------------------- */
  --rr-clr-neutral-0: #ffffff; /* lightest background */
  --rr-clr-neutral-50: #f8fafc; /* app background tint */
  --rr-clr-neutral-100: #f1f5f9; /* subtle surfaces */
  --rr-clr-neutral-200: #e2e8f0; /* borders / separators */
  --rr-clr-neutral-300: #cbd5e1; /* stronger borders */
  --rr-clr-neutral-400: #94a3b8; /* disabled text/icons */
  --rr-clr-neutral-500: #64748b; /* muted text */
  --rr-clr-neutral-600: #475569; /* secondary text */
  --rr-clr-neutral-700: #334155; /* headings on light */
  --rr-clr-neutral-800: #1f2937; /* dark surfaces */
  --rr-clr-neutral-900: #0f172a; /* main text on light */
  /* --- Accent scale (foundation) -----------------------------------------*/
  --rr-clr-accent-50: #eff6ff;
  --rr-clr-accent-100: #dbeafe;
  --rr-clr-accent-200: #bfdbfe;
  --rr-clr-accent-300: #93c5fd;
  --rr-clr-accent-400: #60a5fa;
  --rr-clr-accent-500: #3b82f6;
  --rr-clr-accent-600: #2563eb;
  --rr-clr-accent-700: #1d4ed8;
  --rr-clr-accent-800: #1e40af;
  --rr-clr-accent-900: #1e3a8a;
  --rr-clr-accent: var(--rr-clr-accent-500, #3b82f6);
  /* Accent palette – base hue derived from #FFC94D
     Base color: #FFC94D  → rr-clr-accent-500
     Notes:
     - 600/700 are intended for primary actions (buttons, links)
     - 500 is good for highlights, icons, focus rings
     - 100–200 are safe soft backgrounds

  --rr-clr-accent-50:  #FFF8E1; //very light tint, large surfaces only 
  --rr-clr-accent-100: #FFF1C2; //soft background (callouts, selected rows) 
  --rr-clr-accent-200: #FFE59A; // stronger soft background 
  --rr-clr-accent-300: #FFD86F; // hover backgrounds, chips 
  --rr-clr-accent-400: #FFCF5A; // emphasis, icons 
  --rr-clr-accent-500: #FFC94D; // base accent (your provided color) 
  --rr-clr-accent-600: #E0AC2E; // primary actions on light bg (AA with dark text) 
  --rr-clr-accent-700: #B88914; // default buttons / links (strong contrast) 
  --rr-clr-accent-800: #8F6906; // dark UI / active states 
  --rr-clr-accent-900: #664B00; // rarely needed, but useful for dark themes 
  */
  /* --- State palettes (foundation) --------------------------------------- */
  /* These are "meaning" colors. Keep them consistent across apps. */
  --rr-clr-success-100: #dcfce7;
  --rr-clr-success-300: #86efac;
  --rr-clr-success-600: #16a34a;
  --rr-clr-warning-100: #fef9c3;
  --rr-clr-warning-300: #fde047;
  --rr-clr-warning-600: #ca8a04;
  --rr-clr-danger-100: #fee2e2;
  --rr-clr-danger-300: #fca5a5;
  --rr-clr-danger-600: #dc2626;
  --rr-clr-info-100: #e0f2fe;
  --rr-clr-info-300: #7dd3fc;
  --rr-clr-info-600: #0284c7;
  /* ==========================================================================
     SEMANTIC COLORS (USE THESE IN COMPONENTS)
     - These are your stable contract across all sites.
     - If you need a new semantic, add it here, then map it from foundations.
     --------------------------------------------------------------------------
     Naming
     - bg/surface: backgrounds
     - text: text colors
     - border: borders/dividers
     - primary: main accent for actions
     - *-soft: tinted background versions (chips, callouts, selected rows)
     - on-*: text/icon color intended to sit ON that background
     ========================================================================== */
  /* --- Backgrounds & surfaces -------------------------------------------- */
  --rr-clr-bg: var(--rr-clr-neutral-0); /* page background */
  --rr-clr-surface-1: var(--rr-clr-neutral-50); /* cards/panels */
  --rr-clr-surface-2: var(--rr-clr-neutral-100); /* nested panels */
  --rr-clr-surface-3: var(--rr-clr-neutral-200); /* highest-contrast surface */
  --rr-clr-overlay: rgba(0, 0, 0, 0.50); /* modal backdrop */
  --rr-clr-divider: var(--rr-clr-neutral-200); /* thin separators */
  /* --- Text --------------------------------------------------------------- */
  --rr-clr-text: var(--rr-clr-neutral-900); /* default text */
  --rr-clr-text-muted: var(--rr-clr-neutral-600); /* secondary text */
  --rr-clr-text-subtle: var(--rr-clr-neutral-500); /* placeholders/disabled hints */
  --rr-clr-text-inverse: var(--rr-clr-neutral-0); /* text on dark/strong fills */
  /* --- Links -------------------------------------------------------------- */
  --rr-clr-link: #0000ee;
  --rr-clr-link-hover: #551a8b;
  /*--rr-clr-link:            var(--rr-clr-accent-700);
  --rr-clr-link-hover:      var(--rr-clr-accent-500);*/
  /* --- Borders & focus ---------------------------------------------------- */
  --rr-clr-border: var(--rr-clr-neutral-200); /* default border */
  --rr-clr-border-strong: var(--rr-clr-neutral-300); /* strong border */
  --rr-clr-focus-ring: var(--rr-clr-accent-500); /* keyboard focus ring */
  /* --- Primary accent ----------------------------------------------------- */
  --rr-clr-primary: var(--rr-clr-accent-700); /* primary button, active nav */
  --rr-clr-on-primary: var(--rr-clr-neutral-0); /* text/icons on primary */
  --rr-clr-primary-soft: var(--rr-clr-accent-100); /* callouts, selected rows */
  --rr-clr-on-primary-soft: var(--rr-clr-neutral-900); /* text on primary-soft */
  /* Optional accent surface: subtle tinted panels (eg form blocks). */
  --rr-clr-surface-accent: var(--rr-clr-accent-50);
  --rr-clr-on-surface-accent: var(--rr-clr-neutral-900);
  /* --- Form fields -------------------------------------------------------- */
  /* These give you consistent fields across apps without rewriting every form. */
  --rr-clr-field-bg: var(--rr-clr-neutral-0);
  --rr-clr-field-text: var(--rr-clr-text);
  --rr-clr-field-border: var(--rr-clr-border);
  --rr-clr-field-placeholder: var(--rr-clr-text-subtle);
  --rr-clr-field-focus-bg: var(--rr-clr-neutral-0); /* keep stable unless you want tinted focus */
  /* --- Semantic states ---------------------------------------------------- */
  --rr-clr-success: var(--rr-clr-success-600);
  --rr-clr-on-success: var(--rr-clr-neutral-0);
  --rr-clr-success-soft: var(--rr-clr-success-100);
  --rr-clr-on-success-soft: var(--rr-clr-neutral-900);
  --rr-clr-warning: var(--rr-clr-warning-600);
  --rr-clr-on-warning: var(--rr-clr-neutral-900); /* warning yellows often need dark text */
  --rr-clr-warning-soft: var(--rr-clr-warning-100);
  --rr-clr-on-warning-soft: var(--rr-clr-neutral-900);
  --rr-clr-danger: var(--rr-clr-danger-600);
  --rr-clr-on-danger: var(--rr-clr-neutral-0);
  --rr-clr-danger-soft: var(--rr-clr-danger-100);
  --rr-clr-on-danger-soft: var(--rr-clr-neutral-900);
  --rr-clr-info: var(--rr-clr-info-600);
  --rr-clr-on-info: var(--rr-clr-neutral-0);
  --rr-clr-info-soft: var(--rr-clr-info-100);
  --rr-clr-on-info-soft: var(--rr-clr-neutral-900);
  /* --- Gradients (optional) ---------------------------------------------- */
  /* Control panels: use sparingly (primary buttons or top bars). */
  --rr-clr-primary-gradient: linear-gradient(135deg, var(--rr-clr-accent-500), var(--rr-clr-accent-700));
  /* ==========================================================================
     TYPOGRAPHY TOKENS
     - Use rr-text-* for font families, sizes, and weights.
     - Use rr-lineheight-* for readability and density control.
     --------------------------------------------------------------------------
     Guidance
     - Most admin panels should default to 14–16px body size.
     - Tables/forms usually look best at sm/md.
     - Avoid very light font weights for small text (hurts legibility).
     ========================================================================== */
  /* --- Font families ------------------------------------------------------ */
  --rr-text-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rr-text-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* --- Font sizes (role-based) ------------------------------------------- */
  --rr-text-size-xs: 0.75rem; /* captions, tiny helper text */
  --rr-text-size-sm: 0.875rem; /* tables, secondary UI */
  --rr-text-size-md: 1rem; /* main body text */
  --rr-text-size-lg: 1.125rem; /* emphasis, section titles in compact UIs */
  --rr-text-size-xl: 1.25rem; /* page section headers */
  --rr-text-size-2xl: 1.5rem; /* page titles */
  /* --- Font weights ------------------------------------------------------- */
  --rr-text-weight-regular: 400;
  --rr-text-weight-medium: 500;
  --rr-text-weight-semibold: 600;
  --rr-text-weight-bold: 700;
  /* --- Line heights ------------------------------------------------------- */
  --rr-lineheight-tight: 1.2; /* dense: tables, compact labels */
  --rr-lineheight-normal: 1.5; /* default body/readable UI */
  --rr-lineheight-loose: 1.75; /* long-form help/docs blocks */
  /* ==========================================================================
     SPACING SCALE
     - Use rr-space-* to keep rhythm consistent across sites.
     - A 4px base scale is predictable and works well for admin UIs.
     --------------------------------------------------------------------------
     Guidance
     - If a site wants to feel more "spacious", increase these slightly.
     - Do not invent new in-between values in component CSS.
     - rem scales with the root font size.  px does not.  padding, margin, gap → rem.  borders, box-shadow: icons: -> px;
     ========================================================================== */
  --rr-space-xxs: 0.25rem; /* 4px  - micro spacing */
  --rr-space-xs: 0.5rem; /* 8px  - tight padding */
  --rr-space-sm: 0.75rem; /* 12px - default small gaps */
  --rr-space-md: 1rem; /* 16px - default padding */
  --rr-space-l: 1.25rem; /* 20px - comfortable padding */
  --rr-space-xl: 1.5rem; /* 24px - section spacing */
  --rr-space-xxl: 2rem; /* 32px - large spacing */
  --rr-space-xxl: 2.5rem; /* 40px - page-level spacing */
  /* ==========================================================================
     BORDERS (includes radius)
     - Use rr-border-* for widths and radii.
     - Border + radius are a big part of "feel".
     --------------------------------------------------------------------------
     Guidance
     - Enterprise/serious: smaller radii.
     - Friendly/modern: larger radii.
     - Keep radius consistent across the UI.
     ========================================================================== */
  --rr-border-width: 1px; /* default border thickness */
  --rr-border-width-strong: 2px; /* active/selected emphasis */
  --rr-border-radius-sm: 0.25rem; /* small elements (chips, tags) */
  --rr-border-radius-md: 0.375rem; /* inputs/buttons */
  --rr-border-radius-lg: 0.5rem; /* cards/panels */
  --rr-border-radius-xl: 0.75rem; /* modals/drawers */
  --rr-border-radius-pill: 999px; /* pill buttons/badges */
  /* ==========================================================================
     SHADOWS
     - Keep shadows subtle in control panels.
     - Over-shadowing makes tables and forms harder to scan.
     --------------------------------------------------------------------------
     Guidance
     - Avoid using more than one shadow depth on the same screen.
     - In dark theme, shadows are less effective; rely more on surface contrast.
     ========================================================================== */
  --rr-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06); /* cards */
  --rr-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.10); /* popovers */
  --rr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16); /* modals */
  /* ==========================================================================
     MOTION (easing + durations)
     - Motion consistency is polish and usability (not decoration).
     --------------------------------------------------------------------------
     Guidance
     - Keep animations short. Long animations slow admin work.
     - Always support reduced motion.
     ========================================================================== */
  --rr-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1); /* most transitions */
  --rr-motion-ease-emphasized: cubic-bezier(0.4, 0, 0, 1); /* modals/drawers */
  --rr-motion-duration-fast: 120ms; /* hover/focus */
  --rr-motion-duration-normal: 180ms; /* UI transitions */
  --rr-motion-duration-slow: 240ms; /* modals */
  /* ==========================================================================
     LAYERS (z-index)
     - Tokenizing z-index prevents "random 9999" escalation.
     --------------------------------------------------------------------------
     Guidance
     - Keep these spaced so you can insert new layers later.
     ========================================================================== */
  --rr-z-base: 0; /* normal content */
  --rr-z-dropdown: 100; /* menus, selects */
  --rr-z-sticky: 200; /* sticky headers */
  --rr-z-overlay: 400; /* modal backdrop */
  --rr-z-modal: 600; /* modal/dialog */
  --rr-z-toast: 800; /* notifications toasts */
}

/* ============================================================================
   DARK THEME OVERRIDES
   - Apply by setting: <html data-theme="dark"> or :root[data-theme="dark"]
   - This file provides a reasonable default mapping for dark.
   ----------------------------------------------------------------------------
   Guidance
   - Dark theme is NOT "invert". You want softened contrast for surfaces,
     but strong contrast for text and focus.
   - Re-check AA contrast for text + links.
   ============================================================================ */
:root[data-theme=dark] {
  color-scheme: dark;
  /* Surfaces */
  --rr-clr-bg: var(--rr-clr-neutral-900);
  --rr-clr-surface-1: var(--rr-clr-neutral-800);
  --rr-clr-surface-2: #111c33; /* slightly off-neutral for depth */
  --rr-clr-surface-3: #162344;
  --rr-clr-overlay: rgba(0, 0, 0, 0.65);
  --rr-clr-divider: rgba(255, 255, 255, 0.10);
  /* Text */
  --rr-clr-text: var(--rr-clr-neutral-0);
  --rr-clr-text-muted: rgba(255, 255, 255, 0.75);
  --rr-clr-text-subtle: rgba(255, 255, 255, 0.55);
  --rr-clr-text-inverse: var(--rr-clr-neutral-900);
  /* Borders/focus */
  --rr-clr-border: rgba(255, 255, 255, 0.12);
  --rr-clr-border-strong: rgba(255, 255, 255, 0.18);
  --rr-clr-focus-ring: var(--rr-clr-accent-300);
  /* Primary */
  --rr-clr-primary: var(--rr-clr-accent-400);
  --rr-clr-on-primary: var(--rr-clr-neutral-900);
  --rr-clr-primary-soft: rgba(219, 234, 254, 0.14);
  --rr-clr-on-primary-soft: var(--rr-clr-neutral-0);
  /* Accent surfaces */
  --rr-clr-surface-accent: rgba(96, 165, 250, 0.10);
  --rr-clr-on-surface-accent: var(--rr-clr-neutral-0);
  /* Links */
  --rr-clr-link: #0000ee;
  --rr-clr-link-hover: #551a8b;
  /*
    --rr-clr-link:       var(--rr-clr-accent-300);
    --rr-clr-link-hover: var(--rr-clr-accent-200);
  */
  /* Fields */
  --rr-clr-field-bg: rgba(255, 255, 255, 0.06);
  --rr-clr-field-border: rgba(255, 255, 255, 0.14);
  --rr-clr-field-placeholder: rgba(255, 255, 255, 0.45);
  --rr-clr-field-focus-bg: rgba(255, 255, 255, 0.08);
  /* Gradients */
  --rr-clr-primary-gradient: linear-gradient(135deg, var(--rr-clr-accent-400), var(--rr-clr-accent-700));
  /* Shadows: often reduce effectiveness in dark theme; keep as-is or lower if needed */
}

/*
// supporting os preferences without duplicating lots of rules maybe do something like:

$rr-dark: (
  rr-clr-bg: var(--rr-clr-neutral-900),
  rr-clr-text: var(--rr-clr-neutral-0),
  // ...
);

@mixin rr-tokens($map) {
  @each $k, $v in $map {
    --#\{$k}: #\{$v};
  }
}

@media (prefers-color-scheme: dark) {
  :root { @include rr-tokens($rr-dark); }
}

:root[data-theme="dark"] { @include rr-tokens($rr-dark); }


*/
/* ============================================================================
   HIGH CONTRAST THEME (ACCESSIBILITY)
   - Apply by setting: <html data-theme="hc">
   - Goal: maximize legibility and focus visibility.
   ----------------------------------------------------------------------------
   Guidance
   - Prefer underlined links.
   - Make borders and focus rings unmissable.
   - Reduce reliance on subtle tints; push toward clear separation.
   ============================================================================ */
:root[data-theme=hc] {
  color-scheme: light;
  --rr-clr-bg: #ffffff;
  --rr-clr-surface-1: #ffffff;
  --rr-clr-surface-2: #ffffff;
  --rr-clr-surface-3: #f2f2f2;
  --rr-clr-text: #000000;
  --rr-clr-text-muted: #111111;
  --rr-clr-text-subtle: #222222;
  --rr-clr-text-inverse:#ffffff;
  --rr-clr-border: #000000;
  --rr-clr-border-strong: #000000;
  /* High-visibility focus ring */
  --rr-clr-focus-ring: #ff00ff;
  /* Keep primary/link highly distinct */
  --rr-clr-primary: #0000ee;
  --rr-clr-on-primary: #ffffff;
  --rr-clr-link: #0000ee;
  --rr-clr-link-hover: #551a8b;
  /* Soft variants still readable */
  --rr-clr-primary-soft: #e6e6ff;
  --rr-clr-on-primary-soft: #000000;
  /* Fields */
  --rr-clr-field-bg: #ffffff;
  --rr-clr-field-border: #000000;
  --rr-clr-field-placeholder: #333333;
}

:root[data-theme=hc] a {
  text-decoration: underline;
}

/* ============================================================================
   REDUCED MOTION SUPPORT
   - Keeps UI usable for motion-sensitive users.
   ============================================================================ */
@media (prefers-reduced-motion: reduce) {
  * {
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
    scroll-behavior: auto !important;
  }
}
/*! Do not edit the css! .  Instead edit the scss file.  */
@font-face {
  font-family: "AnonymousRegular";
  src: url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.eot?) format("eot"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.woff) format("woff"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.ttf) format("truetype"), url(../type-face/Anonymous-fontfacekit/Anonymous-webfont.svg#AnonymousRegular) format("svg");
  font-weight: normal;
  font-style: normal;
}
td,
th {
  padding: 0 0.3em 0.3em 0;
  vertical-align: top;
}

ul {
  margin-bottom: 2em;
}

hr {
  /* recentchange:2024-05 border: none; */
  padding: 0;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  height: 1px;
}

code {
  word-wrap: break-word;
}

h1,
h2,
h3,
h4 {
  margin-top: 24px;
  margin-bottom: 10px;
  /*line-height: 1;*/
}

em {
  /* recentchange:202510 padding: font-weight: bold; */
  font-weight: 500;
  font-style: normal;
}

h1 {
  font-size: 1.45rem;
  /* recentchange:2023-08 em to rem */
  line-height: 2.175rem;
  /* recentchange:2023-08 added 1.5x */
}

h2 {
  font-size: 1.3rem;
  /* recentchange:2023-08 em to rem */
  line-height: 1.95rem;
  /* recentchange:2023-08 added 1.5x */
}

h3 {
  font-size: 1.2rem;
  /* recentchange:2023-08 em to rem */
  line-height: 1.8rem;
  /* recentchange:2023-08 added 1.5x */
}

h4 {
  font-size: 1.1rem;
  /* recentchange:2023-08 em to rem */
  line-height: 1.65rem;
  /* recentchange:2023-08 added 1.5x */
}

hr {
  clear: both;
}

ul,
p {
  margin-top: 0;
  margin-bottom: 10px;
}

p {
  clear: both;
  /* recentchange:202210 max-width: 620px;*/
}

ul li,
ol li {
  list-style-position: inside;
}

ul,
ol {
  padding-left: 0;
  margin-left: 0.8em;
  margin-right: 0;
}

td,
th {
  border: none;
}

html {
  font-family: "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;
}

h1,
h2 {
  clear: left;
}

h1 {
  margin-top: 0.3em;
}

blockquote {
  font-style: italic;
  margin: 0 1em 1em 10px;
}

li#checks,
li#alerts,
li#actions,
li#events,
li#reports,
li#contactdetails,
li#billing,
li#history,
li#add,
li#AA_EMAIL,
li#AA_SMS,
li#AA_VOICE,
li#AA_SSH,
li#AA_HTTP,
li#AA_FAILOVER,
li#sms,
li#voice,
li#ssh,
li#email,
li#http,
li#check,
li#freq,
li#status,
li#results,
li#alerts,
li#events,
li#delete,
li#new,
li#ticket,
li#send,
li#nosend {
  line-height: normal;
  font-size: 0.92em;
  margin: 10px 0 10px 60px;
  padding: 0;
}

#rrid-pageheader {
  margin: 0 auto;
  padding: 0;
}
#rrid-pageheader h1 {
  margin-top: 0.3em;
  margin-bottom: 0;
  padding: 0;
  font-size: 2.8em;
  text-align: left;
  line-height: normal;
}
#rrid-pageheader h1 a {
  padding: 0;
  margin: 0;
  height: 0;
}
#rrid-pageheader h1 a:hover {
  text-decoration: none;
}
#rrid-pageheader h1 a img {
  padding: 0;
}

.bc {
  display: block;
  text-align: left;
  margin-top: 1em;
  margin-bottom: 10px;
}
.bc div.grid_4 img {
  position: relative;
  top: 4px;
  margin: 10px 2px 0 15px;
}

#rrid-pagefooter {
  clear: both;
  float: none;
  margin-top: 0;
}
#rrid-pagefooter h4 {
  font-size: 13px;
  margin-top: 20px;
}
#rrid-pagefooter span {
  font-size: 13px;
}
#rrid-pagefooter div.grid_4 img {
  margin: 0 0 8px 4px;
  position: relative;
  top: 4px;
}

/*recentchange:202504 .rr-contains-app div {*/
/*recentchange:202504 list-style-type: none;*/
/* 2016-03-08 float: left;*/
/*recentchange:202504 width: 298px;*/
/*recentchange:202504 margin-top: 10px;*/
/*recentchange:202504 margin-bottom: 10px;*/
/*recentchange:202504 height: 78px;*/
/*recentchange:202504 }*/
#rrid-footer-site-links {
  height: 168px;
  margin-top: 10px;
  padding-top: 25px;
  background: none;
}
#rrid-footer-site-links a {
  margin-bottom: 12px;
  font-size: 14px;
  display: block;
}

.rr-insole {
  padding-top: 12px;
  position: relative;
}
.rr-insole p {
  font-size: 13px;
  margin: 6px 0;
  max-width: 940px;
}

.rr-app-title {
  font-weight: bold;
  letter-spacing: 0;
  font-size: 19px;
  font-weight: bold;
  /*recentchange:202504 left: 89px;*/
  /*recentchange:202504 margin: 15px 0 0 6px;*/
  /*recentchange:202504 position: absolute;*/
}

.rr-app-logo {
  min-width: 6rem;
  text-align: center;
}

ul.rr-app-title-desc {
  margin: 0em;
}
ul.rr-app-title-desc li {
  /*recentchange:202504 added */
  list-style: none;
  margin: 0em;
}

.rr-app-desc {
  font-size: 13px;
  display: block;
  /*recentchange:202504 margin: -39px 0 0 7px;*/
  /*recentchange:202504 position: absolute;*/
  /*recentchange:202504 left: 89px;*/
}

.rr-small-tm {
  font-size: 0.33em;
  position: relative;
  top: -1.33em;
  left: -0.67em;
}

.rr-margin-0 {
  margin: 0;
}

.rr-margin-50 {
  margin: 50px;
}

.rr-margin-hor-auto {
  margin-left: auto;
  margin-right: auto;
}

.rr-margin-hor-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.rr-margin-hor-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.rr-margin-hor-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.rr-margin-hor-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.rr-margin-hor-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.rr-margin-hor-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.rr-margin-ver-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.rr-margin-ver-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.rr-margin-ver-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.rr-margin-ver-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.rr-margin-ver-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.rr-margin-ver-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.rr-margin-ver-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.rr-margin-ver-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.rr-margin-top-0 {
  margin-top: 0px;
}

.rr-margin-top-13 {
  margin-top: 13px;
}

.rr-margin-top-24 {
  margin-top: 24px;
}

.rr-margin-bottom-0 {
  margin-bottom: 0px;
}

.rr-margin-bottom-1 {
  margin-bottom: 1px;
}

.rr-margin-bottom-3 {
  margin-bottom: 3px;
}

.rr-margin-bottom-4 {
  margin-bottom: 4px;
}

.rr-margin-bottom-5 {
  margin-bottom: 5px;
}

.rr-margin-bottom-6 {
  margin-bottom: 6px;
}

.rr-margin-bottom-8 {
  margin-bottom: 8px;
}

.rr-margin-bottom-10 {
  margin-bottom: 10px;
}

.rr-margin-bottom-12 {
  margin-bottom: 12px;
}

.rr-margin-bottom-16 {
  margin-bottom: 16px;
}

.rr-margin-bottom-18 {
  margin-bottom: 18px;
}

.rr-margin-bottom-20 {
  margin-bottom: 20px;
}

.rr-margin-bottom-24 {
  margin-bottom: 24px;
}

.rr-margin-bottom-26 {
  margin-bottom: 26px;
}

.rr-margin-bottom-28 {
  margin-bottom: 28px;
}

.rr-margin-bottom-32 {
  margin-bottom: 32px;
}

.rr-margin-bottom-48 {
  margin-bottom: 48px;
}

.rr-margin-bottom-64 {
  margin-bottom: 64px;
}

.rr-margin-left-100 {
  margin-left: 100px;
}

.rr-padding-0 {
  padding: 0;
}

.rr-padding-12 {
  padding: 12px;
}

.rr-padding-hor-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.rr-padding-hor-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.rr-padding-bottom-180 {
  padding-bottom: 180px;
}

.rr-align-center {
  text-align: center;
}

.rr-is-hidden {
  display: none;
}

.rr-link {
  text-decoration: underline;
  color: var(--rr-clr-link, #0000EE); /** recentchagne:202601: was -webkit-link which doesn't work with firefox */
}
.rr-link:hover {
  color: var(--rr-clr-link-hover, #551a8b); /** recentchagne:202601: was -webkit-link which doesn't work with firefox */
  cursor: pointer;
}

.rr-cp-links {
  font-size: 1.1em;
  line-height: 2.4;
}
.rr-cp-links a {
  font-size: 1.2em;
}

.rr-imagenav a {
  font-size: 1.2em;
}

.rr-imagenav .rr-secondary-links a {
  font-size: inherit;
}

.rr-float-right {
  float: right;
}

.rr-float-left {
  float: left;
}

.rr-clearboth {
  clear: both;
  display: block;
  float: none;
}

.rr-no-max-width {
  max-width: none;
}

.floatingdiv {
  margin: 0px auto;
  padding-top: 2.4em;
  padding-bottom: 0.4em;
  background: none;
  border: none;
}

.rr-font-1em {
  font-size: 1em;
}

.rr-font-17px {
  font-size: 17px;
}

.rr-font-1point2 {
  font-size: 1.2em;
}

.rr-font-16px {
  font-size: 16px;
}

.rr-error-message {
  border: none;
  font-weight: bold;
  padding: 1px 4px;
  /*pgb:recentchange:202601: removed display: inline;*/
  /*pgb:recentchange:202601: added*/
  display: block;
}
.rr-error-message.rr-feedback-message {
  float: left;
}

/* recentchange:202601:added */
.rr-feedback-message,
.rr-error-message,
.rr-info-message {
  font-style: italic;
}

/*
Menu structure:
rr-menu-level-0
 - rr-menu-level-1 (rr-menu-item-1 rr-menu-item-all)
  - rr-menu-level-2 (rr-menu-item-2 rr-menu-item-2 rr-menu-item-all)

renamed some classes:
cssrecentchange:202303-02
rr-topmenu-first => rr-menu-level-0
rr-contains-dropdown => rr-menu-level-1
rr-topmenu-second => rr-menu-level-2

delete iehover stuff?

https://sass-lang.com/documentation/style-rules

grep regex to find navigation stuff:
rrcaid-main-nav|rr-topmenu-first|rrid-toplevelmenudiv|rr-topmenu-second|rr-contains-dropdown|rr-hover|rid-mobile-menu-toggle|rrrh2id-pageheader|rr-menu-level-

*/
/*rr-layout 1*/
@media only screen and (min-width: 768px) {
  .rr-menu-level-0 {
    padding: 0px;
    display: block;
    /*cssrecentchange:202302-28 added div */
    /*cssrecentchange:2023-03-03 removed / * cssrecentchange:2023-02-28 added * / a {
            border: 1px solid;
            border-bottom: none;
        }*/
  }
  .rr-menu-level-0 ul {
    font-size: 0.88em;
  }
  .rr-menu-level-0 li {
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    float: left;
    border: none;
    position: relative;
  }
  .rr-menu-level-0 li:hover, .rr-menu-level-0 li.rr-hover {
    /*recentchange:202010: css.  didn't used to have the a qualifier */
  }
  .rr-menu-level-0 li:hover a, .rr-menu-level-0 li.rr-hover a {
    text-decoration: underline;
  }
  .rr-menu-level-0 li:hover ul, .rr-menu-level-0 li.rr-hover ul {
    display: block;
  }
  .rr-menu-level-0 li:hover li a, .rr-menu-level-0 li.rr-hover li a {
    text-decoration: none;
  }
  .rr-menu-level-0 li:hover li:hover a, .rr-menu-level-0 li:hover li.rr-hover a, .rr-menu-level-0 li.rr-hover li:hover a, .rr-menu-level-0 li.rr-hover li.rr-hover a {
    text-decoration: underline;
  }
  .rr-menu-level-0 li:hover li:hover li:hover a, .rr-menu-level-0 li:hover li:hover li.rr-hover a, .rr-menu-level-0 li:hover li.rr-hover li:hover a, .rr-menu-level-0 li:hover li.rr-hover li.rr-hover a, .rr-menu-level-0 li.rr-hover li:hover li:hover a, .rr-menu-level-0 li.rr-hover li:hover li.rr-hover a, .rr-menu-level-0 li.rr-hover li.rr-hover li:hover a, .rr-menu-level-0 li.rr-hover li.rr-hover li.rr-hover a {
    text-decoration: underline;
  }
  .rr-menu-level-0 li:hover li:hover li a, .rr-menu-level-0 li:hover li.rr-hover li a, .rr-menu-level-0 li.rr-hover li:hover li a, .rr-menu-level-0 li.rr-hover li.rr-hover li a {
    text-decoration: none;
  }
  .rr-menu-level-0 div,
  .rr-menu-level-0 a {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    /* 2016-03-07 font-size: 18px;*/
    border-bottom: none;
    margin: 0;
    padding: 6px 15px;
  }
  .rr-menu-level-2 {
    margin: 1em 0 0 0;
    border-top: none;
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    padding: 6px 0;
    z-index: 10;
    white-space: nowrap;
  }
  .rr-menu-level-2 a,
  .rr-menu-level-2 div,
  .rr-menu-level-2 span {
    font-size: 1em;
    padding: 6px 10px 6px 15px;
    margin-top: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rr-menu-level-2 form {
    margin: 0;
    padding: 4px 6px;
    width: 168px;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rr-menu-level-2 input {
    margin: 0;
    padding: 4px 6px;
    width: 154px;
  }
  .rr-menu-level-2 ul {
    display: block;
    position: static;
    border: none;
    margin: 0;
    padding: 0;
    text-indent: 1em;
  }
  .rr-menu-level-2 li {
    margin: 0px;
    display: block;
    clear: left;
    /*recentchange:202310 pgb:stopwrap added else blocks stack side by side*/
    border: none;
  }
  .rr-menu-level-2 li:hover, .rr-menu-level-2 li.rr-hover {
    border: none;
  }
}
.rr-no-list-style {
  list-style: none;
}

.rr-imagenav {
  margin-left: 0;
  padding: 0 0 6px 0;
  list-style: none;
  background-repeat: no-repeat;
}
.rr-imagenav img {
  /*recentchange:202405 margin-right: 12px;*/
  /*recentchange:202405 added */
  margin-right: 0.5em;
  /*recentchange:202405 added */
  margin-bottom: 0.5em;
  position: relative;
  top: 10px;
  /* recentchange:202405 width: 32px;*/
}
.rr-imagenav ul,
.rr-imagenav div,
.rr-imagenav p {
  /*recentchange:202405 margin-left: 46px;*/
  margin-left: 40px;
  margin-bottom: 0;
}

.rr-bordered-li-container {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid;
  margin: 0 0 32px 0;
  padding: 0;
}
.rr-bordered-li-container li,
.rr-bordered-li-container div {
  padding: 4px 6px !important;
  border-top: 1px solid;
  margin: 0 !important;
  list-style-position: inside !important;
  line-height: normal;
}
.rr-bordered-li-container li:first-child,
.rr-bordered-li-container li li,
.rr-bordered-li-container div:first-child,
.rr-bordered-li-container div li {
  border: none;
}

#rrid-billing li {
  margin-left: 0em;
  display: block;
}

#rrid-overview-list {
  padding-left: 0;
  margin-left: 0;
}

.codebox {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 1em;
  overflow: auto;
  font-size: 1.1rem;
  /* recentchange:2023-08 em to rem */
  line-height: 1.65rem;
  /* recentchange:2023-08 added 1.5x */
  font-size: 1rem;
  /* recentchange:2023-08 12.5px;*/
  line-height: 1.5rem;
}

pre {
  font-family: Monaco, AnonymousRegular, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", monospace, serif;
}
pre .codebox {
  padding: 10px;
  max-width: 920px;
}

code {
  font-family: Monaco, AnonymousRegular, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", monospace, serif;
}
code .codebox {
  padding: 4px 10px;
  line-height: 1.4;
}

.rr-amountcol {
  white-space: nowrap;
  text-align: right;
}

.rr-nowrapcol {
  white-space: nowrap;
}

.rr-topsticky {
  position: sticky;
  top: 0px;
}

.rr-leftsticky {
  position: sticky;
  left: 0px;
}

#rrid-pleasewait {
  opacity: 0.9;
  filter: alpha(opacity=90);
  height: 180px;
  top: 0%;
  overflow: auto;
  z-index: 5;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  visibility: visible;
  padding: 20px;
}

#rrid-pleasewait2 {
  margin-bottom: 20px;
  padding: 20px;
}

.rr-popup-selector {
  width: auto !important;
  padding: 10px 10px 10px 0;
  z-index: 2;
}
.rr-popup-selector li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.smdlist {
  margin-top: 60px;
}

dl.rr-dldtdd {
  padding: 1em;
  display: block;
}

.rr-dldtdd dt {
  padding: 0.1em;
  font-weight: 600;
  display: block;
}

.rr-dldtdd dd {
  padding: 0.1em;
  padding-left: 1em;
}

.rr-no-border,
form.rr-no-border,
fieldset.rr-no-border {
  border: none;
}

.rr-stack-button {
  display: inline-flex;
  align-items: center;
  gap: var(--rr-space-xs);
  padding: var(--rr-space-xs) var(--rr-space-sm);
  border: var(--rr-border-width) solid var(--rr-clr-neutral-200);
  border-radius: var(--rr-border-radius-lg);
  background: var(--rr-clr-surface-2);
  color: var(--rr-clr-neutral-900);
  text-decoration: none;
  font-weight: var(--rr-text-weight-semibold);
  font-size: var(--rr-text-size-sm);
  white-space: nowrap;
}
.rr-stack-button:hover {
  background: var(--rr-clr-neutral-200);
  border-color: var(--rr-clr-neutral-300);
}

.rr-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--clr-accent, #ccc);
  padding: 4px 8px;
  border-radius: 999px;
  margin-right: 6px;
  white-space: nowrap;
  font-size: smaller;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  /* left offset, top offset, blur size, color */
}

.rr-disabled {
  opacity: 0.5;
}

/* rr-vs vertical stack.  e.g. for modal buttons */
.rr-vs-container {
  vertical-align: top;
  /* keeps alignment clean */
  padding: --var(--rr-space-xs);
}
.rr-vs-container .rr-vs-group {
  display: flex;
  flex-direction: column;
  gap: var(--rr-space-xxs);
  /* spacing between buttons */
  align-items: stretch;
}
.rr-vs-container .rr-vs-group .rr-vs-item {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  padding: var(--rr-space-xs);
  /*white-space: nowrap;*/
}

/** .rr-kv for key value pair styling */
.rr-kv-pair-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--rr-space-xs);
  padding: var(--rr-space-sm);
  border: var(--rr-border-width) solid var(--rr-accent-200);
  border-radius: var(--rr-border-radius-lg);
  background: var(--rr-clr-bg);
  margin: 0 0 var(--rr-space-sm) 0;
}
.rr-kv-pair-container .rr-kv-pair {
  display: flex;
  gap: var(--rr-space-xs);
  align-items: baseline;
  padding-right: var(--rr-space-xs);
  border-right: var(--rr-border-width) solid var(--rr-clr-neutral-200);
}
.rr-kv-pair-container .rr-kv-pair:last-of-type {
  border-right: none;
  padding-right: 0;
}
.rr-kv-pair-container .rr-kv-pair .rr-kv-key {
  color: var(--rr-clr-neutral-500);
  white-space: nowrap;
}
.rr-kv-pair-container .rr-kv-pair .rr-kv-value {
  color: var(--rr-clr-neutral-900);
  font-weight: var(--rr-text-weight-semibold);
  white-space: nowrap;
}

table {
  border: 20px solid transparent;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-contains-app div {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#rrid-pagefooter {
  background-color: black;
}
#rrid-pagefooter p {
  color: white;
}

.rr-app-desc {
  color: #ccc;
}

.rr-error-message {
  color: #E50640;
}

/*rr-layout 1*/
@media only screen and (min-width: 768px) {
  .rr-menu-level-0 div,
  .rr-menu-level-0 a {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*recentchange:202310 border: 1px solid;*/
  }
  .rr-menu-level-2 {
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid;
  }
}
.codebox {
  background-color: #232323;
  -moz-box-shadow: 0px 2px 8px #232323;
  -webkit-box-shadow: 0px 2px 8px #232323;
  box-shadow: 0px 2px 8px #232323;
  color: #eee;
}

.rr-popup-selector {
  background-color: white;
  border: 1px solid #666666;
  color: #232323 !important;
}
.rr-popup-selector li:hover {
  background: #ECF1DC;
  color: #232323;
}

/** transactions.jsp page 
tr.rr-negative-amt , tr.rr-negative-amt td{
  background-color: $rrscss-light1;
}
*/

/*# sourceMappingURL=rr-layout-color.css.map */
/*****css(end)/css/main/rr-layout-color.css*****/




/************ rr-layout-color.css  ***********/


/************ rr-responsive.css  ***********/

/*****css/css/main/rr-responsive.css*****/@charset "UTF-8";
/*
    Using media queries, adjust layout for different width browsers.
    Older versions of IE will ignore these rules.
    Extends the grid960 system.
*/
/* #Simpler menus for touch devices, no hovers / dropdowns
================================================== */
/* #Styles for responsive tables
================================================== */
.rr-responsive-table {
  overflow-x: auto;
}

.rr-table-view-controls {
  font-size: 0.9em;
  color: #555;
}

.rr-column-toggle {
  cursor: pointer;
  text-decoration: line-through;
  border-radius: 3px;
  padding: 3px 6px;
  display: inline-block;
}
.rr-column-toggle.rr-column-showing {
  text-decoration: underline;
}

/* #Everything smaller than 960 (doesn't include ipad landscape)
================================================== */
/* recentchange:202011 .rr-show-under-960 { display: none;}*/
/*rr-responsive 1*/
@media only screen and (min-width: 960px) {
  .rr-hide-over-960 {
    display: none;
  }
}
/*rr-responsive 2*/
@media only screen and (max-width: 959px) {
  p {
    word-wrap: break-word;
  }
  /* layoutcss related amendments */
  .rr-menu-level-0 {
    margin: 0 !important;
    float: none !important;
  }
  .rr-menu-level-0 a {
    font-size: 0.88em;
  }
  .rr-menu-level-2 {
    top: 0.88em;
  }
  #rrid-toplevelmenudiv {
    clear: both;
    width: auto;
  }
  #rrid-pagefooter {
    margin-top: 0 !important;
  }
  table {
    border-width: 10px;
  }
  .container_12 .prefix_12,
  .container_12 .prefix_11,
  .container_12 .prefix_10,
  .container_12 .prefix_9,
  .container_12 .prefix_8,
  .container_12 .prefix_7,
  .container_12 .prefix_6,
  .container_12 .prefix_5,
  .container_12 .prefix_4,
  .container_12 .prefix_3,
  .container_12 .prefix_2,
  .container_12 .prefix_1,
  .container_12 .suffix_12,
  .container_12 .suffix_11,
  .container_12 .suffix_10,
  .container_12 .suffix_9,
  .container_12 .suffix_8,
  .container_12 .suffix_7,
  .container_12 .suffix_6,
  .container_12 .suffix_5,
  .container_12 .suffix_4,
  .container_12 .suffix_3,
  .container_12 .suffix_2,
  .container_12 .suffix_1 {
    padding-left: 0px;
  }
  .container_12 .push_12,
  .container_12 .push_11,
  .container_12 .push_10,
  .container_12 .push_9,
  .container_12 .push_8,
  .container_12 .push_7,
  .container_12 .push_6,
  .container_12 .push_5,
  .container_12 .push_4,
  .container_12 .push_3,
  .container_12 .push_2,
  .container_12 .push_1,
  .container_12 .pull_12,
  .container_12 .pull_11,
  .container_12 .pull_10,
  .container_12 .pull_9,
  .container_12 .pull_8,
  .container_12 .pull_7,
  .container_12 .pull_6,
  .container_12 .pull_5,
  .container_12 .pull_4,
  .container_12 .pull_3,
  .container_12 .pull_2,
  .container_12 .pull_1 {
    left: initial;
  }
  .rr-hide-under-960 {
    display: none !important;
  }
  .rr-show-under-960 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
/*rr-responsive 3*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* g960 */
  .container_12 {
    width: 768px;
  }
  .container_12 .grid_12,
  .container_12 .grid_11,
  .container_12 .grid_10,
  .container_12 .grid_9,
  .container_12 .grid_8 {
    width: 748px;
  }
  .container_12 .grid_7,
  .container_12 .grid_6,
  .container_12 .grid_5,
  .container_12 .grid_4,
  .container_12 .grid_3,
  .container_12 .grid_2,
  .container_12 .grid_1 {
    width: 364px;
  }
  img {
    max-width: 748px;
  }
  table {
    border-width: 10px;
  }
  /*recentchange:2023-06 #rrid-footer-services {
      width: 512px !important;
  }
  #rrid-footer-social {
      width: 245px !important;
  }
  .rr-archive-news-item ul {
      max-width: 492px;
  }*/
}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
/*rr-responsive 4*/
@media only screen and (max-width: 320px) {
  form, table {
    width: 300px;
    max-width: 300px;
  }
  form table {
    width: 300px;
    max-width: 300px;
  }
  img, select {
    max-width: 300px;
  }
  input, textarea {
    max-width: 280px;
  }
}
/*rr-responsive 5*/
@media only screen and (min-width: 321px) and (max-width: 479px) {
  form, table {
    /*2016-03-06 width: 355px;*/
    max-width: 355px;
  }
  form table {
    /*2016-03-06 width: 355px;*/
    max-width: 355px;
  }
  img, select {
    max-width: 355px;
  }
  input, textarea {
    max-width: 350px;
  }
}
/*rr-responsive 6*/
@media only screen and (max-width: 767px) {
  /* g960 */
  body {
    font-size: 12.5px;
  }
  h1 {
    font-size: 1.8em;
  }
  h2 {
    font-size: 1.6em;
  }
  h3 {
    font-size: 1.4em;
  }
  h4 {
    font-size: 1.2em;
  }
  form, table {
    /*2016-03-06 width: 300px;*/
    /*2016-03-06 max-width: 300px;*/
    padding: 10px;
    /*2016-03-06 margin: 0 -10px;*/
    border-radius: 0;
  }
  table {
    border-width: 10px;
  }
  form table {
    margin: 0;
    padding: 0;
    /*2016-03-06 width: 300px;*/
    /*2016-03-06 max-width: 300px;*/
  }
  img, select {
    /*2016-03-06 max-width: 300px;*/
  }
  input, textarea {
    /*2016-03-06 max-width: 280px;*/
  }
  /* layoutcss related amendments */
  /* 202302 input.rr-with-icon,*/
  #rrid-dwr-loginform #ifj_username,
  #rrid-dwr-loginform #ifj_password {
    max-width: 248px;
  }
  #pay-by-cc-form img,
  #pay-by-paypal-form img {
    max-width: 56px;
  }
  #ifcc_type img {
    max-width: 32px;
  }
  #rrid-footer-services {
    /* recentchange:2023-06 width: 318px !important;*/
  }
  #rrid-footer-services * {
    /* recentchange:2023-06 max-width: 300px !important; */
    word-wrap: break-word;
  }
  #rrid-footer-services p,
  #rrid-footer-services li,
  #rrid-footer-services span {
    font-size: 12px;
  }
  #rrid-footer-social {
    /* recentchange:2023-06 width: 300px !important;*/
    word-wrap: break-word;
  }
  .rr-archive-news-item ul {
    /* recentchange:2023-06 max-width: 280px; */
  }
  h2.rr-inside-banner {
    line-height: 1.3;
  }
  .rr-service-signup {
    font-size: 36px;
  }
  .rr-feature-name {
    max-width: 200px !important;
  }
  .rr-hide-under-768 {
    display: none !important;
  }
  .rr-show-under-768 {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
  }
  body #rrrh2id-pageheader,
  body #rrid-pageheader {
    background: initial;
  }
  body #rrid-pageheader,
  body #banner-bg {
    padding-bottom: 1em;
  }
  body #rrrh2id-pageheader,
  body #rrid-pageheader,
  body #banner-bg {
    margin: 0;
  }
  body #rrrh2id-pageheader a,
  body #rrid-pageheader a,
  body #banner-bg a {
    padding: 0.25em 0.5em;
  }
  body #rrrh2id-pageheader ul,
  body #rrid-pageheader ul,
  body #banner-bg ul {
    margin: 0;
  }
  body #rrrh2id-pageheader li,
  body #rrid-pageheader li,
  body #banner-bg li {
    list-style-type: none;
  }
  body #rrrh2id-pageheader hr,
  body #rrid-pageheader hr,
  body #banner-bg hr {
    display: none;
  }
  body #rrrh2id-pageheader #rrid-toplevelmenudiv,
  body #rrid-pageheader #rrid-toplevelmenudiv,
  body #banner-bg #rrid-toplevelmenudiv {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    opacity: 0;
    width: 32px;
    max-height: 24px;
    right: 0;
    overflow: hidden;
    margin-right: 0;
    position: fixed;
    z-index: 10;
    padding: 0;
    top: 0;
    background-color: #181818;
    font-size: 1.1em;
    border-radius: 0 0 0 2px;
  }
  body #rrrh2id-pageheader #rrid-toplevelmenudiv.expanded,
  body #rrid-pageheader #rrid-toplevelmenudiv.expanded,
  body #banner-bg #rrid-toplevelmenudiv.expanded {
    display: block;
    width: 240px;
    max-height: 510px;
    padding: 32px 10px 10px 10px;
    opacity: 1;
  }
  body #rrrh2id-pageheader .rr-menu-level-2,
  body #rrid-pageheader .rr-menu-level-2,
  body #banner-bg .rr-menu-level-2 {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    overflow: hidden;
    max-height: 0;
    margin: 0;
  }
  body #rrrh2id-pageheader .rr-menu-level-2 li,
  body #rrid-pageheader .rr-menu-level-2 li,
  body #banner-bg .rr-menu-level-2 li {
    margin: 0;
    border-bottom: 1px solid #333;
  }
  body #rrrh2id-pageheader .rr-menu-level-2 li:first-child,
  body #rrid-pageheader .rr-menu-level-2 li:first-child,
  body #banner-bg .rr-menu-level-2 li:first-child {
    border-top: 1px solid #333;
  }
  body #rrrh2id-pageheader .rr-menu-level-2 li a,
  body #rrid-pageheader .rr-menu-level-2 li a,
  body #banner-bg .rr-menu-level-2 li a {
    display: block;
    background-color: #e8e8e8;
    color: #181818;
    margin: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  body #rrrh2id-pageheader .rr-menu-level-1 > a,
  body #rrid-pageheader .rr-menu-level-1 > a,
  body #banner-bg .rr-menu-level-1 > a {
    position: relative;
    color: white;
    display: block;
  }
  body #rrrh2id-pageheader .rr-menu-level-1 > a::before,
  body #rrid-pageheader .rr-menu-level-1 > a::before,
  body #banner-bg .rr-menu-level-1 > a::before {
    position: absolute;
    font-size: 0.75em;
    right: 1em;
    content: "▼";
  }
  body #rrrh2id-pageheader .rr-menu-level-1.expanded > a,
  body #rrid-pageheader .rr-menu-level-1.expanded > a,
  body #banner-bg .rr-menu-level-1.expanded > a {
    padding: 0.25em 0.5em;
    background-color: #e8e8e8;
    color: #181818;
  }
  body #rrrh2id-pageheader .rr-menu-level-1.expanded > a::before,
  body #rrid-pageheader .rr-menu-level-1.expanded > a::before,
  body #banner-bg .rr-menu-level-1.expanded > a::before {
    content: "";
  }
  body #rrrh2id-pageheader .rr-menu-level-1.expanded .rr-menu-level-2,
  body #rrid-pageheader .rr-menu-level-1.expanded .rr-menu-level-2,
  body #banner-bg .rr-menu-level-1.expanded .rr-menu-level-2 {
    max-height: 354px;
  }
  #rrid-mobile-menu-toggle {
    background-image: url("../images/icons/rr-simple/rr_simple_menu_hamburger.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: #181818;
    width: 40px;
    height: 32px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 11;
    border-radius: 0 0 0 2px;
  }
}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
/*rr-responsive 7*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
  html, body, form, fieldset, p, li, span, input, div, h1, h2, h3, h4 {
    -webkit-text-size-adjust: none;
  }
  body {
    font-size: 13px;
  }
  form table {
    width: 440px;
    max-width: 440px;
  }
  img, input, textarea {
    max-width: 460px;
  }
  /* layoutcss related amendments */
  /*202302 not used table input.rr-with-icon,*/
  #rrid-dwr-loginform #ifj_username,
  #rrid-dwr-loginform #ifj_password {
    max-width: 260px;
  }
  #ifcc_type img {
    max-width: 51px;
  }
  /* recentchange:2023-06 #rrid-footer-services {
      width: 478px !important;
  }*/
  #rrid-footer-services * {
    /* recentchange:2023-06 max-width: $midsize !important;*/
    word-wrap: break-word;
  }
  #rrid-footer-services p,
  #rrid-footer-services li {
    font-size: 12px;
  }
  #rrid-footer-social {
    /* recentchange:2023-06 width: $midsize !important; */
    word-wrap: break-word;
  }
  /* recentchange:2023-06 .rr-archive-news-item ul {
      max-width: $midsize;
  }
  .rr-feature-name {
      max-width: 300px !important;
  }*/
}
/*rr-responsive 8*/
@media only screen and (min-width: 769px) and (max-width: 959px) {
  .container_12 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .container_12 .grid_1,
  .container_12 .grid_2,
  .container_12 .grid_3,
  .container_12 .grid_4,
  .container_12 .grid_5,
  .container_12 .grid_6,
  .container_12 .grid_7,
  .container_12 .grid_8,
  .container_12 .grid_9,
  .container_12 .grid_10,
  .container_12 .grid_11,
  .container_12 .grid_12 {
    margin-left: 1%;
    margin-right: 1%;
  }
  .container_12 .grid_1 {
    width: 6.333%;
  }
  .container_12 .grid_2 {
    width: 14.667%;
  }
  .container_12 .grid_3 {
    width: 23%;
  }
  .container_12 .grid_4 {
    width: 31.333%;
  }
  .container_12 .grid_5 {
    width: 39.667%;
  }
  .container_12 .grid_6 {
    width: 48%;
  }
  .container_12 .grid_7 {
    width: 56.333%;
  }
  .container_12 .grid_8 {
    width: 64.667%;
  }
  .container_12 .grid_9 {
    width: 73%;
  }
  .container_12 .grid_10 {
    width: 81.333%;
  }
  .container_12 .grid_11 {
    width: 89.667%;
  }
  .container_12 .grid_12 {
    width: 98%;
  }
}
/*rr-responsive 9*/
@media only screen and (max-width: 768px) {
  .container_12 {
    /*2016-03-07 width: 320px;*/
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  .container_12 .grid_12,
  .container_12 .grid_11,
  .container_12 .grid_10,
  .container_12 .grid_9,
  .container_12 .grid_8,
  .container_12 .grid_7,
  .container_12 .grid_6,
  .container_12 .grid_5,
  .container_12 .grid_4,
  .container_12 .grid_3,
  .container_12 .grid_2,
  .container_12 .grid_1 {
    /*2016-03-07 width: 300px;*/
    width: 98%;
  }
}
/*rr-responsive 10*/
@media only print {
  #rrid-toplevelmenudiv, .rr-hide-under-960, .rr-hide-under-768, #rrid-pagefooter, #rrid-home-page-footer {
    display: none !important;
  }
}

/*# sourceMappingURL=rr-responsive.css.map */
/*****css(end)/css/main/rr-responsive.css*****/




/************ rr-responsive.css  ***********/


/************ rrha.css  ***********/

/*****css/css/rrha.css*****//*! Do not edit the css! .  Instead edit the scss file.  */
@font-face {
  font-family: "DroidSans";
  src: url(../type-face/Droid-Sans-fontfacekit/DroidSans-webfont.eot?) format("eot"), url(../type-face/Droid-Sans-fontfacekit/DroidSans-webfont.woff) format("woff"), url(../type-face/Droid-Sans-fontfacekit/DroidSans-webfont.ttf) format("truetype"), url(../type-face/Droid-Sans-fontfacekit/DroidSans-webfont.svg#DroidSans) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DroidSansBold";
  src: url(../type-face/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.eot?) format("eot"), url(../type-face/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.woff) format("woff"), url(../type-face/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.ttf) format("truetype"), url(../type-face/Droid-Sans-fontfacekit/DroidSans-Bold-webfont.svg#DroidSansBold) format("svg");
  font-weight: normal;
  font-style: normal;
}
:root {
  /*use interpolation.  Sass variables exist at compile time.  CSS custom properties exist at runtime.  */
  --clr-accent: #007fff;
}

body {
  font-size: 16px;
  background-color: #f8f8f8;
  color: #282828;
  line-height: 1.6;
  font-family: DroidSans, sans-serif;
}
@media only screen and (max-width: 959px) {
  body {
    font-size: 15px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 14px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 479px) {
  body {
    font-size: 13px;
  }
}

*::selection {
  background: #F82828;
  color: white;
}

*::-moz-selection {
  background: #F82828;
  color: white;
}

a {
  color: #007fff;
}
a:hover {
  color: #224bff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #444;
  font-weight: bold;
  letter-spacing: -0.02em;
  font-family: DroidSansBold, sans-serif;
  text-shadow: -1px -2px 5px #FFFFFF, 1px 2px 5px rgba(0, 0, 0, 0.33);
}

h1 {
  font-size: 2.17em;
  color: #F82828;
}

h2 {
  font-size: 2.3em;
  padding: 0 0 8px 0;
  line-height: 1.1;
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 2em;
    line-height: 1.3;
    padding: 0;
  }
}
h2 a {
  color: #444;
}
h2 a:hover {
  color: #444;
  text-decoration: none;
}

h3 {
  font-size: 1.64em;
}

h4 {
  font-size: 1.3em;
}

#rrid-rimu-poster {
  background: url("../images/home/homeapp-poster.png") repeat-x bottom center;
  background: url("../images/home/homeapp-poster.png") no-repeat 50% 100%, url("../images/home/homeapp-poster-bg.png") repeat-x 50% 100%;
  padding-top: 67px;
  height: 543px;
  min-width: 960px;
  background-color: #f2f2f2;
}
@media only screen and (max-width: 767px) {
  #rrid-rimu-poster {
    background-size: 100%;
    min-width: 100%;
    height: 350px;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-rimu-poster {
    background: url("../images/home/homeapp-poster.png") repeat-x 32% center;
    background: url("../images/home/homeapp-poster.png") no-repeat 32% 100%, url("../images/home/homeapp-poster-bg.png") repeat-x 50% 100%;
    background-color: #f2f2f2;
  }
}
@media only screen and (max-width: 479px) {
  #rrid-rimu-poster {
    height: 275px;
  }
}
#rrid-rimu-poster h1 {
  letter-spacing: 0;
  line-height: 1.2;
  font-family: DroidSansBold, sans-serif;
  margin-left: -10px;
}
@media only screen and (min-width: 768px) {
  #rrid-rimu-poster h1 {
    text-shadow: 0 0 1px #4d4d4d, 0 0 2px #4d4d4d, 0 0 8px #4d4d4d;
  }
}
#rrid-rimu-poster h1 a {
  color: #4d4d4d;
  font-size: 152px;
}
#rrid-rimu-poster h1 a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 479px) {
  #rrid-rimu-poster h1 a {
    font-size: 80px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #rrid-rimu-poster h1 a {
    font-size: 96px;
  }
}

#rrid-sshere {
  display: block;
  font-weight: normal;
  margin-left: 10px;
  color: #fa0;
  font-family: DroidSansBold, sans-serif;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  #rrid-sshere {
    color: #292724;
  }
}
@media only screen and (min-width: 768px) {
  #rrid-sshere {
    text-shadow: none;
    font-size: 54px;
    margin-top: 108px;
  }
}

#rrid-pagetop {
  margin-bottom: -24px;
  padding: 8px 0;
  background-color: white;
  position: fixed;
  /*overflow: hidden;  recentchange:202406 so it has a css height since it has float children and this establishes a block formatting context https://stackoverflow.com/questions/5369954/why-is-the-parent-div-height-zero-when-it-has-floated-children */
  left: 0;
  width: 100%;
  z-index: 1001;
  -moz-box-shadow: -1px 2px 60px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: -1px 2px 60px rgba(0, 0, 0, 0.1);
  box-shadow: -1px 2px 60px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  #rrid-pagetop {
    display: none;
  }
}

#rrhaid-touch-show-menu {
  margin: -12px;
  padding: 12px;
  width: 118px;
  text-align: right;
}

#rrid-pageheader {
  position: relative;
}
#rrid-pageheader h1 {
  font-size: 1.6em;
  color: #444;
  font-weight: bold;
  line-height: 1.3;
  margin: 0;
}
#rrid-pageheader h1 a {
  color: #007fff;
}

#rrid-pagefooter {
  margin-top: 4em !important;
}
#rrid-pagefooter a,
#rrid-pagefooter a:hover {
  color: #fa0;
}

#rrrimuid-home .grid_4 ul {
  margin-left: 4px;
}
#rrrimuid-home .grid_4 li {
  margin-bottom: 6px;
}
#rrrimuid-home .grid_4 li a {
  display: inline;
  text-align: left;
  font-size: 1.24em;
  font-weight: bold;
}
#rrrimuid-home .grid_4 a img {
  margin: 9px 0 -4px 0;
}

#rrrimuid-mega-menu {
  position: absolute;
  top: 2px;
  right: 10px;
  color: #007fff;
  display: block;
  text-align: right;
  background-color: #fcfcfc;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#rrrimuid-mega-menu:hover #rrrimuid-mega-menu-trigger {
  background-color: #4d4d4d;
  color: white;
}
#rrrimuid-mega-menu:hover #rrrimuid-mega-menu-contents {
  display: block;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-trigger {
  background-color: white;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-trigger:hover {
  background-color: #4d4d4d;
  color: white;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents {
  text-align: left;
  -moz-background-inline-policy: continuous;
  background-color: #fdfdfd;
  -webkit-border-radius: 12px 0 12px 12px;
  border-radius: 12px 0 12px 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 2px 6px rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 0;
  top: 36px;
  z-index: 2;
  font-size: 12.5px;
  display: none;
  cursor: default;
  border: 0 solid #4d4d4d;
  background: #4d4d4d;
  width: 590px;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app {
  /*recentchange:202504 width: 294px;*/
  /*recentchange:202504 margin: 0 0 40px 0;*/
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div {
  /*recentchange:202504 width: 280px;*/
  background: #4d4d4d;
  /*recentchange:202504 margin: 0;*/
  /*recentchange:202504 padding: 8px;*/
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div:hover {
  background: #181818;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div:hover .rr-rimu-icon-white-24,
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div:hover .rr-rimu-icon-white-24:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div img {
  /*recentchange:202504 float: right;*/
  /*recentchange:202504 margin-top: 4px;*/
  opacity: 0.2;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app > div .rr-rimu-icon-white-24 {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-contains-app .rr-app-desc {
  color: #fff;
  /*recentchange:202504 left: 0;*/
  /*recentchange:202504 margin: 27px 0 0 10px;*/
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-app-title {
  color: #fa0;
  /*recentchange:202504 left: 0;*/
  /*recentchange:202504 margin: 0 0 8px;*/
  /*recentchange:202504 padding-left: 10px;*/
  /*recentchange:202504 padding-top: 1px;*/
  /*recentchange:202504 width: 270px;*/
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-rimu-icon-white-24 {
  background-image: url("../images/home/home-icons-24-white.png");
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  position: relative;
  top: 47px;
  margin-left: 10px;
  cursor: pointer;
  opacity: 0.1;
}
#rrrimuid-mega-menu #rrrimuid-mega-menu-contents .rr-mm-linkcol a {
  float: left;
  font-size: 1.1em;
  color: white;
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
  zoom: 1;
  height: 52px;
  text-align: right;
  width: 69px;
}

#rrrimuid-app-menu {
  margin: 0;
}
#rrrimuid-app-menu li {
  float: left;
  list-style-type: none;
}
#rrrimuid-app-menu li a.rr-font-bold {
  font-size: 1em;
  line-height: 20px;
}

@media only screen and (min-width: 768px) {
  #rrrimuid-app-menu li a,
  #rrrimuid-mega-menu-trigger {
    text-align: center;
    display: block;
    padding: 9px 0.3rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 0.8em;
    -webkit-transition: all 0.33s ease-out;
    -moz-transition: all 0.33s ease-out;
    -o-transition: all 0.33s ease-out;
    transition: all 0.33s ease-out;
  }
}
@media only screen and (max-width: 959px) {
  #rrrimuid-app-menu li a,
  #rrrimuid-mega-menu-trigger {
    padding: 0.3rem;
  }
}

.rr-current-view {
  color: white;
  background-color: #fa0;
}
.rr-current-view:hover {
  color: white;
}

#ridotmu p {
  font-family: DroidSansBold, sans-serif;
  font-size: 1.6em;
  max-width: 720px;
  margin-bottom: -48px;
  font-weight: bold;
  margin-top: 32px;
}
@media only screen and (max-width: 767px) {
  #ridotmu p {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  #ridotmu p {
    text-shadow: -1px -2px 5px #FFFFFF, 1px 2px 5px rgba(0, 0, 0, 0.4);
    color: #007fff;
  }
}

.rr-app-section li {
  word-spacing: 0.12em;
}

.rr-rimu-icon-48 {
  background-image: url("../images/home/home-icons-48-blue.png");
  width: 48px;
  height: 48px;
}
@media only screen and (max-width: 767px) {
  .rr-rimu-icon-48 {
    background-size: 264px;
    width: 24px;
    height: 24px;
  }
}

.rr-rimu-icon-24 {
  background-image: url("../images/home/home-icons-24-blue.png");
  height: 24px;
  width: 24px;
  display: block;
}

.rr-sprx-0 {
  background-position: 0px top;
}

a:hover > .rr-sprx-0 {
  background-position: 0px bottom;
}

.rr-sprx-24 {
  background-position: 24px top;
}

a:hover > .rr-sprx-24 {
  background-position: 24px bottom;
}

.rr-sprx-48 {
  background-position: 48px top;
}

a:hover > .rr-sprx-48 {
  background-position: 48px bottom;
}

.rr-sprx-72 {
  background-position: 72px top;
}

a:hover > .rr-sprx-72 {
  background-position: 72px bottom;
}

.rr-sprx-96 {
  background-position: 96px top;
}

a:hover > .rr-sprx-96 {
  background-position: 96px bottom;
}

.rr-sprx-120 {
  background-position: 120px top;
}

a:hover > .rr-sprx-120 {
  background-position: 120px bottom;
}

.rr-sprx-144 {
  background-position: 144px top;
}

a:hover > .rr-sprx-144 {
  background-position: 144px bottom;
}

.rr-sprx-168 {
  background-position: 168px top;
}

a:hover > .rr-sprx-168 {
  background-position: 168px bottom;
}

.rr-sprx-192 {
  background-position: 192px top;
}

a:hover > .rr-sprx-192 {
  background-position: 192px bottom;
}

.rr-sprx-216 {
  background-position: 216px top;
}

a:hover > .rr-sprx-216 {
  background-position: 216px bottom;
}

.rr-sprx-240 {
  background-position: 240px top;
}

a:hover > .rr-sprx-240 {
  background-position: 240px bottom;
}

.rr-sprx-0 {
  background-position: 0px top;
}
.rr-sprx-0:hover {
  background-position: 0px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-0 {
    background-position: 0 px top;
  }
  .rr-sprx-0:hover {
    background-position: 0 px bottom;
  }
}

.rr-sprx-48 {
  background-position: 48px top;
}
.rr-sprx-48:hover {
  background-position: 48px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-48 {
    background-position: 24 px top;
  }
  .rr-sprx-48:hover {
    background-position: 24 px bottom;
  }
}

.rr-sprx-96 {
  background-position: 96px top;
}
.rr-sprx-96:hover {
  background-position: 96px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-96 {
    background-position: 48 px top;
  }
  .rr-sprx-96:hover {
    background-position: 48 px bottom;
  }
}

.rr-sprx-144 {
  background-position: 144px top;
}
.rr-sprx-144:hover {
  background-position: 144px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-144 {
    background-position: 72 px top;
  }
  .rr-sprx-144:hover {
    background-position: 72 px bottom;
  }
}

.rr-sprx-192 {
  background-position: 192px top;
}
.rr-sprx-192:hover {
  background-position: 192px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-192 {
    background-position: 96 px top;
  }
  .rr-sprx-192:hover {
    background-position: 96 px bottom;
  }
}

.rr-sprx-240 {
  background-position: 240px top;
}
.rr-sprx-240:hover {
  background-position: 240px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-240 {
    background-position: 120 px top;
  }
  .rr-sprx-240:hover {
    background-position: 120 px bottom;
  }
}

.rr-sprx-288 {
  background-position: 288px top;
}
.rr-sprx-288:hover {
  background-position: 288px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-288 {
    background-position: 144 px top;
  }
  .rr-sprx-288:hover {
    background-position: 144 px bottom;
  }
}

.rr-sprx-336 {
  background-position: 336px top;
}
.rr-sprx-336:hover {
  background-position: 336px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-336 {
    background-position: 168 px top;
  }
  .rr-sprx-336:hover {
    background-position: 168 px bottom;
  }
}

.rr-sprx-384 {
  background-position: 384px top;
}
.rr-sprx-384:hover {
  background-position: 384px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-384 {
    background-position: 192 px top;
  }
  .rr-sprx-384:hover {
    background-position: 192 px bottom;
  }
}

.rr-sprx-432 {
  background-position: 432px top;
}
.rr-sprx-432:hover {
  background-position: 432px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-432 {
    background-position: 216 px top;
  }
  .rr-sprx-432:hover {
    background-position: 216 px bottom;
  }
}

.rr-sprx-480 {
  background-position: 480px top;
}
.rr-sprx-480:hover {
  background-position: 480px bottom;
}
@media only screen and (max-width: 767px) {
  .rr-sprx-480 {
    background-position: 240 px top;
  }
  .rr-sprx-480:hover {
    background-position: 240 px bottom;
  }
}

.rr-section-links {
  display: block;
  width: 100%;
  margin-bottom: 24px;
  float: left;
}
.rr-section-links a {
  float: left;
  font-size: 13px;
  text-align: center;
  display: block;
  margin: 0 12px -4px 12px;
}

.rr-more-space img {
  margin-left: 28px;
  margin-right: 28px;
}

.rr-home-illustration {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .rr-home-illustration {
    max-width: 150px;
    margin: 0;
  }
  .rr-home-illustration[alt=InboxHarmony] {
    margin-bottom: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-home-illustration {
    margin-top: 20px;
  }
}

.rr-logo-in-box {
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0.8px 3px 6px #aaa;
  -webkit-box-shadow: 0.8px 3px 6px #aaa;
  box-shadow: 0.8px 3px 6px #aaa;
  opacity: 0.75;
  filter: alpha(opacity=75);
  padding: 8px;
  background-color: white;
  /* recentchange:202504 position: absolute;*/
  /* recentchange:202504 left: 0;*/
  /* recentchange:202504 top: 123px;*/
}
@media only screen and (max-width: 959px) {
  .rr-logo-in-box {
    display: none;
  }
}

.rr-beside-logo {
  /* recentchange:202504 margin: 0 0 10px 91px;*/
  margin-left: 2rem; /* recentchange:202504 */
  margin-top: 0rem; /* recentchange:202504 */
}
@media only screen and (max-width: 959px) {
  .rr-beside-logo {
    margin: 0 0 10px 0;
  }
}

.rr-beside-logo-brief {
  /* recentchange:202504 margin: 22px 0 24px 91px; */
  /* recentchange:202504 min-height: 68px;*/
  margin-left: 2rem; /* recentchange:202504 */
  margin-top: 0rem; /* recentchange:202504 */
}
@media only screen and (max-width: 959px) {
  .rr-beside-logo-brief {
    margin: 0 0 10px 0;
  }
}

.rr-circular {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-breathing-space,
.rr-404-content {
  padding-top: 124px;
  margin-top: -24px;
}
@media only screen and (max-width: 767px) {
  .rr-breathing-space,
  .rr-404-content {
    padding-top: 0;
    margin-top: 0;
  }
  .rr-breathing-space.rr-app-section,
  .rr-404-content.rr-app-section {
    padding-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-breathing-space.grid_4,
  .rr-404-content.grid_4 {
    padding-top: 0;
  }
}

.rr-font-bold {
  font-weight: bold;
  font-size: 1em;
}

#rrrimuid-news-page .rr-archive-news-item {
  border-bottom: none;
  border-top: 2px dashed #aaa;
  margin-top: 4px;
  padding-top: 8px;
  position: relative;
}
@media only screen and (min-width: 960px) {
  #rrrimuid-news-page .rr-archive-news-item,
  #rrrimuid-news-page .rr-archive-news-item p,
  #rrrimuid-news-page .rr-archive-news-item ul {
    width: 758px;
    max-width: 758px;
  }
}
#rrrimuid-news-page .rr-archive-news-item h4 {
  text-shadow: none;
  font-size: 25px;
  line-height: 1.4;
}
#rrrimuid-news-page .rr-archive-news-item br {
  height: 1.5em;
}
#rrrimuid-news-page .rr-home-footer-icon {
  box-shadow: 1px 2px 5px #999;
  margin-bottom: 5px;
}
#rrrimuid-news-page .rr-archive-news-item li,
#rrrimuid-news-page .rr-archive-news-item p,
#rrrimuid-news-page #rrid-home-page-footer .rr-small-date {
  color: #282828;
  font-size: 16px;
  line-height: 1.5;
}
#rrrimuid-news-page .rr-news-photo-credit {
  color: #282828;
}
#rrrimuid-news-page .rr-p-like {
  font-size: 1em;
}
#rrrimuid-news-page em {
  font-style: italic;
  /* recentchange:202510 padding: font-weight: bold; */
  font-weight: 500;
  font-size: 1em;
  color: #282828;
}
#rrrimuid-news-page p,
#rrrimuid-news-page li,
#rrrimuid-news-page span,
#rrrimuid-news-page a {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

div#rrid-home-page-footer h2 {
  text-shadow: #888 0 0 3px;
}

#rrrimuid-contact-page {
  margin: 0;
}
#rrrimuid-contact-page dt {
  font-weight: bold;
  margin-top: 1em;
}
#rrrimuid-contact-page dd dt,
#rrrimuid-contact-page dd dd {
  margin: 0;
  float: left;
  display: block;
}
#rrrimuid-contact-page dd dt {
  clear: both;
}

/*# sourceMappingURL=rrha.css.map */
/*****css(end)/css/rrha.css*****/




/************ rrha.css  ***********/