/************ 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-form-color.css  ***********/

/*****css/css/main/rr-form-color.css*****//*! Do not edit the css! .  Instead edit the scss file.  */
/*! A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: "MuseoSans";
  src: url(../type-face/Museo-Sans/museosans_500-webfont.eot?) format("eot"), url(../type-face/Museo-Sans/museosans_500-webfont.woff) format("woff"), url(../type-face/Museo-Sans/museosans_500-webfont.ttf) format("truetype"), url(../type-face/Museo-Sans/museosans_500-webfont.svg#MuseoSans) format("svg");
  font-weight: normal;
  font-style: normal;
}
form {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  padding: 24px 24px 8px 24px;
  margin-bottom: 12px;
  /*2016-03-07 float: left;*/
  /* recentchange:202210 display: block; */
  display: inline-block;
  /* pgb 2011-07-29 woff fonts broken in safari selects at the mo?  http://redrata.com/2011/07/safari-woff-select-field-crash/ */
}
form label,
form input,
form dt,
form dd,
form textarea,
form a,
form th,
form td,
form div,
form span {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
}
form th,
form label,
form li,
form div,
form h1,
form h2,
form h3,
form h4,
form p {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  margin-bottom: 6px;
  /* recentchange:2023-07 display: block;*/
}
form h1 {
  font-size: 18px;
  line-height: 1.5;
}
form h2 {
  font-size: 17px;
  line-height: 1.5;
}
form h3 {
  font-size: 16px;
}
form h4 {
  font-size: 15px;
}
form dl {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  margin-bottom: 6px;
  display: block;
}
form select,
form option {
  margin: 0;
  border: none;
  font-family: Arial, Helvetica, Sans, sans-serif !important;
}
form table {
  background: none;
  border: none;
}
form fieldset {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  padding: 8px 13px;
  margin-bottom: 12px;
}
form legend {
  margin: 0;
  border: none;
  font-family: "MuseoSans", Arial, Helvetica, Sans, sans-serif !important;
  padding: 0;
  font-size: 16px;
}
form p,
form td,
form div, form > ul li {
  clear: both;
  font-size: 14px;
  line-height: 1.3;
}
form dt {
  margin-bottom: 1px;
  font-size: 13px;
  clear: both;
  line-height: 1.1;
}
form li {
  /** recentchange:202212 list-style-type: none;*/
  line-height: 1;
}
form table {
  border-color: transparent;
}
form th,
form td {
  font-weight: normal;
  padding: 0 6px 7px 0;
  font-size: 14px;
  vertical-align: top;
}
form label,
form th,
form .rr-input-whole {
  font-size: 13px;
  line-height: 1.1;
}
form input,
form select,
form textarea,
form button {
  padding: 4px 6px;
  font-size: 14px;
}
form a {
  font-size: 14px;
}

input.submit:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

button:not(:disabled):hover,
input[type=submit]:not(:disabled):hover {
  /* Hover affordance */
  transform: translateY(-1px);
  /* Slight lift */
}

button:active,
input[type=submit]:active {
  /* Press affordance */
  transform: translateY(0);
  /* Return to baseline */
}

div.rr-input-whole {
  margin-bottom: 6px;
  display: block;
}

.rr-form-hint {
  margin: 0 0 8px 16px;
  word-wrap: break-word;
  max-width: 870px;
}
.rr-form-hint,
.rr-form-hint a {
  font-family: sans-serif !important;
  font-size: 11.5px;
  font-style: italic;
}

.rr-radio-controls {
  margin: 6px 0;
  font-size: 13px;
}
.rr-radio-controls br {
  margin: 8px 0;
}

.rr-checkbox-controls label,
.rr-checkbox-controls input,
.rr-radio-controls label,
.rr-radio-controls input {
  background: none;
  border: none;
}

select {
  padding: 3px 6px;
}

textarea {
  line-height: 15px;
}

