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


/************ rrmailserv.css  ***********/

/*****css/css/rrmailserv.css*****//*! Do not edit the css! .  Instead edit the scss file.  */
@font-face {
  font-family: "text-font";
  src: url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Regular-webfont.eot?) format("eot"), url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Regular-webfont.woff) format("woff"), url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Regular-webfont.ttf) format("truetype"), url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Regular-webfont.svg#text-font) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "text-font-bold";
  src: url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Bold-webfont.eot?) format("eot"), url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Bold-webfont.woff) format("woff"), url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Bold-webfont.ttf) format("truetype"), url(../type-face/Liberation-Sans-fontfacekit/LiberationSans-Bold-webfont.svg#text-font-bold) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "heading-font";
  src: url(../type-face/amaranth/Amaranth-webfont.eot?) format("eot"), url(../type-face/amaranth/Amaranth-webfont.woff) format("woff"), url(../type-face/amaranth/Amaranth-webfont.ttf) format("truetype"), url(../type-face/amaranth/Amaranth-webfont.svg#heading-font) format("svg");
  font-weight: normal;
  font-style: normal;
}
:root {
  /*use interpolation.  Sass variables exist at compile time.  CSS custom properties exist at runtime.  */
  --clr-accent: powderBlue;
}

a {
  color: #FB2902;
}

b {
  font-family: text-font-bold;
}

html body .rr-msc-main-background .rr-header-line {
  border-bottom: 0.3rem dashed #ddd;
}
html body .rr-msc-main-background .rr-msc-main-wrapper {
  border: 0.3rem solid #eee;
  font-family: text-font;
  moz-border-radius: 15px;
  padding: 10px;
}
html body form *:not(a) {
  color: black;
  font-family: text-font;
}

body {
  background-position: center 141px;
  background-repeat: no-repeat;
  background-color: #FF8D00;
  background-image: url("../images/sun.png");
  font-family: text-font, sans-serif;
  font-size: 17px;
  line-height: 1.3;
  color: #333;
}

form {
  background-color: white;
  color: black;
  float: none;
  margin-bottom: 0px;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
form fieldset,
form label,
form input,
form option,
form legend,
form dl,
form dt,
form dd,
form textarea,
form p,
form th,
form td,
form h1,
form h2,
form h3,
form h4,
form div,
form span {
  color: black;
  font-family: text-font !important;
}

h3,
h1,
h2,
h4 {
  color: #222;
  font-family: heading-font;
  font-size: 1.4em;
  margin-top: 0.3rem;
  padding-left: 0.3rem;
}

h1.big {
  color: black;
}

h4 {
  font-size: 1.03em;
}

#rr-delete-domain-button,
#rr-create-domain-button,
#rr-admin-password-reset-button {
  display: inline;
}

#rrid-pagefooter a,
#rrid-pagefooter a:hover {
  color: powderBlue;
}

