@charset "UTF-8";
/* All SASS partials are to be included in this file */
/* Import all vendor SASS/CSS files */
/* Removed from inclusion for exi-transitional period
@import "bootstrap/bootstrap";
@import "token-input/token-input";
@import "select2/select2.min";
@import "select2/s2-docs";
@import "footable/footable.bootstrap.min";
@import "fullcalendar/fullcalendar";
*/
/* Import all global SASS files */
/* Import all global theme SASS files */
/* COLOR VARIATION CALCULATION */
:root {
  --brand-primary: hsl(0, 0%, 20%);
  --brand-primary-h: 0;
  --brand-primary-s: 0%;
  --brand-primary-l: 20%;
  --brand-secondary: hsl(0, 0%, 100%);
  --brand-secondary-h: 0;
  --brand-secondary-s: 0%;
  --brand-secondary-l: 100%;
  --brand-accent-light: hsl(198, 100%, 69%);
  --brand-accent-light-h: 198;
  --brand-accent-light-s: 100%;
  --brand-accent-light-l: 69%;
  --brand-accent-dark: hsl(200, 100%, 35%);
  --brand-accent-dark-h: 200;
  --brand-accent-dark-s: 100%;
  --brand-accent-dark-l: 35%;
  --brand-interactive: hsl(244, 93%, 32%);
  --brand-interactive-h: 244;
  --brand-interactive-s: 93%;
  --brand-interactive-l: 32%;
  --brand-fill-lightest: hsl(0, 0%, 100%);
  --brand-fill-lightest-h: 0;
  --brand-fill-lightest-s: 0%;
  --brand-fill-lightest-l: 100%;
  --brand-fill-light: hsl(0, 0%, 96%);
  --brand-fill-light-h: 0;
  --brand-fill-light-s: 0%;
  --brand-fill-light-l: 96%;
  --brand-fill-dark: hsl(0, 0%, 20%);
  --brand-fill-dark-h: 0;
  --brand-fill-dark-s: 0%;
  --brand-fill-dark-l: 20%;
  --brand-border-light: hsl(0, 0%, 86%);
  --brand-border-light-h: 0;
  --brand-border-light-s: 0%;
  --brand-border-light-l: 86%;
  --brand-border-dark: hsl(0, 0%, 66%);
  --brand-border-dark-h: 0;
  --brand-border-dark-s: 0%;
  --brand-border-dark-l: 66%;
  --brand-text: hsl(0, 0%, 20%);
  --brand-text-h: 0;
  --brand-text-s: 0%;
  --brand-text-l: 20%;
  --brand-text-light: hsl(0, 0%, 100%);
  --brand-text-light-h: 0;
  --brand-text-light-s: 0%;
  --brand-text-light-l: 100%;
  --brand-text-disabled: hsl(0, 0%, 66%);
  --brand-text-disabled-h: 0;
  --brand-text-disabled-s: 0%;
  --brand-text-disabled-l: 66%;
  --brand-success: hsl(86, 100%, 24%);
  --brand-success-h: 86;
  --brand-success-s: 100%;
  --brand-success-l: 24%;
  --brand-warning: hsl(33, 100%, 32%);
  --brand-warning-h: 33;
  --brand-warning-s: 100%;
  --brand-warning-l: 32%;
  --brand-danger: hsl(348, 83%, 46%);
  --brand-danger-h: 348;
  --brand-danger-s: 83%;
  --brand-danger-l: 46%;
  --brand-message: hsl(200, 100%, 35%);
  --brand-message-h: 200;
  --brand-message-s: 100%;
  --brand-message-l: 35%;
  --brand-task: hsl(36, 100%, 33%);
  --brand-task-h: 36;
  --brand-task-s: 100%;
  --brand-task-l: 33%;
  --theme-global-header-inner-bg: var(--brand-secondary);
  --theme-global-header-outer-bg: var(--brand-primary);
  --theme-global-header-border: var(--brand-primary);
  --theme-global-header-home-link-bg: var(--brand-primary);
  --theme-global-header-home-link-icon: var(--brand-secondary);
  --theme-global-header-home-link-active: var(--brand-secondary);
  --theme-global-header-main-nav-icons: var(--brand-interactive);
  --theme-global-header-main-nav-text: var(--brand-text);
  --theme-global-header-main-nav-text-mobile: var(--brand-text);
  --theme-global-header-main-nav-border-mobile: var(--brand-border-dark);
  --theme-global-header-main-nav-toggle: var(--brand-primary);
  --theme-global-header-main-nav-toggle-active: var(--brand-primary);
  --theme-global-header-main-nav-toggle-icon: var(--brand-fill-lightest);
  --theme-global-header-main-nav-background: var(--brand-fill-lightest);
  --theme-global-header-badge: var(--brand-accent-light);
  --theme-global-header-search: var(--brand-interactive);
  --theme-global-header-search-active: var(--brand-interactive-active);
  --theme-global-header-user-options: var(--brand-interactive);
  --theme-global-header-user-options-active: var(--brand-interactive);
}

/*------------------------------*/
/* THEME HOOKS
Table of Contents
- Global Header
  - Home Link
  - Main Nav
  - Search
  - User Options
- Badge
- Page Header
- Buttons
*/
.exi-transitional {
  /*------------------------------*/
}
.exi-transitional .org-global-header {
  background: #333;
  /* IE11 fallback */
  background: var(--theme-global-header-outer-bg);
  border-bottom-color: #333;
  /* IE11 fallback */
  border-bottom-color: var(--theme-global-header-border);
  /*------------------------------*/
}
.exi-transitional .org-global-header .org-global-header__inner-wrap {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--theme-global-header-inner-bg);
  height: 4.8rem;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(100% - 50px);
  border-bottom-left-radius: 1.2rem;
}
.exi-transitional
  .org-global-header
  .org-global-header__inner-wrap
  label.main-menu-btn {
  position: relative;
  display: none;
  width: 5rem;
  height: 4.8rem;
  margin-right: 1.2rem;
  top: -5rem;
  left: 0;
  background-color: #333;
  /* IE11 fallback */
  background-color: var(--brand-fill-dark);
}
@media (max-width: 858px) {
  .exi-transitional
    .org-global-header
    .org-global-header__inner-wrap
    label.main-menu-btn {
    display: inline-block;
  }
}
.exi-transitional .org-global-header .global-drawer-button {
  background-color: #333 !important;
  /* IE11 fallback */
  background-color: var(--brand-fill-dark) !important;
  border-radius: 0;
  color: #fff !important;
  /* IE11 fallback */
  color: var(--theme-global-header-home-link-icon) !important;
  height: 4.8rem;
  position: relative;
  width: 5rem;
}
.exi-transitional .org-global-header .global-drawer-button:focus {
  z-index: 999;
}
.exi-transitional
  .org-global-header
  .mol-global-home-link
  div.org-global-header__spacer {
  background-color: #333;
  /* IE11 fallback */
  background-color: var(--brand-fill-dark);
  display: inline-block;
  float: left;
}
.exi-transitional
  .org-global-header
  .mol-global-home-link
  div.org-global-header__spacer
  div.org-global-header__inner-spacer {
  border-bottom-left-radius: 1.2rem;
  width: 1.2rem;
  height: 4.8rem;
  background-color: #fff !important;
  /* IE11 fallback */
  background-color: var(--theme-global-header-home-link-icon) !important;
}
.exi-transitional .org-global-header .mol-global-home-link a {
  display: block;
  width: 16.5rem;
}
.exi-transitional .org-global-header .mol-global-home-link a::after {
  background: url("/images/branding-logo.png") 0 0 no-repeat;
}
@media (max-width: 768px) {
  .exi-transitional .org-global-header.dontscroll .mol-global-header-main-nav {
    background: #fff;
    /* IE11 fallback */
    background: var(--theme-global-header-main-nav-background);
  }
}
.exi-transitional .org-global-header label.main-menu-btn {
  background: #333;
  /* IE11 fallback */
  background: var(--theme-global-header-main-nav-toggle);
}
.exi-transitional .org-global-header label.main-menu-btn:hover,
.exi-transitional .org-global-header label.main-menu-btn:active {
  background: #333;
  /* IE11 fallback */
  background: var(--theme-global-header-main-nav-toggle-active);
}
.exi-transitional
  .org-global-header
  #main-menu-state:focus
  ~ label.main-menu-btn {
  background: #333;
  /* IE11 fallback */
  background: var(--theme-global-header-main-nav-toggle-active);
}
.exi-transitional .org-global-header .main-menu-btn-icon,
.exi-transitional .org-global-header .main-menu-btn-icon::before,
.exi-transitional .org-global-header .main-menu-btn-icon::after {
  background: #fff;
  /* IE11 fallback */
  background: var(--theme-global-header-main-nav-toggle-icon);
}
.exi-transitional .org-global-header .mol-global-header-main-nav .sm > li {
  border-bottom-color: #a9a9a9;
  /* IE11 fallback */
  border-bottom-color: var(--theme-global-header-main-nav-border-mobile);
}
.exi-transitional .org-global-header .mol-global-header-main-nav .sm > li > a {
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-icons);
}
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .sm
  > li
  > a::before {
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-icons);
}
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .sm
  > li
  > a
  > span {
  color: #333;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-text);
}
@media (max-width: 768px) {
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .sm
    > li
    > a
    > span {
    color: #333;
    /* IE11 fallback */
    color: var(--theme-global-header-main-nav-text-mobile);
  }
}
.exi-transitional .org-global-header .mol-global-search-button {
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-search);
}
.exi-transitional .org-global-header .mol-global-search-button:hover,
.exi-transitional .org-global-header .mol-global-search-button:focus,
.exi-transitional .org-global-header .mol-global-search-button:active {
  color: #0b046c;
  /* IE11 fallback */
  color: var(--theme-global-header-search-active);
}
.exi-transitional .org-global-header .mol-user-options .atom-button,
.exi-transitional .org-global-header .mol-user-options .glyphicon {
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-user-options);
}
.exi-transitional .org-global-header .mol-user-options .atom-button:hover,
.exi-transitional .org-global-header .mol-user-options .atom-button:active,
.exi-transitional .org-global-header .mol-user-options .atom-button:focus,
.exi-transitional
  .org-global-header
  .mol-user-options
  .atom-button:hover
  .glyphicon,
.exi-transitional
  .org-global-header
  .mol-user-options
  .atom-button:focus
  .glyphicon,
.exi-transitional
  .org-global-header
  .mol-user-options
  .atom-button:active
  .glyphicon {
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-user);
}
.exi-transitional .org-global-header .mol-badge {
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--theme-global-header-badge);
}
.exi-transitional .org-global-header__drawer.mol-drawer {
  bottom: 0;
  left: -30rem;
  right: unset;
  top: 50px;
  -webkit-box-shadow: 9px 0px 10px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 9px 0px 10px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 9px 0px 10px 0px rgba(0, 0, 0, 0.28);
}
.exi-transitional .org-global-header__drawer.mol-drawer.mol-drawer--in {
  left: 0;
  right: unset;
}
.exi-transitional .org-global-header__drawer.mol-drawer .mol-drawer--body {
  height: 100%;
  padding: 0;
}
.exi-transitional .org-global-header__drawer.mol-drawer h3 {
  font-weight: 200;
}
.exi-transitional
  .global-drawer__list
  li
  .global-drawer__button
  .global-drawer__leading-icon {
  background-size: contain !important;
  margin-right: 1rem;
  height: 3rem;
  width: 3.3rem;
}
.exi-transitional
  .global-drawer__list
  li
  .global-drawer__button
  .global-drawer__leading-icon.drawer-icon--campus {
  background: url("/images/icons/JNZ_CAM_icon_crop.png") 0 0 no-repeat;
}
.exi-transitional
  .global-drawer__list
  li
  .global-drawer__button
  .global-drawer__leading-icon.drawer-icon--core {
  background: url("/images/icons/JNZ_COR_icon_crop.png") 0 0 no-repeat;
}
.exi-transitional
  .global-drawer__list
  li
  .global-drawer__button
  .global-drawer__leading-icon.drawer-icon--financial {
  background: url("/images/icons/JNZ_FIN_icon_crop.png") 0 0 no-repeat;
}
.exi-transitional
  .global-drawer__list
  li
  .global-drawer__button
  .global-drawer__leading-icon.drawer-icon--humanresources {
  background: url("/images/icons/JNZ_HR_icon_crop.png") 0 0 no-repeat;
}
.exi-transitional
  .global-drawer__list
  li
  .global-drawer__button
  .global-drawer__leading-icon.drawer-icon--student {
  background: url("/images/icons/JNZ_STU_icon_crop.png") 0 0 no-repeat;
}

/* Import all theme SASS files */
/*
TABLE OF CONTENTS
- Color Variables (The colors themselves)
- Global Purpose Variables (How the colors get used)
*/
.exi-transitional .mol-list-key .list li.full-list-key-inactive span,
.exi-transitional
  table.mol-full-list-table:not(.footable-details)
  > tbody
  > tr.row-inactive {
  background: #ffffff;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 0.5em,
    #eceef1 0.5em,
    #eceef1 1em
  );
}

.exi-transitional .color-text-muted,
.exi-transitional .text-muted {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional .color-text-success,
.exi-transitional .text-success {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional .color-text-warning,
.exi-transitional .text-warning {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional .color-text-danger,
.exi-transitional .text-danger {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional .color-message {
  color: #0077b3 !important;
  /* IE11 fallback */
  color: var(--brand-message) !important;
}
.exi-transitional .color-message--light {
  color: #009ceb !important;
  /* IE11 fallback */
  color: var(--brand-message), 1, 1.285 !important;
}
.exi-transitional .color-message--lightest {
  background: #f0faff !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-message-h),
    calc(var(--brand-message-s) * 1),
    calc(var(--brand-message-l) * 2.78)
  ) !important;
}
.exi-transitional .color-task {
  color: #a96600 !important;
  /* IE11 fallback */
  color: var(--brand-task) !important;
}
.exi-transitional .color-task--light {
  color: #d68100 !important;
  /* IE11 fallback */
  color: hsl(
    var(--brand-task-h),
    calc(var(--brand-task-s) * 1),
    calc(var(--brand-task-l) * 1.27)
  ) !important;
}
.exi-transitional .color-task--lightest {
  background: #fff5e5 !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-task-h),
    calc(var(--brand-task-s) * 1),
    calc(var(--brand-task-l) * 2.88)
  ) !important;
}

/* ANIMATION */
.exi-transitional a,
.exi-transitional .atom-button,
.exi-transitional .btn,
.exi-transitional .org-global-alert-bar {
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}

/*
TABLE OF CONTENTS
- Global Border Radius
- Global Border Widths
  - Default
  - Medium
  - Heavy
- Border Radii
  - All
  - Left (Top and Bottom)
  - Right (Top and Bottom)
  - Top Left
  - Top Right
  - Bottom Right
  - Bottom Left
- Default Border
  - All
  - Top
  - Right
  - Bottom
  - Left
*/
/* NOTE: BORDER COLOR VARIABLES ARE DEFINED IN _theme-core.scss */
/* GLOBAL BORDER RADIUS */
/*----------------------------------------*/
/* GLOBAL BORDER WIDTHS */
/*----------------------------------------*/
/* BORDER RADII */
/* All */
/* Left */
/* Right */
/* Top Left */
/* Top Right */
/* Bottom Right */
/* Bottom Left */
/*----------------------------------------*/
/* DEFAULT BORDER */
/* Placeholders - All usages get included as one declaration within the _border.scss file */
.exi-transitional .atom-button,
.exi-transitional .btn,
.exi-transitional input[type="number"],
.exi-transitional input[type="text"],
.exi-transitional input[type="email"],
.exi-transitional
  [x-input]
  .form-control:not(#global-header-search_input):not(textarea),
.exi-transitional
  [x-input]:last-child
  .form-control:not(#global-header-search_input):not(textarea),
.exi-transitional x-input-textarea textarea .form-control,
.exi-transitional .mol-block .mol-block--heading,
.exi-transitional .mol-block .mol-block--body,
.exi-transitional .mol-block .mol-block--footer,
.exi-transitional .mol-block.outside .mol-block--body,
.exi-transitional .panel .panel-heading,
.exi-transitional .panel .panel-heading.blank,
.exi-transitional .panel.panel-default .panel-heading,
.exi-transitional .panel.panel-default .panel-heading.blank,
.exi-transitional .mol-panel .panel-heading,
.exi-transitional .mol-panel .panel-heading.blank,
.exi-transitional .panel .panel-body,
.exi-transitional .panel.panel-default .panel-body,
.exi-transitional .mol-panel .panel-body,
.exi-transitional .panel .panel-footer,
.exi-transitional .panel .panel-footer.blank,
.exi-transitional .panel.panel-default .panel-footer,
.exi-transitional .panel.panel-default .panel-footer.blank,
.exi-transitional .mol-panel .panel-footer,
.exi-transitional .mol-panel .panel-footer.blank,
.exi-transitional .mol-multiselect-dropdown .select2-dropdown,
.exi-transitional .mol-list-key .list li span,
.exi-transitional .modal,
.exi-transitional .modal.mol-modal,
.exi-transitional .org-page-body .org-page-body--heading,
.exi-transitional .org-page-body .org-page-body--body,
.exi-transitional .org-page-body .org-page-body--footer,
.exi-transitional .org-page-body.outside .org-page-body--body {
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional hr,
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional .mol-split-button-dropdown button:last-child,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child,
.exi-transitional .mol-split-button-dropdown a:last-child,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child,
.exi-transitional .mol-button-group button:last-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child,
.exi-transitional .mol-button-group a:last-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child,
.exi-transitional .mol-toggle .toggle-handle,
.exi-transitional
  .mol-pagination.btn-toolbar
  .mol-button-group
  button:nth-child(2),
.exi-transitional .mol-title-dropdown > button.dropdown-toggle,
.exi-transitional .mol-skip-navigation .dropMenu-menu {
  border-right: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional .mol-overview-block table th,
.exi-transitional .mol-overview-block table td,
.exi-transitional .mol-skip-navigation .dropMenu-menu,
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"]
  .mol-user-options__current,
.exi-transitional .org-data-entry-form fieldset {
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional .mol-drawer,
.exi-transitional .mol-toggle .toggle-handle {
  border-left: 0;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

/* Mixins - All usages are listed separately within their respective component files */
/*
TABLE OF CONTENTS
- Margin
  - Positive
  - Negative
- Padding
  - Positive
  - Negative
- Positioning (for absolute/fixed positioning)
  - Positive
  - Negative
*/
/* MARGIN */
/* Positive */
/* Negative */
/*----------------------------*/
/* PADDING */
/* Positive */
/* Negative */
/*----------------------------*/
/* POSITIONING */
/* Positive */
/* Negative */
/*
TABLE OF CONTENTS
- Font Stack
- Sizes
- Weights
  - Variables
  - HTML Tags
  - Classes
- Headings
- Utility
  - Text Size Classes
  - Global Text Styles
*/
/* FONT STACK */
/* Averta */
@font-face {
  font-family: "Averta";
  src: url("/fonts/averta-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Averta-Light";
  src: url("/fonts/averta-light.woff") format("woff");
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: "Averta-Bold";
  src: url("/fonts/averta-semibold.woff") format("woff");
  font-weight: bolder;
  font-style: normal;
}
/*----------------------------------*/
/* SIZES */
/* 10 px root text size - Shared with pre-component EXi */
/* 10px */
/* 12px */
/* 14px */
/* 18px */
/* 20px */
/* 22px */
/* WEIGHTS */
/* Variables */
.exi-transitional strong {
  font-weight: 700;
}
.exi-transitional h1,
.exi-transitional h2,
.exi-transitional h3,
.exi-transitional h4,
.exi-transitional h5,
.exi-transitional h6 {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  line-height: 1.2;
  margin: 0 0 0.3rem 0;
  padding: 0;
  border: none;
}
.exi-transitional h1 {
  font-family: "Averta-Light", sans-serif;
  font-size: 3.6rem;
}
.exi-transitional h2 {
  font-family: "Averta-Light", sans-serif;
  font-size: 3.2rem;
}
.exi-transitional h3 {
  font-family: "Averta-Light", sans-serif;
  font-size: 2.6rem;
}
.exi-transitional h4 {
  font-family: "Averta-Light", sans-serif;
  font-size: 2.2rem;
}
.exi-transitional h5 {
  font-family: "Averta", sans-serif;
  font-size: 1.8rem;
}
.exi-transitional h6 {
  font-family: "Averta-Bold", sans-serif;
  font-size: 1.5rem;
}
.exi-transitional .text-size-xs {
  font-size: 1rem !important;
}
.exi-transitional .text-size-sm {
  font-size: 1.2rem !important;
}
.exi-transitional .text-size-md {
  font-size: 1.4rem !important;
}
.exi-transitional .text-size-lg {
  font-size: 1.8rem !important;
}
.exi-transitional .text-size-xl {
  font-size: 2rem !important;
}
.exi-transitional .text-style--subtext {
  font-size: 1.2rem;
  font-weight: 400;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}

/*
TABLE OF CONTENTS
- Boostrap Icons
- Custom Icons
*/
/* Bootstrap Icons */
@font-face {
  font-family: "Glyphicons Halflings";
  src: url("/fonts/glyphicons-halflings-regular.eot");
  src: url("/fonts/glyphicons-halflings-regular.eot?#iefix")
      format("embedded-opentype"),
    url("/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
    url("/fonts/glyphicons-halflings-regular.woff") format("woff"),
    url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
    url("/fonts/glyphicons-halflings-regular.svg#@{icon-font-svg-id}")
      format("svg");
}

/* FontAwesome */
@font-face {
  font-family: "FontAwesome";
  src: url("/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0")
      format("embedded-opentype"),
    url("/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
    url("/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
    url("/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
    url("/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.exi-transitional .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

/*------------------------------------------*/
/* Custom Icons */
@font-face {
  font-family: "jzb-icon-set";
  src: url("/fonts/jzb-icon-set.eot?-2q0owe");
  src: url("/fonts/jzb-icon-set.eot?#iefix-2q0owe") format("embedded-opentype"),
    url("/fonts/jzb-icon-set.woff?-2q0owe") format("woff"),
    url("/fonts/jzb-icon-set.ttf?-2q0owe") format("truetype"),
    url("/fonts/jzb-icon-set.svg?-2q0owe#jzb-icon-set") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="jzb-glyph-"],
[class*=" jzb-glyph-"] {
  font-family: "jzb-icon-set";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.exi-transitional .jzb-glyph-glyphicon-lock:before {
  content: "\e600";
}

.exi-transitional .jzb-glyph-glyphicon-hub:before {
  content: "\e601";
}

.exi-transitional .jzb-glyph-glyphicon-place:before {
  content: "\e602";
}

.exi-transitional .jzb-glyph-glyphicon-space:before {
  content: "\e603";
}

.exi-transitional .jzb-glyph-glyphicon-flip:before {
  content: "\e604";
}

.exi-transitional .jzb-glyph-glyphicon-reassign:before {
  content: "\e605";
}

.exi-transitional .jzb-glyph-glyphicon-events:before {
  content: "\e606";
}

.exi-transitional .jzb-glyph-glyphicon-session:before {
  content: "\e607";
}

.exi-transitional .jzb-glyph-glyphicon-permission:before {
  content: "\e608";
}

.exi-transitional .jzb-glyph-glyphicon-parentchild:before {
  content: "\e609";
}

.exi-transitional .jzb-glyph-glyphicon-childparent:before {
  content: "\e610";
}

.exi-transitional .jzb-glyph-glyphicon-idcard:before {
  content: "\e611";
  color: #10069f !important;
}

.exi-transitional .jzb-glyph-glyphicon-course:before {
  content: "\e612";
}

.exi-transitional .jzb-glyph-glyphicon-filter:before {
  content: "\e613";
}

.exi-transitional .jzb-glyph-glyphicon-health-group:before {
  content: "\e614";
}

.exi-transitional .jzb-glyph-glyphicon-applicant-group:before {
  content: "\e615";
}

.exi-transitional .jzb-glyph-glyphicon-facility-group:before {
  content: "\e616";
}

.exi-transitional .jzb-glyph-glyphicon-scheduler:before {
  content: "\e617";
}

.exi-transitional .jzb-glyph-glyphicon-section:before {
  content: "\e618";
}

.exi-transitional .jzb-glyph-glyphicon-edit-details:before {
  content: "\e619";
}

.exi-transitional .jzb-glyph-glyphicon-broken-recurrence:before {
  content: "\e620";
}

.exi-transitional .jzb-glyph-glyphicon-comment-outline:before {
  content: "\e621";
}

.exi-transitional .glyphicon-none:before {
  content: "\2122";
  color: transparent !important;
}

/* SHADOWS */
.exi-transitional .mol-button-dropdown ul[role="menu"],
.exi-transitional .org-page-header.org-page-header--scrollup {
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
}

.exi-transitional .org-page-header {
  z-index: 1;
}
.exi-transitional .mol-popover-calendar {
  z-index: 100004;
}
.exi-transitional .mol-popover .popover {
  z-index: 100005;
}
.exi-transitional .mol-drawer {
  z-index: 100007;
}
.exi-transitional .org-global-header {
  z-index: 100006;
}
.exi-transitional .mol-modal {
  z-index: 100009;
}
.exi-transitional .org-global-alert-bar {
  z-index: 100015;
}
.exi-transitional .mol-loading-indicator {
  z-index: 100016;
}
.exi-transitional .mol-skip-navigation,
.exi-transitional .dropMenu {
  z-index: 100017;
}

.modal-backdrop {
  z-index: 100008;
}

.mol-modal,
.modal {
  z-index: 100009;
}

.ui-datepicker {
  z-index: 100110;
}

.ui-timepicker-wrapper {
  z-index: 100111;
}

.token-input-dropdown {
  z-index: 100112;
}

.mol-button-dropdown ul {
  z-index: 100113;
}

.select2-dropdown,
.select2-container ~ .select2-container {
  z-index: 100114;
}

.htDropdownMenu:not(.htGhostTable) {
  z-index: 100114 !important;
}

.htFiltersConditionsMenu:not(.htGhostTable) {
  z-index: 100124 !important;
}

/* Import all core SASS files */
/*
TABLE OF CONTENTS
- Basic HTML Tags
- Breadcrumbs (move to component!!!)
*/
/* BASIC HTML TAGS */
html {
  font-family: "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  font-size: 10px;
  height:100%;
  margin: 0;
  padding: 0;
}

body {
  font-size: 1.4rem;
  background: #f6f6f6;
  height:100%;
  /* IE11 fallback */
  background: var(--brand-fill-light);
  overflow: hidden;
}

.exi-transitional section {
  margin: 0;
}
.exi-transitional hr {
  margin: 1.6rem 0;
  border-color: #a9a9a9;
  /* IE11 fallback */
  border-color: var(--brand-border-dark);
}
.exi-transitional p {
  margin: 0 0 1.6rem 0;
}
.exi-transitional a {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  text-decoration: underline;
}

.exi-transitional a:hover,
.exi-transitional a:focus,
.exi-transitional a:active {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}

/*--------------------------------------*/
/* Breadcrumbs */
.exi-transitional .list-inline.mol-page-level-breadcrumbs li::after {
  border-left: 0.5em solid #c4c4c4;
}

/* TABLE OF CONTENTS
- Framework (container/row/column...)
- Miscellaneous
*/
.exi-transitional .container {
  position: relative;
}
.exi-transitional .row {
  display: block;
  margin: 0;
  width: 100%;
}
/* .exi-transitional [class^="col-"] {
  padding: 0;
} */
.exi-transitional .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.exi-transitional .disabled label,
.exi-transitional fieldset[disabled] label {
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional .progress {
  background-color: #e5e5e5;
}
.exi-transitional .progress-bar-danger {
  background-color: #d30000;
}

/* Import all utility SASS files */
/*--------------------------------
NEEDS REFACTOR TO SASS!!!
--------------------------------*/
/*
TABLE OF CONTENTS
- Skip Nav
- Back to Top Link
*/
/* Skip navigation start */
#skiptocontent {
  padding: 6px;
  position: fixed;
  top: -40px;
  left: 0px;
  color: #fff;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-bottom-right-radius: 8px;
  background: #d30000;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 10000;
}

#skiptocontent:focus {
  position: fixed;
  left: 0px;
  top: 0px;
  background: #d30000;
  outline: 0;
  -webkit-transition: top 0.1s ease-in, background 0.5s linear;
  transition: top 0.1s ease-in, background 0.5s linear;
}

/* Skip navigation end */
/* Back to top link */
.jzb-btn-back-to-top {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 50px;
  height: 50px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  font-size: 1.75em;
  color: #ffffff;
  background-color: #636668;
  opacity: 0.5;
  z-index: 1000;
}

/* These additions style buttons to look like regular dropdown menu options, so we can use buttons for actions instead of regular a href links for better accessibility */
.dropdown-menu > li > button {
  display: block;
  padding: 3px 20px;
  clear: both;
  width: auto;
  text-align: left;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  background: none;
  border: none;
}

.dropdown-menu > li > button:focus,
.dropdown-menu > li > button:hover {
  width: 100%;
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

/* TABLE OF CONTENTS
- Mixins
- Column Spacing
- Utilities
  - Spacing
  - Display
  - Float
  - Truncate with Ellipsis
- Resets
- Demo Only
- Alpha
*/
.exi-transitional [class^="col-"]:not(:first-child),
.exi-transitional [class*=" col-"]:not(:first-child) {
  padding-left: 1.6rem;
}
.custom-alert-margin {
  margin: 0 0 1rem 0 !important;
  padding: 0 0 1rem 4rem !important;
}

@media (max-width: 320px) {
  .buttonGroup {
    display: flex;
    flex-direction: column;
  }

  .enter-manual-amount {
    margin-bottom: 5px !important;
  }

  .custom-flex-box {
    display: flex;
    flex-direction: column;
  }

  .button-flex-box {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .custom-button-margin {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 321px) {
  .buttonGroup {
    display: flex;
    flex-direction: row;
  }

  .enter-manual-amount {
    margin-right: 5px !important;
  }

  .custom-flex-box {
    display: flex;
    justify-content: space-between;
  }

  .button-flex-box {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
  }

  .custom-button-margin {
    margin-right: 5px !important;
  }
}

@media (max-width: 767px) {
  .save-success-width {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .save-success-width {
    width: 67% !important;
  }
}

@media (max-width: 1339px) {
  .custom-warning-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .warning-buttons {
    margin-bottom: 10px;
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
  }

  .close-save-warning {
    margin: 30px !important;
  }
}

@media (min-width: 1440px) {
  .custom-warning-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .warning-buttons {
    margin-left: -280px;
    margin-bottom: 20px;
    z-index: 1;
  }

  .close-save-warning {
    margin-right: 10px !important;
  }
}
@media (max-with: 768px) {
  .exi-transitional [class^="col-"]:not(:first-child)[class*="sm"],
  .exi-transitional [class^="col-"]:not(:first-child)[class*="md"],
  .exi-transitional [class^="col-"]:not(:first-child)[class*="lg"],
  .exi-transitional [class*=" col-"]:not(:first-child)[class*="sm"],
  .exi-transitional [class*=" col-"]:not(:first-child)[class*="md"],
  .exi-transitional [class*=" col-"]:not(:first-child)[class*="lg"] {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .exi-transitional [class^="col-"]:not(:first-child):not([class*="col-xs-12"]),
  .exi-transitional [class^="col-"]:not(:first-child)[class*="col-sm-12"],
  .exi-transitional [class^="col-"]:not(:first-child)[class*="col-md-12"],
  .exi-transitional [class^="col-"]:not(:first-child)[class*="col-lg-12"],
  .exi-transitional
    [class^="col-"]:not(:first-child)[class*="col-xs-12 col-md-"],
  .exi-transitional
    [class^="col-"]:not(:first-child)[class*="col-xs-12 col-lg-"],
  .exi-transitional
    [class*=" col-"]:not(:first-child):not([class*="col-xs-12"]),
  .exi-transitional [class*=" col-"]:not(:first-child)[class*="col-sm-12"],
  .exi-transitional [class*=" col-"]:not(:first-child)[class*="col-md-12"],
  .exi-transitional [class*=" col-"]:not(:first-child)[class*="col-lg-12"],
  .exi-transitional
    [class*=" col-"]:not(:first-child)[class*="col-xs-12 col-md-"],
  .exi-transitional
    [class*=" col-"]:not(:first-child)[class*="col-xs-12 col-lg-"] {
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .exi-transitional
    [class^="col-"]:not(:first-child)[class*="12"]:not([class*="col-xs-12"]),
  .exi-transitional
    [class*=" col-"]:not(:first-child)[class*="12"]:not([class*="col-xs-12"]) {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .exi-transitional .mol-call-out .row [class^="col-"]:not(:last-child),
  .exi-transitional .mol-call-out .row [class*=" col-"]:not(:last-child) {
    padding-bottom: 0.75rem;
  }
}
.exi-transitional .atom-button.util__spacing--bottom-xs,
.exi-transitional .btn.util__spacing--bottom-xs,
.exi-transitional a.util__spacing--bottom-xs,
.exi-transitional [x-input].util__spacing--bottom-xs {
  margin-bottom: 1.6rem !important;
}
.exi-transitional .atom-button.util__spacing--bottom-none-xs,
.exi-transitional .btn.util__spacing--bottom-none-xs,
.exi-transitional a.util__spacing--bottom-none-xs,
.exi-transitional [x-input].util__spacing--bottom-none-xs {
  margin-bottom: 0 !important;
}
.exi-transitional .atom-button.util__spacing--left-xs,
.exi-transitional .btn.util__spacing--left-xs,
.exi-transitional a.util__spacing--left-xs,
.exi-transitional [x-input].util__spacing--left-xs {
  margin-left: 1.2rem !important;
}
.exi-transitional .atom-button.util__spacing--left-none-xs,
.exi-transitional .btn.util__spacing--left-none-xs,
.exi-transitional a.util__spacing--left-none-xs,
.exi-transitional [x-input].util__spacing--left-none-xs {
  margin-left: 0 !important;
}
.exi-transitional .atom-button.util__spacing--right-xs,
.exi-transitional .btn.util__spacing--right-xs,
.exi-transitional a.util__spacing--right-xs,
.exi-transitional [x-input].util__spacing--right-xs {
  margin-right: 1.2rem !important;
}
.exi-transitional .atom-button.util__spacing--right-none-xs,
.exi-transitional .btn.util__spacing--right-none-xs,
.exi-transitional a.util__spacing--right-none-xs,
.exi-transitional [x-input].util__spacing--right-none-xs {
  margin-right: 0 !important;
}
.exi-transitional .atom-button.util__spacing--none-xs,
.exi-transitional .btn.util__spacing--none-xs,
.exi-transitional a.util__spacing--none-xs,
.exi-transitional [x-input].util__spacing--none-xs {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .exi-transitional .atom-button.util__spacing--bottom-sm,
  .exi-transitional .btn.util__spacing--bottom-sm,
  .exi-transitional a.util__spacing--bottom-sm,
  .exi-transitional [x-input].util__spacing--bottom-sm {
    margin-bottom: 1.6rem !important;
  }
  .exi-transitional .atom-button.util__spacing--bottom-none-sm,
  .exi-transitional .btn.util__spacing--bottom-none-sm,
  .exi-transitional a.util__spacing--bottom-none-sm,
  .exi-transitional [x-input].util__spacing--bottom-none-sm {
    margin-bottom: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--left-sm,
  .exi-transitional .btn.util__spacing--left-sm,
  .exi-transitional a.util__spacing--left-sm,
  .exi-transitional [x-input].util__spacing--left-sm {
    margin-left: 1.2rem !important;
  }
  .exi-transitional .atom-button.util__spacing--left-none-sm,
  .exi-transitional .btn.util__spacing--left-none-sm,
  .exi-transitional a.util__spacing--left-none-sm,
  .exi-transitional [x-input].util__spacing--left-none-sm {
    margin-left: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--right-sm,
  .exi-transitional .btn.util__spacing--right-sm,
  .exi-transitional a.util__spacing--right-sm,
  .exi-transitional [x-input].util__spacing--right-sm {
    margin-right: 1.2rem !important;
  }
  .exi-transitional .atom-button.util__spacing--right-none-sm,
  .exi-transitional .btn.util__spacing--right-none-sm,
  .exi-transitional a.util__spacing--right-none-sm,
  .exi-transitional [x-input].util__spacing--right-none-sm {
    margin-right: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--none-sm,
  .exi-transitional .btn.util__spacing--none-sm,
  .exi-transitional a.util__spacing--none-sm,
  .exi-transitional [x-input].util__spacing--none-sm {
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  .exi-transitional .atom-button.util__spacing--bottom-md,
  .exi-transitional .btn.util__spacing--bottom-md,
  .exi-transitional a.util__spacing--bottom-md,
  .exi-transitional [x-input].util__spacing--bottom-md {
    margin-bottom: 1.6rem !important;
  }
  .exi-transitional .atom-button.util__spacing--bottom-none-md,
  .exi-transitional .btn.util__spacing--bottom-none-md,
  .exi-transitional a.util__spacing--bottom-none-md,
  .exi-transitional [x-input].util__spacing--bottom-none-md {
    margin-bottom: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--left-md,
  .exi-transitional .btn.util__spacing--left-md,
  .exi-transitional a.util__spacing--left-md,
  .exi-transitional [x-input].util__spacing--left-md {
    margin-left: 1.2rem !important;
  }
  .exi-transitional .atom-button.util__spacing--left-none-md,
  .exi-transitional .btn.util__spacing--left-none-md,
  .exi-transitional a.util__spacing--left-none-md,
  .exi-transitional [x-input].util__spacing--left-none-md {
    margin-left: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--right-md,
  .exi-transitional .btn.util__spacing--right-md,
  .exi-transitional a.util__spacing--right-md,
  .exi-transitional [x-input].util__spacing--right-md {
    margin-right: 1.2rem !important;
  }
  .exi-transitional .atom-button.util__spacing--right-none-md,
  .exi-transitional .btn.util__spacing--right-none-md,
  .exi-transitional a.util__spacing--right-none-md,
  .exi-transitional [x-input].util__spacing--right-none-md {
    margin-right: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--none-md,
  .exi-transitional .btn.util__spacing--none-md,
  .exi-transitional a.util__spacing--none-md,
  .exi-transitional [x-input].util__spacing--none-md {
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  .exi-transitional .atom-button.util__spacing--bottom-lg,
  .exi-transitional .btn.util__spacing--bottom-lg,
  .exi-transitional a.util__spacing--bottom-lg,
  .exi-transitional [x-input].util__spacing--bottom-lg {
    margin-bottom: 1.6rem !important;
  }
  .exi-transitional .atom-button.util__spacing--bottom-none-lg,
  .exi-transitional .btn.util__spacing--bottom-none-lg,
  .exi-transitional a.util__spacing--bottom-none-lg,
  .exi-transitional [x-input].util__spacing--bottom-none-lg {
    margin-bottom: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--left-lg,
  .exi-transitional .btn.util__spacing--left-lg,
  .exi-transitional a.util__spacing--left-lg,
  .exi-transitional [x-input].util__spacing--left-lg {
    margin-left: 1.2rem !important;
  }
  .exi-transitional .atom-button.util__spacing--left-none-lg,
  .exi-transitional .btn.util__spacing--left-none-lg,
  .exi-transitional a.util__spacing--left-none-lg,
  .exi-transitional [x-input].util__spacing--left-none-lg {
    margin-left: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--right-lg,
  .exi-transitional .btn.util__spacing--right-lg,
  .exi-transitional a.util__spacing--right-lg,
  .exi-transitional [x-input].util__spacing--right-lg {
    margin-right: 1.2rem !important;
  }
  .exi-transitional .atom-button.util__spacing--right-none-lg,
  .exi-transitional .btn.util__spacing--right-none-lg,
  .exi-transitional a.util__spacing--right-none-lg,
  .exi-transitional [x-input].util__spacing--right-none-lg {
    margin-right: 0 !important;
  }
  .exi-transitional .atom-button.util__spacing--none-lg,
  .exi-transitional .btn.util__spacing--none-lg,
  .exi-transitional a.util__spacing--none-lg,
  .exi-transitional [x-input].util__spacing--none-lg {
    margin: 0 !important;
  }
}
.exi-transitional .atom-button.util__display--block-xs,
.exi-transitional .btn.util__display--block-xs,
.exi-transitional a.util__display--block-xs,
.exi-transitional [x-input].util__display--block-xs {
  display: block !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  white-space: nowrap;
  text-align: center;
}
.exi-transitional .atom-button.util__display--inline-block-xs,
.exi-transitional .btn.util__display--inline-block-xs,
.exi-transitional a.util__display--inline-block-xs,
.exi-transitional [x-input].util__display--inline-block-xs {
  display: inline-block !important;
  vertical-align: top !important;
}
@media (min-width: 769px) {
  .exi-transitional .atom-button.util__display--block-sm,
  .exi-transitional .btn.util__display--block-sm,
  .exi-transitional a.util__display--block-sm,
  .exi-transitional [x-input].util__display--block-sm {
    display: block !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    white-space: nowrap;
    text-align: center;
  }
  .exi-transitional .atom-button.util__display--inline-block-sm,
  .exi-transitional .btn.util__display--inline-block-sm,
  .exi-transitional a.util__display--inline-block-sm,
  .exi-transitional [x-input].util__display--inline-block-sm {
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 992px) {
  .exi-transitional .atom-button.util__display--block-md,
  .exi-transitional .btn.util__display--block-md,
  .exi-transitional a.util__display--block-md,
  .exi-transitional [x-input].util__display--block-md {
    display: block !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    white-space: nowrap;
    text-align: center;
  }
  .exi-transitional .atom-button.util__display--inline-block-md,
  .exi-transitional .btn.util__display--inline-block-md,
  .exi-transitional a.util__display--inline-block-md,
  .exi-transitional [x-input].util__display--inline-block-md {
    display: inline-block !important;
    vertical-align: top !important;
  }
}
@media (min-width: 1200px) {
  .exi-transitional .atom-button.util__display--block-lg,
  .exi-transitional .btn.util__display--block-lg,
  .exi-transitional a.util__display--block-lg,
  .exi-transitional [x-input].util__display--block-lg {
    display: block !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    white-space: nowrap;
    text-align: center;
  }
  .exi-transitional .atom-button.util__display--inline-block-lg,
  .exi-transitional .btn.util__display--inline-block-lg,
  .exi-transitional a.util__display--inline-block-lg,
  .exi-transitional [x-input].util__display--inline-block-lg {
    display: inline-block !important;
    vertical-align: top !important;
  }
}
.exi-transitional .atom-button.util__float--left-xs,
.exi-transitional .btn.util__float--left-xs,
.exi-transitional a.util__float--left-xs,
.exi-transitional [x-input].util__float--left-xs {
  float: left !important;
}
.exi-transitional .atom-button.util__float--right-xs,
.exi-transitional .btn.util__float--right-xs,
.exi-transitional a.util__float--right-xs,
.exi-transitional [x-input].util__float--right-xs {
  float: right !important;
}
.exi-transitional .atom-button.util__float--none-xs,
.exi-transitional .btn.util__float--none-xs,
.exi-transitional a.util__float--none-xs,
.exi-transitional [x-input].util__float--none-xs {
  float: none !important;
}
@media (min-width: 769px) {
  .exi-transitional .atom-button.util__float--left-sm,
  .exi-transitional .btn.util__float--left-sm,
  .exi-transitional a.util__float--left-sm,
  .exi-transitional [x-input].util__float--left-sm {
    float: left !important;
  }
  .exi-transitional .atom-button.util__float--right-sm,
  .exi-transitional .btn.util__float--right-sm,
  .exi-transitional a.util__float--right-sm,
  .exi-transitional [x-input].util__float--right-sm {
    float: right !important;
  }
  .exi-transitional .atom-button.util__float--none-sm,
  .exi-transitional .btn.util__float--none-sm,
  .exi-transitional a.util__float--none-sm,
  .exi-transitional [x-input].util__float--none-sm {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .exi-transitional .atom-button.util__float--left-md,
  .exi-transitional .btn.util__float--left-md,
  .exi-transitional a.util__float--left-md,
  .exi-transitional [x-input].util__float--left-md {
    float: left !important;
  }
  .exi-transitional .atom-button.util__float--right-md,
  .exi-transitional .btn.util__float--right-md,
  .exi-transitional a.util__float--right-md,
  .exi-transitional [x-input].util__float--right-md {
    float: right !important;
  }
  .exi-transitional .atom-button.util__float--none-md,
  .exi-transitional .btn.util__float--none-md,
  .exi-transitional a.util__float--none-md,
  .exi-transitional [x-input].util__float--none-md {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .exi-transitional .atom-button.util__float--left-lg,
  .exi-transitional .btn.util__float--left-lg,
  .exi-transitional a.util__float--left-lg,
  .exi-transitional [x-input].util__float--left-lg {
    float: left !important;
  }
  .exi-transitional .atom-button.util__float--right-lg,
  .exi-transitional .btn.util__float--right-lg,
  .exi-transitional a.util__float--right-lg,
  .exi-transitional [x-input].util__float--right-lg {
    float: right !important;
  }
  .exi-transitional .atom-button.util__float--none-lg,
  .exi-transitional .btn.util__float--none-lg,
  .exi-transitional a.util__float--none-lg,
  .exi-transitional [x-input].util__float--none-lg {
    float: none !important;
  }
}
.exi-transitional .atom-button.util__clear--left-xs,
.exi-transitional .btn.util__clear--left-xs,
.exi-transitional a.util__clear--left-xs,
.exi-transitional [x-input].util__clear--left-xs {
  clear: left !important;
}
.exi-transitional .atom-button.util__clear--right-xs,
.exi-transitional .btn.util__clear--right-xs,
.exi-transitional a.util__clear--right-xs,
.exi-transitional [x-input].util__clear--right-xs {
  clear: right !important;
}
.exi-transitional .atom-button.util__clear--both-xs,
.exi-transitional .btn.util__clear--both-xs,
.exi-transitional a.util__clear--both-xs,
.exi-transitional [x-input].util__clear--both-xs {
  clear: both !important;
}
.exi-transitional .atom-button.util__clear--none-xs,
.exi-transitional .btn.util__clear--none-xs,
.exi-transitional a.util__clear--none-xs,
.exi-transitional [x-input].util__clear--none-xs {
  clear: none !important;
}
@media (min-width: 769px) {
  .exi-transitional .atom-button.util__clear--left-sm,
  .exi-transitional .btn.util__clear--left-sm,
  .exi-transitional a.util__clear--left-sm,
  .exi-transitional [x-input].util__clear--left-sm {
    clear: left !important;
  }
  .exi-transitional .atom-button.util__clear--right-sm,
  .exi-transitional .btn.util__clear--right-sm,
  .exi-transitional a.util__clear--right-sm,
  .exi-transitional [x-input].util__clear--right-sm {
    clear: right !important;
  }
  .exi-transitional .atom-button.util__clear--both-sm,
  .exi-transitional .btn.util__clear--both-sm,
  .exi-transitional a.util__clear--both-sm,
  .exi-transitional [x-input].util__clear--both-sm {
    clear: both !important;
  }
  .exi-transitional .atom-button.util__clear--none-sm,
  .exi-transitional .btn.util__clear--none-sm,
  .exi-transitional a.util__clear--none-sm,
  .exi-transitional [x-input].util__clear--none-sm {
    clear: none !important;
  }
}
@media (min-width: 992px) {
  .exi-transitional .atom-button.util__clear--left-md,
  .exi-transitional .btn.util__clear--left-md,
  .exi-transitional a.util__clear--left-md,
  .exi-transitional [x-input].util__clear--left-md {
    clear: left !important;
  }
  .exi-transitional .atom-button.util__clear--right-md,
  .exi-transitional .btn.util__clear--right-md,
  .exi-transitional a.util__clear--right-md,
  .exi-transitional [x-input].util__clear--right-md {
    clear: right !important;
  }
  .exi-transitional .atom-button.util__clear--both-md,
  .exi-transitional .btn.util__clear--both-md,
  .exi-transitional a.util__clear--both-md,
  .exi-transitional [x-input].util__clear--both-md {
    clear: both !important;
  }
  .exi-transitional .atom-button.util__clear--none-md,
  .exi-transitional .btn.util__clear--none-md,
  .exi-transitional a.util__clear--none-md,
  .exi-transitional [x-input].util__clear--none-md {
    clear: none !important;
  }
}
@media (min-width: 1200px) {
  .exi-transitional .atom-button.util__clear--left-lg,
  .exi-transitional .btn.util__clear--left-lg,
  .exi-transitional a.util__clear--left-lg,
  .exi-transitional [x-input].util__clear--left-lg {
    clear: left !important;
  }
  .exi-transitional .atom-button.util__clear--right-lg,
  .exi-transitional .btn.util__clear--right-lg,
  .exi-transitional a.util__clear--right-lg,
  .exi-transitional [x-input].util__clear--right-lg {
    clear: right !important;
  }
  .exi-transitional .atom-button.util__clear--both-lg,
  .exi-transitional .btn.util__clear--both-lg,
  .exi-transitional a.util__clear--both-lg,
  .exi-transitional [x-input].util__clear--both-lg {
    clear: both !important;
  }
  .exi-transitional .atom-button.util__clear--none-lg,
  .exi-transitional .btn.util__clear--none-lg,
  .exi-transitional a.util__clear--none-lg,
  .exi-transitional [x-input].util__clear--none-lg {
    clear: none !important;
  }
}
.exi-transitional .atom-button.util__fixedwidth--xsmall-xs,
.exi-transitional .btn.util__fixedwidth--xsmall-xs,
.exi-transitional a.util__fixedwidth--xsmall-xs,
.exi-transitional [x-input].util__fixedwidth--xsmall-xs {
  width: 10rem !important;
}
.exi-transitional .atom-button.util__fixedwidth--small-xs,
.exi-transitional .btn.util__fixedwidth--small-xs,
.exi-transitional a.util__fixedwidth--small-xs,
.exi-transitional [x-input].util__fixedwidth--small-xs {
  width: 15rem !important;
}
.exi-transitional .atom-button.util__fixedwidth--medium-xs,
.exi-transitional .btn.util__fixedwidth--medium-xs,
.exi-transitional a.util__fixedwidth--medium-xs,
.exi-transitional [x-input].util__fixedwidth--medium-xs {
  width: 20rem !important;
}
.exi-transitional .atom-button.util__fixedwidth--large-xs,
.exi-transitional .btn.util__fixedwidth--large-xs,
.exi-transitional a.util__fixedwidth--large-xs,
.exi-transitional [x-input].util__fixedwidth--large-xs {
  width: 25rem !important;
}
@media (min-width: 769px) {
  .exi-transitional .atom-button.util__fixedwidth--xsmall-sm,
  .exi-transitional .btn.util__fixedwidth--xsmall-sm,
  .exi-transitional a.util__fixedwidth--xsmall-sm,
  .exi-transitional [x-input].util__fixedwidth--xsmall-sm {
    width: 10rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--small-sm,
  .exi-transitional .btn.util__fixedwidth--small-sm,
  .exi-transitional a.util__fixedwidth--small-sm,
  .exi-transitional [x-input].util__fixedwidth--small-sm {
    width: 15rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--medium-sm,
  .exi-transitional .btn.util__fixedwidth--medium-sm,
  .exi-transitional a.util__fixedwidth--medium-sm,
  .exi-transitional [x-input].util__fixedwidth--medium-sm {
    width: 20rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--large-sm,
  .exi-transitional .btn.util__fixedwidth--large-sm,
  .exi-transitional a.util__fixedwidth--large-sm,
  .exi-transitional [x-input].util__fixedwidth--large-sm {
    width: 25rem !important;
  }
}
@media (min-width: 992px) {
  .exi-transitional .atom-button.util__fixedwidth--xsmall-md,
  .exi-transitional .btn.util__fixedwidth--xsmall-md,
  .exi-transitional a.util__fixedwidth--xsmall-md,
  .exi-transitional [x-input].util__fixedwidth--xsmall-md {
    width: 10rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--small-md,
  .exi-transitional .btn.util__fixedwidth--small-md,
  .exi-transitional a.util__fixedwidth--small-md,
  .exi-transitional [x-input].util__fixedwidth--small-md {
    width: 15rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--medium-md,
  .exi-transitional .btn.util__fixedwidth--medium-md,
  .exi-transitional a.util__fixedwidth--medium-md,
  .exi-transitional [x-input].util__fixedwidth--medium-md {
    width: 20rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--large-md,
  .exi-transitional .btn.util__fixedwidth--large-md,
  .exi-transitional a.util__fixedwidth--large-md,
  .exi-transitional [x-input].util__fixedwidth--large-md {
    width: 25rem !important;
  }
}
@media (min-width: 1200px) {
  .exi-transitional .atom-button.util__fixedwidth--xsmall-lg,
  .exi-transitional .btn.util__fixedwidth--xsmall-lg,
  .exi-transitional a.util__fixedwidth--xsmall-lg,
  .exi-transitional [x-input].util__fixedwidth--xsmall-lg {
    width: 10rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--small-lg,
  .exi-transitional .btn.util__fixedwidth--small-lg,
  .exi-transitional a.util__fixedwidth--small-lg,
  .exi-transitional [x-input].util__fixedwidth--small-lg {
    width: 15rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--medium-lg,
  .exi-transitional .btn.util__fixedwidth--medium-lg,
  .exi-transitional a.util__fixedwidth--medium-lg,
  .exi-transitional [x-input].util__fixedwidth--medium-lg {
    width: 20rem !important;
  }
  .exi-transitional .atom-button.util__fixedwidth--large-lg,
  .exi-transitional .btn.util__fixedwidth--large-lg,
  .exi-transitional a.util__fixedwidth--large-lg,
  .exi-transitional [x-input].util__fixedwidth--large-lg {
    width: 25rem !important;
  }
}
.exi-transitional .util__colwidth--zero-xs {
  width: 0%;
}
.exi-transitional .util__colwidth--one-xs {
  width: 1%;
}
.exi-transitional .util__colwidth--three-xs {
  width: 3%;
}
.exi-transitional .util__colwidth--five-xs {
  width: 5%;
}
.exi-transitional .util__colwidth--eight-xs {
  width: 8%;
}
.exi-transitional .util__colwidth--ten-xs {
  width: 10%;
}
.exi-transitional .util__colwidth--twelve-xs {
  width: 12%;
}
.exi-transitional .util__colwidth--fifteen-xs {
  width: 15%;
}
.exi-transitional .util__colwidth--twenty-xs {
  width: 20%;
}
.exi-transitional .util__colwidth--twenty-five-xs {
  width: 25%;
}
.exi-transitional .util__colwidth--thirty-xs {
  width: 30%;
}
.exi-transitional .util__colwidth--thirty-five-xs {
  width: 35%;
}
.exi-transitional .util__colwidth--thirty-eight-xs {
  width: 38%;
}
.exi-transitional .util__colwidth--forty-xs {
  width: 40%;
}
.exi-transitional .util__colwidth--forty-five-xs {
  width: 45%;
}
.exi-transitional .util__colwidth--fifty-xs {
  width: 50%;
}
.exi-transitional .util__colwidth--fifty-five-xs {
  width: 55%;
}
.exi-transitional .util__colwidth--sixty-xs {
  width: 60%;
}
.exi-transitional .util__colwidth--sixty-five-xs {
  width: 65%;
}
.exi-transitional .util__colwidth--seventy-xs {
  width: 70%;
}
.exi-transitional .util__colwidth--seventy-five-xs {
  width: 75%;
}
.exi-transitional .util__colwidth--eighty-xs {
  width: 80%;
}
.exi-transitional .util__colwidth--eighty-five-xs {
  width: 85%;
}
.exi-transitional .util__colwidth--ninety-xs {
  width: 90%;
}
.exi-transitional .util__colwidth--hundred-xs {
  width: 100%;
}
@media (min-width: 769px) {
  .exi-transitional .util__colwidth--zero-sm {
    width: 0%;
  }
  .exi-transitional .util__colwidth--one-sm {
    width: 1%;
  }
  .exi-transitional .util__colwidth--three-sm {
    width: 3%;
  }
  .exi-transitional .util__colwidth--five-sm {
    width: 5%;
  }
  .exi-transitional .util__colwidth--eight-sm {
    width: 8%;
  }
  .exi-transitional .util__colwidth--ten-sm {
    width: 10%;
  }
  .exi-transitional .util__colwidth--twelve-sm {
    width: 12%;
  }
  .exi-transitional .util__colwidth--fifteen-sm {
    width: 15%;
  }
  .exi-transitional .util__colwidth--twenty-sm {
    width: 20%;
  }
  .exi-transitional .util__colwidth--twenty-five-sm {
    width: 25%;
  }
  .exi-transitional .util__colwidth--thirty-sm {
    width: 30%;
  }
  .exi-transitional .util__colwidth--thirty-five-sm {
    width: 35%;
  }
  .exi-transitional .util__colwidth--thirty-eight-sm {
    width: 38%;
  }
  .exi-transitional .util__colwidth--forty-sm {
    width: 40%;
  }
  .exi-transitional .util__colwidth--forty-five-sm {
    width: 45%;
  }
  .exi-transitional .util__colwidth--fifty-sm {
    width: 50%;
  }
  .exi-transitional .util__colwidth--fifty-five-sm {
    width: 55%;
  }
  .exi-transitional .util__colwidth--sixty-sm {
    width: 60%;
  }
  .exi-transitional .util__colwidth--sixty-five-sm {
    width: 65%;
  }
  .exi-transitional .util__colwidth--seventy-sm {
    width: 70%;
  }
  .exi-transitional .util__colwidth--seventy-five-sm {
    width: 75%;
  }
  .exi-transitional .util__colwidth--eighty-sm {
    width: 80%;
  }
  .exi-transitional .util__colwidth--eighty-five-sm {
    width: 85%;
  }
  .exi-transitional .util__colwidth--ninety-sm {
    width: 90%;
  }
  .exi-transitional .util__colwidth--hundred-sm {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .exi-transitional .util__colwidth--zero-md {
    width: 0%;
  }
  .exi-transitional .util__colwidth--one-md {
    width: 1%;
  }
  .exi-transitional .util__colwidth--three-md {
    width: 3%;
  }
  .exi-transitional .util__colwidth--five-md {
    width: 5%;
  }
  .exi-transitional .util__colwidth--eight-md {
    width: 8%;
  }
  .exi-transitional .util__colwidth--ten-md {
    width: 10%;
  }
  .exi-transitional .util__colwidth--twelve-md {
    width: 12%;
  }
  .exi-transitional .util__colwidth--fifteen-md {
    width: 15%;
  }
  .exi-transitional .util__colwidth--twenty-md {
    width: 20%;
  }
  .exi-transitional .util__colwidth--twenty-five-md {
    width: 25%;
  }
  .exi-transitional .util__colwidth--thirty-md {
    width: 30%;
  }
  .exi-transitional .util__colwidth--thirty-five-md {
    width: 35%;
  }
  .exi-transitional .util__colwidth--thirty-eight-md {
    width: 38%;
  }
  .exi-transitional .util__colwidth--forty-md {
    width: 40%;
  }
  .exi-transitional .util__colwidth--forty-five-md {
    width: 45%;
  }
  .exi-transitional .util__colwidth--fifty-md {
    width: 50%;
  }
  .exi-transitional .util__colwidth--fifty-five-md {
    width: 55%;
  }
  .exi-transitional .util__colwidth--sixty-md {
    width: 60%;
  }
  .exi-transitional .util__colwidth--sixty-five-md {
    width: 65%;
  }
  .exi-transitional .util__colwidth--seventy-md {
    width: 70%;
  }
  .exi-transitional .util__colwidth--seventy-five-md {
    width: 75%;
  }
  .exi-transitional .util__colwidth--eighty-md {
    width: 80%;
  }
  .exi-transitional .util__colwidth--eighty-five-md {
    width: 85%;
  }
  .exi-transitional .util__colwidth--ninety-md {
    width: 90%;
  }
  .exi-transitional .util__colwidth--hundred-md {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .exi-transitional .util__colwidth--zero-lg {
    width: 0%;
  }
  .exi-transitional .util__colwidth--one-lg {
    width: 1%;
  }
  .exi-transitional .util__colwidth--three-lg {
    width: 3%;
  }
  .exi-transitional .util__colwidth--five-lg {
    width: 5%;
  }
  .exi-transitional .util__colwidth--eight-lg {
    width: 8%;
  }
  .exi-transitional .util__colwidth--ten-lg {
    width: 10%;
  }
  .exi-transitional .util__colwidth--twelve-lg {
    width: 12%;
  }
  .exi-transitional .util__colwidth--fifteen-lg {
    width: 15%;
  }
  .exi-transitional .util__colwidth--twenty-lg {
    width: 20%;
  }
  .exi-transitional .util__colwidth--twenty-five-lg {
    width: 25%;
  }
  .exi-transitional .util__colwidth--thirty-lg {
    width: 30%;
  }
  .exi-transitional .util__colwidth--thirty-five-lg {
    width: 35%;
  }
  .exi-transitional .util__colwidth--thirty-eight-lg {
    width: 38%;
  }
  .exi-transitional .util__colwidth--forty-lg {
    width: 40%;
  }
  .exi-transitional .util__colwidth--forty-five-lg {
    width: 45%;
  }
  .exi-transitional .util__colwidth--fifty-lg {
    width: 50%;
  }
  .exi-transitional .util__colwidth--fifty-five-lg {
    width: 55%;
  }
  .exi-transitional .util__colwidth--sixty-lg {
    width: 60%;
  }
  .exi-transitional .util__colwidth--sixty-five-lg {
    width: 65%;
  }
  .exi-transitional .util__colwidth--seventy-lg {
    width: 70%;
  }
  .exi-transitional .util__colwidth--seventy-five-lg {
    width: 75%;
  }
  .exi-transitional .util__colwidth--eighty-lg {
    width: 80%;
  }
  .exi-transitional .util__colwidth--eighty-five-lg {
    width: 85%;
  }
  .exi-transitional .util__colwidth--ninety-lg {
    width: 90%;
  }
  .exi-transitional .util__colwidth--hundred-lg {
    width: 100%;
  }
}
.exi-transitional label.disabled,
.exi-transitional label [disabled],
.exi-transitional .label.disabled,
.exi-transitional .label [disabled] {
  color: #767676;
}
.exi-transitional label.disabled:hover,
.exi-transitional label [disabled]:hover,
.exi-transitional .label.disabled:hover,
.exi-transitional .label [disabled]:hover {
  cursor: not-allowed;
}

.pl-options-wrap {
  border: 1px solid lightgray;
  padding: 1rem;
  margin-bottom: 1rem !important;
}

.pl-example-container {
  margin: 0 0 2.5rem 0;
}

.pl-example-container > h4 {
  color: red !important;
}

/*
TABLE OF CONTENTS
- Custom Component States
- Show/Hide class for demonstrating states
- Headings for example sections
- Icons
- Specific component demo classes
*/
.notready:before {
  color: red !important;
}

.exi-transitional {
  /* SHOW/HIDE CLASS FOR DEMONSTRATING STATES */
}
.exi-transitional .demo-only-hide,
.exi-transitional .showhide {
  display: none !important;
}
.exi-transitional .demo-only {
  display: block;
  border: 5px dashed #ccc;
  border-radius: 1rem;
  margin: 2rem auto;
  padding: 2rem;
}
.exi-transitional h4.demo-only,
.exi-transitional h5.demo-only,
.exi-transitional h6.demo-only {
  color: red;
  font-weight: 200;
  margin: 2rem 0 1rem;
  padding: 0;
  border: none;
}
.exi-transitional h4.demo-only:first-child,
.exi-transitional h5.demo-only:first-child,
.exi-transitional h6.demo-only:first-child {
  margin-top: 0;
}
.exi-transitional h5.demo-only {
  font-size: 1.4rem;
}
.exi-transitional h6.demo-only {
  font-size: 1.2rem;
}
.exi-transitional .list-unstyled.icons.demo-only li {
  font-size: 3em;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 0.3em;
  width: 3em;
  text-align: center;
  float: left;
}
.exi-transitional .list-unstyled.icons.demo-only li span {
  display: block;
}
.exi-transitional .list-unstyled.icons.demo-only li span:first-child {
  margin-bottom: 0.3em;
}
.exi-transitional .demo-only-org-global-header {
  margin: -1.4rem -1.4rem 0;
}
.exi-transitional .org-global-header--drawerdemo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5rem;
  background: darkgray;
}
.exi-transitional .org-page-header--drawerdemo {
  position: relative;
  height: 10rem;
  background: white;
  margin: 5rem 0 2rem;
}
.exi-transitional #drawer-option-controls {
  position: absolute;
  top: 24%;
  left: 0;
  z-index: 900000;
  padding: 1.6rem;
  background: #fff;
  border-radius: 0 0.3rem 0.3rem 0;
  border: 1px solid #d2d6db;
  border-left: none;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.28);
}
.exi-transitional #drawer-option-controls h4,
.exi-transitional #drawer-option-controls h5,
.exi-transitional #drawer-option-controls h6 {
  font-weight: 300;
}
.exi-transitional #option-controls h4,
.exi-transitional #option-controls h5,
.exi-transitional #option-controls h6 {
  font-weight: 300;
}
.exi-transitional .demo-only-button-spacing__container {
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s ease;
}
.exi-transitional
  .demo-only-button-spacing__container
  .demo-only-button-spacing {
  display: block;
  text-align: center;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  color: #333;
  font-size: 1.2rem;
  background: #aaa;
}
.exi-transitional
  .demo-only-button-spacing__container
  .demo-only-button-spacing.next {
  border-radius: 0 0 0.4rem 0.4rem;
}
.exi-transitional
  .demo-only-button-spacing__container
  .demo-only-button-spacing.left,
.exi-transitional
  .demo-only-button-spacing__container
  .demo-only-button-spacing.right {
  width: 10rem;
  height: 3.4rem;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 1px;
}
.exi-transitional
  .demo-only-button-spacing__container
  .demo-only-button-spacing.left {
  border-radius: 0.4rem 0 0 0;
}
.exi-transitional
  .demo-only-button-spacing__container
  .demo-only-button-spacing.right {
  border-radius: 0 0.4rem 0 0;
}
.exi-transitional #button-option-controls {
  margin-bottom: 1.6rem;
}
.exi-transitional #button-option-controls .mol-checkbox {
  margin: 0;
}

/* Import all vendor SASS/CSS files */
/* Import all atom SASS files */
/*
TABLE OF CONTENTS
- Transitions
*/
/* TRANSITIONS */
/* .3sec transition for fade, slide or combo of both  */
/* Use this placeholder within other components where you need a transition */
.exi-transitional .transition {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

/* Use this class directly within HTML when you need a transition outside of a component */
/* Pattern lab demo styles start */
.exi-transitional .transition-block {
  background: var(--brand-danger);
  width: 8em;
  height: 4em;
  margin-bottom: 1em;
  border-radius: 0.4em;
}

.exi-transitional .transition-fade {
  opacity: 1;
  width: 50%;
}

.transition-fade:hover {
  opacity: 0;
}

.exi-transitional .transition-slide {
  width: 50%;
}

.exi-transitional .transition-slide:hover {
  width: 100%;
}

.exi-transitional .transition-fadeslide {
  opacity: 0.2;
  width: 50%;
}

.exi-transitional .transition-fadeslide:hover {
  opacity: 1;
  width: 100%;
}

/* Pattern lab demo styles end */
/*--------------------------------*/
/*
TABLE OF CONTENTS
- Button
  - Default
  	- Disabled
  - Meaningful
    - Tertiary
    - Primary
    - Success
    - Warning
    - Danger
  - Sizes
    - XS
    - SM
    - LG
  - Miscellaneous
  // - Legacy BootStrap Classes
*/
/*
NOTE!!! THERE ARE TEMPORARILY TWO SETS OF DUPLICATE STYLES IN THIS FILE;
ONE SET FOR THE LEGACY BOOTSTRAP "BTN" CLASSES AND ONE SET FOR THE NEW BOOTSTRAP-FREE "ATOM-BUTTON" CLASSES.
THE LEGACY STYLES WILL BE REMOVED ONCE ALL CLASSES HAVE BEEN SWAPPED IN COMPONENT CODE.
*/
.exi-transitional .atom-button,
.exi-transitional .btn {
  display: inline-block;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  font-size: 1.4rem;
  margin: 0;
  padding: 0.8rem 1.2rem;
  line-height: 1.2;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  vertical-align: middle;
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
  border-radius: 0.3rem;
  /* Secondary */
  /* Disabled */
}
.exi-transitional .atom-button:active,
.exi-transitional .atom-button:active:focus,
.exi-transitional .atom-button:active:hover,
.exi-transitional .atom-button:focus,
.exi-transitional .atom-button:hover,
.exi-transitional .btn:active,
.exi-transitional .btn:active:focus,
.exi-transitional .btn:active:hover,
.exi-transitional .btn:focus,
.exi-transitional .btn:hover {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
}
.exi-transitional .atom-button.atom-button--success-sec,
.exi-transitional .btn.atom-button--success-sec {
  border-color: #2e5200 !important;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 1),
    calc(var(--brand-success-l) * 0.7)
  ) !important;
  color: #2e5200;
  /* IE11 fallback */
  color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 1),
    calc(var(--brand-success-l) * 0.7)
  );
}
.exi-transitional .atom-button.atom-button--success-sec:hover,
.exi-transitional .btn.atom-button--success-sec:hover {
  background: #f3f8ed;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional .atom-button.atom-button--warning-sec,
.exi-transitional .btn.atom-button--warning-sec {
  border-color: #703f00 !important;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 0.7)
  ) !important;
  color: #703f00;
  /* IE11 fallback */
  color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 0.7)
  );
}
.exi-transitional .atom-button.atom-button--warning-sec:hover,
.exi-transitional .btn.atom-button--warning-sec:hover {
  background: #fcf5ee;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional .atom-button.atom-button--danger-sec,
.exi-transitional .btn.atom-button--danger-sec {
  border-color: #950e29 !important;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  ) !important;
  color: #950e29;
  /* IE11 fallback */
  color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  );
}
.exi-transitional .atom-button.atom-button--danger-sec:hover,
.exi-transitional .btn.atom-button--danger-sec:hover {
  background: #ffebef;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}
.exi-transitional .atom-button.disabled,
.exi-transitional .atom-button:disabled,
.exi-transitional .atom-button[disabled],
.exi-transitional .btn.disabled,
.exi-transitional .btn:disabled,
.exi-transitional .btn[disabled] {
  cursor: not-allowed;
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  border-color: #dcdcdc !important;
  /* IE11 fallback */
  border-color: var(--brand-border-light) !important;
  opacity: 1;
}
.exi-transitional .atom-button.atom-button--tertiary,
.exi-transitional .atom-button.btn-default,
.exi-transitional .btn.atom-button--tertiary,
.exi-transitional .btn.btn-default {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .atom-button.atom-button--tertiary:active,
.exi-transitional .atom-button.atom-button--tertiary:active:focus,
.exi-transitional .atom-button.atom-button--tertiary:active:hover,
.exi-transitional .atom-button.atom-button--tertiary:focus,
.exi-transitional .atom-button.atom-button--tertiary:hover,
.exi-transitional .atom-button.btn-default:active,
.exi-transitional .atom-button.btn-default:active:focus,
.exi-transitional .atom-button.btn-default:active:hover,
.exi-transitional .atom-button.btn-default:focus,
.exi-transitional .atom-button.btn-default:hover,
.exi-transitional .btn.atom-button--tertiary:active,
.exi-transitional .btn.atom-button--tertiary:active:focus,
.exi-transitional .btn.atom-button--tertiary:active:hover,
.exi-transitional .btn.atom-button--tertiary:focus,
.exi-transitional .btn.atom-button--tertiary:hover,
.exi-transitional .btn.btn-default:active,
.exi-transitional .btn.btn-default:active:focus,
.exi-transitional .btn.btn-default:active:hover,
.exi-transitional .btn.btn-default:focus,
.exi-transitional .btn.btn-default:hover {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional .atom-button.atom-button--tertiary.disabled,
.exi-transitional .atom-button.atom-button--tertiary:disabled,
.exi-transitional .atom-button.atom-button--tertiary[disabled],
.exi-transitional .atom-button.btn-default.disabled,
.exi-transitional .atom-button.btn-default:disabled,
.exi-transitional .atom-button.btn-default[disabled],
.exi-transitional .btn.atom-button--tertiary.disabled,
.exi-transitional .btn.atom-button--tertiary:disabled,
.exi-transitional .btn.atom-button--tertiary[disabled],
.exi-transitional .btn.btn-default.disabled,
.exi-transitional .btn.btn-default:disabled,
.exi-transitional .btn.btn-default[disabled] {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  opacity: 1;
}
.exi-transitional .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional .atom-button.btn-primary,
.exi-transitional .btn.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary,
.exi-transitional .btn.btn-primary {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #10069f;
  /* IE11 fallback */
  background: var(--brand-interactive);
  border: 1px solid transparent;
}
.exi-transitional .atom-button.atom-button--primary:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional .atom-button.atom-button--primary:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional .atom-button.atom-button--primary:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional .atom-button.atom-button--primary:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional .atom-button.btn-primary:active,
.exi-transitional .atom-button.btn-primary:active:focus,
.exi-transitional .atom-button.btn-primary:active:hover,
.exi-transitional .atom-button.btn-primary:focus,
.exi-transitional .atom-button.btn-primary:hover,
.exi-transitional .btn.atom-button--primary:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary,
.exi-transitional .btn.atom-button--primary:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary:focus,
.exi-transitional .btn.atom-button--primary:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary,
.exi-transitional .btn.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary:focus,
.exi-transitional .btn.atom-button--primary:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary,
.exi-transitional .btn.btn-primary:active,
.exi-transitional .btn.btn-primary:active:focus,
.exi-transitional .btn.btn-primary:active:hover,
.exi-transitional .btn.btn-primary:focus,
.exi-transitional .btn.btn-primary:hover {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #0b046c;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional .atom-button.atom-button--primary.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.disabled.atom-button--primary,
.exi-transitional .atom-button.atom-button--primary:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional .atom-button.atom-button--primary[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button[disabled].atom-button--primary,
.exi-transitional .atom-button.btn-primary.disabled,
.exi-transitional .atom-button.btn-primary:disabled,
.exi-transitional .atom-button.btn-primary[disabled],
.exi-transitional .btn.atom-button--primary.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.disabled.atom-button.atom-button--primary,
.exi-transitional .btn.atom-button--primary:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary,
.exi-transitional .btn.atom-button--primary[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn[disabled].atom-button.atom-button--primary,
.exi-transitional .btn.btn-primary.disabled,
.exi-transitional .btn.btn-primary:disabled,
.exi-transitional .btn.btn-primary[disabled] {
  background: #b7b4e4;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  opacity: 1;
}
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary,
.exi-transitional .atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success,
.exi-transitional .atom-button.btn-success,
.exi-transitional .btn.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success,
.exi-transitional .btn.btn-success {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #457a00;
  /* IE11 fallback */
  background: var(--brand-success);
  border: 1px solid transparent;
}
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary:active,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active,
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary:active:focus,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active:focus,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active:focus,
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary:active:hover,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active:hover,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active:hover,
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary:focus,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:focus,
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary:hover,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:hover,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:hover,
.exi-transitional .atom-button.atom-button--success:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success,
.exi-transitional .atom-button.atom-button--success:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success:focus,
.exi-transitional .atom-button.atom-button--success:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success,
.exi-transitional .atom-button.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success:focus,
.exi-transitional .atom-button.atom-button--success:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success,
.exi-transitional .atom-button.btn-success:active,
.exi-transitional .atom-button.btn-success:active:focus,
.exi-transitional .atom-button.btn-success:active:hover,
.exi-transitional .atom-button.btn-success:focus,
.exi-transitional .atom-button.btn-success:hover,
.exi-transitional .btn.atom-button--success:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success,
.exi-transitional .btn.atom-button--success:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success:focus,
.exi-transitional .btn.atom-button--success:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success,
.exi-transitional .btn.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success:focus,
.exi-transitional .btn.atom-button--success:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success,
.exi-transitional .btn.btn-success:active,
.exi-transitional .btn.btn-success:active:focus,
.exi-transitional .btn.btn-success:active:hover,
.exi-transitional .btn.btn-success:focus,
.exi-transitional .btn.btn-success:hover {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #2e5200;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 1),
    calc(var(--brand-success-l) * 0.7)
  );
}
.exi-transitional
  .mol-drawer.mol-drawer--success
  .disabled.atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .disabled.btn.btn-primary,
.exi-transitional
  .mol-drawer.mol-drawer--success
  .atom-button.atom-button--primary:disabled,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:disabled,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:disabled,
.exi-transitional
  .mol-drawer.mol-drawer--success
  [disabled].atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--success
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--success
  input[type="file"]:disabled
  + [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-footer
  [disabled].btn.btn-primary,
.exi-transitional .atom-button.atom-button--success.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.disabled.atom-button--success,
.exi-transitional .atom-button.atom-button--success:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success,
.exi-transitional .atom-button.atom-button--success[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button[disabled].atom-button--success,
.exi-transitional .atom-button.btn-success.disabled,
.exi-transitional .atom-button.btn-success:disabled,
.exi-transitional .atom-button.btn-success[disabled],
.exi-transitional .btn.atom-button--success.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.disabled.atom-button.atom-button--success,
.exi-transitional .btn.atom-button--success:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success,
.exi-transitional .btn.atom-button--success[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn[disabled].atom-button.atom-button--success,
.exi-transitional .btn.btn-success.disabled,
.exi-transitional .btn.btn-success:disabled,
.exi-transitional .btn.btn-success[disabled] {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #c4d4af;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.3),
    calc(var(--brand-success-l) * 2.9)
  );
  opacity: 1;
}
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary,
.exi-transitional .atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning,
.exi-transitional .atom-button.btn-warning,
.exi-transitional .btn.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning,
.exi-transitional .btn.btn-warning {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #a35a00;
  /* IE11 fallback */
  background: var(--brand-warning);
  border: 1px solid transparent;
}
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary:active,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary:active:focus,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active:focus,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active:focus,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary:active:hover,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active:hover,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active:hover,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary:focus,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:focus,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary:hover,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:hover,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:hover,
.exi-transitional .atom-button.atom-button--warning:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning,
.exi-transitional .atom-button.atom-button--warning:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning:focus,
.exi-transitional .atom-button.atom-button--warning:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning,
.exi-transitional .atom-button.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning:focus,
.exi-transitional .atom-button.atom-button--warning:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning,
.exi-transitional .atom-button.btn-warning:active,
.exi-transitional .atom-button.btn-warning:active:focus,
.exi-transitional .atom-button.btn-warning:active:hover,
.exi-transitional .atom-button.btn-warning:focus,
.exi-transitional .atom-button.btn-warning:hover,
.exi-transitional .btn.atom-button--warning:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning,
.exi-transitional .btn.atom-button--warning:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning:focus,
.exi-transitional .btn.atom-button--warning:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning,
.exi-transitional .btn.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning:focus,
.exi-transitional .btn.atom-button--warning:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning,
.exi-transitional .btn.btn-warning:active,
.exi-transitional .btn.btn-warning:active:focus,
.exi-transitional .btn.btn-warning:active:hover,
.exi-transitional .btn.btn-warning:focus,
.exi-transitional .btn.btn-warning:hover {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #703f00;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 0.7)
  );
}
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .disabled.atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .disabled.btn.btn-primary,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .atom-button.atom-button--primary:disabled,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:disabled,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:disabled,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  [disabled].atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--warning
  input[type="file"]:disabled
  + [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-footer
  [disabled].btn.btn-primary,
.exi-transitional .atom-button.atom-button--warning.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.disabled.atom-button--warning,
.exi-transitional .atom-button.atom-button--warning:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning,
.exi-transitional .atom-button.atom-button--warning[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button[disabled].atom-button--warning,
.exi-transitional .atom-button.btn-warning.disabled,
.exi-transitional .atom-button.btn-warning:disabled,
.exi-transitional .atom-button.btn-warning[disabled],
.exi-transitional .btn.atom-button--warning.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.disabled.atom-button.atom-button--warning,
.exi-transitional .btn.atom-button--warning:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning,
.exi-transitional .btn.atom-button--warning[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn[disabled].atom-button.atom-button--warning,
.exi-transitional .btn.btn-warning.disabled,
.exi-transitional .btn.btn-warning:disabled,
.exi-transitional .btn.btn-warning[disabled] {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #e4d3be;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 0.5),
    calc(var(--brand-warning-l) * 2.5)
  );
  opacity: 1;
}
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary,
.exi-transitional .atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger,
.exi-transitional .atom-button.btn-danger,
.exi-transitional .btn.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger,
.exi-transitional .btn.btn-danger {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #d7143b;
  /* IE11 fallback */
  background: var(--brand-danger);
  border: 1px solid transparent;
}
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary:active,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary:active:focus,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active:focus,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active:focus,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary:active:hover,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:active:hover,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:active:hover,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary:focus,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:focus,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:focus,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary:hover,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:hover,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:hover,
.exi-transitional .atom-button.atom-button--danger:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger,
.exi-transitional .atom-button.atom-button--danger:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger:focus,
.exi-transitional .atom-button.atom-button--danger:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger,
.exi-transitional .atom-button.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger:focus,
.exi-transitional .atom-button.atom-button--danger:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger,
.exi-transitional .atom-button.btn-danger:active,
.exi-transitional .atom-button.btn-danger:active:focus,
.exi-transitional .atom-button.btn-danger:active:hover,
.exi-transitional .atom-button.btn-danger:focus,
.exi-transitional .atom-button.btn-danger:hover,
.exi-transitional .btn.atom-button--danger:active,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger,
.exi-transitional .btn.atom-button--danger:active:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger:focus,
.exi-transitional .btn.atom-button--danger:active:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger,
.exi-transitional .btn.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger:focus,
.exi-transitional .btn.atom-button--danger:hover,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger,
.exi-transitional .btn.btn-danger:active,
.exi-transitional .btn.btn-danger:active:focus,
.exi-transitional .btn.btn-danger:active:hover,
.exi-transitional .btn.btn-danger:focus,
.exi-transitional .btn.btn-danger:hover {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #950e29;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  );
}
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .disabled.atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .disabled.atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .disabled.btn.btn-primary,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  .atom-button.atom-button--primary:disabled,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .atom-button.atom-button--primary:disabled,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  input[type="file"]:disabled
  + .atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  .btn.btn-primary:disabled,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  [disabled].atom-button.atom-button--primary,
.exi-transitional
  .mol-drawer.mol-drawer--danger
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-drawer.mol-drawer--danger
  input[type="file"]:disabled
  + [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  [disabled].atom-button.atom-button--primary,
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-footer
  [disabled].btn.btn-primary,
.exi-transitional .atom-button.atom-button--danger.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.disabled.atom-button--danger,
.exi-transitional .atom-button.atom-button--danger:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger,
.exi-transitional .atom-button.atom-button--danger[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button[disabled].atom-button--danger,
.exi-transitional .atom-button.btn-danger.disabled,
.exi-transitional .atom-button.btn-danger:disabled,
.exi-transitional .atom-button.btn-danger[disabled],
.exi-transitional .btn.atom-button--danger.disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.disabled.atom-button.atom-button--danger,
.exi-transitional .btn.atom-button--danger:disabled,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger,
.exi-transitional .btn.atom-button--danger[disabled],
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn[disabled].atom-button.atom-button--danger,
.exi-transitional .btn.btn-danger.disabled,
.exi-transitional .btn.btn-danger:disabled,
.exi-transitional .btn.btn-danger[disabled] {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #e2b9c1;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 0.5),
    calc(var(--brand-danger-l) * 1.75)
  );
  opacity: 1;
}
.exi-transitional .atom-button.atom-button--text,
.exi-transitional .atom-button.btn-link,
.exi-transitional .btn.atom-button--text,
.exi-transitional .btn.btn-link {
  display: inline-block;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  text-decoration: underline;
}
.exi-transitional .atom-button.atom-button--text:active,
.exi-transitional .atom-button.atom-button--text:active:focus,
.exi-transitional .atom-button.atom-button--text:active:hover,
.exi-transitional .atom-button.atom-button--text:focus,
.exi-transitional .atom-button.atom-button--text:hover,
.exi-transitional .atom-button.btn-link:active,
.exi-transitional .atom-button.btn-link:active:focus,
.exi-transitional .atom-button.btn-link:active:hover,
.exi-transitional .atom-button.btn-link:focus,
.exi-transitional .atom-button.btn-link:hover,
.exi-transitional .btn.atom-button--text:active,
.exi-transitional .btn.atom-button--text:active:focus,
.exi-transitional .btn.atom-button--text:active:hover,
.exi-transitional .btn.atom-button--text:focus,
.exi-transitional .btn.atom-button--text:hover,
.exi-transitional .btn.btn-link:active,
.exi-transitional .btn.btn-link:active:focus,
.exi-transitional .btn.btn-link:active:hover,
.exi-transitional .btn.btn-link:focus,
.exi-transitional .btn.btn-link:hover {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
  background: none;
}
.exi-transitional .atom-button.atom-button--text.disabled,
.exi-transitional .atom-button.atom-button--text:disabled,
.exi-transitional .atom-button.atom-button--text[disabled],
.exi-transitional .atom-button.btn-link.disabled,
.exi-transitional .atom-button.btn-link:disabled,
.exi-transitional .atom-button.btn-link[disabled],
.exi-transitional .btn.atom-button--text.disabled,
.exi-transitional .btn.atom-button--text:disabled,
.exi-transitional .btn.atom-button--text[disabled],
.exi-transitional .btn.btn-link.disabled,
.exi-transitional .btn.btn-link:disabled,
.exi-transitional .btn.btn-link[disabled] {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  opacity: 1;
}
.exi-transitional .atom-button.atom-button--xs,
.exi-transitional .atom-button.btn-xs,
.exi-transitional .btn.atom-button--xs,
.exi-transitional .btn.btn-xs {
  font-size: 1.2rem;
  padding: 0.3rem 0.8rem;
}
.exi-transitional .atom-button.atom-button--sm,
.exi-transitional .atom-button.btn-sm,
.exi-transitional .btn.atom-button--sm,
.exi-transitional .btn.btn-sm {
  font-size: 1.2rem;
  padding: 0.5rem 1.2rem;
}
.exi-transitional .atom-button.atom-button--lg,
.exi-transitional .atom-button.btn-lg,
.exi-transitional .btn.atom-button--lg,
.exi-transitional .btn.btn-lg {
  font-size: 1.8rem;
  padding: 1.2rem 1.6rem;
}
.exi-transitional .atom-button .glyphicon,
.exi-transitional .btn .glyphicon {
  line-height: 0.8;
}
.exi-transitional .atom-button.atom-button--margin-right,
.exi-transitional .btn.atom-button--margin-right {
  margin-right: 1.6rem;
}
.exi-transitional .atom-button.atom-button--margin-bottom,
.exi-transitional .btn.atom-button--margin-bottom {
  margin-bottom: 1.6rem;
}
.exi-transitional .atom-button.atom-button--margin-left,
.exi-transitional .btn.atom-button--margin-left {
  margin-left: 1.6rem;
}
.exi-transitional a.atom-button,
.exi-transitional a.btn {
  text-decoration: none;
}
.exi-transitional .fc-today-button.fc-state-disabled {
  display: none !important;
}

.exi-transitional [x-input].atom-checkbox-toggle input[type="checkbox"],
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child
  input[type="checkbox"] {
  position: absolute;
  left: -1000em;
  opacity: 0;
}

.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--sm
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--sm
  label:after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label:after,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--lg
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--lg
  label:after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label:after {
  position: absolute;
  content: "";
  display: inline-block;
}

.fpo-checkbox-wrapper {
  margin: 6rem 2rem;
}

.exi-transitional [x-input].atom-checkbox-toggle,
.exi-transitional [x-input].atom-checkbox-toggle:last-child {
  display: block;
  margin-bottom: 1.2rem;
}
.exi-transitional [x-input].atom-checkbox-toggle.checkbox-toggle--sm label,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label {
  display: inline-block;
  position: relative;
  padding: 0 2.4rem 0 2.4rem;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--sm
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label:before {
  height: 16px;
  width: 16px;
  left: 0;
  top: 1px;
  background: #f4f4f4;
  border: 1px solid #bbb;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--sm
  label:after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.exi-transitional [x-input].atom-checkbox-toggle.checkbox-toggle--lg label,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label {
  position: relative;
  display: inline-block;
  padding: 0 3rem 0 3rem;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--lg
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label:before {
  height: 22px;
  width: 22px;
  left: 0;
  top: 1px;
  background: #f4f4f4;
  border: 1px solid #bbb;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--lg
  label:after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label:after {
  top: 3px;
  left: 7px;
  height: 14px;
  width: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--sm
  label.sr-only,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--lg
  label.sr-only,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label.sr-only,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label.sr-only {
  left: 0 !important;
  position: relative !important;
  top: 1px !important;
  width: 22px !important;
  visibility: hidden;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--sm
  label.sr-only:before,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--lg
  label.sr-only:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--sm
  label.sr-only:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--lg
  label.sr-only:before {
  visibility: visible;
}
.exi-transitional
  [x-input].atom-checkbox-toggle
  input[type="checkbox"]
  + label::after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child
  input[type="checkbox"]
  + label::after {
  content: none;
}
.exi-transitional
  [x-input].atom-checkbox-toggle
  input[type="checkbox"]:checked
  + label::after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child
  input[type="checkbox"]:checked
  + label::after {
  content: "";
}
.exi-transitional
  [x-input].atom-checkbox-toggle
  input[type="checkbox"]:checked
  + label::before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child
  input[type="checkbox"]:checked
  + label::before {
  background: #337ab7;
}
.exi-transitional
  [x-input].atom-checkbox-toggle
  input[type="checkbox"]:focus
  + label::before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child
  input[type="checkbox"]:focus
  + label::before {
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--disabled
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--disabled--checked
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--disabled--checked:last-child
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--disabled
  label:before,
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--disabled--checked:last-child
  label:before {
  background: #d3d3d3;
  border: #d3d3d3;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--disabled--checked
  label:after,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--disabled--checked
  label:after {
  border: solid #bbbbbb;
  border-width: 0 2px 2px 0;
}
.exi-transitional
  [x-input].atom-checkbox-toggle.checkbox-toggle--disabled--checked
  input[type="checkbox"]:checked
  + label::before,
.exi-transitional
  [x-input].atom-checkbox-toggle:last-child.checkbox-toggle--disabled--checked
  input[type="checkbox"]:checked
  + label::before {
  background: #d3d3d3;
}

.exi-transitional hr {
  margin: 0 0 1.6rem 0;
}

/*
TABLE OF CONTENTS
- General
- Form Group
- Form Control
- Disabled
- Hint Text
- Validation Alert
*/
.exi-transitional label {
  display: block;
  max-width: 100%;
  font-weight: 700;
  margin: 0 0 0.3rem 0;
}
.exi-transitional label.info-icon-label {
  display: inline-block;
  max-width: 100%;
  font-weight: 700;
  margin: 0 0 0.3rem 0;
}
.exi-transitional legend {
  font-size: 1.4rem;
  border: none;
  margin: 0 0 0.8rem 0;
}
.exi-transitional input[type="number"],
.exi-transitional input[type="text"],
.exi-transitional input[type="email"] {
  display: inline-block;
  background-color: #fff;
  border-radius: 0.3rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.exi-transitional input[type="number"]:focus,
.exi-transitional input[type="text"]:focus,
.exi-transitional input[type="email"]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.exi-transitional x-input-file[x-input] {
  position: relative;
  display: block;
  margin-bottom: 1.6rem;
}
.exi-transitional x-input-file[x-input] .file-input-inner-wrap {
  display: inline-block;
  position: relative;
}
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"] {
  cursor: pointer;
  display: block;
  font-size: 0.01px;
  opacity: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 0;
}
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:hover {
  cursor: pointer;
}
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]
  + .atom-button {
  cursor: pointer;
}
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:focus
  + .atom-button {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button {
  cursor: not-allowed;
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  opacity: 1;
}
.exi-transitional x-input-file[x-input] .file-input-inner-wrap + div {
  display: inline-block;
  margin-left: 1rem;
}
.exi-transitional x-input-file[x-input] .file-input-selected-file .mol-remove {
  margin-left: 0.5rem;
}
.exi-transitional [x-input],
.exi-transitional [x-input]:last-child {
  margin: 0;
  padding: 0;
}
.exi-transitional [x-input] .help-block,
.exi-transitional [x-input]:last-child .help-block {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional
  [x-input]
  .form-control:not(#global-header-search_input):not(textarea),
.exi-transitional
  [x-input]:last-child
  .form-control:not(#global-header-search_input):not(textarea) {
  height: 3.5rem;
}
.exi-transitional [x-input] x-alert,
.exi-transitional [x-input]:last-child x-alert {
  margin-bottom: 1.6rem;
}
.exi-transitional x-input-textarea {
  clear: right;
}
.exi-transitional x-input-textarea label {
  display: inline;
}
.exi-transitional x-input-textarea textarea {
  width: 100%;
  resize: vertical;
}
.exi-transitional .hint-text {
  display: block;
  color: #767676;
  font-size: 1.2rem;
  margin: 0;
  font-weight: 400;
}
.exi-transitional input:disabled {
  cursor: not-allowed;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  background-color: #eceef1;
}

/*
TABLE OF CONTENTS
- General
- List Items
- List Options
  - Unstyled
  - Inline
  - Ordered Numeric
  - Ordered Alpha
*/
/* GENERAL */
.exi-transitional ul.atoms-list,
.exi-transitional ul.atoms-list ul {
  margin: 0 0 1.6rem 2.4rem;
  padding: 0;
}

.exi-transitional ul.atoms-list ul {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

/*-------------------------------*/
/* LIST ITEMS */
.exi-transitional ul.atoms-list li {
  margin: 0 0 0.8rem 0;
  padding: 0;
}

.exi-transitional ul.atoms-list li:last-child {
  margin: 0;
  padding: 0;
}

/*-------------------------------*/
/* LIST OPTIONS */
/* Unstyled */
.exi-transitional ul.atoms-list.atoms-list--unstyled {
  list-style-type: none;
  margin-left: 0;
}

/* Inline */
.exi-transitional ul.atoms-list.atoms-list--inline,
.exi-transitional ul.atoms-list.atoms-list--inline ul {
  list-style-type: none;
  display: inline-block;
  margin: 0 0 1.6rem 0;
}

.exi-transitional ul.atoms-list.atoms-list--inline ul {
  margin: 0 0 0 1.6rem;
}

.exi-transitional ul.atoms-list.atoms-list--inline li {
  display: inline-block;
  margin: 0 1.6rem 0 0;
}

.exi-transitional ul.atoms-list.atoms-list--inline li:last-child {
  display: inline-block;
  margin: 0;
}

/* Ordered Numeric */
.exi-transitional ul.atoms-list.atoms-list--ordered---numeric {
  list-style-type: decimal;
}

/* Ordered Alpha */
.exi-transitional ul.atoms-list.atoms-list--ordered---alpha {
  list-style-type: upper-alpha;
}

.exi-transitional .atoms-radio-button {
  margin-bottom: 1.2rem;
}
.exi-transitional .atoms-radio-button [type="radio"]:checked,
.exi-transitional .atoms-radio-button [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
}
.exi-transitional .atoms-radio-button [type="radio"]:checked + label,
.exi-transitional .atoms-radio-button [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 2rem;
  cursor: pointer;
  line-height: 1.2;
  display: inline-block;
}
.exi-transitional .atoms-radio-button [type="radio"]:checked + label:before,
.exi-transitional
  .atoms-radio-button
  [type="radio"]:not(:checked)
  + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
  border: 3px solid;
  border-color: #333;
  /* IE11 fallback */
  border-color: var(--brand-fill-dark);
  border-radius: 50%;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
}
.exi-transitional
  .atoms-radio-button
  [type="radio"]:checked:focus
  + label:before,
.exi-transitional
  .atoms-radio-button
  [type="radio"]:not(:checked):focus
  + label:before {
  box-shadow: 0 0 4px 1px #1fb5f9;
}
.exi-transitional .atoms-radio-button [type="radio"]:checked + label:after,
.exi-transitional
  .atoms-radio-button
  [type="radio"]:not(:checked)
  + label:after {
  content: "";
  width: 9px;
  height: 9px;
  background: #10069f;
  /* IE11 fallback */
  background: var(--brand-interactive);
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.exi-transitional
  .atoms-radio-button
  [type="radio"]:not(:checked)
  + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.exi-transitional .atoms-radio-button [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.exi-transitional .atoms-radio-button [type="radio"]:disabled {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .atoms-radio-button
  [type="radio"]:disabled:not(:checked)
  ~ label {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  cursor: not-allowed;
}
.exi-transitional
  .atoms-radio-button
  [type="radio"]:disabled:not(:checked)
  ~ label::before {
  cursor: not-allowed;
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-fill-lightest);
  border: 3px solid;
  border-color: #767676;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional .atoms-radio-button [type="radio"]:disabled:checked ~ label {
  cursor: not-allowed;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .atoms-radio-button
  [type="radio"]:disabled:checked
  ~ label::before {
  cursor: not-allowed;
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  border: 3px solid;
  border-color: #767676;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .atoms-radio-button
  [type="radio"]:disabled:checked
  ~ label::after {
  background: #b7b4e4;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional .atoms-radio-button RADIO GROUP legend {
  font-weight: bold;
}
.exi-transitional .atoms-radio-button fieldset {
  border: none;
}

/* Import all molecule SASS files */
/* Import all alert SASS files */
/*
TABLE OF CONTENTS
- General
- States
  - Success
  - Warning
  - Danger
  - Setting
- Mobile Styles
*/
.exi-transitional .mol-alert {
  position: relative;
  margin: 0 2rem 1.6rem 2rem;
  padding: 1.6rem 1.6rem 1.6rem 4.8rem;
  color: #0077b3;
  /* IE11 fallback */
  color: var(--brand-accent-dark);
  background: #e9f8ff;
  /* IE11 fallback */
  background: hsl(
    var(--brand-accent-light-h),
    calc(var(--brand-accent-light-s) * 1),
    calc(var(--brand-accent-light-l) * 1.386)
  );
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0.3rem;
  clear: both;
  align-items: stretch;
  justify-content: flex-start;
}
.exi-transitional .mol-alert::before {
  font-family: "Glyphicons Halflings";
  font-size: 2rem;
  position: absolute;
  top: 1.5rem;
  left: 1.6rem;
  content: "\e086";
}
@media (max-width: 768px) {
  .exi-transitional .mol-alert::before {
    top: 0.7rem;
    left: 0.8rem;
  }
}
.exi-transitional .mol-alert :last-child {
  margin-bottom: 0;
}
.exi-transitional .mol-alert h4,
.exi-transitional .mol-alert h5,
.exi-transitional .mol-alert h6 {
  color: inherit;
}
.exi-transitional .mol-alert__column:first-of-type {
  width: 30px;
}
.exi-transitional .mol-alert__column:last-of-type {
  width: 100%;
}
.exi-transitional .mol-alert__inner-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  top: 1px;
}
.exi-transitional .mol-alert__inner-wrap .alert-text {
  padding-right: 1rem;
  width: calc(100% - 200px);
}
.exi-transitional .mol-alert__inner-wrap .alert-text.full-width {
  width: 100%;
}
@media (max-width: 579px) {
  .exi-transitional .mol-alert__inner-wrap .alert-text {
    margin-bottom: 1.5rem;
    width: 100%;
  }
}
.exi-transitional .mol-alert label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.exi-transitional .mol-alert.mol-alert--dismissable {
  padding-right: 4rem;
}
@media (max-width: 768px) {
  .exi-transitional .mol-alert.mol-alert--dismissable {
    padding-right: 3.5rem;
  }
}
.exi-transitional .mol-alert.mol-alert--dismissable .mol-close-button {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
@media (max-width: 768px) {
  .exi-transitional .mol-alert.mol-alert--dismissable .mol-close-button {
    top: 0.4rem;
    right: 0.4rem;
  }
}
.exi-transitional .mol-alert.mol-alert--dismissable .mol-collpase-button {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
@media (max-width: 768px) {
  .exi-transitional .mol-alert.mol-alert--dismissable .mol-collpase-button {
    top: 0.4rem;
    right: 0.4rem;
  }
}
@media (max-width: 768px) {
  .exi-transitional .mol-alert {
    padding: 0.8rem 0.8rem 0.8rem 3.5rem;
  }
}
.exi-transitional x-alert[mode="success"] {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  background: #f3f8ed;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional x-alert[mode="success"]::before {
  content: "\e084";
}
.exi-transitional x-alert[mode="warning"] {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
  background: #fcf5ee;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional x-alert[mode="warning"]::before {
  content: "\e101";
}
.exi-transitional x-alert[mode="danger"] {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
  background: #ffebef;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}
.exi-transitional x-alert[mode="danger"]::before {
  content: "\e101";
}
.exi-transitional x-alert[mode="setting"] {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional x-alert[mode="setting"]::before {
  content: "\e019";
}

/* Import all container SASS files */
/*
TABLE OF CONTENTS
- General
- Heading
- Body
- Footer
- Alternate Styles
  - Outside
  - Filled
- Legacy
  -  "Panel" Class Support
*/
.exi-transitional .mol-block {
  margin: 0 0 1.6rem 0;
}
.exi-transitional .mol-block .mol-block--heading {
  position: relative;
  margin: 0;
  padding: 1.2rem 4rem 0 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0.3rem 0.3rem 0 0;
  border-bottom: none;
  box-shadow: none;
}
.exi-transitional .mol-block .mol-block--heading h3 {
  margin: 0;
}
.exi-transitional .mol-block .mol-block--heading .mol-help-button,
.exi-transitional .mol-block .mol-block--heading .mol-help-link {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.exi-transitional .mol-block .mol-block--body {
  position: relative;
  margin: 0;
  padding: 1.6rem 1.6rem 0 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: none;
}
.exi-transitional .mol-block .mol-block--body::after {
  display: block;
  content: "";
  clear: both;
}
.exi-transitional .mol-block .mol-block--footer {
  position: relative;
  text-align: right;
  margin: -0.3rem 0 0 0;
  padding: 0 1.6rem 1.6rem 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: none;
  box-shadow: none;
}
.exi-transitional .mol-block.outside .mol-block--heading {
  padding: 0 4rem 1.2rem 0;
  background: none;
  border: none;
}
.exi-transitional .mol-block.outside .mol-block--heading .mol-help-button {
  position: absolute;
  top: 0;
  right: 0;
}
.exi-transitional .mol-block.outside .mol-block--body {
  border-radius: 0.3rem;
}
@media (min-width: 769px) {
  .exi-transitional [class^="col-"]:first-of-type .mol-block,
  .exi-transitional [class*=" col-"]:first-of-type .mol-block {
    margin: 0 2.4rem 2.4rem 0;
  }
}

/*
TABLE OF CONTENTS
- Block
  - Heading
  - Body
  - Footer
- Text
  - Headings
  - Links
  - Horizontal Rules
  - Lists
- Buttons
- Table
*/
.exi-transitional
  .mol-overview-block
  .mol-block--body
  .mol-overview-block--empty {
  font-size: 1.8rem;
  margin: 0 0 1.6rem 0;
  padding: 0;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  text-align: center;
}
.exi-transitional
  .mol-overview-block
  .mol-block--body
  .mol-overview-block--empty
  section {
  margin: 0 0 1.6rem 0;
  padding: 0;
  color: #a9a9a9;
  /* IE11 fallback */
  color: var(--brand-text-disabled);
}
.exi-transitional .mol-overview-block .mol-block--body ul {
  list-style-type: none;
  padding: 0;
}
.exi-transitional .mol-overview-block .mol-block--body ul li {
  margin: 0 0 0.8rem 0;
  padding: 0 0 0 2.4rem;
  line-height: 1.2;
  background: -moz-radial-gradient(
    center,
    ellipse cover,
    #8f8a83 19%,
    rgba(143, 138, 131, 0) 23%
  );
  background: -webkit-radial-gradient(
    center,
    ellipse cover,
    #8f8a83 19%,
    rgba(143, 138, 131, 0) 23%
  );
  background: radial-gradient(
    ellipse at center,
    #8f8a83 19%,
    rgba(143, 138, 131, 0) 23%
  );
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f8a83', endColorstr='#008f8a83',GradientType=1 );
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: 0 0;
}
.exi-transitional .mol-overview-block table {
  table-layout: fixed;
  width: 100%;
  margin: 0 0 1.6rem 0;
  border: none;
}
.exi-transitional .mol-overview-block table th {
  font-weight: 500;
  padding-right: 1.6rem;
  width: auto;
  padding: 0.4rem 0 0.4rem 0;
}
.exi-transitional .mol-overview-block table th:last-child {
  border-bottom: none;
}
.exi-transitional .mol-overview-block table td {
  width: auto;
  padding: 0.4rem 0 0.4rem 0;
}
.exi-transitional .mol-overview-block table tr:last-child th,
.exi-transitional .mol-overview-block table tr:last-child td {
  border-bottom: none;
}
.exi-transitional .mol-overview-block table.table-checklist th {
  width: auto;
}
.exi-transitional .mol-overview-block table.table-checklist td {
  width: 3rem;
}
.exi-transitional .mol-overview-block table .glyphicon-ok {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  font-size: 1.8rem;
}
.exi-transitional .mol-overview-block table .glyphicon-remove {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
  font-size: 1.8rem;
}
@media (max-width: 512px) {
  .exi-transitional .mol-overview-block table th,
  .exi-transitional .mol-overview-block table td {
    display: block;
    width: 100%;
    padding: 0.4rem 0 0.4rem 0;
  }
  .exi-transitional .mol-overview-block table th {
    padding-bottom: 0;
    border-bottom: none;
  }
  .exi-transitional .mol-overview-block table.table-checklist th {
    display: table-cell;
    width: auto;
  }
  .exi-transitional .mol-overview-block table.table-checklist td {
    display: table-cell;
    width: 3rem;
  }
}

/*
TABLE OF CONTENTS
- General
- Drawer Sections
  - Page Overlay
  - Heading
    - Optional Color
  - Body
    - Optional Color
  - Footer
    - Optional Color
- Sizes
- States
  - Success
  - Warning
  - Danger
- Mobile Styles
- Demo Only

NOTE: Optional colors below can be applied to either the entire drawer (apply along with the mol-drawer class)
      or to the individual pieces (apply along with mol-drawer--heading, mol-drawer--body, mol-drawer--footer)
*/
/* GENERAL */
/* Drawer closed */
.exi-transitional .mol-drawer {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 5rem;
  bottom: 0;
  right: -30rem;
  width: 35rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  -webkit-box-shadow: -9px 0px 10px -4px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: -9px 0px 10px -4px rgba(0, 0, 0, 0.28);
  box-shadow: -9px 0px 10px -4px rgba(0, 0, 0, 0.28);
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  opacity: 0;
  visibility: hidden;
}

/* Drawer open */
.exi-transitional .mol-drawer.mol-drawer--in {
  right: 0;
  opacity: 1;
  visibility: visible;
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
}

.mol-drawer.mol-drawer--in {
  top: 5rem;
}
/*------------------------------------*/
/* DRAWER SECTIONS */
/* PAGE OVERLAY */
/* Drawer Closed */
.exi-transitional .mol-drawer .mol-drawer--overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-out;
  -webkit-transition: 0.4s ease-out;
  z-index: 100000;
}

/* Drawer Open */
.exi-transitional .mol-drawer.mol-drawer--in .mol-drawer--overlay {
  opacity: 0.5;
  display: block;
  visibility: visible;
  transition: 0.4s ease-in;
  -webkit-transition: 0.4s ease-in;
}

@media (max-width: 550px) {
  .exi-transitional .mol-drawer.mol-drawer--in .mol-drawer--overlay {
    opacity: 0;
  }
}
/*------------------------------------*/
/* HEADING */
.exi-transitional .mol-drawer .mol-drawer--heading {
  flex: 0 1 auto;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 1.2rem 4.2rem 1.2rem 1.6rem;
  background: #fff;
  /* IE11 fallback */
  border-width: 0;
  z-index: 101000;
}

/* Heading Title */
.exi-transitional .mol-drawer .mol-drawer--heading h3 {
  margin: 0;
}

/* Heading - Drawer close button */
.exi-transitional .mol-drawer .mol-drawer--heading .mol-close-button {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}

/* Heading - Optional Color */
.exi-transitional .mol-drawer.mol-drawer--optioncolor .mol-drawer--heading,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--optioncolor {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}

/*------------------------------------*/
/* BODY */
.exi-transitional .mol-drawer .mol-drawer--body {
  position: relative;
  flex: 1 1 auto;
  width: 100%;
  padding: 1.6rem;
  overflow-x: auto;
  background: #fff;
  /* IE11 fallback */
  /*background: var(--brand-fill-lightest);*/
  z-index: 101000;
}

/* Spacing between columns for 2-column layout. Negate below 768px */
@media (min-width: 768px) {
  .exi-transitional
    .mol-drawer
    .mol-drawer--body
    [class*="col-sm-6"]:first-child {
    padding-right: 1.6rem;
  }

  .exi-transitional
    .mol-drawer
    .mol-drawer--body
    [class*="col-sm-6"]:last-child {
    padding-left: 1.6rem;
  }
}
/* Spacing between columns for 3-column layout. Negate below 768px */
@media (min-width: 768px) {
  .exi-transitional
    .mol-drawer
    .mol-drawer--body
    [class*="col-sm-4"]:nth-child(1) {
    padding-right: 1.6rem;
  }

  .exi-transitional
    .mol-drawer
    .mol-drawer--body
    [class*="col-sm-4"]:nth-child(2) {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  .exi-transitional
    .mol-drawer
    .mol-drawer--body
    [class*="col-sm-4"]:nth-child(3) {
    padding-left: 1.6rem;
  }
}
.exi-transitional .mol-drawer .mol-drawer--body .mol-drawer--shadow---top {
  display: block;
  position: fixed;
  width: 100%;
  height: 0.8rem;
  margin: -2.4rem -1.6rem 1.6rem -1.6rem;
  /*-webkit-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.53);*/
  /*-moz-box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.53);*/
  /*box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.53);*/
  z-index: 102000;
}

.exi-transitional .mol-drawer .mol-drawer--body .mol-drawer--shadow---bottom {
  display: block;
  position: fixed;
  width: 100%;
  height: 0.8rem;
  margin: -54.7rem -1.6rem 0 -1.6rem;
  /*-webkit-box-shadow: 0px -4px 5px -2px rgba(0, 0, 0, 0.53);*/
  /*-moz-box-shadow: 0px -4px 5px -2px rgba(0, 0, 0, 0.53);*/
  /*box-shadow: 0px -4px 5px -2px rgba(0, 0, 0, 0.53);*/
  z-index: 102000;
}

.exi-transitional .mol-drawer .mol-drawer--body .mol-drawer--shadowhider---top {
  display: block;
  position: absolute;
  top: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 103000;
}

.exi-transitional
  .mol-drawer
  .mol-drawer--body
  .mol-drawer--shadowhider---bottom {
  display: block;
  position: relative;
  bottom: 0;
  height: 0.8rem;
  margin: 0 -1.6rem -1.6rem -1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 103000;
}

/* Body - Optional Color */
.exi-transitional .mol-drawer.mol-drawer--optioncolor .mol-drawer--body,
.exi-transitional .mol-drawer .mol-drawer--body.mol-drawer--optioncolor {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}

/*------------------------------------*/
/* FOOTER */
.exi-transitional .mol-drawer .mol-drawer--footer {
  flex: 0 1 auto;
  width: 100%;
  padding: 1.2rem 1.6rem;
  text-align: right;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 101000;
}

/* Footer Buttons */
.exi-transitional .mol-drawer .mol-drawer--footer button:not(:first-child) {
  margin-left: 1.6rem;
}

/* Footer - Optional Color */
.exi-transitional .mol-drawer.mol-drawer--optioncolor .mol-drawer--footer,
.exi-transitional .mol-drawer .mol-drawer--footer.mol-drawer--optioncolor {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}

/*------------------------------------*/
/* SIZES */
/* Medium */
.exi-transitional .mol-drawer.mol-drawer--md {
  right: -50vw;
  width: 50vw;
  min-width: 50rem;
}

.exi-transitional .mol-drawer.mol-drawer--md.mol-drawer--in {
  right: 0;
}

/* Large */
.exi-transitional .mol-drawer.mol-drawer--lg {
  right: -95vw;
  width: 95vw;
  min-width: 70rem;
  transition: 0.7s ease;
  -webkit-transition: 0.7s ease;
}

.exi-transitional .mol-drawer.mol-drawer--lg.mol-drawer--in {
  right: 0;
}

/*------------------------------------*/
/* STATES */
.exi-transitional .mol-drawer {
  /* SUCCESS */
  /* Success heading color */
  /* Success action button */
  /* WARNING */
  /* Warning heading color */
  /* Warning action button */
  /* DANGER */
  /* Danger heading color */
  /* Warning/danger glyphicon */
  /* Danger action button */
  /* Glyphicon common styles */
}
.exi-transitional .mol-drawer.mol-drawer--success .mol-drawer--heading,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--success {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  border-top: 0.4rem solid;
  border-color: #457a00;
  /* IE11 fallback */
  border-color: var(--brand-success);
}
.exi-transitional .mol-drawer.mol-drawer--success .mol-drawer--heading h3,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--success h3 {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  /* Success glyphicon */
}
.exi-transitional
  .mol-drawer.mol-drawer--success
  .mol-drawer--heading
  h3:before,
.exi-transitional
  .mol-drawer
  .mol-drawer--heading.mol-drawer--success
  h3:before {
  font-family: "Glyphicons Halflings";
  content: "\e084";
}
.exi-transitional .mol-drawer.mol-drawer--warning .mol-drawer--heading,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--warning {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
  border-top: 0.4rem solid;
  border-color: #a35a00;
  /* IE11 fallback */
  border-color: var(--brand-warning);
}
.exi-transitional .mol-drawer.mol-drawer--warning .mol-drawer--heading h3,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--warning h3 {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional .mol-drawer.mol-drawer--danger .mol-drawer--heading,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--danger {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
  border-top: 0.4rem solid;
  border-color: #d7143b;
  /* IE11 fallback */
  border-color: var(--brand-danger);
}
.exi-transitional .mol-drawer.mol-drawer--danger .mol-drawer--heading h3,
.exi-transitional .mol-drawer .mol-drawer--heading.mol-drawer--danger h3 {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .mol-drawer--heading
  h3:before,
.exi-transitional
  .mol-drawer
  .mol-drawer--heading.mol-drawer--warning
  h3:before,
.exi-transitional .mol-drawer.mol-drawer--danger .mol-drawer--heading h3:before,
.exi-transitional
  .mol-drawer
  .mol-drawer--heading.mol-drawer--danger
  h3:before {
  font-family: "Glyphicons Halflings";
  content: "\e101";
}
.exi-transitional
  .mol-drawer.mol-drawer--success
  .mol-drawer--heading
  h3:before,
.exi-transitional
  .mol-drawer
  .mol-drawer--heading.mol-drawer--success
  h3:before,
.exi-transitional
  .mol-drawer.mol-drawer--warning
  .mol-drawer--heading
  h3:before,
.exi-transitional
  .mol-drawer
  .mol-drawer--heading.mol-drawer--warning
  h3:before,
.exi-transitional .mol-drawer.mol-drawer--danger .mol-drawer--heading h3:before,
.exi-transitional
  .mol-drawer
  .mol-drawer--heading.mol-drawer--danger
  h3:before {
  margin-right: 0.6rem;
  font-size: 2.2rem;
  vertical-align: top;
}

/*------------------------------------*/
/* MOBILE STYLES */
@media (max-width: 992px) {
  /* Make LARGE drawer full-page for small viewports */
  .exi-transitional .mol-drawer.mol-drawer--lg {
    top: 0;
    width: 100vw;
    min-width: 0;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
  }
}
@media (max-width: 768px) {
  /* Make MEDIUM drawer full-page for small viewports */
  .exi-transitional .mol-drawer.mol-drawer--md {
    top: 0;
    width: 100vw;
    min-width: 0;
  }
}
@media (max-width: 550px) {
  /* Make DEFAULT drawer full-page for small viewports */
  .exi-transitional .mol-drawer {
    top: 0;
    width: 100vw;
  }
}
/*------------------------------------*/
/* GLOBAL DRAWER */
@media (max-width: 550px) {
  .org-global-header__drawer {
    overflow-y: scroll;
  }
}

.global-drawer__list-wrap {
  display: block;
}

.org-global-header__drawer .mol-drawer--body {
  overflow: visible;
  overflow-x: inherit !important;
}

.global-drawer__header {
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  padding: 1.2rem 4.2rem 1.2rem 1.6rem;
}
.global-drawer__header > span,
.global-drawer__header > h3 {
  display: inline-block;
}
.global-drawer__header > .global-drawer__icon {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  font-size: 2.5rem;
  margin-right: 1rem;
}

.global-header-mobile-tool__link.open .sub-arrow:before {
  content: "\2212" !important;
}

.global-drawer__list {
  list-style: none;
  margin: 0;
  padding: 0 0 1.2rem 0;
  width: 100%;
}
.global-drawer__list li {
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  display: block;
  margin: 0;
  padding: 0;
  /* Global Drawer Submenus */
}
.global-drawer__list
  li.global-drawer__top-level
  .global-drawer__button
  .glyphicon-chevron-up {
  transform: rotate(180deg);
  transition: transform 0.25s;
}
.global-drawer__list
  li.global-drawer__top-level.open
  .global-drawer__button
  .glyphicon-chevron-up {
  transform: rotate(0deg);
  transition: transform 0.25s;
}
.global-drawer__list li .global-drawer__button {
  border: none;
  display: block;
  font-size: 1.8rem;
  line-height: 1.2rem;
  padding: 1.6rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
  background-color: transparent;
}
.global-drawer__list li .global-drawer__button > div,
.global-drawer__list li .global-drawer__button > span {
  display: inline-block;
}
.global-drawer__list li .global-drawer__button .global-drawer__leading-icon {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  height: 25px;
  margin-right: 1rem;
  width: 25px;
}
.global-drawer__list li .global-drawer__button .global-drawer__text {
  color: #333;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-text);
  font-weight: 300;
  position: relative;
  top: -8px;
}
.global-drawer__list li .global-drawer__button .global-drawer__chevron-wrap {
  position: absolute;
  top: 1.8rem;
  right: 2rem;
}
.global-drawer__list
  li
  .global-drawer__button
  .global-drawer__chevron-wrap
  .global-drawer__chevron {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.global-drawer__list li .submenu__wrap .submenu__list {
  display: none;
  /* If in tablet view collapse multi-level Submenus: rotate arrows when open*/
}
@media (max-width: 550px) {
  .global-drawer__list li .submenu__wrap .submenu__list {
    display: block;
  }
}
@media (max-width: 767px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list.submenu__list--two
    li.has-submenu:hover
    span.submenu__arrow,
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list.submenu__list--three
    li.has-submenu:hover
    span.submenu__arrow {
    transform: rotate(90deg);
    transition: transform 0.25s;
  }
}
.global-drawer__list li .submenu__wrap .submenu__list li {
  border-bottom: none;
  min-height: 3rem;
  width: 100%;
  /**************************************
         * MOBILE SUBMENU ARROW (up/down vs right)
         **************************************/
  /**** NORMAL (CLOSED) SUBMENU ****/
  /**** OPEN SUBMENU ****/
}
@media (max-width: 550px) {
  .global-drawer__list li .submenu__wrap .submenu__list li {
    margin-bottom: 1rem;
  }
  .global-drawer__list li .submenu__wrap .submenu__list li:last-of-type {
    margin-bottom: 0;
  }
}
.global-drawer__list li .submenu__wrap .submenu__list li.has-submenu {
  cursor: pointer;
}
@media (min-width: 551px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li.has-submenu:hover
    > .submenu__list.submenu__list--two,
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li.has-submenu.open
    > .submenu__list.submenu__list--two {
    display: block;
  }
}
@media (min-width: 766px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li.has-submenu:hover
    > .submenu__list,
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li.has-submenu.open
    > .submenu__list {
    display: block;
  }
}
.global-drawer__list li .submenu__wrap .submenu__list li .submenu__link-wrap {
  color: unset;
  display: block;
  position: relative;
}
.global-drawer__list
  li
  .submenu__wrap
  .submenu__list
  li
  .submenu__link-wrap
  > span,
.global-drawer__list
  li
  .submenu__wrap
  .submenu__list
  li
  .submenu__link-wrap
  > div {
  display: inline-block;
}
@media (min-width: 551px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__link-wrap:hover {
    background-color: #f6f6f6;
    /* IE11 fallback */
    background-color: var(--brand-fill-light);
  }
}

.global-drawer__list
  li
  .submenu__wrap
  .submenu__list
  li
  .submenu__link-wrap
  .submenu-list__text {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 200;
  left: 5rem;
  padding: 0.5rem;
  position: relative;
  text-decoration: none;
  width: calc(100% - 10rem);
}

@media (max-width: 550px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__link-wrap
    .submenu-list__text:hover {
    background-color: #dcdcdc;
    /* IE11 fallback */
    background-color: var(--brand-border-light);
  }
}
.global-drawer__list
  li
  .submenu__wrap
  .submenu__list
  li
  .submenu__link-wrap
  .submenu__arrow-wrap {
  background-color: unset;
  border: none;
  height: 3.2rem;
  position: absolute;
  right: 0.5rem;
  text-align: center;
  width: 4.5rem;
}
@media (max-width: 550px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__link-wrap
    .submenu__arrow-wrap {
    border-left: 1px solid;
    border-color: #dcdcdc;
    /* IE11 fallback */
    border-color: var(--brand-border-light);
  }
}
.global-drawer__list
  li
  .submenu__wrap
  .submenu__list
  li
  .submenu__link-wrap
  .submenu__arrow {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
@media (max-width: 550px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__link-wrap[aria-expanded="true"]
    .submenu__arrow {
    transform: rotate(-90deg);
    transition: transform 0.25s;
  }
}
.global-drawer__list
  li
  .submenu__wrap
  .submenu__list
  li
  .submenu__list--two
  .submenu-list__text {
  left: 1.5rem;
  width: calc(100% - 5rem);
}
@media (max-width: 550px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__list--two
    .submenu-list__text {
    left: 5rem;
    width: calc(100% - 10rem);
  }
}
@media (max-width: 550px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__link-wrap
    > .submenu__arrow-wrap
    > span.submenu__arrow {
    transform: rotate(90deg);
    transition: transform 0.25s;
  }
}
@media (max-width: 550px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    .submenu__link-wrap.open
    > .submenu__arrow-wrap
    > span.submenu__arrow {
    transform: rotate(-90deg);
    transition: transform 0.25s;
  }
}
.global-drawer__list li .submenu__wrap .submenu__list li > .submenu__list {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border-left: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 0.3rem;
  margin-bottom: -3.4rem;
  padding: 3px 0;
  position: absolute;
  right: -22rem;
  width: 22rem;
  -webkit-box-shadow: 9px 0px 10px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 9px 0px 10px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 9px 0px 10px 0px rgba(0, 0, 0, 0.28);
  /* If in tablet view collapse multi-level Submenus*/
}
@media (max-width: 550px) {
  .global-drawer__list li .submenu__wrap .submenu__list li > .submenu__list {
    background-color: unset;
    border-left: none;
    border-radius: 0;
    display: none;
    margin-top: 0;
    padding-left: 2rem;
    position: relative;
    right: 0;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 1.6rem;
  }
}
@media (max-width: 767px) {
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    > .submenu__list.submenu__list--three {
    position: initial;
    border-left: none;
    background-color: initial;
    border-left: none;
    border-radius: 0;
    margin-top: 0;
    padding-left: 2rem;
    position: relative;
    right: 0;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 1.6rem;
  }
  .global-drawer__list
    li
    .submenu__wrap
    .submenu__list
    li
    > .submenu__list.submenu__list--three.open {
    display: block;
  }
}
.global-drawer__list li .submenu__wrap .submenu__list li > .submenu__list.open {
  display: block;
}
.global-drawer__list li .submenu__wrap .submenu__list--one {
  display: block;
  margin: 0 0 3rem;
  padding: 0.5rem 0;
  width: 100%;
}
.global-drawer__list li .submenu__wrap .submenu__list--one > li a.submenu-link {
  padding-left: 1.75rem;
}

/*
TABLE OF CONTENTS
- General
- Cells
- Options
  - Fixed Header Row
  - Fixed Column Widths
  - Row States
- Mobile
- Specific Use Cases Within Other Components
  - Modal
*/
.exi-transitional x-basic-list {
  display: block;
  position: relative;
  margin: 0 0 1.6rem 0;
}
.exi-transitional .mol-basic-list {
  /* Basic table properties */
  /* Fixed Column Widths */
  /* Percentage Column Widths */
}
.exi-transitional .mol-basic-list table {
  position: relative;
  width: 100%;
  padding: 0;
}
.exi-transitional .mol-basic-list table .mol-basic-list--empty {
  font-size: 1.8rem;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  text-align: center;
  padding: 0.8rem 0;
}
.exi-transitional .mol-basic-list table .mol-basic-list--caption {
  margin: 0 0 0.8rem 0;
  padding: 0;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional .mol-basic-list [x-input] input,
.exi-transitional .mol-basic-list [x-input] select,
.exi-transitional .mol-basic-list [x-input] textarea {
  margin-bottom: 0;
}
.exi-transitional .mol-basic-list th,
.exi-transitional .mol-basic-list td {
  position: relative;
  width: auto;
  min-width: 12rem;
  margin: 0;
  padding: 0.8rem 1.2rem;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid var(--brand-border-light);
  /* MOBILE STYLES */
}
@media (max-width: 992px) {
  .exi-transitional .mol-basic-list th,
  .exi-transitional .mol-basic-list td {
    /* Reduce size of column widths to accommodate smaller viewports */
    min-width: 3rem;
  }
}
.exi-transitional .mol-basic-list td {
  z-index: 0;
}
.exi-transitional .mol-basic-list tr:first-child th,
.exi-transitional .mol-basic-list tr:first-child td {
  border-top: none;
}
.exi-transitional .mol-basic-list tr:last-child th,
.exi-transitional .mol-basic-list tr:last-child td {
  border-bottom: none;
}
.exi-transitional .mol-basic-list [role="gridcell"]:focus,
.exi-transitional .mol-basic-list [role="gridcell"] *:focus,
.exi-transitional .mol-basic-list [role="grid"] [tabindex="0"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.exi-transitional
  .mol-basic-list.mol-basic-list--fixed-header
  .mol-basic-list--scroll-container {
  max-height: 40.3rem;
  overflow-y: auto;
  overflow-x: hidden;
  /* MOBILE STYLES */
}
@media (max-width: 992px) {
  .exi-transitional
    .mol-basic-list.mol-basic-list--fixed-header
    .mol-basic-list--scroll-container {
    /* Fixed Header Row */
    max-height: 21.8rem;
  }
}
.exi-transitional
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th {
  position: sticky;
  top: 0;
  background: var(--brand-fill-lightest);
  z-index: 1;
}
.exi-transitional .mol-basic-list .mol-basic-list--scroll-indicator {
  display: none;
}
.exi-transitional
  .mol-basic-list.mol-basic-list--fixed-header
  .mol-basic-list--scroll-indicator {
  display: block;
  font-size: 1.2rem;
  font-weight: 400;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  margin: 0.8rem 0;
  text-align: center;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----xxs {
  width: 3rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----xs {
  width: 5rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----sm {
  width: 7rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----md {
  width: 9rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----lg {
  width: 11rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----xl {
  width: 15rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---fixed----xxl {
  width: 25rem;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----xxs {
  width: 5%;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----xs {
  width: 10%;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----sm {
  width: 15%;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----md {
  width: 25%;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----lg {
  width: 33.3%;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----xl {
  width: 50%;
}
.exi-transitional .mol-basic-list .mol-basic-list--colwidth---percent----xxl {
  width: 75%;
}
.exi-transitional .mol-basic-list .mol-basic-list--rowstate---success {
  background-color: #f3f8ed;
}
.exi-transitional .mol-basic-list .mol-basic-list--rowstate---warning {
  background-color: #fcf5ee;
}
.exi-transitional .mol-basic-list .mol-basic-list--rowstate---danger {
  background-color: #ffebef;
}
.exi-transitional .mol-basic-list .mol-basic-list--rowstate---past {
  background-color: #d2d6db;
}
.exi-transitional .mol-basic-list .mol-basic-list--rowstate---inactive {
  background: var(--brand-fill-lightest);
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 0.5em,
    #eceef1 0.5em,
    #eceef1 1em
  );
}
.exi-transitional
  x-modal[mode="success"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th,
.exi-transitional
  x-modal[mode="success"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  td {
  color: #333;
}
.exi-transitional
  x-modal[mode="success"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th {
  background: #f3f8ed;
}
.exi-transitional
  x-modal[mode="warning"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th,
.exi-transitional
  x-modal[mode="warning"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  td {
  color: #333;
}
.exi-transitional
  x-modal[mode="warning"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th {
  background: #fcf5ee;
}
.exi-transitional
  x-modal[mode="danger"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th,
.exi-transitional
  x-modal[mode="danger"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  td {
  color: #333;
}
.exi-transitional
  x-modal[mode="danger"]
  .mol-basic-list.mol-basic-list--fixed-header:not(.mol-basic-list--horizontal)
  th {
  background: #ffebef;
}

/*
TABLE OF CONTENTS
- General
- Expand/Collapse Button
- Content Container
*/
.exi-transitional .mol-collapsible-details {
  display: block;
  position: relative;
  margin-bottom: 1.6rem;
  padding-bottom: 0.8rem;
}
.exi-transitional .mol-collapsible-details > .atom-button {
  position: absolute;
  bottom: -0.8rem;
}
.exi-transitional .mol-collapsible-details > .atom-button::after {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  content: "\e259";
  margin-left: 0.3rem;
  vertical-align: top;
  -webkit-transition: -webkit-transform 0.3s ease;
  -moz-transition: -moz-transform 0.3s ease;
  transition: transform 0.3s ease;
}
.exi-transitional .mol-collapsible-details.open > .atom-button {
  bottom: 0;
}
.exi-transitional .mol-collapsible-details.open > .atom-button::after {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.exi-transitional .mol-collapsible-details .mol-collapsible-details--body {
  font-size: 1.2rem;
  max-height: 0;
  overflow: hidden;
  transition: 0.3s ease-out;
}
.exi-transitional .mol-collapsible-details.open .mol-collapsible-details--body {
  visibility: visible;
  height: auto;
  transition: 0.3s ease-in;
}

/*
TABLE OF CONTENTS
- General
- Heading
- Body
- Footer
- Alternate Styles
    - Heading
        - Light
        - Outer Heading
*/
.exi-transitional .panel,
.exi-transitional .panel.panel-default,
.exi-transitional .mol-panel {
  margin: 0 0 1.6rem 0;
  background: none;
  border: none;
  border-color: none;
  box-shadow: none;
  border-radius: 0.3rem;
}
.exi-transitional .panel .panel-heading,
.exi-transitional .panel .panel-heading.blank,
.exi-transitional .panel.panel-default .panel-heading,
.exi-transitional .panel.panel-default .panel-heading.blank,
.exi-transitional .mol-panel .panel-heading,
.exi-transitional .mol-panel .panel-heading.blank {
  position: relative;
  margin: 0;
  padding: 1.2rem 4rem 0 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0.3rem 0.3rem 0 0;
  border-bottom: none;
  box-shadow: none;
}
.exi-transitional .panel .panel-heading h3,
.exi-transitional .panel .panel-heading .panel-title,
.exi-transitional .panel .panel-heading.blank h3,
.exi-transitional .panel .panel-heading.blank .panel-title,
.exi-transitional .panel.panel-default .panel-heading h3,
.exi-transitional .panel.panel-default .panel-heading .panel-title,
.exi-transitional .panel.panel-default .panel-heading.blank h3,
.exi-transitional .panel.panel-default .panel-heading.blank .panel-title,
.exi-transitional .mol-panel .panel-heading h3,
.exi-transitional .mol-panel .panel-heading .panel-title,
.exi-transitional .mol-panel .panel-heading.blank h3,
.exi-transitional .mol-panel .panel-heading.blank .panel-title {
  margin: 0;
}
.exi-transitional .panel .panel-heading .mol-help-link,
.exi-transitional .panel .panel-heading .mol-help-button,
.exi-transitional .panel .panel-heading.blank .mol-help-link,
.exi-transitional .panel .panel-heading.blank .mol-help-button,
.exi-transitional .panel.panel-default .panel-heading .mol-help-link,
.exi-transitional .panel.panel-default .panel-heading .mol-help-button,
.exi-transitional .panel.panel-default .panel-heading.blank .mol-help-link,
.exi-transitional .panel.panel-default .panel-heading.blank .mol-help-button,
.exi-transitional .mol-panel .panel-heading .mol-help-link,
.exi-transitional .mol-panel .panel-heading .mol-help-button,
.exi-transitional .mol-panel .panel-heading.blank .mol-help-link,
.exi-transitional .mol-panel .panel-heading.blank .mol-help-button {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.exi-transitional .panel .panel-heading + .panel-body,
.exi-transitional .panel .panel-heading.blank + .panel-body,
.exi-transitional .panel.panel-default .panel-heading + .panel-body,
.exi-transitional .panel.panel-default .panel-heading.blank + .panel-body,
.exi-transitional .mol-panel .panel-heading + .panel-body,
.exi-transitional .mol-panel .panel-heading.blank + .panel-body {
  border-top: none;
}
.exi-transitional .panel .panel-body,
.exi-transitional .panel.panel-default .panel-body,
.exi-transitional .mol-panel .panel-body {
  position: relative;
  padding: 1.6rem 1.6rem 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0.3rem;
}
.exi-transitional .panel .panel-body::after,
.exi-transitional .panel.panel-default .panel-body::after,
.exi-transitional .mol-panel .panel-body::after {
  display: block;
  content: "";
  clear: both;
}
.exi-transitional .panel .panel-body h5.subtext,
.exi-transitional .panel.panel-default .panel-body h5.subtext,
.exi-transitional .mol-panel .panel-body h5.subtext {
  font-size: 1.2rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  padding-bottom: 0.5rem;
}
.exi-transitional .panel .panel-body .panel-col-1,
.exi-transitional .panel.panel-default .panel-body .panel-col-1,
.exi-transitional .mol-panel .panel-body .panel-col-1 {
  padding-right: 0.8rem;
}
@media (max-width: 768px) {
  .exi-transitional .panel .panel-body .panel-col-1,
  .exi-transitional .panel.panel-default .panel-body .panel-col-1,
  .exi-transitional .mol-panel .panel-body .panel-col-1 {
    padding-right: 0;
  }
}
.exi-transitional .panel .panel-body .panel-col-2,
.exi-transitional .panel.panel-default .panel-body .panel-col-2,
.exi-transitional .mol-panel .panel-body .panel-col-2 {
  padding-left: 0.8rem;
}
@media (max-width: 768px) {
  .exi-transitional .panel .panel-body .panel-col-2,
  .exi-transitional .panel.panel-default .panel-body .panel-col-2,
  .exi-transitional .mol-panel .panel-body .panel-col-2 {
    padding-left: 0;
  }
}
.exi-transitional .panel .panel-footer,
.exi-transitional .panel .panel-footer.blank,
.exi-transitional .panel.panel-default .panel-footer,
.exi-transitional .panel.panel-default .panel-footer.blank,
.exi-transitional .mol-panel .panel-footer,
.exi-transitional .mol-panel .panel-footer.blank {
  position: relative;
  text-align: right;
  margin: -0.3rem 0 0 0;
  padding: 0 1.6rem 1.6rem 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: none;
  box-shadow: none;
}
.exi-transitional .panel.light .panel-heading,
.exi-transitional .panel.panel-default.light .panel-heading,
.exi-transitional .mol-panel.light .panel-heading {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  padding-bottom: 0;
  background: none;
}
.exi-transitional .panel.light .panel-heading .panel-title,
.exi-transitional .panel.panel-default.light .panel-heading .panel-title,
.exi-transitional .mol-panel.light .panel-heading .panel-title {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional .panel.light .panel-heading .mol-help-link .glyphicon,
.exi-transitional .panel.light .panel-heading .mol-help-button .glyphicon,
.exi-transitional
  .panel.panel-default.light
  .panel-heading
  .mol-help-link
  .glyphicon,
.exi-transitional
  .panel.panel-default.light
  .panel-heading
  .mol-help-button
  .glyphicon,
.exi-transitional .mol-panel.light .panel-heading .mol-help-link .glyphicon,
.exi-transitional .mol-panel.light .panel-heading .mol-help-button .glyphicon {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional .panel.outer-heading,
.exi-transitional .panel.panel-default.outer-heading,
.exi-transitional .mol-panel.outer-heading {
  margin-top: 4.4rem;
}
.exi-transitional .panel.outer-heading .panel-heading,
.exi-transitional .panel.panel-default.outer-heading .panel-heading,
.exi-transitional .mol-panel.outer-heading .panel-heading {
  margin: -4.4rem 0 0 -1.2rem;
  background: none;
  /* Position help link */
  /* Change color of help link */
}
.exi-transitional .panel.outer-heading .panel-heading .panel-title,
.exi-transitional
  .panel.panel-default.outer-heading
  .panel-heading
  .panel-title,
.exi-transitional .mol-panel.outer-heading .panel-heading .panel-title {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional .panel.outer-heading .panel-heading .mol-help-link,
.exi-transitional .panel.outer-heading .panel-heading .mol-help-button,
.exi-transitional
  .panel.panel-default.outer-heading
  .panel-heading
  .mol-help-link,
.exi-transitional
  .panel.panel-default.outer-heading
  .panel-heading
  .mol-help-button,
.exi-transitional .mol-panel.outer-heading .panel-heading .mol-help-link,
.exi-transitional .mol-panel.outer-heading .panel-heading .mol-help-button {
  top: 0.8rem;
  right: 0.8rem;
  margin: 0;
}
.exi-transitional .panel.outer-heading .panel-heading .mol-help-link .glyphicon,
.exi-transitional
  .panel.outer-heading
  .panel-heading
  .mol-help-button
  .glyphicon,
.exi-transitional
  .panel.panel-default.outer-heading
  .panel-heading
  .mol-help-link
  .glyphicon,
.exi-transitional
  .panel.panel-default.outer-heading
  .panel-heading
  .mol-help-button
  .glyphicon,
.exi-transitional
  .mol-panel.outer-heading
  .panel-heading
  .mol-help-link
  .glyphicon,
.exi-transitional
  .mol-panel.outer-heading
  .panel-heading
  .mol-help-button
  .glyphicon {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional .panel.outer-heading .panel-heading > .glyphicon,
.exi-transitional
  .panel.panel-default.outer-heading
  .panel-heading
  > .glyphicon,
.exi-transitional .mol-panel.outer-heading .panel-heading > .glyphicon {
  margin-left: 0.5rem;
}
@media (min-width: 769px) {
  .exi-transitional [class^="col-"]:first-of-type .mol-panel,
  .exi-transitional [class^="col-"]:first-of-type .panel,
  .exi-transitional [class*=" col-"]:first-of-type .mol-panel,
  .exi-transitional [class*=" col-"]:first-of-type .panel {
    margin: 0 2.4rem 2.4rem 0;
  }
}

/*-----------------------------------*/
/* HEADING */
/* Panel heading */
/*-----------------------------------*/
/*-----------------------------------*/
.exi-transitional .mol-panel2 {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0.8rem;
}
.exi-transitional .mol-panel2__header {
  border-top: 4px solid transparent;
  /* this is intentional */
  border-radius: 0.4rem;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  margin-bottom: 0.5rem;
  padding: 1.9rem 1.3rem 0 1.6rem;
  /* Border & Icon colors - DEMO ONLY? */
}
.exi-transitional .mol-panel2__header h3 {
  font-weight: 200;
}
.exi-transitional .mol-panel2__header .mol-panel2__header-icon,
.exi-transitional .mol-panel2__header .mol-panel2__header-text,
.exi-transitional .mol-panel2__header .mol-panel2__header-info {
  display: inline-block;
}
.exi-transitional .mol-panel2__header-icon {
  margin-right: 1rem;
}
.exi-transitional .mol-panel2__header-icon span.glyphicon {
  font-size: 2.4rem;
}
.exi-transitional .mol-panel2__header-text {
  font-size: 2.6rem;
  font-weight: 300;
  line-height: normal;
}
.exi-transitional .mol-panel2__header .mol-help--button {
  float: right;
  position: relative;
  top: -4px;
}
.exi-transitional .mol-panel2__header[success] {
  border-top-color: #457a00;
  /* IE11 fallback */
  border-top-color: var(--brand-success);
}
.exi-transitional .mol-panel2__header[success] .mol-panel2__header-icon {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional .mol-panel2__header[warning] {
  border-top-color: #a35a00;
  /* IE11 fallback */
  border-top-color: var(--brand-warning);
}
.exi-transitional .mol-panel2__header[warning] .mol-panel2__header-icon {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional .mol-panel2__header[danger] {
  border-top-color: #d7143b;
  /* IE11 fallback */
  border-top-color: var(--brand-danger);
}
.exi-transitional .mol-panel2__header[danger] .mol-panel2__header-icon {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
@media (max-width: 400px) {
  .exi-transitional .mol-panel2__header {
    margin-bottom: 0.5rem;
  }
  .exi-transitional .mol-panel2__header .mol-panel2__header-icon__header-text {
    width: calc(100% - 40px);
  }
  .exi-transitional .mol-panel2__header .mol-panel2__header-info {
    display: block;
    float: none;
    margin-top: 0.5rem;
  }
}
.exi-transitional .mol-panel2__body {
  margin: 0;
  padding: 0;
}
.exi-transitional .mol-panel2__body > .padded {
  margin: 0 0 0.5rem;
  padding: 0 1.5rem;
}
.exi-transitional .mol-panel2__footer {
  padding: 0 1.5rem 0.5rem;
}

.pushy__outer-wrap {
  position: relative;
  min-height: 350px;
  width: 100%;
}

.pushy__inner-wrap {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.pushy__col {
  border: 1px solid var(--brand-border-light);
  transition: 0.4s ease;
  -webkit-transition: 0.4s ease;
}

.push-left .pushy__col {
  float: left;
}

.push-right .pushy__col {
  float: right;
}

.pushy__col--main {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  padding: 1rem;
  height: 100%;
  width: 100%;
}

.pushy__col--main.pushed-left {
  padding: 1rem 0 1rem 1rem;
}

.pushy__col--main.pushed-right {
  padding: 1rem 1rem 1rem 0 !important;
}

.pushy__col--drawer {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  opacity: 0;
  overflow-y: auto;
  padding: 0 !important;
  visibility: hidden;
  width: 0;
}
.pushy__col--drawer:not([page-level]) {
  height: 100%;
}
.pushy__col--drawer[page-level] {
  position: fixed;
  top: 5rem;
  bottom: 0;
}
.pushy__col--drawer[page-level] .pushy__drawer-content-wrap {
  max-height: 100%;
}

.push-left .pushy__col--drawer {
  border-left: none;
}

.push-right .pushy__col--drawer {
  border-right: none;
  direction: rtl;
}

.push-right .pushy__col--drawer-inner {
  direction: ltr;
}

.push-right .pushy__col--main {
  float: right;
}

.pushy__col--inner {
  position: relative;
  width: 100%;
}

.pushy__col--open {
  opacity: 1;
  visibility: visible;
}

/* Widths */
.pushy__col--25 {
  width: 25%;
}

.pushy__col--35 {
  width: 35%;
}

.pushy__col--45 {
  width: 45%;
}

.pushy__col--55 {
  width: 55%;
}

.pushy__col--65 {
  width: 65%;
}

.pushy__col--75 {
  width: 75%;
}

/* Widths for page level drawer */
.pushy__col--25[page-level] {
  width: calc(25% - 1px);
}

.pushy__col--35[page-level] {
  width: calc(35% - 1px);
}

.pushy__col--45[page-level] {
  width: calc(45% - 1px);
}

.pushy__col--55[page-level] {
  width: calc(55% - 1px);
}

.pushy__col--65[page-level] {
  width: calc(65% - 1px);
}

.pushy__col--75[page-level] {
  width: calc(75% - 1px);
}

/* Drawer Header */
.pushy__col--drawer .pushy__drawer-header-wrap .mol-close-button {
  position: absolute;
  right: 2rem;
  top: 1rem;
  z-index: 2;
}

.pushy__drawer-header-wrap {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border-bottom: 1px solid var(--brand-border-light);
  display: block;
  height: 10rem;
  width: inherit;
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
}

/* Header/footer positioning for not mobile */
@media (min-width: 551px) and (-ms-high-contrast: active),
  (min-width: 551px) and (-ms-high-contrast: none) {
  .pushy__drawer-header-wrap {
    position: relative;
    /* fallback for ie*/
  }
}
/* Header/footer positioning for mobile */
@media (max-width: 550px) and (-ms-high-contrast: active),
  (max-width: 550px) and (-ms-high-contrast: none) {
  .pushy__drawer-header-wrap {
    position: relative;
    /* fallback for ie*/
    margin-top: calc(5rem + 1px);
  }

  [page-level] .pushy__drawer-header-wrap {
    margin-top: 0;
  }
}
/* MOBILE STYLES for drawer to display over everything*/
@media (max-width: 550px) {
  .pushy__col.pushy__col--drawer {
    top: 0;
    width: 100vw;
    z-index: 100007;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: fixed;
  }
}
.push-right .pushy__drawer-header-wrap {
  z-index: unset;
}

.pushy__drawer-header--top {
  top: 0;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.pushy__drawer-header--bottom {
  border-bottom: none;
  border-top: 1px solid var(--brand-border-light);
  bottom: 0;
  -webkit-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.15);
}

.pushy__col--header {
  padding: 1rem 2.5rem;
}

.pushy__drawer-button-wrap {
  position: absolute;
  right: 2.5rem;
  top: 5rem;
}

.pushy__drawer-content-wrap {
  padding: 2.6rem 1.6rem 1.6rem;
}
.pushy__drawer-content-wrap .drawer-close {
  position: absolute;
  right: 2.6rem;
  top: 1.6rem;
}

/* Selected Row */
.pushy__row--selected {
  background-color: #dcdcdc !important;
  /* IE11 fallback */
  background-color: var(--brand-border-light) !important;
}

.push-left .pushy__row--selected td:last-of-type,
.push-right .pushy__row--selected td:first-of-type {
  position: relative !important;
  z-index: 999 !important;
}

/* The triangle(s) */
/* LEFT SIDE */
.push-left .pushy__col--main tr.pushy__row--selected td:last-of-type:after,
.push-left .pushy__col--main tr.pushy__row--selected td:last-of-type:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 50%;
  left: 100%;
}

.push-left .pushy__col--main tr.pushy__row--selected td:last-of-type:after {
  top: 0;
  background-image: linear-gradient(
    to right top,
    var(--brand-border-light) 0%,
    var(--brand-border-light) 50%,
    transparent 50%
  );
}

.push-left .pushy__col--main tr.pushy__row--selected td:last-of-type:before {
  top: 50%;
  background-image: linear-gradient(
    to right bottom,
    var(--brand-border-light) 0%,
    var(--brand-border-light) 50%,
    transparent 50%
  );
}

/* RIGHT SIDE */
.push-right .pushy__col--main tr.pushy__row--selected td:first-of-type:after,
.push-right .pushy__col--main tr.pushy__row--selected td:first-of-type:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 50%;
  right: 100%;
  transform: rotateY(180deg);
}

.push-right .pushy__col--main tr.pushy__row--selected td:last-of-type:after,
.push-right .pushy__col--main tr.pushy__row--selected td:last-of-type:before {
  display: none;
}

.push-right .pushy__col--main tr.pushy__row--selected td:first-of-type:after {
  top: 0;
  background-image: linear-gradient(
    to right top,
    var(--brand-border-light) 0%,
    var(--brand-border-light) 50%,
    transparent 50%
  );
}

.push-right .pushy__col--main tr.pushy__row--selected td:first-of-type:before {
  top: 50%;
  background-image: linear-gradient(
    to right bottom,
    var(--brand-border-light) 0%,
    var(--brand-border-light) 50%,
    transparent 50%
  );
}

/* Pushy Page specifics */
.pushy-page__outer-wrap > .pushy__inner-wrap > .pushy__col.pushy-col--main {
  height: unset;
}
.pushy-page__outer-wrap > .pushy__inner-wrap > .pushy__col.puhsy-col--drawer {
  height: unset;
}

/* TEST: FLEXBOX layout */
.pushyFlex {
  height: auto;
}
.pushyFlex .pushy__inner-wrap {
  display: flex;
  align-items: flex-start;
}
.pushyFlex .pushy__inner-wrap .pushy__col--main {
  height: auto;
}
.pushyFlex .pushy__inner-wrap .pushy__col--drawer {
  max-height: 600px;
  overflow-y: scroll;
}

/* Minimalize the row's inner panel */
.container .row.mol-page-top-row .panel {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

.container .row.mol-page-top-row .panel .panel-body {
  margin: 0;
  padding: 0 1.6rem;
}

/* Set the title H3's margin/padding */
.container .row.mol-page-top-row .panel .panel-body h3 {
  margin: 0;
  padding-right: 2.4rem;
}

/* Import all molecule SASS files */
.exi-transitional .atom-button.atom-button--text.mol-close-button {
  margin: 0;
  padding: 0.5rem;
  line-height: 1;
  /* White background for accessible contrast
  background: $color-default-default;
  border-radius: 50%;
  */
}

.exi-transitional
  .atom-button.atom-button--text.mol-close-button
  .glyphicon.glyphicon-remove {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}

.exi-transitional .mol-help {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 100%;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  height: 2.4rem;
  padding: 1px 0 0;
  text-align: center;
  text-decoration: none;
  width: 2.4rem;
}
.exi-transitional .mol-help.mol-help-button {
  position: absolute;
  top: 0;
  right: 0;
}
.exi-transitional .atom-button.atom-button--text.mol-help-button {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  font-family: "Helvetica Neue", "Arial", "sans serif";
  font-size: 1.6rem;
  text-align: center;
  transition: 0.3s ease;
  width: 2rem;
  height: 2rem;
  line-height: 1.3;
  text-decoration: none;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 50%;
  margin-left: 1rem;
}
.exi-transitional .atom-button.atom-button--text.mol-help-button:hover,
.exi-transitional .atom-button.atom-button--text.mol-help-button:active,
.exi-transitional .atom-button.atom-button--text.mol-help-button:focus {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional
  .atom-button.atom-button--text.mol-help-button
  .glyphicon-question-sign::before {
  font-family: "Helvetica Neue", "Arial", "sans serif";
  content: "?";
  font-weight: bold;
}

.exi-transitional .mol-remove,
.exi-transitional .atom-button.atom-button--text.mol-remove {
  padding-left: 0.3rem;
  text-decoration: none;
}
.exi-transitional .mol-remove::before,
.exi-transitional .atom-button.atom-button--text.mol-remove::before {
  font-family: "Glyphicons Halflings";
  content: "\e088";
}
.exi-transitional .mol-batch-edit-modal .mol-remove-button {
  font-size: 2.2rem;
  line-height: 1;
  margin: 0.6rem 0 0 0;
}

.exi-transitional .mol-delete,
.exi-transitional .atom-button.atom-button--text.mol-delete {
  padding-left: 0.3rem;
  text-decoration: none;
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional .mol-delete::before,
.exi-transitional .atom-button.atom-button--text.mol-delete::before {
  font-family: "Glyphicons Halflings";
  content: "\e020";
}
.exi-transitional .mol-delete:hover,
.exi-transitional .atom-button.atom-button--text.mol-delete:hover {
  color: #950e29;
  /* IE11 fallback */
  color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  );
}

.exi-transitional .mol-select-all-button {
  background-color: #5c6368;
  border: 1px solid transparent;
  color: #ffffff;
}
.exi-transitional .mol-select-all-button--xs {
  font-size: 0.75rem !important;
  height: 1.4rem;
  padding: 0.125rem 0.25rem 0.1rem !important;
  width: 2.7rem;
}
.exi-transitional .mol-select-all-button:hover,
.exi-transitional .mol-select-all-button:focus {
  background-color: #a09c95;
  color: #ffffff;
}

.exi-transitional .icon-right {
  float: right;
  margin-left: 5px;
}
.exi-transitional .reverse-icon {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.exi-transitional .btn-group > .atom-button {
  display: inline-block;
  float: left;
}
.exi-transitional .btn-group > .atom-button:focus {
  position: relative;
  z-index: 1;
}
.exi-transitional
  .btn-group
  > .atom-button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.exi-transitional
  .btn-group
  > .atom-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-left: none;
  border-radius: 0;
}
.exi-transitional .btn-group > .atom-button:last-child:not(:first-child),
.exi-transitional .btn-group > .dropdown-toggle:not(:first-child) {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.exi-transitional .btn-pair .mol-button_undo .mol-button_text {
  position: relative;
  top: -1px;
}
.exi-transitional .toolbar-pair .icon-right {
  float: none;
  margin: 0;
}
.exi-transitional .toolbar-pair > .atom-button {
  padding: 0 0.9rem;
  text-align: center;
}
.exi-transitional .toolbar-pair > .atom-button span {
  display: block;
}

/*
TABLE OF CONTENTS
- Dropdown Button
  - Caret
- Dropdown Section
  - Dropdown LIs
  - Link and Button Styling
  - Link and Button Activated States
  - Disabled Button State
  - Dropdown Section Heading
  - Dropdown Section Separator
  - OPTION: Open Dropdown to the Right
*/
.exi-transitional x-button-dropdown.mol-button-dropdown {
  position: relative;
  display: inline-block;
}
.exi-transitional x-button-dropdown.mol-button-dropdown > button::after {
  font-family: "Glyphicons Halflings";
  font-size: 1rem;
  margin-left: 0.3rem;
  display: inline-block;
  text-decoration: none;
}
.exi-transitional
  x-button-dropdown.mol-button-dropdown:not([drop-up])
  > button::after {
  content: "\e252";
}
.exi-transitional
  x-button-dropdown.mol-button-dropdown[drop-up]
  > button::after {
  content: "\e253";
}
.exi-transitional
  x-tab-container-v2
  > x-button-dropdown.mol-button-dropdown
  > button::after {
  content: "";
}
.exi-transitional .mol-button-dropdown {
  position: relative;
  display: inline-block;
  /* Open dropdown to the right */
}
.exi-transitional
  .mol-button-dropdown
  button[aria-expanded="true"]
  ~ ul[role="menu"] {
  display: block;
}
.exi-transitional .mol-button-dropdown ul[role="menu"] {
  margin: 0;
  padding: 0.5rem 0;
  position: absolute;
  left: 0;
  list-style: none;
  display: none;
  min-width: 16rem;
  width: max-content;
  max-height: 50vh;
  max-width: 40rem;
  overflow-y: auto;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0.3rem;
}
.exi-transitional .mol-button-dropdown ul[role="menu"] li {
  margin: 0;
  padding: 0;
  /* Link and button default styling */
  /* Link and button activated states */
  /* Disabled button state */
}
.exi-transitional .mol-button-dropdown ul[role="menu"] li a[role="menuitem"],
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:visited,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"],
.exi-transitional .mol-button-dropdown ul[role="menu"] li button,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"],
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"] {
  display: block;
  text-decoration: none;
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 0.5rem 1.2rem;
  width: 100%;
  text-align: left;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:visited.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--success:visited,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--success:visited,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:visited.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"].atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"].btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--success,
.exi-transitional .mol-button-dropdown ul[role="menu"] li button.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"].atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"].btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"].atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"].btn-success {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:visited.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning:visited,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning:visited,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:visited.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"].atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"].btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning,
.exi-transitional .mol-button-dropdown ul[role="menu"] li button.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"].atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"].btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"].atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"].btn-warning {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:visited.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger:visited,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger:visited,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:visited.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"].atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"].btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger,
.exi-transitional .mol-button-dropdown ul[role="menu"] li button.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"].atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"].btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"].atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"].btn-danger {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:active,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:focus,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:hover,
.exi-transitional .mol-button-dropdown ul[role="menu"] li button:hover,
.exi-transitional .mol-button-dropdown ul[role="menu"] li button:active,
.exi-transitional .mol-button-dropdown ul[role="menu"] li button:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--success:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:active.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--success,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:active.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:focus.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--success:focus,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:focus.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:hover.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--success,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:hover.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:hover.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:hover.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:active.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:active.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:focus.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--success:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:focus.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--success:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--success:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus.btn-success {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--warning:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:active.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:active.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:focus.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning:focus,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:focus.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:hover.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:hover.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:hover.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:hover.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:active.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:active.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:focus.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:focus.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--warning:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--warning:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus.btn-warning {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:hover.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:active.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[class~="atom-button--"].atom-button.atom-button--danger:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[class~="atom-button--"]:focus.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:active.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:active.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:focus.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger:focus,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:focus.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a:hover.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger,
.exi-transitional .mol-button-dropdown ul[role="menu"] li a:hover.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:hover.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:hover.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:active.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:active.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:focus.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button:focus.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:hover.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:active.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="atom-button--"].atom-button.atom-button--danger:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="atom-button--"]:focus.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:hover.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:active.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger:focus,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[class~="btn-"].atom-button.atom-button--danger:focus,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[class~="btn-"]:focus.btn-danger {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  cursor: not-allowed;
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled:hover,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled:hover {
  background: none;
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].disabled.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].disabled.atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"][class~="atom-button"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"][class~="atom-button"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  input[type="file"]:disabled
  + button[role="menuitem"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"][class~="atom-button"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[role="menuitem"][class~="atom-button"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled.btn-success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"][class~="btn"].atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[role="menuitem"][class~="btn"].atom-button.atom-button--success,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled.btn-success {
  color: #c4d4af;
  /* IE11 fallback */
  color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.3),
    calc(var(--brand-success-l) * 2.9)
  );
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].disabled.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].disabled.atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"][class~="atom-button"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"][class~="atom-button"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  input[type="file"]:disabled
  + button[role="menuitem"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"][class~="atom-button"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[role="menuitem"][class~="atom-button"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled.btn-warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"][class~="btn"].atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[role="menuitem"][class~="btn"].atom-button.atom-button--warning,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled.btn-warning {
  color: #e4d3be;
  /* IE11 fallback */
  color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 0.5),
    calc(var(--brand-warning-l) * 2.5)
  );
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
}
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].disabled.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].disabled.atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"].disabled.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:disabled.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a[role="menuitem"][class~="atom-button"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + a[role="menuitem"][class~="atom-button"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="atom-button"]:disabled.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"]:disabled
  a[role="menuitem"][class~="atom-button"].disabled.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  input[type="file"]:disabled
  + button[role="menuitem"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"][class~="btn"].disabled
  button[role="menuitem"]:disabled.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"][class~="atom-button"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[role="menuitem"][class~="atom-button"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="atom-button"]:disabled.btn-danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button[role="menuitem"][class~="btn"].atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  input[type="file"]:disabled
  + button[role="menuitem"][class~="btn"].atom-button.atom-button--danger,
.exi-transitional
  .mol-button-dropdown
  ul[role="menu"]
  li
  button[role="menuitem"][class~="btn"]:disabled.btn-danger {
  color: #e2b9c1;
  /* IE11 fallback */
  color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 0.5),
    calc(var(--brand-danger-l) * 1.75)
  );
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
}
.exi-transitional .mol-button-dropdown ul[role="menu"] li span[role="menuitem"],
.exi-transitional .mol-button-dropdown ul[role="menu"] li div[role="menuitem"] {
  display: block;
  width: 100%;
  padding: 0.5rem 1.2rem 0;
  font-size: 1.2rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  text-transform: capitalize;
}
.exi-transitional .mol-button-dropdown ul[role="menu"] li [role="separator"] {
  display: block;
  height: 1px;
  background: var(--brand-border-light);
  background: #a9a9a9;
  /* IE11 fallback */
  background: var(--brand-border-dark);
}
.exi-transitional
  .mol-button-dropdown.mol-button-dropdown--right
  ul[role="menu"],
.exi-transitional .mol-button-dropdown[right] ul[role="menu"] {
  left: inherit;
  right: 0;
}

/*
TABLE OF CONTENTS
- Dropdown Button
  - Caret
- Dropdown Section
  - Dropdown LIs
  - Link and Button Styling
  - Link and Button Activated States
  - Disabled Button State
  - Dropdown Section Heading
  - Dropdown Section Separator
  - OPTION: Open Dropdown to the Right
*/
.exi-transitional .mol-split-button-dropdown {
  display: inline-block;
  font-size: 0;
}
.exi-transitional .mol-split-button-dropdown button:first-child,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:first-child
  > button:first-child,
.exi-transitional .mol-split-button-dropdown a:first-child,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:first-child
  > a:first-child {
  font-size: 1.4rem;
  border-radius: 0.3rem 0 0 0.3rem;
  border-right: none;
}
.exi-transitional .mol-split-button-dropdown button:last-child,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child,
.exi-transitional .mol-split-button-dropdown a:last-child,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child {
  font-size: 1.4rem;
  border-radius: 0 0.3rem 0.3rem 0;
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child:not(.atom-button--text),
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child:not(.atom-button--text),
.exi-transitional
  .mol-split-button-dropdown
  a:last-child:not(.atom-button--text),
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child:not(.atom-button--text) {
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child.atom-button--tertiary,
.exi-transitional .mol-split-button-dropdown button:last-child.btn-default,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--tertiary,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.btn-default,
.exi-transitional .mol-split-button-dropdown a:last-child.atom-button--tertiary,
.exi-transitional .mol-split-button-dropdown a:last-child.btn-default,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--tertiary,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.btn-default {
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child.atom-button.atom-button--primary,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button--primary:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + button.atom-button--primary:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown button:last-child.btn.btn-primary,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.atom-button.atom-button--primary,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--primary:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--primary:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.btn.btn-primary,
.exi-transitional
  .mol-split-button-dropdown
  a:last-child.atom-button.atom-button--primary,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button--primary:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + a.atom-button--primary:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown a:last-child.btn.btn-primary,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.atom-button.atom-button--primary,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--primary:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--primary:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.btn.btn-primary {
  border: 1px solid transparent;
  border-left-color: #0b046c;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child.atom-button.atom-button--success,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button--success:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + button.atom-button--success:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown button:last-child.btn.btn-success,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.atom-button.atom-button--success,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--success:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--success:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.btn.btn-success,
.exi-transitional
  .mol-split-button-dropdown
  a:last-child.atom-button.atom-button--success,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button--success:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + a.atom-button--success:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown a:last-child.btn.btn-success,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.atom-button.atom-button--success,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--success:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--success:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.btn.btn-success {
  border: 1px solid transparent;
  border-left-color: #2e5200;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 1),
    calc(var(--brand-success-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child.atom-button.atom-button--warning,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button--warning:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + button.atom-button--warning:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown button:last-child.btn.btn-warning,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.atom-button.atom-button--warning,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--warning:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--warning:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.btn.btn-warning,
.exi-transitional
  .mol-split-button-dropdown
  a:last-child.atom-button.atom-button--warning,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button--warning:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + a.atom-button--warning:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown a:last-child.btn.btn-warning,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.atom-button.atom-button--warning,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--warning:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--warning:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.btn.btn-warning {
  border: 1px solid transparent;
  border-left-color: #703f00;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child.atom-button.atom-button--danger,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button--danger:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + button.atom-button--danger:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown button:last-child.btn.btn-danger,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.atom-button.atom-button--danger,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--danger:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button--danger:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.btn.btn-danger,
.exi-transitional
  .mol-split-button-dropdown
  a:last-child.atom-button.atom-button--danger,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button--danger:last-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + a.atom-button--danger:last-child.atom-button,
.exi-transitional .mol-split-button-dropdown a:last-child.btn.btn-danger,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.atom-button.atom-button--danger,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--danger:first-child.atom-button,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button--danger:first-child.atom-button,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.btn.btn-danger {
  border: 1px solid transparent;
  border-left-color: #950e29;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child.atom-button--text,
.exi-transitional .mol-split-button-dropdown button:last-child.btn-link,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--text,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child.btn-link,
.exi-transitional .mol-split-button-dropdown a:last-child.atom-button--text,
.exi-transitional .mol-split-button-dropdown a:last-child.btn-link,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--text,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child.btn-link {
  border: none;
}
.exi-transitional
  .mol-split-button-dropdown
  button:last-child
  button.dropdown-toggle,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child
  button.dropdown-toggle,
.exi-transitional
  .mol-split-button-dropdown
  a:last-child
  button.dropdown-toggle,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child
  button.dropdown-toggle {
  height: 36px;
  padding: 0.8rem 1.2rem;
}
.exi-transitional .mol-split-button-dropdown button:last-child ul,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child
  ul,
.exi-transitional .mol-split-button-dropdown a:last-child ul,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child
  ul {
  border-radius: 0.3rem;
}
.exi-transitional .mol-split-button-dropdown button:last-child ul li a,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > button:first-child
  ul
  li
  a,
.exi-transitional .mol-split-button-dropdown a:last-child ul li a,
.exi-transitional
  .mol-split-button-dropdown
  .mol-button-dropdown:last-child
  > a:first-child
  ul
  li
  a {
  text-decoration: none;
  font-size: 1.4rem;
}
.exi-transitional
  .mol-split-button-dropdown
  x-button-dropdown.atom-button.atom-button--primary,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--primary,
.exi-transitional .mol-split-button-dropdown x-button-dropdown.btn.btn-primary {
  border-left: 1px solid;
  border-left-color: #0b046c;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  x-button-dropdown.atom-button.atom-button--success,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--success,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--success,
.exi-transitional .mol-split-button-dropdown x-button-dropdown.btn.btn-success {
  border-left: 1px solid;
  border-left-color: #2e5200;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 1),
    calc(var(--brand-success-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  x-button-dropdown.atom-button.atom-button--warning,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--warning,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--warning,
.exi-transitional .mol-split-button-dropdown x-button-dropdown.btn.btn-warning {
  border-left: 1px solid;
  border-left-color: #703f00;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 0.7)
  );
}
.exi-transitional
  .mol-split-button-dropdown
  x-button-dropdown.atom-button.atom-button--danger,
.exi-transitional
  .mol-split-button-dropdown
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--danger,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-split-button-dropdown
  input[type="file"]:disabled
  + x-button-dropdown.atom-button.atom-button--danger,
.exi-transitional .mol-split-button-dropdown x-button-dropdown.btn.btn-danger {
  border-left: 1px solid;
  border-left-color: #950e29;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  );
}

/*
TABLE OF CONTENTS
- Outer Container
- Group Buttons
  - General Properties
  - First Button in Group
  - Last Button in Group
- Collapsed Child Button Dropdowns
  - Dropdown Section
  - Dropdown Button
*/
.exi-transitional .mol-button-group {
  display: inline-block;
  position: relative;
  margin: 0 0.8rem 0 0;
}
.exi-transitional .mol-button-group button,
.exi-transitional .mol-button-group .mol-button-dropdown > button:first-child,
.exi-transitional .mol-button-group a,
.exi-transitional .mol-button-group .mol-button-dropdown > a:first-child {
  position: relative;
  border-radius: 0;
  margin: 0;
  border-right: none;
  float: left;
}
.exi-transitional .mol-button-group > .mol-button-dropdown {
  float: left;
}
.exi-transitional .mol-button-group button:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:first-child
  > button:first-child,
.exi-transitional .mol-button-group a:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:first-child
  > a:first-child {
  border-radius: 0.3rem 0 0 0.3rem;
}
.exi-transitional .mol-button-group button:last-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child,
.exi-transitional .mol-button-group a:last-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child {
  border-radius: 0 0.3rem 0.3rem 0;
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
}
.exi-transitional .mol-button-group button:last-child.atom-button--tertiary,
.exi-transitional .mol-button-group button:last-child.btn-default,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--tertiary,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.btn-default,
.exi-transitional .mol-button-group a:last-child.atom-button--tertiary,
.exi-transitional .mol-button-group a:last-child.btn-default,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--tertiary,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.btn-default {
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .mol-button-group button:last-child.atom-button--primary,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--primary:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + button.atom-button.atom-button--primary:last-child,
.exi-transitional .mol-button-group button:last-child.atom-button--success,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--success:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + button.atom-button.atom-button--success:last-child,
.exi-transitional .mol-button-group button:last-child.atom-button--warning,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + button.atom-button.atom-button--warning:last-child,
.exi-transitional .mol-button-group button:last-child.atom-button--danger,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + button.atom-button.atom-button--danger:last-child,
.exi-transitional .mol-button-group button:last-child.btn-primary,
.exi-transitional .mol-button-group button:last-child.btn-success,
.exi-transitional .mol-button-group button:last-child.btn-warning,
.exi-transitional .mol-button-group button:last-child.btn-danger,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--primary,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--primary:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--primary:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--success,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--success:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--success:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--warning,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--warning:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--warning:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.atom-button--danger,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--danger:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + button.atom-button.atom-button--danger:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.btn-primary,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.btn-success,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.btn-warning,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > button:first-child.btn-danger,
.exi-transitional .mol-button-group a:last-child.atom-button--primary,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--primary:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + a.atom-button.atom-button--primary:last-child,
.exi-transitional .mol-button-group a:last-child.atom-button--success,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--success:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + a.atom-button.atom-button--success:last-child,
.exi-transitional .mol-button-group a:last-child.atom-button--warning,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + a.atom-button.atom-button--warning:last-child,
.exi-transitional .mol-button-group a:last-child.atom-button--danger,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger:last-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + a.atom-button.atom-button--danger:last-child,
.exi-transitional .mol-button-group a:last-child.btn-primary,
.exi-transitional .mol-button-group a:last-child.btn-success,
.exi-transitional .mol-button-group a:last-child.btn-warning,
.exi-transitional .mol-button-group a:last-child.btn-danger,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--primary,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--primary:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--primary:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--success,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--success:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--success:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--warning,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--warning:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--warning:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.atom-button--danger,
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--danger:first-child,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  .mol-button-dropdown:last-child
  > input[type="file"]:disabled
  + a.atom-button.atom-button--danger:first-child,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.btn-primary,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.btn-success,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.btn-warning,
.exi-transitional
  .mol-button-group
  .mol-button-dropdown:last-child
  > a:first-child.btn-danger {
  border-color: transparent;
}
.exi-transitional
  .mol-button-group
  .atom-button.atom-button--primary:not(:first-of-type),
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:not(:first-of-type),
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + .atom-button.atom-button--primary:not(:first-of-type),
.exi-transitional .mol-button-group .btn.btn-primary:not(:first-of-type) {
  border-left: 1px solid;
  border-left-color: #0b046c;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional
  .mol-button-group
  .atom-button.atom-button--success:not(:first-of-type),
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success:not(:first-of-type),
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + .atom-button.atom-button--success:not(:first-of-type),
.exi-transitional .mol-button-group .btn.btn-success:not(:first-of-type) {
  border-left: 1px solid;
  border-left-color: #2e5200;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 1),
    calc(var(--brand-success-l) * 0.7)
  );
}
.exi-transitional
  .mol-button-group
  .atom-button.atom-button--warning:not(:first-of-type),
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning:not(:first-of-type),
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + .atom-button.atom-button--warning:not(:first-of-type),
.exi-transitional .mol-button-group .btn.btn-warning:not(:first-of-type) {
  border-left: 1px solid;
  border-left-color: #703f00;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 0.7)
  );
}
.exi-transitional
  .mol-button-group
  .atom-button.atom-button--danger:not(:first-of-type),
.exi-transitional
  .mol-button-group
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger:not(:first-of-type),
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-button-group
  input[type="file"]:disabled
  + .atom-button.atom-button--danger:not(:first-of-type),
.exi-transitional .mol-button-group .btn.btn-danger:not(:first-of-type) {
  border-left: 1px solid;
  border-left-color: #950e29;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1),
    calc(var(--brand-danger-l) * 0.7)
  );
}
.exi-transitional .mol-button-group .mol-button-dropdown ul[role="menu"] button,
.exi-transitional .mol-button-group .mol-button-dropdown ul[role="menu"] a {
  float: none;
}

.exi-transitional .btn-toolbar {
  margin: 0;
}

/* Import all molecule SASS files */
.exi-transitional .mol-text-input {
  display: block;
}
.exi-transitional .mol-text-input textarea {
  width: 100%;
  resize: vertical;
}
.exi-transitional .textarea--top {
  clear: right;
}
.exi-transitional .textarea--top label {
  display: inline;
}
.exi-transitional .input-label__wrap {
  margin-bottom: 3.2rem;
}
.exi-transitional .input-label__count {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  float: right;
  font-size: 1rem;
  font-weight: normal;
  margin-top: 0.5rem;
}
.exi-transitional .input-label__count.warning {
  color: #a35a00 !important;
  /* IE11 fallback */
  color: var(--brand-warning) !important;
}
.exi-transitional .input-label__count.danger {
  color: #d7143b !important;
  /* IE11 fallback */
  color: var(--brand-danger) !important;
}

.exi-transitional .checkbox,
.exi-transitional .mol-checkbox {
  display: block;
  margin: 0 0 1.6rem 0;
}

.exi-transitional .checkbox label,
.exi-transitional .mol-checkbox label {
  display: inline-block;
  font-weight: 700;
  margin-left: 0.5rem;
}

.exi-transitional .checkbox input,
.exi-transitional .mol-checkbox input {
  vertical-align: top;
}

.exi-transitional .radio {
  margin: 0 0 0.8rem 0;
}
.exi-transitional .radio label {
  font-weight: 700;
}
.exi-transitional .horizontal div.radio-button--wrapper {
  display: inline-block;
  margin-right: 1rem;
}

.exi-transitional .mol-date-input {
  display: block;
  position: relative;
}
.exi-transitional .mol-date-input input {
  width: 7.5em;
}
.exi-transitional .ui-datepicker .ui-datepicker-prev span,
.exi-transitional .ui-datepicker .ui-datepicker-next span {
  text-indent: -90000px;
}

.exi-transitional .mol-date-time[x-input]::after {
  display: block;
  content: "";
  clear: both;
}
.exi-transitional .mol-date-time[x-input] .mol-date-input[x-input],
.exi-transitional .mol-date-time[x-input] x-input-time-v3[x-input] {
  display: inline-block;
  margin-right: 0.8rem;
}
@media (max-width: 240px) {
  .exi-transitional .mol-date-time[x-input] .mol-date-input[x-input],
  .exi-transitional .mol-date-time[x-input] x-input-time-v3[x-input] {
    display: block;
  }
  .exi-transitional .mol-date-time[x-input] [x-input]:nth-child(1) {
    margin-right: 0;
  }
}

/* Container */
.exi-transitional .mol-date-range-input .mol-date-input {
  display: inline-block;
}

/* "to" horizontal layout */
.exi-transitional .mol-date-range-input .to {
  display: inline-block;
  width: 2.4rem;
  text-align: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .exi-transitional .mol-date-range-input .to {
    position: relative;
    top: 3rem;
  }
}

/* Vertical layout */
@media (max-width: 420px) {
  .exi-transitional .mol-date-range-input .mol-date-input {
    display: block;
  }

  .exi-transitional .mol-date-range-input .to {
    display: block;
    text-align: left;
    margin: 0 0 0.3rem 0;
  }
}
/* Optional vertical layout - Add class "block" to force a vertical layout at any viewport size */
.exi-transitional .mol-date-range-input .to.block {
  display: block;
  text-align: left;
  margin: -0.8rem 0 0.5rem 0;
}

/* Container */
.exi-transitional .mol-numeric-range-input .mol-text-input {
  display: inline-block;
}

/* Input fields */
.exi-transitional .mol-numeric-range-input .mol-text-input input {
  width: 7em;
}

/* Hint text */
.exi-transitional .mol-numeric-range-input .mol-text-input label {
  width: 10rem;
}

/* "to" horizontal layout */
.exi-transitional .mol-numeric-range-input .to {
  display: inline-block;
  width: 2.4rem;
  text-align: center;
}

/* Validation alert */
.exi-transitional .mol-numeric-range-input .alert {
  margin: 0 0 1.2rem 0;
  width: 22.8rem;
}

/* Vertical layout */
@media (max-width: 420px) {
  .exi-transitional .mol-numeric-range-input .mol-text-input {
    display: block;
  }

  .exi-transitional .mol-numeric-range-input .to {
    display: block;
    text-align: left;
    margin: 0 0 0.3rem 0;
  }
}
/* Optional vertical layout - Add class "block" to force a vertical layout at any viewport size */
.exi-transitional .mol-numeric-range-input .to.block {
  display: block;
  text-align: left;
  margin: 0 0 0.3rem 0;
}

/* TO BE CONVERTED TO SASS */
/* Initial input field (actually a UL styled to look like an input field) */
.exi-transitional ul.token-input-list-facebook li input {
  border: none;
}
.exi-transitional ul.token-input-list {
  display: block;
  width: 100%;
  min-height: 2.5em;
  height: auto;
  padding: 0 0 0.25em 0.25em;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  border: 1px solid #d2d6db;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.exi-transitional ul.token-input-list:hover {
  border: 1px solid #a8afb9;
}

/* Input LI and selection chips */
.exi-transitional ul.token-input-list li {
  list-style-type: none;
  float: left;
}

/* Input field LI */
.exi-transitional
  .mol-typeahead-dropdown
  ul.token-input-list
  li.token-input-input-token {
  margin: 0.25em 0.5em 0 0;
  width: 100%;
}

/* Actual input field inside LI */
.exi-transitional
  .mol-typeahead-dropdown
  ul.token-input-list
  li.token-input-input-token
  input {
  border: none;
  width: 99.5% !important;
}

/* Selection chips */
.exi-transitional ul.token-input-list li.token-input-token {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0.25em 0.4em 0 0;
  padding: 0.35rem 2.3rem 0.25rem 0.55rem;
  background-color: #d7edff;
  color: #000;
  cursor: default;
  border: 1px solid #a1b6c6;
  font-size: 12px;
  font-weight: normal !important;
  border-radius: 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  white-space: nowrap;
}

/* Text overflow control for lengthy chip text */
.exi-transitional ul.token-input-list li.token-input-token div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Chip "remove" icon */
.exi-transitional
  .mol-typeahead-dropdown
  .token-input-list
  .token-input-token
  .token-input-delete-token.atom-button.atom-button--text {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  font-size: 1.15em;
  margin-top: -0.6em;
  text-decoration: none;
  font-weight: 500;
}

.exi-transitional
  .mol-typeahead-dropdown
  .token-input-list
  .token-input-token
  .token-input-delete-token.atom-button.atom-button--text::before {
  font-family: "Glyphicons Halflings";
  content: "\e088";
}

/* Selection options dropdown */
.exi-transitional .token-input-dropdown {
  position: absolute;
  width: calc(100% - 2.8rem);
  max-width: calc(100% - 2.8rem);
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 25vh;
  color: #767676;
  padding: 0 0.5rem;
  border: 1px solid #d2d6db;
  border-top: none;
  border-radius: 0 0 4px 4px;
  cursor: default;
  font-size: 14px;
  font-weight: normal !important;
  font-family: inherit;
  z-index: 1;
}

/* Selection options dropdown highlighted search characters */
.exi-transitional .token-input-dropdown b,
.exi-transitional .token-input-dropdown p {
  font-weight: normal;
}

/* Individual dropdown option items */
.exi-transitional .token-input-dropdown ul li {
  margin: 0 -0.5em;
  padding: 0.5em 1em;
  color: #333;
}

/* Background color of dropdown items (zebra-striped by default, now all white to match other dropdowns) */
div.token-input-dropdown
  ul
  li.token-input-dropdown-item:not(.token-input-selected-dropdown-item) {
  background-color: #fff !important;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest) !important;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
  background-color: #dcdcdc !important;
  /* IE11 fallback */
  background-color: var(--brand-border-light) !important;
}

/* Hover color of dropdown items */
div.token-input-dropdown ul li.token-input-dropdown-item:hover,
div.token-input-dropdown ul li.token-input-dropdown-item2:hover {
  background-color: #dcdcdc !important;
  /* IE11 fallback */
  background-color: var(--brand-border-light) !important;
  cursor: pointer;
}

/*--------------------------------*/
/* DROPDOWN SECTION */
/* Dropdown border coloring */
.exi-transitional
  .typeahead-container--default
  .typeahead-results
  > .typeahead-results__options {
  max-height: 100%;
  overflow-y: auto;
}

/* Dropdown options */
.exi-transitional
  .typeahead-container--default
  .typeahead-results__options
  .typeahead-results__option {
  width: 100%;
}

/* Dropdown option (on-hover) styling */
.exi-transitional
  .typeahead-container
  .typeahead-results__options
  .typeahead-results__option--highlighted[aria-selected] {
  color: #333333;
  background: #eceef1;
}

/* Dropdown option (selected) styling */
.exi-transitional
  .typeahead-container
  .typeahead-results__option[aria-selected="true"] {
  color: #767676;
  background-color: #fff;
}

/* Dropdown option (selected & on-hover) styling */
.exi-transitional
  .typeahead-container--default
  .typeahead-results__option.typeahead-results__option--highlighted[aria-selected="true"] {
  color: #767676;
  background: #eceef1;
}

.mol-typeahead-dropdown--multiline .token-input-dropdown {
  display: block;
  width: calc(100% - 2.8rem);
  max-width: calc(100% - 2.8rem);
}
.mol-typeahead-dropdown--multiline .token-input-dropdown ul {
  display: block;
}
.mol-typeahead-dropdown--multiline .token-input--sec-info {
  display: block;
  font-size: 1.2rem;
  color: #767676;
}

/* Second line of data within a selection option */
.exi-transitional
  .typeahead-container--default
  .typeahead-results__options
  .typeahead-results__option
  > span {
  display: block;
  font-size: 1.2rem;
  color: #767676;
}

/* TABLE OF CONTENTS
- Input Field
- Dropdown Section
- Selection Chips
*/
.exi-transitional .form-group.mol-multiselect-dropdown {
  margin-bottom: 1.6rem;
}
.exi-transitional
  .form-group.mol-multiselect-dropdown
  .select2-container--default
  .select2-selection,
.exi-transitional
  .form-group.mol-multiselect-dropdown
  .select2-container--default
  .select2-selection--multiple {
  height: auto;
  min-height: 2.5em;
  border: 1px solid #d2d6db;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.exi-transitional
  .form-group.mol-multiselect-dropdown
  .select2-container--default
  .select2-selection--multiple:focus,
.exi-transitional
  .form-group.mol-multiselect-dropdown
  .select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
.exi-transitional
  .form-group.mol-multiselect-dropdown
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  padding: 0 0 0 0.25em;
}
.exi-transitional
  .select2-container--default
  .select2-results
  > .select2-results__options {
  max-height: 50vh;
  overflow-y: auto;
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option {
  width: 100%;
  background-color: #fff;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option.select2-results__option--highlighted {
  background: #eeeff1;
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option[aria-selected="true"],
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option[range-start="true"],
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option[aria-disabled="true"] {
  font-weight: bold;
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span {
  display: block;
  font-size: 1.2rem;
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span.color-text-success,
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span.color-text-warning,
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span.color-text-danger {
  display: inline;
  font-size: 1.4rem;
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span.color-text-success {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span.color-text-warning {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional
  .select2-container--default
  .select2-results__options
  .select2-results__option
  > span.color-text-danger {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional
  .mol-multiselect-dropdown
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  position: relative;
  background: #d7edff;
  border: 1px solid #a1b6c6;
  border-radius: 4px;
  cursor: default;
  float: left;
  font-size: 12px;
  margin: 0.25em 0.5em 0 0;
  max-width: 98.5%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.35em 2.3em 0.25em 0.55em;
}
.exi-transitional
  .mol-multiselect-dropdown
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove.atom-button.atom-button--text {
  position: absolute;
  top: 50%;
  right: 0.5em;
  font-weight: 500;
  font-size: 1.15em;
  margin: -0.6em 0 0 0;
  text-decoration: none;
}
.exi-transitional
  .mol-multiselect-dropdown
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice
  .select2-selection__choice__remove.atom-button.atom-button--text::before {
  font-family: "Glyphicons Halflings";
  content: "\e088";
}
.exi-transitional
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  position: relative;
  background: #d7edff;
  border: 1px solid #a1b6c6;
  border-radius: 4px;
  cursor: default;
  float: left;
  font-size: 12px;
  margin: 0.25em 0.5em 0 0;
  max-width: 98.5%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.35em 2.3em 0.25em 0.55em;
}

.exi-transitional .mol-filter-by-condition {
  margin-bottom: 1.6rem;
  max-width: 30rem;
}
.exi-transitional .mol-filter-by-condition select {
  display: inline-block;
  max-width: 25rem;
}
.exi-transitional .mol-filter-by-condition .x-input-by-condition-add-another {
  display: block;
  margin-bottom: 1.6rem;
}
.exi-transitional
  .mol-filter-by-condition
  .radio-group
  > .atoms-radio-button
  .radio-button--wrapper {
  display: inline-block;
}
.exi-transitional .mol-filter-by-condition .radio-group .radio-button--wrapper {
  margin-right: 2rem;
}
.exi-transitional .mol-filter-by-condition .radio-group label {
  font-weight: normal;
}
.exi-transitional .mol-filter-by-condition input {
  width: 7em;
  height: 3.5rem;
  padding: 0.8rem 1.2rem;
}
.exi-transitional .mol-filter-by-condition .mol-select-input {
  display: inline;
}
.exi-transitional
  .mol-filter-by-condition
  .atom-button.atom-button--text.mol-remove-button {
  font-size: 2.2rem;
  margin: 0 0 0 0.6rem;
  vertical-align: middle;
}

.mol-required-input,
.mol-required-input--asterisk {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}

.mol-required-input {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  margin-bottom: 1.6rem;
}

.mol-required-input--asterisk {
  display: inline-block;
  position: relative;
  top: 0.5rem;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 0.5;
  margin-left: 0.25rem;
}

/*
TABLE OF CONTENTS
- Unactivated State (Read-only text)
- Activated State (Selectable but not opened)
- Editing State (Input fields and save/cancel buttons)
*/
/* Wrap all sub-elements in exi-transitional */
.exi-transitional {
  /*----------------------------------*/
  /* UNACTIVATED STATE (Read-only text) */
  /*----------------------------------*/
  /* ACTIVATED STATE */
  /*----------------------------------*/
  /* EDITING STATE */
  /*----------------------------------*/
  /* END Wrap all sub-elements in exi-transitional */
}
.exi-transitional x-inline-edit.mol-inline-editing {
  /* Edit button */
  /* Input Field */
  /* Save Button */
  /* Cancel Button */
  /* Flash of animation to notify success state */
}
.exi-transitional x-inline-edit.mol-inline-editing .inline-editing--editable {
  display: inline-block;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background-color: none;
  border: none;
  cursor: default;
  padding: 0;
  text-decoration: none;
  text-align: left;
  /* Hover state (No change to styling in read-only state) */
  /* Pencil Edit Icon */
}
.exi-transitional
  x-inline-edit.mol-inline-editing
  .inline-editing--editable:hover {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  border: none;
}
.exi-transitional
  x-inline-edit.mol-inline-editing
  .inline-editing--editable
  .glyphicon-pencil {
  display: none;
}
.exi-transitional x-inline-edit.mol-inline-editing [x-input] {
  display: none;
}
.exi-transitional
  x-inline-edit.mol-inline-editing
  .atom-button.inline-editing--submit {
  display: none;
}
.exi-transitional
  x-inline-edit.mol-inline-editing
  .atom-button.inline-editing--cancel {
  display: none;
}
@-webkit-keyframes editing-flash {
  0% {
    background-color: #457a00;
    /* IE11 fallback */
    background-color: var(--brand-success);
    border-color: #457a00;
    /* IE11 fallback */
    border-color: var(--brand-success);
  }
  50% {
    background-color: #457a00;
    /* IE11 fallback */
    background-color: var(--brand-success);
    border-color: #457a00;
    /* IE11 fallback */
    border-color: var(--brand-success);
  }
  100% {
    background-color: #fff;
    /* IE11 fallback */
    background-color: var(--brand-fill-lightest);
  }
}
.exi-transitional x-inline-edit.mol-inline-editing .editing-flash {
  -webkit-animation-name: editing-flash;
  -webkit-animation-duration: 1600ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
}
.exi-transitional x-inline-edit.mol-inline-editing[activated] {
  /* Input Field */
  /* Save Button */
  /* Cancel Button */
}
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .inline-editing--editable {
  display: inline-block;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  background-color: #fff;
  border: 1px solid transparent;
  border-right: 1px solid;
  border-right-color: #a9a9a9;
  /* IE11 fallback */
  border-right-color: var(--brand-border-dark);
  border-bottom: 1px solid;
  border-bottom-color: #a9a9a9;
  /* IE11 fallback */
  border-bottom-color: var(--brand-border-dark);
  border-radius: 0;
  cursor: pointer;
  padding: 0.3rem 0.8rem;
  text-decoration: none;
  /* Hover State (Brighten text and add full border) */
  /* Pencil Edit Icon */
}
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .inline-editing--editable:hover,
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .inline-editing--editable:focus,
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .inline-editing--editable:active {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .inline-editing--editable
  .glyphicon-pencil {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  vertical-align: baseline;
}
.exi-transitional x-inline-edit.mol-inline-editing[activated] [x-input] {
  display: none;
}
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .atom-button.inline-editing--submit {
  display: none;
}
.exi-transitional
  x-inline-edit.mol-inline-editing[activated]
  .atom-button.inline-editing--cancel {
  display: none;
}
.exi-transitional x-inline-edit.mol-inline-editing[editing] {
  /* Input Field */
  /* Save Button */
  /* Cancel Button */
}
.exi-transitional
  x-inline-edit.mol-inline-editing[editing]
  .inline-editing--editable {
  display: none;
}
.exi-transitional x-inline-edit.mol-inline-editing[editing] [x-input] {
  display: block;
  margin-bottom: 1.6rem;
}
.exi-transitional
  x-inline-edit.mol-inline-editing[editing]
  .atom-button.inline-editing--submit {
  display: inline-block;
  float: left;
  margin-bottom: 1.6rem;
}
.exi-transitional
  x-inline-edit.mol-inline-editing[editing]
  .atom-button.inline-editing--cancel {
  display: inline-block;
  float: left;
  margin: 0 0 1.6rem 1.2rem;
}

.exi-transitional [x-input] .mol-single-time-input {
  max-width: 8.25rem;
}
.exi-transitional [x-input] .mol-single-time-input > .ui-timepicker-list {
  padding: 0 0 0 24px;
}
.exi-transitional
  [x-input]
  .mol-single-time-input
  > .ui-timepicker-list
  .ui-timepicker-selected {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}

.exi-transitional .mol-time-range .mol-time-range--wrapper {
  display: inline-block;
}
.exi-transitional .mol-time-range .mol-time-range--connector {
  display: block;
  margin: 0 0 0.5rem 0;
}
@media (min-width: 768px) {
  .exi-transitional .mol-time-range .mol-time-range--connector {
    display: inline-block;
    margin: 0 0.75rem;
  }
}

.exi-transitional .mol-date-time-range[x-input] {
  display: block;
}
.exi-transitional .mol-date-time-range[x-input]::after {
  display: block;
  content: "";
  clear: both;
}
.exi-transitional .mol-date-time-range[x-input] .mol-date-time-range__start,
.exi-transitional .mol-date-time-range[x-input] .mol-date-time-range__end {
  display: inline-block;
}
@media (max-width: 512px) {
  .exi-transitional .mol-date-time-range[x-input] .mol-date-time-range__start,
  .exi-transitional .mol-date-time-range[x-input] .mol-date-time-range__end {
    display: block;
  }
}
.exi-transitional
  .mol-date-time-range[x-input]
  .mol-date-time-range__start
  [x-input]
  input.form-control:not(#global-header-search_input):not(textarea) {
  margin-bottom: 0.8rem;
}
.exi-transitional .mol-date-time-range[x-input] .to {
  display: inline-block;
  margin-right: 0.8rem;
}
@media (max-width: 512px) {
  .exi-transitional .mol-date-time-range[x-input] .to {
    display: block;
    margin: 0 0 0.5rem 0;
  }
}
.exi-transitional
  .mol-date-time-range[x-input].mol-date-time-range__vertical
  .mol-date-time-range__start,
.exi-transitional
  .mol-date-time-range[x-input].mol-date-time-range__vertical
  .mol-date-time-range__end {
  display: block;
}
.exi-transitional
  .mol-date-time-range[x-input].mol-date-time-range__vertical
  .to {
  display: block;
  margin: 0 0 0.5rem 0;
}

/*
BASED ON Bootstrap Toggle v2.2.0 http://www.bootstraptoggle.com

TABLE OF CONTENTS
- Toggle Setup
- Toggle States
  - Focus
  - Disabled
*/
.exi-transitional .mol-toggle {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  margin: 0 0 1.6rem 0;
  overflow: hidden;
}
.exi-transitional .mol-toggle label {
  font-weight: 400;
}
.exi-transitional .mol-toggle + label {
  margin-left: 1rem;
}
.exi-transitional .mol-toggle input[type="checkbox"] {
  display: block;
}
.exi-transitional .mol-toggle .mol-toggle--group {
  display: block;
  position: absolute;
  width: 200%;
  top: 0;
  bottom: 0;
  left: 0;
  transition: left 0.35s;
  -webkit-transition: left 0.35s;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.exi-transitional .mol-toggle.off .mol-toggle--group {
  left: -100%;
}
.exi-transitional .mol-toggle .toggle-handle {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -1rem;
  padding: 0;
  height: 100%;
  width: 2rem;
  background: #f2f2f2;
}
.exi-transitional .mol-toggle .atom-button {
  white-space: nowrap;
  min-width: 6rem;
  min-height: 3rem;
}
.exi-transitional .mol-toggle .mol-toggle--on {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%;
  margin: 0;
  border: 0;
  border-radius: 0.3rem 0 0 0.3rem;
}
.exi-transitional .mol-toggle .mol-toggle--on.atom-button {
  padding-right: 2rem;
  text-align: center;
}
.exi-transitional .mol-toggle .mol-toggle--on.atom-button--lg {
  padding-right: 2.5rem;
}
.exi-transitional .mol-toggle .mol-toggle--on.atom-button--sm {
  padding-right: 2rem;
}
.exi-transitional .mol-toggle .mol-toggle--on.atom-button--xs {
  padding-right: 1.5rem;
}
.exi-transitional .mol-toggle .mol-toggle--off {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: 0;
  border: 0;
  border-radius: 0 0.3rem 0.3rem 0;
}

/* TOGGLE SETUP */
.exi-transitional .mol-toggle .mol-toggle--off.atom-button {
  padding-left: 2rem;
  text-align: center;
}

.exi-transitional .mol-toggle .atom-button--lg {
  min-width: 8rem;
  min-height: 4rem;
}

.exi-transitional .mol-toggle .mol-toggle--off.atom-button--lg {
  padding-left: 2.5rem;
}

.exi-transitional .mol-toggle .toggle-handle.atom-button--lg {
  width: 4rem;
}

.exi-transitional .mol-toggle .atom-button--sm {
  min-width: 5rem;
  min-height: 2rem;
}

.exi-transitional .mol-toggle .mol-toggle--off.atom-button--sm {
  padding-left: 2rem;
}

.exi-transitional .mol-toggle .atom-button--xs {
  min-width: 3.5rem;
  min-height: 1.5rem;
}

.exi-transitional .mol-toggle .mol-toggle--off.atom-button--xs {
  padding-left: 1.5rem;
}

/*------------------------------------*/
/* TOGGLE STATES */
/* Focus */
/* Change to SASS placeholder!!! */
.exi-transitional .mol-toggle.atom-button.highlight {
  border: 1px solid #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

/* Disabled */
.exi-transitional .mol-toggle .mol-toggle--off.atom-button.disabled {
  opacity: 0.5;
}

.exi-transitional x-input-text-editor[x-input],
.exi-transitional .mol-text-editor[x-input] {
  display: block;
  margin-bottom: 1.6rem;
  padding: 0 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0.3rem;
}
.exi-transitional x-input-text-editor[x-input] p,
.exi-transitional .mol-text-editor[x-input] p {
  padding: 0.8rem 0 0 0;
}
.exi-transitional x-input-text-editor[x-input] .mol-text-editor__editsave,
.exi-transitional .mol-text-editor[x-input] .mol-text-editor__editsave {
  text-align: right;
  padding: 1.6rem 0 0.8rem 0;
  border-bottom: 1px solid;
  margin: 0 -1.6rem;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .mol-text-editor__editsave
  .atom-button:only-child,
.exi-transitional
  x-input-text-editor[x-input]
  .mol-text-editor__editsave
  .btn:only-child,
.exi-transitional
  .mol-text-editor[x-input]
  .mol-text-editor__editsave
  .atom-button:only-child,
.exi-transitional
  .mol-text-editor[x-input]
  .mol-text-editor__editsave
  .btn:only-child {
  margin-right: 1.6rem;
}
.exi-transitional
  x-input-text-editor[x-input]
  .mol-text-editor__editsave
  .atom-button:not(:first-child),
.exi-transitional
  x-input-text-editor[x-input]
  .mol-text-editor__editsave
  .btn:not(:first-child),
.exi-transitional
  .mol-text-editor[x-input]
  .mol-text-editor__editsave
  .atom-button:not(:first-child),
.exi-transitional
  .mol-text-editor[x-input]
  .mol-text-editor__editsave
  .btn:not(:first-child) {
  margin-left: 0.8rem;
  margin-right: 1.6rem;
}
.exi-transitional x-input-text-editor[x-input] .tox.tox-tinymce,
.exi-transitional .mol-text-editor[x-input] .tox.tox-tinymce {
  border: none;
  margin: 0 -1.6rem;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  margin: 0;
  border-radius: 0;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:hover,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:focus,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:active,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:focus,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:active {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:focus,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn.tox-mbtn--active,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn.tox-mbtn--active {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:disabled,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:disabled {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  user-select: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:disabled:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:disabled:hover {
  background: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:disabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="menubar"]
  .tox-mbtn:disabled
  svg {
  fill: #b7b4e4;
  /* IE11 fallback */
  fill: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  .tox-toolbar,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  .tox-toolbar__primary,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  .tox-toolbar,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  .tox-toolbar__primary {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"],
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"] {
  padding: 0 0.2rem;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group {
  user-select: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group:disabled:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group:disabled:hover {
  background: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group:disabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group:disabled
  svg {
  fill: #b7b4e4;
  /* IE11 fallback */
  fill: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group:not(:last-of-type),
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"].tox-toolbar__group:not(:last-of-type) {
  border-right: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  border-radius: 0.3rem;
  margin-left: 1px;
  margin-right: 1px;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:hover,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:focus,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:active,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:focus,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:active {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:focus,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn
  svg {
  fill: #10069f;
  /* IE11 fallback */
  fill: var(--brand-interactive);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--enabled,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--enabled {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #0b046c;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--enabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--enabled
  svg {
  fill: #fff;
  /* IE11 fallback */
  fill: var(--brand-fill-lightest);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--disabled,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn:disabled,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--disabled,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn:disabled {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  user-select: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--disabled:hover,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn:disabled:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--disabled:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn:disabled:hover {
  background: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--disabled
  svg,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn:disabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn--disabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-tbtn.tox-tbtn:disabled
  svg {
  fill: #b7b4e4;
  /* IE11 fallback */
  fill: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn--disabled,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn:disabled,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn--disabled,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn:disabled {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  user-select: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn--disabled
  .tox-tbtn:hover,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn:disabled
  .tox-tbtn:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn--disabled
  .tox-tbtn:hover,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn:disabled
  .tox-tbtn:hover {
  background: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn--disabled
  svg,
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn:disabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn--disabled
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  [role="toolbar"]
  .tox-split-button.tox-tbtn:disabled
  svg {
  fill: #b7b4e4;
  /* IE11 fallback */
  fill: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  .tox-edit-area,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-editor-container
  .tox-edit-area {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional x-input-text-editor[x-input] .tox.tox-tinymce .tox-statusbar,
.exi-transitional .mol-text-editor[x-input] .tox.tox-tinymce .tox-statusbar {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0 0 0.3rem 0.3rem;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-tinymce
  .tox-statusbar
  .tox-statusbar__branding,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-tinymce
  .tox-statusbar
  .tox-statusbar__branding {
  display: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-notifications-container,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-notifications-container {
  display: none;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-collection--list,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-collection--list {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0.3rem;
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  z-index: 1150;
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-collection--list
  .tox-collection__group,
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-collection--list
  .tox-collection__group {
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-collection--list
  .tox-collection__group
  .tox-collection__item.tox-collection__item--active:not(.tox-collection__item--state-disabled),
.exi-transitional
  .mol-text-editor[x-input]
  .tox.tox-silver-sink
  .tox-collection--list
  .tox-collection__group
  .tox-collection__item.tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional
  x-input-text-editor[x-input]
  .tox
  .tox-statusbar__resize-handle
  svg,
.exi-transitional
  .mol-text-editor[x-input]
  .tox
  .tox-statusbar__resize-handle
  svg {
  fill: #10069f;
  /* IE11 fallback */
  fill: var(--brand-interactive);
}
.exi-transitional x-input-text-editor[x-input] .tox .tox-statusbar__wordcount,
.exi-transitional .mol-text-editor[x-input] .tox .tox-statusbar__wordcount {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional
  .tox
  .tox-collection--toolbar
  .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
}
.exi-transitional .tox .tox-collection__item-icon svg {
  fill: #10069f;
  /* IE11 fallback */
  fill: var(--brand-interactive);
}
.exi-transitional
  .tox
  .tox-collection--list
  .tox-collection__item--active:not(.tox-collection__item--state-disabled) {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional .tox .tox-dialog {
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0.3rem;
}
.exi-transitional .tox .tox-dialog .tox-dialog__header .tox-dialog__title {
  font-family: "Averta";
  font-size: 2.4rem;
}
.exi-transitional .tox .tox-dialog .tox-dialog__header .tox-button svg {
  fill: #10069f;
  /* IE11 fallback */
  fill: var(--brand-interactive);
}
.exi-transitional .tox .tox-dialog .tox-dialog__header .tox-button svg:hover,
.exi-transitional .tox .tox-dialog .tox-dialog__header .tox-button svg:focus,
.exi-transitional .tox .tox-dialog .tox-dialog__header .tox-button svg:active {
  fill: #0b046c;
  /* IE11 fallback */
  fill: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional .tox .tox-dialog .tox-dialog__body-nav-item.tox-tab {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  border-bottom: 1px solid;
  border-bottom-color: #10069f;
  /* IE11 fallback */
  border-bottom-color: var(--brand-interactive);
  background: none;
}
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__body-nav-item.tox-tab.tox-dialog__body-nav-item--active {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  font-weight: 700;
  border: none;
  background: none;
}
.exi-transitional .tox .tox-dialog .tox-dialog__body-content a {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  text-decoration: underline;
}
.exi-transitional .tox .tox-dialog .tox-dialog__body-content a:hover,
.exi-transitional .tox .tox-dialog .tox-dialog__body-content a:focus,
.exi-transitional .tox .tox-dialog .tox-dialog__body-content a:active {
  fill: #0b046c;
  /* IE11 fallback */
  fill: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional .tox .tox-dialog .tox-dialog__footer button,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  background: #10069f;
  /* IE11 fallback */
  background: var(--brand-interactive);
  font-weight: 400;
  transition: 0.3s ease;
  border-color: transparent;
}
.exi-transitional .tox .tox-dialog .tox-dialog__footer button:hover,
.exi-transitional .tox .tox-dialog .tox-dialog__footer button:focus,
.exi-transitional .tox .tox-dialog .tox-dialog__footer button:active,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button:hover,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button:focus,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button:active {
  background: #0b046c;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
  border-color: transparent;
}
.exi-transitional .tox .tox-dialog .tox-dialog__footer button[disabled],
.exi-transitional .tox .tox-dialog .tox-dialog__footer button:disabled,
.exi-transitional .tox .tox-dialog .tox-dialog__footer button.disabled,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button[disabled],
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button:disabled,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button.disabled {
  background: #b7b4e4;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  border-color: transparent;
}
.exi-transitional .tox .tox-dialog .tox-dialog__footer button svg,
.exi-transitional .tox .tox-dialog .tox-dialog__footer .tox-button svg {
  fill: #fff;
  /* IE11 fallback */
  fill: var(--brand-text-light);
}
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
}
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary:hover,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary:focus,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary:active,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary:hover,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary:focus,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary:active {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
}
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary[disabled],
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary:disabled,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary.disabled,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary[disabled],
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary:disabled,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary.disabled {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
  border-color: #b7b4e4;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  button.tox-button--secondary
  svg,
.exi-transitional
  .tox
  .tox-dialog
  .tox-dialog__footer
  .tox-button.tox-button--secondary
  svg {
  fill: #10069f;
  /* IE11 fallback */
  fill: var(--brand-interactive);
}

/* Select Input */
.exi-transitional .mol-select-input {
  display: block;
}

/* Import all global SASS files */
.chart_wrap canvas {
  max-width: 600px;
}

.exi-transitional .mol-table {
  position: relative;
  width: 100%;
  margin: 0 0 1.6rem 0;
  padding: 0;
}

.exi-transitional .mol-table [class*="-input"] {
  margin-bottom: 0;
}

.exi-transitional .mol-table th,
.exi-transitional .mol-table td {
  position: relative;
  width: auto;
  margin: 0;
  padding: 0.8rem;
  vertical-align: top;
}

.exi-transitional .mol-table td {
  border-top: 1px solid #d2d6db;
}

.exi-transitional .mol-table tr:first-child td {
  border-top: 2px solid #d2d6db;
}

.exi-transitional .mol-batch-edit-modal .mol-table td:last-child {
  width: 3rem;
  padding: 0 0 0 0.8rem;
}

/*
TABLE OF CONTENTS
- Button
- Popover
  - Available states
*/
/* BUTTON */
.exi-transitional .mol-list-key > .btn {
  margin: 0;
  padding: 0;
}

/*-------------------------------------------*/
/* POPOVER */
.exi-transitional .mol-list-key .list li span {
  display: inline-block;
  margin-right: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
  vertical-align: middle;
}

/* Available States */
/* Success */
.exi-transitional .mol-list-key .list li.full-list-key-success span {
  background-color: #c4d4af;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.3),
    calc(var(--brand-success-l) * 2.9)
  );
}

/* Warning */
.exi-transitional .mol-list-key .list li.full-list-key-warning span {
  background-color: #e4d3be;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 0.5),
    calc(var(--brand-warning-l) * 2.5)
  );
}

/* Danger */
.exi-transitional .mol-list-key .list li.full-list-key-danger span {
  background-color: #e2b9c1;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 0.5),
    calc(var(--brand-danger-l) * 1.75)
  );
}

/* Past */
.exi-transitional .mol-list-key .list li.full-list-key-past span {
  background-color: #d2d6db;
}

/* Inactive */
.fpo-container {
  background: #fff;
  border: 2px solid lightgray;
  border-radius: 4px;
  max-width: 60rem;
  margin: 2.4rem auto;
  padding: 5%;
  position: relative;
}
.fpo-container p {
  line-height: 1.75;
  color: #232323;
}

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 999;
}

.modal.mol-modal .modal-content .loader-overlay-error {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 103%;
  width: 101%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 999;
  border-top: 0.4rem var(--brand-danger) solid;
  border-bottom: 0.4rem var(--brand-danger) solid;
  border-radius: 0.4rem;
  transform: translate(-50%, -50%);
}

.loader-overlay-error {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 999;
  border-top: 0.4rem var(--brand-danger) solid;
  border-bottom: 0.4rem var(--brand-danger) solid;
  border-radius: 0.4rem;
  transform: translate(-50%, -50%);
}

.mol-loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}
.mol-loading-indicator .loader {
  position: relative;
  width: 5rem;
  height: 5rem;
  display: inline-block;
  padding: 10px;
  border-radius: 10px;
}
@media (min-width: 50rem) {
  .mol-loading-indicator .loader {
    width: 8rem;
    height: 8rem;
  }
}
.mol-loading-indicator .loader div {
  width: 6%;
  height: 16%;
  background: #000000;
  position: absolute;
  left: 49%;
  top: 43%;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  animation: spinner-fade 1s linear infinite;
}
@keyframes spinner-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
.mol-loading-indicator div.loader div.bar1 {
  transform: rotate(0deg) translate(0, -130%);
  animation-delay: 0s;
}
.mol-loading-indicator div.loader div.bar2 {
  transform: rotate(30deg) translate(0, -130%);
  animation-delay: -0.9167s;
}
.mol-loading-indicator div.loader div.bar3 {
  transform: rotate(60deg) translate(0, -130%);
  animation-delay: -0.833s;
}
.mol-loading-indicator div.loader div.bar4 {
  transform: rotate(90deg) translate(0, -130%);
  animation-delay: -0.7497s;
}
.mol-loading-indicator div.loader div.bar5 {
  transform: rotate(120deg) translate(0, -130%);
  animation-delay: -0.667s;
}
.mol-loading-indicator div.loader div.bar6 {
  transform: rotate(150deg) translate(0, -130%);
  animation-delay: -0.5837s;
}
.mol-loading-indicator div.loader div.bar7 {
  transform: rotate(180deg) translate(0, -130%);
  animation-delay: -0.5s;
}
.mol-loading-indicator div.loader div.bar8 {
  transform: rotate(210deg) translate(0, -130%);
  animation-delay: -0.4167s;
}
.mol-loading-indicator div.loader div.bar9 {
  transform: rotate(240deg) translate(0, -130%);
  animation-delay: -0.333s;
}
.mol-loading-indicator div.loader div.bar10 {
  transform: rotate(270deg) translate(0, -130%);
  animation-delay: -0.2497s;
}
.mol-loading-indicator div.loader div.bar11 {
  transform: rotate(300deg) translate(0, -130%);
  animation-delay: -0.167s;
}
.mol-loading-indicator div.loader div.bar12 {
  transform: rotate(330deg) translate(0, -130%);
  animation-delay: -0.0833s;
}

/*
TABLE OF CONTENTS
- General
- Modal Header
- Modal Body
  - Columns
  - Section Headings
	- H4
	- H5
	- H6
  - Section Heading Subtext
- Modal Footer
- Feedback States
  - Warning
  - Warning
  - Danger
*/
.exi-transitional .modal,
.exi-transitional .modal.mol-modal {
  padding: 1.2rem;
  overflow-y:auto;
}
.exi-transitional .modal .modal-content,
.exi-transitional .modal.mol-modal .modal-content {
  max-height: 100%;
  min-height: 19.5rem;
  /* Spacing between columns for larger 2-column layout. Negate below 768px */
}
@media (max-width: 575px) {
  .exi-transitional .modal .modal-content,
  .exi-transitional .modal.mol-modal .modal-content {
    margin: 0;
  }
}
.exi-transitional .modal .modal-dialog,
.exi-transitional .modal.mol-modal .modal-dialog {
  /* Spacing between columns for larger 2-column layout. Negate below 768px */
}
@media (max-width: 575px) {
  .exi-transitional .modal .modal-dialog,
  .exi-transitional .modal.mol-modal .modal-dialog {
    margin: 0;
  }
}
.exi-transitional .modal .modal-header,
.exi-transitional .modal.mol-modal .modal-header {
  display: block;
  padding: 1.2rem;
  text-align: left;
  border: none;
}
.exi-transitional .modal .modal-header x-hint-icon,
.exi-transitional .modal.mol-modal .modal-header x-hint-icon {
  display: inline-flex;
  padding: 0 0 0 0.8rem;
}
.exi-transitional .modal .modal-header .modal-title,
.exi-transitional .modal.mol-modal .modal-header .modal-title {
  margin: 0;
  font-family: "Averta";
  font-size: 2.4rem;
  display: inline-block;
}
.exi-transitional .modal .modal-header .modal-title .glyphicon,
.exi-transitional .modal.mol-modal .modal-header .modal-title .glyphicon {
  vertical-align: top;
  display: none;
}
.exi-transitional .modal .modal-header .mol-close,
.exi-transitional .modal.mol-modal .modal-header .mol-close {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}
.exi-transitional .modal .modal-body,
.exi-transitional .modal.mol-modal .modal-body {
  margin: 0;
  padding: 0 1.2rem;
  max-height: calc(85vh - 12.25rem);
  margin-top: 0.75rem;
  min-height: 8rem;
  overflow-y: auto;
}
.exi-transitional .modal .modal-body .modal-section-heading-subtext,
.exi-transitional .modal.mol-modal .modal-body .modal-section-heading-subtext {
  font-size: 1.2rem;
  font-weight: 400;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  margin: 0 0 1.2rem 0;
}
.exi-transitional
  .modal
  .modal-body
  .select2-container--default
  .select2-results
  > .select2-results__options,
.exi-transitional
  .modal.mol-modal
  .modal-body
  .select2-container--default
  .select2-results
  > .select2-results__options {
  max-height: 200px;
}
@media (min-width: 768px) {
  .exi-transitional .modal .modal-body .modal-col-1,
  .exi-transitional .modal.mol-modal .modal-body .modal-col-1 {
    padding-right: 1.2rem;
  }
  .exi-transitional .modal .modal-body .modal-col-2,
  .exi-transitional .modal.mol-modal .modal-body .modal-col-2 {
    padding-left: 1.2rem;
  }
}
.exi-transitional .modal .modal-footer,
.exi-transitional .modal.mol-modal .modal-footer {
  background-color: none;
  padding: 1.2rem;
  border: none;
  clear: both;
}
.exi-transitional .modal .modal-footer button:not(:first-child),
.exi-transitional .modal.mol-modal .modal-footer button:not(:first-child) {
  margin-left: 1rem;
}
.exi-transitional x-modal[mode="success"] .modal.mol-modal .modal-content {
  border-top: 0.4rem solid;
  border-top-color: #457a00;
  /* IE11 fallback */
  border-top-color: var(--brand-success);
}
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-content
  .modal-header
  .modal-title {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional
  x-modal[mode="success"]
  .modal.mol-modal
  .modal-content
  .modal-header
  .modal-title
  .glyphicon.glyphicon-ok-sign {
  display: inline-block;
}
.exi-transitional x-modal[mode="warning"] .modal.mol-modal .modal-content {
  border-top: 0.4rem solid;
  border-top-color: #a35a00;
  /* IE11 fallback */
  border-top-color: var(--brand-warning);
}
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-content
  .modal-header
  .modal-title {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional
  x-modal[mode="warning"]
  .modal.mol-modal
  .modal-content
  .modal-header
  .modal-title
  .glyphicon.glyphicon-exclamation-sign {
  display: inline-block;
}
.exi-transitional x-modal[mode="danger"] .modal.mol-modal .modal-content {
  border-top: 0.4rem solid;
  border-top-color: #d7143b;
  /* IE11 fallback */
  border-top-color: var(--brand-danger);
}
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-content
  .modal-header
  .modal-title {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional
  x-modal[mode="danger"]
  .modal.mol-modal
  .modal-content
  .modal-header
  .modal-title
  .glyphicon.glyphicon-exclamation-sign {
  display: inline-block;
}

/*
TABLE OF CONTENTS
- GENERAL
- Row Selection Section
  - Selection Count
  - Scroll Indicator
  - Row Selection Table
- Detail Update Section
*/
/* GENERAL */
/* Modal Content container - Set heights so no scrolling */
.exi-transitional .mol-modal .mol-batch-edit-modal {
  max-height: none;
  min-height: 28.5rem;
}

/* Modal Body - Set heights so no scrolling */
.exi-transitional .modal.mol-modal.mol-batch-edit-modal .modal-body {
  max-height: none;
  min-height: 18rem;
}

/*-------------------------------------*/
/* ROW SELECTION SECTION */
/* Row selection - Container */
.exi-transitional .mol-batch-edit-modal .mol-batch-edit-modal--selection {
  max-height: 22rem;
  min-height: 5rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 2rem;
}

/* FOR SASS, CHANGE TO USE TEXT-STYLE--SUBTEXT PLACEHOLDER!!! */
/* Selection Count and Scroll Indicator - Set text styling */
.exi-transitional
  .mol-modal
  .mol-batch-edit-modal
  h4.mol-batch-edit-modal--count,
.exi-transitional
  .mol-modal
  .mol-batch-edit-modal
  .mol-batch-edit-modal--scroll {
  font-size: 1.2rem;
  font-weight: 400;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}

/* Set scroll indicator positioning */
.exi-transitional
  .mol-modal
  .mol-batch-edit-modal
  .mol-batch-edit-modal--scroll {
  margin: -1.2rem 0 1.2rem 0;
  text-align: center;
}

/* Selection Disabled Message */
.exi-transitional
  .mol-batch-edit-modal
  .mol-batch-edit-modal--selection
  .mol-batch-edit-modal--selection---disabled {
  font-size: 1.2rem;
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  text-align: center;
}

/* Row Selection Table */
.exi-transitional .mol-batch-edit-modal table tr th,
.exi-transitional .mol-batch-edit-modal table tr td {
  max-width: 15rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*-------------------------------------*/
/* DETAIL UPDATE SECTION */
/* TEMPORARY UNTIL SELECT IS FIXED */
.exi-transitional
  .mol-batch-edit-modal
  .mol-batch-edit-modal--inputs
  [class*="-input"] {
  margin-bottom: 1.2rem;
}

/* Modal Row Column 2 - Adjust right margin for remove button */
.exi-transitional
  .mol-batch-edit-modal
  .mol-batch-edit-modal--inputs
  .modal-col-2 {
  width: calc(50% - 3rem);
}

/* Modal Row Column 2, Remove Button - Positioning */
.exi-transitional
  .mol-batch-edit-modal
  .mol-batch-edit-modal--inputs
  .modal-col-2
  .mol-remove-button {
  position: absolute;
  top: 0;
  right: -3rem;
}

/* Mobile Styles */
@media (max-width: 768px) {
  /* Selection Section Table Cells - Narrow max width */
  .exi-transitional .mol-batch-edit-modal table tr th,
  .exi-transitional .mol-batch-edit-modal table tr td {
    max-width: 10rem;
  }

  /* Selection Section Table Rows - Bottom spacing and border for mobile visual clarity */
  .exi-transitional
    .mol-batch-edit-modal
    .mol-batch-edit-modal--inputs
    .row:not(:only-child) {
    position: relative;
    margin-bottom: 1.2rem;
    border-bottom: 1px solid var(--brand-border-light);
  }

  /* Detail Update Section Row Columns - Set static position and adjust width for remove button positioning */
  .exi-transitional
    .mol-batch-edit-modal
    .mol-batch-edit-modal--inputs
    .modal-col-1,
  .exi-transitional
    .mol-batch-edit-modal
    .mol-batch-edit-modal--inputs
    .modal-col-2 {
    position: static;
    width: calc(100% - 3rem);
  }

  /* Modal Row Column 2, Remove Button - Mobile positioning */
  .exi-transitional
    .mol-batch-edit-modal
    .mol-batch-edit-modal--inputs
    .modal-col-2
    .mol-remove-button {
    position: absolute;
    top: 0;
    right: 0;
  }
}
/*
TABLE OF CONTENTS
- Inner button groups
- Show all button
- Button-styled divs
- Ellipses
- Page indicator
*/
.exi-transitional .mol-pagination.btn-toolbar {
  margin: 0 0 1.2rem;
}
.exi-transitional
  .mol-pagination.btn-toolbar
  .mol-button-group:last-child
  button {
  border-radius: 0.3rem;
}
.exi-transitional .mol-pagination.btn-toolbar .btn.btn-link.btn-sm,
.exi-transitional
  .mol-pagination.btn-toolbar
  .atom-button.atom-button--link.atom-button--sm {
  padding: 0.8rem 1.2rem 0;
}
.exi-transitional .mol-pagination.btn-toolbar div.btn.btn-link.btn-sm,
.exi-transitional
  .mol-pagination.btn-toolbar
  div.atom-button.atom-button--link.atom-button--sm {
  cursor: default;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
@media (max-width: 768px) {
  .exi-transitional .mol-pagination.btn-toolbar div.btn.btn-link.btn-sm,
  .exi-transitional
    .mol-pagination.btn-toolbar
    div.atom-button.atom-button--link.atom-button--sm {
    padding: 0.8rem 0.5rem 0;
  }
}
.exi-transitional .mol-pagination.btn-toolbar div.btn.btn-primary,
.exi-transitional
  .mol-pagination.btn-toolbar
  div.atom-button.atom-button--primary,
.exi-transitional
  .mol-pagination.btn-toolbar
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + div.atom-button.atom-button--primary,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  .mol-pagination.btn-toolbar
  input[type="file"]:disabled
  + div.atom-button.atom-button--primary {
  cursor: default;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: none;
  padding: 0.5rem 0;
  font-weight: 700;
  border-color: transparent;
  border-radius: 0;
}

/*
TABLE OF CONTENTS
- General
- Indicator Arrow
- Popover Heading
  - Close Button
- Popover Body
  - Lists
- Warning Popover
*/
/* GENERAL */
.exi-transitional .mol-popover {
  padding: 0;
}
.exi-transitional .mol-popover .popover {
  min-width: 16rem;
  max-width: 32rem;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  /* INDICATOR ARROW */
  /* Set arrow inner color and outer border color for each direction */
  /* POPOVER HEADING */
  /* POPOVER BODY */
  /* LISTS */
}
.exi-transitional .mol-popover .popover.top > .arrow:after {
  border-top-color: #fff;
  /* IE11 fallback */
  border-top-color: var(--brand-fill-lightest);
}
.exi-transitional .mol-popover .popover.top > .arrow {
  border-top-color: #dcdcdc;
  /* IE11 fallback */
  border-top-color: var(--brand-border-light);
}
.exi-transitional .mol-popover .popover.right > .arrow:after {
  border-right-color: #fff;
  /* IE11 fallback */
  border-right-color: var(--brand-fill-lightest);
}
.exi-transitional .mol-popover .popover.right > .arrow {
  border-right-color: #dcdcdc;
  /* IE11 fallback */
  border-right-color: var(--brand-border-light);
}
.exi-transitional .mol-popover .popover.bottom > .arrow:after {
  border-bottom-color: #fff;
  /* IE11 fallback */
  border-bottom-color: var(--brand-fill-lightest);
}
.exi-transitional .mol-popover .popover.bottom > .arrow {
  border-bottom-color: #dcdcdc;
  /* IE11 fallback */
  border-bottom-color: var(--brand-border-light);
}
.exi-transitional .mol-popover .popover.left > .arrow:after {
  border-left-color: #fff;
  /* IE11 fallback */
  border-left-color: var(--brand-fill-lightest);
}
.exi-transitional .mol-popover .popover.left > .arrow {
  border-left-color: #dcdcdc;
  /* IE11 fallback */
  border-left-color: var(--brand-border-light);
}
.exi-transitional .mol-popover .popover h3.popover-title {
  font-size: 1.8rem;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  margin: 0;
  padding: 0.8rem 3.5rem 0.5rem 0.8rem;
  background: none;
  border: none;
}
.exi-transitional .mol-popover .popover h3.popover-title .glyphicon {
  margin-right: 0.5rem;
}
.exi-transitional .mol-popover .popover h3.popover-title .mol-close {
  position: absolute;
  top: 0.75rem;
  right: 0.3rem;
}
.exi-transitional .mol-popover .popover .popover-content {
  margin: 0;
  padding: 0 0.8rem;
}
.exi-transitional .mol-popover .popover ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.exi-transitional .mol-popover .popover ul li {
  margin: 0 0 0.8rem 0;
  padding: 0;
}
.exi-transitional .mol-popover .popover.alert-warning {
  background: #fcf5ee;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional .mol-popover .popover.alert-warning .popover-title {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
  font-size: 1.8rem;
}
.exi-transitional
  .mol-popover
  .popover.alert-warning
  .popover-title
  .glyphicon-exclamation-sign {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
  font-size: 1.8rem;
  margin-right: 0.8rem;
}
.exi-transitional .mol-popover .popover.alert-warning .popover-content {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
  display: block;
}
.exi-transitional .mol-popover .popover.alert-warning.top > .arrow:after {
  border-top-color: #fcf5ee;
  /* IE11 fallback */
  border-top-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional .mol-popover .popover.alert-warning.right > .arrow:after {
  border-right-color: #fcf5ee;
  /* IE11 fallback */
  border-right-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional .mol-popover .popover.alert-warning.bottom > .arrow:after {
  border-bottom-color: #fcf5ee;
  /* IE11 fallback */
  border-bottom-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional .mol-popover .popover.alert-warning.left > .arrow:after {
  border-left-color: #fcf5ee;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.exi-transitional .mol-popover .popover.alert-success {
  background: #f3f8ed;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional .mol-popover .popover.alert-success .popover-title {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  font-size: 1.8rem;
}
.exi-transitional
  .mol-popover
  .popover.alert-success
  .popover-title
  .glyphicon-check {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  font-size: 1.8rem;
  margin-right: 0.8rem;
}
.exi-transitional .mol-popover .popover.alert-success .popover-content {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  display: block;
}
.exi-transitional .mol-popover .popover.alert-success.top > .arrow:after {
  border-top-color: #f3f8ed;
  /* IE11 fallback */
  border-top-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional .mol-popover .popover.alert-success.right > .arrow:after {
  border-right-color: #f3f8ed;
  /* IE11 fallback */
  border-right-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional .mol-popover .popover.alert-success.bottom > .arrow:after {
  border-bottom-color: #f3f8ed;
  /* IE11 fallback */
  border-bottom-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional .mol-popover .popover.alert-success.left > .arrow:after {
  border-left-color: #f3f8ed;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.exi-transitional .mol-popover .popover.alert-danger {
  background: #ffebef;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}
.exi-transitional .mol-popover .popover.alert-danger .popover-title {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
  font-size: 1.8rem;
}
.exi-transitional
  .mol-popover
  .popover.alert-danger
  .popover-title
  .glyphicon-check {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
  font-size: 1.8rem;
  margin-right: 0.8rem;
}
.exi-transitional .mol-popover .popover.alert-danger .popover-content {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
  display: block;
}
.exi-transitional .mol-popover .popover.alert-danger.top > .arrow:after {
  border-top-color: #ffebef;
  /* IE11 fallback */
  border-top-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}
.exi-transitional .mol-popover .popover.alert-danger.right > .arrow:after {
  border-right-color: #ffebef;
  /* IE11 fallback */
  border-right-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}
.exi-transitional .mol-popover .popover.alert-danger.bottom > .arrow:after {
  border-bottom-color: #ffebef;
  /* IE11 fallback */
  border-bottom-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}
.exi-transitional .mol-popover .popover.alert-danger.left > .arrow:after {
  border-left-color: #ffebef;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  );
}

.exi-transitional .mol-title-dropdown .mol-select-input[x-input] {
  overflow: hidden;
}
.exi-transitional
  .mol-title-dropdown
  .mol-select-input[x-input]
  .form-control:not(#global-header-search_input),
.exi-transitional
  .mol-title-dropdown
  .mol-select-input[x-input]:last-child
  .form-control:not(#global-header-search_input) {
  display: inline-block;
  width: auto;
  height: 2.5rem;
  margin: 0;
  padding: 0 0.8rem;
  vertical-align: text-bottom;
}
.exi-transitional .mol-title-dropdown .mol-select-input[x-input] label {
  font-family: "Averta-Light";
  font-size: 2.6rem;
  font-weight: lighter;
  border: none;
  display: inline-block;
  margin-right: 1.2rem;
  padding: 0;
}
.exi-transitional .mol-title-dropdown > button.dropdown-toggle {
  float: none;
  line-height: 1.2;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  font-family: "Averta-Light";
  font-size: 2.6rem;
  margin: 0;
  padding: 0.8rem 1.2rem;
  border-radius: 0.3rem 0 0 0;
  text-decoration: none;
  border: none;
}
.exi-transitional .mol-title-dropdown > button.dropdown-toggle:hover,
.exi-transitional .mol-title-dropdown > button.dropdown-toggle:focus,
.exi-transitional .mol-title-dropdown > button.dropdown-toggle:active {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}
.exi-transitional .mol-title-dropdown > button.dropdown-toggle .caret {
  border-top-color: #10069f;
  /* IE11 fallback */
  border-top-color: var(--brand-interactive);
  font-size: 1.4rem;
}
.exi-transitional .btn-group.mol-title-dropdown {
  display: block;
  line-height: 1;
  margin: -0.8rem 0 -0.8rem -1.6rem;
  padding: 0;
}

.exi-transitional .mol-single-time-input {
  max-width: 14rem;
}
.exi-transitional .mol-single-time-input > .ui-timepicker-list {
  padding: 0 0 0 24px;
}

.exi-transitional .mol-popover-calendar .popover {
  display: block;
  background: #eceef1;
}
.exi-transitional .mol-popover-calendar .popover-display-content {
  background: none repeat scroll 0 0 #eceef1;
  border-color: #d6d5d5;
  padding: 0;
}
.exi-transitional .mol-popover-calendar .popover-display-content hr {
  border-top: 1px solid #ddd;
  margin: 0.5em 1em 0.5em 1em;
}
.exi-transitional .mol-popover-calendar h3.popover-calendar-title {
  font-size: 1.8rem;
  color: var(--brand-text);
  margin: 0;
  padding: 0.8rem 2.4rem 0.8rem 0;
  background: none;
  border: none;
}
.exi-transitional .mol-popover-calendar .mol-close {
  position: absolute;
  top: 1rem;
  right: 0;
  padding: 0;
}
.exi-transitional .mol-popover-calendar .arrow:after {
  border-bottom-color: #eceef1;
}
.exi-transitional .mol-popover-calendar .event-content--intro {
  margin-bottom: 1rem;
}
.exi-transitional .mol-popover-calendar .event-details--coordinator span,
.exi-transitional .mol-popover-calendar .event-details--when span {
  display: block;
}

.fpo-pop-cal-container {
  margin: 5rem auto;
}

.fpo-checkbox-init {
  padding: 200px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

.exi-transitional .mol-page-header-toolbar.jzb-layout-header-toolbar {
  position: fixed;
  top: 1.5em;
  right: 0.8em;
  z-index: 200;
}
.exi-transitional .mol-page-header-toolbar.jzb-layout-header-toolbar .btn {
  color: #10069f;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  background: #fff;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .mol-page-header-toolbar .btn-navigation {
  border-color: #fff;
  /* IE11 fallback */
  border-color: var(--brand-fill-lightest);
}
.exi-transitional .mol-page-header-toolbar .btn-navigation:hover {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}

.pin-container .jzb-layout-header-toolbar.mol-page-header-toolbar {
  top: 11rem;
}

.bookmark-container .jzb-layout-header-toolbar.mol-page-header-toolbar {
  top: 21rem;
}

.exi-transitional .mol-skip-navigation .skipTo.atom-button {
  position: absolute;
  background: transparent;
  border-radius: 0 0 0.3rem 0;
  -webkit-transition: top 0.5s ease-out, background 0.5s linear;
  -moz-transition: top 0.5s ease-out, background 0.5s linear;
  -o-transition: top 0.5s ease-out, background 0.5s linear;
  transition: top 0.5s ease-out, background 0.5s linear;
  z-index: 100000;
}

.exi-transitional .mol-skip-navigation .skipTo.atom-button:focus {
  position: absolute;
  top: 0;
  left: 0;
  background: var(--brand-fill-lightest);
  z-index: 100000;
  text-decoration: none;
  -webkit-transition: top 0.1s ease-in, background 0.3s linear;
  -moz-transition: top 0.1s ease-in, background 0.3s linear;
  -o-transition: top 0.1s ease-in, background 0.3s linear;
  transition: top 0.1s ease-in, background 0.3s linear;
}

.exi-transitional .mol-skip-navigation .onFocus {
  top: -5rem;
  left: 0;
}

.exi-transitional .mol-skip-navigation .onLoad {
  top: 0;
  left: 0;
  background: var(--brand-fill-lightest);
}

.exi-transitional .mol-skip-navigation .dropup,
.exi-transitional .dropMenu.mol-skip-navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 25rem;
}

.exi-transitional .mol-skip-navigation.dropMenu-toggle {
  margin-bottom: -3px;
}

.exi-transitional .mol-skip-navigation.dropMenu-toggle:active,
.exi-transitional .mol-skip-navigation.open .dropMenu-toggle {
  outline: 0;
}

.exi-transitional #skipToMenu.mol-skip-navigation .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: 0.8rem;
  margin-left: 0.5rem;
  vertical-align: top;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  pointer-events: none;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0 0 0.5rem 0;
  margin: 0;
  list-style: none;
  background-color: var(--brand-fill-lightest);
  -webkit-border-radius: 0 0 0.3rem 0;
  -moz-border-radius: 0 0 0.3rem 0;
  border-radius: 0 0 0.3rem 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu.pull-right {
  right: 0;
  left: auto;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu .divider {
  width: 100%;
  height: 1px;
  margin: 0.8rem 0.1rem;
  overflow: hidden;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a {
  display: block;
  padding: 0.5rem 1.2rem;
  clear: both;
  font-weight: normal;
  line-height: 1.4;
  color: var(--brand-text);
  white-space: nowrap;
  text-decoration: none;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a.po-h2 {
  padding-left: 2.6rem;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a.po-h3 {
  padding-left: 3.6rem;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a.po-h4 {
  padding-left: 4.4rem;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a.po-h5 {
  padding-left: 5.2rem;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a.po-6 {
  padding-left: 6rem;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li[role="separator"] {
  padding-left: 1.2rem;
  margin-top: 0.8rem;
  font-weight: 700;
  font-size: 1.4rem;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a:hover,
.exi-transitional .mol-skip-navigation .dropMenu-menu > li > a:focus,
.exi-transitional .mol-skip-navigation .dropMenu-submenu:hover > a,
.exi-transitional .mol-skip-navigation .dropMenu-submenu:focus > a,
.exi-transitional .mol-skip-navigation .dropMenu-menu > .active > a,
.exi-transitional .mol-skip-navigation .dropMenu-menu > .active > a:hover,
.exi-transitional .mol-skip-navigation .dropMenu-menu > .active > a:focus {
  text-decoration: none;
  color: var(--brand-text);
  background: #eceef1;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > .disabled > a,
.exi-transitional .mol-skip-navigation .dropMenu-menu > .disabled > a:hover,
.exi-transitional .mol-skip-navigation .dropMenu-menu > .disabled > a:focus {
  color: #999;
}

.exi-transitional .mol-skip-navigation .dropMenu-menu > .disabled > a:hover,
.exi-transitional .mol-skip-navigation .dropMenu-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: default;
}

.exi-transitional .mol-skip-navigation.open {
  z-index: 100000;
}

.exi-transitional .mol-skip-navigation.open > .dropMenu-menu {
  display: block;
}

.exi-transitional .mol-skip-navigation .pull-right > .dropMenu-menu {
  right: 0;
  left: auto;
}

.exi-transitional #skipToMenu.mol-skip-navigation .dropup .caret,
.exi-transitional
  #skipToMenu.mol-skip-navigation
  .navbar-fixed-bottom
  .dropMenu
  .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "";
}

.exi-transitional #skipToMenu.mol-skip-navigation .dropup .dropMenu-menu,
.exi-transitional
  #skipToMenu.mol-skip-navigation
  .navbar-fixed-bottom
  .dropMenu
  .dropMenu-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.exi-transitional .mol-skip-navigation .dropMenu-submenu {
  position: relative;
}

.exi-transitional .mol-skip-navigation .dropMenu-submenu > .dropMenu-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 0.3rem 0.3rem 0.3rem;
  -moz-border-radius: 0 0.3rem 0.3rem 0.3rem;
  border-radius: 0 0.3rem 0.3rem 0.3rem;
}

.exi-transitional
  .mol-skip-navigation
  .dropMenu-submenu:hover
  > .dropMenu-menu {
  display: block;
}

.exi-transitional
  .mol-skip-navigation
  .dropup
  .dropMenu-submenu
  > .dropMenu-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 0.3rem 0.3rem 0.3rem 0;
  -moz-border-radius: 0.3rem 0.3rem 0.3rem 0;
  border-radius: 0.3rem 0.3rem 0.3rem 0;
}

.exi-transitional .mol-skip-navigation .dropMenu-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.exi-transitional .mol-skip-navigation .dropMenu-submenu:hover > a:after {
  border-left-color: #fff;
}

.exi-transitional .mol-skip-navigation .dropMenu-submenu.pull-left {
  float: none;
}

.exi-transitional
  .mol-skip-navigation
  .dropMenu-submenu.pull-left
  > .dropMenu-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 0.3rem 0 0.3rem 0.3rem;
  -moz-border-radius: 0.3rem 0 0.3rem 0.3rem;
  border-radius: 0.3rem 0 0.3rem 0.3rem;
}

.exi-transitional .dropMenu.mol-skip-navigation .dropMenu-menu .nav-header {
  padding-left: 2rem;
  padding-right: 2rem;
}

.exi-transitional .mol-tabs {
  margin: 0 auto 2rem auto;
  width: 95%;
}
.exi-transitional .mol-tabs .nav-tabs {
  border: none;
  padding: 0;
}
@media (min-width: 768px) {
  .exi-transitional .mol-tabs .nav-tabs {
    border-bottom: 2px solid #ddd;
    margin: 0;
  }
}
.exi-transitional .mol-tabs .nav-tabs li {
  list-style-type: none;
  float: none;
  display: inline-block;
  margin: 0 0 0.75rem 0;
  font-size: 15px;
}
@media (min-width: 768px) {
  .exi-transitional .mol-tabs .nav-tabs li {
    margin: 0 0.75rem 0 0;
  }
}
.exi-transitional .mol-tabs .nav-tabs > li > .panel-title {
  border-radius: 0;
  display: block;
  padding: 1.25rem;
  border: none;
  color: #666;
  margin: 0;
}
@media (min-width: 768px) {
  .exi-transitional .mol-tabs .nav-tabs > li > .panel-title {
    max-width: 180px;
  }
}
.exi-transitional .mol-tabs .nav-tabs > li.active > a,
.exi-transitional .mol-tabs .nav-tabs > li.active > a:focus,
.exi-transitional .mol-tabs .nav-tabs > li.active > a:hover {
  border-width: 0;
  transition: 300ms ease-in-out;
}
.exi-transitional .mol-tabs .nav-tabs > li.active > a,
.exi-transitional .mol-tabs .nav-tabs > li > a:hover {
  border: none;
  color: #10069f;
  background: #eee;
}
@media (min-width: 768px) {
  .exi-transitional .mol-tabs .nav-tabs > li > a::after {
    content: "";
    background: #10069f;
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -1px;
    transition: all 250ms ease 0s;
    transform: scale(0);
  }
}
@media (min-width: 768px) {
  .exi-transitional .mol-tabs .nav-tabs > li.active > a::after,
  .exi-transitional .mol-tabs .nav-tabs > li:hover > a::after {
    transform: scale(1);
  }
}
.exi-transitional .mol-tabs .tab-nav > li > a:after {
  background: #21527d;
  color: #fff;
}
.exi-transitional .mol-tabs .tabpanel {
  width: 100%;
  border: 2px solid #ddd;
  border-top: none;
  line-height: 1.425;
  padding: 10px;
  transition: 300ms ease-in-out;
}
.exi-transitional .mol-tabs .panel-title {
  position: relative;
  text-decoration: none;
}
.exi-transitional .mol-tabs.tabs-view .tabpanel {
  display: none;
  padding: 10px;
}
.exi-transitional .mol-tabs.tabs-view .tabpanel.current {
  display: block !important;
}
.exi-transitional .mol-tabs.accordion-view .nav-tabs {
  padding: 3px 0px;
}
.exi-transitional .mol-tabs.accordion-view .nav-tabs li {
  display: block;
  padding: 0px;
  position: relative;
}
.exi-transitional .mol-tabs.accordion-view .nav-tabs > li > .panel-title {
  font-size: 1.8rem;
  padding: 1rem 2.125em 1rem 0.5rem;
  border: 2px solid #ddd;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.exi-transitional .mol-tabs.accordion-view .tabpanel {
  display: none;
  width: 100%;
  border: 2px solid #ddd;
  box-sizing: border-box;
  border-top: none;
  padding: 10px;
  transition: 300ms ease-in-out;
}
.exi-transitional .mol-tabs.accordion-view .tabpanel.current {
  display: block;
}
.exi-transitional .mol-tabs#tab-container.accordion-view {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .exi-transitional .mol-tabs .panel-title:after {
    content: "\e080";
    font-family: "Glyphicons Halflings";
    position: absolute;
    right: 20px;
    top: 10px;
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1.5rem;
    transform: rotate(90deg);
  }
}
@media (max-width: 767px) {
  .exi-transitional .mol-tabs li.active a:after {
    transform: rotate(-90deg) !important;
    transition: 500ms cubic-bezier(0.44, 0.03, 0.03, 1.01);
  }
}
.exi-transitional .mol-tabs .accFade {
  animation-name: accFade;
  -webkit-animation-name: accFade;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
@keyframes accFade {
  0% {
    background: #fff;
  }
  50% {
    background: #b7b2fc;
  }
  100% {
    background: #fff;
  }
}
.exi-transitional {
  /*******************************************************************************
   * This block targets the outer/wrapping tab container (note the plural form of 'tabS')
   * For the individual <li> elements, see the '.mol-tab' block that follows
   *******************************************************************************/
  /*******************************************************************************
   * This block refers to the individual <li> element in the ul.mol-tabs__list
   * First is tab with (white) BG, then comes tab without background
   *******************************************************************************/
  /*******************************************************************************
   * Overwrites for the 'without-bg' option
   *******************************************************************************/
  /* Yet another IE11 hack */
}
.exi-transitional
  x-tab-container-v2
  > x-button-dropdown.mol-button-dropdown
  > button::after {
  content: "" !important;
}
.exi-transitional .mol-tabs__list {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
.exi-transitional .mol-tabs__panel {
  display: none;
}
.exi-transitional .mol-tabs__panel.active-panel {
  display: block;
}
.exi-transitional .mol-tabs__panel-wrap {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  clear: both;
  position: relative;
  top: -1px;
  z-index: 0;
  -webkit-border-radius: 3px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 3px;
  -moz-border-radius-topleft: 0;
  border-radius: 3px;
  border-top-left-radius: 0;
}
.exi-transitional .mol-tabs__dropdown {
  padding: 5px !important;
}
.exi-transitional .mol-tabs__dropdown::after {
  display: none;
}
.exi-transitional .mol-tabs__dropdown-wrap {
  cursor: pointer;
  float: right;
  padding: 1rem;
}
.exi-transitional .mol-tabs__dropdown-wrap[right] ul[role="menu"] {
  right: 0 !important;
  left: initial;
}
.exi-transitional .mol-tabs__dropdown-menu {
  left: unset !important;
  right: 0 !important;
  top: 50px !important;
}
.exi-transitional .mol-tabs__dropdown-menu .dropdown-header {
  padding: 0.5rem 1.25rem 0 !important;
}
.exi-transitional .mol-tabs__dropdown-menu li .mol-tab__dropdown-link {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  display: block;
  line-height: 2rem;
  padding: 0.5rem 1.25rem !important;
  text-decoration: none;
  width: 100%;
}
.exi-transitional .mol-tab {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-bottom: none;
  display: inline-block;
  float: left;
  list-style-type: none;
  margin: 0 -1px 0 0;
  padding: 0;
  -webkit-border-top-left-radius: 0.3rem;
  -webkit-border-top-right-radius: 0.3rem;
  -moz-border-radius-topleft: 0.3rem;
  -moz-border-radius-topright: 0.3rem;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.exi-transitional .mol-tab__button {
  background: none;
  border: none;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  font-size: 1.8rem;
  padding: 1.2rem 1.6rem;
  pointer: cursor;
  text-decoration: none;
}
.exi-transitional .mol-tab__button:hover,
.exi-transitional .mol-tab__button:active,
.exi-transitional .mol-tab__button:focus {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional .mol-tab__button:focus {
  position: relative;
  z-index: 9999999;
}
.exi-transitional .mol-tab.active-tab {
  position: relative;
  z-index: 100;
}
.exi-transitional .mol-tab.active-tab .mol-tab__button {
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-bottom: 1px solid;
  border-color: #fff;
  /* IE11 fallback */
  border-color: var(--brand-fill-lightest);
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional .mol-tab.empty-tab {
  height: 50px;
  min-width: 10px;
  max-width: 20px;
}
.exi-transitional .without-bg .mol-tab {
  background-color: #eceef1;
}
.exi-transitional .without-bg .mol-tab.active-tab {
  background-color: unset;
  border: 1px solid #5c6368;
  border-bottom: 1px solid #eceef1;
}
.exi-transitional .without-bg .mol-tab.active-tab .mol-tab__button {
  background-color: unset;
  border-bottom: #eceef1;
}
.exi-transitional .without-bg .mol-tabs__panel-wrap {
  background-color: unset;
  border: none;
  border-radius: 0;
  border-top: 1px solid #5c6368;
}
.exi-transitional x-tab-container-v2 .mol-tab.active-tab .mol-tab__button {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.exi-transitional x-tab-container-v2 x-tab {
  display: none;
}
@media all and (-ms-high-contrast: none) {
  .exi-transitional .without-bg .mol-tabs__panel-wrap {
    background-color: transparent;
  }
  .exi-transitional x-tab-container-v2 .mol-tab.active-tab .mol-tab__button {
    background: transparent;
    border-bottom: 1px solid transparent;
  }
}
.exi-transitional .demo-bg-wrap {
  background-color: #eceef1;
  border: 1px solid lightgray;
  padding: 1rem;
}
.exi-transitional .desktop-tabs {
  width: 1000px;
}
.exi-transitional .desktop-tabs .mol-tabs__dropdown-wrap {
  display: none;
}
.exi-transitional .mobile-tabs {
  width: 675px;
}
.exi-transitional .mobile-tabs-sm {
  width: 575px;
}
.exi-transitional .mobile-tabs .panel-body,
.exi-transitional .mobile-tabs-sm .panel-body {
  padding: 15px 15px 0;
}
.exi-transitional .options-box {
  border: 1px solid lightgray;
  padding: 1rem;
  margin-bottom: 1rem;
}

.exi-transitional .mol-accordion .accnav {
  margin: 0 0 2rem 0;
  padding: 0;
}
.exi-transitional .mol-accordion .accordionSubMenu {
  display: none;
}
.exi-transitional .mol-accordion ul .here .tabpanel {
  display: block;
}
.exi-transitional .mol-accordion .level1 {
  list-style-type: none;
  margin: 0 0 0.75rem 0;
}
.exi-transitional .mol-accordion .category {
  background: #ffffff;
  color: #666;
  font-size: 1.8rem;
  padding: 1rem 2.125em 1rem 0.5rem;
  border: 2px solid #ddd;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.exi-transitional .mol-accordion .category:hover {
  background: #eeeeee;
  cursor: pointer;
}
.exi-transitional .mol-accordion .category[aria-expanded="true"] {
  background: #eeeeee;
  color: #2f70a9;
}
.exi-transitional .mol-accordion .category:after {
  content: "\e080";
  font-family: "Glyphicons Halflings";
  position: absolute;
  right: 20px;
  top: 10px;
  width: 1.875rem;
  height: 1.875rem;
  font-size: 1.5rem;
  transform: rotate(90deg);
  transition: 500ms cubic-bezier(0.44, 0.03, 0.03, 1.01);
}
.exi-transitional .mol-accordion .category[aria-expanded="true"]:after {
  transform: rotate(-90deg) !important;
}
.exi-transitional .mol-accordion .expanded {
  display: block;
}
.exi-transitional .mol-accordion .tabpanel {
  width: 100%;
  border: 2px solid #ddd;
  box-sizing: border-box;
  border-top: none;
  line-height: 1.425;
  padding: 10px;
  transition: 300ms ease-in-out;
}
.exi-transitional .mol-accordion .accFade {
  animation-name: accFade;
  -webkit-animation-name: accFade;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
@keyframes accFade {
  0% {
    background: #fff;
  }
  50% {
    background: #b7b2fc;
  }
  100% {
    background: #fff;
  }
}
.exi-transitional .mol-progress-bar {
  margin-bottom: 1.6rem;
}
.exi-transitional .mol-progress-bar .mol-progress-bar--label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
.exi-transitional .mol-progress-bar .progress-bar {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.9);
  letter-spacing: 0.5px;
}
.exi-transitional .mol-progress-bar .prog-seg-one {
  background-color: #94d2ff;
}
.exi-transitional .mol-progress-bar .prog-seg-two {
  background-color: #0069c4;
}

.exi-transitional .demo-container--expand-collapse {
  margin-bottom: 8rem;
}
.exi-transitional .mol-expand-collapse-all .expand-collapse--buttons-wrapper {
  margin-bottom: 2.4rem;
}
.exi-transitional
  .mol-expand-collapse-all
  .expand-collapse--buttons-wrapper
  .btn-expand-all,
.exi-transitional
  .mol-expand-collapse-all
  .expand-collapse--buttons-wrapper
  .btn-collapse-all {
  position: relative;
}
@media (max-width: 1000px) {
  .exi-transitional
    .mol-expand-collapse-all
    .expand-collapse--buttons-wrapper
    .btn-expand-all:after,
  .exi-transitional
    .mol-expand-collapse-all
    .expand-collapse--buttons-wrapper
    .btn-collapse-all:after {
    content: "";
    padding: 16px 30px;
    position: absolute;
    left: 4px;
    bottom: -14px;
  }
}
.exi-transitional
  .mol-expand-collapse-all
  .expand-collapse--buttons-wrapper
  button:first-of-type {
  margin-right: 2rem;
}
.exi-transitional
  .mol-expand-collapse-all
  + .mol-accordion
  .level1
  > .accordionSubMenu {
  display: block;
}

/* FOR DEMO USE ONLY */
.demo-container {
  padding: 1rem;
}

.exi-transitional .org-card--rows {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 600px) {
  .exi-transitional .org-card--rows {
    max-width: 1260px;
  }
}
.exi-transitional .org-card {
  margin: 0 auto;
  min-width: 200px;
  position: relative;
}
.exi-transitional .org-card .checkbox-toggle--lg {
  position: absolute;
  z-index: 1;
  left: 1rem;
  top: 0.5rem;
}
.exi-transitional .org-card .org-card--back .org-card--body-heading {
  margin-top: 1rem;
}
.exi-transitional .org-card .org-card--back .org-card--body-heading .btn-flip {
  top: 0;
}
@media (min-width: 600px) {
  .exi-transitional .org-card {
    max-width: calc(46% - 1em);
    margin: 1rem 1rem 2rem 1rem;
  }
}
@media (min-width: 1000px) {
  .exi-transitional .org-card {
    max-width: calc(23% - 1rem);
  }
}
.exi-transitional .org-card .org-card--front,
.exi-transitional .org-card .org-card--back {
  background: #333;
  /* IE11 fallback */
  background: var(--brand-text);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-top: 0.2em solid;
  border-top-color: #10069f;
  /* IE11 fallback */
  border-top-color: var(--brand-interactive);
  border-radius: 4px;
  border-radius: 4px;
  margin: 0 3rem 0 0;
  padding: 0;
  width: 100%;
}
.exi-transitional .org-card--body {
  padding: 1.8rem;
}
.exi-transitional .org-card--body-heading {
  padding-right: 2rem;
  margin-bottom: 1.4rem;
}
.exi-transitional .org-card--body-heading h4 {
  font-size: 1.8rem;
}
.exi-transitional .org-card--body-content-wrapper {
  margin-bottom: 1.5rem;
}
.exi-transitional .org-card--body-subtitle {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 0.25rem 0;
}
.exi-transitional .org-card--body-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.exi-transitional .org-card--picture {
  position: relative;
}
.exi-transitional .org-card--picture img {
  height: 19rem;
  width: 100%;
  object-fit: cover;
  overflow: hidden;
}
.exi-transitional .org-card--picture a {
  display: block;
}
.exi-transitional .org-card .btn-flip {
  border: none;
  padding: 0 0.675em;
  position: absolute;
  top: -2px;
  right: 0;
  border-radius: 0 3px 0 4px;
  height: 3.2rem;
  width: auto;
}
.exi-transitional .org-card .jzb-glyph-glyphicon-flip:before {
  content: "\e604";
}
.exi-transitional .org-card .btn-flip.animate .glyphicon {
  line-height: 1.2em;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.2em;
}
.exi-transitional .org-card .btn-group,
.exi-transitional .org-card .dropdown-toggle {
  width: 100%;
}
.exi-transitional .org-card .dropdown-toggle:hover {
  cursor: pointer;
}
.exi-transitional .org-card .dropdown-menu > li {
  padding: 0.6rem 0;
}
.exi-transitional .org-card .dropdown-menu > li > span {
  padding-left: 1.45rem;
}
.exi-transitional .org-card .dropdown-menu > li .glyphicon {
  margin-right: 0.35rem;
}
.exi-transitional .org-card--tag {
  visibility: hidden;
  width: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.7em;
  color: white;
  padding: 0.1em 0.4em;
  border-top-left-radius: 4px;
}
.exi-transitional .org-card--tag-danger {
  background: #d7143b;
  /* IE11 fallback */
  background: var(--brand-danger);
}
.exi-transitional .org-card--tag-warning {
  background: #a35a00;
  /* IE11 fallback */
  background: var(--brand-warning);
}
.exi-transitional .org-card--tag-success {
  background: #457a00;
  /* IE11 fallback */
  background: var(--brand-success);
}

.exi-transitional .mol-on-page-anchors {
  background: none repeat scroll 0 0 #f5f5f5;
  border-radius: 0.4em;
  margin: 1em 0 2em 0;
  padding: 1em;
  position: relative;
}
.exi-transitional .mol-on-page-anchors.mol-on-page-anchor-vertical {
  background: none;
}
.exi-transitional .mol-on-page-anchors.mol-on-page-anchor-vertical:after {
  content: none;
}
.exi-transitional .mol-on-page-anchors:after {
  content: "";
  border-left: 1.3em solid transparent;
  border-right: 1.3em solid transparent;
  border-top: 1em solid #f5f5f5;
  bottom: -1em;
  height: 0;
  left: 3em;
  position: absolute;
  width: 0;
}
.exi-transitional .mol-on-page-anchors .mol-on-page-anchors--heading {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: top;
}
@media (min-width: 825px) {
  .exi-transitional .mol-on-page-anchors .mol-on-page-anchors--heading {
    vertical-align: inherit;
  }
}
.exi-transitional .mol-on-page-anchors ul.mol-on-page-anchors--list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.exi-transitional
  .mol-on-page-anchors
  ul.mol-on-page-anchors--list
  .mol-on-page-anchors--list-item {
  display: block;
  margin: 0;
  padding: 0;
}
@media (min-width: 825px) {
  .exi-transitional
    .mol-on-page-anchors
    ul.mol-on-page-anchors--list
    .mol-on-page-anchors--list-item {
    display: inline-block;
  }
}
@media (min-width: 825px) {
  .exi-transitional
    .mol-on-page-anchors
    ul.mol-on-page-anchors--list
    .mol-on-page-anchors--list-item:not(:last-of-type):after {
    content: "";
    background: #cccccc;
    display: inline-block;
    height: 1.25rem;
    margin: 0 0.95rem;
    width: 2px;
    vertical-align: middle;
  }
}
.exi-transitional .mol-on-page-anchors ul.mol-on-page-anchors-vertical--list {
  background: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.exi-transitional
  .mol-on-page-anchors
  ul.mol-on-page-anchors-vertical--list
  .mol-on-page-anchors--list-item {
  display: block;
  margin: 0;
  padding: 0;
}
.exi-transitional .demo-section-wrapper {
  margin: 10% 0;
}

.exi-transitional {
  /*******************************************************
  * START: Sample content formatting.
  * Not needed for component
  *******************************************************/
  /*******************************************************
  * END: Sample content formatting.
  *******************************************************/
}
.exi-transitional .mol-call-out {
  border-radius: 0.3rem;
  margin-bottom: 1.6rem;
  padding: 1.2rem 1.2rem 0 1.2rem;
}
.exi-transitional .mol-call-out--white {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .mol-call-out--gray {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
}
.exi-transitional .mol-call-out > h4 {
  margin-bottom: 1.2rem;
}
.exi-transitional .mol-call-out .col {
  width: 48%;
}
.exi-transitional .outer-wrap {
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  padding: 2rem;
}
.exi-transitional .outer-wrap.gray-bg {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
}
.exi-transitional .outer-wrap.white-bg {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
}
.exi-transitional .outer-wrap .mol-call-out {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 1rem;
}

.exi-transitional .modal.mol-modal .mol-download-excel {
  height: auto;
  max-height: auto;
  min-height: auto;
}
.exi-transitional .modal.mol-modal .mol-download-excel__alert {
  position: relative;
}
.exi-transitional .modal.mol-modal .mol-download-excel__alert button.mol-close {
  position: absolute;
  right: 10px;
}
.exi-transitional .modal.mol-modal .mol-download-excel__count {
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  color: #767676;
}
.exi-transitional .modal.mol-modal .mol-download-excel__count {
  margin-bottom: 2rem !important;
}
.exi-transitional .modal.mol-modal .mol-download-excel__column {
  display: inline-block;
  float: left;
  width: 50%;
}
@media all and (max-width: 525px) {
  .exi-transitional .modal.mol-modal .mol-download-excel__column {
    display: block;
    float: unset;
    width: 100%;
  }
}
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__column
  .checkbox-toggle--lg:not(last-of-type) {
  margin-bottom: 2rem;
}
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__column
  .columnsFieldset {
  height: 340px;
  overflow-y: auto;
  padding: 0;
}
@media all and (max-width: 525px) {
  .exi-transitional
    .modal.mol-modal
    .mol-download-excel__column
    .columnsFieldset {
    height: auto;
    overflow-y: unset;
  }
}
.exi-transitional .modal.mol-modal .mol-download-excel__column x-input-checkbox,
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__column
  .radio-button--wrapper {
  line-height: 3rem;
}
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__column--right
  .columnsFieldset {
  padding: 5px;
}
.exi-transitional .modal.mol-modal .mol-download-excel__column--right button,
.exi-transitional .modal.mol-modal .mol-download-excel__column--right h5 {
  margin-bottom: 1rem;
  margin-left: 5px;
}
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__column--right
  .mol-download-excel__list-wrap
  input {
  vertical-align: initial;
}
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__list-wrap
  x-input-checkbox {
  margin-bottom: 0;
}
.exi-transitional
  .modal.mol-modal
  .mol-download-excel__options
  .fpo-checkbox-wrapper {
  margin: 0;
}
.exi-transitional .modal.mol-modal .mol-download-excel__row:not(last-of-type) {
  margin-bottom: 2rem;
}
.exi-transitional .modal.mol-modal .mol-download-excel__select-all {
  margin-bottom: 1rem;
}
.exi-transitional .modal.mol-modal .mol-download-excel__separate select {
  width: 85%;
}

.exi-transitional .mol-scroll-to-view {
  font-size: 1.2rem;
  font-weight: 400;
  color: #767676;
  text-align: center;
}
.exi-transitional .mol-scroll-to-view .glyphicon-triangle-bottom {
  font-size: 0.75rem;
  margin-left: 2px;
}
.exi-transitional .scroll .mol-full-list-table {
  width: 100%;
  table-layout: fixed;
}
.exi-transitional .scroll .mol-full-list-table > tbody {
  display: block;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 400px;
  width: 100%;
}
.exi-transitional .scroll .mol-full-list-table tbody tbody {
  height: auto;
  overflow: hidden;
}
.exi-transitional .scroll .mol-full-list-table thead tr {
  display: block;
  width: 100%;
}
.exi-transitional .scroll .mol-full-list-table > tbody tr {
  display: table;
  width: 100%;
}
.exi-transitional .scroll .mol-full-list-table > tbody tr td {
  width: 33%;
}
.exi-transitional .scroll .mol-full-list-table thead tr th,
.exi-transitional .scroll .scroll .mol-full-list-table > tbody tr > td {
  width: 33% !important;
  float: left;
}
.exi-transitional .scroll .mol-full-list-table > tbody tr > td:last-of-type {
  width: 34% !important;
}
.exi-transitional
  .scroll
  table.mol-full-list-table
  tr.footable-detail-row
  table.footable-details {
  width: 33%;
}
.exi-transitional
  .scroll
  table.mol-full-list-table
  tr.footable-detail-row
  table.footable-details
  th {
  width: 20%;
}
.exi-transitional
  .scroll
  table.mol-full-list-table
  tr.footable-detail-row
  table.footable-details
  td {
  width: auto;
}

.exi-transitional .toolbar__button {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border: none;
  border-radius: 3px;
  display: inline-block;
  height: 32px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
}
.exi-transitional .toolbar__button:hover {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
}
.exi-transitional .toolbar__button[disabled] {
  cursor: not-allowed;
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
}
.exi-transitional .toolbar__button[disabled] .mol-delete,
.exi-transitional .toolbar__button[disabled] .mol-delete:hover,
.exi-transitional .toolbar__button[disabled] .mol-delete:focus,
.exi-transitional
  .toolbar__button[disabled]
  .atom-button.atom-button--text.mol-delete,
.exi-transitional
  .toolbar__button[disabled]
  .atom-button.atom-button--text.mol-delete:hover,
.exi-transitional
  .toolbar__button[disabled]
  .atom-button.atom-button--text.mol-delete:focus,
.exi-transitional .toolbar__button[disabled] .color-text-danger,
.exi-transitional .toolbar__button[disabled] .color-text-danger:hover,
.exi-transitional .toolbar__button[disabled] .color-text-danger:focus {
  color: #e2b9c1;
  /* IE11 fallback */
  color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 0.5),
    calc(var(--brand-danger-l) * 1.75)
  );
}
.exi-transitional .toolbar__icon {
  font-size: 1.4rem;
  position: relative;
  top: 2px;
}
.exi-transitional .toolbar__wrap {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  margin-bottom: 1.2rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 0.3rem;
  display: inline-block;
  font-size: 1rem;
  height: 38px;
  padding: 2px;
}
.exi-transitional .toolbar__wrap .separator {
  border-left-color: #dcdcdc;
  /* IE11 fallback */
  border-left-color: var(--brand-border-light);
  border-left-width: 1px;
  border-left-style: solid;
  display: inline-block;
  height: 90%;
  position: relative;
  top: -1px;
  vertical-align: bottom;
  width: 1px;
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  span.toolbar__icon {
  display: inline-block;
  margin-right: 0.5rem;
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  div.toolbar__button-text {
  display: inline-block;
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"] {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li
  a[role="menuitem"]:hover {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li[role="heading"] {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  font-size: 1.2rem !important;
  padding: 0 1.2rem;
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li[role="heading"]:not(first-of-type) {
  padding-top: 0.5rem;
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li[role="none"] {
  font-size: 1.4rem !important;
}
.exi-transitional
  .toolbar__wrap
  .mol-button-dropdown
  ul[role="menu"]
  li[role="separator"] {
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .toolbar__wrap .mol-button-dropdown button {
  border: none;
  font-size: 1rem !important;
  height: 32px;
}

/*
TABLE OF CONTENTS
-
*/
/*
TABLE OF CONTENTS
-
*/
.exi-transitional .mol-search2 {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  margin: 0 0 1.2rem 1.2rem;
  display: inline-flex;
  flex-wrap: nowrap;
  height: 38px;
  position: relative;
}

.exi-transitional .mol-search2:after {
  clear: both;
}

/* Search options button dropdown */
.exi-transitional .mol-search2 x-button-dropdown.mol-button-dropdown button {
  color: #10069f !important;
  /* IE11 fallback */
  color: var(--brand-interactive) !important;
  background: #fff !important;
  /* IE11 fallback */
  background: var(--brand-fill-lightest) !important;
  border: 1px solid var(--brand-border-light);
  border-radius: 0.3rem 0 0 0.3rem;
  height: 38px;
  padding: 0.35rem;
  padding-right: 0;
  width: 45px;
}

.exi-transitional
  .mol-search2
  x-button-dropdown.mol-button-dropdown
  button
  span.glyphicon-search {
  font-size: 2.25rem;
}

/* Search input field */
.exi-transitional .mol-search2 .mol-text-input {
  max-width: 40rem;
  margin: 0;
}

/* Adjust input to match height of default button */
.exi-transitional .mol-search2 .mol-text-input input {
  height: 38px;
  padding: 0.7rem 1.2rem;
  line-height: 1.3;
  border-left: none;
  /*
  border-right: none;
  border-radius: 0;
  */
  border-radius: 0 0.3rem 0.3rem 0;
}

/* Add padding to account for inner controls */
.exi-transitional .mol-search2.mol-search--activated .mol-text-input input {
  padding-right: 15rem;
}

/* Square off top and bottom left corners if the input field isn't the first visible element */
.exi-transitional .mol-search2 div:first-child input {
  /*
  border-radius: .3rem 0 0 .3rem;
  border-left: 1px solid #d2d6db;
  */
  border-radius: 0.3rem;
  border: 1px solid #d2d6db;
}

/* Search results indicator */
.exi-transitional .mol-search2 .mol-search--indicator {
  position: absolute;
  top: 50%;
  right: 9.5rem;
  /* orig: 13.15rem */
  margin-top: -0.75rem;
  font-size: 1.2rem;
  color: #767676;
}

/* Previous/Next result button icon */
.exi-transitional .mol-search2 .mol-search--prev::after,
.exi-transitional .mol-search2 .mol-search--next::after {
  font-family: "Glyphicons Halflings";
  content: "\e072";
}

/* Search results buttons general */
.exi-transitional .mol-search2 .mol-search--prev,
.exi-transitional .mol-search2 .mol-search--next,
.exi-transitional .mol-search2 .mol-search--remove {
  position: absolute;
  top: 50%;
  font-size: 1.8rem;
  margin-top: -1.1rem;
  padding-right: 0.7rem;
  text-decoration: none;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  border: none;
  border-right: 1px solid #eceef1;
  border-radius: 0;
}

/* Prev result */
.exi-transitional .mol-search2 .mol-search--prev {
  right: 6.2rem;
  /* orig 10.2rem */
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* Next result */
.exi-transitional .mol-search2 .mol-search--next {
  right: 3.2rem;
  /* orig 7.2rem */
}

/* Remove search terms */
.exi-transitional .mol-search2 .mol-search--remove {
  /* right: 4rem; */
  right: 0.25rem;
  margin-top: -1rem;
  border: none;
  padding: 0 0.5rem;
}

.exi-transitional .mol-search2 .mol-search--remove::after {
  font-family: "Glyphicons Halflings";
  content: "\e088";
}

/*  */
.exi-transitional .mol-search2 .mol-search--search {
  padding: 0.5rem 0.7rem 0.2rem 0.9rem;
  border-radius: 0 0.3rem 0.3rem 0;
}

.exi-transitional .mol-search2 .mol-search--search::before {
  font-family: "Glyphicons Halflings";
  content: "\e003";
  font-size: 1.8rem;
}

.exi-transitional .mol-search {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}

.exi-transitional .mol-search:after {
  clear: both;
}

/* Search options button dropdown */
.exi-transitional .mol-search x-button-dropdown.mol-button-dropdown button {
  position: relative;
  padding: 0.45rem 1.8rem 0.45rem 0.8rem;
  border-radius: 0.3rem 0 0 0.3rem;
}

.exi-transitional
  .mol-search
  x-button-dropdown.mol-button-dropdown
  button::before {
  font-family: "Glyphicons Halflings";
  content: "\e003";
  font-size: 2rem;
}

.exi-transitional
  .mol-search
  x-button-dropdown.mol-button-dropdown
  button::after {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  margin-top: -0.25rem;
}

.exi-transitional
  .mol-search2
  x-button-dropdown.mol-button-dropdown
  > button::after {
  position: relative;
  left: -5px;
  top: -5px;
}

/* Search input field */
.exi-transitional .mol-search .mol-text-input {
  max-width: 40rem;
  height: auto;
  margin: 0;
}

/* Adjust input to match height of default button */
.exi-transitional .mol-search .mol-text-input input {
  height: auto;
  padding: 0.8rem 15rem 0.8rem 1.2rem;
  line-height: 1.3;
}

/* Square off top and bottom left corners if the input field isn't the first visible element */
.exi-transitional .mol-search div:nth-child(2):not(:first-child) input {
  border-radius: 0 0.3rem 0.3rem 0;
  border-left: none;
}

/* Search results indicator */
.exi-transitional .mol-search .mol-search--indicator {
  position: absolute;
  top: 50%;
  right: 9.75rem;
  margin-top: -0.75rem;
  font-size: 1.2rem;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}

/* Previous/Next result button icon */
.exi-transitional .mol-search .mol-search--prev::after,
.exi-transitional .mol-search .mol-search--next::after {
  font-family: "Glyphicons Halflings";
  content: "\e072";
}

/* Search results buttons general */
.exi-transitional .mol-search .mol-search--prev,
.exi-transitional .mol-search .mol-search--next,
.exi-transitional .mol-search .mol-search--remove {
  position: absolute;
  top: 50%;
  font-size: 1.8rem;
  margin-top: -1.1rem;
  padding-right: 0.5rem;
  text-decoration: none;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  border: none;
  border-right: 1px solid #eceef1;
  border-radius: 0;
}

/* Prev result */
.exi-transitional .mol-search .mol-search--prev {
  right: 6.6rem;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/* Next result */
.exi-transitional .mol-search .mol-search--next {
  right: 3.6rem;
}

/* Remove search terms */
.exi-transitional .mol-search .mol-search--remove {
  right: 0.5rem;
  margin-top: -1rem;
  border: none;
  padding: 0 0.5rem;
}

.exi-transitional .mol-search .mol-search--remove::after {
  font-family: "Glyphicons Halflings";
  content: "\e088";
}

/* Import all molecule SASS files */
.exi-transitional .mol-badge {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  min-width: 2rem;
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--brand-accent-light);
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.2rem 0.6rem;
  border-radius: 1.2rem;
}
.exi-transitional .mol-badge.mol-badge__success {
  background: #a4eb47;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.8),
    calc(var(--brand-success-l) * 2.5)
  );
}
.exi-transitional .mol-badge.mol-badge__warning {
  background: #ffac47;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1),
    calc(var(--brand-warning-l) * 2)
  );
}
.exi-transitional .mol-badge.mol-badge__danger {
  background: #ff8099;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 1.63)
  );
}
.exi-transitional .mol-badge.mol-badge__sm {
  font-size: 0.9rem;
  padding: 0.1rem 0.4rem;
  border-radius: 1rem;
}

/*
TABLE OF CONTENTS
- General
- List Items
  - Item vertical Lines (future styling commented out)
    - Default
    - Current
    - Success
  - Progress Circle (future styling commented out)
    - Default
    - Current
    - Success
*/
.exi-transitional {
  /* GENERAL */
  /*---------------------------------*/
  /* LIST ITEMS */
  /* Progress Line - Default */
  /* Progress Line - Current */
  /* Progress Line - Success */
  /* Move the line down for the first list item so it doesn't stick up above the first circle */
  /* Remove the line for the last list item */
  /*---------------------------------*/
  /* ENHANCEMENTS */
}
.exi-transitional .mol-progress-trail {
  list-style-type: none;
  margin: 0 0 1.6rem 0;
  padding: 0;
}
.exi-transitional .mol-progress-trail > li {
  position: relative;
  margin: 0;
  font-size: 1.2rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  padding: 0 0 1.6rem 2.4rem;
  background: #767676;
  /* IE11 fallback */
  background: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  background: -moz-linear-gradient(
    left,
    #ffffff 0%,
    #ffffff 46%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      47%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #ffffff 46%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      47%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 46%,
    #767676 47%,
    #767676 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  background-size: 16px 100%;
  background-repeat: no-repeat;
  background-position: 0 0;
  min-height: 50px;
}
.exi-transitional .mol-progress-trail > .mol-progress-trail__item--current {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  line-height: 1.2;
}
.exi-transitional .mol-progress-trail > .mol-progress-trail__item--success {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  background: -moz-linear-gradient(
    left,
    #ffffff 0%,
    #ffffff 46%,
    #007504 47%,
    #007504 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: -webkit-linear-gradient(
    left,
    #ffffff 0%,
    #ffffff 46%,
    #007504 47%,
    #007504 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 46%,
    #007504 47%,
    #007504 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
  background-size: 25px 100%;
  background-repeat: no-repeat;
  background-position: -4px 0;
}
.exi-transitional .mol-progress-trail .mol-progress-trail__item--success a {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional .mol-progress-trail > li:first-child {
  background-position: -4px 3px;
}
.exi-transitional .mol-progress-trail > li:last-child {
  background: none;
}
.exi-transitional .mol-progress-trail--icon {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  left: -4px;
  position: absolute;
}
.exi-transitional .mol-progress-trail__item--success .mol-progress-trail--icon {
  font-size: 20px;
}
.exi-transitional
  .mol-progress-trail__item--current
  .mol-progress-trail--icon
  .mol-progress-trail--icon-inner,
.exi-transitional
  .mol-progress-trail__item--upcoming
  .mol-progress-trail--icon
  .mol-progress-trail--icon-inner {
  border: 2px solid #ffffff;
  border-radius: 100%;
  font-size: 1.2rem;
  font-weight: normal;
  height: 20px;
  left: -3px;
  line-height: 1.6rem;
  text-align: center;
  width: 20px;
}
.exi-transitional
  .mol-progress-trail__item--current
  .mol-progress-trail--icon
  .mol-progress-trail--icon-inner {
  border-color: #457a00;
  /* IE11 fallback */
  border-color: var(--brand-success);
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
  font-weight: bold;
}
.exi-transitional
  .mol-progress-trail__item--upcoming
  .mol-progress-trail--icon
  .mol-progress-trail--icon-inner {
  border-color: #767676;
  /* IE11 fallback */
  border-color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  border-width: 1px;
  padding-top: 1px;
}
.exi-transitional .mol-progress-trail__text {
  font-size: 1.4rem;
  position: relative;
  top: 3px;
}
.exi-transitional .mol-collapsible-details {
  padding-bottom: 1.5rem;
  top: 0.5rem;
}
.exi-transitional
  .mol-collapsible-details
  .mol-collapsible-details--body
  .mol-progress-trail__detail-list {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  font-size: 1.2rem;
  list-style-type: none;
  padding: 0;
}
.exi-transitional
  .mol-collapsible-details
  .mol-collapsible-details--body
  .mol-progress-trail__detail-list
  .mol-progress-trail__detail-item {
  margin-bottom: 0.5rem;
}
.exi-transitional .mol-progress-trail.horizontal > .mol-progress-trail__item {
  background-position-y: 0 !important;
  background-repeat: no-repeat !important;
  background-size: 100% 25px !important;
  display: inline-block;
  float: left;
  margin-bottom: 1rem;
  width: 200px;
  padding: 2.75rem 2rem 0 0;
}
.exi-transitional
  .mol-progress-trail.horizontal
  > .mol-progress-trail__item:last-of-type {
  background: none;
  width: auto;
}
.exi-transitional
  .mol-progress-trail.horizontal
  > .mol-progress-trail__item
  .mol-progress-trail--icon {
  top: 1px;
}
.exi-transitional
  .mol-progress-trail.horizontal
  > .mol-progress-trail__item--success {
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #ffffff 46%,
    var(--brand-success) 47%,
    var(--brand-success) 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ffffff 46%,
    var(--brand-success) 47%,
    var(--brand-success) 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: linear-gradient(
    to top,
    #ffffff 0%,
    #ffffff 46%,
    #007504 47%,
    #007504 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: linear-gradient(
    to top,
    #ffffff 0%,
    #ffffff 46%,
    var(--brand-success) 47%,
    var(--brand-success) 53%,
    #ffffff 54%,
    #ffffff 100%
  );
}
.exi-transitional
  .mol-progress-trail.horizontal
  > .mol-progress-trail__item--upcoming,
.exi-transitional
  .mol-progress-trail.horizontal
  > .mol-progress-trail__item--current {
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #ffffff 46%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      47%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #ffffff 46%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      47%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: linear-gradient(
    to top,
    #ffffff 0%,
    #ffffff 46%,
    #767676 47%,
    #767676 53%,
    #ffffff 54%,
    #ffffff 100%
  );
  background: linear-gradient(
    to top,
    #ffffff 0%,
    #ffffff 46%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      47%,
    hsl(
        var(--brand-text-h),
        calc(var(--brand-text-s) * 1),
        calc(var(--brand-text-l) * 2.315)
      )
      53%,
    #ffffff 54%,
    #ffffff 100%
  );
}
.exi-transitional
  .mol-progress-trail.horizontal
  > .mol-progress-trail__item--upcoming
  .mol-progress-trail--icon-inner {
  padding: 1px 1px 0 0;
}

/*
TABLE OF CONTENTS
- General
  -
- Sizes
*/
.exi-transitional .mol-comment-indicator {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 1.3rem;
  line-height: 1;
  margin-right: 0.5rem;
  text-decoration: none;
}
.exi-transitional .mol-comment-indicator::before {
  position: absolute;
  top: 0.12rem;
  left: 0;
  font-family: "jzb-icon-set";
  content: "\e621";
  font-size: 2.5rem;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  z-index: 1;
}
.exi-transitional .mol-comment-indicator::after {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Glyphicons Halflings";
  content: "\e111";
  font-size: 2.5rem;
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-fill-lightest);
  z-index: 0;
}
.exi-transitional .mol-comment-indicator .mol-comment-indicator__number {
  position: absolute;
  top: 0.2rem;
  left: 0.25rem;
  width: 100%;
  text-align: center;
  margin: 0.15rem 0 0 0;
  font-size: 1.2rem;
  z-index: 2;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional
  .mol-comment-indicator.mol-comment-indicator__unread
  .mol-comment-indicator__dot {
  position: absolute;
  top: -0.3rem;
  right: -0.75rem;
  width: 1.1rem;
  height: 1.1rem;
  text-align: right;
  z-index: 2;
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--brand-accent-light);
  border-radius: 50% 50% 50% 50%;
}
.exi-transitional .atom-button.atom-button--primary .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary
  .mol-comment-indicator,
.exi-transitional .atom-button.atom-button--success .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success
  .mol-comment-indicator,
.exi-transitional .atom-button.atom-button--warning .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning
  .mol-comment-indicator,
.exi-transitional .atom-button.atom-button--danger .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger
  .mol-comment-indicator,
.exi-transitional .atom-button.btn-primary .mol-comment-indicator,
.exi-transitional .atom-button.btn-success .mol-comment-indicator,
.exi-transitional .atom-button.btn-warning .mol-comment-indicator,
.exi-transitional .atom-button.btn-danger .mol-comment-indicator,
.exi-transitional .btn.atom-button--primary .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary
  .mol-comment-indicator,
.exi-transitional .btn.atom-button--success .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success
  .mol-comment-indicator,
.exi-transitional .btn.atom-button--warning .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning
  .mol-comment-indicator,
.exi-transitional .btn.atom-button--danger .mol-comment-indicator,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger
  .mol-comment-indicator,
.exi-transitional .btn.btn-primary .mol-comment-indicator,
.exi-transitional .btn.btn-success .mol-comment-indicator,
.exi-transitional .btn.btn-warning .mol-comment-indicator,
.exi-transitional .btn.btn-danger .mol-comment-indicator {
  margin-right: 0.8rem;
}
.exi-transitional
  .atom-button.atom-button--primary
  .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary
  .mol-comment-indicator::before,
.exi-transitional
  .atom-button.atom-button--success
  .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success
  .mol-comment-indicator::before,
.exi-transitional
  .atom-button.atom-button--warning
  .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning
  .mol-comment-indicator::before,
.exi-transitional
  .atom-button.atom-button--danger
  .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger
  .mol-comment-indicator::before,
.exi-transitional .atom-button.btn-primary .mol-comment-indicator::before,
.exi-transitional .atom-button.btn-success .mol-comment-indicator::before,
.exi-transitional .atom-button.btn-warning .mol-comment-indicator::before,
.exi-transitional .atom-button.btn-danger .mol-comment-indicator::before,
.exi-transitional .btn.atom-button--primary .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary
  .mol-comment-indicator::before,
.exi-transitional .btn.atom-button--success .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success
  .mol-comment-indicator::before,
.exi-transitional .btn.atom-button--warning .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning
  .mol-comment-indicator::before,
.exi-transitional .btn.atom-button--danger .mol-comment-indicator::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger
  .mol-comment-indicator::before,
.exi-transitional .btn.btn-primary .mol-comment-indicator::before,
.exi-transitional .btn.btn-success .mol-comment-indicator::before,
.exi-transitional .btn.btn-warning .mol-comment-indicator::before,
.exi-transitional .btn.btn-danger .mol-comment-indicator::before {
  display: none;
}
.exi-transitional
  .atom-button.atom-button--primary
  .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary
  .mol-comment-indicator::after,
.exi-transitional
  .atom-button.atom-button--success
  .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success
  .mol-comment-indicator::after,
.exi-transitional
  .atom-button.atom-button--warning
  .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning
  .mol-comment-indicator::after,
.exi-transitional
  .atom-button.atom-button--danger
  .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger
  .mol-comment-indicator::after,
.exi-transitional .atom-button.btn-primary .mol-comment-indicator::after,
.exi-transitional .atom-button.btn-success .mol-comment-indicator::after,
.exi-transitional .atom-button.btn-warning .mol-comment-indicator::after,
.exi-transitional .atom-button.btn-danger .mol-comment-indicator::after,
.exi-transitional .btn.atom-button--primary .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary
  .mol-comment-indicator::after,
.exi-transitional .btn.atom-button--success .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success
  .mol-comment-indicator::after,
.exi-transitional .btn.atom-button--warning .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning
  .mol-comment-indicator::after,
.exi-transitional .btn.atom-button--danger .mol-comment-indicator::after,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger
  .mol-comment-indicator::after,
.exi-transitional .btn.btn-primary .mol-comment-indicator::after,
.exi-transitional .btn.btn-success .mol-comment-indicator::after,
.exi-transitional .btn.btn-warning .mol-comment-indicator::after,
.exi-transitional .btn.btn-danger .mol-comment-indicator::after {
  font-size: 2rem;
}
.exi-transitional
  .atom-button.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.btn-primary
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.btn-success
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.btn-warning
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .atom-button.btn-danger
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.btn-primary
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.btn-success
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.btn-warning
  .mol-comment-indicator
  .mol-comment-indicator__number,
.exi-transitional
  .btn.btn-danger
  .mol-comment-indicator
  .mol-comment-indicator__number {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  top: 0.1rem;
  left: 0.1rem;
}
.exi-transitional
  .atom-button.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .atom-button.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.btn-primary
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.btn-success
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.btn-warning
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .atom-button.btn-danger
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--primary
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--success
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--warning
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  x-input-file[x-input]
  .file-input-inner-wrap
  input[type="file"]:disabled
  + .btn.atom-button.atom-button--danger
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.btn-primary
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.btn-success
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.btn-warning
  .mol-comment-indicator
  .mol-comment-indicator__unread::before,
.exi-transitional
  .btn.btn-danger
  .mol-comment-indicator
  .mol-comment-indicator__unread::before {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-fill-lightest);
}

/* Import all advanced filter SASS files */
.exi-transitional .mol-advanced-filter-toggle {
  vertical-align: middle;
  margin: 0 0 0.8rem 0;
  padding: 0;
}
.exi-transitional .mol-advanced-filter-toggle button {
  padding: 0;
}
.exi-transitional .mol-advanced-filter-toggle div.entities-displayed {
  display: block;
  margin-left: 1.76rem;
  font-size: 1rem;
  text-transform: lowercase;
}

/*
TABLE OF CONTENTS
- General
- Buttons
- Bugs
*/
.exi-transitional {
  /* GENERAL */
  /* Bugs */
  /* 156895: http://tfs.jenzabar.net:8080/tfs/DefaultCollection/EX_Scrum/_workitems/edit/156895 */
}
.exi-transitional .org-advanced-filter .mol-advanced-filter-control-bar {
  display: block;
  font-size: 1.2rem;
  padding-bottom: 1.2rem;
  /* BUTTONS */
}
.exi-transitional
  .org-advanced-filter
  .mol-advanced-filter-control-bar
  .atom-button.atom-button--xs:last-of-type {
  margin: 0 0 0 0.8rem;
}
.exi-transitional
  .advanced-filter-input-set
  > x-filter
  > x-input-select2
  > label {
  font-weight: normal;
  margin-left: 5px;
  vertical-align: text-bottom;
}

/* TABLE OF CONTENTS
- General
- Inner Panel
- Editing
- Input-specific Styling
- Saved Filters Table
*/
.exi-transitional .org-advanced-filter {
  /* Bug 189231 */
}
.exi-transitional
  .org-advanced-filter
  x-advanced-filter-saved-filters-list-v3.mol-advanced-filter-saved-filters {
  margin-bottom: 1.2rem;
  /* Bug 189231 - spacing under edit */
}
.exi-transitional
  .org-advanced-filter
  x-advanced-filter-saved-filters-list-v3.mol-advanced-filter-saved-filters.x-advanced-filter-saved-filters-edit {
  padding-top: 1rem;
}
.exi-transitional
  .org-advanced-filter
  x-advanced-filter-saved-filters-list-v3.mol-advanced-filter-saved-filters.x-advanced-filter-saved-filters-edit
  .x-advanced-filter-saved-filters-list-done-editing {
  top: -5px;
}
.exi-transitional
  .org-advanced-filter
  x-advanced-filter-saved-filters-list-v3.mol-advanced-filter-saved-filters::after {
  display: block;
  content: "";
  clear: both;
}
.exi-transitional .org-advanced-filter x-advanced-filter-body-v3 {
  border-top: none;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters {
  position: relative;
  margin: 0;
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
  margin: 0 0 1.6rem 0;
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .panel-body {
  padding: 2rem 1.2rem 1.2rem 1.2rem;
  padding-bottom: 0;
  background: none;
  border: none;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .panel-body
  h4,
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .panel-body
  h4.label {
  font-size: 1.4rem;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .panel-footer {
  padding: 0 1.2rem 1.2rem 1.2rem;
  background: none;
  border: none;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .saved-filter-editing {
  position: absolute;
  top: 1.2rem;
  right: 1.2rem;
}
@media (max-width: 78em) {
  .exi-transitional
    .org-advanced-filter
    .panel.mol-panel.mol-advanced-filter-saved-filters
    .saved-filter-editing {
    position: relative;
    display: block;
    top: 0;
    left: 0;
    margin-bottom: 0.8rem;
  }
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .mol-select-input,
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .mol-input-text,
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .checkbox {
  margin: 0 0 1.2rem 0;
  padding: 0;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr:nth-child(2) {
  border-top: none;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr
  th,
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr
  td {
  padding: 0.8rem 0;
  border: none;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr
  td:last-child {
  text-align: right;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr
  td
  .btn.btn-link {
  padding: 0;
}
.exi-transitional
  .org-advanced-filter
  .panel.mol-panel.mol-advanced-filter-saved-filters
  .table
  tr
  td
  .btn.btn-link:after {
  display: none;
}

/*
TABLE OF CONTENTS
- General
*/
.exi-transitional {
  /* GENERAL */
}
.exi-transitional
  .mol-advanced-filter-date-time-range
  .mol-date-time-range[x-input]
  .mol-date-time-range__start,
.exi-transitional
  .mol-advanced-filter-date-time-range
  .mol-date-time-range[x-input]
  .mol-date-time-range__end {
  display: block;
}
.exi-transitional
  .mol-advanced-filter-date-time-range
  .mol-date-time-range[x-input]
  .to {
  display: block;
  margin: 0 0 0.5rem 0;
}

/* Import all full list SASS files */
/*
TABLE OF CONTENTS
- Full List Context
*/
.exi-transitional .org-full-list .mol-full-list-control-bar {
  margin: 0;
  border: none;
  box-shadow: none;
}
.exi-transitional .org-full-list .mol-full-list-control-bar .panel-body {
  position: relative;
  padding: 0;
  border: none;
}

.exi-transitional .org-full-list .panel.mol-panel.mol-full-list-quick-filter {
  margin: 0 0 1.6rem 0;
  background: none;
  border-radius: 0;
}
.exi-transitional
  .org-full-list
  .panel.mol-panel.mol-full-list-quick-filter
  .panel-body {
  margin: 0;
  padding: 0;
}

/*
TABLE OF CONTENTS
- DEMO ONLY
- Main Table
- Rows
	- Sort Icons
	- Optional Row Styles
		- Disabled
		- Past
		- Success
		- Caution
		- Danger
	- Collapsible Detail Rows
	- Collapsible Detail Toggle (plus/minus)
- Scroll to view
*/
.exi-transitional table {
  width: 100%;
}
.exi-transitional table.mol-full-list-table {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  margin: 0 0 1.2rem 0;
  padding: 0;
}
.exi-transitional table.mol-full-list-table tfoot {
  display: none;
}
.exi-transitional table.mol-full-list-table td {
  display: table-cell;
  position: relative;
}
.exi-transitional table.mol-full-list-table td.mol-full-list-table__truncate {
  max-width: 0;
}
.exi-transitional
  table.mol-full-list-table
  td.mol-full-list-table__truncate
  div {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.exi-transitional table.mol-full-list-table tbody tr.footable-detail-row > th,
.exi-transitional table.mol-full-list-table tbody tr.footable-detail-row > td {
  margin: 0;
  padding: 1.2rem;
}
.exi-transitional table.mol-full-list-table > thead > tr > th {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border-top: none;
}
.exi-transitional table.mol-full-list-table > thead > tr > th .btn.btn-link {
  margin: 0 0 0 0.3rem;
  padding: 0;
  vertical-align: top;
}
.exi-transitional table.mol-full-list-table > thead > tr > th .btn .fooicon {
  position: relative;
  opacity: 1;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  position: relative;
  vertical-align: middle;
  top: 0;
  left: 0;
  font-family: "Glyphicons Halflings";
}
.exi-transitional table.mol-full-list-table > thead > tr > th.text-center {
  padding-right: 8px;
}
.exi-transitional
  table.mol-full-list-table
  > thead
  > tr
  > th
  .fooicon.fooicon-sort:before {
  content: "\e150";
}
.exi-transitional
  table.mol-full-list-table
  > thead
  > tr
  > th
  .fooicon.fooicon-sort-asc:before {
  content: "\e094";
}
.exi-transitional
  table.mol-full-list-table
  > thead
  > tr
  > th
  .fooicon.fooicon-sort-desc:before {
  content: "\e093";
}
.exi-transitional
  table.mol-full-list-table
  > thead
  > tr
  > th
  .fooicon.fooicon-sort-desc:before
  .fa.fa-caret-down:before {
  content: "\f0d7";
}
.exi-transitional
  table.mol-full-list-table
  > thead
  > tr
  > th
  .fooicon.fooicon-sort-desc:before
  .fa.fa-caret-up:before {
  content: "\f0d8";
}
.exi-transitional
  table.mol-full-list-table:not(.footable-details)
  > tbody
  > tr.row-past {
  background-color: #d2d6db;
}
.exi-transitional
  table.mol-full-list-table:not(.footable-details)
  > tbody
  > tr.row-success {
  background-color: #c4d4af;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.3),
    calc(var(--brand-success-l) * 2.9)
  );
}
.exi-transitional
  table.mol-full-list-table:not(.footable-details)
  > tbody
  > tr.row-warning {
  background-color: #e4d3be;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 0.5),
    calc(var(--brand-warning-l) * 2.5)
  );
}
.exi-transitional
  table.mol-full-list-table:not(.footable-details)
  > tbody
  > tr.row-danger {
  background-color: #e2b9c1;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 0.5),
    calc(var(--brand-danger-l) * 1.75)
  );
}
.exi-transitional table.footable-details.table {
  width: auto;
  margin-left: 1.6rem;
}
.exi-transitional table tbody tr.footable-detail-row > th,
.exi-transitional table tbody tr.footable-detail-row > td {
  padding: 0 0 1.6rem 0;
  border: none;
}
.exi-transitional table tbody tr.footable-detail-row td,
.exi-transitional table tbody tr.footable-detail-row td table tbody tr th,
.exi-transitional table tbody tr.footable-detail-row td table tbody tr td {
  padding: 0 0 1.6rem 0;
  border: none;
}
.exi-transitional
  table.table.mol-full-list-table
  > tbody
  > tr
  > td
  .footable-toggle {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  opacity: 1;
  margin-right: 0.8rem;
  cursor: pointer;
  padding: 0;
}
.exi-transitional
  [scroll-to-view-rows]
  table.table.mol-full-list-table
  > thead
  .footable-header
  th:last-child,
.exi-transitional
  [scroll-to-view-rows]
  table.table.mol-full-list-table
  > thead
  .footable-header
  td:last-child {
  margin-right: 15px;
}
.exi-transitional [scroll-to-view-rows] table.table.mol-full-list-table > thead,
.exi-transitional
  [scroll-to-view-rows]
  table.table.mol-full-list-table
  > tbody {
  display: block;
}
.exi-transitional
  [scroll-to-view-rows]
  table.table.mol-full-list-table
  > thead
  tr:not(.footable-filtering),
.exi-transitional
  [scroll-to-view-rows]
  table.table.mol-full-list-table
  > tbody
  tr:not(.footable-filtering) {
  display: flex;
}
.exi-transitional
  [scroll-to-view-rows]
  table.table.mol-full-list-table
  > tbody {
  overflow-y: scroll;
}

/* Set bottom margin for the indicator */
.exi-transitional .org-full-list .mol-full-list-viewing-indicator {
  margin-bottom: 1.2rem;
}

/* Import all molecule SASS files */
.exi-transitional .org-global-header .mol-global-home-link {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  font-size: 1.8rem;
  font-weight: 200;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.exi-transitional .org-global-header .mol-global-home-link a {
  height: 4.8rem;
  padding: 0;
  text-decoration: none;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 9;
}
.exi-transitional .org-global-header .mol-global-home-link a:hover,
.exi-transitional .org-global-header .mol-global-home-link a:focus {
  color: #fff;
}
.exi-transitional .org-global-header .mol-global-home-link a span {
  position: absolute;
  bottom: 1.4rem;
  left: 4.8rem;
}
.exi-transitional .org-global-header .mol-global-home-link a::after {
  content: " ";
  position: absolute;
  top: 0.8rem;
  left: 1.2rem;
  color: #fff;
  width: 14.4rem;
  height: 3.4rem;
  padding: 0;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 2;
  background-size: 14.4rem 3.4rem;
}
@media (max-width: 768px) {
  .exi-transitional .org-global-header .mol-global-home-link a {
    padding-top: 1.7rem;
  }
}

/*
TABLE OF CONTENTS
- Core Menu CSS (SmartMenus)
- Main Navigation
  - Mobile
    - Navigation Button Group
    - Mobile Menu Toggle Button
    - Main Nav Items
  - Desktop
    - General
    - Main Nav Container
    - Main Nav Items
- Mega Menu Dropdowns (Message, Task and Calendar)
- Message and Task Badges
- Pinned Pages Dropdown
*/
/* CORE MENU CSS - DO NOT MODIFY! */
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.exi-transitional {
  /*-------------------------------*/
  /* MAIN NAVIGATION */
  /* NAVIGATION BUTTON GROUP */
  /*--------------------------------*/
  /* MOBILE MENU TOGGLE BUTTON */
  /* Hide the toggle in desktop layout */
  /* Hamburger Icon */
  /* X Icon State */
  /* hide menu state checkbox (keep it visible to screen readers) */
  /* hide the menu in mobile view */
  /*--------------------------------*/
  /* MAIN NAV ITEMS - Mobile */
  /* 'Current' Item */
  /* Disabled Item */
  /* Submenu Indicator Arrow */
  /* First Nav Item */
  /* Last Nav Item */
  /* Submenu container */
  /*------------------------------------*/
  /*
  DESKTOP LAYOUT
  -----------------------------------------------
  These transform the menu tree from
  collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------
  */
  /* Dropdown Main Inner Title */
  /* Heading Separator */
  /* Horizontal Rule separator */
  /*------------------------------*/
  /* MEGA MENU DROPDOWNS */
  /* Common Styling (Message, Task, and Calendar dropdowns) */
  /* Mega Menu Links */
  /*------------------------------*/
  /* MESSAGE AND TASK BADGES */
  /********************************************
   * REBRANDING OVERWRITES
   ********************************************/
  /********************************************
   * MOBILE REBRANDING OVERWRITES
   ********************************************/
}
.exi-transitional .mol-global-header-main-nav .sm {
  box-sizing: border-box;
  position: relative;
  width: 100vw;
  height: auto;
  top: -5.6rem;
  overflow: scroll;
  z-index: 9999;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.exi-transitional .mol-global-header-main-nav .sm,
.exi-transitional .mol-global-header-main-nav .sm ul,
.exi-transitional .mol-global-header-main-nav .sm li {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}
.exi-transitional .mol-global-header-main-nav .sm-rtl,
.exi-transitional .mol-global-header-main-nav .sm-rtl ul,
.exi-transitional .mol-global-header-main-nav .sm-rtl li {
  direction: rtl;
  text-align: right;
}
.exi-transitional .mol-global-header-main-nav .sm > li > h1,
.exi-transitional .mol-global-header-main-nav .sm > li > h2,
.exi-transitional .mol-global-header-main-nav .sm > li > h3,
.exi-transitional .mol-global-header-main-nav .sm > li > h4,
.exi-transitional .mol-global-header-main-nav .sm > li > h5,
.exi-transitional .mol-global-header-main-nav .sm > li > h6 {
  margin: 0;
  padding: 0;
}
.exi-transitional .mol-global-header-main-nav .sm li,
.exi-transitional .mol-global-header-main-nav .sm a {
  position: relative;
}
.exi-transitional .mol-global-header-main-nav .sm a {
  display: block;
}
.exi-transitional .mol-global-header-main-nav .sm a.disabled {
  cursor: default;
}
.exi-transitional .mol-global-header-main-nav .sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  overflow: hidden;
}
.exi-transitional .mol-global-header-main-nav .sm *,
.exi-transitional .mol-global-header-main-nav .sm *::before,
.exi-transitional .mol-global-header-main-nav .sm *::after {
  box-sizing: inherit;
}
.exi-transitional .mol-global-header-main-nav {
  position: absolute;
  top: 0;
  left: 50%;
  height: 5rem;
  width: auto;
  margin-top: 0;
  margin-left: -27.5rem;
  margin-right: 9.3rem;
  transition: 0.25s ease;
  background: transparent;
  /* Make sure smartmenu options and calendar option display side by side in Edge*/
}
.exi-transitional .mol-global-header-main-nav ul {
  float: left;
}
@media (max-width: 950px) {
  .exi-transitional .mol-global-header-main-nav {
    left: 53%;
    margin-left: -24rem;
  }
}
@media (max-width: 858px) {
  .exi-transitional .mol-global-header-main-nav {
    display: none;
  }
  .exi-transitional .org-global-header.dontscroll .mol-global-header-main-nav {
    height: 100vh;
  }
}
.exi-transitional label.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 5rem;
  height: 4.8rem;
  top: -5rem;
  left: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.exi-transitional #main-menu-state:focus ~ label.main-menu-btn {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
@media (min-width: 859px) {
  .exi-transitional .main-menu--toggle {
    display: none;
  }
}
.exi-transitional .main-menu-btn-icon,
.exi-transitional .main-menu-btn-icon:before,
.exi-transitional .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 1.4rem;
  height: 2px;
  width: 2.4rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.exi-transitional .main-menu-btn-icon:before {
  content: "";
  top: -7px;
  left: 0;
}
.exi-transitional .main-menu-btn-icon:after {
  content: "";
  top: 7px;
  left: 0;
}
.exi-transitional
  #main-menu-state:checked
  ~ .main-menu-btn
  .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
.exi-transitional
  #main-menu-state:checked
  ~ .main-menu-btn
  .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.exi-transitional
  #main-menu-state:checked
  ~ .main-menu-btn
  .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.exi-transitional #main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.exi-transitional #main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
.exi-transitional #main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 859px) {
  .exi-transitional {
    /* hide the button in desktop view */
    /* always show the menu in desktop view */
  }
  .exi-transitional label.main-menu-btn {
    display: none;
  }
  .exi-transitional #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
.exi-transitional .mol-global-header-main-nav .sm > li {
  border-bottom: 1px solid;
}
.exi-transitional .mol-global-header-main-nav .sm li a {
  padding: 1.6rem;
  padding-right: 5.8rem;
  /* make room for the toggle button (sub indicator) */
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}
.exi-transitional .mol-global-header-main-nav .sm li a {
  border: none;
}
.exi-transitional .mol-global-header-main-nav .sm a.current {
  background: #10069f;
  /* IE11 fallback */
  background: var(--brand-interactive);
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
}
.exi-transitional .mol-global-header-main-nav .sm a.disabled {
  color: #b7b4e4;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  );
}
.exi-transitional .mol-global-header-main-nav .sm a .sub-arrow {
  position: absolute;
  top: 1.8rem;
  left: auto;
  right: 1.6rem;
}
.exi-transitional .mol-global-header-main-nav .sm > li > a .sub-arrow::before {
  font-family: "Glyphicons Halflings";
  content: "\002b";
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-icons);
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.highlighted
  .sub-arrow::before {
  font-family: "Glyphicons Halflings";
  content: "\2212";
}
.exi-transitional .mol-global-header-main-nav .sm > li > a > span {
  display: inline;
  font-weight: 300;
  margin-left: 4rem;
}
.exi-transitional .mol-global-header-main-nav .sm > li > a {
  padding: 1.6rem;
  padding-right: 5.8rem;
  /* make room for the toggle button (sub indicator) */
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}
.exi-transitional .mol-global-header-main-nav .sm > li > a::before {
  position: absolute;
  left: 1.5rem;
  top: 50%;
  margin-top: -1.3rem;
  font-size: 2.5rem;
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--hubs::before {
  font-family: "jzb-icon-set";
  content: "\e601";
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--bookmarks::before {
  font-family: "Glyphicons Halflings";
  content: "\e044";
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--pinned::before {
  font-family: "Glyphicons Halflings";
  content: "\e146";
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--recents::before {
  font-family: "Glyphicons Halflings";
  content: "\e023";
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--messages::before {
  font-family: "Glyphicons Halflings";
  content: "\e171";
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--tasks::before {
  font-family: "Glyphicons Halflings";
  content: "\e067";
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li
  > a.mol-global-header-main-nav--calendar::before {
  font-family: "Glyphicons Halflings";
  content: "\e109";
}
.exi-transitional .mol-global-header-main-nav .sm > li:first-child > a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:first-child
  > :not(ul)
  a {
  border-radius: 0;
}
.exi-transitional .mol-global-header-main-nav .sm > li:last-child > a,
.exi-transitional .mol-global-header-main-nav .sm > li:last-child > *:not(ul) a,
.exi-transitional .mol-global-header-main-nav .sm > li:last-child > ul,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul {
  border-radius: 0;
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > *:not(ul)
  a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > a.highlighted,
.exi-transitional
  .mol-global-header-main-nav
  .sm
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > ul
  > li:last-child
  > *:not(ul)
  a.highlighted {
  border-radius: 0;
}
.exi-transitional .mol-global-header-main-nav .sm ul {
  backgorund: #fff;
  /* IE11 fallback */
  backgorund: var(--brand-fill-lightest);
}
.exi-transitional .mol-global-header-main-nav .sm ul a,
.exi-transitional .mol-global-header-main-nav .sm ul a:hover,
.exi-transitional .mol-global-header-main-nav .sm ul a:focus,
.exi-transitional .mol-global-header-main-nav .sm ul a:active {
  background: transparent;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  font-size: 1.4rem;
  text-shadow: none;
  border-left: 0.8rem solid transparent;
}
.exi-transitional .mol-global-header-main-nav .sm ul a.current {
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
  background-image: linear-gradient(to bottom, #006188, #006f9c);
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional .mol-global-header-main-nav .sm ul a.disabled {
  color: #a9a9a9;
  /* IE11 fallback */
  color: var(--brand-text-disabled);
}
.exi-transitional .mol-global-header-main-nav .sm ul ul a,
.exi-transitional .mol-global-header-main-nav .sm ul ul a:hover,
.exi-transitional .mol-global-header-main-nav .sm ul ul a:focus,
.exi-transitional .mol-global-header-main-nav .sm ul ul a:active {
  border-left: 2rem solid transparent;
}
.exi-transitional .mol-global-header-main-nav .sm ul ul ul a,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul a:hover,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul a:focus,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul a:active {
  border-left: 3rem solid transparent;
}
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul a,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul a:hover,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul a:focus,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul a:active {
  border-left: 4rem solid transparent;
}
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul ul a,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul ul a:hover,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul ul a:focus,
.exi-transitional .mol-global-header-main-nav .sm ul ul ul ul ul a:active {
  border-left: 5rem solid transparent;
}
.exi-transitional .mol-global-header-main-nav .sm ul li {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  .mol-global-header-main-nav
  .sm
  ul
  li.mol-global-header-main-nav--tasks--menu
  ul
  li {
  padding: 1.6rem;
  padding-right: 5.8rem;
  font-size: 1.4rem;
  border-left: 2rem solid transparent;
}
@media (min-width: 859px) {
  .exi-transitional {
    /* start... (it's not recommended editing these rules) */
    /* ...end */
    /*--------------------------------*/
    /* MAIN NAVIGATION */
    /* MAIN NAV CONTAINER - Desktop */
    /*--------------------------------*/
    /* MAIN NAV ITEMS (Desktop) */
    /* Main Nav Buttons */
    /* Main Nav Buttons - Hover */
    /* Main Nav button text */
    /* Main Nav button text - Hover */
    /* Main Nav button glyphicons */
    /* Main Nav button glyphicons - Hover */
    /* Hide mobile up/down arrow indicator */
    /*-----------------------------*/
    /* SUB-MENU ITEMS */
    /* General */
    /* Alternate States */
    /* 'Current' Item */
    /* Disabled Item */
    /* Icons - General */
    /* First Nav Item */
    /* Last Nav Item */
  }
  .exi-transitional .mol-global-header-main-nav .sm ul {
    position: absolute;
    width: 12em;
  }
  .exi-transitional .mol-global-header-main-nav .sm li {
    float: left;
  }
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl li {
    float: right;
  }
  .exi-transitional .mol-global-header-main-nav .sm ul li,
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl ul li,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    li {
    float: none;
  }
  .exi-transitional .mol-global-header-main-nav .sm a {
    white-space: nowrap;
  }
  .exi-transitional .mol-global-header-main-nav .sm ul a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    a {
    white-space: normal;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-nowrap
    > li
    > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-nowrap
    > li
    > :not(ul)
    a {
    white-space: nowrap;
  }
  .exi-transitional .mol-global-header-main-nav .sm {
    display: inline-block;
    height: 4.8rem;
    width: auto;
    overflow: visible;
    margin-top: 0;
    top: 0;
    background: none;
  }
  .exi-transitional .mol-global-header-main-nav .sm > li {
    border-bottom: none;
  }
  .exi-transitional .mol-global-header-main-nav .sm > li > a {
    width: auto;
    min-width: 5rem;
    font-size: 1.8rem;
    background: transparent;
    height: 5rem;
    margin: 0;
    padding: 0 2rem;
    text-align: center;
    border-bottom: none;
    transition: 0.25s ease;
  }
  .exi-transitional .mol-global-header-main-nav .sm > li > a.highlighted {
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  }
  .exi-transitional .mol-global-header-main-nav .sm > li > a > span {
    position: relative;
    display: block;
    width: auto;
    top: -0.75rem;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    transition: 0.25s ease;
    opacity: 1;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    > li
    > a.highlighted
    > span {
    opacity: 0;
  }
  .exi-transitional .mol-global-header-main-nav .sm > li > a::before {
    position: relative;
    width: auto;
    font-size: 2rem;
    margin: 0;
    padding: 0;
    top: -2.5rem;
    left: inherit;
    transition: 0.25s ease;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    > li
    > a.highlighted::before {
    top: 1.2rem;
  }
  .exi-transitional .mol-global-header-main-nav .sm > li > a > span.sub-arrow {
    display: none;
  }
}
@media (min-width: 859px) and (max-width: 950px) {
  .exi-transitional .mol-global-header-main-nav .sm > li > a {
    padding: 0 1.2rem;
  }
}
@media (min-width: 859px) {
  .exi-transitional .mol-global-header-main-nav .sm a {
    padding: 0.8rem 1.6rem;
    font-size: 1.4rem;
    background: #333;
    /* IE11 fallback */
    background: var(--brand-text);
    color: #fff;
    /* IE11 fallback */
    color: var(--brand-text-light);
    border-left: none;
  }
  .exi-transitional .mol-global-header-main-nav .sm a:hover,
  .exi-transitional .mol-global-header-main-nav .sm a:focus,
  .exi-transitional .mol-global-header-main-nav .sm a:active,
  .exi-transitional .mol-global-header-main-nav .sm li a.highlighted {
    color: #10069f;
    /* IE11 fallback */
    color: var(--brand-interactive);
    background: #fff;
  }
  .exi-transitional .mol-global-header-main-nav .sm a.current {
    background: #10069f;
    /* IE11 fallback */
    background: var(--brand-interactive);
    background-image: linear-gradient(to bottom, #006188, #006f9c);
    color: #fff;
    /* IE11 fallback */
    color: var(--brand-text-light);
  }
  .exi-transitional .mol-global-header-main-nav .sm a.disabled {
    background: #fff;
    /* IE11 fallback */
    background: var(--brand-fill-lightest);
    color: #767676;
    /* IE11 fallback */
    color: hsl(
      var(--brand-text-h),
      calc(var(--brand-text-s) * 1),
      calc(var(--brand-text-l) * 2.315)
    );
  }
  .exi-transitional .mol-global-header-main-nav ul > li > a::before {
    font-size: 1.6rem;
    line-height: 1.4;
    display: block;
    position: relative;
    top: inherit;
    left: inherit;
  }
  .exi-transitional .mol-global-header-main-nav .sm > li:first-child > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    > li:first-child
    > :not(ul)
    a {
    border-radius: 0;
    /* Edited */
  }
  .exi-transitional .mol-global-header-main-nav .sm > li:last-child > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    > li:last-child
    > :not(ul)
    a {
    border-radius: 0 !important;
    /* Edited */
  }
  .exi-transitional .mol-global-header-main-nav .sm > li:first-child {
    border-left: 0;
  }
  .exi-transitional .mol-global-header-main-nav .sm ul {
    border: 1px solid;
    border-color: #dcdcdc;
    /* IE11 fallback */
    border-color: var(--brand-border-light);
    border-top: none;
    padding: 0.5em 0;
    background: #fff;
    /* IE11 fallback */
    background: var(--brand-fill-lightest);
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  }
  .exi-transitional .mol-global-header-main-nav .sm ul ul {
    border: 1px solid;
    border-color: #dcdcdc;
    /* IE11 fallback */
    border-color: var(--brand-border-light);
    border-radius: 4px !important;
    background: #fff;
    /* IE11 fallback */
    background: var(--brand-fill-lightest);
  }
  .exi-transitional .mol-global-header-main-nav .sm ul a,
  .exi-transitional .mol-global-header-main-nav .sm ul a:hover,
  .exi-transitional .mol-global-header-main-nav .sm ul a:focus,
  .exi-transitional .mol-global-header-main-nav .sm ul a:active,
  .exi-transitional .mol-global-header-main-nav .sm ul a.highlighted,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a:hover,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a:focus,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a:active,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a.highlighted,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a:hover,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a:focus,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a:active,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a.highlighted {
    border: 0;
    padding: 0.8rem 1.2rem;
    /* Edited */
    background: transparent;
    color: #333;
    /* IE11 fallback */
    color: var(--brand-text);
    border-radius: 0 !important;
  }
  .exi-transitional .mol-global-header-main-nav .sm ul a:hover,
  .exi-transitional .mol-global-header-main-nav .sm ul a:focus,
  .exi-transitional .mol-global-header-main-nav .sm ul a:active,
  .exi-transitional .mol-global-header-main-nav .sm ul a.highlighted,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a:hover,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a:focus,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a:active,
  .exi-transitional .mol-global-header-main-nav .sm ul ul a.highlighted,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a:hover,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a:focus,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a:active,
  .exi-transitional .mol-global-header-main-nav .sm ul ul ul a.highlighted {
    background: #f6f6f6;
    /* IE11 fallback */
    background: var(--brand-fill-light);
  }
  .exi-transitional .mol-global-header-main-nav .sm ul a.disabled {
    background: #fff;
    /* IE11 fallback */
    background: var(--brand-fill-lightest);
    color: #a9a9a9;
    /* IE11 fallback */
    color: var(--brand-text-disabled);
  }
  .exi-transitional .mol-global-header-main-nav .sm ul a .sub-arrow {
    display: block;
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #333;
    /* Edited */
    background: transparent;
    border-radius: 0;
  }
  .exi-transitional .mol-global-header-main-nav .sm ul li {
    border: 0;
  }
  .exi-transitional .mol-global-header-main-nav .sm .scroll-up,
  .exi-transitional .mol-global-header-main-nav .sm .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    /* IE11 fallback */
    background: var(--brand-fill-lightest);
    height: 20px;
  }
  .exi-transitional .mol-global-header-main-nav .sm .scroll-up-arrow,
  .exi-transitional .mol-global-header-main-nav .sm .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent;
    border-bottom-color: #10069f;
    /* IE11 fallback */
    border-bottom-color: var(--brand-interactive);
  }
  .exi-transitional .mol-global-header-main-nav .sm .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: transparent;
    border-top-color: #10069f;
    /* IE11 fallback */
    border-top-color: var(--brand-interactive);
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm.sm-rtl
    .mol-global-header-main-nav
    .sm-vertical
    a
    .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent;
    border-right-color: #10069f;
    /* IE11 fallback */
    border-right-color: var(--brand-interactive);
  }
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl > li:first-child > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm.sm-rtl
    > li:first-child
    > :not(ul)
    a {
    border-radius: 0 8px 8px 0;
  }
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl > li:last-child > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm.sm-rtl
    > li:last-child
    > :not(ul)
    a {
    border-radius: 8px 0 0 8px !important;
  }
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl > li:first-child {
    border-left: 1px solid;
    border-left-color: #10069f;
    /* IE11 fallback */
    border-left-color: var(--brand-interactive);
  }
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl > li:last-child {
    border-left: 0;
  }
  .exi-transitional .mol-global-header-main-nav .sm.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent;
    border-right-color: #10069f;
    /* IE11 fallback */
    border-right-color: var(--brand-interactive);
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    a {
    padding: 9px 23px;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    a
    .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent;
    border-left-color: #10069f;
    /* IE11 fallback */
    border-left-color: var(--brand-interactive);
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    > li:first-child
    > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    > li:first-child
    > :not(ul)
    a {
    border-radius: 8px 8px 0 0;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    > li:last-child
    > a,
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    > li:last-child
    > :not(ul)
    a {
    border-radius: 0 0 8px 8px !important;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    > li {
    border-left: 0 !important;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    ul {
    border-radius: 4px !important;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .sm
    .mol-global-header-main-nav
    .sm-vertical
    ul
    a {
    padding: 9px 23px;
  }
}
.exi-transitional .org-global-header .sm .section-title {
  font-size: 1.8rem;
  color: black;
  font-weight: 500;
  padding: 0.5rem 1.2rem;
}
.exi-transitional .org-global-header .sm .separator {
  font-size: 1.2rem;
  color: gray;
  padding: 0 1.2rem 0.5rem 1.2rem;
}
.exi-transitional .org-global-header .sm .separator hr {
  height: 1px;
  margin: 0.6rem 0;
  padding: 0;
}
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .sm
  .mega-menu {
  width: 62.8rem !important;
  top: 5rem !important;
  left: 50% !important;
  margin-left: -28rem !important;
  margin-top: 0px !important;
  min-width: 62.8rem !important;
  max-width: 62.8rem !important;
  position: fixed !important;
  border: 1px solid #dcdcdc !important;
  border-top: none !important;
  border-radius: 0 0 0.3rem 0.3rem !important;
}
@media (max-width: 950px) {
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .sm
    .mega-menu {
    width: 51.1rem !important;
    left: 53% !important;
    margin-left: -24rem !important;
    min-width: 51.1rem !important;
    max-width: 51.1rem !important;
  }
}
@media (max-width: 858px) {
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .sm
    .mega-menu {
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    position: relative !important;
    border: inherit !important;
    border-top: inherit !important;
    border-radius: inherit !important;
  }
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .sm
    .section-title {
    display: none;
  }
}
.exi-transitional .sm .mega-menu a {
  text-decoration: underline;
}
.exi-transitional .sm .mega-menu > li > div {
  padding: 0;
}
.exi-transitional .sm .mega-menu > li > div ul {
  position: relative;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
  list-style: disc;
  list-style-type: disc;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.exi-transitional .sm .mega-menu > li > div ul li {
  display: block;
  margin: 0;
  padding: 1rem 1.2rem;
  background: #fff;
  border-top: 1px solid;
  border-top-color: #dcdcdc;
  /* IE11 fallback */
  border-top-color: var(--brand-border-light);
}
.exi-transitional .sm .mega-menu > li > div ul li:last-child {
  border-radius: 0 0 0.3rem 0.3rem;
}
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  a:not(.mol-global-header-tasks--chevron-anchor) {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  background: none;
  border: none;
  text-decoration: underline;
}
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  a:not(.mol-global-header-tasks--chevron-anchor):hover,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  a:not(.mol-global-header-tasks--chevron-anchor):focus,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  a:not(.mol-global-header-tasks--chevron-anchor):active {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  a.mol-global-header-tasks--chevron-anchor {
  position: absolute;
  top: 1.3rem;
  right: 0.2rem;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  a.mol-global-header-tasks--chevron-anchor
  span.mol-global-header-tasks--chevron {
  font-size: 3rem;
}
.exi-transitional .org-global-header .mol-global-header-main-nav .mol-badge {
  position: absolute;
  top: 0.3rem;
  right: 50%;
  margin-right: -1.3rem;
  padding: 0.1rem 0.4rem;
  transition: 0.3s ease;
  border-radius: 0.3rem;
}
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  a.highlighted
  .mol-badge {
  position: absolute;
  right: 0.3rem;
  margin-right: 0;
}
@media (max-width: 858px) {
  .exi-transitional .org-global-header .mol-global-header-main-nav .mol-badge,
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    a.highlighted
    .mol-badge {
    position: absolute;
    top: 0;
    right: 5.5rem;
    width: auto;
    height: auto;
    padding: 1.3rem 1.2rem;
    margin: 0.3rem 0;
    font-size: 1.8rem;
    border-radius: 0.3rem;
  }
}
.exi-transitional .mol-global-header-main-nav .sm > li > a > span {
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  font-size: 1.4rem !important;
  font-weight: 300 !important;
}
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .sm
  .mega-menu
  > li
  div
  h4,
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  > li
  > a[aria-level="4"] {
  font-family: "Averta-Light", sans-serif !important;
  font-size: 1.8rem !important;
  font-weight: 300 !important;
  margin-bottom: -3rem;
}
.exi-transitional .mol-global-header-main-nav .sm > li > ul {
  display: none;
}
.exi-transitional .mol-global-header-main-nav .sm > li > ul {
  display: none;
}
.exi-transitional .global-drawer__tools-wrap {
  display: none;
}
@media (max-width: 858px) {
  .exi-transitional .global-drawer__tools-wrap {
    display: block;
  }
}
.exi-transitional .mol-global-header-main-nav.mobile-nav {
  display: none;
  height: auto;
  left: unset;
  margin: 0;
  position: relative;
  width: 100%;
}
@media (max-width: 858px) {
  .exi-transitional .mol-global-header-main-nav.mobile-nav {
    display: block;
  }
}
.exi-transitional .mol-global-header-main-nav.mobile-nav .sm {
  overflow: auto;
  top: unset;
  width: 100%;
}
.exi-transitional .mol-global-header-main-nav.mobile-nav .sm > li {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--theme-global-header-inner-bg);
  border-bottom: 1px solid;
  border-bottom-color: #dcdcdc;
  /* IE11 fallback */
  border-bottom-color: var(--brand-border-light);
}
.exi-transitional .mol-global-header-main-nav.mobile-nav .sm > li > a::before {
  color: #0b046c;
  /* IE11 fallback */
  color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional .mol-global-header-main-nav.mobile-nav .sm > li > a > span {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional .mol-global-header-main-nav.mobile-nav .sm::after {
  display: none;
}
.exi-transitional .mol-global-header-main-nav.mobile-nav .sm .mol-badge {
  display: inline-block;
}

/*
TABLE OF CONTENTS
- General
- Action Button
- List Items
- Mobile Styles
*/
/* GENERAL */
/* Remove top/bottom flyout padding from mega menus  */
.exi-transitional .mol-global-header-main-nav .sm ul.mega-menu {
  padding-top: 0;
}

/* Set Bookmarks dropdown padding */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-bookmarks {
  padding: 0;
}

/* Clear all container contents */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-bookmarks::after {
  display: block;
  content: "";
  clear: both;
}

/*------------------------------*/
/* ACTION BUTTONS */
/* Manage bookmarks button group */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  .mol-button-group {
  width: 100%;
  height: auto;
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  .mol-button-group::after {
  display: block;
  content: "";
  clear: both;
}

/* Set button size for larger viewports */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  .mol-button-group
  .atom-button {
  float: right;
  border: none;
  border-left: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0;
}

/*------------------------------*/
/* LIST ITEMS */
/* Style links like flyout menu items */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-bookmarks ul li {
  margin: 0;
  padding: 0;
  border: none;
}

/* Bookmark dropdown title */
.exi-transitional .sm .mega-menu > li div.mol-global-header-bookmarks h4 {
  float: left;
  font-size: 1.8rem;
  margin: 0.5rem 0 0 1.2rem;
}

/* Bookmark section headers */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-bookmarks h5 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--brand-text);
  padding: 1.2rem 1.2rem 0.8rem 1.2rem;
}

/* Style links like flyout menu items */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  ul
  li
  a {
  display: block;
  padding: 0.8rem 1.2rem;
  color: var(--brand-text);
  text-decoration: none;
  border: none;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  ul
  li
  a:hover,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  ul
  li
  a:focus,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-bookmarks
  ul
  li
  a:active {
  background: var(--brand-fill-light);
}

/*------------------------------*/
/* MOBILE STYLES */
@media (max-width: 768px) {
  /* Set button group size for smaller viewports */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-bookmarks
    .mol-button-group {
    margin: 0;
  }

  /* Hide bookmark dropdown title for mobile */
  .exi-transitional .sm .mega-menu > li div.mol-global-header-bookmarks h4 {
    display: none;
  }

  /* Set button size for smaller viewports */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-bookmarks
    .mol-button-group
    .atom-button {
    font-size: 1.4rem;
    padding: 1.6rem;
    width: 25%;
    border-radius: 0;
  }

  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-bookmarks
    .mol-button-group
    .atom-button:last-child {
    border-left: none;
  }

  /* Increase padding in list items for bigger hit target */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-bookmarks
    ul
    li.dropdown-header,
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-bookmarks
    ul
    li
    a {
    padding: 1.6rem;
  }
}
@media (max-width: 858px) {
  .sm .mega-menu > li > div.mol-global-header-bookmarks > h4 {
    display: none;
  }
}
/*
Jenzabar extensions to the fullcalendar framework

TABLE OF CONTENTS
- Calendar Global Nav Button
- Calendar Header (Date selection, options, etc.)
  - General
  - Action Buttons/Links
- Calendar Grid - Legacy JZB Framework (Reworked for PL standards)
  - Widget standards
  - General slots
  - Available slots
  - Unavailable slots
  - Toolbar and buttons
  - Grid
  - Timeslot item
  - Popover
  - Agenda List
*/
.exi-transitional {
  /* CALENDAR GLOBAL NAV BUTTON */
  /*-----------------------------*/
  /**************************************************
   * Post Implementation (Test Page) Fixes
   **************************************************/
  /* CALENDAR HEADER */
  /* REPLACE WITH CLEARFIX MIXIN VARIABLE! */
  /* Clear all container contents */
}
.exi-transitional .mol-global-header-main-nav .mol-global-header-calendar {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 9.3rem;
  min-width: 9.3rem;
  height: 4.8rem;
  position: absolute;
  top: 0;
}
@media (max-width: 857px) {
  .exi-transitional .mol-global-header-main-nav .mol-global-header-calendar {
    width: 100%;
  }
}
.exi-transitional
  .mol-global-header-main-nav
  .mol-global-header-calendar
  .mol-global-header-calendar--button {
  display: block;
  font-weight: 300;
  text-decoration: none;
  color: #333;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-text);
  width: auto;
  min-width: 5rem;
  font-size: 1.8rem;
  background: transparent;
  height: 5rem;
  margin: 0;
  padding: 2rem 2rem 0 2rem;
  text-align: center;
  border-bottom: none;
  transition: 0.25s ease;
}
.exi-transitional
  .mol-global-header-main-nav
  .mol-global-header-calendar
  .mol-global-header-calendar--button::before {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  content: "\e109";
  color: #10069f;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-icons);
  position: absolute;
  width: auto;
  font-size: 2rem;
  margin: 0 0 0 -0.75rem;
  padding: 0;
  top: -2.5rem;
  left: inherit;
  transition: 0.25s ease;
}
@media (max-width: 857px) {
  .exi-transitional
    .mol-global-header-main-nav
    .mol-global-header-calendar
    .mol-global-header-calendar--button {
    padding: 1.6rem;
    text-align: left;
    transition: none;
  }
  .exi-transitional
    .mol-global-header-main-nav
    .mol-global-header-calendar
    .mol-global-header-calendar--button::before {
    left: 2.25rem;
    top: 50%;
    margin-top: -1.3rem;
    font-size: 2.5rem;
  }
}
.exi-transitional
  .mol-global-header-main-nav
  .mol-global-header-calendar
  .mol-global-header-calendar--button:hover {
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
@media (max-width: 857px) {
  .exi-transitional
    .mol-global-header-main-nav
    .mol-global-header-calendar
    .mol-global-header-calendar--button:hover {
    box-shadow: none;
  }
}
.exi-transitional
  .mol-global-header-main-nav
  .mol-global-header-calendar
  .mol-global-header-calendar--button:hover::before {
  top: 1.2rem;
}
@media (max-width: 857px) {
  .exi-transitional
    .mol-global-header-main-nav
    .mol-global-header-calendar
    .mol-global-header-calendar--button:hover::before {
    top: 50%;
  }
}
.exi-transitional
  .mol-global-header-main-nav
  .mol-global-header-calendar
  .mol-global-header-calendar--button
  > span {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  color: #333;
  /* IE11 fallback */
  color: var(--theme-global-header-main-nav-text);
  top: 0;
  transition: 0.25s ease;
  opacity: 1;
}
@media (max-width: 857px) {
  .exi-transitional
    .mol-global-header-main-nav
    .mol-global-header-calendar
    .mol-global-header-calendar--button
    > span {
    display: inline;
    font-size: 1.8rem;
    font-weight: 300;
    margin-left: 4rem;
  }
}
.exi-transitional
  .mol-global-header-main-nav
  .mol-global-header-calendar
  .mol-global-header-calendar--button:hover
  > span {
  opacity: 0;
}
@media (max-width: 857px) {
  .exi-transitional
    .mol-global-header-main-nav
    .mol-global-header-calendar
    .mol-global-header-calendar--button:hover
    > span {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .exi-transitional .mol-global-header-main-nav .mol-global-header-calendar {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
  }
  .exi-transitional .mol-global-header-main-nav .mol-global-header-calendar li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
  }
  .exi-transitional .mol-global-header-main-nav .mol-global-header-calendar li,
  .exi-transitional .mol-global-header-main-nav .mol-global-header-calendar a {
    position: relative;
  }
  .exi-transitional .mol-global-header-main-nav .mol-global-header-calendar a {
    display: block;
  }
}
.exi-transitional .mol-global-header-calendar--dropdown {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 5rem;
  left: 50%;
  margin-left: -28rem;
  margin-top: 0;
  width: 62.8rem;
  max-height: calc(100vh - 7.4rem);
  overflow: auto;
  min-width: 62.8rem;
  max-width: 62.8rem;
  padding: 0;
  background: #fff;
  border: 1px solid #d2d6db;
  border-top: none;
  border-radius: 0 0 0.3rem 0.3rem;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
  transition: 0.3s ease;
  transition-delay: 0.5s;
}
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading {
  line-height: 1.2;
  border-bottom: 1px solid #d2d6db;
}
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  h4 {
  float: left;
  font-size: 1.8rem;
  margin: 0.5rem 0 0 1.2rem;
}
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center {
  position: relative;
  text-align: right;
}
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a,
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a:hover,
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a:focus,
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a:active {
  display: block;
  position: relative;
  padding: 0.8rem 2.4rem 0.8rem 1.2rem;
  border: none;
}
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a::after,
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a:hover::after,
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a:focus::after,
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---heading
  .mol-global-header-calendar--center
  a:active::after {
  font-family: "Glyphicons Halflings";
  content: "\e080";
  position: absolute;
  right: 1rem;
}
.exi-transitional
  .mol-global-header-calendar--dropdown
  .mol-global-header-calendar--dropdown---body {
  padding: 1.2rem;
}
.exi-transitional .open .mol-global-header-calendar--dropdown {
  visibility: visible;
  opacity: 1;
  transition: 0.3s ease;
  transition-delay: 0;
}
@media (max-width: 857px) {
  .exi-transitional .mol-global-header-calendar--dropdown---heading {
    display: none;
  }
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--toolbar {
  padding: 1.2rem;
}
@media (max-width: 857px) {
  .exi-transitional
    .mol-global-header-calendar--dropdown---body
    .mol-global-header-calendar--toolbar---center-left {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1199px) {
  .exi-transitional
    .mol-global-header-calendar--dropdown---body
    .mol-global-header-calendar--toolbar
    .mol-global-header-calendar--toolbar---today-button {
    margin-bottom: 1.2rem;
  }
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions {
  text-align: center;
}
@media (min-width: 1200px) {
  .exi-transitional
    .mol-global-header-calendar--dropdown---body
    .mol-global-header-calendar--actions {
    text-align: right;
  }
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .mol-button-group {
  margin: 0 0 1.2rem 0;
}
@media (max-width: 1199px) {
  .exi-transitional
    .mol-global-header-calendar--dropdown---body
    .mol-global-header-calendar--actions
    .mol-button-group {
    margin-bottom: 0;
  }
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .mol-button-group
  > .atom-button {
  height: inherit;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .jzb-select-view-menu {
  border-right: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .jzb-select-view-menu
  button.dropdown-toggle {
  border-radius: 0 0.3em 0.3em 0 !important;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .jzb-select-view-menu
  ul.dropdown-menu {
  left: unset;
  min-width: unset;
  right: 0;
  width: 80px;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .jzb-select-view-menu
  ul.dropdown-menu
  > li[role="menuitem"]
  > button {
  border: none;
  width: 100%;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  .jzb-select-view-menu
  button.dropdown-toggle
  span.caret {
  border-top-color: #333;
  /* IE11 fallback */
  border-top-color: var(--brand-fill-dark);
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  #addDropdown
  span.glyphicon-plus {
  left: 1px;
  top: 1px;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li {
  border-top: 1px solid;
  border-top-color: #dcdcdc;
  /* IE11 fallback */
  border-top-color: var(--brand-border-light);
  height: 3.5rem;
  padding: 0 1.2rem;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-dayHeader {
  background-color: #eceef1;
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-dayHeader
  h6 {
  margin: 0 !important;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-dayHeader.today {
  background-color: #846e90;
  border-color: #846e90;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-dayHeader.today
  .jzb-agendaList-dayclick {
  color: #ffffff !important;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-item
  .fc-agendaList-event
  div,
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-item
  .fc-agendaList-event
  button {
  display: inline-block;
  height: 3.5rem;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-item
  .fc-agendaList-event
  .fc-event-time {
  font-size: 1.2rem;
  line-height: 3.5rem;
  padding-right: 1.2rem;
  text-align: right;
  width: 11rem !important;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-item
  .fc-agendaList-event
  .fc-event-color-block {
  width: 1rem;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  ul.fc-agendaList
  > li.fc-agendaList-item
  .fc-agendaList-event
  .fc-eventlist-title {
  padding-left: 1.2rem;
  text-align: left;
  width: calc(100% - 14rem);
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  #PopoverCalendarDisplay
  div.row
  a.btn-primary {
  color: #ffffff;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .jzb-calendar-popover {
  margin-top: 0;
  top: 15% !important;
  width: 300px;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  #PLHeaderCalendarSection
  button.fc-time-grid-event {
  color: #ffffff;
  left: 0;
  right: 0;
  width: 100%;
}
.exi-transitional
  .mol-global-header-calendar--toolbar---center
  ul.dropdown-menu
  > li[role="menuitem"] {
  border: none;
}
.exi-transitional
  .mol-global-header-calendar--toolbar---center
  ul.dropdown-menu
  > li[role="menuitem"]
  > button {
  border: none;
  width: 100%;
  border-radius: 0;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional
  .sm
  .mega-menu
  > li
  > div
  .mol-global-header-calendar--dropdown---body
  ul {
  display: none;
}
.exi-transitional
  .org-global-header
  #global-header-calendar--container
  .glyphicon,
.exi-transitional
  .org-global-header
  #mol-global-header-calendar--container
  .glyphicon {
  font-size: inherit;
  left: inherit;
  top: 1px;
}
.exi-transitional #mol-global-header-calendar--toolbar---title {
  margin: -0.3rem 0 1rem 0;
}
.exi-transitional
  .mol-global-header-calendar--dropdown---body
  .mol-global-header-calendar--actions
  #addDropdown
  .glyphicon {
  left: inherit;
  top: 1px;
}

/*
TABLE OF CONTENTS
- General
- Pin Elements
  - Pin Links
  - Pushpins
- Mobile Styles
*/
/* GENERAL */
/* Set custom width for this regular dropdown to match mega menus */
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned {
  min-width: 62.8rem !important;
  max-width: 62.8rem !important;
  position: absolute !important;
  top: 5rem !important;
  left: 50% !important;
  margin-left: -20rem !important;
  padding-top: 0;
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-top: none;
}

/* Dropdown heading - Anchor tag styled to match H4 heading style of mega menus */
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  > li
  > a[aria-level="4"] {
  font-size: 1.8rem;
  margin: 0;
  padding: 0.5rem 0 0.3rem 1.2rem;
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  cursor: default;
}

/* Dropdown heading - Hover state */
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  > li
  > a[aria-level="4"]:hover {
  background: none;
}

/* No pinned pages text */
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  a[aria-level="5"] {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 1.2rem;
  text-align: center;
}

/*-------------------------------*/
/* PIN ELEMENTS */
/* Pin Links */
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  .mol-global-header-pinned--text {
  display: block;
  padding-right: 4rem;
}

/* Pushpins */
.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  .mol-global-header-pinned--pushpin {
  position: absolute;
  top: 0;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  font-size: 1.2rem;
  text-decoration: none;
}

.exi-transitional
  .org-global-header
  .mol-global-header-main-nav
  .has-submenu
  > ul.mol-global-header-pinned
  .mol-global-header-pinned--pushpin::before {
  font-family: "Glyphicons Halflings";
  content: "\e146";
  color: var(--brand-danger);
  font-size: 2rem;
}

/*-------------------------------*/
/* MOBILE STYLES */
@media (max-width: 768px) {
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .has-submenu
    > ul.mol-global-header-pinned {
    min-width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
  }

  /* Dropdown heading - Anchor tag styled to match H4 heading style of mega menus */
  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .has-submenu
    > ul.mol-global-header-pinned
    a[aria-level="4"] {
    display: none;
  }

  .exi-transitional
    .org-global-header
    .mol-global-header-main-nav
    .has-submenu
    > ul.mol-global-header-pinned
    .mol-global-header-pinned--pushpin {
    top: 1rem;
    right: 1rem;
  }
}
/*
TABLE OF CONTENTS
- General
- Action Button
- List Items
- Mobile Styles
*/
/* GENERAL */
/* Remove top/bottom flyout padding from mega menus  */
.exi-transitional .mol-global-header-main-nav .sm ul.mega-menu {
  padding-top: 0;
}

/* Set Bookmarks dropdown padding */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-recents {
  padding: 0;
}

/* Clear all container contents */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-recents::after {
  display: block;
  content: "";
  clear: both;
}

/*------------------------------*/
/* ACTION BUTTONS */
/* Manage bookmarks button group */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-recents
  .mol-button-group {
  width: 100%;
  height: auto;
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-recents
  .mol-button-group::after {
  display: block;
  content: "";
  clear: both;
}

/* Set button size for larger viewports */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-recents
  .mol-button-group
  .atom-button {
  float: right;
  border: none;
  border-left: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 0;
}

/*------------------------------*/
/* LIST ITEMS */
/* Style links like flyout menu items */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-recents ul li {
  margin: 0;
  padding: 0;
  border: none;
}

/* Bookmark dropdown title */
.exi-transitional .sm .mega-menu > li div.mol-global-header-recents h4 {
  float: left;
  font-size: 1.8rem;
  margin: 0.5rem 0 0 1.2rem;
}

/* Bookmark section headers */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-recents h5 {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--brand-text);
  padding: 1.2rem 1.2rem 0.8rem 1.2rem;
}

/* Style links like flyout menu items */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-recents ul li a {
  display: block;
  padding: 0.8rem 1.2rem;
  color: var(--brand-text);
  text-decoration: none;
  border: none;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-recents
  ul
  li
  a:hover,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-recents
  ul
  li
  a:focus,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-recents
  ul
  li
  a:active {
  background: var(--brand-fill-light);
}

/*------------------------------*/
/* MOBILE STYLES */
@media (max-width: 858px) {
  .mol-global-header-recents--heading h4 {
    display: none;
  }
}
@media (max-width: 768px) {
  /* Set button group size for smaller viewports */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-recents
    .mol-button-group {
    margin: 0;
  }

  /* Hide bookmark dropdown title for mobile */
  .exi-transitional .sm .mega-menu > li div.mol-global-header-recents h4 {
    display: none;
  }

  /* Set button size for smaller viewports */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-recents
    .mol-button-group
    .atom-button {
    font-size: 1.4rem;
    padding: 1.6rem;
    width: 45%;
    border-radius: 0;
  }

  /* Increase padding in list items for bigger hit target */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-recents
    ul
    li.dropdown-header,
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-recents
    ul
    li
    a {
    padding: 1.6rem;
  }
}
/*
TABLE OF CONTENTS
- General
- Action Buttons/Links
- Message Elements
- Mobile Styles
*/
/* GENERAL */
/* Set dropdown padding */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-messages {
  padding: 0;
}

/* Clear all container contents */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-messages::after {
  display: block;
  content: "";
  clear: both;
}

/*------------------------------*/
/* ACTION BUTTONS/LINKS */
/* Message Center link (styled as text button) */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  .mol-global-header-messages--center {
  position: relative;
  text-align: right;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  .mol-global-header-messages--center
  a {
  display: inline-block;
  position: relative;
  padding: 0.8rem 2.5rem 0.8rem 1.2rem;
  border: none;
  background: none;
  /* Mobile Drawer Styling - re-applying certain desktop styles to drawer */
}
@media (max-width: 858px) {
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a {
    color: #333;
    /* IE11 fallback */
    color: var(--brand-text);
    text-decoration: none;
    padding: 1.2rem 15rem 1.2rem 1.2rem;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a::after {
    display: none;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a
    .glyphicon {
    display: none;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a
    .mol-global-header-messages--about {
    font-weight: 300;
    margin-bottom: 0.3rem;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a
    .mol-global-header-messages--title {
    font-size: 1.6rem;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a
    .mol-global-header-messages--title
    span.mol-badge {
    top: inherit;
    height: auto;
    font-size: 1.2rem;
    margin: 0;
    padding: 0.1rem 0.6rem;
    border-radius: 0.3em;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a
    .mol-global-header-messages--from {
    display: block;
    top: 0.8rem;
    font-weight: 700;
    font-size: 1.2rem;
    max-width: 17rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a
    .mol-global-header-messages--received {
    display: block;
    font-size: 1.2rem;
    font-weight: 300;
    max-width: 17rem;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  .mol-global-header-messages--center
  a::after {
  font-family: "Glyphicons Halflings";
  content: "\e080";
  position: absolute;
  right: 1rem;
}
@media (max-width: 858px) {
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a::after {
    display: none;
  }
}

/*------------------------------*/
/* MESSAGE ELEMENTS */
/* Message item container */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li {
  padding: 0;
  border: none;
}

/* Messages dropdown title */
.exi-transitional .sm .mega-menu > li div.mol-global-header-messages h4 {
  float: left;
  font-size: 1.8rem;
  margin: 0.5rem 0 0 1.2rem;
}

/* Message item */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a {
  display: block;
  padding: 0.8rem 19rem 0.8rem 6.6rem;
  min-height: 6.2rem;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  text-decoration: none;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a.showMessageDetailModal:hover,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a.showMessageDetailModal:active,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a.showMessageDetailModal:focus {
  background: #009ceb;
  /* IE11 fallback */
  background: var(--brand-message), 1, 1.285;
}

/* Message glyphicon */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .glyphicon {
  font-size: 3rem;
  color: #80c0f7;
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.5rem;
  background: none;
}

/* Message image */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  img {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 4rem;
  height: auto;
  border-radius: 50%;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  span {
  display: block;
}

/* Message - No unread messages text */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  .mol-global-header-messages--empty {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 1.2rem;
  text-align: center;
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}

/* Message - No unread messages text - glyphicon */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  .mol-global-header-messages--empty::before {
  font-family: "Glyphicons Halflings";
  content: "\e013";
}

/* Message - About */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .mol-global-header-messages--about {
  font-weight: 300;
  margin-bottom: 0.3rem;
}

/* Message - Title */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .mol-global-header-messages--title {
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Message - Title - Unread indicator */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .mol-global-header-messages--title
  .mol-badge {
  position: absolute;
  top: inherit;
  left: inherit;
  right: 1rem;
  bottom: 0.4rem;
  height: auto;
  font-size: 1.2rem;
  margin: 0;
  padding: 0.1rem 0.6rem;
  display: inline-block;
  border-radius: 0.3rem;
}

/* Important indicator */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .mol-global-header-messages--title
  .glyphicon {
  display: inline;
  font-size: inherit;
  position: relative;
  top: inherit;
  left: inherit;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}

/* Message - From */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .mol-global-header-messages--from {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  font-weight: 700;
  font-size: 1.2rem;
  max-width: 17rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Message - Received */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-messages
  > ul
  > li
  > a
  .mol-global-header-messages--received {
  position: absolute;
  top: 2.5rem;
  right: 1rem;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 17rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*------------------------------*/
/* MOBILE STYLES */
@media (max-width: 768px) {
  /* Set button size for smaller viewports */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .atom-button {
    font-size: 1.4rem;
    padding: 1.6rem;
    width: 25%;
    border-radius: 0;
  }

  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .atom-button:last-child {
    border-left: none;
  }

  /* Hide Messages dropdown title for mobile */
  .exi-transitional .sm .mega-menu > li div.mol-global-header-messages h4 {
    display: none;
  }

  /* Increase Message Center link padding for bigger hit target */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a {
    padding: 1.6rem 2.5rem 1.6rem 1.6rem;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    .mol-global-header-messages--center
    a:hover {
    background: none;
  }

  /* Increase padding in list items for bigger hit target */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    ul
    li.dropdown-header {
    padding: 1.6rem;
  }

  /* Message item */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    > ul
    > li
    > a {
    padding: 1.2rem 15rem 1.2rem 1.2rem;
  }

  /* Message - Title - Unread indicator */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    > ul
    > li
    > a
    .mol-global-header-messages--title
    .mol-badge {
    position: absolute;
    top: inherit;
    left: inherit;
    right: 1rem;
    bottom: 0.3rem;
    height: auto;
    font-size: 1.2rem;
    padding: 0.2rem 0.6rem;
    display: inline-block;
    border-radius: 0.3rem;
  }

  /* Message - From */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    > ul
    > li
    > a
    .mol-global-header-messages--from {
    top: 0.8rem;
  }

  /* Message - Received */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    > ul
    > li
    > a
    .mol-global-header-messages--received {
    top: 2.5rem;
  }

  /* Message glyphicon/image */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    > ul
    > li
    > a
    .glyphicon,
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-messages
    > ul
    > li
    > a
    img {
    display: none;
  }
}
/*
TABLE OF CONTENTS
- General
- Action Buttons/Links
- Task Elements
- Mobile Styles
*/
/* GENERAL */
/* Set Bookmarks dropdown padding */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-tasks {
  padding: 0;
}

/* REPLACE WITH CLEARFIX MIXIN VARIABLE! */
/* Clear all container contents */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-tasks::after {
  display: block;
  content: "";
  clear: both;
}

/*------------------------------*/
/* ACTION BUTTONS/LINKS */
/* Task Center link (styled as text button) */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  .mol-global-header-tasks--center {
  position: relative;
  text-align: right;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  .mol-global-header-tasks--center
  a {
  display: inline-block;
  position: relative;
  padding: 0.8rem 2.5rem 0.8rem 1.2rem;
  border: none;
  background: none;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  .mol-global-header-tasks--center
  a::after {
  font-family: "Glyphicons Halflings";
  content: "\e080";
  position: absolute;
  right: 1rem;
}

/*------------------------------*/
/* Task ELEMENTS */
/* Task item container */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-tasks > ul > li {
  padding: 0;
  border: none;
}

/* Task dropdown title */
.exi-transitional .sm .mega-menu > li div.mol-global-header-tasks h4 {
  float: left;
  font-size: 1.8rem;
  /* VARIABLE */
  margin: 0.5rem 0 0 1.2rem;
}
@media (max-width: 858px) {
  .exi-transitional .sm .mega-menu > li div.mol-global-header-tasks h4 {
    display: none;
  }
}

/* Task item */
.exi-transitional .sm .mega-menu > li > div.mol-global-header-tasks > ul > li {
  display: block;
  padding: 1rem 19rem 1rem 6.6rem;
  min-height: 6.2rem;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  text-decoration: none;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-top: 1px solid;
  border-top-color: #dcdcdc;
  /* IE11 fallback */
  border-top-color: var(--brand-border-light);
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > a:hover,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > a:active,
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > a:focus {
  background: none;
}

/* Task glyphicon */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .glyphicon:not(.mol-global-header-tasks--chevron) {
  font-size: 3rem;
  color: #d98517;
  /* NEEDS VARIABLE */
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.5rem;
  background: none;
}

/* Task glyphicon-chevron-right */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--chevron {
  position: absolute;
  top: 2rem;
  right: 5rem;
  font-size: 3rem;
  color: #10069f;
  /* NEEDS VARIABLE */
}

/* Task image */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > img {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: 4rem;
  height: auto;
  border-radius: 50%;
}

.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > span {
  display: block;
}

/* Task - About */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--about {
  font-weight: 300;
  margin-bottom: 0.3rem;
}

/* Task - Title */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--title {
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Task - Title - Unread indicator */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--title
  .mol-badge {
  position: absolute;
  top: inherit;
  left: inherit;
  right: 1rem;
  bottom: 0.4rem;
  height: auto;
  font-size: 1.2rem;
  margin: 0;
  padding: 0.1rem 0.6rem;
  display: inline-block;
  border-radius: 0.3rem;
  background: #d98517;
}

/* Important indicator */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--title
  .glyphicon {
  display: inline;
  font-size: inherit;
  position: relative;
  top: inherit;
  left: inherit;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}

/* Task - Received */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--received {
  position: initial;
  padding-top: 1rem;
  font-size: 1.2rem;
  /* VARIABLE */
  font-weight: 700;
  /* VARIABLE */
  max-width: 25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Task - Overdue */
.exi-transitional
  .sm
  .mega-menu
  > li
  > div.mol-global-header-tasks
  > ul
  > li
  > .mol-global-header-tasks--received.mol-global-header-tasks--received---overdue {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}

/* Task - Title */
.mol-global-header-tasks--empty {
  border-top: 1px solid;
  border-top-color: #dcdcdc;
  /* IE11 fallback */
  border-top-color: var(--brand-border-light);
  padding: 0.5rem 0 0 1.2rem !important;
}

/*------------------------------*/
/* MOBILE STYLES */
@media (max-width: 768px) {
  /* Set button size for smaller viewports */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    .atom-button {
    font-size: 1.4rem;
    /* VARIABLE */
    padding: 1.6rem;
    /* VARIABLE */
    width: 25%;
    border-radius: 0;
  }

  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    .atom-button:last-child {
    border-left: none;
  }

  /* Hide Tasks dropdown title for mobile */
  .exi-transitional .sm .mega-menu > li div.mol-global-header-tasks h4 {
    display: none;
  }

  /* Increase Task Center link padding for bigger hit target */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    .mol-global-header-tasks--center
    a {
    padding: 1.6rem 2.5rem 1.6rem 1.6rem;
  }
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    .mol-global-header-tasks--center
    a:hover {
    background: none;
  }

  /* Increase padding in list items for bigger hit target */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    ul
    li.dropdown-header {
    padding: 1.6rem;
    /* VARIABLE */
  }

  /* Task item */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    > ul
    > li
    > a {
    padding: 1rem 15rem 1rem 1rem;
  }

  /* Task - Title - Unread indicator */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    > ul
    > li
    > a
    .mol-global-header-tasks--title
    .mol-badge {
    position: absolute;
    top: inherit;
    left: inherit;
    right: 1rem;
    bottom: 0.3rem;
    height: auto;
    font-size: 1.2rem;
    padding: 0.2rem 0.6rem;
    display: inline-block;
    border-radius: 0.3rem;
  }

  /* Task - Received */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    > ul
    > li
    > a
    .mol-global-header-tasks--received {
    top: 1rem;
  }

  /* Task glyphicon/image */
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    > ul
    > li
    > a
    .glyphicon,
  .exi-transitional
    .sm
    .mega-menu
    > li
    > div.mol-global-header-tasks
    > ul
    > li
    > a
    img {
    display: none;
  }
}
/*
TABLE OF CONTENTS
- General
  - Global Header Button
- Search Drawer
  - Search Scope Selection
*/
.exi-transitional {
  /* GENERAL */
  /* Global Header button */
  /* Set drawer close button glyphicon to standard size */
  /* Adjust drawer body for lack of footer - Will be fixed with drawer optional footer enhancement */
  /*----------------------------*/
  /* SEARCH DRAWER */
  /* Search input */
  /* Search scope selection */
  /* Quick Results */
  /* Quick Results items */
  /* Result - Name */
  /* Result - General */
  /* Result - Position */
  /* Result - Best Match Indicator */
  /* Result - ID */
  /* Result - Contact 1 */
  /* Result - Hierarchy caret */
  /* More Results */
}
.exi-transitional .org-global-header .mol-global-search-button {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  position: absolute;
  top: 0;
  right: 5rem;
  height: 4.8rem;
  border-radius: 0;
  text-decoration: none;
  z-index: 980;
  background: none;
}
.exi-transitional .org-global-header .mol-global-search-button .glyphicon {
  top: 0.3rem;
}
.exi-transitional #mol-global-header-search .mol-close-button .glyphicon {
  font-size: 1.4rem;
}
.exi-transitional #mol-global-header-search .mol-drawer--body {
  height: calc(100% - 5rem);
}
.exi-transitional .mol-global-header-search .mol-input-group {
  margin-bottom: 2rem;
}
.exi-transitional .mol-global-header-search .mol-input-group .form-control {
  box-shadow: none;
  border: solid 1px;
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
  border-radius: 0;
  border-left: none;
  height: 36px;
}
.exi-transitional
  .mol-global-header-search
  .mol-input-group
  .form-control:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline: -moz-focus-ring-color auto 5px;
  outline: focus-ring-color auto 5px;
  outline-color: -webkit-focus-ring-color;
  outline-color: -moz-focus-ring-color;
  outline-color: focus-ring-color;
  outline-style: auto;
  outline-width: 5px;
}
.exi-transitional .mol-global-header-search .mol-input-group .btn:first-child {
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
  border-right: none;
  height: 36px;
}
.exi-transitional
  .mol-global-header-search
  .mol-input-group
  .btn:first-child:focus {
  outline: -webkit-focus-ring-color auto 5px;
  outline: -moz-focus-ring-color auto 5px;
  outline: focus-ring-color auto 5px;
  outline-color: -webkit-focus-ring-color;
  outline-color: -moz-focus-ring-color;
  outline-color: focus-ring-color;
  outline-style: auto;
  outline-width: 5px;
  z-index: 999;
}
.exi-transitional .mol-global-header-search .mol-input-group .btn:last-child {
  background-color: #10069f;
  /* IE11 fallback */
  background-color: var(--brand-interactive);
  border-color: #10069f;
  /* IE11 fallback */
  border-color: var(--brand-interactive);
}
.exi-transitional
  .mol-global-header-search
  .mol-input-group
  .btn:last-child::before {
  font-family: "Glyphicons Halflings";
  content: "\e003";
}
.exi-transitional .mol-global-header-search fieldset {
  margin-bottom: 1.2rem;
}
.exi-transitional .mol-global-header-search .atoms-radio-button {
  display: inline;
}
.exi-transitional .mol-global-header-search .atoms-radio-button:last-child {
  margin-left: 1.6rem;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  h4 {
  font-size: 1.8rem;
  margin-bottom: 0.8rem;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li {
  margin: 0;
  padding: 0;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a {
  display: block;
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  text-decoration: none;
  margin: 0 -1.6rem;
  padding: 0.8rem 1.6rem;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li:first-child
  a {
  border-top: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a:hover,
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a:focus,
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a:active {
  background: #eceef1;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  h5.mol-global-header-search--results---name {
  text-decoration: underline;
  color: inherit;
  font-size: 1.6rem;
  padding: 0;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---line1,
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---line2,
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---line3,
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---relationship {
  font-size: 1.2rem;
  color: var(--brand-text);
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---line1,
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---relationship {
  font-weight: 700;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---relationship {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---id {
  font-size: 1.2rem;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  .mol-global-header-search--results---line2
  span {
  margin-left: 0.8rem;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  [class*="mol-global-header-search--results---"]
  span.caret-right {
  margin: 0;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  ul
  li
  a
  [class*="mol-global-header-search--results---"]
  span.caret-right::before {
  font-family: "Glyphicons Halflings";
  content: "\e250";
  font-size: 0.8rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  a.mol-global-header-search--results---more {
  display: block;
  float: right;
  padding-right: 1rem;
  margin: 0.8rem 0;
}
.exi-transitional
  .mol-global-header-search
  .mol-global-header-search--results
  a.mol-global-header-search--results---more::after {
  font-family: "Glyphicons Halflings";
  content: "\e080";
  position: absolute;
  right: 1rem;
}

/*
TABLE OF CONTENTS
- General
-

*/
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 4.8rem;
  margin: 0;
  padding: 0;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  .atom-button {
  width: 5rem;
  height: 4.8rem;
  margin: 0;
  padding: 0;
  transition: 0.3s ease;
  background: none;
  border: none;
  border-radius: 0;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  .atom-button:active,
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  .atom-button:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  .atom-button::after {
  display: none;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  .glyphicon {
  width: 5rem;
  height: 4.8rem;
  font-size: 2rem;
  padding: 1.5rem 0 0;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  img {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"] {
  width: 25rem;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"]
  .mol-user-options__current {
  text-transform: initial;
  font-size: 1rem;
  padding-bottom: 1rem;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"]
  .mol-user-options__current
  .mol-user-options__current--name {
  font-size: 1.4rem;
  font-weight: 700;
  margin-left: 4.5rem;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"]
  .mol-user-options__current
  img {
  font-size: 3rem;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
  padding: 0;
  float: left;
  vertical-align: middle;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"]
  .mol-user-options__current
  .glyphicon-user {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 2rem;
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  margin-right: 1rem;
  padding: 0;
  float: left;
  vertical-align: middle;
  background: #a9a9a9;
  /* IE11 fallback */
  background: var(--brand-border-dark);
  border-radius: 50%;
}
.exi-transitional
  .org-global-header
  .mol-button-dropdown.mol-global-header-user-options
  ul[role="menu"]
  .mol-user-options__current
  .glyphicon-user::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.2rem 0 0 -1rem;
}

/*
TABLE OF CONTENTS
- Mobile Styles
*/
/* GENERAL */
.exi-transitional x-breadcrumb,
.exi-transitional nav.mol-breadcrumb {
  display: inline-block;
}

.exi-transitional .mol-breadcrumb ol {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.exi-transitional .mol-breadcrumb ol li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.exi-transitional .mol-breadcrumb ol li::after {
  font-family: "Glyphicons Halflings";
  content: "\e250";
  text-decoration: none;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  vertical-align: middle;
  font-size: 0.8rem;
}

.exi-transitional .mol-breadcrumb ol li a {
  display: inline-block;
  margin: 0 0.4rem;
}

.exi-transitional .mol-breadcrumb ol li:first-child a {
  margin-left: 0;
}

.exi-transitional .mol-breadcrumb ol li:last-child a {
  /* J1 Rebranding - 185803 breadcrumb bug
  font-weight: bold; */
  cursor: pointer;
  text-decoration: none;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
}
.exi-transitional .mol-breadcrumb ol li:last-child a:hover {
  text-decoration: underline;
}

.exi-transitional .mol-breadcrumb ol li:last-child::after {
  content: "";
}

/* Additional "Back to" wording for mobile layout */
.exi-transitional
  .mol-breadcrumb
  ol
  li:nth-last-child(2)
  a
  .mol-basic-list--backto {
  display: none;
}

/*--------------------------------*/
/* MOBILE STYLES */
@media (max-width: 768px) {
  .exi-transitional .mol-breadcrumb ol li::after {
    display: none;
  }

  .exi-transitional .mol-breadcrumb ol li:not(:nth-last-child(2)) a {
    display: none;
  }

  .exi-transitional .mol-breadcrumb ol li:nth-last-child(2)::before {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    content: "\e251";
    text-decoration: none;
    color: #333;
    /* IE11 fallback */
    color: var(--brand-text);
    vertical-align: middle;
    font-size: 0.8rem;
  }

  .exi-transitional
    .mol-breadcrumb
    ol
    li:nth-last-child(2)
    a
    .mol-basic-list--backto {
    display: inline;
  }
}
/******************************************************************************************
 * IMPORTANT: When working with Tree styles in Pattern Lab, the jsTree Proton Theme
 * CSS files are imported to the page AFTER this CSS file!
 * /scss/vendor/jsTree/themes/proton/style.min.css will overwrite values here because
 * it comes later. If something can't be overwritten, make an edit there.
 ******************************************************************************************/
.exi-transitional .mol-tree_outer-wrap {
  background-color: #ffffff;
  border: 1px solid #d2d6db;
  border-radius: 4px;
  margin-bottom: 2rem;
  /***********************************************************
   * Theme Overwrites
   ***********************************************************/
  /***********************************************************
   * Component 'header' & search input
   ***********************************************************/
  /***********************************************************
   * The jsTree element
   ***********************************************************/
  /***********************************************************
   * Buttons
   ***********************************************************/
}
.exi-transitional .mol-tree_outer-wrap .jstree-themeicon {
  display: none;
}
.exi-transitional .mol-tree_outer-wrap .jstree-proton {
  font-family: inherit;
}
.exi-transitional .mol-tree_outer-wrap .jstree-proton .jstree-search {
  background-color: #d47500;
  border-radius: 3px;
  color: #ffffff;
  font-style: inherit;
  margin: 0px auto 0px auto !important;
  padding: 0 10px 0 1px !important;
  position: relative;
  top: 0px;
}
.exi-transitional
  .mol-tree_outer-wrap
  .jstree-proton
  > .jstree-no-dots
  .jstree-node,
.exi-transitional
  .mol-tree_outer-wrap
  .jstree-proton
  > .jstree-no-dots
  .jstree-leaf
  > .jstree-ocl {
  background: 1 !important;
}
.exi-transitional .mol-tree_outer-wrap .jstree-closed > .jstree-wholerow,
.exi-transitional .mol-tree_outer-wrap .jstree-open > .jstree-wholerow {
  background: #ffffff;
}
.exi-transitional
  .mol-tree_outer-wrap
  .jstree-closed
  > .jstree-wholerow.jstree-wholerow-hovered,
.exi-transitional .mol-tree_outer-wrap .jstree-closed .jstree-hovered,
.exi-transitional
  .mol-tree_outer-wrap
  .jstree-open
  > .jstree-wholerow.jstree-wholerow-hovered,
.exi-transitional .mol-tree_outer-wrap .jstree-open .jstree-hovered {
  background: #b7b4e4 !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 0.5),
    calc(var(--brand-interactive-l) * 2.5)
  ) !important;
}
.exi-transitional .mol-tree_outer-wrap .jstree-proton .jstree-wholerow-clicked,
.exi-transitional .mol-tree_outer-wrap .jstree-proton .jstree-clicked,
.exi-transitional
  .mol-tree_outer-wrap
  .jstree-closed
  > .jstree-wholerow.jstree-wholerow-clicked,
.exi-transitional
  .mol-tree_outer-wrap
  .jstree-open
  > .jstree-wholerow.jstree-wholerow.jstree-wholerow-clicked {
  background: #10069f !important;
  /* IE11 fallback */
  background: var(--brand-interactive) !important;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_header {
  border-bottom: 1px solid #d2d6db;
  padding: 1rem;
  width: 100%;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_header
  .mol-tree_keyboard-controls.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_header input.jstree-search {
  padding: 0.75rem;
  min-width: 60%;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap {
  height: calc(75vh - 75px);
  overflow: auto;
  padding: 1rem;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap .jstree-search {
  margin: 0em auto 1em auto;
  padding: 4px;
  display: inline-block !important;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap .jstree-clicked {
  color: #ffffff;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap .jstree-clicked:hover {
  color: #eceef1 !important;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap .jstree-hovered {
  color: #ffffff !important;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap .jstree-checkbox {
  margin-right: 5px;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap a.jstree-disabled {
  opacity: 0.5;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_wrap a.jstree-anchor {
  opacity: 1;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_wrap
  a.jstree-anchor
  .jstree-icon:first-of-type,
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_wrap
  a.jstree-anchor
  .mol-tree_node-label {
  display: inline-block;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_wrap
  a.jstree-anchor
  .mol-tree_node-status {
  margin-left: 5px;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_buttons {
  border-top: 1px solid #d2d6db;
  display: inline-block;
  height: 55px !important;
  padding: 1rem;
  width: 100%;
}
@media (max-width: 315px) {
  .exi-transitional .mol-tree_outer-wrap .mol-tree_buttons {
    height: auto !important;
  }
  .exi-transitional .mol-tree_outer-wrap .mol-tree_buttons .mol-button-group {
    width: 100%;
  }
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .atom-button,
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .mol-button-group
  > .atom-button {
  display: inline-block;
  float: left;
  height: 36px;
  padding: 0.8rem 0.9rem;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .atom-button:focus,
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .mol-button-group
  > .atom-button:focus {
  position: relative;
  z-index: 1;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .atom-button
  .glyphicon-trash,
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .mol-button-group
  > .atom-button
  .glyphicon-trash {
  font-size: 1.5rem;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .atom-button:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .atom-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-left: none;
  border-radius: 0;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .atom-button:last-child:not(:first-child),
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .btn-group
  > .dropdown-toggle:not(:first-child) {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_buttons .dropdown-menu {
  left: unset;
  right: 0;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_buttons .icon-right {
  float: right;
  margin-left: 5px;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_buttons .mol-button-dropdown {
  float: right;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .mol-button-dropdown
  button.dropdown-toggle {
  height: 36px;
  padding: 0.8rem 0.9rem;
}
.exi-transitional
  .mol-tree_outer-wrap
  .mol-tree_buttons
  .mol-button-dropdown
  button.dropdown-toggle::after {
  font-family: "Glyphicons Halflings";
  content: "\e252";
  font-size: 1rem;
  margin-left: 0.3rem;
}
.exi-transitional .mol-tree_outer-wrap .mol-tree_buttons .tree-button_delete {
  color: var(--brand-danger);
}
.exi-transitional .mol-tree_outer-wrap .reverse-icon {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/***********************************************************
 * Responsive
 ***********************************************************/
@media (max-width: 768px) {
  .jstree-proton-responsive .jstree-container-ul {
    overflow: unset !important;
  }
  .jstree-proton-responsive .jstree-last i.jstree-icon {
    margin-top: 0;
  }
  .jstree-proton-responsive a.jstree-anchor {
    height: auto;
  }
  .jstree-proton-responsive .mol-tree_node-label {
    max-width: 235px !important;
  }
}
@media (max-width: 435px) {
  .jstree-proton-responsive a.jstree-anchor {
    height: auto;
  }
  .jstree-proton-responsive .mol-tree_node-label {
    max-width: 200px !important;
  }

  .mol-tree_buttons {
    display: inline-block;
    height: auto;
  }
  .mol-tree_buttons .btn-group.mol-button-group {
    clear: both;
    width: 100%;
  }
  .mol-tree_buttons .dropdown-menu {
    left: 0 !important;
    right: unset !important;
  }
}
@media (max-width: 315px) {
  .btn-group.mol-button-dropdown {
    float: left !important;
  }
}
/******************************************************************************************
 * PL Only
 ******************************************************************************************/
.pl-only .mol-tree_outer-wrap {
  max-width: 405px;
}

.exi-transitional .col-selector_buttons {
  margin-top: 2rem;
  text-align: right;
}
.exi-transitional .col-selector_buttons button:not(:first-child) {
  margin-left: 1rem;
}
.exi-transitional .col-selector_close {
  color: #0069c4;
  cursor: pointer;
  float: right;
}
.exi-transitional .col-selector_header {
  margin-bottom: 1rem;
}
.exi-transitional .col-selector_header h1,
.exi-transitional .col-selector_header h2,
.exi-transitional .col-selector_header h3,
.exi-transitional .col-selector_header h4,
.exi-transitional .col-selector_header h5,
.exi-transitional .col-selector_header h6 {
  font-family: "Averta-Bold", sans-serif;
  font-size: 1.5rem;
}
.exi-transitional .col-selector_section {
  margin-bottom: 0;
  padding: 0 1rem !important;
}
.exi-transitional .col-selector_wrap {
  background-color: #ffffff;
  border: 1px solid #d2d6db;
  border-radius: 4px;
  display: inline-block;
  padding: 1rem;
}
.exi-transitional .modal-body .col-selector_wrap {
  border: none;
  display: block;
  padding: 0;
}

.drag-n-drop-handle {
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  cursor: grab;
}

.ui-sortable-helper {
  background: #dcdcdc;
  /* IE11 fallback */
  background: var(--brand-border-light);
  cursor: grabbing;
  opacity: 0.8;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.sortable-placeholder {
  border: 2px dashed var(--brand-border-dark);
}

.just-dropped {
  background: #c4d4af;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.3),
    calc(var(--brand-success-l) * 2.9)
  );
}

/* Import all organism SASS files */
/*------------------------------
NEEDS REFACTORING INTO SASS!!!
------------------------------*/
/*
TABLE OF CONTENTS
- General Organism (Panel title, etc.)
  - Panel Heading
  - Panel Footer
- Molecules
    - Control Row
    - Close Dialogue
    - Toggle
    - Date Range
    - "or" separator
*/
.exi-transitional {
  /* GENERAL ORGANISM */
  /* Adjust margin and padding for all advanced filter molecules */
}
.exi-transitional .mol-advanced-filter-panel .panel,
.exi-transitional .org-advanced-filter .panel {
  margin-right: 1.6rem;
}
.exi-transitional .mol-advanced-filter-panel .panel .panel-heading,
.exi-transitional .mol-advanced-filter-panel .panel .panel-heading.blank,
.exi-transitional .org-advanced-filter .panel .panel-heading,
.exi-transitional .org-advanced-filter .panel .panel-heading.blank {
  position: relative;
  padding: 1.2rem 1.2rem 0 1.2rem;
  border: 1px solid;
  border-radius: 0.3rem;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .mol-advanced-filter-panel .panel .panel-heading h3,
.exi-transitional .mol-advanced-filter-panel .panel .panel-heading.blank h3,
.exi-transitional .org-advanced-filter .panel .panel-heading h3,
.exi-transitional .org-advanced-filter .panel .panel-heading.blank h3 {
  font-size: 1.8rem;
  font-weight: 500;
  margin: 0 0 1.2rem 0;
  padding: 0;
}
.exi-transitional .mol-advanced-filter-panel .panel .panel-body,
.exi-transitional .org-advanced-filter .panel .panel-body {
  margin-top: -0.4rem;
  border-top: none;
  position: static;
}
.exi-transitional .mol-advanced-filter-panel .panel .panel-footer,
.exi-transitional .org-advanced-filter .panel .panel-footer {
  position: relative;
  padding-top: 0;
  display: inherit;
}
.exi-transitional .mol-advanced-filter-panel .panel .panel-footer .atom-button,
.exi-transitional .mol-advanced-filter-panel .panel .panel-footer .btn,
.exi-transitional .org-advanced-filter .panel .panel-footer .atom-button,
.exi-transitional .org-advanced-filter .panel .panel-footer .btn {
  margin-left: 0.5rem;
}
.exi-transitional
  .mol-advanced-filter-panel
  .panel
  .row.mol-advanced-filter-control-row,
.exi-transitional
  .org-advanced-filter
  .panel
  .row.mol-advanced-filter-control-row {
  margin: 0 1em 1em 0;
}
@media (max-width: 996px) {
  .exi-transitional
    .mol-advanced-filter-panel
    .panel
    .row.mol-advanced-filter-control-row,
  .exi-transitional
    .org-advanced-filter
    .panel
    .row.mol-advanced-filter-control-row {
    margin: 0 0 1em 0;
  }
}
.exi-transitional .mol-advanced-filter-panel .panel button.mol-close,
.exi-transitional .mol-advanced-filter-panel .panel button.mol-close-button,
.exi-transitional .org-advanced-filter .panel button.mol-close,
.exi-transitional .org-advanced-filter .panel button.mol-close-button {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
@media (max-width: 996px) {
  .exi-transitional
    .mol-advanced-filter-panel
    .panel
    .row
    .mol-advanced-filter-toggle,
  .exi-transitional
    .org-advanced-filter
    .panel
    .row
    .mol-advanced-filter-toggle {
    margin: 0 0 1em 0;
  }
}
.exi-transitional .mol-advanced-filter-input {
  display: block;
  margin-bottom: 0.5rem;
  padding-left: 1.25em;
}
.exi-transitional .mol-advanced-filter-input:last-child {
  margin-bottom: 0.5rem;
  padding-left: 1.25em;
}
.exi-transitional .mol-advanced-filter-input div.checkbox,
.exi-transitional .mol-advanced-filter-input div.radio {
  margin-top: 0;
  margin-left: -2.1rem;
  margin-bottom: 0;
}
.exi-transitional .mol-advanced-filter-input .form-group {
  margin-top: 0;
  margin-bottom: 0;
}
.exi-transitional .mol-advanced-filter-input .form-control {
  margin-top: 0;
  margin-bottom: 1rem;
}
.exi-transitional .mol-advanced-filter-input [class^="form-group mol-"] label,
.exi-transitional .mol-advanced-filter-input [class^="mol-"] label {
  font-weight: 400;
}
.exi-transitional .mol-advanced-filter-input .mol-advanced-filter-or-separator {
  position: relative;
  text-align: center;
  margin: 2em 0;
  border-bottom: 1px solid #c4c4c4;
}
.exi-transitional
  .mol-advanced-filter-input
  .mol-advanced-filter-or-separator
  > div {
  position: absolute;
  top: -0.8em;
  left: 50%;
  margin-left: -1.3em;
  padding: 0 0.7em;
  background: #fff;
}
.exi-transitional .filter-section__wrap {
  margin-bottom: 1rem;
}
.exi-transitional .filter-section__head {
  border-bottom: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.exi-transitional .filter-section__button {
  border: none;
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  display: block;
  font-size: 1.8rem;
  line-height: 2.5rem;
  padding: 0;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
  background-color: transparent;
}
.exi-transitional .filter-section__button > div,
.exi-transitional .filter-section__button > span {
  display: inline-block;
}
.exi-transitional .filter-section__button .filter-section__chevron-wrap {
  float: right;
}
.exi-transitional .filter-section__subhead {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  font-size: 1rem;
}

/*
TABLE OF CONTENTS
- Individual comment
- Comment toolbar (Action buttons: mark unread, new comment)
- New comment section
*/
.exi-transitional .org-commenting {
  display: block;
  position: relative;
}
.exi-transitional .org-commenting .org-commenting__shadow--top {
  position: absolute;
  left: 0;
  top: -1rem;
  margin-bottom: 1rem;
  width: 100%;
  height: 1rem;
  z-index: 5;
  -webkit-box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.4);
}
.exi-transitional .org-commenting .org-commenting__shadow--bottom {
  position: absolute;
  top: -1.2rem;
  left: 0;
  display: block;
  width: 100%;
  height: 1rem;
  z-index: 5;
  -webkit-box-shadow: 0px -8px 6px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -8px 6px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -8px 6px -3px rgba(0, 0, 0, 0.4);
}
.exi-transitional .org-commenting .org-commenting__body {
  position: relative;
  max-height: calc(100vh - 10rem);
  overflow-y: auto;
}
.exi-transitional .org-commenting .org-commenting__body::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 6;
}
.exi-transitional .org-commenting .org-commenting__body::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 6;
}
.exi-transitional .org-commenting .org-commenting__last-read {
  position: relative;
  display: -ms-flex;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #0077b3;
  /* IE11 fallback */
  color: var(--brand-accent-dark);
  margin: 1.2rem 0;
}
.exi-transitional .org-commenting .org-commenting__last-read div,
.exi-transitional .org-commenting .org-commenting__last-read::before,
.exi-transitional .org-commenting .org-commenting__last-read::after {
  display: block;
  width: 100%;
}
.exi-transitional .org-commenting .org-commenting__last-read div {
  width: 15rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.exi-transitional .org-commenting .org-commenting__last-read::before,
.exi-transitional .org-commenting .org-commenting__last-read::after {
  content: "";
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 1px;
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--brand-accent-light);
}
.exi-transitional
  .org-commenting
  .org-commenting__last-read
  ~ .org-commenting__comment:not(.org-commenting__comment--mine) {
  position: relative;
}
.exi-transitional
  .org-commenting
  .org-commenting__last-read
  ~ .org-commenting__comment:not(.org-commenting__comment--mine)
  .org-commenting__comment--unread-indicator {
  position: absolute;
  top: -0.55rem;
  left: -0.55rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--brand-accent-light);
  border: none;
}
.exi-transitional
  .org-commenting
  .org-commenting__last-read
  ~ .org-commenting__comment:not(.org-commenting__comment--mine)
  .org-commenting__comment--author {
  font-weight: 700;
}
.exi-transitional .org-commenting .org-commenting__comment {
  display: grid;
  position: relative;
  grid-template-columns: 80% 20%;
  grid-template-areas: "author options" "date-time date-time" "body body";
  margin: 0 1.4rem 1.2rem 1.4rem;
  padding: 0.8rem;
  font-size: 1.1rem;
  border-radius: 0.4rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional .org-commenting .org-commenting__comment::after {
  position: absolute;
  top: 0.8rem;
  left: -1.2rem;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.7rem solid transparent;
  border-right: 1.3rem solid;
  border-right-color: #fff;
  /* IE11 fallback */
  border-right-color: var(--brand-fill-lightest);
  border-bottom: 0.7rem solid transparent;
}
.exi-transitional .org-commenting .org-commenting__comment::before {
  position: absolute;
  top: 0.8rem;
  left: -1.4rem;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.7rem solid transparent;
  border-right: 1.3rem solid;
  border-right-color: #dcdcdc;
  /* IE11 fallback */
  border-right-color: var(--brand-border-light);
  border-bottom: 0.7rem solid transparent;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--author {
  grid-area: author;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  font-family: "Averta";
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--date-time {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--edited {
  float: right;
  margin-left: 1rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--options {
  position: relative;
  grid-area: options;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--options
  .mol-button-dropdown {
  position: absolute;
  top: 0;
  right: 0;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--options
  .mol-button-dropdown
  button::after {
  display: none;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--options
  .mol-button-dropdown
  .comment-option-delete {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--options
  .mol-button-dropdown
  .comment-option-delete::before {
  font-family: "Glyphicons Halflings";
  content: "\e020";
  vertical-align: top;
  margin-right: 0.3rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--body {
  grid-area: body;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--body
  .org-commenting__comment--content {
  margin-bottom: 0.5rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--body
  .org-commenting__comment--content
  ~ .org-commenting__comment--more-less {
  display: inline-block;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--body
  .org-commenting__comment--content
  ~ .org-commenting__comment--more-less::after {
  font-family: "Glyphicons Halflings";
  font-size: 0.9rem;
  content: "\e260";
  vertical-align: middle;
  margin-left: 0.3rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__comment--body
  .org-commenting__comment--content[style*="50px"]
  ~ .org-commenting__comment--more-less::after {
  content: "\e259";
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__attachment
  a {
  display: block;
  margin-bottom: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment
  .org-commenting__attachment
  a::before {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  content: "\e142";
  margin-right: 0.3rem;
  vertical-align: middle;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment.org-commenting__comment--mine {
  background: #e9f8ff;
  /* IE11 fallback */
  background: hsl(
    var(--brand-accent-light-h),
    calc(var(--brand-accent-light-s) * 1),
    calc(var(--brand-accent-light-l) * 1.386)
  );
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
}
.exi-transitional
  .org-commenting
  .org-commenting__comment.org-commenting__comment--mine::after {
  position: absolute;
  left: inherit;
  top: 0.8rem;
  right: -1.2rem;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.7rem solid transparent;
  border-left: 1.3rem solid;
  border-left-color: #e9f8ff;
  /* IE11 fallback */
  border-left-color: hsl(
    var(--brand-accent-light-h),
    calc(var(--brand-accent-light-s) * 1),
    calc(var(--brand-accent-light-l) * 1.386)
  );
  border-bottom: 0.7rem solid transparent;
  border-right: none;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment.org-commenting__comment--mine::before {
  position: absolute;
  right: -1.4rem;
  top: 0.8rem;
  left: inherit;
  content: "";
  width: 0;
  height: 0;
  border-top: 0.7rem solid transparent;
  border-left: 1.3rem solid;
  border-left-color: #dcdcdc;
  /* IE11 fallback */
  border-left-color: var(--brand-border-light);
  border-bottom: 0.7rem solid transparent;
  border-right: none;
}
.exi-transitional
  .org-commenting
  .org-commenting__comment.org-commenting__comment--new {
  animation: animationFramesAdd ease-out 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFramesAdd ease-out 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFramesAdd ease-out 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animationFramesAdd ease-out 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animationFramesAdd ease-out 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes animationFramesAdd {
  0% {
    opacity: 0;
    transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
  }
}
@-moz-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -moz-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -moz-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -moz-transform: scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -webkit-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1) scaleY(1);
  }
}
@-o-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -o-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -o-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -o-transform: scaleX(1) scaleY(1);
  }
}
@-ms-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -ms-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -ms-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -ms-transform: scaleX(1) scaleY(1);
  }
}
.exi-transitional
  .org-commenting
  .org-commenting__comment.org-commenting__comment--delete {
  animation: animationFramesDelete ease-in 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFramesDelete ease-in 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFramesDelete ease-in 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animationFramesDelete ease-in 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animationFramesDelete ease-in 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes animationFramesDelete {
  0% {
    opacity: 1;
    transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  10% {
    transform: scaleX(1.2) scaleY(1.2);
  }
  97% {
    opacity: 0;
    transform: scaleX(0.5) scaleY(0.5);
  }
  100% {
    opacity: 0;
    transform: rotate(NaNdeg) scaleX(0.5) scaleY(0.5);
  }
}
@-moz-keyframes animationFramesDelete {
  0% {
    opacity: 1;
    -moz-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  10% {
    -moz-transform: scaleX(1.2) scaleY(1.2);
  }
  97% {
    opacity: 0;
    -moz-transform: scaleX(0.5) scaleY(0.5);
  }
  100% {
    opacity: 0;
    -moz-transform: rotate(NaNdeg) scaleX(0.5) scaleY(0.5);
  }
}
@-webkit-keyframes animationFramesDelete {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  10% {
    -webkit-transform: scaleX(1.2) scaleY(1.2);
  }
  97% {
    opacity: 0;
    -webkit-transform: scaleX(0.5) scaleY(0.5);
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(NaNdeg) scaleX(0.5) scaleY(0.5);
  }
}
@-o-keyframes animationFramesDelete {
  0% {
    opacity: 1;
    -o-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  10% {
    -o-transform: scaleX(1.2) scaleY(1.2);
  }
  97% {
    opacity: 0;
    -o-transform: scaleX(0.5) scaleY(0.5);
  }
  100% {
    opacity: 0;
    -o-transform: rotate(NaNdeg) scaleX(0.5) scaleY(0.5);
  }
}
@-ms-keyframes animationFramesDelete {
  0% {
    opacity: 1;
    -ms-transform: rotate(0deg) scaleX(1) scaleY(1);
  }
  10% {
    -ms-transform: scaleX(1.2) scaleY(1.2);
  }
  97% {
    opacity: 0;
    -ms-transform: scaleX(0.5) scaleY(0.5);
  }
  100% {
    opacity: 0;
    -ms-transform: rotate(NaNdeg) scaleX(0.5) scaleY(0.5);
  }
}
.exi-transitional .org-commenting .org-commenting__toolbar {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  justify-content: flex-end;
  margin-top: 1.2rem;
}
.exi-transitional .org-commenting .org-commenting__toolbar button {
  width: 50%;
  max-width: 20rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__toolbar
  button:not(:first-child) {
  margin-left: 0.8rem;
}
.exi-transitional .org-commenting .org-commenting__new {
  position: relative;
  margin-top: 1.2rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  button.atom-button--tertiary:first-of-type {
  margin-bottom: 0.8rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--input {
  width: 100%;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--input.form-control {
  box-shadow: none;
  height: inherit;
  border: none;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--count {
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  font-size: 1rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  margin-bottom: 1.2rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions {
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  button:first-of-type,
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  x-input-file {
  width: 50%;
  max-width: 20rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  button {
  margin-left: 0.8rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  x-input-file {
  margin-bottom: 0;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  x-input-file
  .file-input-inner-wrap {
  display: block;
  text-align: center;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  x-input-file
  .file-input-inner-wrap
  .atom-button:first-of-type {
  width: 100%;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  x-input-file
  .file-input-inner-wrap
  .atom-button:first-of-type::before {
  font-family: "Glyphicons Halflings";
  content: "\e142";
  vertical-align: text-bottom;
  margin-right: 0.3rem;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  div[id^="inline-status"],
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  div[id^="file-name"] {
  margin-left: 0;
  font-size: 1rem;
  width: calc(100% - 2rem);
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  div[id^="inline-status"]
  > div,
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  div[id^="file-name"]
  > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0.5rem 0;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  div[id^="inline-status"]
  > div
  button,
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  div[id^="file-name"]
  > div
  button {
  width: 2rem;
  margin: 0;
  padding: 0 0 0 0.5rem;
  position: absolute;
  right: 0;
}
.exi-transitional
  .org-commenting
  .org-commenting__new
  .org-commenting__new--actions
  .hint-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

/*
TABLE OF CONTENTS
- Individual comment
- Comment toolbar (Action buttons: mark unread, new comment)
- New comment section
*/
.exi-transitional .org-texting {
  display: block;
  position: relative;
}
.exi-transitional .org-texting__outer-wrap .panel-heading {
  padding-bottom: 0.5rem;
}
.exi-transitional
  .org-texting__outer-wrap
  .panel-heading
  .org-texting__participant {
  display: inline-block;
}
.exi-transitional
  .org-texting__outer-wrap
  .panel-heading
  .org-texting__participant:not(:last-of-type)::after {
  content: ", ";
}
.exi-transitional .org-texting__outer-wrap .org-texting__responding,
.exi-transitional .org-texting__outer-wrap .org-texting__locked {
  clear: both;
  font-size: 1rem;
  font-style: italic;
  width: 100%;
}
.exi-transitional .org-texting__outer-wrap .panel-body {
  border-radius: 0 0 0.3rem 0.3rem;
  padding-top: 0;
}
.exi-transitional .org-texting__outer-wrap .panel-body .org-texting__initials {
  color: #fff;
  /* IE11 fallback */
  color: var(--brand-text-light);
  border-radius: 50%;
  font-size: 1.5rem;
  grid-area: initials;
  height: 30px;
  padding-top: 0.45rem;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  width: 30px;
}
.exi-transitional
  .org-texting__outer-wrap
  .panel-body
  .org-texting__initials--left {
  background: #767676;
  /* IE11 fallback */
  background: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  left: 0;
}
.exi-transitional
  .org-texting__outer-wrap
  .panel-body
  .org-texting__initials--right {
  background: #0077b3;
  /* IE11 fallback */
  background: var(--brand-message);
  right: 0;
}
.exi-transitional .org-texting .org-texting__shadow--top {
  position: absolute;
  left: 0;
  top: -1rem;
  margin-bottom: 1rem;
  width: 100%;
  height: 1rem;
  z-index: 5;
  -webkit-box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 8px 6px -3px rgba(0, 0, 0, 0.4);
}
.exi-transitional .org-texting .org-texting__shadow--bottom {
  position: absolute;
  top: -1.2rem;
  left: 0;
  display: block;
  width: 100%;
  height: 1rem;
  z-index: 5;
  -webkit-box-shadow: 0px -8px 6px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -8px 6px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -8px 6px -3px rgba(0, 0, 0, 0.4);
}
.exi-transitional .org-texting .org-texting__body {
  position: relative;
  max-height: calc(100vh - 10rem);
  overflow-y: auto;
}
.exi-transitional .org-texting .org-texting__body::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 6;
}
.exi-transitional .org-texting .org-texting__body::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  z-index: 6;
}
.exi-transitional .org-texting .org-texting__last-read {
  position: relative;
  display: -ms-flex;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #0077b3;
  /* IE11 fallback */
  color: var(--brand-accent-dark);
  margin: 1.2rem 0;
}
.exi-transitional .org-texting .org-texting__last-read div,
.exi-transitional .org-texting .org-texting__last-read::before,
.exi-transitional .org-texting .org-texting__last-read::after {
  display: block;
  width: 100%;
}
.exi-transitional .org-texting .org-texting__last-read div {
  width: 15rem;
  text-align: center;
  margin-bottom: 0.3rem;
}
.exi-transitional .org-texting .org-texting__last-read::before,
.exi-transitional .org-texting .org-texting__last-read::after {
  content: "";
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 1px;
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--brand-accent-light);
}
.exi-transitional
  .org-texting
  .org-texting__last-read
  ~ .org-texting__message:not(.org-texting__message--mine) {
  position: relative;
}
.exi-transitional
  .org-texting
  .org-texting__last-read
  ~ .org-texting__message:not(.org-texting__message--mine)
  .org-texting__message--unread-indicator {
  position: absolute;
  top: -0.55rem;
  right: -5px;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background: #61d0ff;
  /* IE11 fallback */
  background: var(--brand-accent-light);
  border: none;
}
.exi-transitional
  .org-texting
  .org-texting__last-read
  ~ .org-texting__message:not(.org-texting__message--mine)
  .org-texting__message--author {
  font-weight: 700;
}
.exi-transitional .org-texting .org-texting__message {
  clear: both;
  display: grid;
  position: relative;
  grid-template-columns: 8% 35% 35% 22%;
  grid-template-rows: auto 20%;
  grid-template-areas: "initials body body ." ". date-time seen .";
  margin: 0 0 1.2rem 0;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--author {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  font-family: "Averta";
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--date-time {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  font-size: 1.1rem;
  grid-area: date-time;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--seen {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  font-size: 1.1rem;
  grid-area: seen;
  text-align: right;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--edited {
  float: right;
  margin-left: 1rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--body {
  border: 1px solid;
  border-radius: 0.4rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  font-size: 1.1rem;
  grid-area: body;
  padding: 0.8rem;
  position: relative;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--body
  .org-texting__message--content {
  margin-bottom: 0.5rem;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--body
  .org-texting__message--content
  ~ .org-texting__message--more-less {
  display: inline-block;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--body
  .org-texting__message--content
  ~ .org-texting__message--more-less::after {
  font-family: "Glyphicons Halflings";
  font-size: 0.9rem;
  content: "\e260";
  vertical-align: middle;
  margin-left: 0.3rem;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__message--body
  .org-texting__message--content[style*="50px"]
  ~ .org-texting__message--more-less::after {
  content: "\e259";
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__attachment
  a {
  display: block;
  margin-bottom: 0.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.exi-transitional
  .org-texting
  .org-texting__message
  .org-texting__attachment
  a::before {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  content: "\e142";
  margin-right: 0.3rem;
  vertical-align: middle;
}
.exi-transitional
  .org-texting
  .org-texting__message.org-texting__message--mine {
  grid-template-columns: 20% 35% 35% 8%;
  grid-template-rows: auto 20%;
  grid-template-areas: ". body body initials" ". date-time seen .";
}
.exi-transitional
  .org-texting
  .org-texting__message.org-texting__message--mine
  .org-texting__message--body {
  background: #e9f8ff;
  /* IE11 fallback */
  background: hsl(
    var(--brand-accent-light-h),
    calc(var(--brand-accent-light-s) * 1),
    calc(var(--brand-accent-light-l) * 1.386)
  );
}
.exi-transitional .org-texting .org-texting__message.org-texting__message--new {
  animation: animationFramesAdd ease-out 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode: forwards;
  /*when the spec is finished*/
  -webkit-animation: animationFramesAdd ease-out 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode: forwards;
  /*Chrome 16+, Safari 4+*/
  -moz-animation: animationFramesAdd ease-out 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode: forwards;
  /*FF 5+*/
  -o-animation: animationFramesAdd ease-out 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode: forwards;
  /*Not implemented yet*/
  -ms-animation: animationFramesAdd ease-out 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode: forwards;
  /*IE 10+*/
}
@keyframes animationFramesAdd {
  0% {
    opacity: 0;
    transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
  }
}
@-moz-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -moz-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -moz-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -moz-transform: scaleX(1) scaleY(1);
  }
}
@-webkit-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -webkit-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -webkit-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scaleX(1) scaleY(1);
  }
}
@-o-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -o-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -o-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -o-transform: scaleX(1) scaleY(1);
  }
}
@-ms-keyframes animationFramesAdd {
  0% {
    opacity: 0;
    -ms-transform: scaleX(0.5) scaleY(0.5);
  }
  61% {
    opacity: 1;
    -ms-transform: scaleX(1.25) scaleY(1.25);
  }
  100% {
    opacity: 1;
    -ms-transform: scaleX(1) scaleY(1);
  }
}
.exi-transitional .org-texting .org-texting__toolbar {
  position: relative;
  margin-top: 1.2rem;
  text-align: right;
}
.exi-transitional .org-texting .org-texting__toolbar .org-texting__responding {
  margin-bottom: 0.5rem;
}
.exi-transitional .org-texting .org-texting__toolbar button:not(:first-child) {
  margin-left: 0.8rem;
}
.exi-transitional .org-texting .org-texting__new {
  position: relative;
  margin-top: 1.2rem;
}
.exi-transitional
  .org-texting
  .org-texting__new
  button.atom-button--tertiary:first-of-type {
  margin-bottom: 0.8rem;
}
.exi-transitional .org-texting .org-texting__new .org-texting__new-caption {
  font-size: 1.2rem;
}
.exi-transitional .org-texting .org-texting__new .org-texting__editor-wrap {
  width: 100%;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__editor-wrap
  .mol-text-editor {
  border-radius: 0;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__editor-wrap
  .mol-text-editor
  .tox-sidebar-wrap {
  overflow-y: auto;
}
.exi-transitional .org-texting .org-texting__new .org-texting__new--count {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  font-size: 1rem;
  margin-bottom: 1.2rem;
  margin-top: 0;
  padding: 0.5rem;
  position: relative;
  top: -1px;
  text-align: right;
}
.exi-transitional .org-texting .org-texting__new .org-texting__new--actions {
  border: 1px solid;
  border-bottom: none;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  display: inline-block;
  width: 100%;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__new--actions
  .hint-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__new--actions
  button {
  border-color: #dcdcdc !important;
  /* IE11 fallback */
  border-color: var(--brand-border-light) !important;
  border-radius: 0;
  border-right: 1px solid;
  position: relative;
  height: 40px;
  width: 40px;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__new--actions
  button:last-of-type {
  left: -3px;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__new--actions
  button
  .glyphicon {
  font-size: 1.75rem;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__message-buttons-wrap {
  text-align: right;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__message-buttons-wrap
  .org-texting__multiuser-buttons-wrap
  .mol-split-button-dropdown
  .atom-button {
  vertical-align: unset;
}
.exi-transitional
  .org-texting
  .org-texting__new
  .org-texting__message-buttons-wrap
  .org-texting__responding {
  margin-bottom: 0.5rem;
}

/*
TABLE OF CONTENTS
- General
- Context-specific Styles for Components
  - Full List Batch Options Dropdown
  - List Key
  - Pagination Controls
*/
.exi-transitional .org-full-list .mol-full-list-batch-options-dropdown {
  float: right;
  margin-bottom: 1.6rem;
}
@media (max-width: 768px) {
  .exi-transitional .org-full-list .mol-full-list-batch-options-dropdown {
    float: none;
    display: block;
    clear: left;
  }
  .exi-transitional
    .org-full-list
    .mol-full-list-batch-options-dropdown
    ul.dropdown-menu-right {
    right: auto;
    left: 0;
  }
}
.exi-transitional .org-full-list .mol-list-key {
  position: absolute;
  top: 0;
  right: 0;
}
.exi-transitional .org-full-list .mol-pagination {
  float: left;
  margin-bottom: 1.6rem;
}

/* Remove after all components are transitioned */
.exi-transitional {
  /*
  TABLE OF CONTENTS
  - General
    - Default Styling
    - Form Inputs Column
    - Action Buttons Column
  - Form Body
    - Inputs Area
    - Action Buttons Area
  */
  /* GENERAL */
  /* DEFAULT STYLING */
  /* Progress Trail column (if contained within Page Body) */
  /* Form Inputs column */
  /* Default styling - mobile */
  /*Button Position Enhancement */
  /* Action Buttons column */
  /*----------------------------------*/
}
.exi-transitional .option-controls {
  border: 1px solid lightgray;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media all and (max-width: 768px) {
  .exi-transitional .option-controls {
    display: none;
  }
}
.exi-transitional
  .org-data-entry-form.org-wizard.org-wizard--internal-progress
  .org-wizard--col---progress {
  float: left;
  width: 25rem;
}
.exi-transitional
  .org-data-entry-form.org-wizard.org-wizard--internal-progress
  .org-wizard--col---progress.full-width {
  width: 100%;
}
.exi-transitional
  .org-data-entry-form.org-wizard.org-wizard--internal-progress
  .org-data-entry-form--col---inputs {
  float: left;
  width: calc(100% - 44rem);
}
.exi-transitional
  .org-data-entry-form.org-wizard.org-wizard--internal-progress
  .org-data-entry-form--col---inputs.full-width {
  width: 100%;
}
.exi-transitional nav.mol-data-entry-form-action-buttons-desktop.full-width {
  display: flex;
  flex-direction: row-reverse;
}
.exi-transitional
  nav.mol-data-entry-form-action-buttons-desktop.full-width
  button {
  display: inline-block;
  margin-left: 1rem;
  width: 16rem;
}
@media (max-width: 768px) {
  .exi-transitional {
    /* Desktop nav hidden */
  }
  .exi-transitional
    .org-data-entry-form.org-wizard.org-wizard--internal-progress
    .org-wizard--col---progress,
  .exi-transitional
    .org-data-entry-form.org-wizard.org-wizard--internal-progress
    .org-data-entry-form--col---inputs {
    float: none;
    width: 100%;
  }
  .exi-transitional
    .org-data-entry-form.org-wizard
    .mol-data-entry-form-action-buttons-mobile
    button:first-child,
  .exi-transitional
    .org-data-entry-form.org-wizard
    .mol-data-entry-form-action-buttons-mobile
    a:first-child {
    line-height: 1.6rem;
    text-decoration: none;
  }
  .exi-transitional
    .org-data-entry-form
    .mol-data-entry-form-action-buttons-desktop {
    display: none !important;
  }
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--col---buttons.lower-button {
  float: unset;
  width: 100%;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--col---buttons.lower-button
  .mol-data-entry-form-action-buttons-desktop {
  position: absolute;
  bottom: 0;
  right: 1.5rem;
  transition: 0s;
  width: auto;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--col---buttons.lower-button
  .mol-data-entry-form-action-buttons-desktop
  button {
  display: inline-block;
  float: right;
  margin-left: 10px;
  width: 16rem;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--col---inputs.lower-button-margin {
  margin-bottom: 1rem;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--col---buttons.full-width {
  width: 100%;
}

/* Close exi-transitional */
/* Remove after all components are transitioned */
.exi-transitional {
  /*
  TABLE OF CONTENTS
  - General
    - Default Styling
    - Form Inputs Column
    - Action Buttons Column
  - Form Body
    - Inputs Area
    - Action Buttons Area
  */
  /* GENERAL */
  /* DEFAULT STYLING */
  /* Form Inputs column */
  /* Action Buttons column */
  /* Default styling - mobile */
  /*----------------------------------*/
  /* FORM BODY */
  /* INPUTS COLUMN */
  /* Allow two form inputs side-by-side in desktop layouts */
  /* Allow three form inputs side-by-side in desktop layouts */
  /* Restack side-by-side form inputs in a single column for mobile */
  /*----------------------------------*/
  /* ACTION BUTTONS COLUMN */
  /* Desktop nav displayed */
  /* Mobile nav hidden */
  /* Mobile Styling */
}
.exi-transitional .option-controls {
  border: 1px solid lightgray;
  padding: 1rem;
  margin-bottom: 1rem;
}
@media all and (max-width: 768px) {
  .exi-transitional .option-controls {
    display: none;
  }
}
.exi-transitional .org-data-entry-form {
  position: relative;
}
.exi-transitional .org-data-entry-form .org-data-entry-form--col---inputs {
  float: left;
  width: calc(100% - 19rem);
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--col---inputs.full-width {
  width: 100%;
}
.exi-transitional .org-data-entry-form .org-data-entry-form--col---buttons {
  float: right;
  width: 16rem;
}
@media (max-width: 768px) {
  .exi-transitional .org-data-entry-form .org-data-entry-form--col---inputs,
  .exi-transitional .org-data-entry-form .org-data-entry-form--col---buttons {
    float: none;
    width: 100%;
  }
}
.exi-transitional .org-data-entry-form fieldset {
  margin-bottom: 3.2rem;
  padding-bottom: 2.4rem;
}
.exi-transitional .org-data-entry-form fieldset:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.exi-transitional .org-data-entry-form fieldset h4,
.exi-transitional .org-data-entry-form fieldset .form-group {
  margin-bottom: 2.4rem;
}
.exi-transitional .org-data-entry-form fieldset fieldset {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.exi-transitional .org-data-entry-form [class*="sidebyside"] {
  clear: both;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--sidebyside---two
  .form-group {
  float: left;
  width: calc(50% - 1.6rem);
  margin-right: 1.6rem;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--sidebyside---two
  .form-group
  + .form-group {
  width: calc(50% - 1.6rem);
  margin: 0 0 2.4rem 1.6rem;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--sidebyside---three
  .form-group {
  float: left;
  width: calc(33.3% - 1.6rem);
  margin-left: 0;
  margin-right: 0;
}
.exi-transitional
  .org-data-entry-form
  .org-data-entry-form--sidebyside---three
  .form-group:nth-child(2) {
  width: calc(33.3% - 3.2rem);
  margin-left: 3.2rem;
  margin-right: 3.2rem;
}
@media (max-width: 768px) {
  .exi-transitional
    .org-data-entry-form
    .org-data-entry-form--sidebyside---two
    .form-group,
  .exi-transitional
    .org-data-entry-form
    .org-data-entry-form--sidebyside---two
    .form-group
    + .form-group,
  .exi-transitional
    .org-data-entry-form
    .org-data-entry-form--sidebyside---three
    .form-group,
  .exi-transitional
    .org-data-entry-form
    .org-data-entry-form--sidebyside---three
    .form-group:nth-child(2) {
    float: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}
.exi-transitional
  .org-data-entry-form
  .mol-data-entry-form-action-buttons-desktop {
  position: relative;
}
.exi-transitional
  .org-data-entry-form
  .mol-data-entry-form-action-buttons-desktop
  button,
.exi-transitional
  .org-data-entry-form
  .mol-data-entry-form-action-buttons-desktop
  a {
  display: block;
  width: 100%;
  margin: 0 0 1.6rem 0;
}
.exi-transitional
  .org-data-entry-form
  .mol-data-entry-form-action-buttons-mobile {
  display: none;
  text-align: right;
  position: relative;
  top: -2.5rem;
}
@media (max-width: 768px) {
  .exi-transitional {
    /* Desktop nav hidden */
    /* Mobile nav displayed */
  }
  .exi-transitional
    .org-data-entry-form
    .mol-data-entry-form-action-buttons-desktop {
    display: none;
  }
  .exi-transitional
    .org-data-entry-form
    .mol-data-entry-form-action-buttons-mobile {
    display: block;
  }
  .exi-transitional
    .org-data-entry-form
    .mol-data-entry-form-action-buttons-mobile
    button:first-child,
  .exi-transitional
    .org-data-entry-form
    .mol-data-entry-form-action-buttons-mobile
    a:first-child {
    line-height: 1rem;
  }
}

/* Close exi-transitional */
/* Import all page element SASS files */
.noscroll {
  overflow: hidden;
}

.exi-transitional {
  /* Prevent scrolling/fading while the nav menu is open in mobile */
  /* GENERAL */
}
.exi-transitional .dontscroll {
  position: sticky !important;
  top: 0 !important;
  opacity: 1 !important;
}
.exi-transitional .org-global-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 5rem;
  opacity: 1;
  transition: 0.2s ease-in;
  border-bottom-width: 0.2rem;
  border-bottom-style: solid;
}
@media (max-width: 768px) {
  .exi-transitional .org-global-header {
    position: fixed;
  }
}
.exi-transitional .org-global-header .glyphicon {
  font-size: 2rem;
}

/* MOVE TO NEW PAGE HEADER VERSION WHEN COMPONENTIZED */
/* SKIP NAVIGATION */
/* Skip Nav Button */
.exi-transitional .btn-group.mol-skipnav button:first-child {
  border-top: none;
  border-left: none;
  border-radius: 0 0 4px 0;
}

/*-----------------------------*/
/* GENERAL */
.exi-transitional main {
  display: block;
  position: relative;
  width: auto;
  margin: 0 3rem;
}

/* Narrow left/right margin for small viewports */
@media (max-width: 768px) {
  .exi-transitional main {
    margin: 0 1.1rem;
  }
}
/*
TABLE OF CONTENTS
- General
- Heading
- Body
- Footer
- Alternate Styles
  - Outside
  - Filled
- Legacy
  -  "Panel" Class Support
*/
.exi-transitional .org-page-body {
  margin: 0 0 1.6rem 0;
}
.exi-transitional .org-page-body .org-page-body--heading {
  position: relative;
  margin: 0;
  padding: 1.2rem 4rem 0.3rem 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0.3rem 0.3rem 0 0;
  border-bottom: none;
  box-shadow: none;
}
.exi-transitional .org-page-body .org-page-body--heading h3 {
  margin: 0;
}
.exi-transitional .org-page-body .org-page-body--heading .mol-help-button,
.exi-transitional .org-page-body .org-page-body--heading .mol-help-link {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.exi-transitional .org-page-body .org-page-body--body {
  margin: 0;
  padding: 1.6rem 1.6rem 0 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: none;
}
.exi-transitional .org-page-body .org-page-body--body::after {
  display: block;
  content: "";
  clear: both;
}
.exi-transitional .org-page-body .org-page-body--footer {
  text-align: right;
  margin: -0.3rem 0 0 0;
  padding: 0 1.6rem 1.6rem 1.6rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-radius: 0 0 0.3rem 0.3rem;
  border-top: none;
  box-shadow: none;
}
.exi-transitional .org-page-body.outside .org-page-body--heading {
  padding: 0 4rem 1.2rem 0;
  background: none;
  border: none;
}
.exi-transitional
  .org-page-body.outside
  .org-page-body--heading
  .mol-help-button {
  position: absolute;
  top: 0;
  right: 0;
}
.exi-transitional .org-page-body.outside .org-page-body--body {
  border-radius: 0.3rem;
}
@media (min-width: 769px) {
  .exi-transitional [class^="col-"]:first-of-type .org-page-body,
  .exi-transitional [class*=" col-"]:first-of-type .org-page-body {
    margin: 0 2.4rem 2.4rem 0;
  }
}

.ph-demo-container {
  margin: -1rem -1rem 0 -1rem;
}

.ph-demo-global-header {
  background: darkgray;
}

.exi-transitional .org-page-header {
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  position: absolute;
  height: auto;
  margin: 0;
  min-width: 250px;
  padding: 1.6rem 1.6rem 1.6rem 7.5rem;
  top: 5rem;
  left: 0;
  right: 0;
  transition: 0.2s ease-in-out;
  border-bottom: 1px solid;
  border-bottom-color: #dcdcdc;
  /* IE11 fallback */
  border-bottom-color: var(--brand-border-light);
  /* Bug: 186062 Entity Images not sized properly */
}
@media (max-width: 991px) {
  .exi-transitional .org-page-header {
    padding-left: 6rem;
  }
}
@media (max-width: 767px) {
  .exi-transitional .org-page-header .mol-page-title {
    margin: 0.5rem 5.5rem 1.2rem 0 !important;
  }
}
.exi-transitional .org-page-header .jzb-layout-header-summary {
  min-height: 0;
}
.exi-transitional .org-page-header .jzb-layout-header-name {
  margin: 0;
}
.exi-transitional .org-page-header .mol-page-title {
  margin: 0.5rem 0 1.2rem 0;
  transition: 0.2s ease-in-out;
}
@media (max-width: 991px) {
  .exi-transitional .org-page-header .mol-page-title {
    font-size: 2.5rem;
    margin-top: 0;
  }
}
.exi-transitional .org-page-header .mol-page-header-icon {
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 4.5rem;
  line-height: 1;
  transition: 0.2s ease-in-out;
}
@media (max-width: 991px) {
  .exi-transitional .org-page-header .mol-page-header-icon {
    font-size: 3rem;
    width: 3rem;
    height: 3.5rem;
  }
}
.exi-transitional .org-page-header a.mol-page-header-icon > div > img {
  width: 35px;
}
.exi-transitional
  .org-page-header
  [id*="H2Base"]
  ~ .mol-page-header-icon
  .glyphicon-send {
  color: #0077b3;
}
.exi-transitional
  .org-page-header
  [id*="H2Base"]
  ~ .mol-page-header-icon
  .glyphicon-check {
  color: #eac075;
}
.exi-transitional
  .org-page-header
  [id*="H2Base"]
  ~ .mol-page-header-icon
  .glyphicon-calendar {
  color: #783ea6;
}
.exi-transitional .org-page-header a:hover {
  text-decoration: underline;
}
.exi-transitional .org-page-header.no-crumbs .mol-breadcrumb {
  display: none !important;
}
.exi-transitional .org-page-header.crumbs {
  padding-top: 3.75rem;
}
.exi-transitional .org-page-header.crumbs .mol-breadcrumb {
  display: block !important;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
}
.exi-transitional .org-page-header.crumbs .mol-page-header-icon {
  top: 4rem !important;
}
.exi-transitional .org-page-header .org-page-header--int-content ul {
  list-style-type: none;
  margin: 0 0 1.2rem 0;
  padding: 0;
}
.exi-transitional .org-page-header .org-page-header--int-content ul li {
  margin: 0 0 0.25rem 0;
  padding: 0;
}
.exi-transitional .org-page-header .org-page-header--int-content ul li span {
  font-weight: 600;
}
.exi-transitional .org-page-header .mol-page-header-toolbar {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
}
@media (max-width: 400px) {
  .exi-transitional .org-page-header .mol-page-header-toolbar {
    position: relative;
  }
}
.exi-transitional .org-page-header .mol-page-header-toolbar .atom-button {
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  color: #10069f;
  /* IE11 fallback */
  color: var(--brand-interactive);
  padding: 0.6rem 1.2rem;
}
.exi-transitional .org-page-header .mol-page-header-toolbar .atom-button:hover,
.exi-transitional .org-page-header .mol-page-header-toolbar .atom-button:active,
.exi-transitional .org-page-header .mol-page-header-toolbar .atom-button:focus {
  background-color: #0b046c;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-interactive-h),
    calc(var(--brand-interactive-s) * 1),
    calc(var(--brand-interactive-l) * 0.7)
  );
}
.exi-transitional .org-page-header .mol-page-header-toolbar .glyphicon {
  font-size: 1.4rem;
}
.exi-transitional .org-page-header.org-page-header--scrollup {
  position: fixed;
  top: 5rem;
  padding: 1rem 1rem 1rem 5.5rem;
}
.exi-transitional .org-page-header.org-page-header--scrollup .mol-page-title {
  font-size: 2.25rem;
}
.exi-transitional
  .org-page-header.org-page-header--scrollup
  .mol-page-header-icon {
  top: 1rem;
  left: 1rem;
  width: 3.25rem;
  height: 3.25rem;
  font-size: 3.25rem;
}
.exi-transitional .org-page-header.org-page-header--scrollup.crumbs {
  padding-top: 3.75rem;
}
@media (max-width: 768px) {
  .exi-transitional .org-page-header.org-page-header--scrollup {
    top: 0;
  }
}
.exi-transitional .org-page-header #ph-options-dropdown-ul {
  margin: 0;
  padding: 0.5rem 0;
  position: absolute;
  top: unset !important;
  list-style: none;
  display: none;
  min-width: 16rem;
  width: max-content;
  max-width: 40rem;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #a9a9a9;
  /* IE11 fallback */
  border-color: var(--brand-border-dark);
  border-radius: 0.3rem;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15);
}
.exi-transitional .org-page-header #ph-options-dropdown-ul li {
  margin: 0;
  padding: 0;
}
.exi-transitional
  .org-page-header
  #ph-options-dropdown-ul
  li
  span[role="menuitem"] {
  display: block;
  width: 100%;
  padding: 0.5rem 1.2rem 0;
  font-size: 1.2rem;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  text-transform: capitalize;
}
.exi-transitional
  .org-page-header
  #ph-options-dropdown-ul
  li
  a[role="menuitem"] {
  display: block;
  text-decoration: none;
  line-height: 1.4;
  font-size: 1.4rem;
  padding: 0.5rem 1.2rem;
  width: 100%;
  text-align: left;
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: transparent;
  border: none;
  border-radius: 0;
  cursor: pointer;
}
.exi-transitional .org-page-header #ph-options-dropdown-ul li a:hover {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  background: #f6f6f6;
  /* IE11 fallback */
  background: var(--brand-fill-light);
}

.exi-transitional .org-page-footer {
  clear: both;
  margin: 0 auto 2rem auto;
  padding: 0 2.4rem;
  font-size: 1rem;
  position: relative;
  bottom: 0;
  width: 100%;
  height: 2rem;
}
.exi-transitional .org-page-footer p {
  margin-left: 5rem;
}
.exi-transitional .org-page-footer .copyright,
.exi-transitional .org-page-footer .release-details,
.exi-transitional .org-page-footer .subfooter {
  display: inline-block;
}
.exi-transitional .org-page-footer .subfooter,
.exi-transitional .org-page-footer .release-details {
  margin-left: 0.8rem;
}
@media (max-width: 768px) {
  .exi-transitional .org-page-footer {
    padding: 0 0.8rem;
  }
  .exi-transitional .org-page-footer .copyright,
  .exi-transitional .org-page-footer .release-details,
  .exi-transitional .org-page-footer .subfooter {
    display: block;
    margin: 0;
  }
}
@media (min-width: 1210px) {
  .exi-transitional .org-page-footer {
    padding: 0;
  }
}

.org-datasheet_arrows-wrap {
  float: left;
  padding: 0 1rem 0 2rem;
}
.org-datasheet_arrows-wrap button.org-datasheet_arrow {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
  border: none;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  margin-right: 10px;
  padding: 5px;
  width: 35px;
}
.org-datasheet_arrows-wrap button.org-datasheet_arrow:hover {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.org-datasheet_arrows-wrap button.org-datasheet_arrow[disabled] {
  color: #a9a9a9;
  /* IE11 fallback */
  color: var(--brand-text-disabled);
  cursor: not-allowed;
}
.org-datasheet_arrows-wrap button.org-datasheet_arrow i {
  font-size: 20px;
}

.org-datasheet_controls {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
  border-top: 1px solid;
  border-top-color: #a9a9a9;
  /* IE11 fallback */
  border-top-color: var(--brand-border-dark);
  line-height: initial;
  overflow: hidden;
  position: relative;
}

.org-datasheet_outer-wrap {
  background-color: #fff;
  /* IE11 fallback */
  background-color: var(--brand-fill-lightest);
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-radius: 4px;
  clear: both;
}

.org-datasheet_slider-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
}
.org-datasheet_slider-wrap button.org-datasheet_slider-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
  border: none;
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  float: left;
  padding: 5px 0;
  width: 30px;
}
.org-datasheet_slider-wrap button.org-datasheet_slider-icon:hover {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}
.org-datasheet_slider-wrap button.org-datasheet_slider-icon[disabled] {
  color: #a9a9a9;
  /* IE11 fallback */
  color: var(--brand-text-disabled);
  cursor: not-allowed;
}
.org-datasheet_slider-wrap #slider_input {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  background-color: #333;
  /* IE11 fallback */
  background-color: var(--brand-fill-dark);
  float: left;
  height: 5px;
  margin: 0 1rem;
  max-width: 300px;
  min-width: 100px;
}
.org-datasheet_slider-wrap #slider_input .ui-corner-all {
  border-radius: 10px;
}
.org-datasheet_slider-wrap #slider_input .ui-slider-handle {
  top: -0.45em;
}
@media (max-width: 790px) {
  .org-datasheet_slider-wrap {
    display: none;
  }
}

.org-datasheet_tab-wrap {
  display: inline-block;
}

.org-datasheet_tabs {
  border: 1px solid;
  border-color: #a9a9a9;
  /* IE11 fallback */
  border-color: var(--brand-border-dark);
  border-bottom: none;
  border-right: none;
  border-top: none;
  cursor: pointer;
  float: left;
  list-style-type: none;
  margin-bottom: 0;
  padding: 0 1.5rem;
}
.org-datasheet_tabs li {
  border: 1px solid;
  border-color: #dcdcdc;
  /* IE11 fallback */
  border-color: var(--brand-border-light);
  border-top-color: #fff;
  /* IE11 fallback */
  border-top-color: var(--brand-fill-lightest);
  float: left;
  margin: 0 5px;
  padding: 5px 10px;
}
.org-datasheet_tabs li.active-filter {
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  border-color: #a9a9a9;
  /* IE11 fallback */
  border-color: var(--brand-border-dark);
  border-radius: 0 0 4px 4px;
  border-top: white;
  box-shadow: 0px 1px 5px #333;
  font-weight: bold;
}

.org-datasheet_zoom-label {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  float: left;
  font-weight: normal !important;
  margin: 0 2rem !important;
  width: 40px;
}

.org-datasheet .htCore {
  position: relative;
  transform: scale(1);
  transform-origin: left;
}
.org-datasheet .htCore thead th {
  border-top: none;
}
.org-datasheet .htCore thead th:first-of-type {
  border-right: none;
}

.handsontable table.htCore tr td {
  position: relative;
}
.handsontable table.htCore tr td.overflow {
  overflow: visible !important;
}
.handsontable table.htCore tr td.overflow > div {
  padding-left: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.handsontable table.htCore tr td.overflow > div button.atom-button--text {
  float: right;
  position: relative;
  right: 4px;
  top: 4px;
  cursor: pointer;
}
.handsontable table.htCore tr td.overflow.htRight > div {
  padding-right: 4px;
}
.handsontable
  table.htCore
  tr
  td.overflow.htRight
  > div
  button.atom-button--text {
  float: left;
  left: 0px;
}
.handsontable table.htCore tr td.overflow.danger {
  background: #ffebef !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  ) !important;
}
.handsontable table.htCore tr td.overflow.danger .validation-icon {
  color: #d7143b !important;
  /* IE11 fallback */
  color: var(--brand-danger) !important;
}
.handsontable table.htCore tr td.overflow.success {
  background: #f3f8ed !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  ) !important;
}
.handsontable table.htCore tr td.overflow.success .validation-icon {
  color: #457a00 !important;
  /* IE11 fallback */
  color: var(--brand-success) !important;
}
.handsontable table.htCore tr td.overflow.warning {
  background: #fcf5ee !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  ) !important;
}
.handsontable table.htCore tr td.overflow.warning .validation-icon {
  color: #a35a00 !important;
  /* IE11 fallback */
  color: var(--brand-warning) !important;
}

.org-datasheet_table-wrap .ht_master.handsontable {
  overflow: visible;
}
.org-datasheet_table-wrap
  .ht_master.handsontable
  .htCore[style="transform: scale(1.25);"] {
  top: 17px;
}
.org-datasheet_table-wrap
  .ht_master.handsontable
  .htCore[style="transform: scale(1.5);"] {
  top: 32px;
}
.org-datasheet_table-wrap
  .ht_master.handsontable
  .htCore[style="transform: scale(1.75);"] {
  top: 47px;
}
.org-datasheet_table-wrap
  .ht_master.handsontable
  .htCore[style="transform: scale(2);"] {
  top: 61px;
}

:not(div.handsontableInputHolder)
  .org-datasheet_table-wrap
  .ht_master.handsontable
  .wtHolder {
  overflow: scroll;
  min-height: 101%;
}

.ht_clone_left.handsontable .htCore[style="transform: scale(1.25);"] {
  top: 17px;
}
.ht_clone_left.handsontable .htCore[style="transform: scale(1.5);"] {
  top: 32px;
}
.ht_clone_left.handsontable .htCore[style="transform: scale(1.75);"] {
  top: 47px;
}
.ht_clone_left.handsontable .htCore[style="transform: scale(2);"] {
  top: 61px;
}

.org-datasheet_table-wrap {
  border-top: 0;
  height: 500px;
  overflow: auto;
}
.org-datasheet_table-wrap .popover {
  height: auto;
  width: 32rem;
}
.org-datasheet_table-wrap .popover div {
  position: relative;
}
.org-datasheet_table-wrap .popover-content {
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  padding: 9px 14px;
}
.org-datasheet_table-wrap .popover-title {
  background-color: transparent;
  border-radius: unset;
  padding: 0 0 0.5rem 0.8rem !important;
  text-transform: capitalize;
}
.org-datasheet_table-wrap .popover-title .mol-close {
  float: right;
}
.org-datasheet_table-wrap .popover {
  padding: 0.8rem;
}
.org-datasheet_table-wrap .popover button.mol-close {
  padding: 0.5rem 0.5rem 0.3rem 0.5rem;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  left: unset !important;
  float: unset !important;
}
.org-datasheet_table-wrap .popover.alert-danger {
  color: #d7143b !important;
  /* IE11 fallback */
  color: var(--brand-danger) !important;
  background-color: #ffebef !important;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  ) !important;
  border-bottom-color: rgba(186, 0, 0, 0.5) !important;
}
.org-datasheet_table-wrap .popover.alert-danger > .arrow:after {
  border-bottom-color: #ffebef !important;
  /* IE11 fallback */
  border-bottom-color: hsl(
    var(--brand-danger-h),
    calc(var(--brand-danger-s) * 1.2),
    calc(var(--brand-danger-l) * 2.09)
  ) !important;
}
.org-datasheet_table-wrap .popover.alert-danger > h3,
.org-datasheet_table-wrap .popover.alert-danger .popover-content {
  color: #d7143b !important;
  /* IE11 fallback */
  color: var(--brand-danger) !important;
}
.org-datasheet_table-wrap .popover.alert-success {
  color: #457a00 !important;
  /* IE11 fallback */
  color: var(--brand-success) !important;
  background-color: #f3f8ed !important;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  ) !important;
  border-bottom-color: rgba(0, 138, 7, 0.5) !important;
}
.org-datasheet_table-wrap .popover.alert-success > .arrow:after {
  border-bottom-color: #f3f8ed;
  /* IE11 fallback */
  border-bottom-color: hsl(
    var(--brand-success-h),
    calc(var(--brand-success-s) * 0.44),
    calc(var(--brand-success-l) * 4)
  );
}
.org-datasheet_table-wrap .popover.alert-success > h3,
.org-datasheet_table-wrap .popover.alert-success .popover-content {
  color: #457a00 !important;
  /* IE11 fallback */
  color: var(--brand-success) !important;
}
.org-datasheet_table-wrap .popover.alert-warning {
  color: #a35a00 !important;
  /* IE11 fallback */
  color: var(--brand-warning) !important;
  background-color: #fcf5ee !important;
  /* IE11 fallback */
  background-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  ) !important;
  border-bottom-color: #a35a00 !important;
  /* IE11 fallback */
  border-bottom-color: var(--brand-warning) !important;
}
.org-datasheet_table-wrap .popover.alert-warning > .arrow:after {
  border-bottom-color: #fcf5ee;
  /* IE11 fallback */
  border-bottom-color: hsl(
    var(--brand-warning-h),
    calc(var(--brand-warning-s) * 1.47),
    calc(var(--brand-warning-l) * 3)
  );
}
.org-datasheet_table-wrap .popover.alert-warning > h3,
.org-datasheet_table-wrap .popover.alert-warning .popover-content {
  color: #a35a00 !important;
  /* IE11 fallback */
  color: var(--brand-warning) !important;
}
.org-datasheet_table-wrap .popover .popover-title {
  font-size: 1.8rem;
  margin: 2px 0 0;
  padding: 0 0 0 0.8rem !important;
}
.org-datasheet_table-wrap .popover .popover-title > span.glyphicon {
  margin-right: 0.8rem;
}
.org-datasheet_table-wrap .popover.bottom > .arrow {
  margin-bottom: -1px;
  top: -19px;
}

.ht_clone_left.handsontable th:first-child,
.ht_clone_top_left_corner.handsontable th:first-child {
  border-left: 0;
}

.handsontable th {
  background-color: #f6f6f6 !important;
  /* IE11 fallback */
  background-color: var(--brand-fill-light) !important;
}

.handsontable .changeType {
  border-color: #10069f !important;
  /* IE11 fallback */
  border-color: var(--brand-interactive) !important;
  color: #10069f !important;
  /* IE11 fallback */
  color: var(--brand-interactive) !important;
}
.handsontable .changeType:hover {
  background-color: #10069f !important;
  /* IE11 fallback */
  background-color: var(--brand-interactive) !important;
  color: #767676 !important;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  ) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  border-color: #333 !important;
  /* IE11 fallback */
  border-color: var(--brand-text) !important;
}

.handsontable table.htCore tr td.overflow > .htAutocompleteArrow {
  color: #767676;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  );
  float: right;
  position: relative;
  margin-right: 12px;
  z-index: 1;
}

.handsontable .htAutocompleteArrow {
  color: #767676 !important;
  /* IE11 fallback */
  color: hsl(
    var(--brand-text-h),
    calc(var(--brand-text-s) * 1),
    calc(var(--brand-text-l) * 2.315)
  ) !important;
}

.handsontable table.htCore tr td.datasheet-search-result,
.handsontable
  table.htCore
  tr
  td.datasheet-search-inactive-result.datasheet-search-result,
.handsontable table.htCore tr td.datasheet-search-result.overflow.danger,
.handsontable table.htCore tr td.datasheet-search-result.overflow.warning,
.handsontable table.htCore tr td.datasheet-search-result.overflow.success,
.handsontable table.htCore tr td.datasheet-search-result.htDimmed {
  color: #333 !important;
  /* IE11 fallback */
  color: var(--brand-text) !important;
  box-sizing: border-box !important;
  line-height: 1.4 !important;
  background: #61d0ff !important;
  /* IE11 fallback */
  background: var(--brand-accent-light) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #0077b3 !important;
  /* IE11 fallback */
  border-color: var(--brand-accent-dark) !important;
}
.handsontable table.htCore tr td.datasheet-search-inactive-result {
  color: #333 !important;
  /* IE11 fallback */
  color: var(--brand-text) !important;
  background: #e9f8ff !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-accent-light-h),
    calc(var(--brand-accent-light-s) * 1),
    calc(var(--brand-accent-light-l) * 1.386)
  ) !important;
}
.handsontable
  table.htCore
  tr
  td.datasheet-search-inactive-result.overflow.danger,
.handsontable
  table.htCore
  tr
  td.datasheet-search-inactive-result.overflow.warning,
.handsontable
  table.htCore
  tr
  td.datasheet-search-inactive-result.overflow.success,
.handsontable table.htCore tr td.datasheet-search-inactive-result.htDimmed {
  background: #e9f8ff !important;
  /* IE11 fallback */
  background: hsl(
    var(--brand-accent-light-h),
    calc(var(--brand-accent-light-s) * 1),
    calc(var(--brand-accent-light-l) * 1.386)
  ) !important;
}

.handsontable .htDimmed {
  background-color: #f6f6f6;
  /* IE11 fallback */
  background-color: var(--brand-fill-light);
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
}

.exi-transitional .org-global-alert-bar {
  background: #ffffff;
  box-shadow: 0px -4px 14px rgba(124, 124, 124, 0.25);
  color: #333;
  /* IE11 fallback */
  color: var(--brand-text);
  font-size: 1.4rem;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  padding: 1.6rem 0 0 0;
  width: 100%;
  z-index: 1031;
}
@media (min-width: 1024px) {
  .exi-transitional .org-global-alert-bar {
    left: 50%;
    margin-left: -520px;
    max-width: 1040px;
  }
}
.exi-transitional .org-global-alert-bar .container-message[mode="all"] {
  max-height: 300px;
  overflow-y: scroll;
}
.exi-transitional
  .org-global-alert-bar
  .container-message[mode="all"]
  .alert-single:not(:last-of-type):after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 92%;
  height: 2px;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  margin-left: -47%;
}
.exi-transitional .org-global-alert-bar .container-message[mode="all"]:before {
  content: "";
  display: block;
  background: #fff;
  /* IE11 fallback */
  background: var(--brand-fill-lightest);
  height: 4px;
  margin-bottom: 1.5rem;
  width: 100%;
}
.exi-transitional .org-global-alert-bar .init-alert {
  display: block;
  margin-bottom: 1.6rem;
  text-align: center;
}
.exi-transitional .org-global-alert-bar .init-alert .atom-button {
  margin: 0 0 0 0.5rem;
}
.exi-transitional .org-global-alert-bar .alert-single {
  margin: 0 auto 3rem auto;
  padding: 0 4rem 1rem 4rem;
  position: relative;
  width: 94%;
}
@media (min-width: 1024px) {
  .exi-transitional .org-global-alert-bar .alert-single {
    width: 75%;
  }
}
.exi-transitional .org-global-alert-bar .alert-single.success-alert {
  border-left: 3px solid;
  border-left-color: #457a00;
  /* IE11 fallback */
  border-left-color: var(--brand-success);
}
.exi-transitional
  .org-global-alert-bar
  .alert-single.success-alert
  .alert-single-icon {
  color: #457a00;
  /* IE11 fallback */
  color: var(--brand-success);
}
.exi-transitional .org-global-alert-bar .alert-single.warning-alert {
  border-left: 3px solid;
  border-left-color: #a35a00;
  /* IE11 fallback */
  border-left-color: var(--brand-warning);
}
.exi-transitional
  .org-global-alert-bar
  .alert-single.warning-alert
  .alert-single-icon {
  color: #a35a00;
  /* IE11 fallback */
  color: var(--brand-warning);
}
.exi-transitional .org-global-alert-bar .alert-single.danger-alert {
  border-left: 3px solid;
  border-left-color: #d7143b;
  /* IE11 fallback */
  border-left-color: var(--brand-danger);
}
.exi-transitional
  .org-global-alert-bar
  .alert-single.danger-alert
  .alert-single-icon {
  color: #d7143b;
  /* IE11 fallback */
  color: var(--brand-danger);
}
.exi-transitional .org-global-alert-bar .alert-single-icon {
  position: absolute;
  top: 4px;
  left: 10px;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.exi-transitional .org-global-alert-bar .glyphicon {
  display: inline-block;
  margin-right: 0.8rem;
}
.exi-transitional .org-global-alert-bar p {
  display: inline;
  font-size: 1.6rem;
  margin: 0 auto;
  max-width: 62rem;
}
@media (min-width: 64rem) {
  .exi-transitional .org-global-alert-bar .btn {
    margin: 0 0 1.6rem 1.6rem;
    vertical-align: baseline;
  }
}
.exi-transitional .org-global-alert-bar a {
  font-weight: normal;
  text-decoration: underline;
  transition: 300ms ease-in-out;
}
.exi-transitional .org-global-alert-bar a:hover {
  text-decoration: none;
}
.exi-transitional .org-global-alert-bar .mol-close-button {
  position: absolute;
  top: 0px;
  right: 0px;
}
.exi-transitional .slideInUp {
  animation-name: slideInUp;
  -webkit-animation-name: slideInUp;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}
.exi-transitional .slideOutDown {
  animation-name: slideOutDown;
}
.exi-transitional .alert-hide {
  display: none;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
x-alert-bar-message-list,
x-alert-bar-message {
  display: block;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
/* Import all template SASS files */
.demo-only-wrapper {
  margin: -1.4rem -1.4rem 0 -1.4rem;
}

/* Import all page SASS files */