button[type=radio],
input[type=radio] {
  margin: 0 2px 3px 0;
  vertical-align: middle;
}
button[type=submit], button[type=button], button.submit,
input[type=submit],
input[type=button],
input.submit {
  display: block;
  margin-bottom: 16px;
  margin-right: 7px;
  float: none !important;
}
button[type=submit]:hover, button[type=button]:hover, button.submit:hover,
input[type=submit]:hover,
input[type=button]:hover,
input.submit:hover {
  cursor: pointer;
  text-decoration: underline;
}

button.rr-ajax-submit-op {
  display: block;
  margin-bottom: 16px;
  margin-right: 7px;
  float: none !important;
}
button.rr-ajax-submit-op:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* recentchange:2023-08 to rr-form.scss 
@mixin mixin-feature-button {
    background-position: 6px 50%;
    background-repeat: no-repeat;
    font-size: 20px;
    padding: 8px 10px 7px 44px;
    @include border-radius(7px);
    margin-bottom: 6px;
    width: 300px;
}

input.rr-with-icon,
#rrid-dwr-loginform #ifj_password,
/*202302 +* / #rrid-dwr-loginform #ifj_username,
.rr-feature-name,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount,
#loginifj_username,
#loginifj_password {   
    @include mixin-feature-button;
}

#loginform #ifj_username {
    @include mixin-feature-button;
    // recentchange:2023-08 to rr-form.scss background-image: url('../images/icons/faenza/32/emblem-personal.png');
}

#ifprepay_amount {
    @include mixin-feature-button;
    background-image: url('../images/icons/gray/32/dollar.png');
    width: 150px;
}
*/
/* cssrecentchange:202302-28 /util/loginorregister.jsp
label.rr-with-icon,
th.rr-with-icon,
form#rrid-dwr-loginform th,
#rrid-input-whole-loginifj_username dt label,
#rrid-input-whole-loginifj_password dt label {
    font-size: 15px;
}
*/
#rrid-ajax-form-login button {
  font-size: 18px;
}

/* recentchange:2023-08 to rr-form-color.scss 
input.rr-input-user-icon,
#loginifj_username {
    background-image: url('../images/icons/faenza/32/emblem-personal.png');
}

input.rr-input-password-icon,
#rrid-dwr-loginform #ifj_password,
#loginifj_password {
    background-image: url('../images/icons/faenza/32/emblem-readonly.png');
}

.rr-feature-name {
    background-image: url('../images/icons/gray/32/tag.png');
    width: 400px;
}

.rr-large-amount-input,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount {
    background-image: url('../images/icons/gray/32/dollar.png');
    width: 150px;
}
*/
div.id-delete-button {
  float: right;
}

#rrid-payment-links-list form {
  background: none;
  margin: 0;
  padding: 0;
}

td > div.rr-input-whole + div.rr-input-whole {
  float: left;
  margin-left: 7px;
  float: left;
}
td > div + input.submit, td > div + input[type=submit] {
  margin-top: 7px;
}
td > div.rr-input-edit-div {
  float: left;
}

#rrid-input-whole-ifcc_expires_mm {
  float: left;
  margin-right: 7px;
}

td.rr-contact-address-block div.rr-input-whole {
  margin-bottom: 6px;
  display: block;
  float: left;
  clear: both;
}

#rrid-address-block input {
  display: block;
}

#acpopup,
#gmtpopup {
  position: static !important;
  width: 420px !important;
  border: none;
}
#acpopup a,
#gmtpopup a {
  line-height: 1.3;
}

#rrid-input-whole-ifj_password {
  float: none;
}

#pay-by-cc-form form input.submit,
#pay-by-paypal-form form input.submit {
  display: block;
  float: none !important;
  margin-bottom: 6px;
}

select[name=im_transport],
select[name=im_transport] + div.rr-input-whole {
  float: left;
}

#rrid-ajax-form-payment_link label[for=payment_linkifamount] {
  display: block;
  min-height: 24px;
}

#rrid-ajax-form-payment_link label.rr-input-label {
  min-height: 0;
}

form td br {
  clear: both;
}

form.rr-max-width {
  margin-right: 10px;
}

.rrca-datetime-picker img[alt=calendar_image] {
  position: relative;
  margin: -8px 0;
}