#rrid-pagetop {
  -moz-box-shadow: -0.3rem 0 0.3rem black;
  -webkit-box-shadow: -0.3rem 0 0.3rem black;
  box-shadow: -0.3rem 0 0.3rem black;
  background-color: white;
  /* overflow: hidden;  recentchange:202406 so it has a css height since it has float children and this establishes a block formatting context https://stackoverflow.com/questions/5369954/why-is-the-parent-div-height-zero-when-it-has-floated-children */
  padding-top: 20px;
  /*rrmailserv 1*/
  /*rrmailserv 2*/
}
#rrid-pagetop h1 {
  font-size: 2.3em;
  line-height: 2.2em;
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  #rrid-pagetop li {
    line-height: 1.3;
  }
  #rrid-pagetop li img {
    margin-left: 0px;
    margin-right: auto;
  }
  #rrid-pagetop #rrid-toplevelmenudiv {
    /*cssrecentchange:202303-06 added */
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #rrid-pagetop #rrid-toplevelmenudiv {
    width: auto;
    clear: none;
  }
}
@media only screen and (min-width: 768px) {
  #rrid-pagetop #rrid-toplevelmenudiv a {
    color: #777777;
    padding-bottom: 0px;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #rrid-pagetop #rrid-toplevelmenudiv li {
    border: none;
    min-width: 110px;
    padding-top: 10px;
  }
  #rrid-pagetop #rrid-toplevelmenudiv li:hover a, #rrid-pagetop #rrid-toplevelmenudiv li.rr-hover a {
    color: black;
  }
  #rrid-pagetop #rrid-toplevelmenudiv > ul {
    padding-bottom: 10px;
    font-size: 17px;
  }
  #rrid-pagetop #rrid-toplevelmenudiv > ul > li > a {
    padding-bottom: 10px;
    font-size: 17px;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .msc-menuitem {
    padding-bottom: 10px;
    font-size: 17px;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-level-1 div, #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-0 .rr-menu-level-1 a {
    border: none;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 {
    background-color: white;
    border-color: #aaa;
    /* left : / *cssrecentchange:202303-01 -1.5em * / -1.6em; cssrecentchange:202310 removed */
    top: 7em;
    /* keep things centered */
    left: 50%;
    transform: translateX(-50%);
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 * {
    min-width: 180px;
    text-align: center;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 a,
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 a:hover {
    border: none;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 li {
    left: 50%;
    transform: translateX(-50%);
    border: none;
    padding: 0px;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 li a {
    line-height: 2em;
    padding: 0px;
  }
  #rrid-pagetop #rrid-toplevelmenudiv .rr-menu-level-1 .rr-menu-level-2 li a:hover {
    background-color: #01ACEB;
    color: white;
  }
}
@media only screen and (max-width: 767px) {
  #rrid-pagetop li div {
    display: none;
  }
  #rrid-pagetop #rrid-mobile-menu-toggle {
    background-image: url("../images/icons/rr-simple/rr_simple_menu_hamburger_white.svg");
  }
}

/*rrmailserv 3*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container_12 {
    overflow: visible;
  }
}
.rrid-suspend-action-form,
.rrid-destroy-action-form,
#rrid-change-postfix-admin-form,
#rrid-change-domain-owner-form {
  display: inline;
  margin: 0;
  padding: 0;
}

/*rrmailserv 4*/
@media only screen and (min-width: 768px) {
  #rrid-toplevelmenudiv {
    margin-top: 0;
  }
  #rrid-toplevelmenudiv li ul {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  #rrid-toplevelmenudiv ul li a {
    font-family: text-font, sans-serif;
  }
}
#rrid-transactions-send-email-form {
  float: left;
}

#rr-ms-logo {
  border-color: black black white;
  border-style: solid;
  border-width: 20px;
  float: left;
  font-size: 0;
  line-height: 0;
  margin-right: 10px;
  margin-top: 26px;
  width: 0;
}

.big a,
.big a:hover {
  color: black;
  text-decoration: none;
}

.pelicant {
  height: 450px;
  margin-left: 990px;
  position: absolute;
  top: -20px;
}

.pricing-list span {
  color: #333;
  font-family: heading-font;
  font-size: 20px;
}

.rr-404-content {
  position: absolute;
  right: 60px;
  top: 245px;
}

.rr-active-customers form,
.rr-active-customers input,
.rr-active-customers div {
  display: inline;
  margin: 0;
  padding: 0;
}

.rrc-lightbox-button {
  background-color: black;
  color: white;
  cursor: pointer;
  font-weight: 700;
  padding: 10px;
  position: absolute;
  top: 0;
}

.rrc-lightbox-item img {
  width: 100%;
}

.rr-domain-link {
  position: relative;
  top: 6px;
}

.rr-is-404 form {
  background: none;
  padding: 0;
}

.rr-is-404 input {
  display: inline;
}

.rr-is-404 ul {
  margin: 0;
}

