/* Minification failed. Returning unminified contents.
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*
 * EBC CSS Custom Properties (CSS Variables)
 * Converted from variables.less for modern CSS usage
 * 
 * Usage: var(--ebc-green) instead of @ebc-green
 */

:root {
  /* ========================================
   * Brand Colors
   * ======================================== */
  --ebc-green: rgba(107, 170, 54, 1);     /* #6BAA36 */
  --ebc-white: rgba(255, 255, 255, 1);    /* #FFFFFF */
  --ebc-color-fsa: rgba(216, 126, 176, 1);  /* #D87EB0 */
  --ebc-color-hra: rgba(184, 139, 115, 1);  /* #B88B73 */
  --ebc-color-hsa: rgba(239, 189, 130, 1);  /* #EFBD82 */
  --ebc-color-hsa-link: rgba(80, 144, 205, 1);  /* #5090CD */

  --ebc-orange: #df8c19;
  --ebc-blue: #3a5675;
  --ebc-dark-gray: #333333;     /* Text Primary */
  --ebc-medium-gray: #9d9d9d;
  --ebc-light-gray: #e6e6e6;
  --ebc-off-white: #f4f4f4;

  /* ========================================
   * Font Sizes
   * Base font size: 16px (project custom — see Content/bootstrap/variables.less)
   * Derived sizes use the same multipliers as variables.less
   * ======================================== */
  --font-size-base: 16px;
  --font-size-large: 18px;       /* ceil(16 * 1.125) — from Bootstrap @font-size-large */
  --banner-title-font-size: 64px;   /* ceil(16 * 4) — from @banner-title-font-size */
  --page-title-font-size: 50px;     /* ceil(16 * 3.125) — from @page-title-font-size */
  --plan-type-font-size: 28px;      /* ceil(16 * 1.75) — from @plan-type-font-size */
  --plan-amount-font-size: 44px;    /* ceil(16 * 2.75) — from @plan-amount-font-size */

  /* ========================================
   * Design System - Primary (Benefits Blue)
   * ======================================== */
  --ds-primary-100: #D2E6FF;
  --ds-primary-200: #8FB9ED;
  --ds-primary-300: #5B8ECC;
  --ds-primary-400: #426998;
  --ds-primary-500: #264366;    /* Benefits Blue */
  --ds-primary-600: #203957;
  --ds-primary-700: #1D324C;
  --ds-primary-800: #132233;
  --ds-primary-900: #0A111A;
  --ds-primary: var(--ds-primary-500);
  --ds-primary-opaque-10: rgba(38, 67, 102, 0.1);

  /* ========================================
   * Design System - Accent (Corporate Green)
   * ======================================== */
  --ds-accent-100: #DCEDD9;
  --ds-accent-200: #C4E1BF;
  --ds-accent-300: #89C37F;
  --ds-accent-400: #50A541;
  --ds-accent-500: #158701;     /* Corporate Green */
  --ds-accent-600: #127301;
  --ds-accent-700: #106501;
  --ds-accent-800: #0A4400;
  --ds-accent-900: #052200;
  --ds-accent: var(--ds-accent-500);

  /* ========================================
   * Design System - Accent Light
   * ======================================== */
  --ds-accent-light-50: #F0FFF3;  /* Success Light */
  --ds-accent-light-100: #E3F5E0;
  --ds-accent-light-200: #D0EDCA;
  --ds-accent-light-300: #A1DB95;
  --ds-accent-light-400: #72CB61;
  --ds-accent-light-500: #43B92C;  /* Corporate Green Light */
  --ds-accent-light-600: #399D25;
  --ds-accent-light-700: #328B21;
  --ds-accent-light-800: #225C16;
  --ds-accent-light-900: #112E0B;
  --ds-accent-light: var(--ds-accent-light-500);

  /* ========================================
   * Design System - Neutral
   * ======================================== */
  --ds-neutral-100: #E5E5E5;
  --ds-neutral-200: #CCCCCC;
  --ds-neutral-300: #B3B3B3;
  --ds-neutral-400: #999999;
  --ds-neutral-500: #7F7F7F;
  --ds-neutral-600: #666666;      /* Text Secondary */
  --ds-neutral-700: #4D4D4D;
  --ds-neutral-800: #333333;
  --ds-neutral-900: #191919;

  /* ========================================
   * Design System - Neutral Opaque
   * ======================================== */
  --ds-neutral-opaque-100: #0000001A;
  --ds-neutral-opaque-200: #00000033;
  --ds-neutral-opaque-300: #0000004D;
  --ds-neutral-opaque-400: #00000066;
  --ds-neutral-opaque-500: #00000080;
  --ds-neutral-opaque-600: #00000099;
  --ds-neutral-opaque-700: #000000B3;
  --ds-neutral-opaque-800: #000000CC;
  --ds-neutral-opaque-900: #000000E6;

  /* ========================================
   * Design System - Base Colors
   * ======================================== */
  --ds-white: #FFFFFF;
  --ds-black: #000000;
  --ds-light-gray: #F5F5F5;
  --ds-link: #0071C1;

  /* ========================================
   * Design System - State Colors
   * ======================================== */
  --ds-info: var(--ds-primary-500);
  --ds-info-light: #DDF0FE;
  --ds-success: var(--ds-accent-500);
  --ds-success-light: var(--ds-accent-light-50);
  --ds-error-light: #F9DEDE;
  --ds-error: #C31C22;

  /* ========================================
   * Design System - Global Styles
   * ======================================== */
  --ds-primary-green: #4CAF50;
  --ds-primary-blue: #2C5282;
  --ds-text-primary: var(--ebc-dark-gray);
  --ds-text-secondary: var(--ds-neutral-600);
  --ds-background: var(--ds-white);
  --ds-input-background: #F8F9FA;
  --ds-input-border: var(--ds-neutral-200);

  /* ========================================
   * Typography
   *
   * IMPORTANT: --font-family is Mulish for Design System master pages only
   * (PreLogin_DesignSystem.Master, TwoFactorAuthentication_DesignSystem.Master).
   * These master pages load Mulish via Google Fonts <link> tag.
   * Legacy pages (~61 pages on Site.Master) use Calibri via variables.less.
   * Do NOT change this to Calibri — both font stacks are intentional.
   * See: style-guide/00-mercury-style-guide.md "The Dual Design System"
   * ======================================== */
  --font-family: Mulish, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* ========================================
   * Bootstrap 3 Gray Scale (for compatibility)
   * ======================================== */
  --gray-light: #cccccc;
  --gray-dark: #333333;
  --btn-primary-color: #fff;
  --btn-default-bg: #fff;
}
body {
  position: relative;
}
.ebc-full-grid {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .ebc-full-grid {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ebc-full-grid {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ebc-full-grid {
    float: left;
    width: 100%;
  }
}
.ebc-process-engine {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 1px solid #777777;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .ebc-process-engine {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .ebc-process-engine {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ebc-process-engine {
    float: left;
    width: 100%;
  }
}
.ebc-claim-lines {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ebc-footer {
  margin-top: 50px;
  margin-bottom: 25px;
  background-color: #fff;
}
.ebc-footer .footer-title {
  padding-bottom: 20px;
  margin: 20px 0;
  border-color: #6baa36;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.ebc-footer .border-top {
  border-color: #6baa36;
  border-top-width: 1px;
  border-top-style: solid;
}
.ebc-footer a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  #main.row {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.no-gutter {
  padding: 0;
}
.ui-datepicker-multi .ui-state-highlight a {
  color: #FFFFFF !important;
  font-weight: inherit;
  border: 1px solid red;
  background: #222222 url("/Participant/Content/images/ui-bg_highlight-soft_35_222222_1x100.png") 50% 50% repeat-x;
}
.ui-datepicker-multi .ui-state-highlight {
  border: none !important;
}
.ui-datepicker-multi .ui-datepicker-today {
  border: 1px solid red;
}
.top0 {
  margin-top: 0px;
}
.top5 {
  margin-top: 5px;
}
.top10 {
  margin-top: 10px;
}
.top20 {
  margin-top: 20px;
}
.top30 {
  margin-top: 30px;
}
.top40 {
  margin-top: 40px;
}
.top50 {
  margin-top: 50px;
}
.top60 {
  margin-top: 60px;
}
.horizontal-rule {
  border-top: 1px solid #777777;
  margin-top: 30px;
}
.calendar-text {
  font-size: 40px;
  top: 50px !important;
}
.calendar-text-with-newline {
  font-size: 40px;
  top: 50px !important;
  margin-top: 50px;
  top: 90px !important;
}
.force-text-left {
  text-align: left !important;
}
.form-horizontal-nested .form-group,
.form-horizontal-nested .mb-3 {
  display: block;
  margin-bottom: 15px;
  vertical-align: inherit;
}
.form-condensed .form-group,
.form-condensed .mb-3 {
  margin-top: 0;
  margin-bottom: 5px;
}
.dataTable tbody .child-row td:hover {
  background-color: #FFFFFF;
}
.thumbnail-no-border {
  box-shadow: none;
  border: 0 none;
}
.radioBtnList td {
  position: relative;
  display: block;
  min-height: 22px;
  margin-top: 0;
  margin-bottom: 0;
}
.radioBtnList td label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  display: inline;
}
.radioBtnList td.disabled label,
fieldset[disabled] .radioBtnList td label {
  cursor: not-allowed;
}
table.dataTable > tbody > tr.child ul {
  white-space: normal;
}
.ds-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ds-container-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ds-container-row {
  display: flex;
  justify-content: center;
}
.ds-form {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.ds-offset-grid {
  float: left;
  width: 83.33333333%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 8.33333333%;
}
@media (min-width: 768px) {
  .ds-offset-grid {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 992px) {
  .ds-offset-grid {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 1200px) {
  .ds-offset-grid {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .ds-offset-grid {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 992px) {
  .ds-offset-grid {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .ds-offset-grid {
    margin-left: 8.33333333%;
  }
}
.ds-top-0 {
  margin-top: 0px !important;
}
.ds-top-8 {
  margin-top: 8px !important;
}
.ds-top-16 {
  margin-top: 16px !important;
}
.ds-top-24 {
  margin-top: 24px !important;
}
.ds-core {
  font-family: Calibri, Arial, sans-serif;
  font-size: 16px;
  /* BS3 tooltip arrow placement */
  /* BS5 tooltip arrow placement */
}
.ds-core a {
  text-decoration: none;
}
.ds-core .alert {
  margin-bottom: 22px;
  /* BS3: @line-height-computed at 16px base */
}
.ds-core .checkbox label {
  display: flex;
  align-items: flex-start;
}
.ds-core .checkbox input[type="checkbox"] {
  margin-top: 4px;
}
.ds-core .checkbox span {
  margin-left: 4px;
}
.ds-core .ds-btn {
  text-decoration: none;
}
.ds-core .form-control-feedback {
  top: 32px;
}
.ds-core .has-error .help-block,
.ds-core .has-error .form-text,
.ds-core .has-error .control-label,
.ds-core .has-error .form-label,
.ds-core .has-error .radio,
.ds-core .has-error .checkbox,
.ds-core .has-error .radio-inline,
.ds-core .has-error .checkbox-inline,
.ds-core .has-error .form-control-feedback {
  color: #C31C22;
}
.ds-core .has-error .form-control {
  border-color: #C31C22;
}
.ds-core hr {
  border-top: 1px solid #999999;
  margin: 24px 0px;
}
.ds-core input.form-control:focus,
.ds-core select.form-control:focus {
  border-color: #264366;
}
@media (min-width: 768px) {
  .ds-core .form-horizontal .form-control {
    max-width: 225px;
  }
}
.ds-core .input-group {
  display: flex;
  width: 100%;
}
.ds-core .input-group > .form-control-with-button {
  flex: 0 1 70%;
  width: 70%;
  min-width: 0;
}
.ds-core .input-group > .input-group-btn {
  flex: 0 1 30%;
  width: 30%;
  min-width: 64px;
  display: flex;
  align-items: stretch;
}
.ds-core .input-group > .input-group-btn > .btn,
.ds-core .input-group > .input-group-btn > .ds-btn {
  margin-top: 0;
}
.ds-core option,
.ds-core .select-option {
  height: 32px;
}
.ds-core option:hover,
.ds-core .select-option:hover {
  background: #264366;
  color: #FFFFFF;
}
.ds-core option:focus,
.ds-core .select-option:focus {
  border-color: #264366;
}
.ds-core option::checkmark {
  display: none;
}
.ds-core select {
  padding: 13px;
}
.ds-core .select-option {
  padding-left: 16px;
  padding-top: 5px;
}
.ds-core .text-danger {
  color: #C31C22;
}
.ds-core .tooltip,
.ds-core .tooltip-inner {
  color: white;
  background-color: #1D324C;
  opacity: 1;
  border-radius: 4px;
  padding: 4px 6px;
}
.ds-core .tooltip {
  --bs-tooltip-bg: #1D324C;
  --bs-tooltip-color: white;
  --bs-tooltip-opacity: 1;
}
.ds-core .tooltip.top .tooltip-arrow {
  border-top-color: #1D324C !important;
  border-width: 5px 5px 0;
  bottom: -5px;
  margin-left: -5px;
}
.ds-core .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1D324C !important;
  border-width: 0 5px 5px;
  top: -5px;
  margin-left: -5px;
}
.ds-core .tooltip.left .tooltip-arrow {
  border-left-color: #1D324C !important;
  border-width: 5px 0 5px 5px;
  right: -5px;
  margin-top: -5px;
}
.ds-core .tooltip.right .tooltip-arrow {
  border-right-color: #1D324C !important;
  border-width: 5px 5px 5px 0;
  left: -5px;
  margin-top: -5px;
}
.ds-core .bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #1D324C !important;
}
.ds-core .bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #1D324C !important;
}
.ds-core .bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #1D324C !important;
}
.ds-core .bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #1D324C !important;
}
.ds-clarifier {
  color: #666666;
}
.ds-inline-icon {
  font-size: 12px !important;
  vertical-align: 0px !important;
}
.ds-page-header {
  color: #264366;
  font-size: 24px;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px;
}
.ds-text-center {
  text-align: center;
}
.ds-text-red {
  color: #C31C22;
}
.ds-btn {
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ds-btn-cancel {
  color: #428bca;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
  background-color: transparent;
  border-color: transparent;
}
.ds-btn-cancel:hover,
.ds-btn-cancel:focus {
  color: #2a6496;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}
.ds-btn-cancel:active {
  background-color: transparent;
  border-color: transparent;
}
.ds-btn-continue {
  color: #FFFFFF;
  background-color: #264366;
  border: 1px solid #264366;
}
.ds-btn-continue:hover,
.ds-btn-continue:active,
.ds-btn-continue:focus {
  color: #FFFFFF;
  background-color: #1D324C;
  border-color: #1D324C;
}
.ds-toggle .btn {
  font-size: 12px;
  width: 50%;
  margin-top: 0px;
}
.ds-toggle .tooltip {
  color: white;
  background-color: #1D324C;
}
.ds-toggle .tooltip-inner {
  max-width: none;
  min-width: 200px;
  white-space: normal;
  text-align: left;
  color: white;
  background-color: #1D324C;
}
.ds-hide-arrows {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.ds-hide-arrows input::-webkit-outer-spin-button,
.ds-hide-arrows input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ds-hide-arrows input[type=number] {
  -moz-appearance: textfield;
}
.ebc-menu {
  opacity: 1;
  min-height: 50px;
  padding: 10px 0;
  background-color: #333333;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .ebc-menu {
    float: left;
    width: 100%;
  }
}
.ebc-menu button {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
}
.popular {
  border-right: 2px solid #fff;
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .popular {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .popular {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .popular {
    float: left;
    width: 100%;
  }
}
.popular ul {
  margin-left: 0px;
}
.popular ul li {
  margin: 0px;
}
.popular ul li a {
  color: #333333;
  display: block;
  text-decoration: none;
  font-size: 20px;
  margin-left: 5px;
}
.popular ul li a:hover {
  color: #777777;
}
.secondary {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 5px;
  padding-right: 5px;
  padding: 0 25px;
}
@media (min-width: 768px) {
  .secondary {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .secondary {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .secondary {
    float: left;
    width: 25%;
  }
}
.secondary h3 {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  margin-top: 5px;
}
.secondary ul li {
  color: #fff;
}
.secondary ul li a {
  color: #fff;
  display: block;
}
.secondary ul li a:hover {
  color: #bfbfbf;
}
@media (max-width: 767px) {
  .ebc-menu .popular {
    border-bottom: 2px solid #fff;
    border-right: none;
  }
  .ebc-menu .secondary {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .quick-links {
    padding-left: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .secondary {
    padding: 0px 5px 10px 5px;
  }
  .secondary h3 {
    font-size: 18px;
  }
  .secondary ul li a {
    font-size: 15px;
    letter-spacing: 0.5px;
  }
}
.navbar-ebc {
  background-color: #6baa36;
  margin-bottom: 0px;
  border-radius: 0px;
  border: none;
  z-index: 1000;
}
.navbar-ebc .navbar-brand {
  color: white;
  float: left;
  padding: 16px 5px;
  font-size: 22px;
  line-height: 22px;
  height: 50px;
}
.navbar-ebc .navbar-brand:hover,
.navbar-ebc .navbar-brand:active,
.navbar-ebc .navbar-brand:focus {
  color: #333333;
}
.navbar-ebc .dropdown-menu {
  border-radius: 0;
  border: none;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
  background-color: #333333;
}
.btn-ebc-menu {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #ffffff;
}
.btn-ebc-menu:hover *,
.btn-ebc-menu:active *,
.btn-ebc-menu:focus * {
  color: #333333;
}
@media (max-width: 320px) {
  .navbar-ebc .navbar-brand {
    margin-right: 6vw;
  }
}
@media (max-width: 360px) and (min-width: 321px) {
  .navbar-ebc .navbar-brand {
    margin-right: 13vw;
  }
}
@media (max-width: 375px) and (min-width: 361px) {
  .navbar-ebc .navbar-brand {
    margin-right: 16vw;
  }
}
@media (max-width: 415px) and (min-width: 376px) {
  .navbar-ebc .navbar-brand {
    margin-right: 21vw;
  }
}
@media (max-width: 766px) and (min-width: 416px) {
  .navbar-ebc .navbar-brand {
    padding: 5px;
    font-size: 16px;
    margin-right: 21vw;
  }
}
@media (max-width: 767px) {
  .navbar-ebc .navbar-brand {
    padding: 5px;
    font-size: 16px;
  }
  .navbar-ebc .btn-ebc-menu span {
    font-size: 12px;
  }
}
/* Large desktop */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .fa-8x {
    font-size: 3em;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .fa-8x {
    font-size: 3em;
  }
  h3 {
    font-size: 18px;
  }
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .fa-8x {
    font-size: 3em;
  }
  h3 {
    font-size: 18px;
  }
}
@media (max-width: 360px) {
  .fa-8x {
    font-size: 3em;
  }
  h3 {
    font-size: 18px;
  }
}
/*The folowing styles are for the ER portal, separated specifically by user story*/
/* tablet to deskptop */
.carousel-balances-inner {
  border-bottom: 1px solid rgba(51, 51, 51, 0.25);
}
.carousel-balances-inner .balances-box {
  position: absolute;
  z-index: 2;
  height: 180px;
  width: 100%;
  top: 5%;
  left: 0%;
}
.carousel-balances-inner .balances-box .logo {
  position: relative;
  float: left;
  height: 90%;
  margin: 0 20px;
  padding: 0 20px;
  border-right: 2px solid #ccc;
}
.carousel-balances-inner .balances-box .title {
  position: relative;
  color: #6baa36;
  font-size: 64px;
}
.carousel-balances-inner .balances-box .subtitle {
  position: relative;
  font-size: 32px;
  color: #505050;
}
.carousel-balances-inner .balances-box p {
  position: relative;
  top: 50px;
}
.carousel-balances-inner .balances-box p:last-of-type {
  left: 210px;
}
.mobile-balances {
  position: relative;
}
.mobile-balances .mobile-balances-box {
  z-index: 2;
  height: 313px;
  background: url(/Participant/Content/images/mobile-available-balance.jpg) no-repeat top right;
}
.mobile-balances .mobile-balances-box.wellness-balances {
  height: 375px;
  background: url(/Participant/Content/images/balance-xs.jpg) no-repeat top right;
}
.mobile-balances .mobile-balances-box .logo {
  height: 70px;
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ccc;
}
.mobile-balances .mobile-balances-box .title {
  position: relative;
  color: #6baa36;
  font-size: 18px;
}
#alert-carousel {
  height: auto;
}
/* mobile */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .carousel-balances-inner .balances-box .logo {
    height: 112px;
  }
  .carousel-balances-inner .balances-box .title {
    top: 15px;
    font-size: 34px;
  }
  .carousel-balances-inner .balances-box p {
    top: 20px;
  }
  .carousel-balances-inner .balances-box p:last-of-type {
    top: 10px;
    left: 200px;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .carousel-balances-inner .balances-box .logo {
    height: 122px;
  }
  .carousel-balances-inner .balances-box .title {
    top: 10px;
    font-size: 42px;
  }
  .carousel-balances-inner .balances-box p {
    top: 20px;
  }
  .carousel-balances-inner .balances-box p:last-of-type {
    top: 20px;
    left: 210px;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .carousel-balances-inner .balances-box {
    position: absolute;
    z-index: 2;
    height: 130px;
    width: 100%;
    top: 5%;
    left: 0%;
  }
  .carousel-balances-inner .balances-box .logo {
    height: 120px;
  }
  .carousel-balances-inner .balances-box .title {
    font-size: 48px;
  }
  .carousel-balances-inner .balances-box p {
    top: 50px;
  }
  .carousel-balances-inner .balances-box p:last-of-type {
    top: 50px;
  }
}
.ebc-title-compact {
  font-size: 30px;
  font-weight: bold;
  color: #333;
  line-height: 1.1;
  padding-bottom: 10px;
  border-bottom: 1px solid #777;
}
.img-header h1 {
  top: 50px;
  font-size: 36px;
  margin: 0;
  float: left;
  color: #808080;
}
.img-header h1.default-heading {
  top: 30px;
}
.default-header object {
  height: 104px;
}
.prelogin-header object {
  height: 148px;
  padding-right: 20px;
  margin-right: 20px;
  float: left;
  border-right: 1px solid #cccccc;
}
.prelogin-header h1 {
  top: 50px;
  font-size: 36px;
  margin: 0;
  float: left;
  position: relative;
  color: #808080;
}
.editedrow {
  /* Selected row highlight — light yellow for visual distinction from hover/stripe grays.
     Used by SecondaryCards datatable row selection. Blast radius: LOW. */
  background-color: #fffde7;
}
span.text-danger {
  font-size: 75%;
}
@media (min-width: 361px) and (max-width: 822px) {
  .img-header object {
    height: 80px;
    padding-right: 20px;
    margin-right: 20px;
  }
  .img-header h1 {
    font-size: 22px;
    top: 30px;
  }
}
@media (max-width: 360px) {
  .img-header object {
    height: 60px;
    padding-right: 10px;
    margin-right: 10px;
  }
  .img-header h1 {
    font-size: 16px;
    top: 20px;
  }
}
.btn:not(.ds-btn) .fa,
.btn:not(.ds-btn) .fas,
.btn:not(.ds-btn) .far,
.btn:not(.ds-btn) .fab,
.btn:not(.ds-btn) .fal,
.btn:not(.ds-btn) .fad,
.btn:not(.ds-btn) .svg-inline--fa {
  margin-right: 0.35em;
}
.uploaded-documentation {
  position: relative;
}
.uploaded-documentation button.close-documentation {
  position: absolute;
  top: -10px;
  left: 70%;
  padding: 0;
  font-size: 0.85em;
}
.uploaded-documentation button.close-documentation i {
  color: #337ab7;
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .yamm-content {
  padding: 0 10px;
}
/*Base header styles, these will affect all headers irrespective of breakpoint*/
.ebc-header {
  position: relative;
}
.ebc-header h1 {
  margin: 0;
  float: left;
  position: relative;
  color: #333333;
}
@media (max-width: 767px) {
  .ebc-header h1 {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ebc-header h1 {
    top: 1rem;
    font-size: 3rem;
  }
}
@media (min-width: 992px) {
  .ebc-header h1 {
    font-size: 3.5rem;
  }
}
.field-validation-error {
  font-size: 75%;
  color: #a94442;
}
.has-error .span {
  color: #a94442;
}
.affix-bottom {
  position: absolute;
}
.affix {
  top: 100px;
}
#scrollnav {
  margin-left: 20px;
}
.scrollspy-nav .nav {
  padding-bottom: 5px;
}
.scrollspy-nav .nav li a {
  display: block;
  padding: 1px 10px;
  font-size: 14px;
  font-weight: 500;
  color: #999999;
}
.scrollspy-nav .nav li a:hover,
.scrollspy-nav .nav li a:focus {
  padding-left: 19px;
  color: #333333;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #333333;
}
.scrollspy-nav .nav li ul {
  margin-left: 10px;
}
.scrollspy-nav .nav li.active a,
.scrollspy-nav .nav li.active:hover a,
.scrollspy-nav .nav li.active:focus a {
  padding-left: 18px;
  font-weight: 700;
  color: #333333;
  background-color: transparent;
  border-left: 2px solid #333333;
}
.popover-content,
.popover-body {
  font-size: 16px;
  font-weight: normal;
  color: #333333;
}
.home-tiles {
  max-width: 800px;
}
.home-tiles h3 {
  font-size: 27px;
  margin-bottom: 2px;
}
.home-tiles h4 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.plan-tile-header {
  color: #3a5675;
  margin-bottom: 5px;
}
.transaction-tile-header {
  color: #df8c19;
  margin-bottom: 5px;
}
.home-tile {
  display: block;
  position: relative;
  background-color: #f4f4f4;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  color: #333333;
}
.home-tile p {
  font-weight: bold;
  font-size: 16px;
  margin: 10px 5px;
}
.home-tile hr {
  border-top: 1px solid #9d9d9d;
  margin: 0px 20px 0px 0px;
}
.home-tile .details-link {
  text-align: center;
}
.home-tile:hover {
  text-decoration: none;
}
.plan-tile {
  border-top: 5px solid #3a5675;
}
.plan-tile:hover {
  color: #3a5675;
  background-color: #e6e6e6;
}
.plan-tile:hover .card-inactive,
.plan-tile:hover .card-action-required {
  color: #3a5675;
}
.plan-tile .card-inactive {
  color: #df8c19;
}
.plan-tile .card-action-required {
  color: red;
}
.transaction-tile {
  border-top: 5px solid #df8c19;
}
.transaction-tile:hover {
  color: #df8c19;
  background-color: #e6e6e6;
}
.balance-bar {
  width: 100%;
  max-height: 30px;
}
.right-vert-rule {
  margin-top: 5px;
}
.info-notices {
  margin-bottom: 0px;
}
.info-notices ul {
  padding-left: 1rem;
  margin-bottom: 0;
}
.info-notices a {
  font-size: 16px;
  color: #3a5675;
}
.info-notices a:hover {
  text-decoration: none;
  color: #547dab;
}
/* Extra Small (xs) and Small breakpoints (phone or tablet) */
@media (max-width: 999px) {
  .home-tiles h3 {
    font-size: 25px;
  }
  .home-tiles h4 {
    font-size: 16px;
  }
}
/* Extra Small (xs) breakpoint (phone) */
@media (max-width: 767px) {
  hr {
    margin: 0px;
  }
}
/* Small breakpoint and up (monitor or tablet) */
@media (min-width: 768px) {
  .right-vert-rule {
    margin-left: 5px;
    border-right: 1px solid #9d9d9d;
  }
  .right-section {
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .details-link {
    text-align: right;
  }
  .plan-tile .details-link {
    margin-top: 5px;
  }
}