form .rr-error-message,
form .rr-error-message {
  font-size: 13px;
  padding: 0;
}

.rr-input-whole.rr-error * input,
.rr-input-whole.rr-error * textarea,
.rr-input-whole.rr-error * select,
.rr-error-underline {
  background-image: url("../images/icons/redrata/8x3/spell-error.png");
  background-repeat: repeat-x;
  background-position: bottom left;
}

.rr-request-being-processed {
  cursor: progress;
}
.rr-request-being-processed button {
  background: url("../images/common/loadingball.gif") no-repeat center;
}
.rr-request-being-processed .rr-performing-operation-span {
  background: url("../images/common/loadingball.gif") no-repeat center;
}
.rr-request-being-processed .rr-cancel-op {
  /* hide cancel link on form submit */
  display: none;
}

.rr-form-just-button {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.rr-form-just-button button {
  display: block;
}

.rr-link-form {
  border: none;
  padding: 0em;
  margin: 0em;
  background-color: inherit;
  font-family: inherit;
  color: inherit;
  /*    outline: none;
    background: none;
    cursor: pointer;
    color: #0000EE;
    text-decoration: underline;
    font-family: inherit;
    font-size: inherit;*/
}

.rr-link {
  text-decoration: underline;
}

.rr-link-button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  /* use rr-link text-decoration: underline;* /
  font-family: inherit;
  font-size: inherit;
  /*outline: none;
    color: #0000EE;*/
}