.rr-lightbox img {
  width: 100%;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-lightbox-desc {
  background-color: #EEE7E0;
  margin: 2px;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-light-left {
  border-right: 6px solid white;
  float: left;
  left: -42px;
  -webkit-border-radius: 30px 0 0 30px;
  border-radius: 30px 0 0 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 2px 0 3px #888888;
  -webkit-box-shadow: 2px 0 3px #888888;
  box-shadow: 2px 0 3px #888888;
}

.rr-light-right {
  border-left: 6px solid white;
  right: -42px;
  -webkit-border-radius: 0 30px 30px 0;
  border-radius: 0 30px 30px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: -2px 0 3px #888888;
  -webkit-box-shadow: -2px 0 3px #888888;
  box-shadow: -2px 0 3px #888888;
}

.rr-mailserver-not-setup-message {
  float: left;
  margin-right: 20px;
}
.rr-mailserver-not-setup-message h4 {
  margin: 0px;
}

.rr-msc-arrow {
  border-color: white white white #01ACEB;
  border-style: solid;
  border-width: 12px;
  float: left;
  font-size: 0;
  height: 0;
  line-height: 0;
  margin-bottom: 3px;
  margin-left: 5px;
  width: 0;
}

.rr-msc-enlarged img {
  width: 100%;
}

.rr-msc-feature-bottom {
  border-top: 1px solid #DDDDDD;
  margin-bottom: 20px;
}

.rr-msc-feature-main {
  color: #222;
  padding: 10px 0;
}

.rr-msc-feature-top {
  border-bottom: 1px solid #DDDDDD;
}

.rr-msc-header-image {
  margin-bottom: 0;
  margin-top: 5px;
}

/*pgb:recentchange:202507:removed: first/last too hard to do correctly .rr-msc-main-background .container_12:first-of-type {
  @include border-radius(.3rem .3rem 0px 0px) ;
}
/*pgb:recentchange:202507:added* / .rr-msc-main-background > .container_12:last-of-type {
  @include border-radius(0px 0px .3rem  .3rem) ;
  margin-bottom: 1em;
}
*/
.rr-msc-main-background .container_12 {
  background-color: white;
  /*pgb:recentchange:202507:removed  padding : .3rem 0;*/
  /*pgb:recentchange:202507:removed @include border-radius(4px);*/
}
.rr-msc-main-background .container_12 h1,
.rr-msc-main-background .container_12 h2,
.rr-msc-main-background .container_12 h3,
.rr-msc-main-background .container_12 h4 {
  background-color: powderBlue;
}
.rr-msc-main-background .container_12 .rr-msc-feature-main h2,
.rr-msc-main-background .container_12 .rr-msc-feature-main h3,
.rr-msc-main-background .container_12 .rr-msc-feature-main h4 {
  background: none;
  color: black;
}
.rr-msc-main-background .container_12 .rr-msc-feature-main form h1 {
  background: none;
  color: black;
}
.rr-msc-main-background .container_12 .rr-imagenav a {
  font-size: 17px;
}

dl.rr-dldtdd {
  /* recentchange:202507:remove background-color : powderBlue; */
  /* recentchange:202507:add */
  border: 1px solid powderBlue;
}

.rr-msc-signup-options {
  background-color: white;
  margin: 0;
  padding: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-msc-sss-item {
  padding: 0 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.rr-msc-sss-picture {
  background-color: #aaa;
  border: 1px outset #aaa;
  position: relative;
  width: 100%;
}
.rr-msc-sss-picture:hover .rr-msc-sss-picture-expand {
  display: block;
}

.rr-msc-sss-picture-expand {
  background-color: #FFFFFF;
  border-bottom: 1px solid #999999;
  color: #333;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.rr-msc-sss-picture-expand span {
  left: 40px;
  margin: -11px 0px 11px;
  position: absolute;
  top: 15px;
}

.rr-msc-sss-text {
  color: #444;
  display: block;
  font-size: 12px;
  margin: 5px 0;
  padding: 5px;
  text-shadow: 1px 1px white;
}

.rr-msc-top-area {
  margin-bottom: 20px;
  margin-top: 20px;
}

.rr-sep {
  border-bottom: 1px dashed #999999;
  color: #333;
  font-family: heading-font;
  font-size: 22px;
  margin: 10px 10px 4px 4px;
}

.rr-tagline {
  color: #666666;
  font-family: heading-font;
  font-size: 14px;
  line-height: 1.3;
}

.rr-menu-level-0 {
  float: right;
}
.rr-menu-level-0 a {
  border-color: white;
}

.trigger {
  cursor: pointer;
  width: 100%;
}

.vertical-div {
  border-right: 1px dotted;
}

.rr-msc-signup-heading {
  display: inline;
  background: none !important;
}

.rr-bordered-li-container {
  /*border-color: $sectionBorder;*/
  border: none;
}
.rr-bordered-li-container li {
  /*border-top-color: $sectionBorder;*/
  border: none;
}

dl.rr-dldtdd-2col {
  display: grid;
  grid-template-columns: 1fr 2fr;
  row-gap: 0.5rem;
  column-gap: 1rem;
  margin: 0;
  padding: 0;
  /* Make dt span both columns if it's followed by another dt */
}
dl.rr-dldtdd-2col dt {
  font-weight: bold;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #eee;
}
dl.rr-dldtdd-2col dt:has(+ dt) {
  grid-column: span 2;
}
dl.rr-dldtdd-2col dd {
  margin: 0;
  border-bottom: 1px solid #eee;
  text-align: left;
}

.rr-ma-domain-actions {
  /* recentchange:202508 font-size: 0.9rem;*/
}

.rr-ma-dns-check {
  color: green;
  /*font-weight: bold;*/
}

.rr-ma-dns-improve {
  color: orange;
  font-weight: bold;
}

.rr-ma-dns-fix {
  color: red;
  font-weight: bold;
}

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




/************ rrmailserv.css  ***********/


/************ message-layers-css.jsp  ***********/

/*****css/css/base/message-layers-css.jsp*****/ 
 


.rr-reply-error{
	display:none;
	color: red;
}

.rr-feedback-message { background: #FFFFCC; }

.rr-error-message {
	
	color: red;
}
.rr-error-better {
	border:solid 1px #DEDEDE;
	color: #09D200; 
}

.rr-feed-back-error,
.rr-feed-back-formerror {
	line-height:1.5;
	color:#E10000;
}
.rr-msg-border{
	border-top:1px solid #C5C5C5;line-height:1.5;
	
}
.rr-feed-back-info-message {
	color:#71A1FF;
	line-height:1.5;
}


.rr-feed-back-info-message .rr-item-type {
	background-image: url("/images/icons/fatcow/16/information.png");
	margin-top:2px;
	height:16px;
}

.rr-feed-back-error .rr-item-type {
	background-image: url("/images/icons/fatcow/16/exclamation.png");
	margin-bottom:-2px;
	height:16px;
}

.rr-feed-back-message {
	color:#5D5D5D;
	border-top:1px solid #C5C5C5;
}

.rr-message-errors{
    background-color:#FFE2DA;
    color:#F43602;
}
.rr-message-info{
    background-color:#E0EFFF;
    color:#0062CE;
}
.rr-message-default{
    background-color:#D9D9D9;
}
.rr-message-item{
    font-weight:500;
    border-top:1px solid #CACACA;
}
.rr-message-item input{
    display:inline-block;
}
.rr-message-item div{
    margin: 0 150px 0 40px;
    padding: 10px 0;
    display:inline-block;
}
.rr-message-layers-out{
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
	font-family: sans-serif;
    z-index:30;
}
.rr-message-layers{
    max-height:200px;
    overflow: auto;
    }

.rr-message-layers-alert{
    width:500px;
    -moz-border-radius:15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    -webkit-border-radius:15px 15px 0 0;
    padding-left:30px;
}/*****css(end)/css/base/message-layers-css.jsp*****/




/************ message-layers-css.jsp  ***********/