.rr-danger {
  color: var(--rr-clr-danger-600, -#b91c1c);
  background: var(--rr-clr-danger-100, #fef2f2);
  border-color: var(--rr-clr-danger-600, #fecaca);
}
.rr-danger:hover {
  background: var(--rr-clr-danger-100, #fee2e2);
}

.rr-success {
  color: var(--rr-clr-success-600, -#16a34a);
  background: var(--rr-clr-success-100, #dcfce7);
  border-color: var(--rr-clr-success-600, #16a34a);
}
.rr-success:hover {
  background: var(--rr-clr-success-100, #dcfce7);
}

.rr-info {
  color: var(--rr-clr-info-600, -#0284c7);
  background: var(--rr-clr-info-100, #e0f2fe);
  border-color: var(--rr-clr-info-600, #0284c7);
}
.rr-info:hover {
  background: var(--rr-clr-info-300, #7dd3fc);
}

.rr-warning {
  color: var(--rr-clr-warning-600, -#ca8a04);
  background: var(--rr-clr-warning-100, #fef9c3);
  border-color: var(--rr-clr-warning-600, #ca8a04);
}
.rr-warning:hover {
  background: var(--rr-clr-warning-300, #fde047);
}

.grecaptcha-badge {
  visibility: hidden;
}

form {
  background-color: #ddd;
  color: white;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /*recentchange:202601 moved outside of form input,
  select,
  textarea,
  button {
      color: black;
      @include border-radius(4px);
      background-color: white;
      border: 1px solid #bbb;
  }*/
}
form span {
  color: white;
}
form h1,
form h2,
form h3,
form h4,
form p {
  color: white;
}
form fieldset {
  border: 1px solid white;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/*recentchange:202601 added was inside form */
select, form select,
textarea, form textarea,
button, form button,
input, form input {
  color: black;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: white;
  border: 1px solid #bbb;
}

input.rr-with-icon,
#rrid-dwr-loginform #ifj_password,
#rrid-dwr-loginform #ifj_username,
.rr-feature-name,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount,
#loginifj_username,
#loginifj_password {
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
  padding: 8px 10px 7px 44px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 6px;
  width: 300px;
}

#loginform #ifj_username {
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
  padding: 8px 10px 7px 44px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 6px;
  width: 300px;
  background-image: url("../images/icons/faenza/32/emblem-personal.png");
}

#ifprepay_amount {
  background-position: 6px 50%;
  background-repeat: no-repeat;
  font-size: 20px;
  padding: 8px 10px 7px 44px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 6px;
  width: 300px;
  background-image: url("../images/icons/gray/32/dollar.png");
  width: 150px;
}

input.rr-input-user-icon,
#loginifj_username {
  background-image: url("../images/icons/faenza/32/emblem-personal.png");
}

input.rr-input-password-icon,
#rrid-dwr-loginform #ifj_password,
#loginifj_password {
  background-image: url("../images/icons/faenza/32/emblem-readonly.png");
}

.rr-feature-name {
  background-image: url("../images/icons/gray/32/tag.png");
  width: 400px;
}

.rr-large-amount-input,
#pay-by-cc-form #ifamountCC,
#rrid-ajax-form-payment_link #payment_linkifamount,
#pay-by-paypal-form #ifamount {
  background-image: url("../images/icons/gray/32/dollar.png");
  width: 150px;
}

div.id-delete-button {
  float: right;
}

#rrid-payment-links-list form {
  background: none;
  margin: 0;
  padding: 0;
}

#acpopup,
#gmtpopup {
  background-color: white;
  color: black;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#acpopup a,
#gmtpopup a {
  color: black;
}

/*recentchange:202601: added 
input, form input,
select, form select,
textarea, form textarea,
button, form button {
  /* ensure the necessary space exists for the focus ring, even when it is not being displayed.  to avoid layout changes. * / 
  /* Visible focus * /
  outline-offset: 2px;
  /* Separate ring from border 
  margin: 2px;* /
  /* make way for the border - label above, extra html before/after/below * /
}
*/
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  /* Keyboard focus ring */
  outline: 2px solid var(--clr-accent, #00acff);
  outline-offset: 0px;
}

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




/************ rr-form-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  ***********/


/************ rrsc.css  ***********/

/*****css/css/rrsc.css*****/:root {
  /*use interpolation.  Sass variables exist at compile time.  CSS custom properties exist at runtime.  */
  --clr-accent: #b3d1e3;
}

/*! Do not edit the css! .  Instead edit the scss file.  */
/*! A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: "MuseoSans";
  src: url(../type-face/Museo-Sans/museosans_500-webfont.eot?) format("eot"), url(../type-face/Museo-Sans/museosans_500-webfont.woff) format("woff"), url(../type-face/Museo-Sans/museosans_500-webfont.ttf) format("truetype"), url(../type-face/Museo-Sans/museosans_500-webfont.svg#MuseoSans) 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;
}
body {
  font-size: 15px;
  line-height: 1.4;
  color: #3c3c3c;
  background-color: #d2eaf1;
  line-height: 1.5;
  font-family: MuseoSans, "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;
}
@media only screen and (max-width: 959px) {
  body {
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 12.5px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  body {
    font-size: 13px;
  }
}

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

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

h1, h2, h3, h4 {
  color: #d70;
  margin-bottom: 0;
  font-family: DroidSansBold, "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;
}

h1 {
  font-size: 1.6em;
}

em {
  color: #d70;
}

a,
a:hover {
  color: #03a;
}

.rr-bordered-element {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #a3c4dc;
  border-color: #d2eaf1 #a3c4dc #a3c4dc #d2eaf1;
  border-left: 1px solid #d2eaf1;
  margin-bottom: 18px;
  clear: both;
  background-color: white;
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .rr-bordered-element {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 0;
    /*2016-03-07 margin: 12px -10px 10px -10px;*/
    margin: 12px 0px 10px 0px;
    border-left: none;
    border-right: none;
    /*2016-03-07 width: 320px;*/
  }
  .rr-bordered-element h1,
  .rr-bordered-element h2,
  .rr-bordered-element h3,
  .rr-bordered-element h4,
  .rr-bordered-element ul,
  .rr-bordered-element ol,
  .rr-bordered-element p {
    margin: 12px 10px;
  }
  .rr-bordered-element form hr {
    background-color: #f0bb6b;
    margin: 0.6em -10px;
  }
  .rr-bordered-element table {
    border-width: 4px;
    display: block;
    width: auto;
    max-width: 306px;
    overflow-x: auto;
    word-wrap: break-word;
    padding: 0;
    margin-right: -28px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rr-bordered-element {
    /*2016-03-07 width: 480px;*/
  }
}
.rr-bordered-element .rr-bordered-element {
  border: none;
}
@media only screen and (max-width: 767px) {
  .rr-bordered-element form {
    border-left: none;
    border-right: none;
    width: 300px;
    padding: 10px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rr-bordered-element form {
    width: 460px;
  }
}
.rr-bordered-element h1,
.rr-bordered-element h2,
.rr-bordered-element h3,
.rr-bordered-element h4,
.rr-bordered-element ul,
.rr-bordered-element ol,
.rr-bordered-element p,
.rr-bordered-element table {
  margin-left: 18px;
  margin-right: 18px;
  margin-top: 18px;
  clear: left;
}
@media only screen and (max-width: 767px) {
  .rr-bordered-element form,
  .rr-bordered-element table {
    margin: 0 0 10px 0;
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rr-bordered-element form,
  .rr-bordered-element table {
    max-width: 480px;
  }
}
.rr-bordered-element img {
  margin-right: 15px;
  margin-left: 6px;
}
.rr-bordered-element td {
  vertical-align: top;
}

table {
  /* 2017-01-24 float: left; */
  display: block;
  background-color: #eee;
  border: 4px solid #eee;
}
@media only screen and (max-width: 767px) {
  table {
    border-width: 4px;
    display: block;
    width: auto;
    max-width: 306px;
    overflow-x: auto;
    word-wrap: break-word;
    padding: 0;
    margin-right: -28px;
  }
}

@media only screen and (max-width: 767px) {
  td, th {
    word-wrap: break-word;
    padding: 3px;
    font-size: 1em;
    -webkit-text-size-adjust: 100%;
  }
}

th {
  font-weight: normal;
  padding: 4px 8px;
  border: 2px solid #eee;
}

td {
  font-weight: normal;
  padding: 4px 8px;
  border: 2px solid #eee;
  background-color: white;
}

form {
  background-color: #fff4c4;
  margin: 10px;
}
@media only screen and (max-width: 767px) {
  form {
    width: 320px;
    /*2016-03-07 margin: 0 -10px;*/
    margin: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  form {
    width: 480px;
  }
}
form p {
  margin-left: 0;
}
form table {
  background-color: #fff4c4;
  border: 9px solid #fff4c4;
}
form th,
form td {
  background-color: #fff4c4;
  border: none;
}
form hr {
  margin: 0;
}
form,
form fieldset,
form input,
form textarea,
form button,
form select {
  border: 1px solid #f0bb6b;
}
form,
form label,
form li,
form div,
form span,
form p {
  color: #3c3c3c;
  font-size: 14px;
}
form input,
form textarea {
  font-size: 16px;
}
form th,
form label,
form legend,
form h1,
form h2,
form h3,
form h4 {
  color: #3c3c3c;
}
form button,
form input.submit,
form input[type=submit],
form input[type=button] {
  color: #03a;
  font-size: 14px;
}
form[action="contactdetails.jsp"] {
  display: block;
}

.rrsc-home-li {
  margin-bottom: 12px;
  min-height: 32px;
}
.rrsc-home-li p {
  margin: 0;
  vertical-align: middle;
}
.rrsc-home-li p img {
  margin: -4px 12px -6px 0;
  float: left;
}
.rrsc-home-li p em {
  font-size: 1.24em;
}

.rr-homepage #rrid-register-form a.rr-float-right {
  display: none;
}
.rr-homepage .rr-bordered-element ul li {
  list-style-type: none;
}
.rr-homepage p.rr-noclear,
.rr-homepage ol.rr-noclear {
  margin: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-homepage > .grid_4 {
    width: 748px;
  }
}

#rrid-pagefooter a,
#rrid-pagefooter a:hover {
  color: white;
}
#rrid-pagefooter .rr-app-title,
#rrid-pagefooter .rr-app-title:hover {
  font-family: DroidSansBold, "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;
  font-weight: normal;
  color: #7AA2C6;
}

#rrid-footer-site-links {
  background-image: url("../images//sc-logo-border-156.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}

.rr-login-actions {
  clear: both;
  float: right;
  margin-bottom: 0;
  margin-top: 3px;
}
.rr-login-actions a {
  color: #fff;
}

#banner {
  margin-top: 6px;
  margin-bottom: 0;
  /* cssrecentchange:202302: height: 50px; */
}
@media only screen and (max-width: 767px) {
  #banner img {
    left: 0;
    top: -110px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #banner {
    height: 50px;
  }
  #banner img {
    top: -170px;
  }
}
#banner h1 {
  color: #03a;
  display: inline;
}
#banner h4 {
  color: #fff;
  margin: 0;
  line-height: 1em;
  letter-spacing: 2px;
}

#rrid-sc-logo-bg {
  position: absolute;
  top: -232px;
  left: -148px;
  /* recentchange:202310 so it sits behind things.  e.g. so we can click on logo to go to homepage */
  z-index: -1;
}

#banner-bg {
  background-color: #255fa4;
  float: none;
}
#banner-bg p,
#banner-bg label,
#banner-bg div,
#banner-bg span {
  color: #b3d1e3;
}
#banner-bg form label {
  background-color: transparent;
}
#banner-bg form.login {
  border: none;
  margin: 0;
  width: 285px;
  padding: 0;
  background-color: #255fa4;
}
#banner-bg form.login div {
  clear: none;
}
#banner-bg form.login input.submit {
  float: right !important;
  margin: 0;
  width: 48px;
  border: none;
  height: 20px;
  background-color: #f3f9fb;
  padding: 0;
}
#banner-bg form.login input.submit:hover {
  text-decoration: underline;
  background-color: #fff;
}
#banner-bg h1 {
  font-size: 2.2em;
  line-height: 1em;
  letter-spacing: 2px;
  margin-top: 5px;
  margin-bottom: 8px;
}
#banner-bg h1 a {
  color: #03a;
  text-decoration: none;
}
#banner-bg h1 img {
  margin: 0;
  padding: 0;
  position: relative;
  top: 6px;
}
#banner-bg a:hover {
  text-decoration: underline;
}
#banner-bg a:hover img {
  background-color: transparent;
  border: none;
}

#pterrifj_username,
#pterrifj_password {
  display: none;
}

.rr-small-font {
  font-size: 0.82em;
}

#rrid-pageheader {
  border: none;
}

.rr-input-container {
  background-color: #f3f9fb;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px;
  padding: 0;
  width: 235px;
  height: 20px;
  margin-bottom: 3px;
  position: relative;
}
.rr-input-container label {
  float: left;
  font-size: 11px !important;
  color: #999 !important;
  vertical-align: middle !important;
  line-height: 1.85 !important;
  margin: 0 3px;
  position: absolute;
  left: 0;
}
.rr-input-container .rr-input-whole {
  float: left;
  margin: 0;
}
.rr-input-container .rr-input-whole input {
  font-size: 15px !important;
  color: #282828;
  border: none;
  background-color: #f3f9fb;
  padding: 0;
  height: 20px;
  position: absolute;
  right: 0;
}

#rrid-input-container-password {
  width: 184px;
  margin-right: 3px;
}

#ptifj_username {
  width: 195px;
}

#ptifj_password {
  width: 124px;
}

/* rrsc 1*/
@media only screen and (max-width: 767px) {
  body #banner-bg #rrid-toplevelmenudiv {
    background-color: #255fa4;
  }
  body #banner-bg #rrid-toplevelmenudiv a {
    color: white;
  }
  body #banner-bg #rrid-toplevelmenudiv .rr-menu-level-2 li {
    border-bottom: 1px solid #92afd2;
  }
  body #banner-bg #rrid-toplevelmenudiv .rr-menu-level-2 li:first-child {
    border-top: 1px solid #92afd2;
  }
  body #banner-bg #rrid-toplevelmenudiv .rr-menu-level-2 li a {
    background-color: white;
    color: #03a;
  }
  body #banner-bg #rrid-toplevelmenudiv .rr-menu-level-1 > a {
    color: white;
  }
  body #banner-bg #rrid-toplevelmenudiv .rr-menu-level-1.expanded > a {
    background-color: white;
    color: #03a;
  }
  #rrid-mobile-menu-toggle {
    background-color: #255fa4;
    background-image: url("../images/icons/rr-simple/rr_simple_menu_hamburger_white.svg");
  }
}
/* rrsc 2*/
@media only screen and (min-width: 768px) {
  .rr-menu-level-0 {
    margin-left: 0;
    margin-top: 4px;
  }
  .rr-menu-level-0 a {
    color: #fff;
    border-color: transparent;
    /* 2016-03-07 font-size: 15px;*/
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .rr-menu-level-0 a {
    font-size: 11px;
    padding: 6px;
  }
}
@media only screen and (min-width: 768px) {
  .rr-menu-level-0 li:hover a,
  .rr-menu-level-0 li.rr-hover a {
    border-color: #b3d1e3;
    background-color: white;
    color: #03a;
  }
  .rr-menu-level-2 {
    border-color: #b3d1e3;
    background-color: white;
    color: #03a;
  }
  .rr-menu-level-2 a {
    font-size: 13px;
  }
  .rr-menu-level-2 li:hover a,
  .rr-menu-level-2 li.rr-hover a {
    background-color: #E2F2F6;
  }
}
.rr-em-ol-digits li {
  color: #d70;
  font-size: 2.2em;
  line-height: 0px;
  margin-top: 0;
  margin-bottom: 10px;
}
.rr-em-ol-digits li p {
  font-size: 15px;
  color: #3c3c3c;
  display: inline;
  margin: 0;
  line-height: 1.3;
}

.rr-nonbordered h1 {
  color: #7AA2C6;
  font-size: 24px;
  margin: 12px 0;
}
.rr-nonbordered ul {
  margin: 0 0 12px 0;
  float: left;
}
.rr-nonbordered li {
  background-color: #f3f9fb;
  color: #1b4577;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 0 16px 0;
  padding: 4% 5% 6% 5%;
  float: left;
  list-style-type: none;
  width: 90%;
}
.rr-nonbordered em {
  display: block;
  font-family: DroidSansBold, "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif;
  color: #7AA2C6;
  margin-bottom: 3px;
  font-size: 1.2em;
  line-height: 1.2;
}
.rr-nonbordered img {
  float: right;
  margin-left: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .rr-nonbordered {
    max-width: 364px;
    float: left;
  }
  .rr-nonbordered:first-child {
    margin-right: 20px;
  }
}

.rr-limit-width-300 {
  max-width: 300px;
  word-wrap: break-word;
}

.rr-content-top h1 {
  color: #7AA2C6;
  font-size: 2em;
  line-height: 1.8;
}
.rr-content-top p {
  margin: 10px 0;
  float: left;
}

#rrid-instant-check-container {
  background-color: #7AA2C6;
  width: 100%;
  float: left;
}

#rrscid-instant-check {
  background-color: #7AA2C6;
  border: none;
  float: none;
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrscid-instant-check {
    width: 748px;
  }
}
@media only screen and (max-width: 767px) {
  #rrscid-instant-check h3,
  #rrscid-instant-check label,
  #rrscid-instant-check .rr-input-whole,
  #rrscid-instant-check input,
  #rrscid-instant-check input.submit {
    font-size: 11.5px;
    font-family: DroidSans, "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif !important;
    display: inline;
    clear: none;
    float: left;
  }
}
#rrscid-instant-check h3 {
  color: #fff;
  font-family: DroidSansBold, "Lucida Grande", Helvetica, Arial, FreeSans, sans-serif !important;
  font-size: 18px;
  margin: 0;
  line-height: 1.2;
  float: left;
  margin-right: 10px;
}
#rrscid-instant-check input {
  background-color: #f3f9fb;
  line-height: 1;
}
#rrscid-instant-check input.submit {
  margin: 0 0 6px 0;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  #rrscid-instant-check input.submit {
    max-width: 50px;
    word-spacing: 3em;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #rrscid-instant-check input.submit {
    max-width: 198px;
    word-spacing: normal;
  }
}
#rrscid-instant-check input,
#rrscid-instant-check label {
  border: none;
  float: left;
  font-size: 16px;
  padding-top: 0;
  padding-bottom: 0;
  height: 20px;
  position: relative;
}
#rrscid-instant-check div {
  clear: none;
}
@media only screen and (max-width: 767px) {
  #rrscid-instant-check div {
    clear: both;
  }
}

#ifdomain {
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  #ifdomain {
    max-width: 190px;
    margin-right: 13px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #ifdomain {
    max-width: 300px;
    margin-right: 0;
  }
}

#rrid-service-nutshell {
  margin: 0;
  width: 100%;
  float: left;
}
#rrid-service-nutshell li {
  color: #1b4577;
  list-style-type: none;
  width: 199px;
  float: left;
  padding: 0 8px 0 24px;
}
@media only screen and (max-width: 959px) {
  #rrid-service-nutshell li {
    padding: 40px 0 0 0;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-service-nutshell li {
    margin: 8px 36px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #rrid-service-nutshell li {
    padding: 0 10px;
    width: 210px;
  }
}
#rrid-service-nutshell img {
  margin: 0 auto;
  padding: 0 43px 4px 27px;
  display: block;
}
@media only screen and (max-width: 959px) {
  #rrid-service-nutshell img {
    display: static;
    float: left;
    margin: -40px 20px 0 0;
    padding: 0;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #rrid-service-nutshell img {
    float: left;
    margin: 0 auto;
    display: block;
    float: none;
  }
}

#outer > li {
  float: left;
  clear: both;
}
#outer table,
#outer ul {
  float: none;
}

table#serverchecks td {
  padding: 0 8px 0 0;
}

table#stdvals {
  width: 442px;
  display: block;
  float: left;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  table#stdvals {
    float: none;
    width: 480px;
  }
}

.rr-noclear {
  clear: none !important;
}

.rr-request-being-processed button {
  background-color: #eee;
  color: #888;
}

.rr-checkbox-controls input {
  background-color: #fff4c4;
}

#rrid-transactions-send-email-form {
  float: left;
}

#trifdatetime_to img,
#trifdatetime_from img {
  vertical-align: middle;
}

#rrid-register-form {
  margin-left: 18px;
  margin-right: 20px;
  max-width: 406px;
  padding: 16px 16px 0;
}
@media only screen and (max-width: 767px) {
  #rrid-register-form {
    border-left: none;
    border-right: none;
    width: 300px;
    padding: 10px;
    margin: 0 0 10px 0;
    max-width: 320px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #rrid-register-form {
    width: 460px;
    max-width: 460px;
  }
}
#rrid-register-form input.submit {
  display: inline;
}
#rrid-register-form Table {
  margin: 8px 0 -8px 0;
}
#rrid-register-form p {
  margin: 0;
}
#rrid-register-form .rr-float-right {
  margin-left: 120px;
}

.rr-form-hint {
  margin-top: 3px;
}
@media only screen and (max-width: 767px) {
  .rr-form-hint {
    display: block;
  }
}

.rr-admin-links {
  margin: 18px;
}
.rr-admin-links form {
  padding: 0;
  border: none;
  float: left;
  clear: left;
  margin: 10px 10px 0 10px;
  background-color: white;
}
.rr-admin-links form p input,
.rr-admin-links form p {
  margin: 0;
}
.rr-admin-links table {
  float: right;
}
.rr-admin-links table ul {
  margin: 0;
}

.container_12 .container_12 {
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (max-width: 959px) {
  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 {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rr-touchable .rr-menu-level-0 a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .rr-touchable .rr-menu-level-0 a {
    font-size: 13.5px;
  }
}

@media only screen and (max-width: 767px) {
  .rr-column-toggle {
    font-size: 0.86em;
  }
}

@media only screen and (max-width: 767px) {
  #ifdatetime_from,
  #ifdatetime_to {
    max-width: 238px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  textarea {
    max-width: 446px;
  }
}

.rr-bordered-li-container {
  border-color: #a3c4dc;
}
.rr-bordered-li-container li {
  border-top-color: #a3c4dc;
}

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




/************ rrsc.css  ***********/