@charset "UTF-8";

/* src/assets/styles/boostrap-reboot.css */
/*!
 * Bootstrap Reboot v5.3.8
 * Licensed under MIT 
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb:
    13,
    110,
    253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb:
    10,
    88,
    202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6,
h5,
h4,
h3,
h2,
h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem;
  }
}
h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2rem;
  }
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem;
  }
}
h5 {
  font-size: 1.25rem;
}
h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.875em;
}
mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}

/* src/assets/styles/legacy-v2-global-repair.css */
.ui-expanded-details {
  border-top: 2px dashed #d6d6d6;
  padding: 15px 10px;
  background-color: #f3f3f3;
  margin-left: .05rem;
  width: calc(100% - .1rem);
}
.indicator,
.ui-data-indicator {
  min-height: 28px !important;
  vertical-align: middle;
}
.ui-alpha-indicators {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.alpha-indicators .indicator,
.ui-alpha-indicators .indicator,
.ui-data-indicator {
  border: 2px solid #ffffff4d;
  border-radius: 100px;
  min-width: 45px;
  width: auto;
  font-weight: 700;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 13px;
  display: inline-block;
}
.indicator.party-count,
.ui-data-indicator.party-count {
  padding: 4px 10px 3px;
  background-color: #eee;
  border-color: #d7d7d7;
  text-align: center;
  overflow: hidden;
}
.ui-interested-party-content {
  padding-top: 15px;
}
.ui-no-action {
  pointer-events: none !important;
}
button.ui-row-open {
  background-color: #f7fafd;
  border: 0.1rem solid #3f86d3;
  border-left: 2px solid #f0f0f0;
  width: 50px;
  border-radius: 0 6px 6px 0;
  position: relative;
}
button.ui-row-open i {
  font-size: 22px;
  color: #3f86d3;
}
button.ui-row-open:hover {
  background-color: rgb(223, 231, 239);
  cursor: pointer;
}

/* src/index.css */
:root {
  --alpha-toolbar-brand-logo: url(/Images/Reassure-logo-77.png);
  --alpha-landing-watermark: url(/Images/reassure-wm.png);
  --alpha-landing-watermark-background-size: contain;
  --brand-primary: #3c4981;
  --brand-primary-mild: #3c4981;
  --brand-secondary: #b5d0ee;
  --brand-secondary-mild: #3c4981;
  --brand-border-primary: #ffc100;
  --brand-border-secondary: #b5d0ee;
  --brand-border-active: #b5d0ee;
  --brand-text-primary: #ffffff;
  --brand-text-secondary: #b5d0ee;
  --brand-border-tertiary: rgb(179, 206, 236);
  --brand-border-context: rgba(255, 255, 255, 0.2);
  --brand-aviva-bg-1: rgb(99, 109, 154);
  --brand-gradient:
    linear-gradient(
      -45deg,
      rgb(21, 23, 34) 0%,
      rgb(72, 79, 112) 71%,
      rgb(4, 24, 44) 100%);
}
:root {
  --alpha-toolbar-brand-logo: url(/Images/Reassure-logo-77.png);
  --branding-bg-color: rgba(var(--branding-bg-color-value), 1);
  --alpha-landing-watermark: url(/Images/reassure-wm.png);
  --brand-primary: #3c4981;
  --brand-secondary: #b5d0ee;
  --brand-secondary-mild: #3c4981;
  --brand-border-primary: #ffc100;
  --brand-border-secondary: #b5d0ee;
  --brand-border-active: #b5d0ee;
  --brand-text-primary: #ffffff;
  --brand-text-secondary: #b5d0ee;
  --brand-border-tertiary: rgb(179, 206, 236);
  --brand-aviva-bg-1: rgb(99, 109, 154);
  --branding-button-color: #49a94f;
  --branding-button-hover-color: #377737;
  --selected-element-color:
    133,
    178,
    226;
  --main-bg-color: rgba(255, 255, 255, 0.5);
  --top-rail-height: 0;
  --app-header-items-height: 4.8rem;
  --app-header-height: calc(var(--app-header-items-height));
  --nav-main-bg-color: rgba(0, 0, 0, 1);
  --nav-sub-height: 4.61531rem;
  --nav-sub-bg-color: rgba(244, 244, 244, 1);
  --nav-app-exp-bg-color: rgba(0, 0, 0, 0.8);
  --nav-app-exp--standard-width: 17.3076rem;
  --nav-app-exp-item-nesting-left-space: 1.0769rem;
  --nav-app-exp-item-core-color:
    255,
    255,
    255;
  --nav-app-exp-item-text-shadow-color:
    0,
    0,
    0,
    0.5;
  --nav-app-exp-item-hover-bg: rgba(var(--nav-app-exp-item-core-color), 0.1);
  --nav-app-exp-item-selected-bg: rgba(var(--nav-app-exp-item-core-color), 0.3);
  --nav-app-exp-item-selected-bg: rgba(118, 133, 199, 0.3);
  --nav-app-exp-item-color: rgba(var(--nav-app-exp-item-core-color), 0.8);
  --nav-app-exp-item-color-hover: rgba(var(--nav-app-exp-item-core-color), 1);
  --nav-app-exp-item-text-shadow: 1px 1px 2px rgba(var(--nav-app-exp-item-text-shadow-color));
  --nav-app-exp-item-color-disabled: rgba(var(--nav-app-exp-item-core-color), 0.4);
  --nav-app-exp-item-border: 4px solid rgba(var(--selected-element-color), 0.8);
  --nav-app-exp-item-tether-border: 1px dashed rgba(var(--nav-app-exp-item-core-color), 0.2);
  --no-data-border: 4px double rgba(var(--nav-app-exp-item-core-color), 0.4);
  --context-bar-height: 4.6153rem;
  --context-bar-bg-color: rgba(244, 244, 244, 0.9);
}
html,
body {
  height: 100%;
  box-sizing: border-box;
}
.card {
  border: none;
}
.card-header {
  border: none;
  background: none;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  color: rgba(60, 73, 129, 1);
}
.card-block {
  border: none;
}
.ag-cell-combo {
  width: 96%;
}
.policyGrid,
.newPolicyNote {
  height: 300px;
  min-height: 300px;
  margin-bottom: 7px;
}
.cell-wrap-text {
  white-space: normal !important;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/bootstrap-flex.css */
/*!
 * Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)
 * Copyright 2011-2016 The Bootstrap Authors
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
progress {
  vertical-align: baseline;
}
template,
[hidden] {
  display: none;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}
optgroup {
  font-weight: bold;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
@media print {
  *,
  *::before,
  *::after,
  *::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .tag {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
@-ms-viewport {
  width: device-width;
}
html {
  font-size: 16px;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #373a3c;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
a {
  color: #0275d8;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #014c8c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: none;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
}
[role=button] {
  cursor: pointer;
}
a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
  background-color: transparent;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: left;
}
label {
  display: inline-block;
  margin-bottom: .5rem;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea {
  line-height: inherit;
}
input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
input[type=search] {
  -webkit-appearance: none;
}
output {
  display: inline-block;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: normal;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #818a91;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}
.blockquote-reverse .blockquote-footer::before {
  content: "";
}
.blockquote-reverse .blockquote-footer::after {
  content: "\a0\2014";
}
.img-fluid,
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #818a91;
}
code,
kbd,
pre,
samp {
  font-family:
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #373a3c;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 576px) {
  .container {
    width: 540px;
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container {
    width: 720px;
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
    max-width: 100%;
  }
}
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 576px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 768px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px) {
  .col-xs,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .col-xs,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 992px) {
  .col-xs,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  .col-xs,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.col-xs {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.col-xs-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.333333%;
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-xs-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.666667%;
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-xs-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-xs-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-xs-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.666667%;
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-xs-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-xs-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.333333%;
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-xs-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.666667%;
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-xs-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-xs-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.333333%;
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-xs-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.666667%;
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-xs-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.pull-xs-0 {
  right: auto;
}
.pull-xs-1 {
  right: 8.333333%;
}
.pull-xs-2 {
  right: 16.666667%;
}
.pull-xs-3 {
  right: 25%;
}
.pull-xs-4 {
  right: 33.333333%;
}
.pull-xs-5 {
  right: 41.666667%;
}
.pull-xs-6 {
  right: 50%;
}
.pull-xs-7 {
  right: 58.333333%;
}
.pull-xs-8 {
  right: 66.666667%;
}
.pull-xs-9 {
  right: 75%;
}
.pull-xs-10 {
  right: 83.333333%;
}
.pull-xs-11 {
  right: 91.666667%;
}
.pull-xs-12 {
  right: 100%;
}
.push-xs-0 {
  left: auto;
}
.push-xs-1 {
  left: 8.333333%;
}
.push-xs-2 {
  left: 16.666667%;
}
.push-xs-3 {
  left: 25%;
}
.push-xs-4 {
  left: 33.333333%;
}
.push-xs-5 {
  left: 41.666667%;
}
.push-xs-6 {
  left: 50%;
}
.push-xs-7 {
  left: 58.333333%;
}
.push-xs-8 {
  left: 66.666667%;
}
.push-xs-9 {
  left: 75%;
}
.push-xs-10 {
  left: 83.333333%;
}
.push-xs-11 {
  left: 91.666667%;
}
.push-xs-12 {
  left: 100%;
}
.offset-xs-1 {
  margin-left: 8.333333%;
}
.offset-xs-2 {
  margin-left: 16.666667%;
}
.offset-xs-3 {
  margin-left: 25%;
}
.offset-xs-4 {
  margin-left: 33.333333%;
}
.offset-xs-5 {
  margin-left: 41.666667%;
}
.offset-xs-6 {
  margin-left: 50%;
}
.offset-xs-7 {
  margin-left: 58.333333%;
}
.offset-xs-8 {
  margin-left: 66.666667%;
}
.offset-xs-9 {
  margin-left: 75%;
}
.offset-xs-10 {
  margin-left: 83.333333%;
}
.offset-xs-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.333333%;
  }
  .pull-sm-2 {
    right: 16.666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.333333%;
  }
  .pull-sm-5 {
    right: 41.666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.333333%;
  }
  .pull-sm-8 {
    right: 66.666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.333333%;
  }
  .pull-sm-11 {
    right: 91.666667%;
  }
  .pull-sm-12 {
    right: 100%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.333333%;
  }
  .push-sm-2 {
    left: 16.666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.333333%;
  }
  .push-sm-5 {
    left: 41.666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.333333%;
  }
  .push-sm-8 {
    left: 66.666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.333333%;
  }
  .push-sm-11 {
    left: 91.666667%;
  }
  .push-sm-12 {
    left: 100%;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.333333%;
  }
  .pull-md-2 {
    right: 16.666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.333333%;
  }
  .pull-md-5 {
    right: 41.666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.333333%;
  }
  .pull-md-8 {
    right: 66.666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.333333%;
  }
  .pull-md-11 {
    right: 91.666667%;
  }
  .pull-md-12 {
    right: 100%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.333333%;
  }
  .push-md-2 {
    left: 16.666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.333333%;
  }
  .push-md-5 {
    left: 41.666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.333333%;
  }
  .push-md-8 {
    left: 66.666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.333333%;
  }
  .push-md-11 {
    left: 91.666667%;
  }
  .push-md-12 {
    left: 100%;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.333333%;
  }
  .pull-lg-2 {
    right: 16.666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.333333%;
  }
  .pull-lg-5 {
    right: 41.666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.333333%;
  }
  .pull-lg-8 {
    right: 66.666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.333333%;
  }
  .pull-lg-11 {
    right: 91.666667%;
  }
  .pull-lg-12 {
    right: 100%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.333333%;
  }
  .push-lg-2 {
    left: 16.666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.333333%;
  }
  .push-lg-5 {
    left: 41.666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.333333%;
  }
  .push-lg-8 {
    left: 66.666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.333333%;
  }
  .push-lg-11 {
    left: 91.666667%;
  }
  .push-lg-12 {
    left: 100%;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.333333%;
  }
  .pull-xl-2 {
    right: 16.666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.333333%;
  }
  .pull-xl-5 {
    right: 41.666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.333333%;
  }
  .pull-xl-8 {
    right: 66.666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.333333%;
  }
  .pull-xl-11 {
    right: 91.666667%;
  }
  .pull-xl-12 {
    right: 100%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.333333%;
  }
  .push-xl-2 {
    left: 16.666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.333333%;
  }
  .push-xl-5 {
    left: 41.666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.333333%;
  }
  .push-xl-8 {
    left: 66.666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.333333%;
  }
  .push-xl-11 {
    left: 91.666667%;
  }
  .push-xl-12 {
    left: 100%;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}
.table tbody + tbody {
  border-top: 2px solid #eceeef;
}
.table .table {
  background-color: #fff;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #eceeef;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #eceeef;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8;
}
.table-hover .table-success:hover {
  background-color: #d0e9c6;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7;
}
.table-hover .table-info:hover {
  background-color: #c4e3f3;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3;
}
.table-hover .table-warning:hover {
  background-color: #faf2cc;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede;
}
.table-hover .table-danger:hover {
  background-color: #ebcccc;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}
.thead-inverse th {
  color: #fff;
  background-color: #373a3c;
}
.thead-default th {
  color: #55595c;
  background-color: #eceeef;
}
.table-inverse {
  color: #eceeef;
  background-color: #373a3c;
}
.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #55595c;
}
.table-inverse.table-bordered {
  border: 0;
}
.table-responsive {
  display: block;
  width: 100%;
  min-height: 0%;
  overflow-x: auto;
}
.table-reflow thead {
  float: left;
}
.table-reflow tbody {
  display: block;
  white-space: nowrap;
}
.table-reflow th,
.table-reflow td {
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef;
}
.table-reflow th:last-child,
.table-reflow td:last-child {
  border-right: 1px solid #eceeef;
}
.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #eceeef;
}
.table-reflow tr {
  float: left;
}
.table-reflow tr th,
.table-reflow tr td {
  display: block !important;
  border: 1px solid #eceeef;
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #55595c;
  background-color: #fff;
  border-color: #66afe9;
  outline: none;
}
.form-control::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.form-control:disabled {
  cursor: not-allowed;
}
select.form-control:not([size]):not([multiple]) {
  height: calc(2.5rem - 2px);
}
select.form-control:focus::-ms-value {
  color: #55595c;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
}
.col-form-label {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}
.col-form-label-lg {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
}
.col-form-legend {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  font-size: 1rem;
}
.form-control-static {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1.25;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-static.form-control-sm,
.input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn,
.form-control-static.form-control-lg,
.input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 1.8125rem;
}
.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
  height: 3.166667rem;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-check {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}
.form-check + .form-check {
  margin-top: -.25rem;
}
.form-check.disabled .form-check-label {
  color: #818a91;
  cursor: not-allowed;
}
.form-check-label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  cursor: pointer;
}
.form-check-input {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem;
}
.form-check-input:only-child {
  position: static;
}
.form-check-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: pointer;
}
.form-check-inline + .form-check-inline {
  margin-left: .75rem;
}
.form-check-inline.disabled {
  color: #818a91;
  cursor: not-allowed;
}
.form-control-feedback {
  margin-top: 0.25rem;
}
.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.625rem;
  -webkit-background-size: 1.25rem 1.25rem;
  background-size: 1.25rem 1.25rem;
}
.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
  color: #5cb85c;
}
.has-success .form-control {
  border-color: #5cb85c;
}
.has-success .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
}
.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea;
}
.has-success .form-control-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#5cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}
.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
  color: #f0ad4e;
}
.has-warning .form-control {
  border-color: #f0ad4e;
}
.has-warning .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: white;
}
.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}
.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
  color: #d9534f;
}
.has-danger .form-control {
  border-color: #d9534f;
}
.has-danger .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
.has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7;
}
.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}
@media (min-width: 576px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-check-label {
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  border-radius: 0.25rem;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:focus,
.btn:hover {
  text-decoration: none;
}
.btn.focus {
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
}
.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-primary:hover {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
}
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #025aa5;
  border-color: #01549b;
  background-image: none;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #014682;
  border-color: #01315a;
}
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled.focus {
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-secondary {
  color: #373a3c;
  background-color: #fff;
  border-color: #ccc;
}
.btn-secondary:hover {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-secondary:active,
.btn-secondary.active,
.open > .btn-secondary.dropdown-toggle {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
  background-image: none;
}
.btn-secondary:active:hover,
.btn-secondary:active:focus,
.btn-secondary:active.focus,
.btn-secondary.active:hover,
.btn-secondary.active:focus,
.btn-secondary.active.focus,
.open > .btn-secondary.dropdown-toggle:hover,
.open > .btn-secondary.dropdown-toggle:focus,
.open > .btn-secondary.dropdown-toggle.focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-secondary.disabled:focus,
.btn-secondary.disabled.focus,
.btn-secondary:disabled:focus,
.btn-secondary:disabled.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #2aabd2;
  background-image: none;
}
.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1f7e9a;
}
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled.focus {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info.disabled:hover,
.btn-info:disabled:hover {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
}
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #419641;
  background-image: none;
}
.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #2d672d;
}
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled.focus {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-success.disabled:hover,
.btn-success:disabled:hover {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
}
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #eb9316;
  background-image: none;
}
.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #b06d0f;
}
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled.focus {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning.disabled:hover,
.btn-warning:disabled:hover {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
}
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #c12e2a;
  background-image: none;
}
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #8b211e;
}
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger:disabled:focus,
.btn-danger:disabled.focus {
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger.disabled:hover,
.btn-danger:disabled:hover {
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-outline-primary {
  color: #0275d8;
  background-image: none;
  background-color: transparent;
  border-color: #0275d8;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-outline-primary:active,
.btn-outline-primary.active,
.open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #0275d8;
  border-color: #0275d8;
}
.btn-outline-primary:active:hover,
.btn-outline-primary:active:focus,
.btn-outline-primary:active.focus,
.btn-outline-primary.active:hover,
.btn-outline-primary.active:focus,
.btn-outline-primary.active.focus,
.open > .btn-outline-primary.dropdown-toggle:hover,
.open > .btn-outline-primary.dropdown-toggle:focus,
.open > .btn-outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #014682;
  border-color: #01315a;
}
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled.focus,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled.focus {
  border-color: #43a7fd;
}
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled:hover {
  border-color: #43a7fd;
}
.btn-outline-secondary {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.open > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-outline-secondary:active:hover,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active.focus,
.btn-outline-secondary.active:hover,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.active.focus,
.open > .btn-outline-secondary.dropdown-toggle:hover,
.open > .btn-outline-secondary.dropdown-toggle:focus,
.open > .btn-outline-secondary.dropdown-toggle.focus {
  color: #fff;
  background-color: #a1a1a1;
  border-color: #8c8c8c;
}
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled.focus,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary:disabled.focus {
  border-color: white;
}
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled:hover {
  border-color: white;
}
.btn-outline-info {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:active,
.btn-outline-info.active,
.open > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-outline-info:active:hover,
.btn-outline-info:active:focus,
.btn-outline-info:active.focus,
.btn-outline-info.active:hover,
.btn-outline-info.active:focus,
.btn-outline-info.active.focus,
.open > .btn-outline-info.dropdown-toggle:hover,
.open > .btn-outline-info.dropdown-toggle:focus,
.open > .btn-outline-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1f7e9a;
}
.btn-outline-info.disabled:focus,
.btn-outline-info.disabled.focus,
.btn-outline-info:disabled:focus,
.btn-outline-info:disabled.focus {
  border-color: #b0e1ef;
}
.btn-outline-info.disabled:hover,
.btn-outline-info:disabled:hover {
  border-color: #b0e1ef;
}
.btn-outline-success {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-outline-success:active,
.btn-outline-success.active,
.open > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.btn-outline-success:active:hover,
.btn-outline-success:active:focus,
.btn-outline-success:active.focus,
.btn-outline-success.active:hover,
.btn-outline-success.active:focus,
.btn-outline-success.active.focus,
.open > .btn-outline-success.dropdown-toggle:hover,
.open > .btn-outline-success.dropdown-toggle:focus,
.open > .btn-outline-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #2d672d;
}
.btn-outline-success.disabled:focus,
.btn-outline-success.disabled.focus,
.btn-outline-success:disabled:focus,
.btn-outline-success:disabled.focus {
  border-color: #a3d7a3;
}
.btn-outline-success.disabled:hover,
.btn-outline-success:disabled:hover {
  border-color: #a3d7a3;
}
.btn-outline-warning {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:active,
.btn-outline-warning.active,
.open > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-outline-warning:active:hover,
.btn-outline-warning:active:focus,
.btn-outline-warning:active.focus,
.btn-outline-warning.active:hover,
.btn-outline-warning.active:focus,
.btn-outline-warning.active.focus,
.open > .btn-outline-warning.dropdown-toggle:hover,
.open > .btn-outline-warning.dropdown-toggle:focus,
.open > .btn-outline-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #b06d0f;
}
.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled.focus,
.btn-outline-warning:disabled:focus,
.btn-outline-warning:disabled.focus {
  border-color: #f8d9ac;
}
.btn-outline-warning.disabled:hover,
.btn-outline-warning:disabled:hover {
  border-color: #f8d9ac;
}
.btn-outline-danger {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-outline-danger:active,
.btn-outline-danger.active,
.open > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-outline-danger:active:hover,
.btn-outline-danger:active:focus,
.btn-outline-danger:active.focus,
.btn-outline-danger.active:hover,
.btn-outline-danger.active:focus,
.btn-outline-danger.active.focus,
.open > .btn-outline-danger.dropdown-toggle:hover,
.open > .btn-outline-danger.dropdown-toggle:focus,
.open > .btn-outline-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #8b211e;
}
.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled.focus,
.btn-outline-danger:disabled:focus,
.btn-outline-danger:disabled.focus {
  border-color: #eba5a3;
}
.btn-outline-danger.disabled:hover,
.btn-outline-danger:disabled:hover {
  border-color: #eba5a3;
}
.btn-link {
  font-weight: normal;
  color: #0275d8;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link:disabled {
  background-color: transparent;
}
.btn-link,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link:disabled:focus,
.btn-link:disabled:hover {
  color: #818a91;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.3em;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: #2b2d2f;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  outline: 0;
}
.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
  color: #818a91;
}
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #818a91;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
  margin-bottom: 0;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -0.5rem;
}
.btn-toolbar::after {
  content: "";
  display: table;
  clear: both;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 0.5rem;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn + .dropdown-toggle-split::after {
  margin-left: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret,
.btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret,
.dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  margin-bottom: 0;
}
.input-group .form-control:focus,
.input-group .form-control:active,
.input-group .form-control:hover {
  z-index: 3;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.25;
  color: #55595c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:not(:last-child) {
  border-right: 0;
}
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.form-control + .input-group-addon:not(:first-child) {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active,
.input-group-btn > .btn:hover {
  z-index: 3;
}
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group {
  margin-right: -1px;
}
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.input-group-btn:not(:first-child) > .btn:focus,
.input-group-btn:not(:first-child) > .btn:active,
.input-group-btn:not(:first-child) > .btn:hover,
.input-group-btn:not(:first-child) > .btn-group:focus,
.input-group-btn:not(:first-child) > .btn-group:active,
.input-group-btn:not(:first-child) > .btn-group:hover {
  z-index: 3;
}
.custom-control {
  position: relative;
  display: inline-block;
  padding-left: 1.5rem;
  cursor: pointer;
}
.custom-control + .custom-control {
  margin-left: 1rem;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-indicator {
  color: #fff;
  background-color: #0074d9;
}
.custom-control-input:focus ~ .custom-control-indicator {
  -webkit-box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.custom-control-input:active ~ .custom-control-indicator {
  color: #fff;
  background-color: #84c6ff;
}
.custom-control-input:disabled ~ .custom-control-indicator {
  cursor: not-allowed;
  background-color: #eee;
}
.custom-control-input:disabled ~ .custom-control-description {
  color: #767676;
  cursor: not-allowed;
}
.custom-control-indicator {
  position: absolute;
  top: .25rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
}
.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0074d9;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#fff' d='M0 2h4'/%3E%3C/svg%3E");
}
.custom-radio .custom-control-indicator {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#fff'/%3E%3C/svg%3E");
}
.custom-controls-stacked .custom-control {
  float: left;
  clear: left;
}
.custom-controls-stacked .custom-control + .custom-control {
  margin-left: 0;
}
.custom-select {
  display: inline-block;
  max-width: 100%;
  height: calc(2.5rem - 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \	;
  color: #55595c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-image: none \	;
  -webkit-background-size: 8px 10px;
  background-size: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.custom-select:focus {
  border-color: #51a7e8;
  outline: none;
}
.custom-select:focus::-ms-value {
  color: #55595c;
  background-color: #fff;
}
.custom-select:disabled {
  color: #818a91;
  cursor: not-allowed;
  background-color: #eceeef;
}
.custom-select::-ms-expand {
  opacity: 0;
}
.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}
.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  cursor: pointer;
}
.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}
.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
}
.custom-file-control:lang(en)::after {
  content: "Choose file...";
}
.custom-file-control::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-file-control:lang(en)::before {
  content: "Browse";
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: inline-block;
}
.nav-link:focus,
.nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #818a91;
}
.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: transparent;
}
.nav-inline .nav-item {
  display: inline-block;
}
.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs::after {
  content: "";
  display: table;
  clear: both;
}
.nav-tabs .nav-item {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.nav-tabs .nav-link {
  display: block;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
  color: #818a91;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  color: #55595c;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.nav-pills::after {
  content: "";
  display: table;
  clear: both;
}
.nav-pills .nav-item {
  float: left;
}
.nav-pills .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #0275d8;
}
.nav-stacked .nav-item {
  display: block;
  float: none;
}
.nav-stacked .nav-item + .nav-item {
  margin-top: 0.2rem;
  margin-left: 0;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  padding: 0.5rem 1rem;
}
.navbar::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 576px) {
  .navbar {
    border-radius: 0.25rem;
  }
}
.navbar-full {
  z-index: 1000;
}
@media (min-width: 576px) {
  .navbar-full {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 576px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
}
.navbar-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
}
@media (min-width: 576px) {
  .navbar-sticky-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
}
.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-divider {
  float: left;
  width: 1px;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden;
}
.navbar-divider::before {
  content: "\a0";
}
.navbar-text {
  display: inline-block;
  padding-top: .425rem;
  padding-bottom: .425rem;
}
.navbar-toggler {
  width: 2.5em;
  height: 2em;
  padding: 0.5rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: transparent no-repeat center center;
  -webkit-background-size: 24px 24px;
  background-size: 24px 24px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggleable-xs::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 575px) {
  .navbar-toggleable-xs .navbar-brand {
    display: block;
    float: none;
    margin-top: .5rem;
    margin-right: 0;
  }
  .navbar-toggleable-xs .navbar-nav {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
  .navbar-toggleable-xs .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
}
@media (min-width: 576px) {
  .navbar-toggleable-xs {
    display: block;
  }
}
.navbar-toggleable-sm::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .navbar-toggleable-sm .navbar-brand {
    display: block;
    float: none;
    margin-top: .5rem;
    margin-right: 0;
  }
  .navbar-toggleable-sm .navbar-nav {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
  .navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
}
@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block;
  }
}
.navbar-toggleable-md::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 991px) {
  .navbar-toggleable-md .navbar-brand {
    display: block;
    float: none;
    margin-top: .5rem;
    margin-right: 0;
  }
  .navbar-toggleable-md .navbar-nav {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
  .navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
}
@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block;
  }
}
.navbar-toggleable-lg::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .navbar-toggleable-lg .navbar-brand {
    display: block;
    float: none;
    margin-top: .5rem;
    margin-right: 0;
  }
  .navbar-toggleable-lg .navbar-nav {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }
  .navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
  }
}
@media (min-width: 1200px) {
  .navbar-toggleable-lg {
    display: block;
  }
}
.navbar-toggleable-xl {
  display: block;
}
.navbar-toggleable-xl::after {
  content: "";
  display: table;
  clear: both;
}
.navbar-toggleable-xl .navbar-brand {
  display: block;
  float: none;
  margin-top: .5rem;
  margin-right: 0;
}
.navbar-toggleable-xl .navbar-nav {
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-nav .nav-item {
  float: left;
}
.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem;
}
.navbar-nav .nav-link + .nav-link {
  margin-left: 1rem;
}
.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .open > .nav-link,
.navbar-light .navbar-nav .open > .nav-link:focus,
.navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075);
}
.navbar-dark .navbar-brand,
.navbar-dark .navbar-toggler {
  color: white;
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-toggler:focus,
.navbar-dark .navbar-toggler:hover {
  color: white;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .open > .nav-link,
.navbar-dark .navbar-nav .open > .nav-link:focus,
.navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white;
}
.navbar-dark .navbar-toggler {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075);
}
.navbar-toggleable-xs::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 575px) {
  .navbar-toggleable-xs .navbar-nav .nav-item {
    float: none;
    margin-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-toggleable-xs {
    display: block !important;
  }
}
.navbar-toggleable-sm::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 767px) {
  .navbar-toggleable-sm .navbar-nav .nav-item {
    float: none;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important;
  }
}
.navbar-toggleable-md::after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 991px) {
  .navbar-toggleable-md .navbar-nav .nav-item {
    float: none;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important;
  }
}
.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border: none;
}
.card-block {
  padding: 1.25rem;
}
.card-block::after {
  content: "";
  display: table;
  clear: both;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header::after {
  content: "";
  display: table;
  clear: both;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer::after {
  content: "";
  display: table;
  clear: both;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-primary {
  background-color: #0275d8;
  border-color: #0275d8;
}
.card-primary .card-header,
.card-primary .card-footer {
  background-color: transparent;
}
.card-success {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.card-success .card-header,
.card-success .card-footer {
  background-color: transparent;
}
.card-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.card-info .card-header,
.card-info .card-footer {
  background-color: transparent;
}
.card-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.card-warning .card-header,
.card-warning .card-footer {
  background-color: transparent;
}
.card-danger {
  background-color: #d9534f;
  border-color: #d9534f;
}
.card-danger .card-header,
.card-danger .card-footer {
  background-color: transparent;
}
.card-outline-primary {
  background-color: transparent;
  border-color: #0275d8;
}
.card-outline-secondary {
  background-color: transparent;
  border-color: #ccc;
}
.card-outline-info {
  background-color: transparent;
  border-color: #5bc0de;
}
.card-outline-success {
  background-color: transparent;
  border-color: #5cb85c;
}
.card-outline-warning {
  background-color: transparent;
  border-color: #f0ad4e;
}
.card-outline-danger {
  background-color: transparent;
  border-color: #d9534f;
}
.card-inverse .card-header,
.card-inverse .card-footer {
  border-color: rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-subtitle,
.card-inverse .card-blockquote .blockquote-footer {
  color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
  color: #fff;
}
.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}
.card-img {
  border-radius: calc(0.25rem - 1px);
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img-top {
  border-top-right-radius: calc(0.25rem - 1px);
  border-top-left-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
@media (min-width: 576px) {
  .card-deck {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -0.625rem;
    margin-bottom: 0.75rem;
    margin-left: -0.625rem;
  }
  .card-deck .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 0.625rem;
    margin-bottom: 0;
    margin-left: 0.625rem;
  }
}
@media (min-width: 576px) {
  .card-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group .card {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0%;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem;
}
.breadcrumb::after {
  content: "";
  display: table;
  clear: both;
}
.breadcrumb-item {
  float: left;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #818a91;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #818a91;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
.page-item {
  display: inline;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #0275d8;
  border-color: #0275d8;
}
.page-item.disabled .page-link,
.page-item.disabled .page-link:focus,
.page-item.disabled .page-link:hover {
  color: #818a91;
  pointer-events: none;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  color: #0275d8;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.page-link:focus,
.page-link:hover {
  color: #014c8c;
  background-color: #eceeef;
  border-color: #ddd;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.tag {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.tag:empty {
  display: none;
}
.btn .tag {
  position: relative;
  top: -1px;
}
a.tag:focus,
a.tag:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.tag-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.tag-default {
  background-color: #818a91;
}
.tag-default[href]:focus,
.tag-default[href]:hover {
  background-color: #687077;
}
.tag-primary {
  background-color: #0275d8;
}
.tag-primary[href]:focus,
.tag-primary[href]:hover {
  background-color: #025aa5;
}
.tag-success {
  background-color: #5cb85c;
}
.tag-success[href]:focus,
.tag-success[href]:hover {
  background-color: #449d44;
}
.tag-info {
  background-color: #5bc0de;
}
.tag-info[href]:focus,
.tag-info[href]:hover {
  background-color: #31b0d5;
}
.tag-warning {
  background-color: #f0ad4e;
}
.tag-warning[href]:focus,
.tag-warning[href]:hover {
  background-color: #ec971f;
}
.tag-danger {
  background-color: #d9534f;
}
.tag-danger[href]:focus,
.tag-danger[href]:hover {
  background-color: #c9302c;
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-hr {
  border-top-color: #d0d5d8;
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: bold;
}
.alert-dismissible {
  padding-right: 2.5rem;
}
.alert-dismissible .close {
  position: relative;
  top: -.125rem;
  right: -1.25rem;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c1e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6d5ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7ecb5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9b9;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem;
}
.progress[value] {
  background-color: #eee;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
}
.progress[value]::-ms-fill {
  background-color: #0074d9;
  border: 0;
}
.progress[value]::-moz-progress-bar {
  background-color: #0074d9;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.progress[value="100"]::-moz-progress-bar {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.progress[value="100"]::-webkit-progress-value {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem;
}
base::-moz-progress-bar,
.progress[value] {
  background-color: #eee;
  border-radius: 0.25rem;
}
@media screen and (min-width: 0\fffd) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem;
  }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
  }
  .progress[width="100%"] {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }
}
.progress-striped[value]::-webkit-progress-value {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
}
.progress-striped[value]::-moz-progress-bar {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}
.progress-striped[value]::-ms-fill {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}
@media screen and (min-width: 0\fffd) {
  .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image:
      linear-gradient(
        45deg,
        rgba(255, 255, 255, 0.15) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, 0.15) 50%,
        rgba(255, 255, 255, 0.15) 75%,
        transparent 75%,
        transparent);
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
  }
}
.progress-animated[value]::-webkit-progress-value {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite;
}
@media screen and (min-width: 0\fffd) {
  .progress-animated .progress-bar-striped {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
  }
}
.progress-success[value]::-webkit-progress-value {
  background-color: #5cb85c;
}
.progress-success[value]::-moz-progress-bar {
  background-color: #5cb85c;
}
.progress-success[value]::-ms-fill {
  background-color: #5cb85c;
}
@media screen and (min-width: 0\fffd) {
  .progress-success .progress-bar {
    background-color: #5cb85c;
  }
}
.progress-info[value]::-webkit-progress-value {
  background-color: #5bc0de;
}
.progress-info[value]::-moz-progress-bar {
  background-color: #5bc0de;
}
.progress-info[value]::-ms-fill {
  background-color: #5bc0de;
}
@media screen and (min-width: 0\fffd) {
  .progress-info .progress-bar {
    background-color: #5bc0de;
  }
}
.progress-warning[value]::-webkit-progress-value {
  background-color: #f0ad4e;
}
.progress-warning[value]::-moz-progress-bar {
  background-color: #f0ad4e;
}
.progress-warning[value]::-ms-fill {
  background-color: #f0ad4e;
}
@media screen and (min-width: 0\fffd) {
  .progress-warning .progress-bar {
    background-color: #f0ad4e;
  }
}
.progress-danger[value]::-webkit-progress-value {
  background-color: #d9534f;
}
.progress-danger[value]::-moz-progress-bar {
  background-color: #d9534f;
}
.progress-danger[value]::-ms-fill {
  background-color: #d9534f;
}
@media screen and (min-width: 0\fffd) {
  .progress-danger .progress-bar {
    background-color: #d9534f;
  }
}
.media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.media-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
}
.media-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.media-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right {
  padding-left: 10px;
}
.media-left {
  padding-right: 10px;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #eceeef;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #818a91;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  border-color: #0275d8;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #a8d6fe;
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-item-action {
  width: 100%;
  color: #555;
  text-align: inherit;
}
.list-group-item-action .list-group-item-heading {
  color: #333;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9 {
  padding-bottom: 42.857143%;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.embed-responsive-1by1 {
  padding-bottom: 100%;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition:
    transform .3s ease-out,
    -webkit-transform .3s ease-out,
    -o-transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header::after {
  content: "";
  display: table;
  clear: both;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 600px;
    margin: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.tooltip-top,
.tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.tooltip-top .tooltip-inner::before,
.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.tooltip-right,
.tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.tooltip-right .tooltip-inner::before,
.tooltip.bs-tether-element-attached-left .tooltip-inner::before {
  top: 50%;
  left: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.tooltip-bottom,
.tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.tooltip-bottom .tooltip-inner::before,
.tooltip.bs-tether-element-attached-top .tooltip-inner::before {
  top: 0;
  left: 50%;
  margin-left: -5px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.tooltip-left,
.tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.tooltip-left .tooltip-inner::before,
.tooltip.bs-tether-element-attached-right .tooltip-inner::before {
  top: 50%;
  right: 0;
  margin-top: -5px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.tooltip-inner::before {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover.popover-top,
.popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}
.popover.popover-top::before,
.popover.popover-top::after,
.popover.bs-tether-element-attached-bottom::before,
.popover.bs-tether-element-attached-bottom::after {
  left: 50%;
  border-bottom-width: 0;
}
.popover.popover-top::before,
.popover.bs-tether-element-attached-bottom::before {
  bottom: -11px;
  margin-left: -11px;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-top::after,
.popover.bs-tether-element-attached-bottom::after {
  bottom: -10px;
  margin-left: -10px;
  border-top-color: #fff;
}
.popover.popover-right,
.popover.bs-tether-element-attached-left {
  margin-left: 10px;
}
.popover.popover-right::before,
.popover.popover-right::after,
.popover.bs-tether-element-attached-left::before,
.popover.bs-tether-element-attached-left::after {
  top: 50%;
  border-left-width: 0;
}
.popover.popover-right::before,
.popover.bs-tether-element-attached-left::before {
  left: -11px;
  margin-top: -11px;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-right::after,
.popover.bs-tether-element-attached-left::after {
  left: -10px;
  margin-top: -10px;
  border-right-color: #fff;
}
.popover.popover-bottom,
.popover.bs-tether-element-attached-top {
  margin-top: 10px;
}
.popover.popover-bottom::before,
.popover.popover-bottom::after,
.popover.bs-tether-element-attached-top::before,
.popover.bs-tether-element-attached-top::after {
  left: 50%;
  border-top-width: 0;
}
.popover.popover-bottom::before,
.popover.bs-tether-element-attached-top::before {
  top: -11px;
  margin-left: -11px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-bottom::after,
.popover.bs-tether-element-attached-top::after {
  top: -10px;
  margin-left: -10px;
  border-bottom-color: #f7f7f7;
}
.popover.popover-bottom .popover-title::before,
.popover.bs-tether-element-attached-top .popover-title::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 20px;
  margin-left: -10px;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.popover.popover-left,
.popover.bs-tether-element-attached-right {
  margin-left: -10px;
}
.popover.popover-left::before,
.popover.popover-left::after,
.popover.bs-tether-element-attached-right::before,
.popover.bs-tether-element-attached-right::after {
  top: 50%;
  border-right-width: 0;
}
.popover.popover-left::before,
.popover.bs-tether-element-attached-right::before {
  right: -11px;
  margin-top: -11px;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.popover-left::after,
.popover.bs-tether-element-attached-right::after {
  right: -10px;
  margin-top: -10px;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 0.2375rem 0.2375rem 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-content {
  padding: 9px 14px;
}
.popover::before,
.popover::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover::before {
  content: "";
  border-width: 11px;
}
.popover::after {
  content: "";
  border-width: 10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .carousel-item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
}
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .carousel-item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition:
      transform .6s ease-in-out,
      -webkit-transform .6s ease-in-out,
      -o-transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .carousel-item.next,
  .carousel-inner > .carousel-item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .carousel-item.prev,
  .carousel-inner > .carousel-item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .carousel-item.next.left,
  .carousel-inner > .carousel-item.prev.right,
  .carousel-inner > .carousel-item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.0001) 0%,
      rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
}
.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev::before {
  content: "\2039";
}
.carousel-control .icon-next::before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media (min-width: 576px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-faded {
  background-color: #f7f7f9;
}
.bg-primary {
  background-color: #0275d8 !important;
}
a.bg-primary:focus,
a.bg-primary:hover {
  background-color: #025aa5 !important;
}
.bg-success {
  background-color: #5cb85c !important;
}
a.bg-success:focus,
a.bg-success:hover {
  background-color: #449d44 !important;
}
.bg-info {
  background-color: #5bc0de !important;
}
a.bg-info:focus,
a.bg-info:hover {
  background-color: #31b0d5 !important;
}
.bg-warning {
  background-color: #f0ad4e !important;
}
a.bg-warning:focus,
a.bg-warning:hover {
  background-color: #ec971f !important;
}
.bg-danger {
  background-color: #d9534f !important;
}
a.bg-danger:focus,
a.bg-danger:hover {
  background-color: #c9302c !important;
}
.bg-inverse {
  background-color: #373a3c !important;
}
a.bg-inverse:focus,
a.bg-inverse:hover {
  background-color: #1f2021 !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.rounded-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.rounded-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.rounded-circle {
  border-radius: 50%;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.d-block {
  display: block !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-inline {
  display: inline !important;
}
.flex-xs-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.flex-xs-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.flex-xs-unordered {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}
.flex-items-xs-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-items-xs-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-items-xs-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.flex-xs-top {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.flex-xs-middle {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.flex-xs-bottom {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.flex-items-xs-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.flex-items-xs-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-items-xs-right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.flex-items-xs-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.flex-items-xs-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .flex-sm-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .flex-sm-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-sm-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 576px) {
  .flex-items-sm-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flex-items-sm-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-items-sm-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (min-width: 576px) {
  .flex-sm-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .flex-sm-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .flex-sm-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
@media (min-width: 576px) {
  .flex-items-sm-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex-items-sm-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-items-sm-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .flex-items-sm-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flex-items-sm-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .flex-md-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .flex-md-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-md-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 768px) {
  .flex-items-md-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flex-items-md-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-items-md-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .flex-md-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .flex-md-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .flex-md-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  .flex-items-md-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex-items-md-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-items-md-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .flex-items-md-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flex-items-md-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .flex-lg-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .flex-lg-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-lg-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 992px) {
  .flex-items-lg-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flex-items-lg-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-items-lg-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .flex-lg-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .flex-lg-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .flex-lg-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
@media (min-width: 992px) {
  .flex-items-lg-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex-items-lg-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-items-lg-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .flex-items-lg-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flex-items-lg-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .flex-xl-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }
  .flex-xl-last {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .flex-xl-unordered {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
}
@media (min-width: 1200px) {
  .flex-items-xl-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .flex-items-xl-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .flex-items-xl-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .flex-xl-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .flex-xl-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .flex-xl-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}
@media (min-width: 1200px) {
  .flex-items-xl-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .flex-items-xl-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex-items-xl-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .flex-items-xl-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .flex-items-xl-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.float-xs-left {
  float: left !important;
}
.float-xs-right {
  float: right !important;
}
.float-xs-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.w-100 {
  width: 100% !important;
}
.h-100 {
  height: 100% !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-0 {
  margin: 0 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-1 {
  margin: 1rem 1rem !important;
}
.mt-1 {
  margin-top: 1rem !important;
}
.mr-1 {
  margin-right: 1rem !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}
.ml-1 {
  margin-left: 1rem !important;
}
.mx-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-2 {
  margin: 1.5rem 1.5rem !important;
}
.mt-2 {
  margin-top: 1.5rem !important;
}
.mr-2 {
  margin-right: 1.5rem !important;
}
.mb-2 {
  margin-bottom: 1.5rem !important;
}
.ml-2 {
  margin-left: 1.5rem !important;
}
.mx-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.my-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-3 {
  margin: 3rem 3rem !important;
}
.mt-3 {
  margin-top: 3rem !important;
}
.mr-3 {
  margin-right: 3rem !important;
}
.mb-3 {
  margin-bottom: 3rem !important;
}
.ml-3 {
  margin-left: 3rem !important;
}
.mx-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-0 {
  padding: 0 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-1 {
  padding: 1rem 1rem !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pr-1 {
  padding-right: 1rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}
.pl-1 {
  padding-left: 1rem !important;
}
.px-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-2 {
  padding: 1.5rem 1.5rem !important;
}
.pt-2 {
  padding-top: 1.5rem !important;
}
.pr-2 {
  padding-right: 1.5rem !important;
}
.pb-2 {
  padding-bottom: 1.5rem !important;
}
.pl-2 {
  padding-left: 1.5rem !important;
}
.px-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.py-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-3 {
  padding: 3rem 3rem !important;
}
.pt-3 {
  padding-top: 3rem !important;
}
.pr-3 {
  padding-right: 3rem !important;
}
.pb-3 {
  padding-bottom: 3rem !important;
}
.pl-3 {
  padding-left: 3rem !important;
}
.px-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.text-justify {
  text-align: justify !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-xs-left {
  text-align: left !important;
}
.text-xs-right {
  text-align: right !important;
}
.text-xs-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-normal {
  font-weight: normal;
}
.font-weight-bold {
  font-weight: bold;
}
.font-italic {
  font-style: italic;
}
.text-white {
  color: #fff !important;
}
.text-muted {
  color: #818a91 !important;
}
a.text-muted:focus,
a.text-muted:hover {
  color: #687077 !important;
}
.text-primary {
  color: #0275d8 !important;
}
a.text-primary:focus,
a.text-primary:hover {
  color: #025aa5 !important;
}
.text-success {
  color: #5cb85c !important;
}
a.text-success:focus,
a.text-success:hover {
  color: #449d44 !important;
}
.text-info {
  color: #5bc0de !important;
}
a.text-info:focus,
a.text-info:hover {
  color: #31b0d5 !important;
}
.text-warning {
  color: #f0ad4e !important;
}
a.text-warning:focus,
a.text-warning:hover {
  color: #ec971f !important;
}
.text-danger {
  color: #d9534f !important;
}
a.text-danger:focus,
a.text-danger:hover {
  color: #c9302c !important;
}
.text-gray-dark {
  color: #373a3c !important;
}
a.text-gray-dark:focus,
a.text-gray-dark:hover {
  color: #1f2021 !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.invisible {
  visibility: hidden !important;
}
.hidden-xs-up {
  display: none !important;
}
@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.hidden-xl-down {
  display: none !important;
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/01-bootstrap-v4-0-0-alpha6.css */
/*!
 * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
@media print {
  *,
  *::before,
  *::after,
  p::first-letter,
  div::first-letter,
  blockquote::first-letter,
  li::first-letter,
  p::first-line,
  div::first-line,
  blockquote::first-line,
  li::first-line {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
@-ms-viewport {
  width: device-width;
}
html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family:
    -apple-system,
    system-ui,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #292b2c;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
a {
  color: #0275d8;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #014c8c;
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
}
[role=button] {
  cursor: pointer;
}
a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
  background-color: transparent;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: left;
}
label {
  display: inline-block;
  margin-bottom: .5rem;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
textarea {
  line-height: inherit;
}
input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
input[type=search] {
  -webkit-appearance: none;
}
output {
  display: inline-block;
}
[hidden] {
  display: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.1;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.1;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: normal;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #636c72;
}
.blockquote-footer::before {
  content: "\2014   \a0";
}
.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0;
}
.blockquote-reverse .blockquote-footer::before {
  content: "";
}
.blockquote-reverse .blockquote-footer::after {
  content: "\a0   \2014";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #636c72;
}
code,
kbd,
pre,
samp {
  font-family:
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
}
code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem;
}
a > code {
  padding: 0;
  color: inherit;
  background-color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #292b2c;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  color: #292b2c;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/02-modal-styles.css */
.modal {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -250px;
  z-index: 2000;
  overflow: auto;
  width: 500px;
  max-height: 450px;
}
.modal-body {
  padding: 20px;
  background: #fff;
  margin: 40px;
}
.modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0.75;
  z-index: 1900;
}
body.modal-open {
  overflow: hidden;
}
.notifications-container {
  background-color: #fff;
  padding: 1rem 1rem 0;
  position: relative;
  z-index: 10;
  margin-bottom: 1rem;
}
.notifications-container button {
  margin-bottom: 1rem;
}
.notifications {
  overflow: hidden;
}
.notifications li {
  padding-bottom: 1rem;
  border-color: inherit;
}
.notifications p {
  font-size: 1rem;
  font-weight: bold;
}
.notifications-container.error {
  border-top: 4px solid #960003;
}
.notifications-container.error p {
  color: #960003;
}
.notifications-container.warning {
  border-top: 4px solid #fcab32;
  background-color: #fff;
}
.notifications-container.warning p {
  color: #fcab32;
}
.notifications-container.information {
  border-top: 4px solid #186ecc;
  background-color: #fff;
}
.notifications-container.information p {
  color: #186ecc;
}
.notification-actions {
  margin-left: 0.5rem;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/04-html-resets.css */
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.2;
  font-size: 13px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
b,
strong {
  font-weight: bold;
}
img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
ol,
ul {
  list-style: none;
}
li {
  display: list-item;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
sub,
sup,
small {
  font-size: 75%;
}
sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
svg {
  overflow: hidden;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/05-ag-grid-style-stack01.css */
ag-grid-angular {
  display: inline-block;
}
ag-grid-ng2 {
  display: inline-block;
}
.ag-rtl {
  direction: rtl;
}
.ag-ltr {
  direction: ltr;
}
.ag-select-agg-func-popup {
  position: absolute;
}
.ag-body-no-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-root {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ag-font-style {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-no-scrolls {
  white-space: nowrap;
  display: inline-block;
}
.ag-scrolls {
  height: 100%;
}
.ag-popup-backdrop {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.ag-header {
  position: absolute;
  top: 0px;
  left: 0px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.ag-pinned-left-header {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 100%;
}
.ag-pinned-right-header {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 100%;
}
.ag-header-viewport {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
.ag-scrolls .ag-header-row {
  position: absolute;
}
.ag-scrolls .ag-header-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  height: 100%;
}
.ag-no-scrolls .ag-header-container {
  white-space: nowrap;
}
.ag-header-overlay {
  display: block;
  position: absolute;
}
.ag-header-cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  text-align: center;
  display: inline-block;
  height: 100%;
  position: absolute;
}
.ag-floating-filter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
}
.ag-floating-filter-body {
  margin-right: 25px;
  height: 20px;
}
.ag-floating-filter-full-body {
  width: 100%;
  height: 20px;
}
.ag-floating-filter-button {
  width: 25px;
  height: 20px;
  float: right;
  margin-top: -20px;
}
.ag-floating-filter-button button {
  width: 25px;
  height: 19px;
  padding: 0;
}
.ag-floating-filter-input {
  width: 100%;
}
.ag-floating-filter-input:read-only {
  background-color: #eee;
}
.ag-floating-filter-menu {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-dnd-ghost {
  font-size: 14px;
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  position: absolute;
  background: #e5e5e5;
  border: 1px solid #000;
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 3px;
  line-height: 1.4;
}
.ag-dnd-ghost-icon {
  display: inline-block;
  float: left;
  padding-left: 2px;
  padding-right: 2px;
}
.ag-dnd-ghost-label {
  display: inline-block;
}
.ag-header-group-cell {
  height: 100%;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
}
.ag-header-group-cell-label {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-header-cell-label {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-header-cell-resize {
  height: 100%;
  width: 4px;
  cursor: col-resize;
}
.ag-ltr .ag-header-cell-resize {
  float: right;
}
.ag-ltr .ag-pinned-right-header .ag-header-cell-resize {
  float: left;
}
.ag-rtl .ag-header-cell-resize {
  float: left;
}
.ag-rtl .ag-pinned-left-header .ag-header-cell-resize {
  float: right;
}
.ag-ltr .ag-header-select-all {
  float: left;
}
.ag-rtl .ag-header-select-all {
  float: right;
}
.ag-header-expand-icon {
  padding-left: 4px;
}
.ag-header-cell-menu-button {
  float: right;
}
.ag-overlay-panel {
  display: table;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ag-overlay-wrapper {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.ag-bl-overlay {
  pointer-events: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
.ag-bl-full-height {
  height: 100%;
  overflow: auto;
  position: relative;
}
.ag-bl-full-height-west {
  height: 100%;
  float: left;
}
.ag-bl-full-height-east {
  height: 100%;
  float: right;
}
.ag-bl-full-height-center {
  height: 100%;
}
.ag-bl-normal {
  height: 100%;
  position: relative;
}
.ag-bl-normal-center-row {
  height: 100%;
  overflow: hidden;
}
.ag-bl-normal-west {
  height: 100%;
  float: left;
}
.ag-bl-normal-east {
  height: 100%;
  float: right;
}
.ag-bl-normal-center {
  height: 100%;
}
.ag-bl-dont-fill {
  position: relative;
}
.ag-body {
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
.ag-floating-top {
  position: absolute;
  left: 0px;
  width: 100%;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ag-pinned-left-floating-top {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.ag-pinned-right-floating-top {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.ag-floating-top-viewport {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
.ag-floating-top-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
}
.ag-floating-bottom {
  position: absolute;
  left: 0px;
  width: 100%;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ag-pinned-left-floating-bottom {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.ag-pinned-right-floating-bottom {
  float: right;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.ag-floating-bottom-viewport {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
}
.ag-floating-bottom-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
}
.ag-pinned-left-cols-viewport {
  float: left;
}
.ag-pinned-left-cols-container {
  display: inline-block;
  position: relative;
}
.ag-pinned-right-cols-viewport {
  float: right;
}
.ag-ltr .ag-pinned-right-cols-viewport {
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-ltr .ag-pinned-left-cols-viewport {
  overflow: hidden;
}
.ag-rtl .ag-pinned-right-cols-viewport {
  overflow: hidden;
}
.ag-rtl .ag-pinned-left-cols-viewport {
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-pinned-right-cols-container {
  display: inline-block;
  position: relative;
}
.ag-body-viewport-wrapper {
  height: 100%;
}
.ag-body-viewport {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}
.ag-full-width-viewport {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: inline;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.ag-full-width-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.ag-floating-bottom-full-width-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
  overflow: hidden;
  display: inline;
}
.ag-floating-top-full-width-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
  overflow: hidden;
  display: inline;
}
.ag-full-width-row {
  pointer-events: all;
  overflow: hidden;
}
.ag-scrolls .ag-body-container {
  position: relative;
  display: inline-block;
}
.ag-row-animation {
  -webkit-transition:
    top 0.4s,
    height 0.4s,
    background-color 0.1s,
    opacity 0.2s;
  -moz-transition:
    top 0.4s,
    height 0.4s,
    background-color 0.1s,
    opacity 0.2s;
  -o-transition:
    top 0.4s,
    height 0.4s,
    background-color 0.1s,
    opacity 0.2s;
  -ms-transition:
    top 0.4s,
    height 0.4s,
    background-color 0.1s,
    opacity 0.2s;
  transition:
    top 0.4s,
    height 0.4s,
    background-color 0.1s,
    opacity 0.2s;
}
.ag-row-no-animation {
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.ag-row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ag-scrolls .ag-row {
  white-space: nowrap;
  position: absolute;
  width: 100%;
}
.ag-no-scrolls .ag-row {
  position: relative;
}
.ag-column-moving .ag-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  -webkit-transition: left 0.2s;
  -moz-transition: left 0.2s;
  -o-transition: left 0.2s;
  -ms-transition: left 0.2s;
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  -webkit-transition: left 0.2s, width 0.2s;
  -moz-transition: left 0.2s, width 0.2s;
  -o-transition: left 0.2s, width 0.2s;
  -ms-transition: left 0.2s, width 0.2s;
  transition: left 0.2s, width 0.2s;
}
.ag-column-drop {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ag-column-drop-vertical .ag-column-drop-cell {
  display: block;
}
.ag-column-drop-vertical .ag-column-drop-empty-message {
  display: block;
}
.ag-column-drop-vertical .ag-column-drop-cell-button {
  line-height: 16px;
}
.ag-ltr .ag-column-drop-vertical .ag-column-drop-cell-button {
  float: right;
}
.ag-rtl .ag-column-drop-vertical .ag-column-drop-cell-button {
  float: left;
}
.ag-column-drop-horizontal {
  white-space: nowrap;
}
.ag-column-drop-horizontal .ag-column-drop-cell {
  display: inline-block;
}
.ag-column-drop-horizontal .ag-column-drop-empty-message {
  display: inline-block;
}
.ag-cell {
  display: inline-block;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
}
.ag-value-slide-out {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  margin-right: 5px;
  -webkit-transition: opacity 3s, margin-right 3s;
  -moz-transition: opacity 3s, margin-right 3s;
  -o-transition: opacity 3s, margin-right 3s;
  -ms-transition: opacity 3s, margin-right 3s;
  transition: opacity 3s, margin-right 3s;
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  margin-right: 10px;
}
.ag-opacity-zero {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.ag-cell-edit-input {
  width: 100%;
  height: 100%;
}
.ag-group-cell-entire-row {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-footer-cell-entire-row {
  width: 100%;
  display: inline-block;
  white-space: nowrap;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-large .ag-root {
  font-size: 20px;
}
.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  width: 200px;
  height: 300px;
  overflow: auto;
}
.ag-menu-list {
  display: table;
  border-collapse: collapse;
}
.ag-menu-option {
  display: table-row;
}
.ag-menu-option-text {
  display: table-cell;
}
.ag-menu-option-shortcut {
  display: table-cell;
}
.ag-menu-option-icon {
  display: table-cell;
}
.ag-menu-option-popup-pointer {
  display: table-cell;
}
.ag-menu-separator {
  display: table-row;
}
.ag-menu-separator-cell {
  display: table-cell;
}
.ag-virtual-list-viewport {
  overflow-x: auto;
  height: 100%;
  width: 100%;
}
.ag-virtual-list-container {
  position: relative;
  overflow: hidden;
}
.ag-rich-select {
  outline: none;
}
.ag-rich-select-row {
  white-space: nowrap;
}
.ag-rich-select-list {
  width: 200px;
  height: 200px;
}
.ag-set-filter-list {
  width: 200px;
  height: 200px;
}
.ag-set-filter-item {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-filter-filter {
  width: 170px;
  margin: 4px;
}
.ag-floating-filter-body input {
  width: 100%;
  margin: 0;
  height: 19px;
}
.ag-floating-filter-full-body input {
  width: 100%;
  margin: 0;
  height: 19px;
}
.ag-filter-select {
  width: 110px;
  margin: 4px 4px 0px 4px;
}
.ag-no-vertical-scroll .ag-scrolls {
  height: unset;
}
.ag-no-vertical-scroll .ag-body {
  height: unset;
}
.ag-no-vertical-scroll .ag-body-viewport-wrapper {
  height: unset;
}
.ag-no-vertical-scroll .ag-body-viewport {
  height: unset;
}
.ag-list-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-tool-panel {
  width: 200px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.ag-column-select-indent {
  display: inline-block;
}
.ag-column-select-column {
  white-space: nowrap;
}
.ag-ltr .ag-column-select-column {
  margin-left: 14px;
}
.ag-rtl .ag-column-select-column {
  margin-right: 14px;
}
.ag-column-select-column-group {
  white-space: nowrap;
}
.ag-hidden {
  display: none !important;
}
.ag-visibility-hidden {
  visibility: hidden !important;
}
.ag-faded {
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
}
.ag-width-half {
  width: 50%;
  display: inline-block;
}
.ag-shake-left-to-right {
  -webkit-animation-name: ag-shake-left-to-right;
  -moz-animation-name: ag-shake-left-to-right;
  -o-animation-name: ag-shake-left-to-right;
  -ms-animation-name: ag-shake-left-to-right;
  animation-name: ag-shake-left-to-right;
  -webkit-animation-duration: 0.2s;
  -moz-animation-duration: 0.2s;
  -o-animation-duration: 0.2s;
  -ms-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -moz-animation-direction: alternate;
  -o-animation-direction: alternate;
  -ms-animation-direction: alternate;
  animation-direction: alternate;
}
@-moz-keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
@-webkit-keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
@-o-keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/06-ag-grid-style-stack02.css */
.ag-fresh {
  line-height: 1.4;
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
  color: #222;
}
.ag-fresh img {
  vertical-align: middle;
  border: 0;
}
.ag-fresh .ag-root {
  border: 1px solid #808080;
}
.ag-fresh .ag-cell-not-inline-editing {
  padding: 2px;
}
.ag-fresh .ag-cell-range-selected-1:not(.ag-cell-focus) {
  background-color: rgba(120, 120, 120, 0.4);
}
.ag-fresh .ag-cell-range-selected-2:not(.ag-cell-focus) {
  background-color: rgba(80, 80, 80, 0.4);
}
.ag-fresh .ag-cell-range-selected-3:not(.ag-cell-focus) {
  background-color: rgba(40, 40, 40, 0.4);
}
.ag-fresh .ag-cell-range-selected-4:not(.ag-cell-focus) {
  background-color: rgba(0, 0, 0, 0.4);
}
.ag-fresh .ag-cell-focus {
  border: 1px solid #a9a9a9;
}
.ag-fresh .ag-cell-no-focus {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.ag-fresh .ag-ltr .ag-cell-no-focus {
  border-right: 1px dotted #808080;
  border-left: 1px solid transparent;
}
.ag-fresh .ag-rtl .ag-cell-no-focus {
  border-right: 1px solid transparent;
  border-left: 1px dotted #808080;
}
.ag-fresh .ag-rtl .ag-cell-first-right-pinned {
  border-left: 1px solid #808080;
}
.ag-fresh .ag-ltr .ag-cell-first-right-pinned {
  border-left: 1px solid #808080;
}
.ag-fresh .ag-rtl .ag-cell-last-left-pinned {
  border-right: 1px solid #808080;
}
.ag-fresh .ag-ltr .ag-cell-last-left-pinned {
  border-right: 1px solid #808080;
}
.ag-fresh .ag-cell-highlight {
  border: 1px solid #006400;
}
.ag-fresh .ag-cell-highlight-animation {
  -webkit-transition: border 1s;
  -moz-transition: border 1s;
  -o-transition: border 1s;
  -ms-transition: border 1s;
  transition: border 1s;
}
.ag-fresh .ag-value-change-delta {
  padding-right: 2px;
}
.ag-fresh .ag-value-change-delta-up {
  color: #006400;
}
.ag-fresh .ag-value-change-delta-down {
  color: #8b0000;
}
.ag-fresh .ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -o-transition: background-color 1s;
  -ms-transition: background-color 1s;
  transition: background-color 1s;
}
.ag-fresh .ag-value-change-value-highlight {
  background-color: #cec;
  -webkit-transition: background-color 0.1s;
  -moz-transition: background-color 0.1s;
  -o-transition: background-color 0.1s;
  -ms-transition: background-color 0.1s;
  transition: background-color 0.1s;
}
.ag-fresh .ag-rich-select {
  font-size: 14px;
  border: 1px solid #808080;
  background-color: #fff;
}
.ag-fresh .ag-rich-select-value {
  padding: 2px;
}
.ag-fresh .ag-rich-select-list {
  border-top: 1px solid #d3d3d3;
}
.ag-fresh .ag-rich-select-row {
  padding: 2px;
}
.ag-fresh .ag-rich-select-row-selected {
  background-color: #bde2e5;
}
.ag-fresh .ag-large-text {
  border: 1px solid #808080;
}
.ag-fresh .ag-header-select-all {
  padding: 5px 0px 0px 3px;
  line-height: 0;
}
.ag-fresh .ag-header {
  color: #000;
  background: -webkit-linear-gradient(#fff, #d3d3d3);
  background: -moz-linear-gradient(#fff, #d3d3d3);
  background: -o-linear-gradient(#fff, #d3d3d3);
  background: -ms-linear-gradient(#fff, #d3d3d3);
  background: linear-gradient(#fff, #d3d3d3);
  border-bottom: 1px solid #808080;
  font-weight: normal;
}
.ag-fresh .ag-header-icon {
  color: #000;
  stroke: none;
  fill: #000;
}
.ag-fresh .ag-no-scrolls .ag-header-container {
  background: -webkit-linear-gradient(#fff, #d3d3d3);
  background: -moz-linear-gradient(#fff, #d3d3d3);
  background: -o-linear-gradient(#fff, #d3d3d3);
  background: -ms-linear-gradient(#fff, #d3d3d3);
  background: linear-gradient(#fff, #d3d3d3);
  border-bottom: 1px solid #808080;
}
.ag-fresh .ag-ltr .ag-header-cell {
  border-right: 1px solid #808080;
}
.ag-fresh .ag-rtl .ag-header-cell {
  border-left: 1px solid #808080;
}
.ag-fresh .ag-header-cell-moving .ag-header-cell-label {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ag-fresh .ag-header-cell-moving {
  background-color: #bebebe;
}
.ag-fresh .ag-ltr .ag-header-group-cell {
  border-right: 1px solid #808080;
}
.ag-fresh .ag-rtl .ag-header-group-cell {
  border-left: 1px solid #808080;
}
.ag-fresh .ag-header-group-cell-with-group {
  border-bottom: 1px solid #808080;
}
.ag-fresh .ag-header-cell-label {
  padding: 4px 2px 4px 2px;
}
.ag-fresh .ag-header-cell-text {
  padding-left: 2px;
}
.ag-fresh .ag-header-group-cell-label {
  padding: 4px;
}
.ag-fresh .ag-ltr .ag-header-group-cell-label {
  padding-left: 10px;
}
.ag-fresh .ag-rtl .ag-header-group-cell-label {
  padding-right: 10px;
}
.ag-fresh .ag-rtl .ag-header-group-text {
  margin-left: 2px;
}
.ag-fresh .ag-ltr .ag-header-group-text {
  margin-right: 2px;
}
.ag-fresh .ag-header-cell-menu-button {
  padding: 2px;
  margin-top: 4px;
  margin-left: 1px;
  margin-right: 1px;
  border: 1px solid transparent;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  line-height: 0px;
}
.ag-fresh .ag-ltr .ag-pinned-right-header {
  border-left: 1px solid #808080;
}
.ag-fresh .ag-rtl .ag-pinned-left-header {
  border-right: 1px solid #808080;
}
.ag-fresh .ag-header-cell-menu-button:hover {
  border: 1px solid #808080;
}
.ag-fresh .ag-body {
  background-color: #f6f6f6;
}
.ag-fresh .ag-row-odd {
  background-color: #f6f6f6;
}
.ag-fresh .ag-row-even {
  background-color: #fff;
}
.ag-fresh .ag-row-selected {
  background-color: #b0e0e6;
}
.ag-fresh .ag-floating-top .ag-row {
  background-color: #f0f0f0;
}
.ag-fresh .ag-floating-bottom .ag-row {
  background-color: #f0f0f0;
}
.ag-fresh .ag-overlay-loading-wrapper {
  background-color: rgba(255, 255, 255, 0.5);
}
.ag-fresh .ag-overlay-loading-center {
  background-color: #fff;
  border: 1px solid #808080;
  border-radius: 10px;
  padding: 10px;
  color: #000;
}
.ag-fresh .ag-overlay-no-rows-center {
  background-color: #fff;
  border: 1px solid #808080;
  border-radius: 10px;
  padding: 10px;
}
.ag-fresh .ag-group-cell-entire-row {
  background-color: #f6f6f6;
  padding: 2px;
}
.ag-fresh .ag-footer-cell-entire-row {
  background-color: #f6f6f6;
  padding: 2px;
}
.ag-fresh .ag-group-cell {
  font-style: italic;
}
.ag-fresh .ag-ltr .ag-group-expanded {
  padding-right: 4px;
}
.ag-fresh .ag-rtl .ag-group-expanded {
  padding-left: 4px;
}
.ag-fresh .ag-ltr .ag-group-contracted {
  padding-right: 4px;
}
.ag-fresh .ag-rtl .ag-group-contracted {
  padding-left: 4px;
}
.ag-fresh .ag-ltr .ag-group-loading {
  padding-right: 4px;
}
.ag-fresh .ag-rtl .ag-group-loading {
  padding-left: 4px;
}
.ag-fresh .ag-ltr .ag-group-value {
  padding-right: 2px;
}
.ag-fresh .ag-rtl .ag-group-value {
  padding-left: 2px;
}
.ag-fresh .ag-ltr .ag-group-checkbox {
  padding-right: 2px;
}
.ag-fresh .ag-rtl .ag-group-checkbox {
  padding-left: 2px;
}
.ag-fresh .ag-group-child-count {
  display: inline-block;
}
.ag-fresh .ag-footer-cell {
  font-style: italic;
}
.ag-fresh .ag-menu {
  border: 1px solid #808080;
  background-color: #f6f6f6;
  cursor: default;
  font-family:
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  font-size: 14px;
}
.ag-fresh .ag-menu .ag-tab-header {
  background-color: #e6e6e6;
}
.ag-fresh .ag-menu .ag-tab {
  padding: 6px 8px 6px 8px;
  margin: 2px 2px 0px 2px;
  display: inline-block;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
.ag-fresh .ag-menu .ag-tab-selected {
  background-color: #f6f6f6;
  border-right: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-top: 1px solid #d3d3d3;
}
.ag-fresh .ag-menu-separator {
  border-top: 1px solid #d3d3d3;
}
.ag-fresh .ag-menu-option-active {
  background-color: #bde2e5;
}
.ag-fresh .ag-menu-option-icon {
  padding: 2px 4px 2px 4px;
  vertical-align: middle;
}
.ag-fresh .ag-menu-option-text {
  padding: 2px 4px 2px 4px;
  vertical-align: middle;
}
.ag-fresh .ag-menu-option-shortcut {
  padding: 2px 2px 2px 2px;
  vertical-align: middle;
}
.ag-fresh .ag-menu-option-popup-pointer {
  padding: 2px 4px 2px 4px;
  vertical-align: middle;
}
.ag-fresh .ag-menu-option-disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ag-fresh .ag-menu-column-select-wrapper {
  margin: 2px;
}
.ag-fresh .ag-filter-checkbox {
  position: relative;
  top: 2px;
  left: 2px;
}
.ag-fresh .ag-filter-header-container {
  border-bottom: 1px solid #d3d3d3;
}
.ag-fresh .ag-filter-apply-panel {
  border-top: 1px solid #d3d3d3;
  padding: 2px;
}
.ag-fresh .ag-filter-value {
  margin-left: 4px;
}
.ag-fresh .ag-ltr .ag-selection-checkbox {
  padding-right: 4px;
}
.ag-fresh .ag-rtl .ag-selection-checkbox {
  padding-left: 4px;
}
.ag-fresh .ag-paging-panel {
  padding: 4px;
}
.ag-fresh .ag-paging-button {
  margin-left: 4px;
  margin-right: 4px;
}
.ag-fresh .ag-paging-row-summary-panel {
  display: inline-block;
  width: 300px;
}
.ag-fresh .ag-tool-panel {
  background-color: #f6f6f6;
  border-bottom: 1px solid #808080;
  border-top: 1px solid #808080;
  color: #222;
}
.ag-fresh .ltr .ag-tool-panel {
  border-right: 1px solid #808080;
}
.ag-fresh .rtl .ag-tool-panel {
  border-left: 1px solid #808080;
}
.ag-fresh .ag-status-bar {
  color: #222;
  background-color: #f6f6f6;
  font-size: 14px;
  height: 22px;
  border-bottom: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
  padding: 2px;
}
.ag-fresh .ag-status-bar-aggregations {
  float: right;
}
.ag-fresh .ag-status-bar-item {
  padding-left: 10px;
}
.ag-fresh .ag-column-drop-cell {
  background: -webkit-linear-gradient(#fff, #d3d3d3);
  background: -moz-linear-gradient(#fff, #d3d3d3);
  background: -o-linear-gradient(#fff, #d3d3d3);
  background: -ms-linear-gradient(#fff, #d3d3d3);
  background: linear-gradient(#fff, #d3d3d3);
  color: #000;
  border: 1px solid #808080;
}
.ag-fresh .ag-column-drop-cell-ghost {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.ag-fresh .ag-column-drop-cell-text {
  padding-left: 2px;
  padding-right: 2px;
}
.ag-fresh .ag-column-drop-cell-button {
  border: 1px solid transparent;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 3px;
}
.ag-fresh .ag-column-drop-cell-button:hover {
  border: 1px solid #808080;
}
.ag-fresh .ag-column-drop-empty-message {
  padding-left: 2px;
  padding-right: 2px;
  color: #808080;
}
.ag-fresh .ag-column-drop-icon {
  margin: 3px;
}
.ag-fresh .ag-column-drop {
  background-color: #f6f6f6;
}
.ag-fresh .ag-column-drop-horizontal {
  padding: 2px;
  border-top: 1px solid #808080;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}
.ag-fresh .ag-column-drop-vertical {
  padding: 4px 4px 10px 4px;
  border-bottom: 1px solid #808080;
}
.ag-fresh .ag-column-drop-vertical .ag-column-drop-cell {
  margin-top: 2px;
}
.ag-fresh .ag-column-drop-vertical .ag-column-drop-empty-message {
  text-align: center;
  padding: 5px;
}
.ag-fresh .ag-pivot-mode {
  border-bottom: 1px solid #808080;
  padding: 4px;
  background-color: #f6f6f6;
}
.ag-fresh .ag-tool-panel .ag-column-select-panel {
  border-bottom: 1px solid #808080;
}
.ag-fresh .ag-select-agg-func-popup {
  cursor: default;
  position: absolute;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #808080;
}
.ag-fresh .ag-select-agg-func-item {
  padding-left: 2px;
  padding-right: 2px;
}
.ag-fresh .ag-select-agg-func-item:hover {
  background-color: #bde2e5;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/07-ag-grid-style-stack03.css */
.ag-dimensions {
  width: 100%;
  height: 350px;
}
.ag-header-cell {
  text-align: left;
}
.ag-alpha-numeric-column {
  text-align: right;
}
.ag-fresh .ag-body {
  background-color: rgba(244, 244, 244, 0.4);
}
.ag-fresh .ag-header-cell {
  border-right: 1px solid rgba(0, 0, 0, 0);
}
.ag-fresh .ag-header {
  color: #222;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #eceeef;
}
.ag-fresh .ag-header-cell {
  border-right: 1px solid rgba(0, 0, 0, 0);
}
.ag-overlay-wrapper.ag-overlay-no-rows-wrapper {
  padding-top: 50px;
  vertical-align: top;
}
.ag-fresh .ag-row-selected,
.ag-fresh .ag-row-selected:hover {
  background-color: rgba(133, 178, 226, 1) !important;
  color: rgba(255, 255, 255, 1);
}
.ag-fresh .ag-root {
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 3px;
}
.ag-dimensions {
  margin-bottom: 2.5rem;
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, .1);
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.ag-fresh .ag-cell-no-focus {
  border-right: 1px dotted rgba(0, 0, 0, 0) !important;
}
.ag-bl-full-height {
  overflow: inherit;
}
.ag-floating-bottom-container {
  font-weight: 700;
}
.ag-floating-bottom-container i {
  font-weight: 700;
  font-style: normal;
  position: relative;
  left: 0.1rem;
}
.ag-floating-bottom-container [class*=action-type] {
  display: none;
}
.ag-fresh .ag-body {
  background-color: #fff;
}
* {
  box-sizing: border-box;
  transition:
    width 0s ease-in-out,
    height 0s ease-in-out,
    left 0s ease-in-out,
    margin-left 0s ease-in-out;
}
.ag-fresh,
.table.table-striped {
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, .1);
  border-radius: 0px 0px 3px 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(var(--branding-bg-color-value), 0.4);
  border-top: 5px solid rgba(var(--branding-bg-color-value), 1);
}
.ag-fresh .ag-header,
.table.table-striped th {
  color: #222;
  border-bottom: 2px solid rgba(var(--branding-bg-color-value), 0.3);
  line-height: 1.2;
  background: -moz-linear-gradient(0deg, #D8DAFE 0, #FFFFFF 100%);
  background: -webkit-gradient(linear, 0deg, color-stop(0, D8DAFE), color-stop(100%, FFFFFF));
  background: -webkit-linear-gradient(0deg, #D8DAFE 0, #FFFFFF 100%);
  background: -o-linear-gradient(0deg, #D8DAFE 0, #FFFFFF 100%);
  background: -ms-linear-gradient(0deg, #D8DAFE 0, #FFFFFF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1301FE", endColorstr="#F4F60C", GradientType="1");
  background:
    linear-gradient(
      0deg,
      #D8DAFE 0,
      #FFFFFF 100%);
}
.ag-fresh .ag-header-cell {
  border-right: 1px solid rgba(255, 255, 255, 1) !important;
  line-height: 1.2;
}
.ag-header-cell-resize {
  border-right: 1px solid rgba(var(--selected-element-color), 1);
  width: 4px;
}
.ag-header-cell-resize:hover {
  background-color: rgba(var(--selected-element-color), 0.2);
  box-shadow: 0 0 2px 3px rgba(var(--selected-element-color), 0.2);
}
.ag-fresh .ag-header-cell-text,
.table.table-striped th {
  font-size: 0.9rem;
}
.ag-fresh .ag-root {
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 3px;
}
.ag-fresh .ag-cell,
.ag-fresh .ag-cell-text,
.table.table-striped td {
  font-size: 0.9rem;
  font-weight: 600;
}
.ag-scrolls .ag-row .cell-text-wrap {
  white-space: normal !important;
}
.table-striped tbody tr:nth-of-type(odd),
.ag-fresh .ag-row-odd,
.ag-fresh .ag-row-even {
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #efefef;
}
.ag-fresh .alternateGridRow {
  background-color: lightgray;
}
.ag-fresh .searchHightlightGridRow {
  background-color: yellow;
}
.ag-fresh .searchHightlightGridRow.ag-row-selected {
  color: yellow;
}
.ag-fresh .ag-header-cell-menu-button {
  opacity: 1 !important;
  color: #000;
}
.ag-fresh .ag-header-icon {
  stroke: none;
  fill: #0074d9 !important;
  padding: 4px 5px !important;
  position: relative;
  top: -4px;
}
.ag-fresh [class*=ag-sort].ag-header-icon svg {
}
.ag-fresh [class*=ag-sort].ag-header-icon {
  padding: 0 !important;
  top: 0;
}
.ag-pinned-left-cols-viewport {
  border-right: 2px solid rgba(var(--branding-bg-color-value), 1);
  border-bottom: 15px solid rgba(0, 0, 0, 0);
}
.ag-pinned-left-cols-viewport .ag-row {
  background-color: rgba(0, 0, 0, 0);
}
.ag-fresh i.fa.fa-check {
  color: green;
}
.ag-fresh i.fa.fa-times {
  color: red;
}
.ag-fresh .ag-row-selected i.fa,
.ag-fresh .ag-row-selected:hover i.fa {
  color: inherit;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/08-table-row-active-state.css */
.table-hover tbody tr:hover {
  cursor: pointer;
}
table tbody tr.isActive {
  background-color: rgba(0, 0, 0, .065);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/09-css-global-property-vars.css */
:root {
  --branding-bg-color-value:
    60,73,129;
  --branding-bg-color: rgba(var(--branding-bg-color-value),1);
  --selected-element-color:
    133,
    178,
    226;
  --main-bg-color: rgba(255, 255, 255, 0.5);
  --top-rail-height: 0;
  --app-header-items-height: 3.61531rem;
  --app-header-height: calc(var(--app-header-items-height));
  --nav-main-bg-color: rgba(0, 0, 0, 1);
  --nav-sub-height: 4.61531rem;
  --nav-sub-bg-color: rgba(244, 244, 244, 1);
  --nav-app-exp-bg-color: rgba(0, 0, 0, 0.8);
  --nav-app-exp--standard-width: 17.3076rem;
  --nav-app-exp-item-nesting-left-space: 1.0769rem;
  --nav-app-exp-item-core-color:
    255,
    255,
    255;
  --nav-app-exp-item-text-shadow-color:
    0,
    0,
    0,
    0.5;
  --nav-app-exp-item-hover-bg: rgba(var(--nav-app-exp-item-core-color), 0.1);
  --nav-app-exp-item-selected-bg: rgba(var(--nav-app-exp-item-core-color), 0.3);
  --nav-app-exp-item-selected-bg: rgba(118, 133, 199, 0.3);
  --nav-app-exp-item-color: rgba(var(--nav-app-exp-item-core-color), 0.8);
  --nav-app-exp-item-color-hover: rgba(var(--nav-app-exp-item-core-color), 1);
  --nav-app-exp-item-text-shadow: 1px 1px 2px rgba(var(--nav-app-exp-item-text-shadow-color));
  --nav-app-exp-item-color-disabled: rgba(var(--nav-app-exp-item-core-color), 0.4);
  --nav-app-exp-item-border: 4px solid rgba(var(--selected-element-color), 0.8);
  --nav-app-exp-item-tether-border: 1px dashed rgba(var(--nav-app-exp-item-core-color), 0.2);
  --no-data-border: 4px double rgba(var(--nav-app-exp-item-core-color), 0.4);
  --context-bar-height: 4.6153rem;
  --context-bar-bg-color: rgba(244, 244, 244, 0.9);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/10-scrollbar-styles.css */
::-webkit-scrollbar {
  width: 10px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/11-switch-styles.css */
.switch {
  position: relative;
  display: block;
  width: 100%;
  height: 30px;
  padding: 3px;
  margin: 0 10px 10px 0;
  background:
    linear-gradient(
      to bottom,
      #eeeeee,
      #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-sizing: content-box;
}
.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  box-sizing: content-box;
}
.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
}
.switch-label:before,
.switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing: content-box;
}
.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #E1B42B;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch-handle {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 23px;
  height: 23px;
  background:
    linear-gradient(
      to bottom,
      #FFFFFF 40%,
      #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background:
    linear-gradient(
      to bottom,
      #eeeeee,
      #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
  left: calc(100% - 30px);
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-label,
.switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}
.switch-left-right .switch-label {
  overflow: hidden;
}
.switch-left-right .switch-label:before,
.switch-left-right .switch-label:after {
  width: 100%;
  height: 17px;
  top: 4px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 11px 0 0 0;
  text-indent: -12px;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-left-right .switch-label:before {
  background: #eceeef;
  text-align: left;
  padding-left: calc(100% - 14px);
}
.switch-left-right .switch-label:after {
  text-align: left;
  text-indent: 9px;
  background: #5cb85c;
  left: -100%;
  opacity: 1;
  width: 100%;
}
.switch-left-right .switch-input:checked ~ .switch-label:before {
  opacity: 1;
  left: 100px;
}
.switch-left-right .switch-input:checked ~ .switch-label:after {
  left: 0;
}
.switch-left-right .switch-input:checked ~ .switch-label {
  background: inherit;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/12-css-transitions-fadein.css */
.fade-in {
  opacity: 0.3;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.fade-in:hover {
  opacity: 0.8;
}
@keyframes scaleIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes scaleOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/13-desktop-layout-structure.css */
* {
  box-sizing: border-box;
}
html {
  font-size: 13px;
  font-family: Arial, sans-serif;
}
a {
  text-decoration: none;
}
.ag-header-cell-label {
  text-overflow: clip;
  overflow: visible;
  white-space: normal;
}
header {
  background-color: var(--branding-bg-color);
  transition: all 200ms ease-in-out;
  height: var(--app-header-height);
  display: flex;
  flex-direction: column;
}
.alpha-app-body {
  background-color: rgba(255, 255, 255, 1);
  overflow-y: auto;
}
.alpha-layout-wrap {
  display: flex;
  box-sizing: border-box;
  position: relative;
}
.alpha-layout-main {
  flex: 1;
}
.alpha-layout-row-2 {
  display: flex;
  flex: 1;
}
.alpha-layout-col-2 {
  display: flex;
  flex-direction: column;
  flex: 1;
}
main {
  overflow: hidden;
  height: calc(100vh - var(--app-header-height));
}
.esnotify-info {
  background: rgba(0, 0, 255);
}
.esnotify-warning {
  background: rgba(255, 194, 0);
  color: #fff;
}
.esnotify-error {
  background: rgba(255, 0, 0);
  color: #fff;
}
.loading {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/14-alpha-dropdown.css */
.alpha-dropdown {
  z-index: 999;
}
.alpha-dropdown:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.alpha-dropdown:hover > .alpha-dropdown__item > .alpha-dropdown__menu {
  display: block;
}
.alpha-dropdown > .alpha-dropdown__item {
  position: relative;
}
.alpha-dropdown__menu {
  display: none;
  position: absolute;
  right: -1px;
  top: 100%;
  width: 100%;
  min-width: 120px;
  margin-top: 5px;
  background-color: var(--branding-bg-color);
}
.alpha-dropdown__menu > .alpha-dropdown__item {
}
.alpha-dropdown__link {
  display: block;
  color: var(--nav-app-exp-item-color);
  text-decoration: none;
  font-size: 14px;
  padding: 1em;
}
.alpha-dropdown__link:hover {
  color: #fff;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.2);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/15-alpha-menu-toolbar.css */
alpha-menu {
  overflow: hidden;
  display: flex;
  height: calc(100vh - var(--app-header-height));
}
.alpha-app-container.alpha-app-exp-closed nav.alpha-nav-app-explorer.alpha-accordion-container {
  width: 0;
}
.alpha-app-subnav {
  height: var(--nav-sub-height);
  background-color: var(--nav-sub-bg-color);
  box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
alpha-menu .alpha-nav-app-explorer {
  overflow-y: scroll;
  flex: 1;
  height: calc(100vh - var(--app-header-height));
  position: relative;
  left: 0;
}
alpha-menu .alpha-nav-app-explorer::-webkit-scrollbar {
  width: 5px;
}
alpha-menu .alpha-nav-app-explorer:hover::-webkit-scrollbar {
  display: block;
  width: 5px;
}
alpha-menu .alpha-nav-app-explorer::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
}
alpha-menu .alpha-nav-app-explorer:hover::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.alpha-app-container .alpha-nav-app-explorer-menu-toggle {
  background-color: rgba(38, 38, 38, 1);
}
.alpha-app-container.alpha-app-exp-closed .alpha-nav-app-explorer-menu-toggle {
  background-color: rgba(0, 0, 0, 0);
}
.alpha-app-container.alpha-app-exp-closed .alpha-nav-app-explorer {
  left: -100%;
}
alpha-menu .alpha-nav-app-explorer ul {
  display: block;
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
alpha-menu .alpha-nav-app-explorer ul li {
  width: 100%;
}
alpha-menu .alpha-nav-app-explorer ul li a,
alpha-menu .alpha-nav-app-explorer ul li a span {
  width: 100%;
  display: block;
}
alpha-menu .alpha-nav-app-explorer ul li a {
  position: relative;
}
alpha-menu .alpha-nav-app-explorer ul li a i {
  padding-right: 3px;
}
alpha-menu .alpha-nav-app-explorer ul li a span {
  padding: 0.5384rem;
  color: var(--nav-app-exp-item-color);
  text-shadow: var(--nav-app-exp-item-text-shadow);
  border-left: var(--nav-app-exp-item-border);
}
alpha-menu .alpha-nav-app-explorer ul li a:hover span {
  background-color: var(--nav-app-exp-item-hover-bg);
  color: var(--nav-app-exp-item-color-hover);
}
alpha-menu .alpha-nav-app-explorer ul li.alpha-selected:hover > a > span,
alpha-menu .alpha-nav-app-explorer ul li.alpha-selected > a > span {
  background-color: var(--nav-app-exp-item-selected-bg);
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.3);
  color: var(--nav-app-exp-item-color-hover);
}
alpha-menu .alpha-nav-app-explorer > ul li {
}
alpha-menu .alpha-nav-app-explorer > ul > menu-display > li > a > span {
  margin: 0;
}
alpha-menu .alpha-nav-app-explorer > ul li > ul li > a > span {
  margin-left: calc(var(--nav-app-exp-item-nesting-left-space)/2);
  width: calc(100% - (var(--nav-app-exp-item-nesting-left-space)/2));
  border-left: var(--nav-app-exp-item-border);
}
alpha-menu .alpha-nav-app-explorer > ul li > ul li > ul li > a > span {
  margin-left: calc(var(--nav-app-exp-item-nesting-left-space) * 1.5);
  width: calc(100% - (var(--nav-app-exp-item-nesting-left-space) * 1.5));
  border-left: var(--nav-app-exp-item-border);
}
alpha-menu .alpha-nav-app-explorer > ul li > ul li > ul li > ul li > a > span {
  margin-left: calc(var(--nav-app-exp-item-nesting-left-space) * 2.5);
  width: calc(100% - (var(--nav-app-exp-item-nesting-left-space) * 2.5));
  border-left: var(--nav-app-exp-item-border);
}
alpha-menu .alpha-nav-app-explorer > ul li > ul li > ul li > ul li > a > span:before {
  content: " ";
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  border-left: var(--nav-app-exp-item-tether-border);
  width: 10px;
  height: 100%;
  top: 0;
  left: 21px;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings > li {
  border-top: none;
  margin-top: 5px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings > li > a {
  width: 70%;
  display: block;
  margin: 0 auto;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings > li > a > span {
  display: block;
  font-size: 1rem;
  border-radius: 3px 3px 0 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: none;
  text-align: center;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings > li > a > span i {
  color: rgba(var(--selected-element-color), 1);
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options {
  display: block;
  width: 90%;
  margin: 0 auto;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  top: -1px;
  border-radius: 3px;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li:first-child {
  padding-top: 10px;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li {
  margin-bottom: 5px;
  padding: 5px 10px 5px 10px;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li label {
  display: inline-block;
  font-size: 0.88rem;
  color: rgba(255, 255, 255, 0.8);
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li label:before {
  font-family: FontAwesome;
  content: "\f204";
  padding-right: 10px;
  font-size: 1.5rem;
  position: relative;
  color: rgb(133, 178, 226);
  top: 0.15rem;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li label:hover {
  color: var(--nav-app-exp-item-color-hover);
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li input[type=checkbox] {
  background-color: rgba(0, 0, 0, 0);
  display: none;
}
alpha-menu .alpha-nav-app-explorer .alpha-nav-app-explorer-settings-options li input[type=checkbox]:checked + label:before {
  content: "\f205";
}
alpha-menu .alpha-nav-app-explorer .alpha-branding-logo {
  padding: 15px 10px;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 6px 1px rgba(255, 255, 255, 0.1);
}
alpha-menu .alpha-nav-app-explorer .alpha-branding-logo img {
  width: 6.1538rem;
  margin-left: calc((var(--nav-app-exp--standard-width)/2) - (6.1538rem/1.5));
}
alpha-menu .alpha-nav-app-explorer li[alpha-data-inspector=no-data] > a > span,
alpha-menu .alpha-nav-app-explorer li[alpha-data-inspector=no-data] > a > span:hover {
  border-left: var(--no-data-border);
  margin-top: 0;
  margin-bottom: 0;
  color: var(--nav-app-exp-item-color-disabled);
}
.alpha-item-closed ul {
  height: 0;
}
alpha-menu .alpha-nav-app-explorer.alpha-app-exp-hide-no-data [alpha-data-inspector=no-data] {
  display: none;
}
.alpha-nav-app-explorer.alpha-app-exp-expand-all .alpha-accordion-children {
  height: auto;
}
alpha-menu .alpha-nav-app-explorer ul li a .alpha-openclose {
  position: absolute;
  font: normal normal normal 17px/1 FontAwesome;
  width: 32px;
  border: 1px solid rgba(255, 255, 255, 0) !important;
  width: 25px;
  height: 25px;
  border-radius: 3px;
  right: 2px;
  top: 0;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  text-shadow: none;
  transform: rotate(45deg);
}
alpha-menu .alpha-nav-app-explorer .alpha-openclose::before {
  content: "\f107";
  position: relative;
  top: -4px;
}
alpha-menu .alpha-nav-app-explorer .alpha-item-closed .alpha-openclose::after {
  content: "";
}
alpha-menu .alpha-nav-app-explorer .alpha-openclose::after {
  content: "|";
  position: absolute;
  top: 0.23rem;
  left: 0.88rem;
  font-weight: bold;
  font-size: 0.8rem;
}
alpha-menu .alpha-nav-app-explorer .alpha-item-closed .alpha-openclose {
  transform: rotate(0deg);
}
alpha-menu .alpha-nav-app-explorer .alpha-item-closed .alpha-openclose::before {
  content: "\f107";
}
alpha-right-sidebar alpha-menu .alpha-nav-app-explorer,
alpha-right-sidebar alpha-menu,
.alpha-right-sidebar alpha-menu .alpha-nav-app-explorer,
.alpha-right-sidebar alpha-menu,
.alpha-right-sidebar widget-dock,
.alpha-right-sidebar .widget-dock {
  height: calc(100vh - var(--app-header-height) - 4.6153rem);
}
.alpha-right-sidebar alpha-menu .alpha-nav-app-explorer {
  position: static;
  padding-top: 57px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/17-alpha-buttons-actions-and-links.css */
button.alpha-btn {
  background-color: #49A94F;
  color: white;
  font-weight: 700;
}
button.btn-full-width {
  width: 100%;
}
a#proto-show-fields-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.5rem;
  border: 1px solid;
  border-radius: 3px;
}
ul.section-links {
  border-top: 2px solid white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.section-links > li {
  margin-right: 0.2rem;
}
ul.section-links > li .alpha-section-btn {
  padding: 0;
  border: 0;
  background-color: transparent;
}
ul.section-links > li .alpha-section-btn > span {
  color: #186ecc;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  display: block;
  text-shadow: 1px 1px 2px white;
  position: relative;
}
ul.section-links > li .alpha-section-btn > span:hover {
  background-color: rgba(133, 178, 226, 0.1);
  border-bottom: 4px solid rgba(133, 178, 226, 0);
}
ul.section-links > li .alpha-section-btn.selected > span {
  border-bottom: 4px solid #85b2e2;
  border-color: #3c4981;
  color: #3c4981;
  font-weight: 700;
}
.alpha-grid-filter-v1 {
  margin-bottom: 1rem;
}
.alpha-grid-filter-v1 .row.top-filters {
  margin-bottom: 0.5rem;
}
.alpha-grid-filter-v1 .paging-btns {
  float: left;
}
.alpha-grid-filter-v1 .selection-dropdown {
  float: left;
}
.alpha-grid-filter-v1 .selection-dropdown select {
  padding: 0.2rem 0.4rem 0.4rem 0.4rem;
  margin-left: 0.5rem;
  color: #186ecc;
  border-radius: 0.25rem;
  font-weight: bold;
}
.consumerDataMatched {
  color: #3c4981;
}
.consumerDataNotMatched {
  color: darkgray;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/18-alpha-context-bar.css */
.alpha-context-bar {
  background-color: var(--context-bar-bg-color);
  height: var(--context-bar-height);
  width: calc(100% - var(--nav-app-exp--standard-width));
  position: fixed;
  bottom: 0;
  right: 0;
  border-bottom: 10px solid var(--branding-bg-color);
  border-top: 2px solid white;
  box-shadow: 0 3px 13px 2px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.alpha-app-exp-closed .alpha-context-bar {
  width: 100%;
}
.alpha-context-bar-date {
  margin-left: 10px;
  border-left: 2px solid;
  padding-left: 10px;
}
.alpha-app-context-info {
  background-color: var(--context-bar-bg-color);
  height: var(--context-bar-height);
  border-bottom: 10px solid var(--branding-bg-color);
  border-top: 2px solid white;
  box-shadow: 0 3px 13px 2px rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem;
  z-index: 1;
}
.alpha-context-bar-details {
  text-align: center;
  font-size: 1rem;
  color: var(--branding-bg-color);
  font-weight: bold;
}
span.alert-count {
  display: block;
  font-size: 0.9rem;
  font-family: "Arial", sans-serif;
  background-color: rgba(252, 66, 50, 0.8);
  background-color: #ee940e;
  font-weight: bold;
  border-radius: 100%;
  width: 18px;
  text-align: center;
  padding: 3px 0 0 0;
  height: 17px;
  position: absolute;
  top: -8px;
  right: -8px;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.application-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  z-index: 9;
}
alpha-context-bar div {
  min-width: 20px;
  padding: 0.5rem 1rem;
  width: auto;
  border-radius: 3px;
  width: 3rem;
  color: rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 1rem;
  font-size: 1.9230rem;
  text-align: center;
  margin-top: -32px;
}
alpha-context-bar div.hasWarnings {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  -webkit-animation: pulseInOut 0.5s linear forwards;
  animation: pulseInOut 0.5s linear forwards;
  width: 73px;
  margin-top: -35px;
}
alpha-context-bar div.hasWarnings span.alert-count {
  display: inline-block !important;
  font-size: 1.6rem;
  font-family: "Arial", sans-serif;
  background-color: rgba(252, 66, 50, 0.8);
  background-color: rgba(238, 148, 14, 0);
  font-weight: bold;
  border-radius: 100%;
  width: auto;
  text-align: center;
  padding: 3px 0 0 0;
  height: 17px;
  position: static;
  top: -8px;
  right: -8px;
  -webkit-transform: scale(1);
  transform: scale(1);
  margin-left: 5px;
}
@-webkit-keyframes pulseInOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulseInOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
}
alpha-footer.alpha-layout-col-3.alpha-app-context-info.hasWarnings {
  border-top: 2px solid #f0ad4e;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
    transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
    transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
    transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
    transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
    transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
    transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
    transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
    transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
    transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
    transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
    transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
    transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
    transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
    transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
    transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  1% {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
  }
  3% {
    -webkit-transform: rotateZ(-28deg);
    transform: rotateZ(-28deg);
  }
  5% {
    -webkit-transform: rotateZ(34deg);
    transform: rotateZ(34deg);
  }
  7% {
    -webkit-transform: rotateZ(-32deg);
    transform: rotateZ(-32deg);
  }
  9% {
    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
  }
  11% {
    -webkit-transform: rotateZ(-28deg);
    transform: rotateZ(-28deg);
  }
  13% {
    -webkit-transform: rotateZ(26deg);
    transform: rotateZ(26deg);
  }
  15% {
    -webkit-transform: rotateZ(-24deg);
    transform: rotateZ(-24deg);
  }
  17% {
    -webkit-transform: rotateZ(22deg);
    transform: rotateZ(22deg);
  }
  19% {
    -webkit-transform: rotateZ(-20deg);
    transform: rotateZ(-20deg);
  }
  21% {
    -webkit-transform: rotateZ(18deg);
    transform: rotateZ(18deg);
  }
  23% {
    -webkit-transform: rotateZ(-16deg);
    transform: rotateZ(-16deg);
  }
  25% {
    -webkit-transform: rotateZ(14deg);
    transform: rotateZ(14deg);
  }
  27% {
    -webkit-transform: rotateZ(-12deg);
    transform: rotateZ(-12deg);
  }
  29% {
    -webkit-transform: rotateZ(10deg);
    transform: rotateZ(10deg);
  }
  31% {
    -webkit-transform: rotateZ(-8deg);
    transform: rotateZ(-8deg);
  }
  33% {
    -webkit-transform: rotateZ(6deg);
    transform: rotateZ(6deg);
  }
  35% {
    -webkit-transform: rotateZ(-4deg);
    transform: rotateZ(-4deg);
  }
  37% {
    -webkit-transform: rotateZ(2deg);
    transform: rotateZ(2deg);
  }
  39% {
    -webkit-transform: rotateZ(-1deg);
    transform: rotateZ(-1deg);
  }
  41% {
    -webkit-transform: rotateZ(1deg);
    transform: rotateZ(1deg);
  }
  43% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }
}
i.fa.fa-bell-o.ringalert {
  -webkit-animation: ring 6s 0.5s ease-in-out forwards;
  animation: ring 6s 0.5s ease-in-out forwards;
  -webkit-transform-origin: 50% 4px;
  transform-origin: 50% 4px;
  margin-left: -5px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/19-alpha-menu-toolbar-search.css */
alpha-search-field .toolbar-searchform {
  background-color: rgba(60, 73, 129, 0.3);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
alpha-search-field .toolbar-searchform label {
  color: white;
  padding: 0.3rem;
}
.toolbar-searchform select {
  padding-top: 0.4rem;
}
alpha-menu select.search-recent-items {
  position: fixed;
  border: 1px solid #85b2e2;
  overflow: hidden;
  width: 230px;
  height: auto;
  z-index: 1;
  display: none;
  box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.4);
  border-radius: 0 5px 5px;
}
select.search-recent-items option {
  background-color: rgba(255, 255, 255, 0.94);
  width: inherit;
  padding: 0.3rem;
  font-weight: bold;
  font-size: 0.9rem;
  border-left: 4px solid #85b2e2;
}
select.search-recent-items option:hover {
  background-color: rgba(133, 178, 226, 0.9);
  cursor: pointer;
  color: #fff;
}
select.search-recent-items option:focus {
  background-color: rgba(133, 178, 226, 0.9);
  cursor: pointer;
  color: #fff;
}
alpha-menu input:focus + select.search-recent-items {
  display: block;
}
alpha-menu .toolbar-searchform {
  padding-left: 0.65rem;
  padding-right: 0.5rem;
}
alpha-menu .toolbar-searchform label {
  font-size: 0.9rem;
  padding-left: 0.1rem;
  padding-bottom: 0rem;
  letter-spacing: 0.5px;
}
alpha-menu .toolbar-searchform .form-control {
  padding: 0.5rem;
}
alpha-menu .toolbar-searchform select.form-control {
  padding-left: 0.2rem;
}
alpha-menu .toolbar-searchform .col-md-5 {
  padding-left: 0;
}
alpha-menu .toolbar-searchform .col-md-7 {
  padding-right: 0.7rem;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/20-alpha-menu-toolbar-workplan-items.css */
[itemStatus=incomplete] .toolbarBadge:before {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
[functional-item-group] {
  position: relative;
}
[functional-item-group=new-workplans]:before {
  content: "Workplans Available";
  display: block;
  font-size: 11.2px;
  font-size: 11.2px;
  font-size: 0.7rem;
  margin-left: 25.845px;
  margin-left: 25.845px;
  margin-left: 1.61535rem;
  width: calc(100% - 25.845px);
  width: calc(100% - 25.845px);
  width: calc(100% - 1.61535rem);
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
  padding: 16px 16px 8px 32px;
  padding: 16px 16px 8px 32px;
  padding: 1rem 1rem 0.5rem 2rem;
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  letter-spacing: 1.6px;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}
[functional-item-group=new-workplans]:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f0c5";
  top: 14.4px;
  top: 14.4px;
  top: 0.9rem;
  left: 35.2px;
  left: 35.2px;
  left: 2.2rem;
  color: rgba(255, 255, 255, 0.5);
}
[functional-item-group=workplans]:before {
  content: "Workplans Available";
  display: block;
  font-size: 11.2px;
  font-size: 11.2px;
  font-size: 0.7rem;
  margin-left: 25.845px;
  margin-left: 25.845px;
  margin-left: 1.61535rem;
  width: calc(100% - 25.845px);
  width: calc(100% - 25.845px);
  width: calc(100% - 1.61535rem);
  padding: 16px 16px 8px 24px;
  padding: 16px 16px 8px 24px;
  padding: 1rem 1rem 0.5rem 1.5rem;
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  letter-spacing: 1.6px;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}
[functional-item-group=workplans]:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f0c5";
  top: 14.4px;
  top: 14.4px;
  top: 0.9rem;
  left: 25.6px;
  left: 25.6px;
  left: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
}
[functional-item-group=tasks]:before {
  content: "Tasks Available";
  display: block;
  font-size: 11.2px;
  font-size: 11.2px;
  font-size: 0.7rem;
  margin-left: 25.845px;
  margin-left: 25.845px;
  margin-left: 1.61535rem;
  width: calc(100% - 25.845px);
  width: calc(100% - 25.845px);
  width: calc(100% - 1.61535rem);
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
  padding: 16px 16px 8px 32px;
  padding: 16px 16px 8px 32px;
  padding: 1rem 1rem 0.5rem 2rem;
  color: rgba(255, 242, 146, 0.8);
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  letter-spacing: 1.6px;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}
[functional-item-group=tasks]:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f0c5";
  top: 14.4px;
  top: 14.4px;
  top: 0.9rem;
  left: 35.2px;
  left: 35.2px;
  left: 2.2rem;
  color: rgba(255, 255, 255, 0.5);
}
.toolbarBadge {
  padding: 0 !important;
  position: relative;
}
.toolbarBadge:before {
  font-family: FontAwesome;
  content: "";
  float: left;
  font-size: 11.2px;
  font-size: 11.2px;
  font-size: 0.7rem;
  background-color: black;
  color: white;
  padding: 4.8px;
  padding: 4.8px;
  padding: 0.3rem;
  line-height: 1;
  width: 24px;
  width: 24px;
  width: 1.5rem;
  height: 24px;
  height: 24px;
  height: 1.5rem;
  border: 2px solid #85b2e2;
  border-radius: 100%;
  text-align: center;
  margin-right: -12.8px;
  margin-right: -12.8px;
  margin-right: -0.8rem;
  position: relative;
  font-style: normal;
  left: -18px;
  top: -3px;
  z-index: 1;
}
.toolbarBadge:after {
  font-family: FontAwesome;
  position: absolute;
  left: -38px;
  color: rgba(252, 70, 85, 0.8);
  font-size: 14.4px;
  font-size: 14.4px;
  font-size: 0.9rem;
  z-index: 2;
  font-style: normal;
  top: 2px;
}
[toolbarbadge=complete] .toolbarBadge:before {
  font-family: FontAwesome;
  content: "\f023     ";
  position: absolute;
  left: -38px;
  color: rgba(252, 70, 85, 0.8);
  font-size: 14.4px;
  font-size: 14.4px;
  font-size: 0.9rem;
  z-index: 2;
  font-style: normal;
  top: 2px;
}
[itemStatus=complete] .toolbarBadge:before {
  content: "\f00c";
}
[itemStatus=partcomplete] > a .toolbarBadge:before {
  content: "\f042";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 19.2px;
  font-size: 16px;
  font-size: 1rem;
  padding: 0.8px;
  padding: 0.8px;
  padding: 0.05rem;
  color: #49A94F;
}
[locked=true] .toolbarBadge:after {
  content: "\f023     ";
  pointer-events: none;
}
[locked=true] {
  pointer-events: none;
}
[locked=true] span {
  color: rgba(255, 255, 255, 0.4) !important;
}
[itemStatus=complete] .toolbarBadge:before {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: #49A94F;
}
.alpha-nav-app-explorer > ul > [itemStatus=complete] > a > span:first-child {
  border-color: #49A94F !important;
}
[taskcomplete=complete] [toolbarbadge]:after {
}
.alpha-nav-app-explorer > ul > [taskcomplete=complete] > a > span {
  border-color: #49A94F !important;
}
[taskcomplete=complete] [toolbarbadge]:before {
  border-color: rgba(255, 255, 255, 0.5);
  background-color: #49A94F;
  color: #fff;
}
[toolbar-form] label {
  color: #fff;
  padding: 0.3rem;
}
.alpha-nav-app-explorer > ul > li[functionalitem] > a > span {
  border-left: 4px double #85b2e2;
}
[toolbar-form=assign-workplan] {
  border-top: 4px solid rgba(133, 178, 226, 0.8);
  border-style: double;
  position: relative;
  margin-left: 2.69225rem;
}
[toolbar-form=assign-workplan]:before {
  content: " ";
  position: absolute;
  background-color: rgba(255, 255, 255, 0);
  border-left: 1px dashed rgba(255, 255, 255, 0.2);
  width: 10px;
  height: 100%;
  top: 0;
  left: -14px;
}
.prototype-only-toggle {
  display: none;
}
.prototype-only-toggle + div {
  display: none;
}
.prototype-only-toggle:checked + div {
  display: block;
}
[businessarea] {
  position: relative;
}
[businessarea]:before {
  content: "Business Areas";
  display: block;
  font-size: 11.2px;
  font-size: 11.2px;
  font-size: 0.7rem;
  margin-left: 25.845px;
  margin-left: 25.845px;
  margin-left: 1.61535rem;
  width: calc(100% - 25.845px);
  width: calc(100% - 25.845px);
  width: calc(100% - 1.61535rem);
  padding: 16px 16px 8px 32px;
  padding: 16px 16px 8px 32px;
  padding: 1rem 1rem 0.5rem 2rem;
  padding: 11.2px 16px 8px 24px;
  padding: 11.2px 16px 8px 24px;
  padding: 0.7rem 1rem 0.5rem 1.5rem;
  color: rgba(255, 242, 146, 0.8);
  color: rgba(255, 255, 255, 0.5);
  font-style: italic;
  letter-spacing: 1.6px;
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
}
[businessarea]:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f0b1     ";
  top: 8px;
  top: 8px;
  top: 0.5rem;
  left: 25.6px;
  left: 25.6px;
  left: 1.6rem;
  color: rgba(255, 255, 255, 0.5);
}
.wizard-steps {
  list-style: none;
  overflow: hidden;
  border-bottom: 4px solid #eceaea;
  border-radius: 6px;
}
.wizard-steps li {
  float: left;
}
.wizard-steps li a,
.wizard-steps li button {
  text-decoration: none;
  padding: 10px 0 10px 44px;
  background: #f3f3f3;
  position: relative;
  display: inline-block;
  line-height: 1.25;
  border: none;
  color: #3c4981;
  border-radius: 0;
  outline: none;
}
.wizard-steps li:first-child a,
.wizard-steps li:first-child button {
  padding-left: 16px;
}
.wizard-steps li a::after,
.wizard-steps li button::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #f3f3f3;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.wizard-steps li a::before,
.wizard-steps li button::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #49A94F;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 1px;
  left: 100%;
  z-index: 1;
}
.wizard-step-number {
  background-color: #49A94F;
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
  font-size: 1rem;
  color: #fff;
  border-radius: 30px;
  font-weight: bold;
  text-align: center;
  padding: 4px 9px 6px;
  margin-right: 5px;
}
.wizard-steps [stepStatus=incomplete] > a,
.wizard-steps [stepStatus=incomplete] > button {
  color: #777;
  background-color: #e3e1e1;
}
.wizard-steps [stepStatus=incomplete] > a:after,
.wizard-steps [stepStatus=incomplete] > button:after {
  border-left-color: #e3e1e1;
}
.wizard-steps [stepStatus=active] > a .wizard-step-number,
.wizard-steps [stepStatus=active] > button .wizard-step-number {
  background-color: #49A94F;
  color: #fff;
}
.wizard-steps [stepStatus=complete] > button {
  background-color: #49A94F;
  color: #fff;
}
.wizard-steps [stepStatus=complete] > a:after,
.wizard-steps [stepStatus=complete] > button:after {
  border-left-color: #49A94F;
}
.wizard-steps [stepStatus=complete] .wizard-step-number:after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.alpha-item-closed .item-details-container {
  display: none;
}
.item-details-container {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 0.7rem;
  margin-left: 0.8rem !important;
}
a label {
  width: 100%;
}
.item-details {
  padding: 0.7rem 0.7rem 0 0;
}
.item-details[class*=col] {
  padding: 0.7rem 0.7rem 0 0;
}
.item-details label {
  width: 100%;
  color: rgba(255, 255, 255, 0.6);
}
.item-details .detail {
  font-weight: bold;
  letter-spacing: 0.03rem;
}
li.toolbar-view-more {
  text-align: center;
  padding: 1rem;
}
ul.alpha-tile-container {
  display: block;
}
.alpha-tile {
  display: inline-block;
  overflow: hidden;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  position: relative;
  margin: 0 1rem 1rem 0;
}
.alpha-tile a {
  background-color: rgba(60, 73, 129, 0.1);
  color: #3c4981;
  border-left: 6px solid #3c4981;
  height: 6rem;
  padding: 1rem;
  padding-bottom: 2rem;
  display: block;
  width: 149px;
  font-weight: bold;
  font-size: 1rem;
}
.task-tiles .alpha-tile {
  margin-bottom: 35px;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.2);
  border-color: rgba(60, 73, 129, 0);
  border-radius: 6px;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
.task-tiles .alpha-tile a {
  width: 160px;
  height: 95px;
}
.alpha-tile:hover {
  border-color: #186ecc;
  transform: scale(1.1);
}
.alpha-tile:hover a {
  border-color: #186ecc;
}
li.alpha-tile span {
  display: block;
}
span.tile-items {
  font-size: 0.8rem;
  font-weight: normal;
  position: absolute;
  bottom: 0.7rem;
  left: 1.5rem;
}
li.alpha-tile:after {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  bottom: 3.2px;
  bottom: 3.2px;
  bottom: 0.2rem;
  right: 8px;
  right: 8px;
  right: 0.5rem;
  font-size: 24px;
  font-size: 24px;
  font-size: 1.5rem;
  color: #49A94F;
}
.scroll-container {
  height: 350px;
  overflow: auto;
  margin-bottom: 20px;
}
.item-details-container.row {
  display: none;
}
.alpha-item-closed .item-details-container.row {
  display: none !important;
}
a:hover .item-details-container.row {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.alpha-selected > a .item-details-container.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
label.proto-tooltip.notes-tooltip {
  color: #49A94F;
  font-size: 0.9rem;
  display: inline;
}
label.proto-tooltip.notes-tooltip detail {
  position: fixed;
  display: none;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.8);
  background: #49A94F;
  padding: 1rem;
  color: #fff;
  width: 300px;
  z-index: 5;
  border-radius: 0 6px 6px 6px;
  border: 2px double #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
label.proto-tooltip.notes-tooltip:hover detail {
  display: block;
}
.right-side-btn {
  float: right;
}
.btn-medium-secondary {
  font-size: 0.9rem;
  margin-right: 5px;
  padding: 4px 6px;
  border: 1px solid;
  border-radius: 3px;
  display: inline-block;
}
.btn-medium-secondary:hover {
  background-color: rgba(24, 110, 204, 0.05);
}
textarea.notes-section {
  width: 100%;
  margin-top: 10px;
  border-radius: 3px;
  min-height: 50px;
}
li.hideItem {
  display: none;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/21-alpha-header-items.css */
ul.alpha-user-option-items.has-menu:hover {
  background-color: #333;
}
ul.alpha-user-option-items.has-menu:hover .alpha-header-extended-menu {
  display: block;
}
ul.alpha-header-extended-menu {
  position: absolute;
  top: calc(100% - 2px);
  background-color: var(--nav-app-exp-bg-color);
  font-size: 1rem;
  width: 260px;
  padding: 0.5rem 1rem 0;
  border-radius: 3px 0 3px 3px;
  display: none;
}
ul.menu-right {
  right: 0;
}
li.menu-option {
  text-align: left;
  display: block;
  overflow: hidden;
  margin-bottom: 15px;
}
li.menu-option:first-child {
  padding-top: 0.5rem;
}
.option-label {
  font-size: 0.8rem;
  font-style: italic;
  display: block;
}
.option-data {
  padding: 0.1rem;
  font-weight: bold;
  display: block;
}
.menu-button-group {
  width: 100%;
  overflow: hidden;
  float: right;
}
button.alpha-btn.btn-icon-logout {
  float: right;
}
button:hover {
  background-color: var(--branding-button-hover-color);
}
.option-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  overflow: hidden;
  padding-bottom: 0.4rem;
}
.option-group [class*=group] {
  float: left;
}
.group-1 {
  width: 100%;
}
.group-items-2 .group-1,
.group-items-2 .group-2 {
  width: 50%;
}
.group-items-3 .group-1,
.group-items-3 .group-2,
.group-items-3 .group-3 {
  width: 33.3%;
}
ul.alpha-user-option-items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
}
.current-user-name {
  font-size: 1.1rem;
  margin-right: 0.7rem;
  position: relative;
  margin-top: 7px;
  font-weight: bold;
}
.current-user-name:before {
  content: "Welcome";
  position: absolute;
  font-size: 11.2px;
  font-size: 0.7rem;
  font-style: italic;
  bottom: 100%;
  width: 100%;
  text-align: right;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.5);
}
.alpha-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.alpha-header-item-group-left {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.alpha-header-item-group-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.alpha-header-item-group-center .alpha-branding-logo {
  height: 100%;
  padding: 0.7rem;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.alpha-header-item-group-center .alpha-branding-logo img {
  height: 100%;
}
.alpha-header-item-group-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.alpha-header-item {
  min-width: 4.6153rem;
  font-size: 1.9230rem;
  cursor: pointer;
  padding: 0.9rem 1.2rem;
  text-align: center;
  color: var(--nav-app-exp-item-color);
  position: relative;
  z-index: 999;
  display: block;
  line-height: 1.1;
}
.alpha-header-item span {
  display: none;
  pointer-events: none;
}
header input[type=checkbox] {
  display: none;
}
.alpha-header-item input[type=checkbox] + i {
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
}
i.menu-icon,
i.menu-close-icon {
  top: 1.45rem;
}
.alpha-header-item input[type=checkbox] + i.menu-icon {
  -webkit-animation: scaleOut 230ms ease-in-out forwards;
  animation: scaleOut 230ms ease-in-out forwards;
}
.alpha-header-item input[type=checkbox] + i.menu-icon + i.menu-close-icon {
  -webkit-animation: scaleIn 230ms ease-in-out forwards;
  animation: scaleIn 230ms ease-in-out forwards;
}
.alpha-header-item input[type=checkbox]:checked + i.menu-icon {
  -webkit-animation: scaleIn 230ms ease-in-out forwards;
  animation: scaleIn 230ms ease-in-out forwards;
}
.alpha-header-item input[type=checkbox]:checked + i.menu-icon + i.menu-close-icon {
  -webkit-animation: scaleOut 230ms ease-in-out forwards;
  animation: scaleOut 230ms ease-in-out forwards;
}
.alpha-app-collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
ul.alpha-app-collection-items {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  top: 100%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  border-radius: 3px;
  padding: 10px;
  z-index: 3;
  display: none;
}
li.alpha-app-item {
  border: 1px solid rgba(255, 255, 255, 0.7);
  width: 200px;
  height: 120px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 5px;
}
.alpha-selected-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.alpha-selected-app-label {
  color: var(--nav-app-exp-item-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.alpha-selected-app-label:before {
  font-family: FontAwesome;
  content: "\f0d9";
  font-size: 20.8px;
  font-size: 1.3rem;
  margin-right: 6.4px;
  margin-right: 0.4rem;
}
.alpha-selected-app-label:after {
  font-family: FontAwesome;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/22-alpha-sidebar.css */
.alpha-app-container.alpha-app-exp-closed alpha-sidebar {
  width: 0;
}
menu-toolbar-handle,
.menu-toolbar-handle {
  background-color: #333;
  color: #fff;
  width: 60px;
  box-sizing: border-box;
  border-right: 1px solid rgba(255, 255, 255, 0.0);
  overflow: hidden;
  position: relative;
  display: flex;
  padding: 10px 0;
  font-size: 1.9rem;
  text-align: center;
  align-items: center;
  flex-direction: column;
  transition: width 0.15s ease-in-out;
  z-index: 3;
  transition-delay: 0.8s;
}
alpha-sidebar nav.alpha-nav-app-explorer {
  transition: left 0.15s ease-in-out;
  transition-delay: 0.8s;
  left: -240px;
}
alpha-right-sidebar nav.alpha-nav-app-explorer {
  transition: left 0.15s ease-in-out;
  transition-delay: 0.2s;
  right: -240px;
}
alpha-sidebar,
alpha-right-sidebar {
  transition: width 0.15s ease-in-out;
  transition-delay: 0.8s;
  width: 60px;
}
alpha-right-sidebar {
  width: 60px;
}
alpha-sidebar,
alpha-right-sidebar {
  background-color: #4e4e4e;
  background-color: var(--nav-app-exp-bg-color);
}
alpha-sidebar:hover,
alpha-sidebar.pinned {
  transition: width 0.15s ease-in-out;
  transition-delay: 0.2s;
  width: 225px;
}
alpha-right-sidebar:hover,
alpha-right-sidebar.pinned {
  transition: width 0.15s ease-in-out;
  transition-delay: 0.2s;
}
alpha-sidebar:hover menu-toolbar-handle,
alpha-sidebar.pinned menu-toolbar-handle,
alpha-right-sidebar:hover menu-toolbar-handle,
alpha-right-sidebar.pinned menu-toolbar-handle,
alpha-sidebar:hover .menu-toolbar-handle,
alpha-sidebar.pinned .menu-toolbar-handle,
alpha-right-sidebar:hover .menu-toolbar-handle,
alpha-right-sidebar.pinned .menu-toolbar-handle {
  transition: width 0.15s ease-in-out;
  transition-delay: 0.2s;
  width: 0px;
}
alpha-sidebar:hover nav.alpha-nav-app-explorer,
alpha-sidebar.pinned nav.alpha-nav-app-explorer {
  transition: left 0.15s ease-in-out;
  transition-delay: 0.2s;
  left: 0;
}
alpha-right-sidebar:hover nav.alpha-nav-app-explorer {
  transition: right 0.15s ease-in-out;
  transition-delay: 0.2s;
  right: 0;
}
alpha-right-sidebar {
  background-color: #eceaea;
  border-left: 1px solid rgba(60, 73, 129, 0.34);
  left: auto;
}
alpha-right-sidebar menu-toolbar-handle,
alpha-right-sidebar .menu-toolbar-handle {
  background-color: #eceaea;
  color: #3c4981;
}
alpha-right-sidebar img.sidebar-alpha-icon {
  width: 14px;
  position: absolute;
  top: 15.2px;
  left: 13px;
}
menu-toolbar-handle span,
.menu-toolbar-handle span {
  font-size: 0.9rem;
  display: block;
  overflow: hidden;
  transform: rotate(90deg);
  width: 500px;
  position: relative;
  top: 250px;
  letter-spacing: 0.6px;
  text-align: left;
  font-weight: bold;
  word-spacing: 2.5px;
}
alpha-sidebar .sidebar-header {
  justify-content: flex-end;
}
sidebar-header,
.sidebar-header {
  display: flex;
  border-bottom: 1px dotted rgba(116, 152, 191, 0.3);
  justify-content: space-between;
  padding: 5px;
  position: relative;
  z-index: 1;
}
alpha-right-sidebar sidebar-header,
.alpha-right-sidebar .sidebar-header {
  background-color: #eceaea;
}
.pin-menu {
  cursor: pointer;
}
.menu-settings {
  cursor: pointer;
}
.menu-settings.ui-btn i.fa {
  transform: scale(1);
}
alpha-right-sidebar:hover,
alpha-right-sidebar.pinned {
  width: 40%;
}
sidebar-content content-section,
.sidebar-content .content-section {
  min-width: 425px;
}
sidebar-content,
.sidebar-content {
}
sidebar-content ul,
.sidebar-content ul {
}
sidebar-content li,
sidebar-content li {
}
content-section,
.content-section {
  display: block;
  padding: 0;
  display: block;
}
content-section-header,
.content-section-header {
  width: 100%;
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  border-left: 4px solid #ccc;
  box-sizing: border-box;
}
content-section-body,
.content-section-body {
  width: 100%;
  display: block;
  padding: 10px 10px 15px 10px;
  border-left: 4px solid #ccc;
}
content-section-body .card,
.content-section-body .card {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(60, 73, 129, 0.4);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
}
content-section-body .card-header,
.content-section-body .card-header {
  padding: 5px;
  font-size: 1rem;
  border-bottom: 1px dashed rgba(60, 73, 129, 0.3);
}
content-section-body textarea,
.content-section-body textarea {
  width: 100%;
  height: 100px;
  border-radius: 3px;
}
.input-btn-join,
.select-input-btn-join {
  display: flex;
}
.input-btn-join input.form-control {
  border-radius: 0.25rem 0 0 0.2rem;
}
.input-btn-join button.btn {
  border-radius: 0 0.25rem 0.2rem 0;
}
.select-input-btn-join select.form-control {
  width: 120px;
  border-radius: 0.25rem 0 0 0.2rem;
}
.select-input-btn-join input.form-control {
  border-radius: 0;
}
.select-input-btn-join button.btn {
  border-radius: 0 0.25rem 0.2rem 0;
}
content-section-body .col,
.content-section-body .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.sidebar-vertical-steps {
  background-color: rgba(255, 255, 255, 0);
}
.step-container content-section-header,
.step-container .content-section-header {
  background-color: rgba(0, 0, 0, 0.04);
  border-bottom: 1px dotted #c2c6ce;
}
.step-number {
  color: #848181;
  background-color: #dfdfdf;
  display: inline-block;
  padding: 5px 5px 4px 5px;
  width: 30px;
  text-align: center;
  line-height: 1.2;
  border-radius: 3px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.7);
  margin-right: 7px;
}
.step-container content-section-header,
.step-container .content-section-header {
  cursor: pointer;
}
.step-container content-section-header i,
.step-container .content-section-header i {
  float: right;
  overflow: hidden;
  padding: 5px 10px;
  color: #3c4981;
  transition: all 0.10s ease-in-out;
}
.step-container content-section-body,
.step-container .content-section-body {
  display: none;
}
.step-container content-section-header:hover,
.step-container .content-section-header:hover {
  background-color: #dee0e8;
}
.step-container content-section-header:hover i,
.step-container .content-section-header:hover i {
  transform: rotate(45deg);
}
.step-container content-section-header.step-open,
.step-container .content-section-header.step-open {
  border-color: #3c4981;
  background-color: #dee0e8;
  border-radius: 6px 0 0 0;
}
.step-container content-section-header.step-open i,
.step-container .content-section-header.step-open i {
  transform: rotate(45deg);
}
.step-container content-section-header.step-open i:before,
.step-container .content-section-header.step-open i:before {
  content: "\f063";
}
.step-container content-section-header.step-open .step-number,
.step-container .content-section-header.step-open .step-number {
  color: #3c4981;
  background-color: rgba(255, 255, 255, 0.5);
}
.step-container content-section-header.step-open + content-section-body,
.step-container .content-section-header.step-open + .content-section-body {
  display: block;
  min-height: 100px;
  border-color: #3c4981;
  border-bottom: 1px solid #dcdcdc;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0 0 0 6px;
  margin-bottom: 15px;
}
@media screen and (max-width: 1400px) {
}
button.dock-detail-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 0.1rem solid #85b2e2;
  border: 0.1rem solid #85b2e2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 20px 15px;
  position: relative;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  max-width: 350px;
  min-height: 80px;
  min-width: 350px;
  flex-shrink: 0;
  margin: 1rem 0;
}
.tile-label {
  font-weight: normal;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
  font-style: italic;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
}
span.tile-label.linebreak-top {
  padding-top: 5px;
  margin-top: 5px;
}
span.info-label {
  position: absolute;
  display: block;
  top: 5px;
  font-weight: bold;
  font-size: 0.8rem;
  right: 10px;
  color: #0d5fb8;
  font-style: normal;
  letter-spacing: 0;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/23-alpha-header-top-rail.css */
.alpha-top-rail {
  background-color: rgba(0, 0, 0, 0.2);
  height: var(--top-rail-height);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/24-switch-modal.css */
.switch-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 300px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: none;
}
.switch-modal-close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}
.switch-modal-close:hover,
.switch-modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.switch-modal-header {
  padding: 2px 16px;
  background-color: #3c4981;
  height: 50px;
  padding-top: 15px;
}
.switch-modal-header h2,
.switch-modal-footer h3 {
  color: white;
}
.switch-modal-body {
  padding: 2px 16px;
  min-height: 200px;
  padding-top: 10px;
}
.switch-modal-footer {
  padding: 2px 16px;
  background-color: #3c4981;
  color: white;
  height: 50px;
  padding-top: 15px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/25-css-transitions-animated-spinners.css */
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/26-fontello-icon-stack.css */
@font-face {
  font-family: "fontello";
  src: url(/fonts/fontello.eot?26289463);
  src:
    url(/fonts/fontello.eot?26289463#iefix) format("embedded-opentype"),
    url(/fonts/fontello.woff?26289463) format("woff"),
    url(/fonts/fontello.ttf?26289463) format("truetype"),
    url(/fonts/fontello.svg?26289463#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-group-details:before {
  content: "\e800";
}
.icon-archive:before {
  content: "\e801";
}
.icon-group:before {
  content: "\e802";
}
.icon-umbrella:before {
  content: "\e803";
}
.icon-policy-details:before {
  content: "\e804";
}
.icon-clipboard:before {
  content: "\e805";
}
.icon-search:before {
  content: "\e806";
}
.icon-star-empty:before {
  content: "\e807";
}
.icon-tasks:before {
  content: "\e808";
}
.icon-my-auth:before {
  content: "\e809";
}
.icon-ticket:before {
  content: "\e80a";
}
.icon-completed-requests:before {
  content: "\e80b";
}
.icon-my-work:before {
  content: "\e80c";
}
.icon-team-work:before {
  content: "\e80d";
}
.icon-team-auth:before {
  content: "\e80e";
}
.icon-group-auth:before {
  content: "\e80f";
}
.icon-documents-imaging:before {
  content: "\e810";
}
.icon-quick-letters:before {
  content: "\e811";
}
.icon-print-view:before {
  content: "\e812";
}
.icon-wrench:before {
  content: "\e813";
}
.icon-my-work-lists:before {
  content: "\e814";
}
.icon-work-lists:before {
  content: "\e815";
}
.icon-prices-rates:before {
  content: "\e816";
}
.icon-bonus-rates:before {
  content: "\e817";
}
.icon-chart-line:before {
  content: "\e818";
}
.icon-product-information:before {
  content: "\e819";
}
.icon-product-details:before {
  content: "\e81a";
}
.icon-product-pictures:before {
  content: "\e81b";
}
.icon-product-specs:before {
  content: "\e81c";
}
.icon-terms-conditions:before {
  content: "\e81d";
}
.icon-table:before {
  content: "\e81e";
}
.icon-octopus:before {
  content: "\e81f";
}
.icon-chart-line-1:before {
  content: "\e820";
}
.icon-chart-pie:before {
  content: "\e821";
}
.icon-lock:before {
  content: "\e822";
}
.icon-lock-open:before {
  content: "\e823";
}
.icon-params:before {
  content: "\e824";
}
.icon-cycle-progress:before {
  content: "\e825";
}
.icon-system-log:before {
  content: "\e826";
}
.icon-workflow:before {
  content: "\e827";
}
.icon-allocate-work:before {
  content: "\e828";
}
.icon-maintain-work:before {
  content: "\e829";
}
.icon-chart-bar:before {
  content: "\e82a";
}
.icon-record-phone:before {
  content: "\e82b";
}
.icon-record-post-received:before {
  content: "\e82c";
}
.icon-print:before {
  content: "\e82d";
}
.icon-microfiche:before {
  content: "\e82e";
}
.icon-help-circled:before {
  content: "\e82f";
}
.icon-cog:before {
  content: "\e830";
}
.icon-user:before {
  content: "\e831";
}
.icon-admin-warnings:before {
  content: "\e832";
}
.icon-retirement-flag:before {
  content: "\e833";
}
.icon-stallion:before {
  content: "\e834";
}
.icon-reassure-logo:before {
  content: "\e835";
}
.icon-swiss-re-logo:before {
  content: "\e836";
}
.icon-next:before {
  content: "\e837";
}
.icon-joint:before {
  content: "\e838";
}
.icon-alpha:before {
  content: "\e839";
}
.icon-group-1:before {
  content: "\e83a";
}
.icon-male:before {
  content: "\e83b";
}
.icon-female:before {
  content: "\e83c";
}
.icon-key:before {
  content: "\e83d";
}
.icon-database:before {
  content: "\e83e";
}
.icon-logout:before {
  content: "\e83f";
}
.icon-commerical-building:before {
  content: "\e840";
}
.icon-server:before {
  content: "\e841";
}
.icon-pin:before {
  content: "\e842";
}
.icon-client:before {
  content: "\e843";
}
.icon-unpin:before {
  content: "\e844";
}
.icon-workspace:before {
  content: "\e845";
}
.icon-no-contexts:before {
  content: "\e846";
}
.icon-remove-favourite:before {
  content: "\e847";
}
.icon-add-favourite:before {
  content: "\e848";
}
.icon-spin4:before {
  content: "\e849";
}
.icon-premium-details:before {
  content: "\e84a";
}
.icon-commission:before {
  content: "\e84b";
}
.icon-loan-deatils:before {
  content: "\e84c";
}
.icon-benefits:before {
  content: "\e84d";
}
.icon-pensions:before {
  content: "\e84e";
}
.icon-menu-line:before {
  content: "\e84f";
}
.icon-menu-line-bottom:before {
  content: "\e850";
}
.icon-other-details:before {
  content: "\e851";
}
.icon-home:before {
  content: "\e852";
}
.icon-investment-details:before {
  content: "\e853";
}
.icon-cross:before {
  content: "\e854";
}
.icon-direct-debit:before {
  content: "\e855";
}
.icon-employment:before {
  content: "\e856";
}
.icon-tcf:before {
  content: "\e857";
}
.icon-spin2:before {
  content: "\e858";
}
.icon-ant:before {
  content: "\e859";
}
.icon-adder:before {
  content: "\e85a";
}
.icon-smile:before {
  content: "\e85b";
}
.icon-thumbs-up:before {
  content: "\e85c";
}
.icon-ok:before {
  content: "\e85d";
}
.icon-camel:before {
  content: "\e85e";
}
.icon-crow:before {
  content: "\e85f";
}
.icon-hedgehog:before {
  content: "\e860";
}
.icon-mosquito:before {
  content: "\e861";
}
.icon-panther:before {
  content: "\e862";
}
.icon-squid:before {
  content: "\e863";
}
.icon-squirrel:before {
  content: "\e864";
}
.icon-termite:before {
  content: "\e865";
}
.icon-back:before {
  content: "\e866";
}
.icon-info:before {
  content: "\e867";
}
.icon-close:before {
  content: "\e868";
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/27-alpha-login-screen.css */
:host {
  height: 100%;
}
.alpha-login--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #3c4981;
  height: 100%;
  background-size: cover;
  background-image: url(/Images/Login/login-page-overlay.png);
}
.alpha-login--header {
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 100%;
}
.alpha-login--header--icon {
  height: 50px;
  margin-left: 30px;
  margin-top: 20px;
}
.alpha-login--header-version {
  margin-top: 20px;
  margin-right: 30px;
  float: right;
  color: white;
  font-size: 14px;
}
.alpha-login--loginform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.alpha-login--ErrorMessage {
  color: #e80c4d;
  font-weight: bold;
}
.alpha-login--NoApiMessage {
  color: greenyellow;
  font-weight: bold;
  width: 254px;
}
.alpha-login--SessionMismatch {
  color: red;
  font-weight: bold;
  width: 254px;
}
.alpha-login--input-group-addon {
  margin-top: 1px;
  margin-bottom: 1px;
}
.alpha-login--input-group-addon-combo {
  margin-top: 1px;
}
.alpha-login--login-area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 50px;
  width: 100%;
  margin: 0;
}
.alpha--login--logo {
  height: 100px;
  text-align: center;
}
.alpha-login--loginbutton {
  float: right;
}
.alpha-icons-group {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div#Login_ErrorMessage {
  border-top: 6px solid rgba(216, 90, 90, 0.49);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1rem;
  text-align: center;
  color: #960003;
  border-radius: 0 0 3px 3px;
  width: inherit;
}
div#Login_ErrorMessage:before {
  font-family: "FontAwesome";
  content: "\f023   ";
  width: 100%;
  font-size: 35.2px;
  font-size: 2.2rem;
  display: block;
  color: #960003;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
.alpha-login--login-area {
  width: 100%;
  margin: 0;
}
.alpha-login--loginform form#formLogin {
  width: 400px;
  padding: 1rem;
}
#alphaLogo {
  margin: 0 auto;
}
.alpha-login--loginform form#formLogin .input-group-addon {
  border: none;
  height: 32px;
  margin: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.alpha-login--loginform form#formLogin input.form-control,
.alpha-login--loginform form#formLogin select.form-control {
  height: 32px;
}
.alpha-login--loginform form#formLogin input.form-control[disabled] {
  background-color: #ddd;
  color: #777;
}
.alpha-login--loginform form#formLogin .input-group-addon i {
  padding: 0;
  margin: 0;
}
.alpha-login--loginform form#formLogin .form-control {
  border: 1px solid rgba(255, 255, 255, 0.9);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/28-new-alpha-buttons.css */
.alpha-content {
  overflow: hidden;
}
p.warning-text {
  color: #eca93a;
}
[preventall] {
  pointer-events: none;
}
.ui-btn,
.ui-btn--dot {
  border-radius: 50px;
  padding: 5px 9px;
  background-color: #5da4e0;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease-in-out;
  transform: scale(0.9);
  color: #fff;
  min-width: 30px;
  min-height: 30px;
  line-height: 1.5;
  margin: 3px;
  font-size: 0.8rem;
  box-sizing: border-box;
  letter-spacing: 1px;
}
.ui-btn--dot {
  height: 30px;
  display: block;
  width: 30px;
  float: right;
}
.ui-btn:hover,
.ui-btn--dot:hover {
  background-color: #62b5fc;
  transition: all 0.15s ease-in-out;
  transform: scale(1.03);
}
.ui-btn:hover i {
  transform: scale(1.2);
}
.ui-btn-theme {
  background-color: #4c5992;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.ui-btn-theme:hover {
  background-color: #3e4874;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
button.ui-btn.alpha-btn {
  background-color: #cbfbcb;
  border-color: #5cb85c;
  color: #25a225;
}
button.ui-btn.alpha-btn:hover {
  background-color: #ddf9dd;
}
button.ui-btn.alpha-btn:after,
button.ui-btn.alpha-btn:before {
  color: #25a225;
}
span.widget-shortcuts {
  display: flex;
}
.quick-select-btn {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left: 4px solid #4c5992;
  display: flex;
  background-color: #ffffff;
  font-weight: bold;
  color: #4c5992;
  border-radius: 6px 6px 6px 6px;
  align-items: center;
}
.quick-select-btn:hover {
}
.ui-btn-lrg {
  padding: 5px 7px;
  text-align: center;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  color: #4c5992;
  display: block;
  min-width: 40px;
  align-self: center;
  line-height: 0;
  box-sizing: border-box;
}
.ui-btn-lrg:hover {
  transition: all 0.15s ease-in-out;
  transform: scale(1.2);
}
.ui-btn-lrg i {
  font-size: 1.9rem;
}
.ui-btn-lrg:hover i {
}
.pin-menu.ui-btn i {
  transition: all 0.15s ease-in-out;
  transform: rotate(90deg);
}
.pinned .ui-btn:hover i,
.pinned .ui-btn i {
  transform: rotate(0deg);
}
alpha-right-sidebar .pin-menu.ui-btn i {
  transform: rotate(-90deg);
}
alpha-right-sidebar.pinned .ui-btn:hover i,
alpha-right-sidebar.pinned .ui-btn i {
  transform: rotate(0deg);
}
.ui-btn:hover:after {
  content: " ";
}
alpha-right-sidebar sidebar-header,
alpha-right-sidebar .sidebar-header {
  position: relative;
}
alpha-right-sidebar sidebar-header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
alpha-menu.widget-dock {
  position: relative;
}
li.step-container {
}
ul.widget-selection {
}
span.docked-features.ui-btn-lrg {
}
alpha-right-sidebar ul.widget-selection,
.alpha-right-sidebar ul.widget-selection {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 47px;
  background-color: rgba(160, 162, 171, 0.95);
  height: 0;
  padding: 0;
  transition: opacity 0.0s ease-in-out;
  opacity: 0;
  border-top: 4px solid rgb(76, 89, 146);
}
alpha-right-sidebar ul.widget-selection:before {
  font-family: "FontAwesome";
  content: "\f0d8";
  position: absolute;
  font-size: 4rem;
  right: 9px;
  top: -3px;
  display: none;
}
.view-widgets ul.widget-selection {
  transition: opacity 0.25s ease-in-out;
  opacity: 1;
  height: calc(100vh - var(--app-header-height) - 4.6153rem - 47px);
  padding: 5px;
  text-align: center;
}
alpha-right-sidebar ul li.widget-tile {
  position: relative;
  z-index: 1;
  background-color: rgba(235, 236, 242, 0.9);
  color: #4c5992;
  margin: 5px 5px 10px 5px;
  border-radius: 6px;
  display: inline-block;
  width: 160px;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  text-align: left;
  overflow: hidden;
  padding-bottom: 30px;
  cursor: default;
  border-left: 0px solid #4c5992;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
alpha-right-sidebar .widget-selection li.widget-tile:hover {
  transform: scale(1.1);
}
li.widget-selection-header {
  float: left;
  width: 100%;
  overflow: hidden;
  display: flex;
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 5px;
  justify-content: space-between;
  border-radius: 3px;
  flex-direction: column;
}
.widget-selection-header-title {
  padding: 10px;
  font-weight: bold;
  letter-spacing: 0.5px;
  position: relative;
  color: #fff;
  cursor: default;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.6);
}
.close-widget-selection {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 5px;
  display: none;
  justify-content: center;
}
.close-widget-selection i {
  color: #fff;
  font-size: 2.1rem;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.ui-btn-lrg.view-widgets {
  position: relative;
  transform: none;
}
.view-widgets .ui-btn-lrg.view-widgets-btn i:before {
  content: "\f057";
}
.view-widgets .ui-btn-lrg.view-widgets-btn:after {
  font-family: "FontAwesome";
  content: "\f0d8";
  position: absolute;
  font-size: 3rem;
  bottom: -1px;
  right: calc(50% - 0.85rem);
}
.widget-tile .widget-title {
  padding: 10px;
  display: block;
  align-items: center;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.1rem;
  box-sizing: border-box;
  border-left: 8px solid #4c5992;
  border-radius: 0 6px 6px 0;
  min-height: 65px;
  position: relative;
}
.widget-tile .widget-title:hover {
  background-color: #fff;
  border-color: rgb(69, 146, 230);
}
.widget-tile .widget-title:hover:before,
.widget-tile .widget-title:hover:after {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  content: "Click to Open";
  font-size: 0.7rem;
  display: flex;
  padding-left: 10px;
  padding-bottom: 5px;
  align-items: flex-end;
  color: rgb(45, 121, 203);
  cursor: pointer;
}
.widget-tile .widget-title:hover:after {
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0 6px 0 0;
  border: 1px solid rgb(69, 146, 230);
}
.widget-tile .widget-title:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.widget-tile .widget-title:hover:before {
  font-family: "FontAwesome";
  content: "\f0a9";
  right: 0;
  top: 3px;
  color: #5cb85c;
  font-weight: normal;
  font-size: 1.1rem;
  padding-right: 10px;
  justify-content: flex-end;
  z-index: 1;
}
.widget-tile span i {
  font-size: 1.1rem;
}
.widget-selection-header-title {
}
.add-shortcut {
  line-height: 1;
  font-size: 0.8rem;
  width: 100%;
  padding: 10px 25px 10px 10px;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  border-top: 0px dashed rgba(255, 255, 255, 0.71);
  bottom: 0;
  background-color: rgba(140, 149, 187, 0.31);
  font-weight: bold;
  border-left: 8px solid #4c5992;
  min-height: 30px;
  cursor: pointer;
}
.add-shortcut.active {
  color: inherit;
}
.add-shortcut:hover {
  background-color: #fff;
  border-color: rgb(69, 146, 230);
}
.add-shortcut:after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f006";
  right: 0;
  top: 0;
  font-size: 1rem;
  display: flex;
  height: 100%;
  justify-content: flex-end;
  align-items: center;
  padding: 0 10px;
}
.add-shortcut.active:after {
  content: "\f005";
  -webkit-animation: pulseInOut 0.5s linear forwards;
  animation: pulseInOut 0.5s linear forwards;
}
.add-shortcut:before {
  height: 100%;
  width: 100%;
  content: "Add Shortcut";
  font-size: 0.75rem;
}
.add-shortcut.active:before {
  content: "Remove Shortcut";
}
alpha-right-sidebar ul.widget-shortcuts {
  width: auto;
  position: relative;
  top: 0px;
  padding: 0 0px 0 5px;
  background-color: #e4e5eb;
  border-radius: 6px;
  border: 1px solid rgba(143, 150, 185, 0.77);
  overflow: visible;
  min-width: 130px;
}
alpha-right-sidebar ul.widget-shortcuts:before {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  content: " ";
  color: #969db8;
  font-size: 0.8rem;
  font-style: italic;
}
.widget-shortcuts li.widget-tile {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  font-weight: bold;
  color: #4c5992;
  height: auto;
  width: auto;
  position: relative;
  top: 4px;
  border-radius: 3px;
  align-items: center;
  border: none;
  border: 1px solid #fff;
  border-left: 4px solid #4c5992;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0);
  padding: 0 20px 0 0;
  margin: 0 5px 5px 0;
  transform: scale(0.96);
  overflow: visible;
}
.widget-shortcuts li.widget-tile.new-shortcut {
  -webkit-animation: pulseInOut 0.5s linear forwards;
  animation: pulseInOut 0.5s linear forwards;
}
.widget-shortcuts li.widget-tile:hover {
  transform: scale(1.04);
  border-color: rgb(69, 146, 230);
}
.widget-shortcuts li.widget-tile:after {
  font-family: "FontAwesome";
  content: "\f005";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 8px;
  display: flex;
  height: 100%;
  align-items: center;
  background-color: #c8ccdc;
  color: #3c4981;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.71);
  padding: 0 5px;
}
.widget-shortcuts li.widget-tile .widget-title {
  font-size: 0.9rem;
  padding: 6px 7px 5px;
  border: none;
  min-height: 0;
}
.widget-shortcuts li.widget-tile .widget-title:after,
.widget-shortcuts li.widget-tile .widget-title:before {
  display: none;
}
.widget-shortcuts li.widget-tile span.widget-title i {
  font-size: 0.9rem;
}
.widget-shortcuts li.widget-tile .add-shortcut {
  display: none;
}
.widget-dock-loader {
  background: rgb(145, 148, 162);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  justify-content: center;
  left: -1px;
  display: none;
  z-index: 0;
  align-items: center;
  border-left: 4px solid rgba(64, 75, 130, 0.66);
  background: rgb(145, 148, 162);
  background: -moz-linear-gradient(top, rgba(145, 148, 162, 1) 0%, rgba(208, 210, 221, 1) 99%);
  background: -webkit-linear-gradient(top, rgba(145, 148, 162, 1) 0%, rgba(208, 210, 221, 1) 99%);
  background:
    linear-gradient(
      to bottom,
      rgba(145, 148, 162, 1) 0%,
      rgba(208, 210, 221, 1) 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9194a2", endColorstr="#d0d2dd", GradientType=0);
  overflow: hidden;
}
.widget-dock-loader[widget-loading=true] {
  display: flex;
}
.widget-dock-loader[widget-loading=false] {
  display: none;
}
.loading-details {
  padding: 10px;
  display: flex;
}
.widget-loading-details-left {
  display: flex;
}
.alpha-plus-icon {
  position: relative;
  padding: 20px;
  display: flex;
  align-items: center;
}
.alpha-plus-icon img.sidebar-alpha-icon {
  width: 70px;
  position: static;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  background-color: #404b82;
  padding: 10px;
  border-radius: 6px;
  border: 4px solid rgba(255, 255, 255, 0.2);
}
.widget-loading-details-right {
  display: flex;
  border-radius: 6px;
  border-top: 1px solid #fff;
}
.currently-loading {
  padding: 20px 20px 40px 20px;
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.2;
  font-size: 1.5rem;
  box-sizing: border-box;
  border: 4px solid rgba(255, 255, 255, 0.31);
  border-radius: 6px;
  min-height: 65px;
  position: relative;
  min-width: 350px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #4c5992;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.5);
}
.currently-loading:before {
  position: absolute;
  font-family: "FontAwesome";
  position: absolute;
  display: flex;
  height: 100%;
  top: 0;
  content: "\f067";
  font-size: 3rem;
  align-items: center;
  left: -1.4rem;
  color: rgba(255, 255, 255, 1);
}
.loading-text {
  left: 0;
  bottom: 0;
  position: absolute;
  font-size: 0.9rem;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0 0 6px 6px;
  color: #404b82;
  padding: 7px 10px;
  display: block;
}
button.reference-number-btn.not-selected {
  background-color: #aea8a8;
}
button.reference-number-btn.selected {
  background-color: #3a76b6;
}
span.selected-note-policy {
  color: #3a76b6;
}
.reference-numbers-btn {
  text-align: center;
}
.reference-numbers-btn li {
  background-color: rgb(255, 255, 255);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 1.5px solid rgb(133, 178, 226);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  padding-right: 25px;
  display: inline-block;
  width: 180px;
  overflow: hidden;
  margin: 10px 10px 0 0px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.reference-numbers-btn li:hover,
.reference-numbers-btn li.detail-block-item.selected-policy {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
  border: 1.5px solid rgb(133, 178, 226);
}
.reference-numbers-btn li.detail-block-item.selected-policy {
  border: 1.5px solid rgb(133, 178, 226);
  background-color: rgb(133, 178, 226);
}
.xxreference-numbers-btn li:hover:before {
  font-family: "FontAwesome";
  content: "\f0a8";
  color: #fff;
  display: block;
  position: absolute;
  left: 5px;
  bottom: 0px;
  z-index: 1;
}
.xxreference-numbers-btn li.detail-block-item.selected-policy:before,
.xxreference-numbers-btn li.detail-block-item.selected-policy:hover:before {
  content: "";
}
.xxreference-numbers-btn li:hover:after,
.reference-numbers-btn li.detail-block-item.selected-policy:after {
  content: " Search";
  background-color: rgb(133, 178, 226);
  color: #fff;
  display: block;
}
.reference-numbers-btn li.detail-block-item.selected-policy:after,
.reference-numbers-btn li.detail-block-item.selected-policy:hover:after {
  content: "";
  text-align: left;
  padding-left: 10px;
}
.reference-numbers-btn [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
}
.reference-numbers-btn .item-info-0 {
  color: #3c4981;
  padding-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
}
.reference-numbers-btn .item-info-1 {
  color: #3c4981;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  display: block;
  text-align: left;
}
.reference-numbers-btn li.detail-block-item.selected-policy .item-info-0,
.reference-numbers-btn li.detail-block-item.selected-policy .item-info-1 {
  background-color: rgb(223, 231, 239);
}
.reference-numbers-btn .remove {
  position: absolute;
  background-color: rgba(236, 234, 234, 0.5);
  text-align: left;
  right: 0;
  top: 0px;
  padding: 5px;
  width: 25px;
  height: 100%;
  display: inline-flex;
  border-radius: 0 4px 4px 0;
  color: #d9534f;
  align-items: center;
  justify-content: center;
  display: block;
  border-left: 1.5px solid #87b3e2;
}
.reference-numbers-btn .remove:hover {
  background-color: #efc8c7;
}
.dpa-check-btn {
  text-align: center;
}
.dpa-check-btn li {
  min-width: 120px;
  background-color: rgb(255, 255, 255);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 1.5px solid rgb(133, 178, 226);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  padding-right: 0px;
  display: inline-block;
  overflow: hidden;
  width: auto !important;
  margin: 10px 10px 0 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
  text-align: left;
}
.dpa-check-btn li:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
}
.dpa-check-btn li:before {
  font-family: "FontAwesome";
  color: #fff;
  display: block;
  position: absolute;
  right: 5px;
  bottom: 0px;
  z-index: 1;
}
.dpa-check-btn li.detail-block-item.dpa-passed {
  border: 1.5px solid rgb(92, 184, 92);
  background-color: rgb(235, 245, 235);
}
.dpa-check-btn li.detail-block-item.dpa-failed {
  border: 1.5px solid rgb(236, 120, 58);
  background-color: rgba(236, 82, 58, 0.13);
}
.dpa-check-btn li.selected-item,
.dpa-check-btn li.detail-block-item.dpa-passed.selected-item,
.dpa-check-btn li.detail-block-item.dpa-failed.selected-item {
  background-color: rgb(133, 178, 226);
  color: #fff;
}
.dpa-check-btn [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
}
.dpa-check-btn .item-info-0 {
  padding-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
}
.dpa-check-btn .item-info-1 {
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  display: block;
  text-align: left;
}
.dpa-check-btn .item-info-2 {
  color: #eca93a;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  display: inline-block;
  text-align: left;
  position: relative;
  margin-left: 10px;
  padding: 0;
  margin-bottom: 5px;
}
.dpa-check-btn li.selected-item .item-info-2 {
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 5px 1px;
  border-radius: 3px;
  margin-bottom: 5px;
  position: relative;
  width: auto;
  left: -5px;
}
.dpa-check-btn li.detail-block-item.dpa-passed .item-info-2 {
  color: #5cb85c;
}
.dpa-check-btn li.detail-block-item.dpa-failed .item-info-2 {
  color: rgb(239, 82, 49);
}
.call-log-btn {
  text-align: center;
}
.call-log-btn li {
  min-width: 120px;
  background-color: rgb(255, 255, 255);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 1.5px solid rgb(133, 178, 226);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  padding-right: 25px;
  display: inline-block;
  overflow: hidden;
  width: auto !important;
  margin: 10px 10px 0 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.call-log-btn li:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
}
.call-log-btn li:before {
  font-family: "FontAwesome";
  color: #fff;
  display: block;
  position: absolute;
  right: 5px;
  bottom: 4px;
  z-index: 1;
}
.call-saved .call-log-btn li.detail-block-item.selected-item {
  border: 1.5px solid rgb(92, 184, 92);
  background-color: rgb(235, 245, 235);
}
.call-log-btn [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
}
.call-log-btn .item-info-0 {
  color: #3c4981;
  padding-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
}
.call-log-btn .item-info-1 {
  color: #3c4981;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  display: block;
  text-align: left;
}
.call-log-btn li.detail-block-item.call-saved .item-info-0,
.call-log-btn li.detail-block-item.call-saved .item-info-1 {
  color: #5cb85c;
}
.call-log-btn li.selected-item {
  background-color: rgb(133, 178, 226);
  color: #fff;
}
.call-log-btn li.selected-item [class*=item-info] {
  color: #fff;
}
.data-tile {
  text-align: center;
}
.data-tile {
  min-width: 120px;
  background-color: rgb(255, 255, 255);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 1.5px solid rgb(133, 178, 226);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 10px 10px 0 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
  padding: 10px 25px 5px 5px;
  line-height: 1.2;
  min-height: 60px;
  min-width: 182px;
  width: calc(33% - 12px);
}
.tile-size-25pc .data-tile {
  width: calc(25% - 12px);
}
.tile-size-20pc .data-tile {
  width: calc(19% - 12px);
}
.data-tile [class*=alpha-] {
  color: #222;
  display: block;
  text-align: left;
  padding: 0 5px;
  font-weight: normal;
}
.data-tile.selected-item [class*=alpha-] {
  color: #fff;
}
button.data-tile.active:after {
  font-family: FontAwesome;
  content: "\f111";
  color: #49A94F;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.data-tile:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
}
.data-tile:before {
  font-family: "FontAwesome";
  color: #fff;
  display: block;
  position: absolute;
  right: 5px;
  bottom: 4px;
  z-index: 1;
}
.data-tile [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
}
.data-tile .item-info-0 {
  color: #3c4981;
  padding-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
}
.data-tile .item-info-1 {
  color: #222;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  display: block;
  text-align: left;
}
.data-tile .item-info-2 {
  color: #222;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: normal;
  display: block;
  text-align: left;
}
.data-tile.selected-item {
  background-color: rgb(133, 178, 226);
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.data-tile.selected-item [class*=item-info] {
  color: #fff;
}
.fav-request-types {
  text-align: center;
}
.fav-request-types li {
  min-width: 120px;
  background-color: rgb(222, 224, 232);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 2px solid rgba(60, 73, 129, 0.6);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 45% !important;
  margin: 10px 10px 0 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.fav-request-types li:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
}
.fav-request-types li:before {
  font-family: "FontAwesome";
  color: #fff;
  display: block;
  position: absolute;
  right: 5px;
  bottom: 0px;
  z-index: 1;
}
.fav-request-types li.detail-block-item.selected-item {
  border: 2px solid rgb(92, 184, 92);
  background-color: rgb(235, 245, 235);
}
.fav-request-types li.selected-item:after {
  content: "Selected";
  background-color: rgb(101, 202, 78);
  color: #fff;
  text-align: left;
  display: block;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.9rem;
}
.fav-request-types li.detail-block-item.call-logged:before,
.fav-request-types li.detail-block-item.call-logged:before {
  content: "\f00c  ";
}
.fav-request-types li.detail-block-item.call-logged:after,
.fav-request-types li.detail-block-item.call-logged:hover:after {
  content: "Call Logged";
  text-align: left;
  padding-left: 10px;
  background-color: rgb(101, 202, 78);
  padding-right: 20px;
}
.fav-request-types [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
}
.fav-request-types .item-info-0 {
  color: #3c4981;
  padding-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
  font-size: 0.8rem;
  width: 100%;
}
.fav-request-types .item-info-1 {
  color: #3c4981;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  display: block;
  text-align: left;
}
.fav-request-types li.detail-block-item.call-logged .item-info-0,
.fav-request-types li.detail-block-item.call-logged .item-info-1 {
  color: #5cb85c;
}
.call-action-btn {
  text-align: center;
}
.call-action-btn li {
  min-width: 120px;
  background-color: rgb(222, 224, 232);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 2px solid rgba(60, 73, 129, 0.6);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  min-height: 50px;
  display: inline-block;
  overflow: hidden;
  width: 45% !important;
  margin: 10px 10px 0 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.call-action-btn li:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
}
.call-action-btn li:before {
  font-family: "FontAwesome";
  color: #fff;
  display: block;
  position: absolute;
  right: 5px;
  bottom: 0px;
  z-index: 1;
}
.call-action-btn li.detail-block-item.selected-item {
  border: 2px solid rgb(92, 184, 92);
  background-color: rgb(235, 245, 235);
}
.call-action-btn li.selected-item:after {
  content: "Selected";
  background-color: rgb(101, 202, 78);
  color: #fff;
  text-align: left;
  display: block;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.9rem;
}
.call-action-btn li.detail-block-item.call-logged:before,
.call-action-btn li.detail-block-item.call-logged:before {
  content: "\f00c  ";
}
.call-action-btn li.detail-block-item.call-logged:after,
.call-action-btn li.detail-block-item.call-logged:hover:after {
  content: "Call Logged";
  text-align: left;
  padding-left: 10px;
  background-color: rgb(101, 202, 78);
  padding-right: 20px;
}
.call-action-btn [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
  width: 100%;
}
.call-action-btn .item-info-0 {
  padding-bottom: 0;
  font-weight: bold;
  width: 100%;
  letter-spacing: 0.02rem;
  text-align: left;
  flex: 1;
  display: block;
}
.call-action-btn .item-info-1 {
  font-weight: normal;
  padding-top: 0;
  background-color: rgba(255, 255, 255, 0);
  font-size: 0.9rem;
  width: 100%;
  display: block;
  text-align: left;
}
.call-action-btn li.detail-block-item.call-logged .item-info-0,
.call-action-btn li.detail-block-item.call-logged .item-info-1 {
  color: #5cb85c;
}
.reference-numbers-block {
  text-align: center;
}
.reference-numbers-block li {
  background-color: #4c5992;
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 2px solid rgba(255, 255, 255, 0.32);
  position: relative;
  padding-right: 25px;
  display: inline-block;
  overflow: hidden;
  width: auto !important;
  margin: 10px 10px 0 0;
}
.reference-numbers-block [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
}
.reference-numbers-block .item-info-0 {
  color: #FFF;
  padding: 5px 5px 5px 10px;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
}
.reference-numbers-block .item-info-1 {
  color: #FFF;
  padding: 5px 10px 5px 0;
  background-color: rgba(255, 255, 255, -);
  font-weight: bold;
}
.reference-numbers-block .remove {
  position: absolute;
  background-color: rgb(236, 234, 234);
  right: 0;
  top: 0px;
  padding: 5px;
  width: 25px;
  height: 100%;
  display: inline-flex;
  border-radius: 0 4px 4px 0;
  color: #d9534f;
  align-items: center;
  justify-content: center;
}
.reference-numbers-block .remove:hover {
  background-color: #efc8c7;
}
.reference-numbers-block-tiles {
  text-align: center;
  overflow: visible !important;
}
.reference-numbers-block-tiles li[class*=detail-block-item] {
  position: relative;
  padding: 10px 30px 10px 5px;
  display: inline-block;
  width: auto !important;
  min-width: 150px;
  margin: 10px 10px 0 0;
  display: inline-block;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border-left: 4px solid rgba(60, 73, 129, 0.9);
  border: 1px solid rgba(60, 73, 129, 0.2);
  border-radius: 4px;
  background-color: rgba(60, 73, 129, 0.1);
  color: #3c4981;
  min-height: 6rem;
  font-weight: bold;
  font-size: 1rem;
  text-align: left;
  transition: all 0.25s ease-in-out;
  overflow: visible;
}
.reference-numbers-block-tiles li:after {
  font-family: FontAwesome;
  content: "\f112";
  content: "";
  position: absolute;
  bottom: 0.2rem;
  left: 0.5rem;
  font-size: 1.5rem;
  color: #49A94F;
}
.reference-numbers-block-tiles [class*=item-info] {
  padding: 5px 15px;
  display: block;
  font-size: 0.9rem;
}
.reference-numbers-block-tiles .item-info-0 {
  color: #222;
  padding-bottom: 0;
  padding-left: 10px;
  font-weight: bold;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  font-weight: normal;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
  font-style: italic;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
}
.reference-numbers-block-tiles .item-info-1 {
  color: #222;
  padding-top: 0;
  padding-left: 10px;
  font-weight: bold;
}
.reference-numbers-block-tiles .remove {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  right: 0;
  top: 0px;
  padding: 5px;
  width: 25px;
  height: 100%;
  display: inline-flex;
  border-radius: 0 4px 4px 0;
  color: #d9534f;
  align-items: center;
  justify-content: center;
}
.reference-numbers-block-tiles .remove:hover {
  background-color: #efc8c7;
}
.contact-numbers-block {
  text-align: center;
}
.contact-numbers-block li {
  background-color: rgb(232, 233, 239);
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 1px solid rgba(60, 73, 129, 0.2);
  position: relative;
  padding-right: 25px;
  display: inline-block;
  overflow: hidden;
  width: auto !important;
  margin: 15px 10px 0 0;
}
.contact-numbers-block [class*=item-info] {
  padding: 5px 10px;
  display: inline-block;
  font-size: 0.9rem;
}
.contact-numbers-block .item-info-0 {
  color: #3c4981;
  padding: 5px 10px 0 10px;
  padding: 5px 5px 5px 10px;
  font-weight: bold;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
}
.contact-numbers-block .item-info-1 {
  padding: 5px 10px 5px 0;
  font-weight: bold;
}
.contact-numbers-block .remove {
  position: absolute;
  background-color: rgb(244, 244, 247);
  right: 0;
  top: 0px;
  padding: 5px;
  width: 25px;
  height: 100%;
  display: inline-flex;
  border-radius: 0 4px 4px 0;
  color: #d9534f;
  align-items: center;
  justify-content: center;
}
.contact-numbers-block .remove:hover {
  background-color: #efc8c7;
}
.tile-view {
  background-color: #fff;
  border: 1.5px solid #85b2e2;
  border-radius: 6px;
  padding: 10px 15px;
}
.tile-view .card-header {
  padding: 2px 0;
}
.tile-view .card-block {
  padding: 2px 15px;
}
.tile-view .row,
.tile-view .select-input-btn-join,
.tile-view .input-btn-join {
  display: block;
}
.tile-view .card-block .row .form-group {
  display: inline-block;
  width: auto;
  min-width: auto;
  margin-bottom: 5px;
}
.tile-view .card-block [class*=col] {
  width: auto;
  min-width: auto;
  display: inline-block;
  padding: 0;
}
.tile-view select,
.tile-view input,
.tile-view .card-block button {
  border: none;
  background: none;
  color: #000;
  font-weight: bold;
  height: auto !important;
  width: auto;
  margin: 0;
  min-width: 20px;
  display: inline-block;
  padding: 0 10px 0 0;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
.tile-view .hide-from-tile {
  display: none;
}
.tile-view label {
  font-weight: normal;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
  font-style: italic;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
  margin-top: 5px;
}
.tile-view .contact-numbers-block {
  text-align: left;
}
.tile-view .contact-numbers-block li {
  background: none;
  margin: 0 0px 0 0;
  padding-right: 10px;
  border: none;
}
.tile-view .contact-numbers-block [class*=item-info] {
  padding-top: 0;
  padding-left: 0;
  padding-right: 5px;
  padding: 0 5px 0 0;
  display: inline-block;
  font-size: 1rem;
}
.tile-view .contact-numbers-block li .item-info-1 {
  padding-top: 0;
}
.tile-view .reference-numbers-block-tiles {
  padding: 0 15px;
}
.card.tile-view .alpha-selectable-item-rows li.selected-item button {
  display: flex;
}
.card.tile-view .form-content {
  padding: 0 15px;
}
.hide-card-header-btns .card.tile-view .card-block button,
.hide-card-header-btns .card-header .ui-btn {
  display: none;
}
.tile-view .card-header .ui-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.tile-view button.edit-form-tile-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  letter-spacing: 0;
  z-index: 1;
}
.tile-view button.edit-form-tile-btn:hover {
  background-color: rgba(13, 95, 184, 0.2);
}
.tile-view button.edit-form-tile-btn span {
  display: block;
  position: absolute;
  top: 12px;
  right: 10px;
}
.card.tile-view .form-content.compact-view-tool-tip {
}
.card.tile-view .form-content.compact-view-tool-tip {
  display: block;
}
.card.tile-view .form-content.compact-view-tool-tip:before {
  position: absolute;
  left: calc(-0px - 10px);
  font-family: "FontAwesome";
  content: "\f0d9";
  content: "";
  font-size: 1.5rem;
}
.card.tile-view ul.reference-numbers-block-tiles li[class*=detail-block-item]:hover .form-content.compact-view-tool-tip {
  display: block;
}
.tile-view .reference-numbers-block-tiles li[class*=detail-block-item] {
  position: relative;
  padding: 10px 10px 10px 5px;
  display: inline-block;
  width: auto !important;
  min-width: 142px;
  max-width: 142px;
  margin: 10px 10px 0 0;
  display: inline-block;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border-left: 4px solid rgba(60, 73, 129, 0.9);
  border: 1px solid rgba(60, 73, 129, 0.2);
  border-radius: 4px;
  background-color: rgba(60, 73, 129, 0.1);
  color: #3c4981;
  min-height: 3rem;
  font-weight: bold;
  font-size: 1rem;
  text-align: left;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  float: left;
}
[id*=tileform] {
  padding: 0px;
  background-color: rgba(0, 0, 0, 0.0);
  border: 0px solid rgba(255, 255, 255, 0);
  border-radius: 4px;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 0.9rem;
  font-weight: normal;
}
[id*=tileform] label {
  font-weight: normal;
  color: #222;
  font-size: 0.9rem;
}
label.toggle-adhoc-client-form {
  color: #fff;
  display: block;
  font-size: 11px;
  border-radius: 50px;
  padding: 5px 5px;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease-in-out;
  display: inline-block;
  margin-top: 5px;
  box-sizing: border-box;
  cursor: pointer;
}
[id*=tileform] .form-content {
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
  max-width: 0;
}
input[type=checkbox].toggle-checkbox {
  display: none;
}
input[type=checkbox].toggle-checkbox:checked + .form-content,
.show-form-content .form-content,
.compact-form .form-content {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 1300px;
  max-width: 600px;
  padding: 10px 20px 0 20px;
}
.form-content {
  background-color: rgb(222, 224, 232);
  border: 1px solid rgba(60, 73, 129, 0.4);
  border-radius: 4px;
  padding: 20px;
}
.compact-form .form-content {
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 0;
  margin: 0;
  overflow: visible;
}
.compact-form .form-content .alpha-selectable-item-rows li li,
.compact-form .form-content .ui-btn.section-done,
.compact-form .form-content p {
  display: none;
}
.compact-form .form-content .alpha-selectable-item-rows li.selected-item {
  display: flex;
}
.compact-form .form-content .alpha-selectable-item-rows li.selected-item button {
  border: 0;
  background: none;
  padding: 0;
  box-shadow: none;
}
.compact-form .form-content .alpha-selectable-item-rows li.selected-item button,
.compact-form .form-content .alpha-selectable-item-rows li.selected-item button:hover {
  transform: scaleY(1) scaleX(1);
  pointer-events: none;
  cursor: default;
}
.select-clients,
.show-form-content.compact-form .select-clients {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 1300px;
}
.show-form-content .select-clients {
  overflow: hidden;
  transition: all 0s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
  min-height: 0;
}
.compact-form .select-clients,
.edit-clients,
.card.tile-view button.select-clients.edit-clients {
  display: none;
}
.compact-form .select-clients.edit-clients {
  display: block;
}
.form-content-center {
  text-align: center;
}
.flex-content {
  display: flex;
}
.fill-space {
  width: 100%;
}
.mt-20 {
  margin-top: 20px;
}
.capture-additional-details,
.client-search-fields,
.hide-show-content-container.minimise {
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
}
.capture-additional-details.show-details,
.client-search-fields.show-details,
.hide-show-content-container {
  overflow: visible;
  transition: all 0.30s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 1300px;
}
ul.alpha-selectable-item-rows,
ul.alpha-selectable-item-rows ul {
  overflow: visible !important;
}
ul.alpha-selectable-item-rows p {
  margin-bottom: 5px;
  font-weight: bold;
}
ul.alpha-selectable-item-rows li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 1.5px solid #85b2e2;
  border: 1.5px solid #c6c8d4;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0.7rem;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  width: 100%;
  flex-shrink: 0;
  margin: 0 0 5px 0;
  font-size: 0.8rem;
  font-weight: bold;
  outline: none;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
ul.alpha-selectable-item-rows li button:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(1.05) scaleX(1.05);
}
ul.alpha-selectable-item-rows li.selected-item button {
  border: 3px solid #85b2e2;
  background-color: #e6eef7;
}
ul.alpha-selectable-item-rows li button .alpha-additional-info {
  font-weight: normal;
}
ul.alpha-selectable-item-rows li button.terminated .status-label {
  color: #d9534f;
  font-weight: bold;
  position: relative;
}
.compact-form ul.alpha-selectable-item-rows li button .non-policy-caller {
  color: #e27415;
  display: inline-block;
  width: 100%;
  white-space: normal;
  letter-spacing: normal;
  word-break: break-word;
  float: left;
  margin-top: 10px;
  overflow: hidden;
  max-width: 122px;
  text-align: left;
}
ul.alpha-selectable-item-rows li button .date-info {
  margin: 2px 0 2px 0;
  font-size: 0.8rem;
  font-style: italic;
  display: none;
}
h3.section-sub-heading {
  margin-bottom: 10px;
  font-weight: bold;
}
ul.alpha-question-checklist {
  margin-bottom: 20px;
}
ul.alpha-question-checklist li {
}
.question-block {
  overflow: hidden;
  display: block;
}
.question-block > div {
  position: relative;
}
.question-btn-block {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 100%;
}
.question-btn-block button.question-btn-correct,
.question-btn-block button.question-btn-false {
  padding: 0 10px 0 0;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  color: #d8d5d5;
}
.question-btn-block button.question-btn-correct {
  padding-left: 10px;
}
.question-btn-block button.question-btn-false {
}
.question-btn-block button.question-btn-correct i,
.question-btn-block button.question-btn-false i {
  margin: 0;
  transition: all 0.0.5s ease-in-out;
  transform: scaleY(1) scaleX(1);
  font-size: 30px;
}
.question-btn-block button.question-btn-false i {
  position: relative;
}
.question-btn-block button.question-btn-false i:after {
  font-family: "FontAwesome";
  content: "\f00d";
  position: absolute;
  left: 4.5px;
  top: 3.5px;
  color: #fff;
  font-size: 22px;
}
.question-btn-block button.question-btn-correct:hover {
  color: #5cb85c;
}
.question-btn-block button.question-btn-false:hover {
  color: rgba(239, 52, 52, 0.89);
}
.question-btn-block button.question-btn-correct:hover i,
.question-btn-block button.question-btn-false:hover i {
  transition: all 0.0.5s ease-in-out;
  transform: scaleY(1.3) scaleX(1.3);
}
.question-block label {
  display: block;
  width: 100%;
  border: 1px solid rgb(227, 225, 225);
  border-left: 6px solid rgb(227, 225, 225);
  margin-bottom: 10px;
  padding: 10px 82px 10px 10px;
  border-radius: 4px;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
}
.question-block label:after {
  font-family: "FontAwesome";
  content: "\f0c8";
  position: absolute;
  right: 10px;
  top: 0;
  display: flex;
  display: none;
  align-items: center;
  height: 100%;
  font-size: 20px;
  color: #dee0e8;
}
.question-block.dpa-question-correct label {
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border-left: 4px solid rgba(60, 73, 129, 0.9);
  border: 1px solid rgb(92, 184, 92);
  border-left: 6px solid rgb(92, 184, 92);
  border-radius: 4px;
  background-color: rgba(92, 184, 92, 0.1);
  margin-bottom: 10px;
  display: block;
}
.question-block.dpa-question-correct button.question-btn-false {
  display: none;
}
.question-block.dpa-question-correct button.question-btn-correct i,
.question-block.dpa-question-correct button.question-btn-correct:hover i {
  color: #5cb85c;
  transition: all 0.0.5s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.question-block.dpa-question-false label {
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border-left: 4px solid rgba(60, 73, 129, 0.9);
  border: 1px solid rgba(239, 52, 52, 0.89);
  border-left: 6px solid rgba(239, 52, 52, 0.89);
  border-radius: 4px;
  background-color: rgba(239, 52, 52, 0);
  margin-bottom: 10px;
  display: block;
}
.question-block.dpa-question-false button.question-btn-correct {
  display: none;
}
.question-block.dpa-question-false button.question-btn-false i,
.question-block.dpa-question-false button.question-btn-false:hover i {
  color: rgba(239, 52, 52, 0.89);
  transition: all 0.0.5s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.question-block.dpa-question-false span.answer-item:before,
.question-block.dpa-question-false span.answer-item {
  color: rgba(239, 52, 52, 0.89);
}
span.question-item,
span.answer-item {
  font-weight: bold;
  display: inline-block;
}
span.question-item {
  color: #3c4981;
}
span.question-item:before,
span.answer-item:before {
  display: inline-block;
  font-weight: bold;
  width: 25px;
}
span.question-item:before {
  content: "Q:";
  color: #3c4981;
}
input.question-block-checkbox:checked + .question-block label span.question-item,
input.question-block-checkbox:checked + .question-block label span.question-item:before {
  color: #999;
}
span.answer-item {
  display: block;
  color: #5cb85c;
}
span.answer-item:before {
  content: "A:";
  color: #5cb85c;
}
input.question-block-checkbox:checked + .question-block label span.answer-item,
input.question-block-checkbox:checked + .question-block label span.answer-item:before {
}
.question-block {
  transition: all 0.15s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
}
.question-block.dpa-additional-question .dpa-extra-question,
.question-block.dpa-initial-item.dpa-question-false .dpa-extra-question,
.question-block.dpa-question-false .dpa-extra-question {
  display: none;
}
.question-block.dpa-initial-item,
.question-block.dpa-initial-item .dpa-extra-question {
  transform: scaleY(1) scaleX(1);
  max-height: 200px;
}
.dpa-extra-question {
  margin-bottom: 20px;
}
.question-block.dpa-show-next + .question-block,
.question-block.dpa-question-false + .question-block,
.question-block.dpa-additional-question + .question-block {
  display: block;
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 200px;
}
.dpa-block-client-03.dpa-question-correct.dpa-show-next + .question-block {
  max-height: 0;
  transform: scaleY(0) scaleX(0);
}
.dpa-bailout-content {
  transition: all 0.25s ease-in-out;
  max-height: 0;
  transform: scaleY(0) scaleX(0);
  padding-left: 15px;
  width: 100%;
}
.dpa-bailout-content textarea,
.dpa-bailout-content .form-group {
  width: 100%;
}
.dpa-bailout .dpa-bailout-content {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 300px;
}
.other-caller-options,
.business-area-requests {
  transition: all 0.25s ease-in-out;
  max-height: 0;
  transform: scaleY(0) scaleX(0);
}
.other-caller-options.show-form,
.business-area-requests.show-form {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 300px;
}
.policy-example-01,
.policy-example-02,
.policy-example-03,
.show-example3.show-example1 .policy-example-01,
.show-example1.show-example2 .policy-example-02 {
  visibility: hidden;
  display: none;
}
.show-example .policy-example-01,
.show-example1 .policy-example-01,
.show-example2 .policy-example-02,
.show-example3 .policy-example-03 {
  visibility: visible;
  display: block;
}
p[class*=captured-policy] {
  transition: all 0.25s ease-in-out;
  max-height: 0;
  transform: scaleY(0) scaleX(0);
}
p[class*=captured-policy].selected-item {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 300px;
  color: #71aff1;
}
table.example-grid td {
  padding: 5px 5px 3px;
}
button.record-context-btn {
  outline: none;
  margin-left: 5px;
  border-radius: 3px !important;
  background-color: rgba(252, 252, 252, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  color: #333333;
  line-height: 1;
  display: none;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0);
}
button.record-context-btn i {
  margin-left: 5px;
  font-size: 1.2rem;
  color: #ccc;
}
button.record-context-btn.recording-on {
  border-radius: 3px !important;
  background-color: rgb(255, 255, 255);
  border: 1px solid #5cb85c;
  line-height: 1;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}
button.record-context-btn.recording-on i:before {
  content: "\f14a";
  font-size: 1.2rem;
  color: #5cb85c;
}
button.record-context-btn:hover {
  border-radius: 3px !important;
  background-color: rgba(222, 224, 232, 0);
  border: 1px solid #85b2e2;
  line-height: 1;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
}
button.record-context-btn:hover i {
  margin-left: 5px;
  font-size: 1.2rem;
  color: #85b2e2;
}
.reference-numbers-btn li.auto-record-example {
  display: none;
}
.line-break {
  border-top: 1px dashed #ccc;
  padding-top: 10px;
  padding-bottom: 10px;
}
.primary-tile-action {
  display: block;
}
.secondary-tile-action {
  background-color: rgba(241, 241, 241, 0.12);
  font-size: 11px;
  line-height: 1;
  font-size: 0.8rem;
  color: #3c4981;
  padding-left: 10px;
  border-radius: 0;
  border-top: 1.5px solid rgba(85, 153, 226, 0.7);
}
[class*=selected] .secondary-tile-action {
  color: rgba(255, 255, 255, 1);
  border-top: 1.5px solid rgba(255, 255, 255, 0.9);
}
.secondary-tile-action:hover {
  background-color: rgba(85, 153, 226, 0.7);
  border-top: 1.5px solid rgba(85, 153, 226, 0.7);
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/33-timeline-structure-container-block.css */
alpha-address-timeline {
  float: left;
  max-width: 400px;
  width: 400px;
}
ul.alpha-timeline-structure-container {
  width: 100%;
  overflow: hidden;
}
li.alpha-timeline-period {
  width: 100%;
  overflow: hidden;
}
li.alpha-timeline-period ul {
}
li.alpha-timeline-period ul li {
}
span.alpha-data-structure-heading {
  color: #3c4981;
  font-weight: bold;
  font-size: 1rem;
  display: block;
  margin-bottom: 10px;
}
.alpha-address-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 0.1rem solid #85b2e2;
  border: 0.1rem solid #ccc;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #fff;
  justify-content: center;
  border-radius: 6px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  max-width: 250px;
  min-width: 250px;
  height: 234px;
  flex-shrink: 0;
  margin: 0.5rem;
  float: left;
  position: relative;
  padding-bottom: 10px;
}
.alpha-address-item span[class^=card] {
  padding: 0.5rem 0.7rem;
}
.alpha-address-item .alpha-address-details {
  font-size: 0.9rem;
  padding-right: 1rem;
  padding-bottom: 5px;
  padding-top: 0.2rem;
  background: -moz-linear-gradient(top, rgba(235, 235, 235, 0.65) 0%, rgba(235, 235, 235, 0) 100%);
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ebebeb", endColorstr="#00ebebeb", GradientType=0);
}
.alpha-data-label {
  font-size: 0.8rem;
  font-style: italic;
}
.alpha-address-item .date-info {
  margin: 2px 0 2px;
  font-size: 0.9rem;
  padding-right: 0;
  font-style: normal;
  font-weight: bold;
  padding-bottom: 5px;
  display: block;
}
.alpha-address-item .alpha-address-status {
  font-size: 0.9rem;
  font-weight: bold;
  background: -moz-linear-gradient(top, rgba(235, 235, 235, 0.65) 0%, rgba(235, 235, 235, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(235, 235, 235, 0.65) 0%, rgba(235, 235, 235, 0) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(235, 235, 235, 0.65) 0%,
      rgba(235, 235, 235, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ebebeb", endColorstr="#00ebebeb", GradientType=0);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 7px;
}
.alpha-address-item .alpha-address-status:after {
  font-size: 1rem;
  top: -1px;
}
.alpha-address-item .alpha-address-status:before {
  font-size: 1.2rem;
  top: -1px;
  margin-right: 0.2rem;
}
.alpha-address-item.previous-address .alpha-address-status {
  color: #999;
}
.alpha-address-item.previous-address .alpha-address-status:after {
  content: "";
}
.alpha-address-item.previous-address .alpha-address-status:before {
  top: -3px;
}
.alpha-address-item.active {
  border: 3px solid #49A94F;
}
.alpha-address-item.gone-away {
  border: 3px solid #d9534f;
}
.alpha-address-item.gone-away .alpha-address-details {
  overflow: hidden;
}
span.alpha-count-capsule {
  border: 2px solid rgba(255, 255, 255, 0.6);
  color: #dee0e8;
  background-color: #fff;
  background-color: #333333;
  opacity: 0.9;
  width: auto;
  display: block;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  font-size: 0.8rem;
  border-radius: 56px;
  padding: 0.3rem 0.6rem 0.4rem;
  line-height: 1;
  transform: scale(0.9);
}
.alpha-deck-controls span.alpha-count-capsule {
  display: block;
  transform: scale(1);
  padding: 0.3rem 0.8rem 0.5rem;
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  position: static;
  overflow: hidden;
  float: left;
}
.alpha-deck-controls .paging-btns {
  overflow: hidden;
  float: left;
}
span.alpha-count-break {
  font-size: 0.8rem;
  font-style: italic;
  padding: 0 5px 0 2px;
  color: rgb(249, 249, 249);
  letter-spacing: 1px;
}
span.alpha-count-current-item {
  padding: 0;
  font-size: 1rem;
  font-weight: bold;
}
span.alpha-count-total-items {
  padding: 0;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: bold;
}
alpha-client-components .form-group {
  margin-bottom: 0.5rem;
}
ul.alpha-sliding-deck {
  border-radius: 6px;
  width: 330px;
  position: relative;
  height: 285px;
  border-bottom: 1px solid #ccc;
}
li.alpha-unit-card {
  position: absolute;
  display: block;
  top: 30px;
  opacity: 0;
  left: 0;
  height: auto;
  z-index: 1;
  transition: all 0.55s ease-in-out;
}
li.alpha-unit-card.current-card {
  left: 0;
  z-index: 5;
  opacity: 1;
}
li.alpha-unit-card.current-card + li {
  left: 35px;
  transform: scale(0.9);
  opacity: 1;
  z-index: 4;
}
li.alpha-unit-card.current-card + li + li {
  left: 65px;
  transform: scale(0.8);
  opacity: 1;
  z-index: 3;
}
li.alpha-unit-card.current-card + li + li + li {
  left: 93px;
  transform: scale(0.7);
  opacity: 0.7;
  z-index: 2;
}
li.alpha-unit-card.current-card + li + li + li + li {
  transform: scale(0.6);
  left: 117px;
  opacity: 0.3;
  z-index: 1;
}
li.alpha-unit-card.previous-card,
li.alpha-unit-card.current-card + li.previous-card {
  left: -350px;
  z-index: 6;
  opacity: 0;
  transform: scale(1.5);
}
li.alpha-deck-controls {
  height: 40px;
  display: block;
}
li.alpha-deck-controls {
  height: 35px;
  display: block;
}
.card-detail-block {
  box-sizing: border-box;
}
.layout-50pc {
  width: calc(50%);
  float: left;
  overflow: hidden;
}
.layout-50pc + .layout-50pc + div:not(.layout-50pc) {
  clear: left;
}
.card-item {
  display: block;
  padding: 5px;
}
.card-detail-block,
.card-header-block {
  padding: 5px;
  position: relative;
}
.card-header-block {
  border-bottom: 1px solid #ccc;
  background-color: #e4e5eb;
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid #cccccc;
}
.card-detail-block .card-detail-label {
  display: block;
}
.card-detail-block .card-detail-value {
  display: block;
}
.no-padding {
  padding: 0;
}
.no-padding-top {
  padding-top: 0;
}
.no-padding-bottom {
  padding-bottom: 0;
}
.no-padding-left {
  padding-left: 0;
}
.no-padding-right {
  padding-right: 0;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.text-weight-bold {
  font-weight: bold;
}
.text-weight-normal {
  font-weight: normal;
}
.text-style-italic {
  font-style: italic;
}
.text-size-l {
  font-size: 1.2rem;
}
.text-size-m {
  font-size: 0.9rem;
}
.text-size-s {
  font-size: 0.8rem;
}

/* src/assets/styles/prototype-migration/p-drive-collection/style-stack-update-ver04/34-notification-blocks.css */
p.info-text {
  font-weight: normal;
  margin-bottom: 3px;
  color: #222;
}
.notification-block {
  position: relative;
  padding: 10px;
  border: 1px solid rgb(227, 225, 225);
  border-left: 6px solid rgb(227, 225, 225);
  border-radius: 4px;
  background-color: rgba(236, 234, 234, 0);
  margin-bottom: 10px;
}
.notification-message {
  padding-right: 35px;
}
.notification-message:after {
  font-family: "FontAwesome";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.8rem;
  display: flex;
  flex: 1;
  height: 100%;
  width: 40px;
  align-items: center;
  justify-content: center;
}
.notification-message p {
  font-weight: bold;
  color: #222222;
}
.notification-block.status-success {
  border-color: rgb(92, 184, 92);
  background-color: rgba(92, 184, 92, 0.1);
}
.notification-block.status-success p {
  color: #089508;
}
.notification-block.status-success .notification-message:after {
  color: #089508;
  content: "\f00c";
}
.notification-block.status-info {
  border-color: rgba(24, 110, 204, 1);
  background-color: rgba(92, 184, 92, 0);
}
.notification-block.status-info p {
  color: #222;
}
.notification-block.status-info .notification-message:after {
  color: rgba(24, 110, 204, 1);
  content: "";
}
.notification-block.status-secruity {
  border-color: rgb(139, 141, 158);
  background-color: rgb(236, 234, 234);
}
.notification-block.status-secruity p {
  color: #2f2e2e;
}
.notification-block.status-secruity .notification-message:after {
  color: rgb(139, 141, 158);
  content: "\f023";
}
.notification-block.status-error {
  border-color: rgb(241, 74, 74);
  background-color: #fff;
}
.notification-block.status-error p {
  color: rgb(241, 74, 74);
}
.notification-block.status-error .notification-message:after {
  color: rgb(241, 74, 74);
  content: "\f00d";
}
.notification-block.status-warning {
  border-color: rgb(230, 138, 0);
  background-color: rgb(251, 251, 225);
}
.notification-block.status-warning p {
  color: rgb(230, 138, 0);
}
.notification-block.status-warning .notification-message:after {
  color: rgb(230, 138, 0);
  content: "\f071";
}
.notification-block.status-note {
  border: 1px solid rgb(247, 222, 35);
  border-top: 6px solid rgb(247, 222, 35);
  background-color: #fefced;
  position: relative;
}
.notification-block.status-note p {
  line-height: 1.3;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.6);
}
.notification-block.status-note:after {
  content: " ";
  border-top: 0px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.notification-block.status-note .notification-message {
  padding-right: 10px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/pt-diagram-structure-2.css */
::-webkit-scrollbar {
  width: 10px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.0);
}
.card-header {
  border: none;
  background: none;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  color: #3c4981;
}
.column-padding {
  padding: 1.5rem;
}
ul.alpha-linked-data-structure,
ul.alpha-linked-data-structure ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
ul.alpha-linked-data-structure li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.5rem 0 0.5rem 0;
  border-radius: 0.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
ul.alpha-linked-data-structure li.alpha-item-group {
  padding: 0;
  margin: 0.5rem 1rem;
  border-left: 0.3rem solid rgba(0, 0, 0, 0.3);
}
ul.alpha-linked-data-structure li.alpha-item-group > ul > li:before {
  font-family: FontAwesome;
  content: "\f178";
  font-size: 24px;
  font-size: 1.5rem;
  position: relative;
  left: 0;
  color: rgba(0, 0, 0, 0.5);
}
ul.alpha-linked-data-structure li.alpha-item-group ul {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
ul.alpha-linked-data-structure > li.alpha-parent-item {
  border-left: 0rem solid;
  margin: 0;
  padding: 0;
}
ul.alpha-linked-data-structure > li.alpha-parent-item:before {
  content: "";
}
ul.alpha-linked-data-structure li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 0.1rem solid #85b2e2;
  border: 0.1rem solid #85b2e2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0.7rem;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  max-width: 140px;
  min-width: 140px;
  flex-shrink: 0;
  margin: 1rem 0;
}
ul.alpha-linked-data-structure button.compact {
  margin: 0;
  font-size: 0.8rem;
  width: 149px;
  font-weight: bold;
}
ul.alpha-linked-data-structure button.group-unit {
  border-width: 3px;
  border-left-width: 6px;
  border-color: #ccc;
}
ul.alpha-linked-data-structure li alpha-policy-unit button .alpha-selected {
  border: var(--nav-app-exp-item-border);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
ul.alpha-linked-data-structure li button.active {
  position: relative;
}
ul.alpha-linked-data-structure li button.active:after {
  font-family: FontAwesome;
  content: "\f111";
  color: #49A94F;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
ul.alpha-linked-data-structure li button.skeleton {
  border-style: dotted;
  border-width: 1.82px;
  border-color: #2d2e33;
}
ul.alpha-linked-data-structure li button.skeleton:before {
  font-family: FontAwesome;
  content: "\f2a8   ";
  color: #2d2e33;
  font-size: 1rem;
  position: absolute;
  font-weight: normal;
  transform: rotate(0);
  top: 1px;
  right: 18px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0);
}
ul.alpha-linked-data-structure li button.skeleton.alpha-selected {
  border-color: #e6eaef;
}
ul.alpha-linked-data-structure li button.skeleton.alpha-selected:before {
  text-shadow: 0 0 1px #fff;
}
ul.alpha-linked-data-structure li button.terminated {
  border: 3px solid #d9534f;
  position: relative;
}
ul.alpha-linked-data-structure li button.terminated:after {
  font-family: FontAwesome;
  content: "\f10c";
  color: #d9534f;
  line-height: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
ul.alpha-linked-data-structure li button.newBusiness {
  border: 3px solid #a9a9a9;
}
ul.alpha-linked-data-structure li button:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
ul.alpha-linked-data-structure li button .alpha-info {
  font-weight: bold;
}
ul.alpha-linked-data-structure li button .alpha-additional-info {
  font-weight: normal;
}
li.alpha-parent-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
li.alpha-parent-item > ul {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
h1.alpha-section-header {
  font-size: 1.6rem;
  padding: 0.5rem;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  display: none;
}
.data-structure-diagram-container {
  background-color: rgba(244, 244, 244, 0.5);
}
.alpha-layout-col-2.policy-detail-form {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: var(--nav-app-exp-item-border);
}
.alpha-layout-col-2.policy-detail-form .alpha-layout-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.alpha-layout-col-2.policy-detail-form .alpha-layout-row h2 {
  font-size: 1.3rem;
}
.alpha-highlight {
  font-weight: 600;
}
.alpha-layout-col-2.policy-detail-form .alpha-layout-row label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem 0 0;
  color: rgba(0, 0, 0, 0.6);
}
.alpha-layout-col-2.policy-detail-form .alpha-layout-row label.alpha-form-value-static {
  color: rgba(0, 0, 0, 0.8);
  font-size: 1rem;
}
.alpha-currently-selected {
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  position: relative;
  left: -1rem;
  color: rgba(0, 0, 0, 0.7);
}
ul.alpha-linked-data-structure li button.multiple-items-container {
  position: relative;
  box-shadow: 3px -3px #49A94F;
  margin-top: 20px;
}
.alpha-multiple-items {
  position: absolute;
  width: 100%;
  text-align: right;
  right: -12px;
  top: -15px;
  background-color: rgba(24, 110, 204, 0);
}
span.alpha-item-count {
  background-color: #49A94F;
  color: #fff;
  width: 20px;
  height: 20px;
  display: inline-block;
  text-align: center;
  padding-top: 3px;
  font-weight: bold;
  border-radius: 100%;
}
span.alpha-item-count.terminated {
  background-color: #d9534f;
  color: #fff;
  margin-right: -3px;
}
span.alpha-item-count.active {
  background-color: #49A94F;
}
.alpha-multiple-items .description {
  position: relative;
  top: -6px;
  color: #49A94F;
  font-weight: bold;
}
#unitLinkedHeader {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#unitLinkedIcon {
  font-weight: bold;
  font-size: 2rem;
  position: relative;
  top: 0.2rem;
  color: #85b2e2;
}
[class*=col].data-structure-diagram-col {
  padding-right: 0;
}
[class*=col].data-structure-diagram-col .data-structure-diagram-container {
  padding-right: 0;
}
.data-structure-diagram-col button {
  white-space: normal;
}
.data-structure-diagram-container {
  background: none;
}
ul.alpha-linked-data-structure li button.alpha-selected {
  background-color: #85b2e2;
  color: #fff;
  -webkit-transform: scale(1);
  outline: none;
  transform: scale(1);
}
ul.alpha-linked-data-structure li button.multiple-items-container {
  box-shadow: 3px -3px rgba(0, 0, 0, 0.3);
}
.multiple-items-container .alpha-multiple-items .description {
  color: #3c4981;
}
.multiple-items-container .alpha-item-count {
  background-color: #3c4981;
}
[class*=col].data-structure-diagram-results {
  padding-left: 0;
  font-size: 1rem;
}
[class*=col].data-structure-diagram-results .form-control[readonly] {
  font-size: 1rem;
}
[class*=col].data-structure-diagram-results .form-group [class*=col] .form-control[readonly] {
  font-size: 1rem;
}
ul.alpha-linked-data-structure span.alpha-additional-info.status-label {
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 0 4px 3px;
  border-radius: 3px;
  margin-top: 5px;
  position: relative;
  left: -3px;
}
.active,
.active .alpha-additional-info.status-label {
  color: #49A94F;
}
.terminated,
.terminated .alpha-additional-info.status-label {
  color: #d9534f;
}
.newBusiness,
.newBusiness .alpha-additional-info.status-label {
}
.data-structure-diagram-key {
  background-color: #fff;
  border: 3px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  margin: 1rem 1rem 1rem 2.5rem;
  margin: 0;
  overflow: hidden;
  font-weight: bold;
  font-size: 1rem;
  clear: both;
  color: #222;
}
.data-structure-diagram-key:before {
  content: "Key:";
  background-color: #eee;
  padding: 7px 8px 8px 8px;
  color: #777;
  height: 100%;
  font-weight: bold;
  margin-right: 10px;
}
.data-structure-diagram-key > div {
  display: inline-block;
  padding: 4px 6px 5px 3px;
}
.data-structure-diagram-key > div i {
  margin-right: 2px;
}
ul.alpha-linked-data-structure li button.alpha-selected:after {
}
ul.alpha-linked-data-structure li button.alpha-selected .alpha-additional-info.status-label {
  left: 0px;
}
span.alpha-secondary-info {
  font-weight: normal;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
  font-style: italic;
}
.statistic-block {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}
span.alpha-additional-info.stat-text {
}
span.alpha-additional-info.stat-text i {
  width: 15px;
}
span.alpha-additional-info.stat-text .item-count {
}
.alpha-additional-info.date-info {
  margin: 2px 0 2px;
  font-size: 0.8rem;
  font-style: italic;
}
.alpha-linked-data-structure button.compact .status-label,
.alpha-linked-data-structure button.compact .date-info {
  display: none;
}
ul.alpha-linked-data-structure li button.client-unit {
}
ul.alpha-linked-data-structure li button.policy-unit {
}
[diagram-alignment=top] ul.alpha-linked-data-structure li {
  align-items: flex-start;
  margin: 0 0.5rem 0.5rem;
}
[diagram-alignment=top] .alpha-linked-data-structure button {
  margin: 0 0 1rem 0;
  text-align: left;
  justify-content: flex-start;
}
[diagram-alignment=top] .alpha-linked-data-structure li.alpha-item-group > ul > li:before {
  left: -0.5rem;
}
[diagram-alignment=top] .multi-item-structure {
  align-self: stretch;
}
.scroll-child-items {
  max-height: 70vh;
  overflow-y: auto;
  padding: 5px 5px;
  position: relative;
  top: -5px;
  left: -5px;
}
li.alpha-parent-item.scheme-view {
  flex-direction: column;
}
li.alpha-parent-item.scheme-view {
  flex-direction: column;
}
li.alpha-parent-item.scheme-view button.scheme-unit {
  max-width: 90%;
  align-items: center;
}
ul.alpha-linked-data-structure li button.alpha-selected + ul li.alpha-item-group {
}
ul.alpha-linked-data-structure li button.alpha-selected + ul li:before {
}
button.strech-btn {
  align-self: stretch;
  flex: 1;
}
.multi-item-structure {
}
.alpha-indicators {
  display: flex;
  margin-top: 5px;
}
.indicator {
  background-color: rgba(0, 0, 0, 0.2);
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 2px;
  margin-bottom: 2px;
  border-radius: 3px;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.indicator:before,
.indicator:after {
}
.indicator.atRetirement {
  background-color: rgba(60, 73, 129, 1);
  color: rgba(255, 255, 255, 0.9);
}
.indicator.paperless {
  font-family: FontAwesome;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
}
.indicator.paperless:before {
  content: "\f016";
  font-size: 1rem;
  position: relative;
  left: 0.02rem;
  top: 0.03rem;
  color: #555;
}
.indicator.paperless:after {
  content: "\f05e";
  position: absolute;
  left: 1px;
  bottom: -1px;
  color: #d9534f;
  text-shadow: 1px 0px 0px #fff;
  background-color: #fff;
  border-radius: 100%;
  transform: scale(0.7);
}
.indicator.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  min-width: 20px;
  padding: 0 4px;
  width: auto;
}
.hide-summary-type {
  display: none !important;
}
li.alpha-parent-item.conceal-children {
  margin: 0;
}
li.alpha-parent-item.conceal-children > ul {
  transform: scale(0);
  transition: all 200ms ease-in-out;
  height: 0;
}
li.alpha-parent-item.conceal-children:hover > ul {
  transform: scale(1);
  height: auto;
}
button.alpha-sexlected.strxech-btn.group-unit.current-group {
  border-color: #85b2e2;
}
button.alpha-sexlected.strxech-btn.group-unit.alpha-selected.current-group {
  border-color: rgba(255, 255, 255, 0.5);
}
ul.alpha-linked-data-structure li.alpha-item-group {
  border-color: #85b2e2;
}
ul.alpha-linked-data-structure li.alpha-item-group > ul > li:before {
  color: #85b2e2;
}
ul.alpha-linked-data-structure li.additional-item {
}
ul.alpha-linked-data-structure li.additional-item button,
ul.alpha-linked-data-structure li.additional-item button:hover {
  transform: scale(1);
  border-color: #ccc;
  background-color: #eee;
  color: #777;
}
ul.alpha-linked-data-structure li.alpha-item-group > ul > li.additional-item {
  pointer-events: none;
}
ul.alpha-linked-data-structure li.alpha-item-group > ul > li.additional-item:before {
  content: "";
}
ul.alpha-linked-data-structure li.alpha-item-group > ul > li.additional-item.alpha-parent-item:before {
  content: "\f178";
}
ul.alpha-linked-data-structure li {
  position: relative;
}
ul.alpha-linked-data-structure li > ul:first-child {
  padding-top: 0;
}
ul.alpha-linked-data-structure li > ul:first-child:before {
  background-color: #f9f9f9;
  border-bottom: 1px dashed #d0d0d0;
  width: 165px;
  margin: 5px 0 5px 0;
  border-radius: 3px;
  padding: 5px;
  padding-left: 0px;
  font-weight: bold;
  color: #3c4981;
  z-index: 1;
  border-left: 4px solid #f9f9f9;
}
ul.alpha-linked-data-structure li > ul:first-child:before {
  position: absolute;
  top: -5px;
  left: -4px;
}
ul.alpha-linked-data-structure li > ul.scroll-child-items {
}
ul.alpha-linked-data-structure ul:first-child > li.alpha-parent-item li.alpha-parent-item {
  margin-top: 35px;
  padding-top: 20px;
  border-radius: 10px;
}
ul.alpha-linked-data-structure ul:first-child > li.alpha-parent-item li.alpha-parent-item:first-child {
  margin-top: 0;
  padding-top: 0;
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child {
  position: relative;
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child:before {
  position: absolute;
  top: -5px;
  left: -4px;
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child ul:first-child {
  position: relative;
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child li.alpha-item-group {
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child ul:first-child {
  position: relative;
  background-color: rgba(239, 240, 244, 0);
  padding-left: 0;
  border-radius: 0 6px 6px 0;
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child ul:first-child li {
  margin-bottom: 10px;
  padding-top: 0;
  margin-top: 0;
}
ul.alpha-linked-data-structure li > ul:first-child ul:first-child ul:first-child:before {
}

/* src/assets/styles/prototype-migration/p-drive-collection/restructure/00-themes/00-theme-reassure.css */
:root {
  --theme-primary: hsla(229, 36%, 37%,1);
  --theme-primary--light: hsla(210, 38%, 95%,1);
  --theme-primary--dark: hsla(224, 42%, 30%,1);
  --theme-overlay: hsla(229, 47%, 13%, 0.8);
  --theme-text--heading: hsla(229, 36%, 37%,1);
  --theme-text--default: hsla(0, 0%, 13%,1);
  --theme-text--light: hsla(0, 0%, 100%,1);
  --theme-text--disabled: hsla(210, 3%, 75%,1);
  --theme-monotone-1: hsla(0, 0%, 100%,1);
  --theme-monotone-2: hsla(0, 0%, 0%,1);
  --theme-monotone-3: hsla(270, 2%, 25%,1);
  --theme-monotone-4: hsla(220, 1%, 51%,1);
  --theme-monotone-5: hsla(200, 3%, 83%,1);
  --theme-monotone-6: hsla(210, 4%, 91%,1);
  --theme-light-shade-1: hsla(0, 0%, 100%, 0.1);
  --theme-light-shade-2: hsla(0, 0%, 100%, 0.2);
  --theme-light-shade-3: hsla(0, 0%, 100%, 0.3);
  --theme-light-shade-4: hsla(0, 0%, 100%, 0.4);
  --theme-light-shade-5: hsla(0, 0%, 100%, 0.5);
  --theme-light-shade-6: hsla(0, 0%, 100%, 0.6);
  --theme-light-shade-7: hsla(0, 0%, 100%, 0.7);
  --theme-light-shade-8: hsla(0, 0%, 100%, 0.8);
  --theme-light-shade-9: hsla(0, 0%, 100%, 0.9);
  --theme-dark-shade-1: hsla(0, 0%, 0%, 0.1);
  --theme-dark-shade-2: hsla(0, 0%, 0%, 0.2);
  --theme-dark-shade-3: hsla(0, 0%, 0%, 0.3);
  --theme-dark-shade-4: hsla(0, 0%, 0%, 0.4);
  --theme-dark-shade-5: hsla(0, 0%, 0%, 0.5);
  --theme-dark-shade-6: hsla(0, 0%, 0%, 0.6);
  --theme-dark-shade-7: hsla(0, 0%, 0%, 0.7);
  --theme-dark-shade-8: hsla(0, 0%, 0%, 0.8);
  --theme-dark-shade-9: hsla(0, 0%, 0%, 0.9);
  --theme-primary-shade-1:rgba(60, 73, 128, 0.1);
  --theme-primary-shade-2:rgba(60, 73, 128,0.2);
  --theme-primary-shade-3:rgba(60, 73, 128,0.3);
  --theme-primary-shade-4:rgba(60, 73, 128,0.4);
  --theme-primary-shade-5:rgba(60, 73, 128,0.5);
  --theme-primary-shade-6:rgba(60, 73, 128,0.6);
  --theme-primary-shade-7:rgba(60, 73, 128,0.7);
  --theme-primary-shade-8:rgba(60, 73, 128,0.8);
  --theme-primary-shade-9:rgba(60, 73, 128,0.9);
  --theme-btn-important: hsla(124, 40%, 47%, 1);
  --theme-btn-cancel: hsla(2, 64%, 58%, 1);
  --theme-btn-cancel--strong: hsla(359, 100%, 29%, 1);
  --theme-btn-primary: hsla(207, 68%, 62%, 1);
  --theme-btn-primary--light: hsla(212, 63%, 82%,1);
  --theme-btn-secondary:hsla(229, 36%, 37%,1);
  --theme-btn-secondary--light: hsla(229, 36%, 80%,1);
  --theme-btn-disabled: hsla(0, 0%, 95%,1);
  --theme-action-link: hsla(202, 89%, 44%,1);
  --theme-state--current: hsla(229, 36%, 37%, 1);
  --theme-state--success: hsla(120, 90%, 31% , 1);
  --theme-state--success--light: hsla(120, 42%, 95% ,1);
  --theme-state--warning: hsla(35, 84%, 62% ,1);
  --theme-state--warning--light: hsl(60, 76%, 93% ,1);
  --theme-state--error: hsla(0, 86%, 62% ,1);
  --theme-state--active: hsla(120, 90%, 31% ,1);
  --theme-state--gone-away: hsla(0, 86%, 62% ,1);
  --theme-state--historical: hsla(0, 86%, 62% ,1);
  --theme-state--inactive: hsla(0, 0%, 80% ,1);
  --theme-state--information: hsla(211, 79%, 45% ,1);
  --theme-state--secruity: hsla(234, 9%, 58% ,1);
  --theme-state--secruity--light: hsla(0, 5%, 92% ,1);
  --theme-header--background:var(--theme-primary);
  --theme-menu-tree--background: hsla(240, 8%, 90%,1);
  --theme-menu-tree-rail--background: hsla(240, 4%, 82%,1);
  --theme-main--background: hsla(0, 0%, 98%,1);
  --theme-footer--background: hsla(0, 0%, 100%,1);
  --theme-widget-dock--background: hsla(240, 8%, 90%,1);
  --theme-widget-dock-rail--background: hsla(240, 4%, 82%,1);
  --theme-tooltip--truncate:var(--theme-primary);
}

/* src/assets/styles/prototype-migration/p-drive-collection/restructure/00-layout/00-layout-presentation.css */
.card.screen-detail-block-card {
  border: 1px solid #d9d9d9;
}
.card.screen-detail-block-card {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: rgba(255, 255, 255, 1);
  border-top: 1px solid rgba(60, 73, 129, 0.4);
  border-bottom: 1px solid rgba(60, 73, 129, 0.4);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  padding-top: 5px;
  min-height: 100px;
  margin-bottom: 15px;
}
.card.screen-detail-block-card .card-header h2,
.card.screen-detail-block-card .card-header h3 {
  display: inline-block;
}
.card.screen-detail-block-card .card-header .ui-btn {
  float: right;
  overflow: hidden;
  margin-top: -9px;
  margin-bottom: -4px;
  margin-right: -16px;
}
.card.screen-detail-block-card .ui-btn[disabled] {
  pointer-events: none;
}
.card.screen-detail-block-card .card-header {
  background-color: #fff;
  padding: 5px 15px;
  border-bottom: 1px dashed rgba(60, 73, 129, 0.3);
}
.card.screen-detail-block-card .card-block {
  padding: 5px 15px;
}
.presentation-content {
  background-color: rgba(244, 244, 244, 0.5) !important;
  border-top: 1px solid rgb(222, 224, 232);
}
.screen-detail-block-card .form-group {
  margin-bottom: 15px;
}
.quad-tile-group .screen-detail-block-card {
  min-height: 200px;
}
.info-block {
  font-size: 0.9rem;
  font-style: italic;
}
ul.detail-block-list {
}
ul.detail-block-list .detail-block-count {
  display: none;
}
ul.detail-block-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 5px;
  background-color: rgba(0, 0, 0, 0.0);
}
ul.detail-block-list li:before {
  font-family: "FontAwesome";
  content: "\f111";
  margin-right: 5px;
  color: rgba(0, 0, 0, 0.3);
}
ul.detail-block-list li p {
  display: inline-block;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/ux-helpers-2.css */
* {
  -webkit-user-select: none;
  user-select: none;
}
.ux-hide {
  transition: all 0.15s ease-in-out !important;
  overflow: hidden !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: 0 0 !important;
  opacity: 0;
}
.ux-transition-all-fast {
  transition: all 0.15s ease-in-out;
}
.ux-position-boundry {
  position: relative;
}
.ux-local-content-modal {
  transition: all 0.25s ease-in-out;
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 1;
  width: 90%;
  background-color: rgba(255, 255, 255, 0.95);
  overflow-y: scroll;
  border: 2px solid rgb(132, 177, 225);
  border-radius: 6px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.7);
  height: 500px;
  padding: 10px;
  opacity: 1;
}
.ux-modal-header {
  padding: 5px 15px 0;
  font-size: 0.9rem;
}
.ux-modal-header h2 {
  font-size: 1.2rem;
  border-bottom: 1px solid rgb(60, 73, 129);
  padding-bottom: 10px;
  margin-right: 50px;
}
.ux-close-modal {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 0;
}
.step-progress-summary {
  display: none;
}
.step-progress-summary:before {
  content: "";
}
.show-summary .step-progress-summary {
  display: inline;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px 5px 5px 5px;
  border: 1px solid #5cb85c91;
  border-radius: 4px;
  margin-left: 5px;
}
.show-summary.step-progress-summary {
  display: inline-block;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete .content-section-header {
  border: 1px solid #5cb85c;
  border-bottom: 1px solid #5cb85c;
  border-left: 7px solid #5cb85c;
  background-color: #ebf7eb;
  color: #5cb85c;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete content-section-header i,
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete .content-section-header i {
  color: #5cb85c;
  transform: scale(1.7);
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete content-section-header i.fa-circle-o:before,
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete .content-section-header i.fa-circle-o:before {
  content: "\f058";
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-header {
  color: #4c5992;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-header i:before {
  content: "\f111";
  color: #5cb85c;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-body,
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-header {
  border-left: 7px solid #3c4981;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete .content-section-body,
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete .content-section-header.step-open + .content-section-body {
  display: none;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete .content-section-header.step-open {
  border-radius: 6px;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) {
  margin-top: 15px;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-header + .content-section-body {
  display: block;
  min-height: 160px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0 0 0 6px;
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
  padding-bottom: 75px;
  color: #222;
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-header {
  border-radius: 6px 6px 0 0;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0);
}
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .fulltermination-example {
  display: inline-block;
}
.calendar-field input {
  padding-right: 25px;
  background-color: rgba(0, 0, 0, 0);
  display: inline-block;
  position: relative;
  z-index: 1;
}
.calendar-field input:focus {
  background-color: rgba(255, 255, 255, 0.5);
}
.calendar-field {
  width: 135px;
  position: relative;
  display: block;
}
.calendar-icon:after {
  font-family: "FontAwesome";
  content: "\f073";
  position: absolute;
  top: 7px;
  right: 5px;
  font-size: 1.2rem;
  color: #3c4981;
  z-index: 0;
}
.view-action,
.hide-action {
  display: none;
}
.alpha-app-container.show-select-client .view-action {
  display: block;
}
.alpha-app-container.show-select-client .pd-example,
.alpha-app-container.show-select-client .fc-example,
.alpha-app-container.show-select-client .d-example {
  opacity: 1;
}
.alpha-app-container.show-select-client .pd-example .notification-block,
.alpha-app-container.show-select-client .fc-example .notification-block,
.alpha-app-container.show-select-client .d-example .notification-block {
  display: none;
}
.alpha-app-container.show-select-client .d-example .notification-block.view-action {
  display: block;
}
.form-container .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
.client-search-results {
  transition: all 0.25s ease-in-out;
  max-height: 0;
  transform: scaleY(0) scaleX(0);
}
.client-search-results.show-search-results {
  transition: all 0.5s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 3000px;
  transition-delay: 0.25s;
}
i.fa.fa-floppy-o:before {
  content: "\f0c7" !important;
  color: #222 !important;
  font-size: 1.4rem;
  line-height: 0;
  position: relative;
  right: -9px;
}
.step-complete i.fa.fa-floppy-o {
  position: relative;
  right: 0px;
}
.step-complete i.fa.fa-floppy-o:before {
  color: #5cb85c !important;
  font-size: 1.6rem;
  line-height: 0;
}
.step-complete i.fa.fa-floppy-o:after {
  content: "\f00c" !important;
  color: #60b85d !important;
  font-size: 1.4rem;
  line-height: 0;
  position: relative;
  right: -10px;
}
.step-complete .fa.fa-lock:before {
  content: "\f023" !important;
  color: #838c83 !important;
}
.acount-info-example {
  display: none;
}
.acount-info-example.show-form {
  display: block;
}
.bank-details-example {
  display: none;
}
.bank-details-example {
  display: none;
}
.bank-details-example.show-example + i {
  display: none;
}
.bank-details-example.show-example {
  display: block;
}
.hide-ui-example {
  color: rgba(0, 0, 0, 0);
}
button.declaration-btn.declared {
  border-color: #58ae68;
  background-color: #fbfede;
}
button.declaration-btn.declared span {
  color: #58ae68 !important;
}
button.declaration-btn.declared:after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: #58ae68;
  position: absolute;
  right: 0;
  padding: 10px;
  font-size: 2rem;
}
.app-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(100vw);
  height: calc(100vh);
  background-color: rgba(18, 24, 50, 0.9);
  z-index: 4;
  padding: 20px;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  max-height: 0;
  transform: scaleY(0);
}
.app-overlay--open {
  transition: opacity 0.25s ease-in-out;
  transform: scaleY(1);
  max-height: 3000px;
  opacity: 1;
}
.app-overlay > div:not(.app-overlay--header) {
  transition: all 0.25s ease-in-out;
  max-height: 0;
  transform: scaleY(0) scaleX(0);
}
.app-overlay--open > div:not(.app-overlay--header) {
  transition: all 0.5s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 3000px;
  transition-delay: 0.25s;
}
.app-overlay--header {
  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.app-overlay--header h2 {
  color: #fff;
}
.app-overlay--header .left-header-content,
.app-overlay--header .middle-header-content,
.app-overlay--header .right-header-content {
  flex-basis: 33%;
}
.app-overlay--header .left-header-content {
  text-align: left;
}
.app-overlay--header .middle-header-content {
  text-align: center;
}
.app-overlay--header .right-header-content {
  text-align: right;
}
.app-overlay .app-overlay--body {
}
.app-overlay--actions {
  margin-top: 10px;
}
.default-app-overlay .app-overlay--body {
  background-color: rgb(236, 237, 238);
  margin: 0 auto;
  width: 500px;
  padding: 20px;
  border-radius: 10px;
}
.default-app-overlay .btn-success {
  background-color: #5cb85c;
}
.default-app-overlay .btn-success:hover {
  background-color: #449d44;
}
.default-app-overlay .btn-cancel {
  background-color: #d9534f;
}
.content-overlay {
  position: absolute;
  left: 0;
  width: calc(100vw);
  height: calc(100vh);
  background-color: rgba(18, 24, 50, 0.8);
  z-index: 4;
  padding: 20px;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  max-height: 0;
  transform: scaleY(0);
}
.content-overlay.show-overlay,
.alpha-app-container.show-overlay .content-overlay,
.alpha-app-container.example-6-a1.show-o .content-overlay.example-6-a1-o,
.alpha-app-container.example-6-a2.show-o .content-overlay.example-6-a2-o,
.alpha-app-container.example-6-a3.show-o .content-overlay.example-6-a3-o,
.alpha-app-container.example-6-a3.show-o .content-overlay.example-6-a4-o,
.content-overlay.example-add-note-o.add-note {
  transition: opacity 0.25s ease-in-out;
  transform: scaleY(1);
  max-height: 3000px;
  opacity: 1;
}
.content-overlay > div {
  transition: all 0.25s ease-in-out;
  max-height: 0;
  transform: scaleY(0) scaleX(0);
}
.show-overlay.content-overlay > div,
.alpha-app-container.show-overlay .content-overlay > div,
.alpha-app-container.example-6-a1.show-o .content-overlay.example-6-a1-o > div,
.alpha-app-container.example-6-a2.show-o .content-overlay.example-6-a2-o > div,
.alpha-app-container.example-6-a3.show-o .content-overlay.example-6-a3-o > div,
.alpha-app-container.example-6-a3.show-o .content-overlay.example-6-a4-o > div,
.content-overlay.example-add-note-o.add-note > div {
  transition: all 0.5s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 3000px;
  transition-delay: 0.25s;
}
.app-overlay--context-bar {
  background-color: #3c4981;
  margin: -20px -20px 0;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.app-page--heading {
}
.app-overlay--context-bar .app-system-date {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 10px;
  line-height: 1.2;
  padding-top: 5px;
  border-left: 2px solid rgba(255, 255, 255, 0.4);
}
.app-overlay--context-bar .app-system-date--label {
  padding: 0;
  margin-right: 5px;
}
[class*=example-6-a].quad-diagram {
  display: none;
}
.alpha-app-container.example-6-a1 .example-6-a1,
.alpha-app-container.example-6-a2 .example-6-a2,
.alpha-app-container.example-6-a3 .example-6-a3,
.alpha-app-container.example-6-a4 .example-6-a4 {
  display: block;
}
.sub-steps [class*=example-6-a] {
  display: none;
}
.sub-steps.example-6-a2-s1 .example-6-a2-s1,
.sub-steps.example-6-a2-s2 .example-6-a2-s2 {
  display: block;
}
.load-diagram-example .load-example-1 .load-example-2 {
}
.load-icon,
.load-diagram-example.load-example-1 .notification-block,
.load-diagram-example.load-example-2 .data-bubble .data-bubble--label,
.load-diagram-example.load-example-2 .data-bubble .data-bubble--value {
  display: none;
}
.load-icon {
  font-size: 1.5rem;
}
.load-diagram-example .notification-block {
}
.load-diagram-example.load-example-1 .load-example-1 .load-icon,
.load-diagram-example.load-example-2 .load-example-2 .load-icon {
  display: block;
}
table.grid--nested-in-tile {
  margin-top: 20px;
  width: 100%;
}
table.grid--nested-in-tile th,
table.grid--nested-in-tile td {
  padding: 5px 25px 5px 0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
table.grid--nested-in-tile td {
  font-weight: bold;
}
.show-item,
.show-item span,
.show-item button,
.show-item p,
.show-item table td,
.show-item table th {
  color: rgba(0, 0, 0, 0) !important;
  border-color: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
}
.hide-loader + .load-example-after {
  display: none !important;
}
.alpha-layout-col-2.alpha-app-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  height: calc(100vh - var(--app-header-height));
}
.app-header {
  background-color: #3c4981;
  overflow: hidden;
  border-bottom: 2px solid #fff;
  min-height: 61px;
}
.app-branding--block {
  width: 72px;
  float: left;
  height: 61px;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.app-branding--block img {
  width: 63%;
  margin: 17px 12px 0 12px;
}
.app-navigation--breadcrumbs {
  padding-bottom: 5px;
  padding: 5px 15px 0px 10px;
}
.app-navigation--breadcrumbs li {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  color: rgb(24, 110, 204);
  color: #b5d0ee;
}
.app-navigation--breadcrumbs li:before {
  font-family: "FontAwesome";
  content: "\f105";
  font-size: 20px;
  position: absolute;
  top: calc(50% - 12.5px);
  left: -2px;
  color: rgba(0, 0, 0, 0.7);
  color: rgba(255, 255, 255, 0.9);
}
.app-navigation--breadcrumbs a {
  padding: 5px;
  display: block;
  font-weight: bold;
  cursor: pointer;
  color: inherit;
  transition: all 0.15s ease-in-out;
  text-decoration: underline !important;
  font-size: 11px;
}
.app-navigation--breadcrumbs a:hover,
.app-navigation--breadcrumbs a:active {
  transform: scaleY(1.05);
  transform: scaleX(1.05);
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 4px;
}
.app-navigation--breadcrumbs li:first-child {
  padding-left: 0;
}
.app-navigation--breadcrumbs li:first-child:before {
  display: none;
}
.app-page--header {
  float: left;
  height: 61px;
}
.app-page--heading {
  padding: 0 15px 0 15px;
  display: flex;
}
.app-page--heading h1 {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 0;
  color: #fff;
  padding-top: 5px;
}
.context-info {
  color: #414141;
  color: #ffffff;
  border-radius: 4px;
  display: inline-block;
}
.data-bubble--status {
  background-color: rgb(231, 240, 249);
  padding: 2px 5px;
  border-radius: 4px;
  margin-right: 2px;
  display: inline !important;
  border: 1px solid #fff;
}
.context-info span {
  display: inline-block;
}
.app-details {
  float: right;
  height: 61px;
  display: flex;
}
.app-system-date {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
}
.app-system-date--label {
  font-size: 11px;
  padding-bottom: 3px;
  color: rgba(255, 255, 255, 0.6);
}
.app-notifications {
  display: flex;
  align-content: center;
  float: right;
  height: 61px;
  padding-right: 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.app-notifications--bell {
  align-self: center;
  font-size: 17px;
  flex: 1;
  padding: 5px;
  position: relative;
  float: left;
  min-width: 46px;
  height: 46px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  border-radius: 30px;
  transition: all 0.15s ease-in-out;
  pointer-events: none;
}
.app-notifications--results {
  width: 90%;
  margin: 0 auto;
  max-width: 600px;
}
.app-user--info {
  overflow: hidden;
  font-weight: bold;
  align-self: center;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.5);
  padding: 10px 5px;
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  border: 2px solid rgb(181, 208, 238);
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 10px;
  text-align: center;
  border-radius: 30px;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  transform: scale(1);
  color: rgb(181, 208, 238);
}
.app-user--info > i {
  font-size: 13px;
  margin-left: 3px;
  margin-right: 3px;
  top: 25px;
  right: 16px;
}
span.app-user--greeting {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 5px;
  font-style: italic;
  font-size: 11px;
}
.app-user--info:after {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f107";
  font-weight: bold;
  top: 25px;
  right: 16px;
}
.alpha-layout-main.show-example1 .status-active-notifications {
  line-height: 1;
  background-color: #f0ad4e;
  color: #fff;
  padding-right: 15px;
  padding-left: 12px;
  -webkit-animation: pulseInOut 0.4s linear forwards;
  animation: pulseInOut 0.4s linear forwards;
  font-size: 21px;
  pointer-events: all;
  cursor: pointer;
}
.alpha-layout-main.show-example1 .app-header {
  border-color: #f0ad4e;
}
.alpha-layout-main.show-example1 .status-active-notifications i {
  -webkit-animation: ring 6s 0.4s ease-in-out forwards;
  animation: ring 6s 0.4s ease-in-out forwards;
  -webkit-transform-origin: 50% 4px;
  transform-origin: 50% 4px;
}
.alpha-layout-main:not(.show-example1) .app-notifications-number {
  display: none;
}
.app-notifications-number {
  font-weight: bold;
}
.alpha-layout-main:not(.show-example-gs) .example-gs,
.alpha-layout-main:not(.show-example1) .example-ux-01,
.alpha-layout-main:not(.show-example2) .example-ux-02,
.alpha-layout-main:not(.show-example3) .example-ux-03 {
  display: none;
}
.alpha-layout-main:not(.show-hub-example1) .example-hub-01a {
  display: none;
}
.alpha-layout-main.show-hub-example1 .example-hub-01,
.alpha-layout-main.show-hub-example1 .example-ux-01 {
  display: none;
}
ul.step-container-list {
  height: calc(100vh - 110px);
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
ul.alpha-tile-container {
  display: block;
}
.alpha-tile {
  display: inline-block;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  position: relative;
  margin: 0 1rem 1rem 0;
  cursor: pointer;
}
.alpha-tile a {
  background-color: rgba(60, 73, 129, 0.1);
  color: #3c4981;
  border-left: 6px solid #3c4981;
  height: 6rem;
  padding: 1rem;
  padding-bottom: 2rem;
  display: block;
  width: 149px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
}
.alpha-tile {
  -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.2);
  border-color: rgba(60, 73, 129, 0);
  border-radius: 6px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.alpha-tile a {
  width: 160px;
  height: 95px;
}
.task-tiles .alpha-tile {
  margin-bottom: 35px;
}
.alpha-tile:hover {
  border-color: #186ecc;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.alpha-tile:hover a {
  border-color: #186ecc;
}
li.alpha-tile span {
  display: block;
}
span.tile-items {
  font-size: 0.8rem;
  font-weight: normal;
  position: absolute;
  bottom: 0.7rem;
  left: 1.5rem;
}
li.alpha-tile a:last-of-type:after {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  bottom: 0.2rem;
  right: 0.5rem;
  font-size: 1.5rem;
  color: #49A94F;
}
.auth-options.example-reject-save .action-group,
.auth-options.example-auth-save .action-group {
  display: none;
}
.auth-options .example-reject-save,
.auth-options .example-auth-save {
  display: none;
}
.auth-options.example-reject-save .example-reject-save {
  display: inline;
}
.auth-options.example-auth-save .example-auth-save {
  display: inline;
}
.table td div {
  vertical-align: middle;
  height: 100%;
}
.table td {
  height: 15px;
  padding: 3px;
  vertical-align: middle;
}
.hideElement {
  display: none !important;
}
.hideBorder {
  border: none !important;
}
.hideBeforeElement:before {
  display: none !important;
}
.hideAfterElement {
  display: none !important;
}
.heading-3 {
  font-weight: bold;
  color: #3c4981;
  margin-bottom: 10px;
  font-size: 14px;
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #ccc;
  width: 100%;
}
.dd-btn {
  min-width: 100% !important;
  max-width: 100% !important;
}
.data-diagram-actions {
  padding-left: 25px;
}
.data-diagram-actions button {
  position: relative;
  align-self: center;
  font-size: 12px;
  padding: 5px 12px;
  min-width: 3.5rem;
  height: 35px;
  background-color: rgb(92, 165, 224);
  color: rgba(255, 255, 255, 0.9);
  border: 0.2rem solid rgba(255, 255, 255, 0.4);
  display: inline-block;
  text-align: center;
  border-radius: 3rem;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
.tile-action {
  position: relative;
  font-size: 12px;
  padding: 7px 12px 0px;
  min-width: 3.5rem;
  height: 35px;
  background-color: rgb(92, 165, 224) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border: 0.2rem solid rgba(255, 255, 255, 0.4) !important;
  display: inline-block !important;
  border-radius: 3rem !important;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  width: 100%;
  text-align: center;
}
.tile-action > span {
  align-self: center !important;
}
button.important-btn {
  background-color: #5cb85c;
}
button.status--cancel {
  background-color: #d9534f;
}
.ux-link-actions {
  max-width: 715px;
  display: flex;
}
button.dd-btn--link-cm {
  width: 100%;
}
button.dd-btn--save-cm {
  flex: 1;
}
.data-diagram-actions button:hover {
  transform: scale(0.95);
}
button.dd-btn--search-clients {
  width: 162px;
  margin-right: 45px;
}
button.dd-btn--colection-ref {
  width: 278px;
  margin-right: 32px;
}
button.dd-btn--search-pols {
  width: 162px;
}
.example-cm:not(.toggle-unlock-items) button.disable-element,
.example-cm .disable-element-perm,
.example-cm:not(.toggle-unlock-items) .disable-element * :not(.indicator) :not(.fa) {
  transform: scale(1);
  border-color: #ccc !important;
  background-color: #eee !important;
  color: #5c5c5c !important;
  pointer-events: none;
}
.example-cm.toggle-unlock-items .tile-action {
  display: none !important;
}
.example-cm.toggle-unlock-items .selected-items .client-unit {
  background-color: #85b2e2 !important;
  border-color: #85b2e2 !important;
  color: #fff !important;
}
li.alpha-parent-item.unlinked-items > * {
  width: 278px;
}
li.alpha-parent-item.unlinked-items li,
li.alpha-parent-item.unlinked-items {
  border-color: #d4d4d4 !important;
  padding-top: 10px !important;
}
li.alpha-parent-item.unlinked-items li:before,
li.alpha-parent-item.unlinked-items:before {
  visibility: hidden;
}
li.alpha-parent-item.unlinked-items li,
li.alpha-parent-item.unlinked-items {
  background-color: #f9f9f9;
}
li.alpha-parent-item.unlinked-items {
  position: relative;
  left: -10px;
  bottom: -10px;
  padding-left: 5px;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
  border-radius: 0 0 0 0 !important;
  border-left: 4px solid #d4d4d4 !important;
}
.example-cm .no-linked-item {
  border-color: #d4d4d4 !important;
}
.example-cm .unlinked-ref,
.example-cm .unlinked-pol,
.example-cm .linked-ref-2,
.example-cm .linked-ref-3,
.example-cm .linked-pol-2,
.example-cm .unlinked-elements,
.example-cm .linked-client,
.example-cm .relinked-pol,
.example-cm .unlinked-ref-3 {
  display: none;
}
.example-cm button.dd-btn--save-cm,
.example-cm button.dd-btn--cancel-cm {
  display: none;
}
.example-cm.toggle-unlock-items button.dd-btn--link-cm {
  display: none;
}
.example-cm.toggle-unlock-items button.dd-btn--save-cm,
.example-cm.toggle-unlock-items button.dd-btn--cancel-cm {
  display: block;
}
.example-cm ul.alpha-linked-data-structure li button.selesssscted-item {
  background-color: #85b2e2;
  color: #fff;
  -webkit-transform: scale(1);
  outline: none;
  transform: scale(1);
}
.example-cm .data-tile.alpha-selected * {
  color: #fff !important;
}
.example-cm-step1.example-cm .unlinked-elements,
.example-cm-step1.example-cm .unlinked-ref,
.example-cm-step1.example-cm .linked-client {
  display: flex;
}
.example-cm-step2.example-cm .unlinked-ref-3 {
  display: flex;
}
.example-cm-step3.example-cm .linked-ref-2,
.example-cm-step3.example-cm .linked-pol-2,
.example-cm-step3.example-cm .linked-ref-3 {
  display: flex;
}
.example-cm-step3.example-cm .unlinked-elements,
.example-cm-step3.example-cm .linked-pol-1,
.example-cm-step3.example-cm .unlinked-ref-3 {
  display: none;
}
.example-cm-step3 .linked-collection:after {
  content: "2";
}
.example-cm-step3 .unlinked-collection:after {
  content: "0";
}
.auto-height {
  height: auto !important;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.text-weight-bold {
  font-weight: bold !important;
}
.secure-messaging-widget {
  padding: 10px 20px;
  height: calc(100% - 45px);
}
.secure-messaging-widget h2 {
  font-size: 15px;
  border-bottom: 1px dotted rgba(116, 152, 191, 0.3);
  padding-bottom: 10px;
}
.messages-widget--message-content {
  white-space: normal;
  border: 1px solid rgb(133, 178, 226);
  margin: 10px 20px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #333333;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
}
.messages-widget--message-content header {
  background-color: transparent;
}
.messages-widget--message-content section {
  font-size: 13px;
  padding: 15px;
  height: 200px;
  overflow: auto;
  background-color: white;
}
.messages-widget--message-content footer {
  font-size: 13px;
  padding: 10px;
  border: 0;
  background-color: #f9f9f9;
  border-top: 1px solid #eceaea;
}
.messages-widget--message-content footer button {
  margin: 0 auto;
  display: block;
  width: 50%;
}
.secure-messaging-widget [row] {
  transition: all 0.25s ease-in-out;
}
.messages-widget--message-content {
  transition: all 0.25s ease-in-out;
}
.secure-messaging-widget:not(.open-row-example) .messages-widget--message-content {
  transform: scaleX(0) scaleY(0);
}
.secure-messaging-widget [row="1"] {
  top: calc(25px * 1);
  background-color: #fff;
}
.secure-messaging-widget:not(.open-row-example) [row="1a"] {
  overflow: hidden;
  height: 0 !important;
  top: calc(25px * 2);
  border: 0;
}
.secure-messaging-widget:not(.open-row-example) [row="2"] {
  top: calc(25px * 2);
}
.secure-messaging-widget.open-row-example [row="1"] {
  background-color: #85b2e2;
  color: #ffffff;
  position: relative;
}
.secure-messaging-widget:not(.open-row-example) [row="1"]:before {
  bottom: -25px;
  color: transparent;
}
.secure-messaging-widget [row="1"]:before {
  font-family: "FontAwesome";
  content: "\f0d7";
  position: absolute;
  bottom: -26px;
  left: calc(50% - 16px);
  font-size: 35px;
  color: #85b2e2;
  z-index: 1;
  transition: all 0.15s ease-in-out;
}
.secure-messaging-widget.open-row-example [row="1a"] {
  top: calc(25px * 2);
  background-color: #e4e5eb;
  height: calc(25px * 11) !important;
}
.secure-messaging-widget.open-row-example [row="2"] {
  top: calc(25px * 13);
}
alpha-menu.widget-dock {
  position: relative;
  height: calc(100vh - var(--app-header-height)) !important;
}
nav.alpha-nav-app-explorer.widget-dock-contents {
  height: calc(100vh - var(--app-header-height));
}
.messages-widget--message-block {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #85b2e2;
  margin: 20px 0;
  border-radius: 3px;
  box-shadow: 0 3px 8px 0px rgba(0, 0, 0, .1);
}
.messages-widget--message-block footer {
  padding-top: 10px;
}
.message-widget--subject-block {
  font-weight: bold;
  width: 100%;
  border-bottom: 1px solid #aeaeae;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.chat-container {
  background-color: rgb(249, 249, 249);
}
.conversation-container {
  height: inherit;
  position: relative;
}
.chat {
  background-color: #cccccc;
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 10px;
  border-radius: 10px;
}
.chat .message {
  margin: 1rem 10rem 0 10px;
  min-height: 30px;
  height: auto;
  text-align: left;
  transition: all 0.30s ease-in-out;
  display: flex;
}
.chat .message:after {
  content: "";
  display: table;
  clear: both;
}
.chat .message.me {
  margin: 1rem 0 0 10rem;
}
.chat .message.me .message-container {
  order: 1;
  padding: 0 1rem 0 0;
}
.chat .message.me .message-container .message-body {
  float: right;
}
.chat .message.me .message-container:before {
  position: relative;
  float: right;
  content: "";
  margin: 0 -10px 0 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 10px 10px;
  border-color: transparent transparent transparent #636d9a;
}
.chat .message .message-user {
  display: block;
  margin: 0 5px 0 0;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  box-sizing: border-box;
  background-color: #ffffff;
  border: 2px solid rgb(60, 73, 129);
  color: rgb(60, 73, 129);
  font-size: 13px;
  font-weight: bold;
  padding-top: 6px;
  text-align: center;
}
.message.me .message-user {
  background-size: 72px;
  background-repeat: no-repeat;
  background-position: -14px -10px;
  border: 2px solid rgb(181, 208, 238);
  background-color: rgba(255, 255, 255, 0.1);
  color: rgb(181, 208, 238);
  margin: 0;
}
.chat .message .message-meta-data {
  display: flex;
  align-items: center;
  justify-items: flex-end;
  clear: both;
}
.chat .message.me .message-meta-data {
  justify-items: flex-end;
}
.chat .message .message-user-detail {
  order: 2;
  text-align: left;
  flex: 1;
}
.chat .message.me .message-user-detail {
  padding-right: 5px;
  order: 2;
  text-align: right;
}
.chat .message .message-user {
  order: 1;
}
.chat .message.me .message-user {
  order: 2;
}
.chat .message .message-container {
  display: block;
  flex: 1;
  order: 2;
  border-left: 4px solid #636d9a;
}
.chat .message.me .message-container {
  border-left: 0;
}
.chat .message .message-container .message-body {
  display: inline-block;
  margin: 0;
  width: auto;
  padding: 1rem;
  background: #fff;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.chat .message.me .message-container .message-body {
  display: inline-block;
  margin: 0;
  width: auto;
  padding: 1rem;
  background: #636d9a;
  color: #fff;
  border-radius: 10px 0 10px 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.chat .message.me.pending .message-container .message-body {
  background-color: #91939c;
}
.chat .message-meta-data {
  font-size: .7rem;
  margin: 1rem 0 0;
  text-align: right;
}
.chat .message .message-container .message-subject,
.chat .message .message-container .message-policy {
  font-size: .9rem;
  margin: 0 0 1rem;
}
.chat .message .message-container p {
  margin: 0;
  width: auto;
  word-wrap: break-word;
}
.chat .message .message-container:before {
  position: relative;
  float: left;
  content: "";
  margin: 0 0 0 -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 0;
  border-color: transparent #636d9a transparent transparent;
}
.chat .message.me.pending .message-container:before {
  border-color: transparent transparent transparent #91939c;
}
.compose-container {
  padding: 10px 0;
  height: 100%;
  width: 100%;
  background-color: rgb(236, 234, 234);
  z-index: 1;
  border-radius: 6px;
}
.compose-container {
  overflow: hidden;
  transition: all 0.25s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
}
.compose-msg .compose-container {
  overflow: visible;
  transition: all 0.30s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 1300px;
}
.compose-msg-btn {
  overflow: visible;
  transition: all 0.30s ease-in-out;
  transform: scaleY(0.9) scaleX(0.9);
}
.compose-msg .compose-msg-btn {
  background-color: #bdbdbd;
  pointer-events: none;
  display: none;
  outline: none;
}
.compose-container .compose-message-area {
  width: 100%;
  height: 5rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-top: 5px;
}
.compose-container-nested .compose-message-area {
  width: 100%;
  height: 5rem;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #636d9a;
  background-color: rgb(255, 255, 255);
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  margin-top: 5px;
}
.compose-container .compose-message-subject,
.compose-container-nested .compose-message-subject {
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #636d9a;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.chat .message-actions {
  margin-top: 10px;
}
.chat .message-reply-action {
  color: #5da4e0;
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-size: .9rem;
  transition: all 0.15s ease-in-out;
  transform: scale(0.9);
}
.message-date-break {
  text-align: center;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
  background-color: #ffffff40;
  padding: 5px;
  width: 100%;
  line-height: 1;
  margin-top: 10px;
  font-size: 10px;
  clear: both;
}
.message-date-break:before {
  content: "";
  display: block;
  width: 100%;
}
.chat .message.compose-msg.reply-msg,
.chat .message.compose-msg.reply-msg + .message,
.chat .message.approval-msg,
.chat .message.approval-msg + .message {
  width: calc(50% - 10px);
  clear: none;
  margin-right: 0;
  display: block;
  margin-bottom: 10px;
}
.chat .message.compose-msg.reply-msg,
.chat .message.approval-msg {
  float: right;
  margin-left: 0px;
  position: relative;
  z-index: 1;
}
.chat .message.compose-msg.reply-msg:before,
.chat .message.approval-msg:before {
  font-family: "FontAwesome";
  content: "\f112";
  position: absolute;
  top: 10px;
  left: -31.1px;
  font-size: 34.2px;
  color: #616b97;
  transform: rotate(-3deg);
}
.chat .message.approval-msg:before {
  color: #91939c;
}
.chat .message.compose-msg.reply-msg + .message {
  float: left;
}
.chat .message.compose-msg,
.chat .message.compose-msg + .message,
.chat .message.me.compose-msg.new-msg,
.chat .message.reply-msg,
.chat .message.approval-msg {
  transition:
    min-height 0.30s ease-in-out,
    max-height 0.30s ease-in-out,
    max-width 0.30s ease-in-out;
}
.chat .message.hide-ui-element {
  min-height: 0;
  max-height: 0;
  max-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.chat .message.compose-msg .message-container {
  border: 0;
}
.chat .message.compose-msg .message-container .message-meta-data {
  background-color: #616b97;
  color: #fff;
  margin: 10px -13px -15px;
  padding: 5px 13px;
  border-radius: 0 0 8px 8px;
}
.chat .message.compose-msg .message-container .message-body {
  background-color: #eceaea;
  border-radius: 10px 10px 10px 10px;
  border: 3px solid #616b97;
  width: 100%;
  color: #636d9a;
}
.chat .message.compose-msg .compose-container {
  background-color: transparent;
}
.chat .message.compose-msg .message-container:before,
.chat .message.compose-msg .message-container:after {
  display: none;
}
.chat .message.compose-msg .compose-message-actions {
  text-align: center;
}
.chat .message.compose-msg .compose-message-actions button {
  width: 100%;
}
.chat .message.approval-msg .message-container .message-body {
  background-color: #91939c;
  border: 0;
  color: #fff;
}
ul.alpha-linked-data-structure li .dual-action-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  max-width: 140px;
  min-width: 140px;
  flex-shrink: 0;
  margin: 0 0 1rem 0;
}
.dual-action-tile button.primary-action,
.dual-action-tile button.secondary-action {
  margin: 0;
  border: 0;
  max-width: 100%;
  min-width: 100%;
  border: 3px solid #85b2e2;
  box-shadow: none;
}
.dual-action-tile button.primary-action {
  border-radius: 6px 6px 0 0;
  border-bottom-width: 1.5px;
}
.dual-action-tile button.secondary-action {
  border-radius: 0 0 6px 6px;
  border-top-width: 1.5px;
}
span.duplicate-count {
  font-weight: bold;
}
.alpha-address-info {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  left: -0.7rem;
  bottom: -0.7rem;
  width: calc(100% + 3.8rem);
  max-width: 137px;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(235, 235, 235, 0.65)), to(rgba(235, 235, 235, 0)));
  background:
    linear-gradient(
      to bottom,
      rgba(235, 235, 235, 0.65) 0%,
      rgba(235, 235, 235, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ebebeb", endColorstr="#00ebebeb", GradientType=0);
}
.alpha-address-details {
  font-size: 0.74rem;
  text-overflow: ellipsis;
  font-weight: normal;
  line-height: 1.2;
  display: block;
  letter-spacing: 0.02rem;
  padding: 7px 0.7rem 10px;
  overflow: hidden;
}
.alpha-address-status {
  font-size: 0.9rem;
  color: #49A94F;
  display: block;
  position: relative;
  bottom: 100%;
  font-weight: normal;
  font-size: 0.8rem;
  letter-spacing: 0.02rem;
  background-color: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.3rem 0.7rem;
}
.alpha-address-status:before {
  font-family: FontAwesome;
  content: "\f015";
  font-size: 1rem;
  font-weight: normal;
  line-height: 0.95;
  font-style: normal;
  float: left;
  color: #444;
  margin-right: 0.1rem;
}
.alpha-address-info.gone-away .alpha-address-details {
  color: #d9534f;
}
.alpha-address-info.gone-away .alpha-address-status:after,
.alpha-address-item.gone-away .alpha-address-status:after {
  font-family: FontAwesome;
  content: "\f00d";
  color: #d9534f;
  font-size: 1rem;
  float: left;
  position: relative;
  top: -3px;
  margin-right: 0.2rem;
}
.alpha-address-item.gone-away .alpha-address-status:after {
  top: -1.5px;
}
.alpha-address-info.gone-away .alpha-address-status,
.alpha-address-item.gone-away .alpha-address-status {
  color: #d9534f;
}
.alpha-address-info .alpha-address-status:after,
.alpha-address-item .alpha-address-status:after {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 1rem;
  float: left;
  position: relative;
  top: -2.5px;
  margin-right: 0.1rem;
}
.alpha-selected .alpha-address-info {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}
.alpha-selected .alpha-address-status {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.alpha-selected .alpha-address-preview {
  border-top-color: rgba(255, 255, 255, 0.5);
}
.alpha-ui-pair-container {
  display: flex;
}
.alpha-training-container {
  display: flex;
  flex-wrap: wrap;
  display: none;
}
.training-section.alpha-toolbar .alpha-training-container,
.training-section.alpha-generic-toolbar .alpha-training-container {
  flex: 1;
}
.alpha-ui-pair-item.selected {
  display: flex;
}
.training-header {
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 6px;
  padding: 20px;
  margin-right: 20px;
}
.alpha-training-item {
  background-color: #ffffff;
  border: 1px solid #3c4981;
  border-radius: 3px;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 300px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 20px;
}
.alpha-training-item.before {
  width: calc(30% - 20px);
}
.alpha-training-item.before h2 {
  margin-bottom: 10px;
}
.alpha-training-item p {
  padding-left: 50px;
  margin-bottom: 20px;
}
.alpha-training-item img {
  margin-left: 50px;
}
.alpha-training-item.after {
  width: calc(60% - 161px);
}
.show-when-selected {
  display: none;
}
.show-when-selected.selected {
  display: block;
}
.landing-selection {
  display: flex;
  flex-wrap: wrap;
}
.landing-selection:after {
  content: "";
  display: block;
  clear: both;
}
.alpha-landing-tile {
  background-color: #ffffff;
  padding: 0;
  border-radius: 3px;
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 300px;
  height: 150px;
  margin-bottom: 20px;
  display: flex;
  margin-right: 20px;
  align-items: center;
  justify-content: center;
  white-space: normal;
  position: relative;
  z-index: 1;
  background-color: rgb(255, 255, 255);
  color: #5cb85c;
  margin: 5px 5px 10px 5px;
  border-radius: 6px;
  width: 160px;
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  text-align: left;
  overflow: hidden;
  cursor: default;
  border: 1px solid #3c4981;
  border-left: 8px solid #3c4981;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  cursor: pointer;
}
.alpha-landing-tile:hover {
  transform: scale(0.95);
  background-color: #e1eaf1;
}
button.new-selection {
  padding: 0;
  height: 30px;
  line-height: 1.2;
  background-color: transparent;
  color: #5da4e0;
}
section.training-section {
  display: none;
}
.show-landing-alpha-toolbar section.training-section.alpha-toolbar,
.show-landing-policy-tree-menu section.training-section.policy-tree-menu,
.show-landing-alpha-generic-toolbar section.training-section.alpha-generic-toolbar {
  display: block;
}
.new-selection {
  display: none;
}
.show-landing-alpha-toolbar button.new-selection.alpha-toolbar,
.show-landing-policy-tree-menu button.new-selection.policy-tree-menu,
.show-landing-alpha-generic-toolbar button.new-selection.alpha-generic-toolbar {
  display: block;
}
[class*=show-landing-] .alpha-landing-tile,
[class*=show-landing] .landing-welcome {
  display: none;
}
.tile-content-title {
  padding: 10px 20px;
  width: 100%;
}
.tile-content-title h2 {
  border-bottom: 1px solid #3c4981;
  padding-bottom: 10px;
  padding-top: 10px;
}
.tile-content-title h2 span {
  width: 100%;
  display: block;
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 5px;
  color: #333;
}
.tile-content-title p {
  width: 60%;
  font-weight: bold;
}
.tr-icon {
  background-image: url(/assets/Images/old-alpha-icons.png);
  width: 33px;
  height: 31px;
  background-repeat: no-repeat;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
.tr-icon-selected {
  background-image: url(/assets/Images/old-alpha-icons.png);
  width: 40px;
  height: 40px;
  background-color: #ece9d8;
  border: 6px solid rgb(236, 233, 216);
  padding: 6px;
  border-radius: 6px;
  display: inline-block;
  margin-bottom: -12px;
  margin-right: 10px;
}
[icon=Exit] {
  background-position-x: -15px;
  background-position-y: -6px;
}
[icon=Refresh] {
  background-position-x: -49px;
  background-position-y: -6px;
}
[icon="Client Identification"] {
  background-position-x: -95px;
  background-position-y: -52px;
}
[icon="Unallocated Payment Search"] {
  background-position-x: -142px;
  background-position-y: -52px;
}
[icon="Collect Method Search"] {
  background-position-x: -97px;
  background-position-y: -7px;
}
[icon="Bank Search"] {
  background-position-x: -131px;
  background-position-y: -7px;
}
[icon="Other Search"] {
  background-position-x: -259px;
  background-position-y: -52px;
}
[icon="My Work"] {
  background-position-x: -178px;
  background-position-y: -6px;
}
[icon=WorkList] {
  background-position-x: -215px;
  background-position-y: -6px;
}
[icon="Group Summary"] {
  background-position-x: -388px;
  background-position-y: -51px;
}
[icon="Scheme Summary"] {
  background-position-x: -423px;
  background-position-y: -51px;
}
[icon="Policy Summary"] {
  background-position-x: -459px;
  background-position-y: -52px;
}
[icon="Agent Details"] {
  background-position-x: -448px;
  background-position-y: -8px;
}
[icon="Print View"] {
  background-position-x: -542px;
  background-position-y: -51px;
}
[icon="Record Phone Message"] {
  background-position-x: -588px;
  background-position-y: -52px;
}
[icon="Record Post Received"] {
  background-position-x: -622px;
  background-position-y: -51px;
}
[icon="W & CM Enquiry"] {
  background-position-x: -659px;
  background-position-y: -52px;
}
[icon="Quick Letters"] {
  background-position-x: -695px;
  background-position-y: -51px;
}
[icon="Switch To"] {
  background-position-x: -730px;
  background-position-y: -52px;
}
[icon="Pension Review Details"] {
  background-position-x: -776px;
  background-position-y: -50px;
}
[icon="Group Level/Client Level"] {
  background-position-x: -343px;
  background-position-y: -7px;
}
[icon=Illustrations] {
  background-position-x: -756px;
  background-position-y: -7px;
}
[icon="Gone Away Disbursements"] {
  background-position-x: -720px;
  background-position-y: -7px;
}
[icon="Enquiries Received"] {
  background-position-x: -485px;
  background-position-y: -7px;
}
[icon="Policy Details"] {
  background-position-x: -415px;
  background-position-y: -7px;
}
.alpha-generic-toolbar .tr-icon,
.alpha-generic-toolbar .tr-icon-selected {
  background-image: url(/assets/Images/old-alpha-icons--generic-toolbar.png);
}
.alpha-generic-toolbar [icon="Fund Prices"] {
  background-position-x: -5px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Bonus Rates"] {
  background-position-x: -44px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Telephone List"] {
  background-position-x: -81px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Documents and Images"] {
  background-position-x: -134px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Allocate Work To Individuals"] {
  background-position-x: -184px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Maintain Work"] {
  background-position-x: -223px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="View Statistics"] {
  background-position-x: -261px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Reprint Headers"] {
  background-position-x: -300px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Ad-hoc Microfiche Request/Return"] {
  background-position-x: -349px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Security Authorisation"] {
  background-position-x: -402px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon="Product Details Enquiry"] {
  background-position-x: -453px;
  background-position-y: -5px;
}
.alpha-generic-toolbar [icon=Help] {
  background-position-x: -491px;
  background-position-y: -5px;
}
.tr-icon:hover {
  transform: scale(1.1);
  border: 1px solid blue !important;
}
.tr-icon:hover:before {
  content: attr(icon);
  background-color: #222;
  white-space: nowrap;
  position: absolute;
  display: flex;
  top: 100%;
  left: 0;
  color: #fff;
  padding: 5px 10px;
}
.alpha-training-toolbar {
  background-color: #ece9d8;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 10px;
  flex-grow: 1;
  margin-right: 20px;
  display: flex;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 10px;
}
section.landing-welcome h2 {
  font-size: 23px;
  font-weight: normal;
  padding: 10px;
  font-weight: bold;
}
.toolbar-icons .tr-icon {
  display: inline-block;
  border: 1px solid #999eb0;
  border-radius: 3px;
  box-shadow: 0 0 1px 1px #f9f9f9;
  position: relative;
}
.toolbar-icons .tr-icon.selected {
  outline: 6px solid rgba(92, 184, 92, 0.8);
  z-index: 1;
}
.reassure-watermark {
  background-image: url(/assets/Images/reassure-wm.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #e3e7ed;
  background-size: contain;
}
.reassure-now {
  background-image: url(/assets/Images/ReAssurNow_Logo_White-01.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 75px;
  height: 16px;
  border-radius: 90px;
  background-color: #3c4981;
  margin-left: 2px;
  border: 1px solid #3c4981;
  margin-bottom: -4px;
}
.policy-unit .reassure-now,
.client-unit .reassure-now {
  background-image: url(/assets/Images/ReAssurNow_Logo_Blue.png);
  background-color: transparent;
  background-size: cover;
  background-position-y: -4px;
  background-position-x: -2px;
  border: none;
  margin-top: 3px;
}
.policy-unit.alpha-selected .reassure-now,
.client-unit.alpha-selected .reassure-now {
  background-image: url(/assets/Images/ReAssurNow_Logo_White-01.png);
  background-size: contain;
  background-position-y: 0;
  background-position-x: 0;
}
button .reassure-now {
  background-position-x: -43px !important;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: -30px;
  background-size: 65px !important;
}
button.active.client-unit.compact {
  padding-top: 20px;
}
.training-diagram-view {
  display: flex;
  flex-direction: column;
}
.training-diagram-view .col-2 {
  padding: 30px 15px;
}
.policy-tree-menu .alpha-training-item p {
  padding-left: 0;
}
.policy-tree-menu .alpha-training-item.before {
  height: 500px;
  overflow-y: auto;
}
.policy-tree-menu .alpha-training-item.after {
  position: relative;
}
.policy-tree-menu .alpha-training-item.after {
  background-color: #eeeff1;
}
.policy-tree-menu .alpha-training-item.after:before {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  content: "Select an item from the menu to view details.";
  line-height: 1;
  justify-content: center;
  font-size: 24px;
  padding: 20px;
  width: 100%;
  height: 100%;
  color: #3c4981;
}
.policy-tree-menu .alpha-ui-pair-item {
  background-color: #fff;
  margin: -20px;
  padding: 20px;
  min-height: 500px;
  position: relative;
  z-index: 1;
}
ul.policy-tree-menu-example {
  border-left: 1px dotted rgb(173, 173, 173);
  padding-left: 10px;
}
button.ptm-menu-item-btn {
  background-color: #ffffff;
  color: #222;
  font-weight: normal;
  padding: 0;
  position: relative;
  z-index: 1;
}
button.ptm-menu-item-btn.selected {
  outline: 6px solid rgba(92, 184, 92, 0.8);
  position: relative;
  z-index: 2;
}
button.ptm-menu-item-btn:hover {
  background-color: rgb(231, 231, 226);
}
li.logicial-group > ul {
  border-left: 1px dotted rgb(173, 173, 173);
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
  top: -10px;
}
li.logicial-group ul > li {
}
li.logicial-group ul > li button.ptm-menu-item-btn {
  position: relative;
  top: 10px;
}
li.logicial-group ul > li.mc button.ptm-menu-item-btn {
  margin-left: 25px;
}
li.logicial-group ul > li.mc button.ptm-menu-item-btn span.description:before {
  content: "or";
  font-style: italic;
  position: absolute;
  left: -20px;
  color: #938d8d;
}
li.logicial-group ul > li button.ptm-menu-item-btn:first-child {
  margin-left: 0;
}
li.logicial-group ul > li button.ptm-menu-item-btn:first-child span.description:before {
  content: "";
  height: 1px;
  position: absolute;
  left: -11px;
  top: 7px;
  width: 10px;
  border-bottom: 1px dotted rgb(173, 173, 173);
}
li.logicial-group {
  position: relative;
  top: -10px;
}
li.logicial-group:before {
  font-family: "FontAwesome";
  content: "\f147";
  position: absolute;
  left: -15px;
  top: 2px;
  z-index: 2;
  color: rgb(173, 173, 173);
}
li.logicial-group:after {
  font-family: "FontAwesome";
  content: "\f0c8";
  color: #fff;
  position: absolute;
  left: -15px;
  top: 2px;
  z-index: 1;
}
li.logicial-group > button.ptm-menu-item-btn span.description {
}
li.logicial-group > button.ptm-menu-item-btn span.description:before {
  content: "";
  height: 1px;
  position: absolute;
  left: -11px;
  top: 7px;
  width: 10px;
  border-bottom: 1px dotted rgb(173, 173, 173);
}
.update-number {
  color: #3c4981;
  background-color: #eeeeee;
  display: inline-block;
  padding: 5px 10px 4px 10px;
  min-width: 60px;
  text-align: center;
  line-height: 1.2;
  border-radius: 90px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.7);
  margin-right: 0;
  margin-left: 5px;
  font-weight: bold;
}
.alpha-address-item.card-item.active .card-detail-value,
.alpha-address-item.card-item.active .card-detail-label {
  color: #222;
}
.rag-status-capsule {
  border: 2px solid rgba(255, 255, 255, 0.6);
  color: #dee0e8;
  background-color: #fff;
  background-color: #333333;
  opacity: 0.9;
  width: 28px;
  text-align: center;
  display: block;
  position: absolute;
  z-index: 1;
  top: 1px;
  right: 1px;
  font-size: 0.8rem;
  border-radius: 56px;
  padding: 0.3rem 0 0.4rem;
  line-height: 1;
  transform: scale(0.9);
}
.rag-status-red .rag-status-capsule,
.rag-status-red.update-number {
  background-color: #d9534f;
  color: #fff;
}
.rag-status-amber .rag-status-capsule,
.rag-status-amber.update-number {
  background-color: #ea930f;
  color: #fff;
}
.rag-status-green .rag-status-capsule,
.rag-status-green.update-number {
  background-color: #49a94f;
  color: #fff;
}
.alpha-address-item.card-item.rag-status-red {
  border: 3px solid #d9534f;
}
.alpha-address-item.card-item.rag-status-amber {
  border: 3px solid #ea930f;
}
.alpha-address-item.card-item.rag-status-green {
  border: 3px solid #49a94f;
}
.presentation-content {
  background-color: rgba(244, 244, 244, 0.5);
  border-top: 1px solid rgb(222, 224, 232);
}
.filters-sort-container {
  margin-top: .8rem;
}
.filter-sort-options-container {
  clear: both;
  transition: all 0.2s ease-in-out;
  transform: scaleY(1) scaleX(1);
  background-color: #fff;
  border: 3px solid #eee;
  border-radius: 6px;
  padding: 1.5rem 0 1rem;
  margin-top: .3rem;
  margin-bottom: 1rem;
  display: block;
}
.filter-sort-options-message {
  display: inline-block;
}
.filter-sort-options-btn {
  margin-left: -5px;
}
.options-content {
  border-right: 1px dashed rgba(60, 73, 129, 0.3);
  margin-bottom: 1rem;
  padding: 0 2rem;
}
.options-content .form-check {
  margin-bottom: .5rem;
  margin-top: .5rem;
}
.options-content .form-check .form-check-label {
  padding-left: 1.5rem;
}
.options-content .form-check .form-check-input {
  margin-left: 0;
}
.flex-grid-thirds .options-content:first-child .flex-grid-thirds .options-content:last-child {
  border-right: none;
}
.elm-to-hide {
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  transform: scaleY(0) scaleX(0);
  height: 0;
  margin: 0;
  padding: 0;
}
.flex-grid-thirds {
  display: flex;
  justify-content: flex-start;
}
.with-filters-sort-options {
  padding-top: 0;
  padding-left: 0;
}
.scheme-icon,
.premium-paying-icon {
  margin-right: 5px;
}
.card-table {
  height: 500px;
  border: 1px solid #ccc;
  overflow-y: scroll;
  padding: 5px;
}
.card-row {
  border: 1px solid #ccc;
  position: relative;
  border-radius: 6px;
  margin-bottom: 10px;
  display: inline-block;
}
.card-row.rag-status-red {
  border-left: 10px solid #d9534f;
}
.card-row.rag-status-amber {
  border-left: 10px solid #ea930f;
}
.card-row.rag-status-green {
  border-left: 10px solid #49a94f;
}
.card-row .rag-status-capsule {
  right: 0;
  top: 8px;
  width: auto;
  padding: 5px 15px;
}
.card-row .card-detail-block {
  float: left;
  width: 33%;
  padding: 5px 10px;
}
.card-row .card-detail-block.action-block {
  width: 100%;
}
.card-row .card-detail-block.action-block button {
  width: 100%;
}
.card-row .card-detail-block.card-header-block {
  width: 100%;
  padding-right: 80px;
}
.card-row button.card-table--view-item,
.card-row button.card-table--view-item:hover {
  background-color: transparent;
  padding: 0;
  color: #1b85df;
  text-decoration: underline;
  transition: all 0.15s ease-in-out;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.card-row button.card-table--view-item:active,
.card-row button.card-table--view-item:hover {
  transform: scaleY(1.05);
  transform: scaleX(1.05);
  background-color: rgba(93, 164, 224, 0.2);
}
.card-row .tooltip--checkbox-trigger {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
}
.card-row .tooltip--checkbox-trigger .card-detail-block {
  width: 80%;
}
.card-row .tooltip--checkbox-trigger input[type=checkbox]:checked + .tooltip--truncated-text-group-wrap {
  top: 1.5rem;
  right: initial;
  bottom: initial;
  left: -95px;
}
.card-row button.card-table--view-item i {
  font-size: 15px;
}
.card-row .indicator.warning {
  color: #fff;
  background-color: #f0ad4e;
  border: 2px solid rgba(255, 255, 255, 0.5);
  min-width: 20px;
  padding: 0 4px;
  width: auto;
  overflow: hidden;
  float: left;
  margin-left: 5px;
  margin-right: 0;
  border-radius: 50px;
  padding: 2px 9px;
  height: auto;
}
.card-row .notes-indicator {
  color: #74767f;
  background-color: #d8d8d8;
  border: 2px solid rgba(167, 167, 170, 0);
  min-width: 20px;
  padding: 0 4px;
  width: auto;
  overflow: hidden;
  float: left;
  margin-left: 5px;
  border-radius: 50px;
  padding: 2px 9px;
  height: auto;
}
ul.alpha-tile-container {
  display: block;
}
.alpha-tile {
  display: inline-block;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  position: relative;
  margin: 0 1rem 1rem 0;
  cursor: pointer;
}
.multi-action-tile {
  overflow: visible;
  display: inline-block;
  -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  position: relative;
  margin: 0 1rem 1rem 0;
  cursor: pointer;
}
.alpha-tile a,
.multi-action-tile a {
  background-color: rgba(60, 73, 129, 0.1);
  color: #3c4981;
  border-left: 6px solid #3c4981;
  height: 6rem;
  padding: 1rem;
  padding-bottom: 2rem;
  display: block;
  width: 149px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2;
}
.alpha-tile .action-container,
.multi-action-tile .action-container {
  background-color: rgba(60, 73, 129, 0);
  color: #3c4981;
  display: block;
  line-height: 1.2;
}
.multi-action-tile .action-container > [class^=action] {
  background-color: #fff;
  text-align: left;
  padding: 0.6rem 1rem;
  display: block;
  width: 149px;
  font-weight: normal;
  line-height: 1.2;
  border-top-width: 0;
  border-radius: 0;
  border-left: 6px solid #3c4981;
}
.multi-action-tile .action-container > [class^=action] > span {
  display: block;
}
.multi-action-tile .action-container > [class^=action]:first-child {
  border-radius: 6px 6px 0px 0px;
  border-bottom-width: 0.1rem;
  border-top-width: 0.1rem;
}
.multi-action-tile .action-container > [class^=action]:last-child {
  border-radius: 0 0 6px 6px;
  border-bottom-width: 0.1rem;
}
.multi-action-tile .action-container > button[class^=action]:focus {
  outline: 6px solid #f6c754;
}
.action-data {
  display: block;
  font-weight: normal;
  font-size: 12px;
  margin-top: 2px;
}
.tile--spacer {
  padding-bottom: 10px;
}
.tile--data-strong {
  font-weight: bold;
}
.tile--data-heading {
  font-size: 11px;
}
.tile--address-details {
  padding: 0;
  margin-left: -20px;
  position: relative;
  width: inherit;
  position: relative;
  margin-bottom: -0.6rem;
}
.tile--address-details:before {
  font-family: "FontAwesome";
  content: "\f015";
  border-right: 2px solid #3c49811a;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 20px;
  background-color: rgba(218, 218, 218, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.tile--address-details span[class^=tile--data] {
  display: block;
  padding-left: 25px;
  background-color: rgba(218, 218, 218, 0.1);
  width: calc(100% - 8px);
  margin-left: 8px;
  font-size: 12px;
}
.tile--address-details [class^=tile--data]:first-child {
  padding-top: 10px;
  padding-left: 10px;
}
.tile--address-details [class^=tile--data]:last-child {
  padding-bottom: 10px;
}
.tile--address-status {
  color: #49a94f;
}
.tile--address-details.gone-away .tile--address-status {
  color: #d9534f;
}
.action-data + .action-data {
  margin-top: 10px;
}
.action-data label {
  display: block;
  font-size: 12px;
  cursor: pointer;
}
.action-text--large {
  font-size: 15px;
}
.action-data label.value {
  display: block;
  font-weight: bold;
}
.multi-action-tile .action-container .action--primary {
  padding: 1rem;
  font-weight: bold;
  font-size: 13px;
  background-color: rgba(235, 236, 242, 0);
}
.multi-action-tile .action-container > [class^=action]:hover {
  background-color: rgb(223, 231, 239);
  border-left-color: rgb(69, 146, 230);
}
.multi-action-tile .action-container > [class^=action]:hover > * {
}
.alpha-tile,
.multi-action-tile {
  -webkit-box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.2);
  border-color: rgba(60, 73, 129, 0.4);
  border-radius: 6px;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}
ul.alpha-linked-data-structure li .multi-action-tile button {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 0.7rem;
  box-shadow: none;
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  max-width: 145px;
  min-width: 145px;
  flex-shrink: 0;
  margin: 0;
}
ul.alpha-linked-data-structure li .multi-action-tile button:hover {
  transform: scale(1);
  background-color: rgb(223, 231, 239);
}
.alpha-tile a {
  width: 160px;
  height: 95px;
}
.task-tiles .alpha-tile {
  margin-bottom: 35px;
}
.alpha-tile:hover,
.multi-action-tile:hover {
  border-color: #186ecc;
  transform: scale(0.95);
}
.alpha-tile:hover a {
  border-color: #186ecc;
}
.multi-action-tile.selected:hover {
  border-color: #186ecc;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.multi-action-tile .action-container button[class^=action].selected:hover,
.multi-action-tile .action-container button[class^=action].selected {
  background-color: #85b2e2;
  color: #fff;
  pointer-events: none;
  border-left-color: rgb(69, 146, 230);
}
li.alpha-tile span {
  display: block;
}
span.tile-items {
  font-size: 0.8rem;
  font-weight: normal;
  position: absolute;
  bottom: 0.7rem;
  left: 1.5rem;
}
li.alpha-tile a:last-of-type:after {
  font-family: FontAwesome;
  content: "\f0a9";
  position: absolute;
  bottom: 0.2rem;
  right: 0.5rem;
  font-size: 1.5rem;
  color: #49A94F;
}
ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-med button {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
.auth-options.example-reject-save .action-group,
.auth-options.example-auth-save .action-group {
  display: none;
}
.auth-options .example-reject-save,
.auth-options .example-auth-save {
  display: none;
}
.auth-options.example-reject-save .example-reject-save {
  display: inline;
}
.auth-options.example-auth-save .example-auth-save {
  display: inline;
}
[helper-tooltip]:hover {
  z-index: 1;
}
[helper-tooltip]:before {
  content: "";
  position: absolute;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.1s;
  opacity: 0;
}
[helper-tooltip]:hover:before {
  content: attr(helper-tooltip);
  background-color: #222;
  white-space: nowrap;
  position: absolute;
  display: flex;
  top: calc(100% + 10px);
  left: 0;
  color: #fff;
  padding: 5px 10px;
  z-index: 999;
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.3s;
}
.alpha-tile-arrow:before {
  font-family: FontAwesome;
  content: "\f178";
  font-size: 24px;
  font-size: 1.5rem;
  position: relative;
  left: -0.2rem;
  top: 5px;
  margin-right: 6px;
  color: #85b2e2;
}
.multi-action-tile.ui-disabled,
.multi-action-tile .action-container button.ui-disabled,
.multi-action-tile .action-container button.ui-disabled:hover {
  background-color: #efefef;
  border-color: #cccccc !important;
  color: #555;
  cursor: default;
  pointer-events: none;
}
[helper-tooltip]:hover {
  z-index: 1;
}
[helper-tooltip]:before {
  content: "";
  position: absolute;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.1s;
  opacity: 0;
}
[helper-tooltip]:hover:before {
  content: attr(helper-tooltip);
  background-color: #222;
  white-space: nowrap;
  position: absolute;
  display: flex;
  top: calc(0);
  left: 0;
  color: #fff;
  padding: 5px 10px;
  z-index: 999;
  opacity: 1;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.3s;
}
.ui-constrain--email {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 40px);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.multi-item-structure.scroll-child-items {
  overflow-x: hidden;
}
.material-live-filter-demo-container {
  border-bottom: 2px solid #3e52b3;
  margin: 0 0 15px;
  padding: 0;
  min-height: 55px;
}
.material-live-filter-demo-container .label {
  font-size: 12px;
  color: #3e52b3;
}
.md-chip {
  display: inline-block;
  background:
    linear-gradient(
      to right,
      #f1da36 0%,
      #fefcea 120%);
  padding: 0 12px;
  border-radius: 28px;
  font-size: 13px;
  margin-top: 5px;
  margin-right: 5px;
}
.md-chip,
.md-chip-icon {
  height: 28px;
  line-height: 28px;
}
.md-chip-remove {
  display: inline-block;
  border: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 0;
  margin: 0 -4px 0 4px;
  cursor: pointer;
  font: inherit;
  line-height: 20px;
  background: transparent;
}
.md-chip-remove:after {
  color: #f14a4a;
  font-family: "FontAwesome";
  content: "\f00d";
  font-weight: bold;
}
.md-chip-remove:hover {
  background: #f14a4a;
}
.md-chip-remove:hover:after {
  color: #fff;
}
.md-chip-remove:active {
  background: #777;
}
.material-live-filter-input,
.material-live-filter-input:hover {
  border: none;
  width: 100%;
  height: 25px;
  background: transparent;
  font-size: 13px;
  padding: 1.5rem .8rem;
  box-shadow: none;
  outline: none;
}
.ui-data-diagram--filter-label {
  padding: 10px 5px;
  margin-top: 0px;
  display: block;
  font-weight: bold;
  color: #504f4f;
}
.tile--has-data-count .tile--data-count,
.data-group-container .data-group-count {
  background-color: #eee;
  color: #3c4981;
  font-weight: bold;
  min-width: 25px;
  max-width: 33px;
  align-items: center;
  justify-content: center;
  margin-left: 0px;
  padding: 3px 4px;
  margin-top: -3px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin-bottom: -3px;
  position: relative;
  right: -8px;
  text-align: center;
  display: inline-block !important;
}
.data-group-container .data-group-count {
  right: 0;
  margin-right: 5px;
}
.indicator.warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 2px;
  border-radius: 100px;
  min-width: 45px;
  padding: 4px 10px 3px 5px;
  width: auto;
  font-weight: bold;
  height: auto;
}
.content--flex-eq-tile-grid {
  display: flex;
  flex-wrap: wrap;
}
.content--flex-eq-tile-grid .action-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.content--flex-eq-tile-grid .action-container button {
  flex-grow: 1;
}
.content--flex-eq-tile-grid .action-container button:not(:first-child),
.content--flex-eq-tile-grid .action-container button:not(:first-child) > * {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.content--flex-eq-tile-grid .action-container button:not(:first-child) {
  min-height: 35px;
  max-height: 35px;
}
.multi-action-tile .action-container > button.alpha-selected:hover,
.multi-action-tile .action-container > button.alpha-selected,
.multi-action-tile .action-container > button.alpha-selected .tile--address-status {
  background-color: #85b2e2;
  color: #fff;
}
alpha-group-summary {
  background-color: #e3e7ed;
  height: 100%;
}
.multi-action-tile .action-container .tile--has-data-count {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
.extended-details-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 0.1rem solid #85b2e2;
  border: 0.1rem solid #85b2e2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  background-color: #efefef;
  border-color: #cccccc;
  flex-shrink: 0;
  margin: 1rem 0;
}
.extended-details-tile input {
  white-space: normal;
  -webkit-appearance: textarea;
  border: 1px solid red !important;
}
button.ui-btn--link,
ul.alpha-linked-data-structure button.ui-btn--link {
  background-color: transparent;
  padding: 0;
  color: #1b85df;
  text-decoration: underline;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  float: none;
  margin-top: -2px;
  margin-bottom: 0;
  margin-left: 3px;
  border: 0;
  font-size: 11px;
  box-shadow: none;
}
.data-group-container {
  border: 0.1rem dashed #3c4980;
  overflow: hidden;
  border-radius: 6px;
  flex-direction: column;
  display: flex;
  margin-left: 0;
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 212px;
  background-color: rgba(255, 255, 255, 1);
  margin-bottom: 20px;
}
.data-group-container .data-group-header {
  display: flex;
  flex-direction: column;
}
.data-group-container .data-group-heading {
  padding: 10px;
  display: block;
  position: relative;
}
.data-group-container .data-group-body {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 0 10px;
  background-color: rgba(60, 73, 128, 0.2);
  border-top: 2px solid #3c4980;
}
.data-group-container .data-group-body .multi-action-tile {
  margin-right: 0;
}
.data-group-container .data-group-footer {
  display: flex;
  flex-direction: column;
}
.data-group-container.data-group--extend .data-group-heading:after {
  content: "\f077";
  font-family: "FontAwesome";
  position: absolute;
  right: 10px;
  bottom: 8px;
  font-size: 18px;
  color: #5da4e0;
}
.data-group-container.data-group--extend.extend .data-group-heading:after {
  content: "\f078";
}
.data-group-container.data-group--extend.extend .data-group-heading {
  cursor: pointer;
}
.data-group-container.data-group--extend .data-group-heading:hover {
  background-color: rgb(223, 231, 239);
}
.data-group-container.data-group--extend.extend .data-group-body {
  display: none;
}
.app-overlay--body-heading {
  padding: 15px 0;
}
.app-overlay--context-bar {
  background-color: #3c4981;
  margin: -20px -20px 0;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  position: relative;
}
.app-overlay-close {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  height: 100%;
  width: 60px;
  font-size: 35px;
  background-color: #d9534f;
  color: #fff;
  text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
  border: 0;
}
.app-overlay-close {
  transition: all 0.15s ease-in-out;
}
.app-overlay-close i {
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
.app-overlay-close:hover {
  background-color: #c2403c;
}
.app-overlay-close:hover i {
  transform: scale(0.8);
}
.app-overlay--main-heading {
  color: #fff;
  font-size: 21px;
  padding: 5px 45px;
}
.app-overlay--footer {
  background-color: #3c4981;
  min-height: 60px;
  margin-bottom: -20px;
  margin-right: -40px;
  margin-left: -40px;
  border-top: 2px solid #c5c9d9;
  padding: 0 60px;
}
.app-overlay--footer button {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 5px 15px;
  background-color: #62b5fc;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  color: #fff;
  min-width: 30px;
  min-height: 35px;
  height: 30px;
  margin-left: 10px;
  font-size: 1rem;
  font-weight: bold;
  box-sizing: border-box;
  letter-spacing: 0.5px;
}
.app-overlay--footer button:hover {
  background-color: #80c2fa;
  border-color: #80c2fa;
  transform: scale(0.9);
}
.compare-diagram-view {
  border-bottom: 1px dashed #222;
}
.compare-diagram-container {
  background-color: #e3e7ed !important;
}
@keyframes yourAnimation {
  0% {
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
:root {
  --waypoint-left-offset:-10px;
}
[helper-ux-waypoint]:hover {
  z-index: 1;
}
[helper-ux-waypoint]:before {
  content: "";
  position: absolute;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.1s;
  opacity: 0;
}
.show-ux-waypoint[helper-ux-waypoint]:before,
.show-ux-waypoint [helper-ux-waypoint]:before {
  content: attr(helper-ux-waypoint);
  background-color: #f6c754;
  white-space: nowrap;
  position: absolute;
  min-height: 48px;
  display: flex;
  top: calc(100% / 2 - 24px);
  left: calc(100% + var(--waypoint-left-offset));
  color: #222;
  font-weight: bold;
  padding: 5px 10px;
  z-index: 9;
  opacity: 1;
  width: 200px;
  white-space: normal;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.3s;
  align-items: center;
  box-shadow: 6px 7px 3px -4px rgba(60, 73, 129, 0.25);
  border-bottom: 1px solid #ffeec3;
  border-right: 1px solid #ffeec3;
}
.show-ux-waypoint[helper-ux-waypoint]:after,
.show-ux-waypoint [helper-ux-waypoint]:after {
  content: "\f0d9";
  font-family: "FontAwesome";
  position: absolute;
  left: calc(100% + var(--waypoint-left-offset) - 12px);
  font-size: 41px;
  color: #f6c754;
  top: calc(100% / 2 - 23px);
  text-shadow: 2px 5px 3px rgba(0, 0, 0, 0);
  -webkit-text-stroke: 1px #deb551;
  z-index: 8;
}
.show-ux-waypoint[helper-ux-waypoint]:before,
.show-ux-waypoint[helper-ux-waypoint]:after,
.show-ux-waypoint [helper-ux-waypoint]:before,
.show-ux-waypoint [helper-ux-waypoint]:after {
  animation: yourAnimation 1.5s infinite 0s linear;
}
ul.alpha-linked-data-structure li .multi-action-tile.master-scheme-policy {
  flex: 1;
}
ul.alpha-linked-data-structure li .multi-action-tile.master-scheme-policy:hover {
  border-color: #186ecc;
  transform: scale(0.98);
}
ul.alpha-linked-data-structure li .multi-action-tile.master-scheme-policy button {
  min-width: 400px !important;
  max-width: calc(100%) !important;
  width: 100% !important;
}
.multi-action-tile.tile--default {
  display: inline-block;
}
.multi-action-tile.tile--default button {
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  padding: 0.7rem;
  box-shadow: none;
  background-color: white;
  border: 0.1rem solid #85b2e2;
  color: #222;
  transition: all 75ms ease-in-out;
  flex-shrink: 0;
  margin: 0;
  min-width: 185px;
  white-space: initial;
}
.multi-action-tile .action-container > [class^=action--single] {
  border-radius: 6px !important;
}
.multi-action-tile .action-container > [class*=action--extend] {
  min-height: 112px;
}
.multi-action-tile.tile--default .content--center {
  flex-direction: row;
}
.multi-action-tile.tile--default [class^=action] .tile--content-col {
  max-width: 80%;
  overflow: hidden;
  float: left;
}
.multi-action-tile.tile--default [class^=action] .tile--icon-col {
  font-size: 15px;
  max-width: 20px;
  float: left;
  overflow: hidden;
  margin-right: 5px;
}
.multi-action-tile.tile--size-w-lrg,
ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-lrg button,
.multi-action-tile.tile--size-w-lrg button {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.multi-action-tile.tile--size-w-full,
ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-full button,
.multi-action-tile.tile--size-w-full button {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.ui-logo--pension-wise {
  height: 35px;
}
.ui-pension-guidance-container {
  border-top: 1px dashed rgba(60, 73, 129, 0.3);
  border-bottom: 1px dashed rgba(60, 73, 129, 0.3);
  padding-top: 15px;
  padding-bottom: 10px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/restructure/00-global-states.css */
[class*=state--ui-] {
  position: relative;
}
[class*=state--ui-]:not(.alpha-tile) {
  border-left-width: 6px !important;
  border-style: solid;
}
[class*=state--ui-].alpha-tile > a {
  border-color: inherit !important;
}
.state--ui-new:after {
  font-family: FontAwesome;
  content: "\f055";
  color: #3c4981;
  font-size: 0.9rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-new,
.state--ui-new--no-icon {
  border-color: #3c4981 !important;
}
.state--ui-new .status-label,
.state--ui-new .status-label {
  color: #3c4981 !important;
}
.state--ui-active:after {
  font-family: FontAwesome;
  content: "\f111";
  color: #49A94F;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-active,
.state--ui-active--no-icon {
  border-color: #49A94F !important;
}
.state--ui-active .status-label,
.state--ui-active--no-icon .status-label {
  color: #49A94F !important;
}
.state--ui-error:after {
  font-family: FontAwesome;
  content: "\f10c";
  color: #d9534f;
  line-height: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-error,
.state--ui-error--no-icon {
  border-color: #d9534f !important;
}
.state--ui-error .status-label,
.state--ui-error--no-icon .status-label {
  color: #d9534f !important;
}
.state--ui-warning:after {
  font-family: FontAwesome;
  content: "\f042";
  color: rgb(230, 138, 0);
  line-height: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-warning,
.state--ui-warning--no-icon {
  border-color: rgb(230, 138, 0) !important;
}
.state--ui-warning .status-label,
.onhold,
.state--ui-warning--no-icon .status-label {
  color: rgb(230, 138, 0) !important;
}
[class*=state--ui-]:after,
[class*=state--ui-]:before {
  top: -5px;
  right: -7px;
  transform: scale(1.2);
  font-weight: bold;
}
[class*=state--ui-]:before {
  background-color: rgba(255, 255, 255, 1);
}
.state--ui-skeleton:before {
  font-family: FontAwesome;
  content: "\f2a8" !important;
  color: #2d2e33;
  font-size: 1rem;
  position: absolute;
  font-weight: normal;
  transform: rotate(0);
  top: 1px;
  right: 18px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0);
}
.state--ui-skeleton,
.state--ui-skeleton--no-icon {
  border: 2.4px dashed #222 !important;
}
.state--ui-skeleton.alpha-tile {
  border: 1px dashed #222 !important;
}
.state--ui-minimum:before {
  font-family: Arial, sans-serif !important;
  content: "Min " !important;
  color: #2d2e33;
  font-size: 12px;
  position: absolute;
  font-weight: bold;
  transform: rotate(0);
  top: 3px;
  right: 22px;
  border-radius: 10px;
  padding: 2px 4px;
  line-height: 0.95;
  z-index: 1;
  background-color: rgba(218, 218, 218, 0.8);
}
.min-icon:before {
  font-family: Arial, sans-serif !important;
  content: "Min " !important;
  color: #2d2e33;
  border-radius: 10px;
  padding: 2px 4px;
  font-weight: bold;
  margin-right: 2px;
  background-color: rgba(218, 218, 218, 0.8);
  font-size: 12px;
}
.state--ui-minimum,
.state--ui-minimum--no-icon {
  border: 2.4px double #222 !important;
}
.state--ui-minimum.alpha-tile {
  border: 1px dashed #222 !important;
}
[class*=icon--].ui-selected:after {
  color: #fff;
}
.icon--circle-arrow--right {
  padding-right: 40px !important;
  position: relative;
}
.icon--circle-arrow--right:after {
  font-family: "FontAwesome";
  content: "\f0a9";
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #5cb85c;
}
.icon--circle-arrow--right:hover:after {
  color: inherit;
}
.icon--quick-filter--right {
  padding-right: 40px !important;
  position: relative;
}
.icon--quick-filter--right:after {
  font-family: "FontAwesome";
  content: "\f0ec";
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #5cb85c;
  font-size: 15px;
}
.icon--quick-filter--right:hover:after {
  color: inherit;
}
.icon--expand-right {
  padding-right: 40px !important;
  position: relative;
}
.icon--expand-right:after {
  font-family: "FontAwesome";
  content: "\f065  ";
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #1282f5;
  font-size: 15px;
}
.icon--expand-right:before {
  font-family: "FontAwesome";
  position: absolute;
  top: 5px;
  right: 7px;
}
.icon--expand-right:hover:after {
  color: inherit;
}

/* src/assets/styles/prototype-migration/p-drive-collection/restructure/00-typography.css */
html,
body {
  line-height: 1.2;
  font-size: 10px;
  font-family: Arial, sans-serif;
}
h2,
h1,
h3 {
  margin-bottom: 0.5rem;
  color: var(--theme-text--heading);
}
h1 {
  font-family: Arial;
  font-size: 1.6rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 26.4px;
}
h2 {
  font-family: Arial;
  font-size: 1.3rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 15.4px;
}
h3 {
  font-family: Arial;
  font-size: 1.3rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 15.4px;
}
p {
  font-family: Arial;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
}
.card-header h1 {
  display: inline;
}
.text-state-inherit {
  color: inherit;
}
.state-active .text-state-inherit {
  color: var(--theme-state--active);
}
.state-historical .text-state-inherit {
  color: var(--theme-state--historical);
}
.state-gone-away .text-state-inherit {
  color: var(--theme-state--gone-away);
}

/* src/assets/styles/prototype-migration/p-drive-collection/restructure/00-typography-helpers.css */
html,
body {
  line-height: 1.2;
  font-size: 10px;
  font-family: Arial, sans-serif;
}
h2,
h1,
h3 {
  margin-bottom: 0.5rem;
  color: var(--theme-text--heading);
}
h1 {
  font-family: Arial;
  font-size: 1.4rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  line-height: 26.4px;
}
h2 {
  font-family: Arial;
  font-size: 1.2rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 15.4px;
}
h3 {
  font-family: Arial;
  font-size: 1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  line-height: 15.4px;
}
p {
  font-family: Arial;
  font-size: 1rem;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
}
.card-header h1 {
  display: inline;
}
.text-state-inherit {
  color: inherit;
}
.state-active .text-state-inherit {
  color: var(--theme-state--active);
}
.state-historical .text-state-inherit {
  color: var(--theme-state--historical);
}
.state-gone-away .text-state-inherit {
  color: var(--theme-state--gone-away);
}
.text-weight-bold {
  font-weight: bold !important;
}
.text-weight-normal {
  font-weight: normal !important;
}
.text-style-italic {
  font-style: italic !important;
}
.text-align-center {
  text-align: center !important;
}
.text-align-left {
  text-align: left !important;
}
.text-align-right {
  text-align: right !important;
}
.text-size-l {
  font-size: 1.2rem !important;
}
.text-size-m {
  font-size: 0.9rem !important;
}
.text-size-s {
  font-size: 0.8rem !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/prototype-additions.css */
body,
html {
  font-size: 13px;
}
.opus-example {
  width: 350px;
  height: 350px;
  position: fixed;
  top: 50px;
  left: 100px;
  z-index: 3;
  border-radius: 40px;
  border: 4px solid #51577f;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  display: flex;
  background: rgb(62, 67, 100);
  background: -moz-linear-gradient(top, rgba(62, 67, 100, 1) 0%, rgba(105, 111, 142, 1) 48%, rgba(66, 73, 114, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(62, 67, 100, 1) 0%, rgba(105, 111, 142, 1) 48%, rgba(66, 73, 114, 1) 100%);
  background:
    linear-gradient(
      to bottom,
      rgba(62, 67, 100, 1) 0%,
      rgba(105, 111, 142, 1) 48%,
      rgba(66, 73, 114, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3e4364", endColorstr="#424972", GradientType=0);
}
.opus-example-inner-screen {
  border: 4px solid #80acfe;
  display: flex;
  flex: 1;
  margin: 15px;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.opus-example-inner-text01 {
  font-size: 18px;
  color: #fff;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  width: 100%;
}
.opus-example-inner-text02 {
  font-size: 18px;
  color: #80e2a3;
  padding: 10px;
  width: 100%;
}
.opus-example-inner-text02 button.opus-btn {
  border-radius: 30px;
  background-color: #80acfe;
}
.opus-example-inner-text02 button.opus-btn:hover {
  transform: scale(0.94);
}
alpha-right-sidebar {
  display: flex;
  flex-direction: row-reverse;
}
alpha-right-sidebar alpha-menu.widget-dock {
  flex: 1;
}
.ui-extensions--rail {
  width: 50px;
  background: rgb(2, 3, 8);
  background:
    linear-gradient(
      -45deg,
      rgb(21, 23, 34) 0%,
      rgb(72, 79, 112) 71%,
      rgb(4, 24, 44) 100%);
  z-index: 2;
  border-left: 2px solid rgba(169, 174, 196, 0.5);
}
.ui-extensions--rail {
}
.ui-er--content {
  padding: 10px 0 0 0;
  border-top: 2px solid rgba(255, 255, 255, 0.3);
}
alpha-right-side-menu-apps.widget-dock {
  flex: 1;
}
label.ui-er--label {
  text-align: center;
  display: block;
  color: #d9e4fb;
}
.ui-er--app-item {
  border-radius: 100px;
  background: rgb(2, 3, 8);
  border: 2px solid rgba(251, 251, 251, 0.5);
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  margin: 10px auto;
  position: relative;
  z-index: 1;
  display: block;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  cursor: pointer;
}
.ui-er--app-item.ui-er--all-apps-btn {
  border: 2px solid rgba(251, 251, 251, 0.5);
}
.ui-er--app-item.ui-er--all-apps-btn .ui-er--ap-initials {
  padding-top: 2px;
  font-size: 20px;
}
.ui-er--ap-initials {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.ui-er--ap-fullname {
  position: absolute;
  right: calc(100% + 5px);
  background-color: #222;
  white-space: nowrap;
  position: absolute;
  color: #fff;
  padding: 5px 10px;
  z-index: 999;
  opacity: 1;
  display: none;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.3s;
  top: 1px;
}
.ui-er--ap-fullname i.fa-caret-right {
  color: #222;
  position: absolute;
  font-size: 24px;
  top: 0px;
  left: calc(100% - 1px);
}
.ui-er--app-item:not(.ui-er--app-open):hover {
  border-color: rgba(255, 255, 255, 1);
  transform: scale(0.93);
}
.ui-er--app-item:not(.ui-er--app-open):hover .ui-er--ap-fullname {
  display: inline;
}
i.ui-er--shortcut-icon {
  position: absolute;
  bottom: calc(100% - 5px);
  left: 25px;
  z-index: 1;
  color: #e1cb36;
  font-size: 11px;
  text-shadow: -1px 1px 4px rgba(0, 0, 0, 0.5);
}
.ui-er--app-item.ui-er--app-open {
  background-color: #85b2e2;
  color: #fff;
}
.ui-er--app-item.ui-er--app-open:before {
  content: "\f177";
  font-family: "FontAwesome";
  position: absolute;
  right: 100%;
  top: 5px;
  font-size: 25px;
  color: #85b2e2;
  display: none;
}
h2.sidebar-content-heading {
  margin: 15px 20px 15px;
  font-size: 1.4rem;
  font-weight: bold;
}
.ui-er--app-update-badge {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  bottom: -12px;
}
.ui-er--app-update-badge strong {
  background-color: #d9534f;
  max-width: 30px;
  height: 15px;
  padding: 1px 6px 2px 6px;
  border-radius: 30px;
  display: inline;
  border: 2px solid rgba(255, 255, 255, 0.3);
}
.ui-er--app-in-progress {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #ab7f1f;
  font-size: 5px;
  bottom: -9px;
  font-weight: bold;
  background-color: #efc616;
  padding: 2px 0;
  border-radius: 0 0 3px 3px;
  border: 1px solid rgba(251, 251, 251, 0.5);
  border-top: 0;
  left: -1px;
  width: 36px;
  display: none;
}
.ui-er--show-in-progress .ui-er--app-in-progress {
  display: block;
}
.ui-er--app-in-progress > * {
  text-shadow: 0 0 2px rgba(0, 0, 0, 0);
  margin: 0 2px;
}
.ui-er--app-in-progress .one {
  opacity: 0;
  -webkit-animation: dot 2.3s infinite;
  -webkit-animation-delay: 0.0s;
  animation: dot 2.3s infinite;
  animation-delay: 0.0s;
}
.ui-er--app-in-progress .two {
  opacity: 0;
  -webkit-animation: dot 2.3s infinite;
  -webkit-animation-delay: 0.2s;
  animation: dot 2.3s infinite;
  animation-delay: 0.2s;
}
.ui-er--app-in-progress .three {
  opacity: 0;
  -webkit-animation: dot 2.3s infinite;
  -webkit-animation-delay: 0.3s;
  animation: dot 2.3s infinite;
  animation-delay: 0.3s;
}
@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes dot {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ui-icon-ink-alt {
  color: #80c559;
}
.ui-er--app-item.document-creation .ui-er--ap-initials .fa-file-text,
.ui-er--app-item.document-creation .ui-er--ap-initials .fa-file-text-o {
  margin-left: 6px;
  position: relative;
  left: -2px;
  top: 1px;
  font-size: 14px;
}
.ui-er--app-item.document-creation .ui-er--ap-initials .fa-plus {
  position: relative;
  left: 0px;
}
.ui-er--app-item.scratch-pad .ui-er--ap-initials {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 2px;
}
.ui-er--app-item.secure-messaging .ui-er--ap-initials i {
  font-size: 18px;
}
.ui-er--app-item.correspondence .ui-er--ap-initials .fa-file-text-o,
.ui-er--app-item.correspondence .ui-er--ap-initials .fa-file-text {
  margin-left: 5px;
  position: relative;
  font-size: 14px;
}
.ui-er--app-item.correspondence .ui-er--ap-initials .fa-file-image-o,
.ui-er--app-item.correspondence .ui-er--ap-initials .fa-search {
  margin-right: 0px;
  position: relative;
  left: -1px;
  font-size: 12px;
  font-weight: bold;
}
.ui-er--app-item.call-centre .ui-er--ap-initials i {
  font-size: 18px;
  position: relative;
  top: 1px;
}
.ui-er--app-item.activity-manager .ui-er--ap-initials i {
  font-size: 16px;
}
.ui-app--exentions {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}
.ui-app--widget-content {
  background-color: #a0a2ab;
  position: static;
  top: -15px;
  left: 0;
  width: 100%;
  z-index: 1;
  padding-top: 5px;
}
.ui-app-widget-fixed-header {
  background-color: #f4f4f4;
  position: relative;
  z-index: 2;
}
.ui-app--widget-content {
  background-color: #e7e7e7;
  overflow-y: scroll;
  flex: 1;
  flex-shrink: 1;
}
.ui-app--widget-component {
  padding: 0 15px;
  height: auto;
}
.ui-sp-note {
  width: 90%;
  border: 6px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  position: relative;
  background-color: #e9e29a;
  margin: 0 auto;
  margin-top: 25px;
  box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.4);
  font-size: 16px;
}
textarea.ui-sp-note-text {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 0;
  padding: 15px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.7);
  min-height: 130px;
}
textarea.ui-sp-note-text:active,
textarea.ui-sp-note-text:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
}
button.ui-sp-note-close {
  padding: 0;
  font-size: 31px;
  height: 25px;
  line-height: 0;
  border-radius: 30px;
  background-color: transparent;
  position: absolute;
  top: -15px;
  right: -15px;
  color: #c25954;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
button.ui-sp-note-close i {
  margin: 0;
  position: relative;
  top: -1px;
  text-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}
button.ui-sp-note-close:hover,
button.ui-sp-note-close:focus {
  transform: scale(0.85);
}
.ui-sp-note-update-time {
  background-color: rgba(255, 255, 255, 0.35);
  padding: 5px 15px;
  font-size: 11px;
  display: flex;
  justify-content: space-between;
}
span.ui-sp-updated {
  font-style: italic;
}
.view-widgets ul.widget-selection {
  transition: opacity 0.25s ease-in-out;
  opacity: 1;
  height: calc(100vh - var(--app-header-height) - 4.6153rem);
  padding: 5px;
  text-align: center;
  position: relative;
  top: 0;
}
.widget-tile .widget-title {
  display: flex;
  align-items: start;
}
.widget-icon {
  margin-right: 5px;
}
.widget-title-text {
  font-size: 13px;
}
.ui-er--app-item {
  display: none;
}
.ui-er--app-item.ui-er--all-apps-btn {
  display: block;
}
.ui-er--app-item.shortcut-active {
  display: block;
  animation: pulseInOut 0.5s linear forwards;
}
.alpha-app-container.alpha-layout-wrap.companion-dock-open .widget-dock {
  flex-direction: column;
  height: calc(100vh - var(--app-header-height));
  flex: 1;
}
.alpha-app-container.alpha-layout-wrap.companion-dock-open alpha-menu-toolbar-handle {
  height: 0;
  width: 0;
}
.ui-docked-scratch-pad {
  display: none;
}
.alpha-app-container.alpha-layout-wrap.companion-dock-open .ui-docked-scratch-pad {
  display: flex;
  border-top: 4px dashed #3c4981;
  background-color: #c4c4c4;
  flex: 0;
  max-height: 320px;
  min-height: 290px;
  flex-direction: column;
  padding-bottom: 15px;
}
.alpha-app-container.alpha-layout-wrap .ui-docked-scratch-pad .ui-app--widget-component {
  overflow-y: scroll;
}
.alpha-nav-app-explorer.widget-dock-contents {
  height: 100%;
  display: flex;
  flex: 1;
}
.ui-docked-scratch-pad--controls {
  background-color: rgba(238, 238, 238, 0.3);
  display: block;
  overflow: hidden;
  flex-shrink: 0;
}
button.ui-control-btn {
  display: block;
  text-align: center;
}
button.ui-control-btn.create-new {
  float: left;
}
button.ui-control-btn.min-control {
  float: right;
}
button.ui-control-btn.min-control i {
  position: relative;
  left: -1px;
}
button.ui-control-btn.max-control {
  float: right;
}
button.ui-control-btn.max-control i {
  position: relative;
  left: -1px;
}
.ui-docked-scratch-pad.sp-max .max-control {
  display: none;
}
.ui-docked-scratch-pad.sp-min .min-control {
  display: none;
}
.ui-docked-scratch-pad.sp-max .ux-max-example {
  display: none;
}
.ui-docked-scratch-pad.sp-min .ux-min-example {
  display: none;
}
.ui-docked-scratch-pad.sp-min {
  overflow: hidden;
  min-height: 58px !important;
}
.ui-docked-scratch-pad.sp-min .ui-app--widget-component {
  display: none;
}
.ui-pension-outcomes-widget h3 {
  font-size: 13px;
  margin: 0;
  line-height: 1.2;
  text-align: left;
  display: block;
  border-bottom: 1px dashed rgba(60, 73, 129, 0.5);
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  margin-top: -15px;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
  font-weight: bold;
}
section.ui-op-section {
  padding: 15px;
  border-bottom: 4px solid rgba(60, 73, 129, 0.3);
  background-color: #d1d1d1;
  overflow: hidden;
  border-radius: 6px;
  margin-bottom: 10px;
  margin-left: 10px;
}
.ui-pension-outcomes-widget .ui-op-value-container {
  margin: 0 auto;
  display: block;
  text-align: center;
  border-bottom: 0px solid rgba(60, 73, 129, 0.3);
  border-radius: 6px;
  padding: 15px 0 0 0;
  width: 90%;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
}
.ui-pension-outcomes-widget .ui-op-value-container.sho--w-ui {
  transition: all 0.15s ease-in-out;
  min-height: 35px;
  opacity: 1;
  overflow: visible;
}
.ui-pension-outcomes-widget .mdl-textfield__input {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, .12);
  display: block;
  font-size: 18px;
  font-family:
    "Helvetica",
    "Arial",
    sans-serif;
  margin: 0;
  padding: 4px 0;
  width: 100%;
  background: 0 0;
  text-align: center;
  color: inherit;
  color: #3c4981;
  font-weight: bold;
}
.ui-pension-outcomes-widget .mdl-textfield__label {
  bottom: 0;
  color: rgba(4, 36, 109, 0.8);
  font-size: 16px;
  left: 0;
  right: 0;
  pointer-events: none;
  position: absolute;
  display: block;
  top: 17px;
  width: 100%;
  overflow: visible;
  white-space: nowrap;
  text-align: center;
}
.ui-pension-outcomes-widget .mdl-textfield__label:after {
  background-color: #3f51b5;
  border-bottom: 2px solid #3f51b5;
  border-radius: 6px;
  display: block;
  bottom: 0px;
  content: "";
  height: 0px;
  left: 45%;
  position: absolute;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  visibility: hidden;
  width: 10px;
}
.ui-pension-outcomes-widget .mdl-textfield.is-focused .mdl-textfield__label:after {
  left: 0;
  visibility: visible;
  width: 100%;
}
.ui-pension-outcomes-widget .mdl-textfield__error {
  color: #d50000;
  position: absolute;
  font-size: 12px;
  margin-top: 3px;
  visibility: hidden;
  display: block;
}
.ui-op-slider-container {
  border: 2px solid rgba(60, 73, 129, 0.3);
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  padding: 10px;
  border-radius: 6px;
  margin-left: 10px;
  margin-top: 10px;
}
.ui-op-slider-container .ui-op-slider {
  border: none;
}
.ui-op-slider-container .mdl-slider__container {
  flex: 1;
}
.ui-op-slider-container .ui-op-slider-start {
  padding: 0 10px;
  width: 30px;
  text-align: center;
  color: #3c4981;
}
.ui-op-slider-container .ui-op-slider-cap {
  min-width: 70px;
  text-align: center;
  color: #3c4981;
}
.ui-pension-outcomes-widget .ui-op-outcome {
  display: flex;
  flex-wrap: wrap;
}
.ui-pension-outcomes-widget .ui-op-outcome-segment {
  border-bottom: 4px solid #bdbdbd;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  margin: 5px;
  padding: 10px 15px;
  width: calc(50% - 10px);
  text-align: center;
  display: flex;
  flex-direction: column;
}
.ui-pension-outcomes-widget .ui-op-outcome-heading {
  font-size: 14px;
  border-bottom: 1px dashed #bcbaba;
  color: #565656;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.ui-pension-outcomes-widget .ui-op-outcome-value {
  font-size: 18px;
  font-weight: bold;
  flex: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: #3c4981;
}
.ui-pension-outcomes-widget .ui-op-outcome-discription {
  padding: 15px 15px 0;
  font-size: 13px;
}
.ui-pension-outcomes-widget .ui-op-pc {
  font-size: 12px;
  display: block;
  font-weight: bold;
  text-align: center;
}
.ui-op-percentage-output {
  font-size: 12px;
  display: block;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.6);
}
.ui-op-outcome-segment.pension-pot {
  border: 4px solid #3e9fd2;
}
.ui-op-outcome-segment.drawdown-pot {
  border: 4px solid #b2c530;
}
.ui-op-outcome-segment.long-segment {
  width: 100%;
}
.ui-op-outcome-sub-segments {
  display: flex;
}
section.ui-op-section.tax-free-cash,
section.ui-op-section.withdrawal-details {
  transition: all 0.5s ease-in-out;
  max-height: 0;
  opacity: 0;
}
section.ui-op-section.tax-free-cash.show-ui,
section.ui-op-section.withdrawal-details.show-ui {
  transition: all 0.5s ease-in-out;
  max-height: 400px;
  opacity: 1;
}
.ui-op-outcome-value-seperate {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
  flex: 1;
  justify-content: center;
  display: flex;
  flex-direction: column;
  color: #3c4981;
}
.ui-op-action-step {
  border-bottom: 4px solid #bdbdbd;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 6px;
  margin: 5px 5px 0 5px;
  width: calc(100% - 10px);
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}
.ui-op-action-step-number {
  padding: 10px 15px;
  width: 50px;
  border-right: 2px solid #ccc;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.ui-op-action-step-text {
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0.5);
  flex: 1;
  text-align: left;
}
button.ui-op-example-btn {
  pointer-events: none;
  transform: scale(0.7);
  margin: 0 auto;
  display: inline-block;
  margin-left: -61px;
  width: 100%;
}
.ui-correspondence-widget-body {
  padding: 0 5px 0px 20px;
}
.flex-actions {
  display: flex;
  overflow: hidden;
  border-radius: 0 0 6px 6px;
  margin-bottom: -0.5px;
}
.flex-actions button.action--view {
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border-left: 0.1rem solid #85b2e2;
  margin: 0;
  padding: 0.7rem;
  box-shadow: none;
  background-color: white;
  color: black;
  align-content: center;
  display: flex;
  min-width: auto;
  max-width: 100%;
  width: auto;
  flex: 1;
  flex-direction: row;
  justify-content: left;
  border-radius: 0;
}
.flex-actions button.action--view strong {
  margin-left: 5px;
}
.flex-actions button.action--view:first-child {
  border-left: 0;
}
.flex-actions button.action--view.select-compare-btn {
  max-width: 165px;
}
.card-row--container {
  display: flex;
  max-height: 6000px;
  position: relative;
}
.card-row--container .card-row {
  flex: 1;
  position: relative;
  z-index: 1;
}
.card-row--container .card-row-selection {
  display: flex;
  padding: 15px 10px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  margin-left: 5px;
  position: relative;
  margin-top: 0 !important;
}
.card-row--container .card-row-selection:after {
}
.card-row--container .card-row-selection:before {
  display: none !important;
}
input.ui-cr-selection-cbox {
  transform: scale(1.5);
  cursor: pointer;
}
.card-row-pin-controls {
  position: relative;
  overflow: hidden;
  width: 40px;
  margin-right: -5px;
  margin-left: 0px;
  display: flex;
  z-index: 0;
}
.card-row-pin-controls button.ui-correspondence-pin-action {
  padding: 0;
  background-color: #cad0d8;
  border: 2px solid #cad0d8;
  font-size: 18px;
  color: #0376d8;
  height: calc(100% - 10px);
  width: inherit;
  border-radius: 6px 0 0 6px;
}
.card-row-pin-controls button.ui-correspondence-pin-action .ui-pin-icon {
  transition: all 0.10s ease-in;
  transform: rotate(-90deg);
}
.card-row-pin-controls button.ui-correspondence-pin-action:hover {
  background-color: #fff;
}
.card-row-pin-controls button.ui-correspondence-pin-action:hover .ui-pin-icon {
  transform: rotate(0deg);
}
.ui-correspondence-key {
  padding: 15px 15px 5px 15px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.5);
}
.card-row--container.ui-selected-context:before {
  font-family: "FontAwesome";
  content: "\f069";
  display: flex;
  position: absolute;
  width: 25px;
  left: -20px;
  top: 0px;
  height: 45px;
  padding-left: 4px;
  padding-top: 3.5px;
  font-size: 13px;
  background-color: #85b2e2;
  color: #6494c7;
  color: #fff;
  border-top: 3px solid #85b2e2;
  border: 2px solid rgba(255, 255, 255, 0.3);
  z-index: 1;
  border-radius: 0 0 0 60px;
  border-radius: 0 0 0 60px;
  box-shadow: 0 5px 6px rgba(34, 34, 34, 0.2);
}
.card-row--container.ui-selected-context:after {
  content: "";
  height: calc(100% - 10px);
  width: 10px;
  border-left: 9px solid #85b2e2;
  border-radius: 10px;
  left: -8px;
  top: 0;
  position: absolute;
}
.ui-key-bar {
  position: relative;
  padding-left: 0;
  overflow: hidden;
  border: 2px solid #d8dbea;
  border-radius: 4px;
  font-size: 11px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
.ui-key-bar .ui-key {
  display: inline-block;
  padding: 8px 2px 5px 5px;
}
.ui-key-bar .ui-key.ui-key-action {
  background-color: transparent;
  border: 0;
  color: inherit;
  font-size: 12px;
  border-radius: 0;
  padding: 8px 2px 8px 5px;
  position: relative;
  overflow: hidden;
}
.ui-key-bar .ui-key.ui-key-action:hover:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(133, 178, 226, 0.3);
}
.ui-key-section-block.ui-key-heading {
  font-weight: bold;
  display: flex;
  padding: 10px;
  height: 100%;
  background-color: #e3e5ef;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
}
.ui-key-section--status.ui-key-spaced--filters {
  display: flex;
  justify-content: space-evenly;
}
.ui-key-section--status.ui-key-spaced--filters .ui-key {
  border-left: 2px solid #d8dbea;
  flex: 1;
}
.ui-key-section-block .ui-key.ui-key-action {
  border-left: 2px solid #d8dbea;
}
.ui-key-section-block .ui-key.ui-key-action:first-child {
  border-left: 0;
}
.ui-key-issued {
  width: 100%;
}
.ui-key-bar .ui-key i {
  margin-right: 3px;
  font-size: 13px;
}
.ui-key-section--status {
  display: inline-block;
  flex: 1;
}
.ui-key-section--delivery {
  display: inline-block;
  border-top: 2px solid #d8dbea;
  flex: 1;
}
.ui-key-section--data-service {
  display: block;
  border-left: 2px solid #d8dbea;
  display: none;
}
.ui-key-section-block {
  display: flex;
}
.ui-key-section--doctypes {
  display: flex;
  flex: 1;
  border-bottom: 2px solid #d8dbea;
}
.ui-key-section--doctypes .ui-key {
  flex: 1;
  border-bottom: 2px solid #d8dbea;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.ui-key-section--doctypes .ui-key i {
  font-weight: bold;
}
.ui-key-section--doctypes .ui-key.type-image {
  background-color: #dd988f;
}
.ui-key-section--doctypes .ui-key.type-doc {
  background-color: #cfb980;
}
.ui-key-section--doctypes .ui-key.type-context {
  background-color: #fff;
}
.ui-key-section--doctypes .ui-key.type-context i {
  color: #6494c7;
}
.issued,
.ui-key-bar .ui-key.issued {
  color: #49a94f;
}
.not-issued,
.ui-key-bar .ui-key.not-issued {
  color: #d9534f;
}
.pending,
.ui-key-bar .ui-key.pending {
  color: #e4791e;
}
.content-block--value.ui-key-icons .fa {
  font-size: 14px;
  margin-right: 3px;
  padding: 3px 0;
  width: 13px;
  text-align: Center;
}
.content-block--value.ui-key-icons .pending {
  font-size: 12px;
}
.ui-app-widget-header-toolbar {
  display: flex;
}
.ui-app-widget-header-toolbar .ui-compare-selection-actions {
  position: relative;
}
.ui-app-widget-header-toolbar .ui-compare-selection-actions:after {
  font-family: "FontAwesome";
  content: "\f0d7";
  position: absolute;
  bottom: -16px;
  right: 21px;
  font-size: 30px;
  color: #4c5992;
}
button.ui-compare-action {
  background-color: transparent;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: inherit;
}
.ui-compare-correspondence.ui-not-selected {
  color: #949494;
}
.ui-correspondence-view-filters {
  display: flex;
  flex: 1;
  padding-right: 1px;
  padding-left: 20px;
}
.card-row-selection .ui-psudo-controls:before {
  content: "";
  background-color: rgb(194, 197, 212, 0.5);
  width: 80px;
  position: absolute;
  display: block;
  right: -3px;
  top: 10px;
  height: 35px;
  border-radius: 0 15px 15px 0;
}
.card-row-selection .ui-psudo-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-row-selection .ui-psuedo-cb-not-selected,
.card-row-selection .ui-psuedo-cb-selected {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 100%;
  cursor: pointer;
  margin: 0 auto;
  background-color: #e7e9f0;
  position: relative;
  z-index: 2;
  left: 0.5px;
  top: 15px;
}
.card-row-selection .ui-psuedo-cb-selected {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: #85b2e2;
  background-color: #3c4981;
  display: none;
}
.card-row-selection .ui-psuedo-cb-selected .ui-icon {
  color: #fff;
  font-size: 13px;
  position: relative;
  top: 2px;
  left: 1.5px;
}
.card-row-selection .ui-psuedo-cb-highlight {
  position: absolute;
  top: 0;
  left: -10px;
  height: calc(100% - 10px);
  width: calc(100% + 15px);
  border-radius: 0 6px 6px 0;
}
.card-row-selection .ui-psuedo-cb-highlight:before {
  content: "";
  position: absolute;
  height: calc(100% + 26px);
  top: -13px;
  left: 23.5px;
  border-right: 3.5px dashed #a9aec5;
}
.card-row-selection .ui-psuedo-cb-not-selected {
  border: 3px solid #3c4981;
}
input.ui-cr-selection-cbox {
  display: none;
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-selected,
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-highlight {
  display: block;
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-highlight {
  background-color: rgba(60, 73, 129, 0.2);
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-highlight:before {
  border-right: 3.5px solid #3c4981;
  z-index: 1;
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-not-selected {
  display: none;
}
button.ui-key.ui-key-action.ui-active-key-action {
  background-color: #fff;
  background-color: #c2daf3;
  color: #1c7be1;
  outline: 1px solid #1c7be1;
}
button.ui-key.ui-key-action.ui-active-key-action i {
  color: #1c7be1;
}
.ui-correspondence--short-filter {
  padding-left: 15px;
  padding-top: 2px;
  flex: 1;
}
input.ui-correspondence--short-filter-input {
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #3e52b3;
  padding: 5px;
  width: 90%;
}
input.ui-correspondence--short-filter-input:focus {
  outline: 6px solid #f6c754;
  border-color: #85b2e2;
  background-color: #fff;
}
.ui-filter-description-row .ui-correspondence--short-filter {
  padding-left: 0;
}
.ui-filter-description-row input.ui-correspondence--short-filter-input {
  width: 100%;
}
.ui-correspondence-widget[class*=filter-] .card-row--container {
  display: none;
}
.ui-correspondence-widget[class*=filter-documents] .card-row--container.ux-example-document {
  display: flex;
}
.ui-correspondence-widget[class*=filter-images] .card-row--container.ux-example-image {
  display: flex;
}
.ui-correspondence-widget.hide-non-viewable-docs .card-row--container:not(.ui-selected-context) {
  max-height: 0;
  overflow: hidden;
}
.ui-correspondence-widget.hide-non-viewable-docs .card-row--container.ux-non-viewable {
  max-height: 0;
  overflow: hidden;
}
.card-row--container.ux-non-viewable {
  opacity: 0.4;
  pointer-events: none;
}
.card-row--container.ux-non-viewable .card-row-selection:before {
  border-left: 3px dashed #787676;
}
.card-row--container.ux-non-viewable .card-row.card-row--wcm .content-block--data-values.icon-in-gutter::before {
  background-color: #ccc;
}
.card-row--container.ux-non-viewable .card-row.card-row--wcm {
  background-color: #ccc;
  border-color: #ccc;
}
.card-row--container.ux-non-viewable .card-row.card-row--wcm .content-section-header {
  background-color: #eee;
}
.card-row--container.ux-non-viewable label.ui-cr-selection-lbl {
  display: none;
}
.card-row.card-row--wcm.correspondence-item {
  border: 2px solid #698299;
}
.card-row.card-row--wcm.correspondence-item .content-section-header {
  background-color: #ffffff;
}
.card-row.card-row--wcm.correspondence-item .content-block--data-values.icon-in-gutter::before {
  font-family: FontAwesome;
  color: #f1f6f9;
  content: "";
  font-size: 1.3rem;
  position: absolute;
  width: 15px;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10px;
  height: 100%;
  background-color: #e7eaed;
  border-right: 1px solid #ddd;
}
.card-row.card-row--wcm.correspondence-item .content-section-header:hover {
  background-color: #e6ecf3;
}
.card-row--container.ui-correspondence-status--error {
  border: 2px solid rgba(255, 255, 255, 0.5);
  padding-top: 10px;
  margin-top: -10px;
  border-radius: 6px;
}
.card-row--container.ui-correspondence-status--error .correspondence-heading .ui-tooltip-icon-block {
  background-color: rgba(255, 255, 255, 0.2);
  color: #222;
  border-color: #222;
}
.card-row--container.ui-correspondence-status--error .correspondence-heading .ui-tooltip-icon-block .fa {
  transform: rotate(0deg);
  color: #222;
}
.card-row--container.ui-correspondence-status--error .correspondence-heading .ui-tooltip-icon-block .fa:before {
  content: "\f00d";
}
.card-row--container.ui-correspondence-status--error .content-section-header.sub-step,
.card-row--container.ui-correspondence-status--error .content-section-header.sub-step:hover {
  background-color: rgba(217, 83, 79, 0.1);
}
.card-row--container.ui-correspondence-status--error .content-section-header.sub-step:hover {
  background-color: rgba(217, 83, 79, 0.2);
}
.card-row--container.ui-correspondence-status--error .card-row.card-row--wcm.correspondence-item {
  background-color: rgba(217, 83, 79, 0.4);
}
.card-row--container.ui-correspondence-status--error.ui-selected-context:before,
.card-row--container.ui-correspondence-status--error.ui-selected-context:after {
  top: 10px;
}
.card-row--container.ui-correspondence-status--error.ui-selected-context:after {
  height: calc(100% - 20px);
}
.card-row--container.ui-correspondence-status--error .card-row.card-row--wcm.correspondence-item:before {
  content: "";
  color: rgba(217, 83, 79, 0.3);
  position: absolute;
  top: 45px;
  left: -10px;
  z-index: 0;
  background-color: rgba(217, 83, 79, 0.3);
  width: 100%;
  height: 15px;
  transform: rotate(-14deg);
  display: none;
}
.card-row--container.ui-correspondence-status--error .correspondence-item .content-block--data-values.icon-in-gutter::before {
  background-color: rgba(217, 83, 79, 0.8);
  border-color: #d9534f;
}
.card-row--container .card-row .content-block--data-values.icon-in-gutter::after {
  font-family: FontAwesome;
  color: #000;
  font-size: 1.3rem;
  position: absolute;
  width: 30px;
  top: 10px;
  left: -2px;
  text-align: center;
  font-weight: normal;
}
.card-row--container.ui-correspondence--outbound .icon-in-gutter:after {
}
.card-row--container.ui-correspondence--inbound .icon-in-gutter:after {
}
.card-row--container.ui-correspondence--migrated .icon-in-gutter:after {
}
.content-block--col.content-correspondence-ref {
  text-align: right;
  padding-right: 5px;
}
.ui-key-icons {
  text-align: center;
  font-size: 11px;
}
.ui-tooltip-icon-block {
  border: 1.5px solid rgba(22, 115, 204, 0.5);
  width: 24.5px;
  height: 25px;
  display: inline-block;
  border-radius: 60px;
  background-color: rgba(250, 252, 255, 0.9);
  position: relative;
}
.ui-content-icon {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.ui-content-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 10px);
  left: calc(-50%);
  background-color: #1c2447;
  position: absolute;
  color: #fff;
  padding: 5px 10px;
  z-index: 1;
  opacity: 1;
  border-radius: 4px;
  width: 180px;
  min-height: 40px;
  align-items: center;
}
.ui-content-tooltip:before {
  font-family: "FontAwesome";
  color: #1c2447;
  content: "\f0d7";
  position: absolute;
  font-size: 24px;
  bottom: -17px;
  left: 15px;
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--bottom {
  bottom: unset;
  top: calc(100% + 10px);
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--bottom:before {
  bottom: calc(100% - 12px);
  transform: rotate(180deg);
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--right {
  bottom: calc(100% + 10px);
  left: calc(-50%);
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--right:before {
  left: 15px;
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--center {
  left: calc(-332%);
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--center:before {
  left: 75px;
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--left {
  left: calc(-585%);
}
.ui-tooltip-icon-block .ui-content-tooltip.ui-extend--left:before {
  left: unset;
  right: 36px;
}
.ui-tooltip-icon-block .ui-content-icon .fa {
  margin: 0;
  padding: 0;
  display: inline;
  width: auto;
  font-size: 120%;
}
.content-block--value.ui-key-icons .ui-tooltip-icon-block .ui-content-icon .ui-baseline-icon {
  font-size: 100%;
}
.ui-tooltip-icon-block:hover .ui-content-tooltip,
.ui-tooltip-icon-block.ui-show-tooltip .ui-content-tooltip {
  display: block;
  display: flex;
  flex-wrap: wrap;
}
.ui-tooltip-icon-block:hover,
.ui-tooltip-icon-block.ui-show-tooltip {
  border-color: #1c2447;
}
.ux-example-text01 {
  display: block;
}
.ux-example-text02 {
  display: none;
}
button.ui-btn.ui-filter-action.ux-show-example .ux-example-text02 {
  display: block;
}
button.ui-btn.ui-filter-action.ux-show-example .ux-example-text01 {
  display: none;
}
.ux-example-count-02,
.ux-example-count-03 {
  display: none;
}
.alpha-app-container.compare-doc-01 .ux-example-count-02 {
  display: inline;
}
.alpha-app-container.compare-doc-02 .ux-example-count-02 {
  display: inline;
}
.alpha-app-container.compare-doc-01 .ux-example-count-01 {
  display: none;
}
.alpha-app-container.compare-doc-01 .ux-example-count-03 {
  display: none;
}
.alpha-app-container.compare-doc-02 .ux-example-count-01 {
  display: none;
}
.alpha-app-container.compare-doc-02 .ux-example-count-03 {
  display: none;
}
.alpha-app-container.compare-doc-01.compare-doc-02 .ux-example-count-02 {
  display: none;
}
.alpha-app-container.compare-doc-01.compare-doc-02 .ux-example-count-01 {
  display: none;
}
.alpha-app-container.compare-doc-01.compare-doc-02 .ux-example-count-03 {
  display: inline;
}
.alpha-app-container.compare-doc-01.compare-doc-02 button.ui-compare-action {
  color: #2e93e9;
}
.alpha-app-container.compare-doc-01.compare-doc-02 .ui-compare-correspondence {
  background-color: rgba(46, 147, 233, 0.1);
}
.ui-app-widget-header-toolbar .ui-filter-info-text {
  padding: 7px 0 0 0;
}
span.filter-underline--default {
  border-bottom: 2px solid #85b2e2;
}
.ui-filter-actions-container.ui-correspondence-filter,
.ui-filter-actions-container.ui-correspondence-short-filter-info {
  position: relative;
  border-color: #85b2e2;
}
.ui-filter-actions-container.ui-correspondence-filter:after,
.ui-filter-actions-container.ui-correspondence-short-filter-info:after {
  position: absolute;
  font-family: "FontAwesome";
  content: "";
  font-family: "FontAwesome";
  content: "\f0d7";
  position: absolute;
  bottom: -27px;
  left: 6px;
  font-size: 35px;
  color: #85b2e2;
}
.ui-filter-actions-container.ui-correspondence-short-filter-info {
  display: none;
}
.ui-filter-actions-container.ui-correspondence-filter.ux-hide + .ui-filter-actions-container.ui-correspondence-short-filter-info {
  display: block;
}
.ui-filter-actions-container {
  background-color: #e3e5ef;
  margin: 0 15px 15px 15px;
  border-radius: 6px;
  border: 2px solid rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease-in-out;
}
.ui-filter-heading {
  font-weight: bold;
  display: flex;
  padding: 5px;
  height: 100%;
  background-color: #dddee8;
  left: 0;
  top: 0;
  font-size: 11px;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
}
.ui-filter-shelf {
  padding: 0 15px;
  text-align: center;
}
.ui-button--simple,
ul.alpha-linked-data-structure li .ui-button--simple {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #3c4981;
  color: #222;
  font-weight: normal;
  display: inline-block;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 30px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
  transition: all 0.15s ease-in-out;
}
.ui-button--simple:hover {
  background-color: rgb(223, 231, 239);
  transform: scale(0.97);
}
.ui-button--simple:focus {
  outline: 6px solid #f6c754;
}
.ui-button--simple.ui-selected {
  background-color: #85b2e2;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.ui-button--multi-state,
ul.alpha-linked-data-structure li .ui-button--multi-state {
  outline: 0px dashed #222;
  transition: all 0.15s ease-in-out;
  border-radius: 30px;
  display: inline-flex;
  margin-right: 5px;
  margin-bottom: 10px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
}
.ui-button--multi-state button.ui-button,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #3c4981;
  color: #222;
  font-weight: normal;
  display: flex;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
}
.ui-button--multi-state button.ui-button,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button {
  border-radius: 0;
}
.ui-button--multi-state button.ui-button:last-child,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.ui-button--multi-state button.ui-button:first-child,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button:first-child {
  border-top-left-radius: 30px 30px;
  border-bottom-left-radius: 30px 30px;
}
.ui-button--multi-state button.ui-button:hover,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button:hover {
  background-color: rgb(223, 231, 239);
}
.ui-button--multi-state:hover,
ul.alpha-linked-data-structure li .ui-button--multi-state:hover {
  transform: scale(0.97);
}
.ui-button--multi-state button.ui-button:focus:after,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button:focus:after {
  outline: 6px solid #f6c754;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ui-button--multi-state button.ui-button.ui-selected,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button.ui-selected {
  background-color: #85b2e2;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.ui-button--multi-state button.ui-button .ui-button-content,
ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button .ui-button-content {
  display: flex;
  position: relative;
}
.ui-button--multi-state button.ui-button .ui-button-icon-left {
  padding: 5px 5px 5px 8px;
}
.ui-button--multi-state button.ui-button .ui-button-icon-left:before {
  font-family: "FontAwesome";
}
.ui-button--multi-state button.ui-button .ui-button-icon-right {
  padding: 5px 8px 5px 5px;
}
.ui-button--multi-state button.ui-button .ui-button-icon-right:after {
  font-family: "FontAwesome";
}
.ui-button--multi-state button.ui-button .ui-button-text {
  padding: 5px 0;
  flex: 1;
}
.ui-button--multi-state button.ui-button.ui-icon-button .ui-button-text {
  padding: 5px 7px;
}
.ui-button--multi-state button.ui-button.ui-icon-button .ui-button-icon-left {
  padding: 0;
}
.ui-button--multi-state button.ui-button.ui-icon-button .ui-button-icon-right {
  padding: 0;
}
.content-block--container {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  margin-bottom: 0px;
  justify-content: flex-start;
  flex-wrap: wrap;
  border: 0px solid red;
  min-width: 50%;
}
.content-block--col {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-width: 25%;
  border: 0px solid #ccc;
  flex-wrap: wrap;
}
.content-block--row {
  flex-direction: row;
}
.content-block--col.col-fill {
  width: auto;
  max-width: 100%;
  flex-shrink: 1;
  flex-grow: 1;
  flex-wrap: wrap;
}
.content-block--col.col-25 {
  width: 25%;
  max-width: 25%;
}
.content-block--col.col-33 {
  width: 33%;
  max-width: 33%;
}
.content-block--col.col-50 {
  width: 50%;
  max-width: 50%;
}
.content-block--col.col-75 {
  width: 75%;
  max-width: 75%;
}
.content-block--col.col-100 {
  width: 100%;
  max-width: 100%;
}
.content-block--col.max-width {
  max-width: 100%;
}
.flex-content-right {
  align-content: flex-end;
}
.content-block--label {
  padding: 5px 5px 0 5px;
  display: block;
  font-size: 11px;
}
.content-block--value {
  padding: 0 5px 5px 5px;
  display: block;
}
.content-block--heading {
  color: #3c4981;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
}
.content-block--col.content-correspondence-ref {
  text-align: right;
  padding-right: 5px;
}
.correspondence-heading {
  display: flex;
  align-items: center;
}
.correspondence-heading .ui-tooltip-icon-block {
  margin-right: 5px;
  margin-left: -5px;
  flex-shrink: 0;
  font-size: 11px;
  width: 26px;
  border-radius: 4px;
  background-color: #e0e1e5;
  border: 0;
  border-left: 4px solid #3c4980;
  color: #fff;
  color: #3c4980;
}
.ui-correspondence--outbound .correspondence-heading .ui-tooltip-icon-block .fa {
  transform: rotate(-45deg);
  position: relative;
  top: -1px;
}
.ui-psudo-selected-button {
  font-weight: normal;
  display: inline-flex;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
  min-width: 35px;
  background-color: #85b2e2;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  cursor: default;
  padding: 5px 8px;
  border-radius: 30px;
}
.ui-filtered-results-info {
  padding: 5px 20px;
  display: none;
}
.ui-filter-description-row {
  border-bottom: 1px dashed rgb(169, 169, 169);
  padding-bottom: 10px;
  display: flex;
  align-content: stretch;
  align-items: center;
  justify-content: left;
  margin-bottom: 5px;
  margin-top: 10px;
}
.ui-filter-description-row .ui-button--multi-state {
  margin-bottom: 0;
}
.ui-filter-description-row .ui-button--multi-state.ui-text-nowrap .ui-button {
  white-space: nowrap;
}
.ui-filter-description-row .ui-filter-description-text {
  display: inline-block;
}
.ui-filter-description-row .ui-filter-description-text:first-child {
  margin-right: 5px;
  min-width: 40px;
  text-align: left;
}
.ui-filter-description-row .ui-filter-description-text:last-child {
  margin-left: 5px;
}
.ui-datarange-container {
  position: relative;
  background: #fff;
  border: 0.1rem solid #85b2e2;
  border-radius: 4px;
}
.ui-datarange-container:hover {
  background-color: rgb(244, 247, 251);
}
.ui-datarange-container .ui-daterange-input {
  background: transparent;
  padding: 5px 10px;
  border: 0;
  padding-right: 45px;
  position: relative;
  z-index: 1;
  min-width: 220px;
}
.ui-datarange-container .ui-daterange-input:focus {
  outline: 6px solid #f6c754;
}
.ui-datarange-container .ui-datarange-dropdown-icons {
  position: absolute;
  width: 40px;
  right: 0;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: center;
  height: calc(100% + 2px);
  border-left: 0.1rem solid #85b2e2;
}
.ui-datarange-container .ui-datarange-dropdown-icons .fa-calendar {
  margin-right: 4px;
}
.ui-datarange-container .ui-datarange-dropdown-icons .fa-caret-down {
  font-size: 18px;
  color: #1580da;
}
.ui-widget-selection-container.ui-app--widget-component.view-widgets {
  position: absolute;
  top: 48px;
  right: 0;
  width: 470px;
  padding: 0;
  height: calc(100% - 50px);
  z-index: 1;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/css-updates.css */
ul.alpha-linked-data-structure li button.ui-reset-button-format,
ul.alpha-linked-data-structure li button.ui-reset-button-format:hover button.ui-reset-button-format,
button.ui-reset-button-format:hover {
  display: unset;
  flex-direction: unset;
  align-content: unset;
  border: unset;
  justify-content: unset;
  border-radius: unset;
  padding: unset;
  box-shadow: unset;
  background-color: unset;
  color: unset;
  transition: unset;
  transform: unset;
  max-width: unset;
  min-width: unset;
  flex-shrink: unset;
  margin: unset;
}
.ui-tile-traversal--container {
  margin-right: 10px;
  margin-bottom: 15px;
  margin-top: -10px;
}
.ui-tile-block--container {
  display: inline-block;
  position: relative;
  width: inherit;
}
.ui-tile-traversal-actions {
  border: 0.1rem solid #85b2e2;
  background-color: #fff;
  flex: 1;
  border-radius: 30px;
  flex-direction: column;
  overflow: hidden;
}
.ui-traversal-action-prev {
  padding: 10px 10px 10px 10px;
  display: inline-block;
  border-right: 0.1rem solid #85b2e2;
  border-left: 0.1rem solid #85b2e2;
}
.ui-traversal-action-next {
  padding: 10px 10px 10px 10px;
  display: inline-block;
}
.ui-traversal-action-prev i,
.ui-traversal-action-next i {
  color: #296ce5;
}
.ui-traversal-action-next:hover,
.ui-traversal-action-prev:hover {
  background-color: rgba(133, 178, 226, 0.2);
}
.ui-item-count {
  display: inline-flex;
  padding-right: 15px;
  background-color: #eee;
  border-right: 4px solid #ddd;
  border-left: 2px solid #ddd;
  margin-right: -5px;
}
.ui-current-item {
  padding: 10px 0 10px 10px;
  display: inline-flex;
  flex: 1;
}
.ui-item-break {
  display: inline-block;
  padding: 10px 2px 10px 2px;
}
.ui-total-items {
  display: inline-block;
  padding: 10px 0 10px 2px;
  font-weight: bold;
}
ul.alpha-linked-data-structure li button.ui-policy-overview,
.ui-policy-overview {
  padding: 10px;
  display: inline-flex;
  color: #296ce5;
  border-right: 0.1rem solid #85b2e2;
  min-width: 40px;
  cursor: pointer;
}
ul.alpha-linked-data-structure li button.ui-policy-overview:hover,
.ui-policy-overview:hover {
  background-color: rgba(133, 178, 226, 0.2);
}
ul.alpha-linked-data-structure.ui-policy-overview-local-overlay {
  position: absolute !important;
  z-index: 2;
  max-width: 700px;
  background-color: rgba(76, 84, 95, 0.8);
  border-radius: 6px;
  top: 100px;
  left: 100px;
  overflow: hidden;
  box-shadow: 5px 6px 11px 0px rgba(2, 2, 2, 0.72);
  border: 2px solid rgba(227, 231, 237, 0.43);
  height: 60vh;
}
ul.alpha-linked-data-structure.ui-policy-overview-local-overlay .ui-policy-overview-container {
  flex-wrap: wrap;
  margin: 0;
}
ul.alpha-linked-data-structure.ui-policy-overview-local-overlay .multi-item-structure {
  padding: 20px;
}
.ui-overview-container-controls {
  position: relative;
  padding: 10px 10px 10px 20px;
  background-color: #3c4981;
  width: calc(100% + 5px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
ul.alpha-linked-data-structure.ui-clients-overview-local-overlay {
  position: absolute !important;
  z-index: 2;
  max-width: 700px;
  background-color: rgba(76, 84, 95, 0.8);
  border-radius: 6px;
  top: 100px;
  left: 100px;
  overflow: hidden;
  box-shadow: 5px 6px 11px 0px rgba(2, 2, 2, 0.72);
  border: 2px solid rgba(227, 231, 237, 0.43);
  height: 60vh;
}
ul.alpha-linked-data-structure.ui-clients-overview-local-overlay .ui-policy-overview-container {
  flex-wrap: wrap;
  margin: 0;
}
ul.alpha-linked-data-structure.ui-clients-overview-local-overlay .multi-item-structure {
  padding: 20px;
}
.ui-group-item.multi-item-structure.scroll-child-items {
  display: block;
  float: left;
}
li.alpha-parent-item.ui-flip-group {
  flex-direction: column;
}
.ui-group-row-tile.multi-item-structure {
  width: 100%;
}
ul.alpha-linked-data-structure li .ui-group-row-tile.multi-item-structure button {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  display: block;
}
.multi-action-tile.tile--size-w-group-row {
  width: 100%;
}
.multi-action-tile.tile--size-w-group-row:hover {
  transform: scale(0.98);
}
.ui-inline-statistics {
  flex-direction: row;
  margin-left: 15px;
}
.ui-inline-address {
  margin-left: 15px;
  flex: 1;
  display: flex;
  height: inherit;
  padding: 15px;
  align-items: center;
}
.tile--address-details-row {
}
.data-group-container.ui-extended-third-parties {
}
.ui-filter-actions-container.ui-group-summary-filter {
  margin-bottom: -10px;
  border: 0;
}
.ui-filter-actions-container.ui-group-summary-filter .ui-filter-count {
  color: #222;
}
.ui-filter-actions-container.ui-group-summary-filter .ui-button.ui-selected .ui-button-text,
.ui-filter-actions-container.ui-group-summary-filter .ui-button.ui-selected .ui-filter-count {
  color: #fff !important;
}
.ui-filter-actions-container.ui-group-policy-viewer {
  border-radius: 0;
  margin: 0;
  width: 100%;
}
.multi-action-tile.ui-tile-group-row .ui-tile-inline-row {
  display: flex;
  flex: 1;
  align-items: center;
  padding-left: 15px;
}
.multi-action-tile.ui-tile-group-row,
.multi-action-tile.ui-tile-group-row .action-container button {
  min-height: 60px;
}
ul.alpha-linked-data-structure li .ui-group-row-tile .ui-tile-group-row .action-container button,
.multi-action-tile.ui-tile-group-row .action-container button {
  justify-content: center;
  display: flex;
  padding: 0;
  flex-direction: row;
}
.ui-diagram-column-headers {
  padding: 15px;
  margin-top: -25px;
  width: 100%;
  display: flex;
}
.ui-diagram-column-headers .ui-button--multi-state,
ul.alpha-linked-data-structure li .ui-button--multi-state {
  margin-bottom: 0;
  position: relative;
}
.ui-diagram-column-headers .ui-clients-header,
.ui-diagram-column-headers .ui-policies-header,
.ui-diagram-column-headers .ui-roles-header {
  padding: 10px 0 5px;
  color: #070d27;
  margin-left: 25px;
  border-bottom: 4px solid #3c4981;
  min-width: 185px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-diagram-column-headers .ui-policies-header {
  margin-left: 60px;
}
.ui-diagram-column-headers .ui-roles-header {
  margin-left: 55px;
  min-width: calc(185px * 2 + 70px);
}
.ui-count-bubble {
  background-color: #eee;
  color: #3c4981;
  font-weight: bold;
  min-width: 25px;
  max-width: 33px;
  align-items: center;
  justify-content: center;
  margin-left: 0px;
  padding: 3px 4px;
  margin-top: -3px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin-bottom: -3px;
  position: relative;
  left: -2px;
  text-align: center;
  display: inline-block !important;
}
.multi-action-tile .ui-tile-coa--mail-here {
  display: flex;
  padding: 8px 12px;
  background-color: #f2e488;
  margin-left: 10px;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: left;
}
.multi-action-tile .ui-tile-coa--mail-here .text {
  flex: 1;
}
.multi-action-tile .ui-tile-coa--mail-here:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  position: absolute;
  top: -25px;
  color: #d9cd7a;
  font-size: 30px;
}
.multi-action-tile.ui-tile-coa .tile--address-details.cor-address {
  background-color: rgba(242, 228, 136, 0.3);
}
.multi-action-tile .ui-tile-coa--pay-here {
  display: flex;
  padding: 8px 12px;
  background-color: #826aac;
  margin-left: 10px;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.multi-action-tile .ui-tile-coa--pay-here:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  position: absolute;
  top: -24px;
  color: #826aac;
  font-size: 30px;
}
.multi-action-tile.ui-tile-coa .tile--address-details.payment-address {
  background-color: rgba(130, 106, 172, 0.1);
}
.tile--address-details.payment-address .tile--address-status {
  color: #826aac;
}
.ui-tile-mail-pay--info {
  display: flex;
}
.ui-tooltip-icon-block.ui-tooltip--mail-here {
  background-color: #f2e488;
  margin-left: 5px;
  color: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 4px 10px 3px 5px;
  height: 30px;
  width: 30px;
}
.ui-tooltip-icon-block.ui-tooltip--mail-here .ui-content-tooltip {
  text-align: left;
  padding: 8px 12px;
  background-color: #f2e488;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.ui-tooltip-icon-block.ui-tooltip--mail-here .ui-content-tooltip:before {
  color: #d9cd7a;
}
.ui-tooltip-icon-block.ui-tooltip--payment-here {
  background-color: #826aac;
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.89);
  border: 2px solid rgba(0, 0, 0, 0.1);
  padding: 4px 10px 3px 5px;
  height: 30px;
  width: 30px;
}
.ui-tooltip-icon-block.ui-tooltip--payment-here .ui-content-tooltip {
  padding: 8px 12px;
  background-color: #826aac;
  border-radius: 4px;
  color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(0, 0, 0, 0.1);
  text-align: left;
}
.ui-tooltip-icon-block.ui-tooltip--payment-here .ui-content-tooltip:before {
  color: #826aac;
}
.ui-tooltip-icon-block.ui-tooltip--blocked {
  position: relative;
}
.ui-tooltip-icon-block.ui-tooltip--blocked:after {
  font-family: "FontAwesome";
  position: absolute;
  content: "\f05e";
  font-size: 40px;
  top: 13px;
  left: -4px;
  line-height: 0;
  color: rgba(217, 83, 79, 0.8);
}
.ui-alpha-indicators {
  display: inline-flex;
  flex-wrap: wrap;
  margin-top: 5px;
}
.ui-alpha-indicators .ui-key-icons {
  margin-right: 10px;
  position: relative;
  top: -1px;
}
.ui-alpha-indicators.top-line-indicators {
  position: relative;
  top: -8px;
}
.ui-alpha-indicators.scheme-indicators {
  display: flex;
}
.ui-alpha-indicators.selected-users {
  display: flex;
  margin-top: 0;
  margin-bottom: 5px;
  display: none;
}
.alpha-indicators .indicator,
.ui-alpha-indicators .indicator,
.ui-data-indicator {
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 2px;
  border-radius: 100px;
  min-width: 45px;
  width: auto;
  font-weight: bold;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 13px;
  display: inline-block;
}
.indicator.ui-status,
.ui-data-indicator {
  padding: 4px 10px 3px 10px;
  background-color: rgb(231, 240, 249);
  border-color: rgb(202, 224, 246);
}
.multi-action-tile .action-container > [class^=action] > .ui-data-indicator {
  display: inline-block;
}
.context-info .ui-data-indicator {
  margin-top: -5px;
}
.indicator.party-count,
.ui-data-indicator.party-count {
  padding: 4px 10px 3px 10px;
  background-color: rgb(238, 238, 238);
  border-color: rgb(215, 215, 215);
}
.indicator.party-count .ui-text,
.ui-data-indicator.party-count .ui-text {
  color: #393a3a;
}
.indicator.party-count .ui-data-value,
.ui-data-indicator.party-count .ui-data-value {
  color: #3c4981;
}
.indicator.ui-user-found {
  padding: 4px 10px 3px 10px;
  background-color: rgb(133, 178, 226);
  border-color: rgb(92, 144, 200);
  color: #fff;
}
.ui-scheme-users-block {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: 5px;
}
.scheme-users {
  padding: 4px 10px 3px 10px;
  background-color: rgb(231, 240, 249);
  border-color: rgb(202, 224, 246);
  color: #3c4981;
  margin-right: 5px;
}
.ui-data-indicator.ui-app-currency {
  padding: 4px 10px 3px 10px;
  background-color: rgb(99, 109, 154);
  border-color: rgb(179, 206, 236);
  color: #eef3f9;
}
.ui-currency-icon {
  position: relative;
  z-index: 1;
  width: 15px;
  text-align: center;
  margin-right: -7px;
  margin-left: 5px;
  color: #2c3769;
  top: -1px;
}
.ui-currency-icon:after,
.context-info .ui-currency-icon:after {
  content: "";
  z-index: -2;
  position: absolute;
  border: 2px dotted #fbf199;
  border-radius: 100%;
  background-color: #f0cd4ef2;
  left: -5px;
  top: -5px;
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  box-shadow: 0px 2px rgba(34, 34, 34, 0.5);
}
.ui-currency-icon:before,
.context-info .ui-currency-icon:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 18px;
  height: 18px;
  border: 1px solid #f7f2c2;
  border-radius: 100%;
  left: -2px;
  top: -2px;
  display: none;
}
.ui-alpha-indicators .indicator.data-empty,
.ui-data-indicator.data-empty {
  background-color: #eee;
  border-color: #e5e5e5;
}
.ui-alpha-indicators .indicator.data-empty span,
.ui-data-indicator.data-empty span,
.ui-alpha-indicators .indicator.data-empty i,
.ui-data-indicator.data-empty i {
  color: #b1b0b0;
}
.alpha-indicators .indicator.life,
.ui-alpha-indicators .indicator.life {
  padding: 4px 10px 3px 10px;
  background-color: #42aeb6;
  color: #fff;
}
.alpha-indicators .indicator.pension,
.ui-alpha-indicators .indicator.pension {
  padding: 4px 10px 3px 10px;
  background-color: #42aeb6;
  color: #fff;
}
.multi-nested-structure {
  height: calc(100vh - 165px);
  padding-top: 5px;
  padding-left: 6px;
  overflow: hidden;
}
.multi-nested-structure .ui-multiple-results {
  height: inherit;
}
.multi-nested-structure .ux-group-summary-prototype {
  overflow-y: scroll;
  padding-left: 10px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ui-multiple-results--information {
  margin-top: 65px;
}
.ui-diagram-content.scroll-child-items {
  padding-bottom: 300px;
}
.reassure-now {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 73px;
  height: 16px;
  border-radius: 10px;
  background-color: #fff;
  margin-left: 5px;
  margin-bottom: -3px;
  border: 1px solid #fff;
}
.reassure-now--active {
  color: #49A94F;
}
.reassure-now--ntu {
  color: #000;
}
.reassure-now--invited {
  color: #e68a00;
}
.reassure-now--locked,
.reassure-now--deactivated {
  color: #d9534f;
}
.tile--reassure-now-logo {
  width: 75px;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #fff;
}
.tile--reassure-now-logo-caption {
  font-size: 11px;
  display: inline-block;
  position: relative;
  top: 1px;
}
.reassure-now-logo {
  height: 18px;
  border-radius: 10px;
  background-color: #fff;
  border: 2px solid rgb(231, 240, 249);
  position: relative;
  z-index: 1;
  vertical-align: top;
}
.reassure-now-logo-caption {
  font-size: 10px;
  display: inline-block;
  position: relative;
  top: 0;
  background-color: rgb(231, 240, 249);
  height: 18px;
  left: -11px;
  padding-top: 3px;
  padding-bottom: 1px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-left: 8px;
  padding-right: 5px;
}
.ui-page-content-constraint {
  height: calc(100vh - 82px);
  overflow: hidden;
}
.ui-diagram-view {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.ui-diagram-view.scroll-child-items {
  max-height: 100vh;
  overflow-y: auto;
  padding: 10px 5px 500px 5px;
  position: relative;
  top: -5px;
  left: -5px;
  flex-direction: row;
}
.ui-diagram-layer {
  display: flex;
  width: 100%;
}
.ui-diagram-col.ui-clients {
}
.ui-diagram-col.ui-policies {
  flex: 1;
  margin-left: 20px;
}
.ui-diagram-col.ui-billing-groups {
  width: 100%;
}
.ui-diagram-col.ui-scheme-policies {
  margin-left: 5px;
}
.ui-diagram-col .ui-diagram-content {
  padding-top: 10px;
  margin-top: 10px;
}
.ui-diagram-content {
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
.ui-diagram-header {
  padding: 10px 5px 5px 5px;
  color: #070d27;
  border-bottom: 4px solid #3c4981;
  min-width: 185px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-diagram-layer.ui-scheme,
.ui-diagram-layer.ui-master-scheme {
  max-width: 1127px;
}
.multi-action-tile.tile--size-w-group-row {
  width: 100%;
}
.multi-action-tile.ui-tile-group-row .action-container button {
  flex: 1;
  width: 100%;
  min-height: 60px;
}
.ui-policies-header.ui-header-fill {
  flex: 1;
}
.ui-policy-row {
  display: flex;
  margin-bottom: 15px;
}
.ui-policy-row:before {
  color: #85b2e2;
  font-family: "FontAwesome";
  content: "\f178";
  font-size: 24px;
  position: relative;
  left: -10px;
  top: 5px;
}
.ui-policy-tile--long {
  display: flex;
  flex-direction: row;
  flex: 1;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  max-width: 800px;
}
.ui-policy-tile--long:hover {
  transform: scale(0.98);
}
.ui-scheme-policies .ui-policy-tile--long {
  max-width: 1080px;
}
.ui-group-row {
  display: flex;
  margin-bottom: 15px;
}
.ui-diagram-layer.ui-group .ui-diagram-col,
.ui-diagram-layer.ui-scheme .ui-diagram-col,
.ui-diagram-layer.ui-master-scheme .ui-diagram-col {
  width: calc(100% - 15px);
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-right: 15px;
  padding-top: 10px;
}
.ui-group-tile--long {
  display: flex;
  flex-direction: row;
  flex: 1;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  min-height: 104px;
}
.ui-group-tile--long:hover {
  transform: scale(0.98);
}
.ui-row-details {
  flex: 1;
  flex-direction: column;
  border: 0.1rem solid #85b2e2;
  border-radius: 6px 0 0 6px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.ui-row-details .ui-extended-actions {
  display: flex;
}
.ui-row-details .ui-extended-actions .ui-row-tile-extended-action {
  border: 0;
  border-top: 2px solid #ccc;
  background-color: transparent;
  padding: 10px 10px;
  display: flex;
  flex: 1;
}
.ui-diagram-col.ui-policies .ui-diagram-content {
  border-left: 4px solid #85b2e2;
  border-radius: 4px;
  margin-top: 10px;
}
.ui-diagram-col .ui-diagram-content.scroll-child-items {
  max-height: 70vh;
  overflow-y: auto;
  padding: 10px 5px 500px 5px;
  position: relative;
  top: -5px;
  left: -5px;
}
.ui-policy-details,
.ui-row-details {
  flex: 1;
  flex-direction: column;
  border: 0.1rem solid #85b2e2;
  border-radius: 6px 0 0 6px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.ui-group-row.no-expanded-content .ui-row-details {
  border-radius: 6px;
}
.ui-policy-details .ui-extended-actions {
  display: flex;
}
.ui-policy-details .ui-extended-actions .ui-row-tile-extended-action,
.ui-row-details .ui-extended-actions .ui-row-tile-extended-action {
  border: 0;
  border-top: 2px solid #ccc;
  background-color: transparent;
  padding: 10px 10px;
  display: flex;
  flex: 1;
  min-height: 50px;
}
.ui-row-details .ui-extended-actions .ui-row-tile-extended-action:after,
.ui-policy-details .ui-extended-actions .ui-row-tile-extended-action:after {
  font-size: 18px;
}
.ui-policy-details .ui-extended-actions .ui-row-tile-extended-action:hover,
.ui-row-details .ui-extended-actions .ui-row-tile-extended-action:hover {
  background-color: rgb(223, 231, 239);
  cursor: pointer;
}
.ui-policy-details .ui-extended-actions .ui-row-tile-extended-action:focus:after,
.ui-row-details .ui-extended-actions .ui-row-tile-extended-action:focus:after {
  outline: 6px solid #f6c754;
  content: "";
  position: absolute;
  padding: 10px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
  z-index: 1;
}
.ui-policy-details .ui-expanded-details,
.ui-row-details .ui-expanded-details {
  border-top: 2px dashed #d6d6d6;
  padding: 15px 10px;
  background-color: #f3f3f3;
  margin-left: 0.05rem;
  width: calc(100% - 0.1rem);
}
.ui-policy-details .ui-linked-members-container {
  display: flex;
}
button.ui-policy-open,
button.ui-row-open {
  background-color: #f7fafd;
  border: 0.1rem solid #3f86d3;
  border-left: 2px solid #f0f0f0;
  width: 50px;
  border-radius: 0 6px 6px 0;
  position: relative;
}
button.ui-policy-open i,
button.ui-row-open i {
  font-size: 22px;
  color: #3f86d3;
}
button.ui-policy-open:hover,
button.ui-row-open:hover {
  background-color: rgb(223, 231, 239);
  cursor: pointer;
}
.ui-policy-tile--long button.ui-row-tile-action,
.ui-row-details button.ui-row-tile-action {
  background-color: transparent;
  border: 0.1rem solid transparent;
  display: flex;
  flex: 1;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  color: #222;
}
.ui-policy-tile--long button.ui-row-tile-action.alpha-selected,
.ui-policy-tile--long button.ui-row-tile-action.alpha-selected:hover,
.ui-row-details button.ui-row-tile-action.alpha-selected,
.ui-row-details button.ui-row-tile-action.alpha-selected:hover {
  background-color: rgb(223, 231, 239);
}
.ui-policy-tile--long button.ui-row-tile-action:hover,
.ui-row-details button.ui-row-tile-action:hover {
  background-color: rgb(223, 231, 239);
  cursor: pointer;
}
.ui-policy-tile--long button.ui-row-tile-action:focus:after,
.ui-row-details button.ui-row-tile-action:focus:after,
button.ui-policy-open:focus:after,
button.ui-row-open:focus:after {
  outline: 6px solid #f6c754;
  content: "";
  position: absolute;
  padding: 10px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  top: -5px;
  left: -5px;
  z-index: 1;
}
.ui-action-content {
  min-height: 80px;
  padding: 10px 10px;
  flex: 1;
  text-align: left;
}
.tile--data {
  display: block;
}
.tile--indicators {
  display: block;
}
.tile--data.ui-policy-company {
  font-size: 14px;
  margin-bottom: 10px;
  display: block;
}
.tile--data.ui-policy-number {
  font-size: 14px;
}
.tile--data-block.ui-policy-number {
  margin-bottom: 10px;
  display: inline-block;
}
.tile--data-block {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  padding-right: 10px;
}
.group-address-block {
  margin-left: 5px;
  margin-top: 5px;
}
.tile--data-block.long-tile-reference-number {
  min-width: 120px;
  margin-right: 0;
}
.multi-action-tile.tile--size-w-med button {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
.ui-interested-parties .multi-action-tile button {
  text-align: left;
}
.ui-interested-parties {
  margin-right: 20px;
  width: 100%;
  flex-wrap: wrap;
}
.ui-interesed-party-content {
  padding-top: 15px;
}
.ui-interesed-party-content .multi-action-tile.tile--default button {
  text-align: left;
}
.ui-interested-party-container,
.ui-policy-row--sub-container {
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.ui-policy-row--sub-container .ui-content {
  padding-top: 15px;
}
.ui-flag-col {
  display: flex;
  justify-content: top;
  flex-direction: column;
  padding-top: 10px;
}
.ui-user-found-container {
  margin-top: 0;
  position: relative;
  top: -5px;
  left: -5px;
}
.ui-tooltip-icon-block.ui-tooltip--user-found {
  background-color: #85b2e2;
  margin-left: 0;
  color: rgba(255, 255, 255, 1);
  border: 2px solid #6f9ccc;
  padding: 4px 10px 3px 5px;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  position: relative;
}
.ui-tooltip-icon-block.ui-tooltip--user-found:before {
  content: "\f0da";
  display: none;
  font-family: "FontAwesome";
  color: #6f9ccc;
  position: absolute;
  left: calc(100% - 1px);
  top: -1.5px;
  font-size: 26px;
}
.ui-tooltip-icon-block.ui-tooltip--user-found .ui-content-tooltip {
  text-align: left;
  padding: 8px 12px;
  background-color: #85b2e2;
  border-radius: 4px;
  color: #fff;
  border: 2px solid #85b2e2;
}
.ui-tooltip-icon-block.ui-tooltip--user-found .ui-content-tooltip:before {
  color: #85b2e2;
}
.multi-action-tile.tile--default.tile--billing-group {
  margin-bottom: 30px;
}
.multi-action-tile.tile--default.tile--billing-group .action-container button {
  flex-direction: row;
  display: flex;
}
.multi-action-tile.tile--default.tile--billing-group .ui-stamp-block--billing-group {
  margin-left: -5px;
  transform: scale(0.5);
}
.multi-action-tile.tile--default.tile--billing-group .ui-stamp-block--billing-group {
  position: absolute;
  top: -26px;
  left: -10px;
  transform: scale(0.4);
}
.multi-action-tile.tile--default.tile--billing-group .ui-stamp-block--billing-group .ui-stamp-text {
  display: none;
}
.multi-action-tile.tile--default.tile--billing-group .ui-stamp-block--billing-group .ui-stamp-icon {
  font-size: 51px;
}
.multi-action-tile.tile--default.tile--billing-group button {
  width: 270px;
  max-width: 270px;
  min-width: 270px;
}
.multi-action-tile.tile--default .ui-action-details-col,
.multi-action-tile.tile--default .action-container > [class^=action] > span.ui-action-details-col {
  padding-left: 36px;
}
.multi-action-tile .action-container > [class^=action] .ui-action-details-col > span[class*=tile] {
  display: block;
}
.ui-alpha-indicators.selected-users {
  display: flex;
  margin-top: 0;
  margin-bottom: 5px;
  display: none;
}
.ui-policy-row.ui-show-linked-member[selected-client*=uxMrJoeBloggs] .ui-user-found.ux-MrJoeBloggs,
.ui-policy-row.ui-show-linked-member[selected-client*=uxMrsLucyBloggs] .ui-user-found.ux-MrsLucyBloggs,
.ui-policy-row.ui-show-linked-member[selected-client*=uxMrMrsBloggs] .ui-user-found.ux-MrMrsBloggs,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC00] .ui-user-found.ux-C00,
.ui-group-row.ui-show-linked-member[selected-client*=uxC00] .ui-user-found.ux-C00 {
  display: block;
}
.ui-group-row.ui-show-linked-member[selected-client*=uxAdmin01] .ui-user-found.ux-Admin01,
.ui-group-row.ui-show-linked-member[selected-client*=uxAdmin02] .ui-user-found.ux-Admin02 {
  display: block;
  margin-right: 345px;
}
.ui-policy-row.ui-show-linked-member[selected-client*=uxC04] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC05] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC06] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC07] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC08] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC09] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC10] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC11] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC12] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC13] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC14] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC15] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC16] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC17] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC18] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC19] .ui-user-found.ux-ExampleMember,
.ui-policy-row.ui-show-linked-member[selected-client*=uxC20] .ui-user-found.ux-ExampleMember {
  display: block;
  margin-right: 345px;
}
.ui-policy-row .ui-flag-col .ui-tooltip--user-found,
.ui-policy-row .ui-user-found,
.ui-group-row .ui-flag-col .ui-tooltip--user-found,
.ui-group-row .ui-user-found {
  display: none;
}
.ui-policy-row.ui-show-linked-member .ui-flag-col .ui-tooltip--user-found,
.ui-group-row.ui-show-linked-member .ui-flag-col .ui-tooltip--user-found {
  display: block;
}
.ui-policy-row.ui-show-linked-member .ui-alpha-indicators.selected-users,
.ui-group-row.ui-show-linked-member .ui-alpha-indicators.selected-users {
  display: flex;
}
.reassure-now--overlay-header-logo {
  height: 24px;
}
.reassure-now--portal-policy-heading-container {
  flex-grow: 3;
}
.reassure-now--portal-view-container .reassure-now--portal-policy-indicator-container,
.reassure-now--portal-view-container .reassure-now--portal-policy-status-container {
  width: 150px;
}
.reassure-now--portal-view-container .reassure-now--portal-policy-status-container .reassure-now--portal-policy-status {
  display: flex;
  justify-content: center;
}
.reassure-now--portal-view-container .reassure-now--portal-policy-indicator-container {
  border-left: 1px solid #23325f;
  border-right: 1px solid #23325f;
  padding-left: 20px;
  padding-right: 20px;
}
.reassure-now--portal-view-container .reassure-now--portal-policy-indicator-container .alpha-indicators {
  margin-top: 0;
  justify-content: center;
}
.reassure-now--portal-view-container .card.screen-detail-block-card {
  background-color: #3c4981;
}
.reassure-now--portal-view-container .reassure-now--portal-policy {
  background-color: #2c3d6d;
  border: 1px solid #202e5b;
  padding: 20px;
  margin-bottom: 15px;
}
.reassure-now--portal-view-container .reassure-now--portal-policy-heading {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.reassure-now--portal-view-container .reassure-now--portal-policy-number {
  color: #4899a2;
  font-weight: bold;
}
.reassure-now--portal-view-container .reassure-now--portal-policy.ui--not-available {
  background-color: #202e5b;
}
.reassure-now--portal-view-container .reassure-now--portal-policy.ui--not-available .reassure-now--portal-policy-heading,
.reassure-now--portal-view-container .reassure-now--portal-policy.ui--not-available .reassure-now--portal-policy-number {
  color: #3c4981;
}
.reassure-now--portal-view-container .reassure-now--portal-policy.ui--not-available .alpha-indicators .indicator {
  background-color: #3c4981;
  border-color: #3c4981;
  color: #202e5b;
}
.state--ui-warning .status-label,
.onhold,
.state--ui-warning--no-icon .status-label,
.inactive,
.not-available {
  color: rgb(230, 138, 0);
}
.flex-container {
  display: flex;
}
.flex-container.align-items-center {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-container.space-between {
  justify-content: space-between;
}
.flex-container.space-evenly {
  justify-content: space-evenly;
}
.flex-container.space-around {
  justify-content: space-around;
}
.flex-col.flex-auto {
  flex: 1;
}
.justify-content-center {
  justify-content: center;
}
[class*=ui-stamp-block] {
  border: 5px solid rgb(193, 198, 210);
  height: 80px;
  width: 80px;
  background-color: #646464;
  border-radius: 100%;
  margin-top: 10px;
  margin-left: 5px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 3px 3px 1px rgba(34, 34, 34, 0.3);
  text-align: center;
}
[class*=ui-stamp-block]:before {
  font-family: "FontAwesome";
  content: "\f02e";
  position: absolute;
  bottom: -16px;
  left: calc(23px);
  font-size: 36px;
  line-height: 0;
  color: rgb(193, 198, 210);
  text-shadow: 0px 4px 3px rgba(34, 34, 34, 0.3);
}
[class*=ui-stamp-block] .ui-stamp-icon {
  display: block;
  background-color: rgba(255, 255, 255, 00);
  font-size: 38px;
  line-height: 1.0;
  padding: 7px 5px 0px 5px;
  text-shadow: 0px 4px 3px rgba(34, 34, 34, 0.3);
}
[class*=ui-stamp-block] .ui-stamp-text {
  font-size: 12px;
  text-shadow: 0px 4px 3px rgba(34, 34, 34, 0.3);
}
.ui-stamp-block--scheme {
  background-color: #aa416c;
  border-color: #d86f7d;
  background-color: #ad58a2;
  border-color: #d99cd1;
}
.ui-stamp-block--scheme:before,
.ui-stamp-block--scheme:after {
  font-family: "FontAwesome";
  content: "\f02e";
  position: absolute;
  bottom: -11px;
  font-size: 28px;
  line-height: 0;
  color: rgb(193, 198, 210);
  text-shadow: 0px 4px 3px rgba(34, 34, 34, 0.3);
}
.ui-stamp-block--scheme:before {
  color: #d99cd1;
  transform: rotate(20deg);
  left: 11px;
}
.ui-stamp-block--scheme:after {
  color: #d99cd1;
  transform: rotate(-20deg);
  left: unset;
  right: 11px;
}
.ui-stamp-block--billing-group {
  background-color: #4aa591;
  border-color: #346570;
}
.ui-stamp-block--billing-group:before,
.ui-stamp-block--billing-group:after {
  font-family: "FontAwesome";
  content: "\f02e";
  position: absolute;
  bottom: -11px;
  font-size: 28px;
  line-height: 0;
  color: rgb(193, 198, 210);
  text-shadow: 0px 4px 3px rgba(34, 34, 34, 0.3);
}
.ui-stamp-block--billing-group:before {
  color: #346570;
  transform: rotate(20deg);
  left: 11px;
}
.ui-stamp-block--billing-group:after {
  color: #346570;
  transform: rotate(-20deg);
  left: unset;
  right: 11px;
}
.ui-stamp-block--billing-group .ui-stamp-text {
  line-height: 1.1;
}
.ui-stamp-block--billing-group .ui-stamp-icon {
  font-size: 31px;
  margin-bottom: 2px;
  padding-top: 5px;
}
.ui-stamp-block--group {
  background-color: #aa416c;
  border-color: #d86f7d;
  background-color: #3c4981;
  border-color: #919bc5;
}
.ui-stamp-block--group:before {
  color: #919bc5;
}
.ui-stamp-block--group .ui-stamp-icon {
  font-size: 26px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.ui-stamp-block--group .ui-stamp-text {
  line-height: 1.1;
}
.ui-stamp-block--master-scheme {
  background-color: #4aa591;
  border-color: #346570;
  border-radius: 10px 10px 100% 100%;
  height: 90px;
}
.ui-stamp-block--master-scheme:before {
  color: #346570;
  content: "\f02e  \f02e";
  bottom: -9.4px;
  left: calc(19px);
  font-size: 20px;
}
.ui-stamp-block--master-scheme .ui-stamp-text {
  line-height: 1.1;
}
.ui-stamp-block--master-scheme .ui-stamp-icon {
  font-size: 27px;
  padding-top: 2px;
}
.ui-stamp-block--master-scheme .ui-sub-icons {
  display: flex;
  color: rgba(255, 255, 255, 0.7);
  justify-content: space-around;
  font-size: 13px;
  margin-bottom: 6px;
  line-height: 0;
}
.multi-action-tile.tile--default .ui-tile-address-block,
.ui-tile-address-block {
  width: calc(185px - 8px);
  text-align: left;
  margin-left: -9px;
  margin-right: -20px;
  border: 0;
  border-radius: 0;
  padding-bottom: 5px;
  margin-bottom: -5px;
}
.multi-action-tile.tile--default.tile--size-w-med .ui-tile-address-block {
  max-width: calc(185px - 3px);
  min-width: calc(185px - 3px);
  width: calc(185px - 3px);
}
.multi-action-tile.tile--default button .ui-tile-address-block .tile--address-details,
.ui-tile-address-block .tile--address-details {
  background-color: rgba(202, 205, 228, 0.2);
  left: 0;
  display: block;
  padding: 5px 10px 10px 0;
  margin-left: 0;
  border-width: 0.1rem;
  border-top: 2px solid #b2b7cc;
  border-bottom: 2px solid #b2b7cc;
  margin-bottom: -6px;
}
.multi-action-tile.tile--default button[class*=action] .ui-tile-address-block .tile--address-details {
  margin-left: -4px;
}
.multi-action-tile.tile--default button .ui-tile-address-block .tile--address-details span[class^=tile--data],
.ui-tile-address-block .tile--address-details span[class^=tile--data] {
  background-color: transparent;
  margin-left: 0;
}
.tile--data.tile-row-address {
  margin-bottom: 0;
  margin-top: 10px;
  margin-bottom: -10px;
}
.tile--data.tile-row-address .tile--data-heading {
  display: block;
}
.tile-row-address .ui-tile-address-block {
  width: unset;
  margin: 0;
  margin-bottom: -5px;
  display: inline-block;
}
.tile-row-address .ui-tile-address-block .tile--address-details {
  display: flex;
  padding: 0;
  margin: 0;
  border-top: 0;
  border-radius: 100px;
  border: 2px solid rgb(210, 213, 228);
  background-color: #f4f5fa;
  color: #222;
  margin-bottom: 6px;
  padding: 4px 0 4px 10px;
  position: relative;
}
.tile-row-address .ui-tile-address-block .tile--address-details .fa-home {
  margin-right: 5px;
}
.tile-row-address .ui-tile-address-block .tile--address-details span[class^=tile--data] {
  padding: 0;
  margin: 0;
  display: inline-flex;
  width: unset;
  align-items: center;
  padding-right: 7px;
}
.tile-row-address .ui-tile-address-block .tile--address-details .ui-key-icons {
  position: absolute;
  top: -4px;
  left: 100%;
  width: 80px;
  display: block;
}
.ux-example-block.ux-rosette-examples01 {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-top: 90px;
}
.ux-example-block.ux-rosette-examples01 [class*=ui-stamp-block] {
  transform: scale(2);
}
.master-scheme-examples {
  display: flex;
  border: 4px dashed #ccc;
  padding: 0 30px 30px;
}
.ui-alpha-answered-questions {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ui-alpha-auto-answer {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}
.ui-alpha-auto-answer .ui-alpha-icon {
  border: 4px solid #3c4981;
  background-color: #8f96ab;
  padding: 10px;
  overflow: hidden;
  border-radius: 100%;
  height: 55px;
}
.ui-alpha-auto-answer .ui-alpha-icon img {
  width: 25px;
  mix-blend-mode: color-dodge;
}
.ui-alpha-auto-answer .ui-alpha-answer-text {
  border-left: 4px solid #3c4981;
  flex: 1;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  padding-left: 10px;
  padding-top: 10px;
  background-color: rgba(102, 108, 128, 0.2);
  border-radius: 0 6px 6px 0;
  padding-right: 120px;
  padding-bottom: 10px;
}
p.ui-alpha-info-header {
  margin-bottom: 10px;
  margin-top: 35px;
  border-bottom: 1px dashed;
  padding: 10px;
  color: #3c4981;
}
p.ui-alpha-info-header.ui-no-margin-top {
  margin-bottom: 10px;
  margin-top: 0;
  border-bottom: 1px dashed;
  padding: 10px;
  color: #3c4981;
}
.centered-questions {
  text-align: center;
}
.question-container .question {
  padding: 10px;
  display: block;
  font-weight: bold;
}
.card .alt-card,
.overlay--local-container .card.alt-card {
  background-color: #fff;
  padding: 0;
}
.card.question-sets button.data-tile,
.question-sets button.data-tile {
  min-width: 120px;
  width: 120px;
  padding: 10px 5px 5px 5px;
}
.card.question-sets button.data-tile.full-width,
.question-sets button.data-tile.full-width {
  min-width: 100%;
  width: 100%;
}
.card.question-sets button.data-tile.layout-45pc,
.question-sets button.data-tile.layout-45pc {
  min-width: 45%;
  width: 45%;
}
.question-sets--navigation {
  display: flex;
  background-color: #eff2f7;
  padding: 5px 0px 0px 5px;
  border-radius: 60px;
  margin: 0 auto;
  justify-content: space-between;
}
.card.alt-card.question-sets.centered-questions {
  margin-bottom: 0;
  padding: 5px 5px 10px;
}
.ui-grouping-container {
  padding: 25px 15px 10px;
  position: relative;
  background-color: white;
}
.ui-grouping-container--heading {
  position: absolute;
  top: -15px;
  left: 10px;
  padding: 3px 8px;
  background: #fff;
}
.ui-group-container--heading-content {
  font-size: 0.9rem;
}
.ui-grouping-container,
.ui-grouping-container--heading {
  border: 2px solid rgba(60, 73, 129, 0.4);
  border-radius: 0.25rem;
}
.textarea--with-count progress {
  background-color: #f3f3f3;
  border: 1px solid #e2e5ec;
  border-bottom: 0;
  overflow: hidden;
  height: 25px;
  width: 100%;
  position: relative;
  padding: 6px;
  transform: rotate(180deg);
  margin-bottom: -8px;
}
.textarea--with-count progress:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  text-align: right;
  top: 2px;
  right: 5px;
  font-size: 12px;
  font-weight: bold;
}
.textarea--with-count progress::-webkit-progress-bar {
  background-color: #5cb85c;
  border-radius: 0 4px 4px 0;
}
.textarea--with-count progress::-webkit-progress-value {
  background-color: #5cb85c;
  background-color: #cecfd2;
}
.textarea--with-count textarea {
  margin-bottom: 0;
}
.textarea--count-progress {
  background-color: #eee;
  width: 100%;
  border-radius: 0 0 4px 4px;
  border: 1px solid #e2e5ec;
  border-top: 0;
  padding: 5px 7px 5px 7px;
  font-size: 11px;
  position: relative;
}
.textarea--count-value {
  font-weight: bold;
  color: #489848;
  font-size: 13px;
}
.ui-appointment-time-container .ui-time-hh,
.ui-appointment-time-container .ui-time-mm {
  width: 45px;
}
.ui-appointment-time-container .ui-time-am-pm {
  width: 65px;
}
.ui-appointment-time-container .ui-form-label-spacer {
  margin: 0 2px;
}
.ui-relative-anchor {
  position: relative;
}
.ui-linked-widget {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: -16px 0px 8px -4px rgb(0 0 0 / 40%);
  border-left: 2px solid rgba(23, 23, 23, 0.4);
  display: flex;
  flex-direction: column;
}
.ui-linked-widget--header {
  height: 50px;
  border-bottom: 4px solid #4c5992;
}
.ui-linked-widget--body {
  flex: 1;
  display: flex;
}
.ui-linked-widget.ui-linked-widget--external-site-a {
  width: 450px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/prototype-oversea-indicator-additions.css */
.tile-row-address .ui-tile-address-block .tile--address-details .ui-key-icons {
  display: flex;
}
.state--ui-active:after {
  font-family: "Font Awesome 5 Free";
  content: "\f058";
  color: #49A94F;
  font-size: 0.8rem;
  position: absolute;
  top: -4px;
  right: -7px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-active,
.state--ui-active--no-icon {
  border-color: #49A94F !important;
}
.state--ui-active .status-label,
.state--ui-active--no-icon .status-label {
  color: #49A94F !important;
}
.state--ui-error:after {
  font-family: FontAwesome;
  content: "\f057";
  color: #d9534f;
  line-height: 1;
  font-size: 0.9rem;
  position: absolute;
  top: -5px;
  right: -8px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-error,
.state--ui-error--no-icon {
  border-color: #d9534f !important;
}
.state--ui-error .status-label,
.state--ui-error--no-icon .status-label {
  color: #d9534f !important;
}
.tile-row-address .ui-tile-address-block .tile--address-details .ui-data-indicator.overseas {
  margin: 0;
  margin-top: -6px;
  margin-bottom: -6px;
  margin-right: -2px;
  min-width: 30px;
}
.ui-tile-address-block .tile--address-details .ui-data-indicator.overseas {
  margin-left: 20px;
  margin-top: 5px;
}
.ui-tile-address-block .tile--address-details .ui-data-indicator.overseas i {
  margin-right: 4px;
  margin-left: -4px;
}
.ui-data-indicator.overseas {
  background-color: #487892;
  border-color: rgba(252, 255, 255, 0.3);
  color: #fff;
  text-align: center;
}
.tile-row-address .ui-data-indicator.overseas {
  padding: 5px 10px 4px 10px;
}
.multi-action-tile.tile--default button .ui-tile-address-block .tile--address-details.correspondence,
.ui-tile-address-block .tile--address-details.correspondence {
  border-bottom: 0;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/prototype-filter-additions.css */
.ui-filter-actions-container.ui-group-summary-filter .ui-filter-shelf .ui-filter-description-row {
  align-items: baseline;
  flex-wrap: wrap;
}
.ui-filter-actions-container.ui-group-summary-filter .ui-filter-shelf .ui-filter-description-row.ui-freetext-filter-container {
  display: flex;
  flex-direction: row;
}
.ui-filter-actions-container.ui-group-summary-filter .ui-filter-shelf .ui-filter-description-row.ui-freetext-filter-container * {
  display: inline-flex;
}
.ui-filter-actions-container.ui-group-summary-filter .ui-filter-shelf .ui-button--multi-state.ui-text-nowrap {
  margin-bottom: 10px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/css-alpha-explorer.css */
.header-block {
}
.header-block .app-toolbar--heading {
  padding: 10px;
  color: #afafaf;
  display: block;
}
.alpha-explorer-toolbar {
  display: flex;
  position: relative;
}
.ui-action-rail {
  width: 50px;
  background: rgb(2, 3, 8);
  background:
    linear-gradient(
      -45deg,
      rgb(21, 23, 34) 0%,
      rgb(72, 79, 112) 71%,
      rgb(4, 24, 44) 100%);
  border-right: 2px solid rgba(169, 174, 196, 0.5);
  z-index: 2;
}
.alpha-explorer-toolbar.light .ui-action-rail {
  background: #f8f9fa;
}
.alpha-explorer-toolbar.light .ui-menu-action-block button.ui-menu-action {
  background: #f8f9fa;
  border: 2px solid rgba(131, 189, 241, 0.5);
}
.alpha-explorer-toolbar.light .ui-menu-action-block button.ui-menu-action .details {
  color: #1985c4;
}
.alpha-explorer-toolbar .ui-menu-action-block {
  display: block;
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action {
  background: rgb(2, 3, 8);
  border: 2px solid rgba(251, 251, 251, 0.5);
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  margin: 10px auto;
  position: relative;
  z-index: 1;
  display: block;
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  cursor: pointer;
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action .details {
  color: #fff;
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action .ui-icon--svg {
  fill: #fff !important;
  position: absolute;
  width: 40px;
  height: 40px;
  top: -5px;
  left: -5.5px;
  transform: scale(0.8);
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action:hover {
  border-color: rgb(133, 178, 226);
  transform: scale(0.93);
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action:hover .tooltip {
  display: inline;
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action .tooltip {
  position: absolute;
  left: calc(100% + 25px);
  background-color: #1a1a1a;
  white-space: nowrap;
  color: #fff;
  padding: 5px 10px;
  z-index: 999;
  font-size: 14px;
  opacity: 1;
  display: none;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0.3s;
  top: 3px;
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action .tooltip:after {
  content: "\f0d9";
  font-family: "FontAwesome";
  position: absolute;
  right: calc(100% - 2px);
  color: #232323;
  font-size: 30px;
  line-height: 0;
  top: 15px;
}
.alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action:focus {
  transform: scale(0.93);
}
.alpha-explorer-toolbar button.ui-menu-action.tier-0 {
  border-radius: 100px;
  font-size: 18px;
}
.alpha-explorer-toolbar .ui-menu-action-block.group-summary .details i {
  position: relative;
  top: 2px;
}
.alpha-explorer-toolbar .ui-menu-action-block.master-scheme-summary .details i {
  position: relative;
  top: -4px;
  left: 1px;
}
.alpha-explorer-toolbar .ui-menu-action-block.master-scheme-summary .details .icon-shelf {
  font-size: 9px;
  position: absolute;
  width: 37px;
  bottom: 0px;
  left: -1px;
}
.alpha-explorer-toolbar .ui-menu-action-block.master-scheme-summary .details .icon-shelf i {
  color: rgba(255, 255, 255, 0.8);
}
.alpha-explorer-toolbar .ui-action-menu-extended {
  background-color: rgba(34, 34, 34, 0.9);
  width: 230px;
  position: absolute;
  top: 0;
  height: 100%;
  left: 100%;
  display: none;
  flex: 1;
  z-index: 1;
  border-right: 4px solid #fff;
  box-shadow: 7px 4px 6px 0px rgba(34, 34, 34, 0.5);
}
.alpha-explorer-toolbar.pinned01 .ui-action-menu-extended {
}
.alpha-explorer-toolbar.extended .ui-action-menu-extended {
  display: initial;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/css-user-preference-dashboard.css */
.ui-anchor {
  position: relative;
  z-index: 3;
}
.app-header {
  overflow: visible;
}
button.app-user--info {
  cursor: pointer;
  border: 2px solid #85b2e2;
  background-color: #fff;
  color: #4f8fd4;
}
button.app-user--info:hover {
  background-color: rgb(223, 231, 239);
}
button.app-user--info.ui-preferences-open {
  background-color: #85b2e2;
  border-radius: 30px 30px 0 0;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
button.app-user--info.ui-preferences-open:after,
button.app-user--info.ui-preferences-open:before {
  position: absolute;
  font-family: "FontAwesome";
  content: "\f077";
  font-weight: normal;
  top: 5px;
  right: 7px;
  font-size: 30px;
}
button.app-user--info.ui-preferences-open:before {
  content: "\f111";
  color: #85b2e2;
  font-size: 38px;
}
.ui-preference-dashboard {
  position: absolute;
  top: 52px;
  right: 0px;
  background-color: rgba(234, 234, 233, 0.96);
  border: 4px solid #85b2e2;
  z-index: 1;
  padding-top: 5px;
  box-shadow: -5px 5px 6px 3px rgba(34, 34, 34, 0.3);
  border-radius: 6px 0 6px 6px;
  overflow: hidden;
  max-height: 0;
  min-width: 0;
  max-width: 0;
  opacity: 0;
  transition: all 0.0s ease-in-out;
}
.ui-preference-dashboard.show-preferences {
  transition: all 0.15s ease-in-out;
  min-width: 600px;
  max-height: 9000px;
  max-width: 800px;
  opacity: 1;
}
.ui-preference-dashboard .ui-section {
  display: flex;
}
.ui-preference-dashboard .ui-preference-block {
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding: 10px;
  background-color: #e0e2e4;
}
.ui-preference-dashboard .ui-preference-block.space-between {
  justify-content: space-between;
}
.ui-preference-dashboard .ui-preference-block.fixed-blocks .tile--data-block {
  min-width: 30%;
}
.ui-preference-dashboard .user-details-block {
  flex: 1;
}
.ui-preference-dashboard .current-user {
  display: flex;
  align-items: center;
}
.ui-preference-dashboard .user-initials {
  border: 4px solid rgb(193, 198, 210);
  height: 60px;
  width: 60px;
  background-color: #556298;
  border-color: #919bc5;
  border-radius: 100%;
  margin-right: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 3px 3px 1px rgba(34, 34, 34, 0.3);
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.ui-preference-dashboard .user-details {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ui-preference-dashboard .tile--data.user-name {
  display: flex;
  justify-content: space-between;
}
.ui-preference-dashboard .default-actions {
}
.ui-preference-dashboard .user-info-actions {
  display: flex;
  flex: 1;
  align-items: center;
}
.ui-preference-dashboard .tile--data-presentation {
  display: flex;
}
.ui-preference-dashboard .tile--data-presentation-icon {
  display: flex;
  margin-right: 5px;
  align-items: center;
  font-size: 18px;
  border: 1px solid rgba(193, 198, 210, 0);
  height: 30px;
  width: 30px;
  background-color: #cecece;
  border-radius: 3px;
  margin-right: 5px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 1px 1px 1px rgba(34, 34, 34, 0.1);
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.ui-preference-dashboard .tile--data-presentation-details {
  display: block;
}
.ui-preference-dashboard .ui-preference-block-header {
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 2px dashed #b9b9b8;
}
.ui-preference-dashboard .ui-preference-block-tiles {
  display: flex;
  padding: 10px;
  flex-wrap: wrap;
  justify-content: space-evenly;
  flex: 1;
}
.ui-preference-dashboard button.ui-pref-tile {
  border: 4px solid rgba(255, 255, 255, 0.5);
  height: 70px;
  width: 90px;
  background-color: #e6e6e6;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 3px 3px 1px rgba(34, 34, 34, 0.3);
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}
.ui-preference-dashboard button.ui-pref-tile:hover {
  transform: scale(0.95);
}
.ui-preference-dashboard .ui-pref-tile .tile-content {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.ui-preference-dashboard .ui-pref-tile .tile-icon {
  margin-bottom: 5px;
  font-size: 18px;
}
.ui-preference-dashboard button.ui-pref-tile.ui-selected:after {
  content: "";
  position: absolute;
  border: 4px solid #59a3f2;
  top: -12px;
  left: -12px;
  width: calc(100% + 24px);
  height: calc(100% + 24px);
  border-radius: 6px;
}
.ui-preference-dashboard button.ui-pref-tile.standard {
  background-color: #3c4981;
  color: #fff;
}
.ui-preference-dashboard button.ui-pref-tile.light {
  background-color: #efefef;
  color: #222;
}
.ui-preference-dashboard button.ui-pref-tile.dark {
  background-color: #3b3b3b;
  color: rgba(255, 255, 255, 0.9);
}
.ui-preference-dashboard .ui-preference-block.ui-app-size-selector {
  flex-direction: column;
}
.ui-preference-dashboard .ui-preference-block.ui-app-size-selector .ui-preference-block-tiles {
  align-items: center;
  flex: 1;
}
.ui-preference-dashboard .ui-preference-block.ui-app-size-selector button.ui-pref-tile {
  color: #1359c4;
}
.ui-preference-dashboard .ui-preference-block.ui-app-size-selector button.ui-pref-tile:hover {
  background-color: rgb(223, 231, 239);
}
.ui-preference-dashboard .ui-preference-block.ui-app-size-selector .ui-preference-block-tiles .tile-icon {
  height: 28px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 2px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 2px;
}
.ui-preference-dashboard .ui-prefxerence-block.ui-app-size-selector button.ui-pref-tile.ui-selected {
  background-color: #59a3f2;
  color: #fff;
}
.ui-preference-dashboard button.ui-pref-tile.size-small .tile-icon {
  font-size: 13px;
}
.ui-preference-dashboard button.ui-pref-tile.size-medium .tile-icon {
  font-size: 18px;
}
.ui-preference-dashboard button.ui-pref-tile.size-large .tile-icon {
  font-size: 28px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/extracted-material-ui-fixes.css */
.mat-select {
  display: inline-block;
  width: 100%;
  outline: none;
}
.mat-select-trigger {
  display: inline-table;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.mat-select-disabled .mat-select-trigger {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.mat-select-value {
  display: table-cell;
  max-width: 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mat-select-value-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mat-select-arrow-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(-50%);
}
.mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(-25%);
}
.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
  transform: translateY(-50%);
}
.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper {
  transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._mat-animation-noopable.mat-form-field-appearance-standard .mat-select.mat-select-empty .mat-select-arrow-wrapper {
  transition: none;
}
.mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid;
  margin: 0 4px;
}
.mat-select-panel-wrap {
  flex-basis: 100%;
}
.mat-select-panel {
  min-width: 112px;
  max-width: 280px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 0;
  padding-bottom: 0;
  max-height: 256px;
  min-width: 100%;
  border-radius: 4px;
  outline: 0;
}
.cdk-high-contrast-active .mat-select-panel {
  outline: solid 1px;
}
.mat-select-panel .mat-optgroup-label,
.mat-select-panel .mat-option {
  font-size: inherit;
  line-height: 3em;
  height: 3em;
}
.mat-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-form-field-flex {
  cursor: pointer;
}
.mat-form-field-type-mat-select .mat-form-field-label {
  width: calc(100% - 18px);
}
.mat-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
._mat-animation-noopable .mat-select-placeholder {
  transition: none;
}
.mat-form-field-hide-placeholder .mat-select-placeholder {
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: none;
  display: block;
}
.mat-radio-button {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
}
.mat-radio-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 100%;
}
.mat-radio-container {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.mat-radio-outer-circle {
  box-sizing: border-box;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color ease 280ms;
  width: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
}
._mat-animation-noopable .mat-radio-outer-circle {
  transition: none;
}
.mat-radio-inner-circle {
  border-radius: 50%;
  box-sizing: border-box;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform ease 280ms, background-color ease 280ms;
  width: 20px;
  transform: scale(0.001);
}
._mat-animation-noopable .mat-radio-inner-circle {
  transition: none;
}
.mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.5);
}
.cdk-high-contrast-active .mat-radio-checked .mat-radio-inner-circle {
  border: solid 10px;
}
.mat-radio-label-content {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  display: inline-block;
  order: 0;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 0;
}
[dir=rtl] .mat-radio-label-content {
  padding-right: 8px;
  padding-left: 0;
}
.mat-radio-label-content.mat-radio-label-before {
  order: -1;
  padding-left: 0;
  padding-right: 8px;
}
[dir=rtl] .mat-radio-label-content.mat-radio-label-before {
  padding-right: 0;
  padding-left: 8px;
}
.mat-radio-disabled,
.mat-radio-disabled .mat-radio-label {
  cursor: default;
}
.mat-radio-button .mat-radio-ripple {
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  height: 40px;
  width: 40px;
  z-index: 1;
  pointer-events: none;
}
.mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple) {
  opacity: .16;
}
.mat-radio-persistent-ripple {
  width: 100%;
  height: 100%;
  transform: none;
}
.mat-radio-container:hover .mat-radio-persistent-ripple {
  opacity: .04;
}
.mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused .mat-radio-persistent-ripple,
.mat-radio-button:not(.mat-radio-disabled).cdk-program-focused .mat-radio-persistent-ripple {
  opacity: .12;
}
.mat-radio-persistent-ripple,
.mat-radio-disabled .mat-radio-container:hover .mat-radio-persistent-ripple {
  opacity: 0;
}
@media (hover: none) {
  .mat-radio-container:hover .mat-radio-persistent-ripple {
    display: none;
  }
}
.mat-radio-input {
  bottom: 0;
  left: 50%;
}
.cdk-high-contrast-active .mat-radio-disabled {
  opacity: .5;
}
@keyframes mat-checkbox-fade-in-background {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes mat-checkbox-fade-out-background {
  0%, 50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mat-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 22.910259;
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes mat-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    transform: scaleX(0);
  }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes mat-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: -22.910259;
  }
}
@keyframes mat-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
    opacity: 1;
    transform: rotate(0deg);
  }
  to {
    opacity: 0;
    transform: rotate(45deg);
  }
}
@keyframes mat-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    opacity: 0;
    transform: rotate(45deg);
  }
  to {
    opacity: 1;
    transform: rotate(360deg);
  }
}
@keyframes mat-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 0.1);
    opacity: 0;
    transform: rotate(-45deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@keyframes mat-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    opacity: 1;
    transform: rotate(0deg);
  }
  to {
    opacity: 0;
    transform: rotate(315deg);
  }
}
@keyframes mat-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    opacity: 1;
    transform: scaleX(1);
  }
  32.8%, 100% {
    opacity: 0;
    transform: scaleX(0);
  }
}
.mat-checkbox-background,
.mat-checkbox-frame {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  border-radius: 2px;
  box-sizing: border-box;
  pointer-events: none;
}
.mat-checkbox {
  display: inline-block;
  transition: background 400ms cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
._mat-animation-noopable.mat-checkbox {
  transition: none;
  animation: none;
}
.mat-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple) {
  opacity: .16;
}
.mat-checkbox-layout {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: inherit;
  align-items: baseline;
  vertical-align: middle;
  display: inline-flex;
  white-space: nowrap;
}
.mat-checkbox-label {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.mat-checkbox-inner-container {
  display: inline-block;
  height: 16px;
  line-height: 0;
  margin: auto;
  margin-right: 8px;
  order: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 16px;
  flex-shrink: 0;
}
[dir=rtl] .mat-checkbox-inner-container {
  margin-left: 8px;
  margin-right: auto;
}
.mat-checkbox-inner-container-no-side-margin {
  margin-left: 0;
  margin-right: 0;
}
.mat-checkbox-frame {
  background-color: transparent;
  transition: border-color 90ms cubic-bezier(0, 0, 0.2, 0.1);
  border-width: 2px;
  border-style: solid;
}
._mat-animation-noopable .mat-checkbox-frame {
  transition: none;
}
.cdk-high-contrast-active .mat-checkbox.cdk-keyboard-focused .mat-checkbox-frame {
  border-style: dotted;
}
.mat-checkbox-background {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  transition: background-color 90ms cubic-bezier(0, 0, 0.2, 0.1), opacity 90ms cubic-bezier(0, 0, 0.2, 0.1);
}
._mat-animation-noopable .mat-checkbox-background {
  transition: none;
}
.cdk-high-contrast-active .mat-checkbox .mat-checkbox-background {
  background: none;
}
.mat-checkbox-persistent-ripple {
  display: block;
  width: 100%;
  height: 100%;
  transform: none;
}
.mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
  opacity: .04;
}
.mat-checkbox.cdk-keyboard-focused .mat-checkbox-persistent-ripple {
  opacity: .12;
}
.mat-checkbox-persistent-ripple,
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
  opacity: 0;
}
@media (hover: none) {
  .mat-checkbox-inner-container:hover .mat-checkbox-persistent-ripple {
    display: none;
  }
}
.mat-checkbox-checkmark {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
}
.mat-checkbox-checkmark-path {
  stroke-dashoffset: 22.910259;
  stroke-dasharray: 22.910259;
  stroke-width: 2.1333333333px;
}
.cdk-high-contrast-black-on-white .mat-checkbox-checkmark-path {
  stroke: #000 !important;
}
.mat-checkbox-mixedmark {
  width: calc(100% - 6px);
  height: 2px;
  opacity: 0;
  transform: scaleX(0) rotate(0deg);
  border-radius: 2px;
}
.cdk-high-contrast-active .mat-checkbox-mixedmark {
  height: 0;
  border-top: solid 2px;
  margin-top: 2px;
}
.mat-checkbox-label-before .mat-checkbox-inner-container {
  order: 1;
  margin-left: 8px;
  margin-right: auto;
}
[dir=rtl] .mat-checkbox-label-before .mat-checkbox-inner-container {
  margin-left: auto;
  margin-right: 8px;
}
.mat-checkbox-checked .mat-checkbox-checkmark {
  opacity: 1;
}
.mat-checkbox-checked .mat-checkbox-checkmark-path {
  stroke-dashoffset: 0;
}
.mat-checkbox-checked .mat-checkbox-mixedmark {
  transform: scaleX(1) rotate(-45deg);
}
.mat-checkbox-indeterminate .mat-checkbox-checkmark {
  opacity: 0;
  transform: rotate(45deg);
}
.mat-checkbox-indeterminate .mat-checkbox-checkmark-path {
  stroke-dashoffset: 0;
}
.mat-checkbox-indeterminate .mat-checkbox-mixedmark {
  opacity: 1;
  transform: scaleX(1) rotate(0deg);
}
.mat-checkbox-unchecked .mat-checkbox-background {
  background-color: transparent;
}
.mat-checkbox-disabled {
  cursor: default;
}
.cdk-high-contrast-active .mat-checkbox-disabled {
  opacity: .5;
}
.mat-checkbox-anim-unchecked-checked .mat-checkbox-background {
  animation: 180ms linear 0ms mat-checkbox-fade-in-background;
}
.mat-checkbox-anim-unchecked-checked .mat-checkbox-checkmark-path {
  animation: 180ms linear 0ms mat-checkbox-unchecked-checked-checkmark-path;
}
.mat-checkbox-anim-unchecked-indeterminate .mat-checkbox-background {
  animation: 180ms linear 0ms mat-checkbox-fade-in-background;
}
.mat-checkbox-anim-unchecked-indeterminate .mat-checkbox-mixedmark {
  animation: 90ms linear 0ms mat-checkbox-unchecked-indeterminate-mixedmark;
}
.mat-checkbox-anim-checked-unchecked .mat-checkbox-background {
  animation: 180ms linear 0ms mat-checkbox-fade-out-background;
}
.mat-checkbox-anim-checked-unchecked .mat-checkbox-checkmark-path {
  animation: 90ms linear 0ms mat-checkbox-checked-unchecked-checkmark-path;
}
.mat-checkbox-anim-checked-indeterminate .mat-checkbox-checkmark {
  animation: 90ms linear 0ms mat-checkbox-checked-indeterminate-checkmark;
}
.mat-checkbox-anim-checked-indeterminate .mat-checkbox-mixedmark {
  animation: 90ms linear 0ms mat-checkbox-checked-indeterminate-mixedmark;
}
.mat-checkbox-anim-indeterminate-checked .mat-checkbox-checkmark {
  animation: 500ms linear 0ms mat-checkbox-indeterminate-checked-checkmark;
}
.mat-checkbox-anim-indeterminate-checked .mat-checkbox-mixedmark {
  animation: 500ms linear 0ms mat-checkbox-indeterminate-checked-mixedmark;
}
.mat-checkbox-anim-indeterminate-unchecked .mat-checkbox-background {
  animation: 180ms linear 0ms mat-checkbox-fade-out-background;
}
.mat-checkbox-anim-indeterminate-unchecked .mat-checkbox-mixedmark {
  animation: 300ms linear 0ms mat-checkbox-indeterminate-unchecked-mixedmark;
}
.mat-checkbox-input {
  bottom: 0;
  left: 50%;
}
.mat-checkbox .mat-checkbox-ripple {
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  height: 40px;
  width: 40px;
  z-index: 1;
  pointer-events: none;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font:
    400 24px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font:
    400 16px/28px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font:
    400 15px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font:
    400 calc(14px * 0.83)/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font:
    400 calc(14px * 0.67)/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2 {
  font:
    500 14px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption {
  font:
    400 12px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font:
    300 112px/112px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font:
    400 56px/56px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font:
    400 45px/48px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font:
    400 34px/40px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font:
    400 14px/20px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: .84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-slider-thumb-label-text {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical,
.mat-stepper-horizontal {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font:
    500 20px/32px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font:
    500 14px/24px Roboto,
    "Helvetica Neue",
    sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
.mat-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1);
}
.mat-option {
  color: rgba(0, 0, 0, .87);
}
.mat-option:hover:not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, .04);
  color: rgba(0, 0, 0, .87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, .54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87);
}
.mat-elevation-z0 {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87);
}
.mat-badge-content {
  color: #fff;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff;
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, .38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled,
.mat-button.mat-accent.mat-button-disabled,
.mat-button.mat-warn.mat-button-disabled,
.mat-button.mat-button-disabled.mat-button-disabled,
.mat-icon-button.mat-primary.mat-button-disabled,
.mat-icon-button.mat-accent.mat-button-disabled,
.mat-icon-button.mat-warn.mat-button-disabled,
.mat-icon-button.mat-button-disabled.mat-button-disabled,
.mat-stroked-button.mat-primary.mat-button-disabled,
.mat-stroked-button.mat-accent.mat-button-disabled,
.mat-stroked-button.mat-warn.mat-button-disabled,
.mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, .26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay,
.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,
.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, .12);
}
.mat-flat-button,
.mat-raised-button,
.mat-fab,
.mat-mini-fab {
  color: rgba(0, 0, 0, .87);
  background-color: #fff;
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  color: #fff;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
  color: #fff;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  color: #fff;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, .26);
}
.mat-flat-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-fab.mat-primary,
.mat-mini-fab.mat-primary {
  background-color: #3f51b5;
}
.mat-flat-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-fab.mat-accent,
.mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-fab.mat-warn,
.mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, .12);
}
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-stroked-button:not([class*=mat-elevation-z]),
.mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),
.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone,
.mat-button-toggle-group {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, .38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 0, 0, .12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, .12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px rgba(0, 0, 0, .12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(0, 0, 0, .12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, .54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
.mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,
.mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54);
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4;
}
.mat-chip.mat-standard-chip::after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, .1);
}
.mat-table {
  background: #fff;
}
.mat-table thead,
.mat-table tbody,
.mat-table tfoot,
mat-header-row,
mat-row,
mat-footer-row,
[mat-header-row],
[mat-row],
[mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row,
mat-header-row,
mat-footer-row,
th.mat-header-cell,
td.mat-cell,
td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, .12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, .54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, .54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, .12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, .87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, .38);
}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 0, 0, .04);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, .24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, .38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, .18);
}
.mat-calendar-body-in-range::before {
  background: rgba(63, 81, 181, .2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, .2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background:
    linear-gradient(
      to right,
      rgba(63, 81, 181, 0.2) 50%,
      rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background:
    linear-gradient(
      to left,
      rgba(63, 81, 181, 0.2) 50%,
      rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, .4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(255, 64, 129, .2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, .2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background:
    linear-gradient(
      to right,
      rgba(255, 64, 129, 0.2) 50%,
      rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background:
    linear-gradient(
      to left,
      rgba(255, 64, 129, 0.2) 50%,
      rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, .4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, .2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, .2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background:
    linear-gradient(
      to right,
      rgba(244, 67, 54, 0.2) 50%,
      rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background:
    linear-gradient(
      to left,
      rgba(244, 67, 54, 0.2) 50%,
      rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content-touch {
  box-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, .38);
}
.mat-dialog-container {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, .04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, .54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, .6);
}
.mat-hint {
  color: rgba(0, 0, 0, .6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0%,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, 0.42) 0%,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, .54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, .38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, .87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54);
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-list-option:hover,
.mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, .04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:hover,
.mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, .12);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, .87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled]::after,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, .38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 0, 0, .54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, .04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, .38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: rgba(0, 0, 0, .87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, .54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87);
}
.mat-drawer {
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, .12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, .12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, .12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, .12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, .54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, .54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, .2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, .2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, .2);
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38);
}
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, .7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to right,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: #fff;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #ff4081;
  color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: #fff;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, .12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3);
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3);
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3);
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, .4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, .12);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row,
.mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row,
  .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, .9);
}
.mat-tree {
  background: #fff;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, .87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, .7);
  background: #323232;
  box-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/alpha-v2-live-extract--18-02-2021.css */
/*!* Action Type *!*/
[data-action-type] {
  background-color: var(--branding-button-color);
  color: rgba(255, 255, 255, 1);
  border: 1px solid var(--branding-button-color);
  display: inline-block;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.2rem 0.5rem;
  font-size: 0.9rem;
  border-radius: 0.25rem;
  position: relative;
  top: -0.1rem;
  font-family: Arial, sans-serif;
  transition:
    opacity 0.25s,
    color 0.5s,
    background-color 0.25s,
    border-color 0.5s,
    ease-in-out;
}
.data-action-type-disabled {
  opacity: 0.2;
  background-color: grey;
  border: grey;
  cursor: not-allowed;
  float: right;
  margin-right: 20px;
}
.button-fat-workplan--width {
  width: 6rem;
}
.data-action-type-button-right {
  float: right;
  margin-right: 20px;
}
.data-action-type-button-left {
  float: left;
}
.tooltip--truncated-text-group-wrap .data-action-type-button-tooltip {
  width: 300px;
  min-height: 200px;
  top: 0;
  z-index: 1;
}
[col-id=runTaskButton].ag-column-hover .tooltip--truncated-text-group-wrap {
}
[col-id=runTaskButton].ag-column-hover .tooltip--truncated-text-group-wrap.tooltip-direction--right {
  left: 8rem;
}
[col-id=runTaskButton].ag-column-hover .tooltip--truncated-text-group-wrap.tooltip-direction--righttop {
  left: 8rem;
}
[col-id=endWorkButton].ag-column-hover .tooltip--truncated-text-group-wrap.tooltip-direction--left {
  left: -23rem;
}
[col-id=endWorkButton].ag-column-hover .tooltip--truncated-text-group-wrap.tooltip-direction--lefttop {
  left: -23rem;
  bottom: -2rem;
}
[col-id=endWorkButton].ag-column-hover,
[col-id=runTaskButton].ag-column-hover {
  overflow: visible;
}
[data-action-type]:hover {
  background-color: var(--branding-button-hover-color);
}
.data-structure-diagram-col button {
  font-size: 1rem;
}
ul#wizard-step-list {
}
.alpha-layout-col-2.alpha-app-body {
  overflow-y: auto;
}
.wizard-step-btn {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 5px 15px;
  background-color: #4c5992;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease-in-out;
  transform: scale(0.9);
  color: #fff;
  min-width: 30px;
  min-height: 35px;
  height: 30px;
  margin: 5px;
  font-size: 1rem;
  box-sizing: border-box;
  letter-spacing: 0.5px;
}
.wizard-step-btn:hover {
  background-color: #4c5992;
  transform: scale(1);
}
.wizard-step-btn[disabled] {
  background-color: #ccc;
  transform: scale(0.9);
}
[class*=state--ui-] {
  position: relative;
}
[class*=state--ui-]:not(.alpha-tile) {
  border-left-width: 6px !important;
  border-style: solid;
}
[class*=state--ui-].alpha-tile > a {
  border-color: inherit !important;
}
.state--ui-new:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f055";
  color: #3c4981;
  font-size: 0.9rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-new,
.state--ui-new--no-icon {
  border-color: #3c4981 !important;
}
.state--ui-new .status-label,
.state--ui-new .status-label {
  color: #3c4981 !important;
}
.state--ui-active:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  color: #49a94f;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-active,
.state--ui-active--no-icon {
  border-color: #49a94f !important;
}
.state--ui-active .status-label,
.state--ui-active--no-icon .status-label {
  color: #49a94f !important;
}
.state--ui-disabled {
  pointer-events: none !important;
  background-color: #efefef !important;
  color: #555 !important;
  cursor: not-allowed !important;
}
.ui-disabled-with-state,
.multi-action-tile.ui-disabled-with-state,
.multi-action-tile .action-container button.ui-disabled-with-state,
.multi-action-tile .action-container button.ui-disabled-with-state:hover,
.multi-action-tile .action-container > [class^=action].ui-disabled-with-state {
  background-color: #efefef;
  color: #555;
  cursor: default;
}
.ui-disabled-events,
.multi-action-tile.ui-disabled-events,
.multi-action-tile .action-container button.ui-disabled-events,
.multi-action-tile .action-container > [class^=action].ui-disabled-events {
  pointer-events: none;
}
.state--ui-error:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f111";
  color: #d9534f;
  line-height: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-error,
.state--ui-error--no-icon {
  border-color: #d9534f !important;
}
.state--ui-error .status-label,
.state--ui-error--no-icon .status-label {
  color: #d9534f !important;
}
.fas.fa-circle-o:before {
  content: "\f111";
  font-weight: 400;
}
.state--active-tick:hover,
.state--active-tick {
  border-color: #58ae68 !important;
  background-color: #ffffff;
  padding-right: 35px !important;
}
.state--active-tick span {
  color: #58ae68 !important;
}
.state--active-tick:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  color: #58ae68;
  position: absolute;
  right: 0;
  padding: 10px;
  font-size: 2rem;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
ul li button.active {
  border: 0.1rem solid #49a94f;
}
ul li button.terminated {
  border: 0.1rem solid #d9534f;
}
.state--ui-complex:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  color: rgb(55, 55, 255);
  line-height: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-complex {
  border-color: rgb(55, 55, 255) !important;
}
.state--ui-complex .status-label,
.onhold {
  color: rgb(55, 55, 255) !important;
}
.state--ui-warning:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f042";
  color: rgb(230, 138, 0);
  line-height: 1;
  font-size: 0.8rem;
  position: absolute;
  top: 3px;
  right: 3px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  background-color: rgba(255, 255, 255, 0.8);
}
.state--ui-warning,
.state--ui-warning--no-icon {
  border-color: rgb(230, 138, 0) !important;
}
.state--ui-warning .status-label,
.onhold,
.state--ui-warning--no-icon .status-label {
  color: rgb(230, 138, 0) !important;
}
.state--ui-skeleton:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f2a8" !important;
  color: #2d2e33;
  font-size: 1rem;
  position: absolute;
  font-weight: normal;
  transform: rotate(0);
  top: 1px;
  right: 18px;
  border-radius: 100%;
  padding: 2px;
  line-height: 0.95;
  z-index: 1;
  background-color: rgba(255, 255, 255, 0);
}
.state--ui-skeleton,
.state--ui-skeleton--no-icon {
  border: 2.4px dashed #222 !important;
}
.state--ui-skeleton.alpha-tile {
  border: 1px dashed #222 !important;
}
.state--ui-minimum:before {
  font-family: Arial, sans-serif !important;
  content: "Min " !important;
  color: #2d2e33;
  font-size: 12px;
  position: absolute;
  font-weight: bold;
  transform: rotate(0);
  top: 3px;
  right: 22px;
  border-radius: 10px;
  padding: 2px 4px;
  line-height: 0.95;
  z-index: 1;
  background-color: rgba(218, 218, 218, 0.8);
}
.min-icon:before {
  font-family: Arial, sans-serif !important;
  content: "Min " !important;
  color: #2d2e33;
  border-radius: 10px;
  padding: 2px 4px;
  font-weight: bold;
  margin-right: 2px;
  background-color: rgba(218, 218, 218, 0.8);
  font-size: 12px;
}
.state--ui-minimum,
.state--ui-minimum--no-icon {
  border: 2.4px double #222 !important;
}
.state--ui-minimum.alpha-tile {
  border: 1px dashed #222 !important;
}
.icon--circle-arrow--right {
  padding-right: 40px !important;
  position: relative;
}
.icon--circle-arrow--right:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0a9";
  width: 35px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #5cb85c;
}
.icon--circle-arrow--right:hover:after {
  color: inherit;
}
ul.alpha-linked-data-structure alpha-policy-tile li button {
  min-width: 195px;
}
ul.alpha-linked-data-structure alpha-client-role-tile li button {
  min-width: 145px;
}
.cell-wrap-text {
  white-space: normal !important;
}
.ag-cell.ag-cell-not-inline-editing.ag-cell-no-focus.ag-cell-value {
  white-space: normal;
}
.data-bubble--status.newBusiness {
  color: #3c4981;
}
alpha-client-details {
  background-color: #e3e7ed;
  height: inherit;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: lightblue;
}
span.tooltip--truncated-text-group-wrap.tooltip--strong.tooltip--open-bottom {
  position: absolute;
}
alpha-estimated-valuation {
  background-color: #e3e7ed;
  height: inherit;
}
alpha-estimated-valuation > div {
  background-color: #e3e7ed;
  height: inherit;
}
.investment-summary-debt {
  color: red;
}
control-center {
  height: unset;
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  background-color: #e3e7ed;
}
.ui-dashboards-format--flex-wrap {
  min-height: 100vh;
}
control-center > div {
  position: relative;
  height: inherit;
}
control-center:before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  height: 60%;
  width: 100%;
  background-image: var(--alpha-landing-watermark);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: var(--alpha-landing-watermark-background-size);
  z-index: -1;
}
alpha-data-service-catalogue-content {
  width: 100%;
}
@media (min-height: 950px) {
  control-center:before {
    top: 20%;
    left: 0;
    height: 80%;
    width: 100%;
  }
}
.hide-basecomponent {
  visibility: hidden;
}
.ui-section-content {
  padding: 0 1.25rem 1.25rem 1.25rem;
}
alpha-thin-client {
  background-color: #3c4981;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: inherit;
  width: inherit;
}
button.mat-icon-button.mat-button-disabled {
  background-color: transparent;
}
.alpha-layout-col-2.alpha-app-body .card {
  background-color: transparent;
}
.alpha-layout-col-2.alpha-app-body .app-overlay .card.screen-detail-block-card {
  background-color: #fff;
}
alpha-v2-template .alpha-layout-col-2.alpha-app-body {
  background-color: #e3e7ed;
}
.alpha-layout-col-2.alpha-app-body .card.auth-mode-header {
  background-color: #f8f5da;
}
alpha-group-summary .de-duped-group-display .multi-nested-structure .alpha-linked-data-structure {
  height: auto !important;
}
alpha-group-summary .scrollable-content {
  padding-top: 5px;
}
alpha-group-summary-new alpha-scheme-container alpha-policies-container {
  width: calc(100% - 15px);
}
alpha-group-summary-new > .row > div {
  width: 100%;
}
alpha-group-summary-new .ui-diagram-col .ui-diagram-content.scroll-child-items virtual-scroller .scrollable-content > div:last-child {
  margin-bottom: 150px;
  padding-bottom: 100px;
}
alpha-group-summary-new alpha-policies-container .scrollable-content {
  max-height: 9999vh !important;
  height: auto !important;
}
alpha-group-summary-new .ui-diagram-layer.ui-group {
  position: relative;
  z-index: 1;
}
alpha-group-summary-new alpha-members-container {
  width: 215px;
}
alpha-group-summary-new alpha-members-container virtual-scroller.vertical.selfScroll {
  width: 210px;
  overflow-x: hidden !important;
}
alpha-group-summary-new alpha-policies-container {
  width: calc(100% - 210px);
}
alpha-group-summary-new alpha-policies-container virtual-scroller.policy-virtual-viewport.vertical {
  width: 100%;
}
alpha-group-summary-new alpha-policies-container .ui-policy-tile--long {
  width: calc(100% - 182px);
}
alpha-group-summary-new alpha-policies-container .ui-policy-details {
  width: inherit;
  flex-wrap: wrap;
}
alpha-group-summary-new alpha-policies-container .ui-action-content {
  flex-wrap: wrap;
}
alpha-group-summary-new alpha-policies-container .ui-action-content {
  display: flex;
  flex-wrap: wrap;
}
alpha-group-summary-new alpha-policies-container .ui-alpha-indicators.top-line-indicators {
  flex: 1;
  display: flex;
}
alpha-group-summary-new alpha-policies-container .ui-diagram-content.scroll-child-items {
  padding-bottom: 300px;
}
alpha-group-summary-new alpha-policies-container .tile--data {
  width: 100%;
}
alpha-group-summary-new alpha-policies-container .scrollable-content {
  padding-bottom: 300px;
}
alpha-group-summary-filter-v1 {
  width: 100%;
  text-align: left;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .ui-filter-actions-container.ui-group-summary-filter {
  margin: 0;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .ui-filter-shelf {
  padding: 0 !important;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .ui-filter-shelf .card-header {
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: baseline;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .data-structure-diagram-key {
  background: rgba(255, 255, 255, 0.4);
  display: flex !important;
  flex-wrap: wrap;
  border: none !important;
  border: 3px solid rgb(210, 213, 228) !important;
  padding-left: 50px;
  position: relative;
  margin-right: 15px;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .data-structure-diagram-key:before {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  background-color: rgb(210, 213, 228) !important;
  align-items: center;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .ui-filter-description-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .ui-filter-description-text {
  width: 177px;
  text-align: left;
  margin-right: 15px;
}
alpha-group-summary-new alpha-group-summary-filter-v1 .search-form-field {
  width: calc(100% - 210px) !important;
  left: 0 !important;
}
.ui-agent-contracts-container .multi-action-tile .action-container > [class^=action] {
  min-height: 400px;
  border-radius: 6px;
  padding: 20px;
}
alpha-contract-details .ui-agent-contracts-container .alpha-parent-item {
  flex-wrap: wrap;
}
.alpha-layout-col-2.alpha-app-body maintain-personal-info .card.screen-detail-block-card {
  background-color: #fff;
}
.alpha-layout-col-2.alpha-app-body update-requirements .card.screen-detail-block-card {
  background-color: #fff;
}
alpha-policy-search .card {
  background-color: transparent;
}
alpha-policy-components .card {
  background-color: #e3e7ed;
}
notes-grid .alpha-grid-filter-v1 {
  background-color: rgba(255, 255, 255, 0);
}
notes-grid ul.section-links {
  border-top: 0;
}
.alpha-layout-col-2.alpha-app-bodypolicy-summary .presentation-content {
  background-color: transparent;
}
.alpha-layout-col-2.alpha-app-body policy-summary .card .card {
  background-color: #fff;
}
billing ul.section-links {
  padding-top: 15px;
}
alpha-policy-investment-fundprices .row > [class*=col-md] {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 15px;
}
alpha-annuity-instruction .card-block {
  padding-top: 0;
}
alpha-annuity-instruction #Annuity_AnnuityDetails {
  padding: 20px;
}
alpha-annuity-instruction #Annuity_AnnuityDetails > div {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  padding-left: 35px !important;
  border-radius: 6px;
}
alpha-annuity-instruction #AnnuityInstruction_AnnuityInstruction_Indexation {
  padding: 20px;
}
alpha-annuity-instruction #AnnuityInstruction_AnnuityInstruction_Indexation .card-header-indexation {
  margin-left: -15px;
}
alpha-annuity-instruction #Annuity_PayeeDetails {
  padding: 20px;
  width: 500px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-left: 20px;
  border-radius: 6px;
}
alpha-policy-third-party {
  background-color: #e3e7ed;
  height: 100%;
}
alpha-policy-third-party > div {
  background-color: #e3e7ed;
}
alpha-policy-third-party .mat-form-field-infix textarea {
  padding: 10px;
}
.ui-action-type--third-party,
.multi-action-tile .action-container > [class^=action].ui-action-type--third-party {
  padding-top: 15px;
}
.stop-relationship-overlay .mat-form-field-suffix {
  margin: 0px 0px 0px -20px;
  position: relative;
  top: calc(-8px - 0.09rem);
}
.stop-relationship-overlay .mat-form-field-suffix .mat-icon-button {
  background-color: #fff;
  border: 0.1rem solid #85b2e2;
  color: #1580da;
  border-radius: 0;
  height: 30px;
  width: 35px;
  border-radius: 0 6px 6px 0;
}
.content-block--value .stop-details .newPolicyNote {
  min-height: 100px;
}
.stop-relationship-overlay svg.mat-datepicker-toggle-default-icon {
  width: 20px !important;
}
.stop-relationship-overlay .mat-form-field-suffix .mat-icon-button:hover {
  background-color: rgb(223, 231, 239);
}
.stop-relationship-overlay #third-party-stop-date-datepicker {
  height: 30px;
  border: 0.1rem solid #85b2e2;
  padding: 5px;
}
.stop-relationship-overlay .mat-form-field-label {
  padding: 6px 5px 5px 10px !important;
  color: #797878 !important;
}
.stop-relationship-overlay .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  padding: 5px !important;
  color: #222 !important;
}
alpha-third-party-maintenance-wizard .stop-relationship-overlay .app-overlay.default-app-overlay {
  align-items: center;
  justify-content: center;
  display: flex;
}
display-existing-third-parties .local-overlay {
  position: fixed !important;
  z-index: 9;
}
display-existing-third-parties .local-overlay.state-ui--overlay-remove {
  border: 4px solid red;
}
display-existing-third-parties .local-overlay.state-ui--overlay-remove .overlay-content-body .action-container {
  background-color: rgb(238, 238, 238);
  margin: 0 auto;
  width: 500px;
  padding: 20px;
  border-radius: 10px;
  width: 400px;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 270px;
}
display-existing-third-parties .local-overlay.state-ui--overlay-remove .overlay-content-body .overlay-heading {
  font-size: 15px;
  margin-bottom: 10px !important;
  color: #3c4981;
  text-shadow: none;
  font-weight: bold;
  border-bottom: 1px dashed #a79f9f !important;
  padding-bottom: 15px;
}
.alpha-layout-col-2.alpha-app-body alpha-add-third-party-client .card.screen-detail-block-card {
  background-color: #fff;
  height: 100%;
}
alpha-add-third-party-client .select-client-container .form-content {
  background-color: rgb(238, 238, 238);
  padding: 35px;
}
alpha-add-third-party-client .select-client-container .form-content .row {
  margin: 0 !important;
}
alpha-add-third-party-client .select-client-container .form-content .row textarea:focus {
  padding: 10px;
}
alpha-add-third-party-client .highLightError {
  border: 3px solid pink;
  width: 300px;
  position: absolute;
  left: calc(50% - 150px);
  top: calc(100% + 10px);
  padding: 20px;
  background-color: #d9534f;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 15px;
  border-radius: 6px;
  margin-top: 10px;
  color: rgba(255, 255, 255, 0.8) !important;
  z-index: 1;
}
alpha-add-third-party-client .highLightError:before {
  content: "\f0d8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  bottom: calc(100% - 5px);
  left: calc(50% - 150px);
  width: 300px;
  font-size: 35px;
  text-align: center;
  color: #d9534f;
}
alpha-search-field .search--date-selection input,
alpha-search-field .search--input-gender select,
alpha-search-field .search--input-grow .form-control {
  background-color: #fff;
  padding: 0.5rem;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  max-height: 31px;
}
alpha-search-field .form-group .form-control:disabled {
  background-color: #afafaf;
  padding: 0.5rem;
  color: #dcdada;
}
alpha-search-field .form-group .form-control[readonly] {
  background-color: #afafaf;
  padding: 0.5rem;
}
alpha-search-field .search--date-selection mat-datepicker-toggle.mat-datepicker-toggle button {
  position: absolute;
  top: 12px;
  right: 56px;
  z-index: 1;
}
alpha-correspondence-viewer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  height: 100vh;
  width: 100vw;
}
alpha-correspondence-viewer .alpha-compare-view {
  height: inherit !important;
  width: inherit !important;
}
correspondence-filter .ui-app-widget-fixed-header {
  border: 0px solid red;
}
correspondence-filter .md-drppicker {
  border: 4px solid #e3e7ed;
  min-width: 600px;
  left: unset !important;
  right: 30px !important;
  position: fixed;
  padding-bottom: 50px;
}
correspondence-filter .md-drppicker .ranges ul li button {
  padding: 5px 10px;
  border: 0.1rem solid transparent;
  font-weight: normal;
}
correspondence-filter .md-drppicker .ranges ul li button {
  color: #4490da;
}
correspondence-filter .md-drppicker .ranges ul li button.active {
  background-color: #85b2e2;
  border-color: rgba(255, 255, 255, 0.3);
}
correspondence-filter .md-drppicker .calendar td,
correspondence-filter .md-drppicker .calendar th {
  vertical-align: middle;
}
correspondence-filter .md-drppicker .buttons {
  position: absolute;
  bottom: -5px;
  right: -5px;
  background-color: #eee;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 3px;
}
correspondence-filter .md-drppicker .buttons .buttons_input button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #222;
  font-weight: normal;
  display: inline-block;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 30px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
  transition: all 0.15s ease-in-out;
  line-height: 1.2;
  text-transform: capitalize;
}
correspondence-filter .md-drppicker .buttons .buttons_input button svg {
  display: none;
}
correspondence-filter .md-drppicker .buttons .buttons_input button:hover {
  background-color: rgb(223, 231, 239) !important;
  transform: scale(0.97);
}
correspondence-filter .md-drppicker .buttons .buttons_input button:focus {
  outline: 6px solid #f6c754;
}
correspondence-filter .md-drppicker .buttons .buttons_input button.ui-selected {
  background-color: #85b2e2 !important;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
alpha-letters-widget .card .card-header {
  width: 100%;
  background-color: #eee;
  padding: 15px;
}
alpha-letters-widget letters-job-selection strong.select-spacer {
  display: block;
}
alpha-letters-widget letters-job-selection .ui-letter-question-block {
  overflow: hidden;
}
alpha-letters-widget letters-job-selection .ui-letter-question-block button.mat-raised-button.mat-primary {
  float: right;
  overflow: hidden;
}
alpha-letters-widget letters-job-selection .multi-action-tile.tile--size-w-med {
  margin-top: 20px;
}
alpha-letters-widget letters-job-selection .ui-letter-question-block mat-form-field {
  min-width: 210px;
}
alpha-letters-widget mat-form-field .mat-error {
  position: relative;
  top: -15px;
  left: 10px;
}
alpha-letters-widget .mat-form-field-infix {
  border: 1.5px solid rgb(100, 150, 227);
  height: 37px;
  border-radius: 6px;
}
alpha-letters-widget .mat-form-field-infix .mat-select-trigger {
  padding-left: 10px;
  padding-top: 5px;
  padding-right: 10px;
}
alpha-letters-widget .mat-form-field-appearance-legacy .mat-form-field-underline {
  display: none;
}
alpha-letters-widget letters-job-selection .col-6 strong {
  display: block;
  margin-top: 5px;
}
alpha-letters-widget letters-job-selection .col-6 .margin-left-25 {
  margin-left: 0 !important;
}
alpha-letters-widget letters-job-selection .margin-left-25 {
  margin-left: 0 !important;
}
alpha-letters-widget letters-create-letter strong.select-spacer {
  display: block;
}
alpha-letters-widget letters-create-letter .ui-letter-question-block {
  overflow: hidden;
}
alpha-letters-widget letters-create-letter .ui-letter-question-block button.mat-raised-button.mat-primary {
  float: right;
  overflow: hidden;
}
alpha-letters-widget letters-create-letter .multi-action-tile.tile--size-w-med {
  margin-top: 20px;
}
alpha-letters-widget letters-create-letter .ui-letter-question-block mat-form-field {
  min-width: 210px;
}
alpha-letters-widget button.mat-button-base,
alpha-letters-widget button.mat-raised-button.mat-primary {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #222;
  font-weight: normal;
  display: inline-block;
  border: 2px solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
  padding: 0px 20px;
  margin-right: 5px;
  border-radius: 30px;
  height: 35px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
  transition: all 0.15s ease-in-out;
  margin-bottom: 20px;
  display: block;
}
alpha-letters-widget button.mat-button-base .mat-button-wrapper,
alpha-letters-widget button.mat-raised-button.mat-primary .mat-button-wrapper {
  position: relative;
  top: -2px;
  font-weight: bold;
  font-size: 13px;
}
alpha-letters-widget letters-questions hr {
  background-color: rgba(90, 90, 90, 0.5);
  margin-top: 10px;
  margin-bottom: 0px;
  display: none;
}
alpha-letters-widget letters-questions check-type > div {
  display: flex;
  flex-wrap: wrap;
}
alpha-letters-widget letters-questions check-type > div > div {
  display: flex;
  align-content: center;
  width: 100%;
  margin-bottom: 20px;
  background-color: rgba(221, 218, 218, 0.5);
  padding: 15px;
}
alpha-letters-widget letters-questions check-type .mat-checkbox {
  width: calc(50% - 30px);
}
alpha-letters-widget letters-questions check-type .mat-checkbox-layout {
  white-space: normal;
  display: block;
  padding-bottom: 15px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-top: 5px;
}
alpha-letters-widget letters-questions check-type .mat-checkbox-layout .mat-checkbox-inner-container {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid rgba(19, 109, 245, 0);
  height: 25px;
  width: 25px;
}
alpha-letters-widget letters-questions check-type .mat-checkbox .mat-checkbox-frame {
  border-color: rgb(100, 150, 227);
  box-shadow: -1px 2px 3px 0px rgba(34, 34, 34, 0.4);
}
alpha-letters-widget letters-questions check-type .mat-checkbox-layout .mat-checkbox-label {
  line-height: 1.2;
}
alpha-letters-widget letters-questions check-type svg.mat-checkbox-checkmark {
  display: none;
}
alpha-letters-widget letters-questions check-type .mat-checkbox-checked .mat-checkbox-background {
  background-color: #49a94f !important;
  border: 2px solid rgba(255, 255, 255, 0.3);
}
alpha-letters-widget letters-questions check-type .mat-checkbox-checked .mat-checkbox-background:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  font-size: 16px;
  position: relative;
  top: 0px;
  left: 1.2px;
  color: rgba(255, 255, 255, 1);
}
alpha-letters-widget letters-questions radio-type > div {
  display: flex;
  flex-wrap: wrap;
}
alpha-letters-widget letters-questions radio-type > div > div:first-child {
  width: 100%;
  margin-bottom: 5px;
  background-color: rgba(221, 218, 218, 0.5);
  padding: 15px;
  display: flex;
  align-content: center;
}
alpha-letters-widget letters-questions radio-type > div mat-radio-group {
  margin-bottom: 15px;
  margin-top: 5px;
  display: block;
}
alpha-letters-widget letters-questions .mat-radio-container .mat-radio-outer-circle {
  border-color: rgb(100, 150, 227);
  box-shadow: -1px 2px 3px 0px rgba(34, 34, 34, 0.4);
}
alpha-letters-widget letters-questions .mat-radio-container {
  transform: scale(1.2);
}
alpha-letters-widget letters-questions .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(100, 150, 227);
}
alpha-letters-widget letters-questions .mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #49a94f;
}
alpha-letters-widget letters-questions select-type > div > div:first-child {
  width: 100%;
  margin-bottom: 5px;
  background-color: rgba(221, 218, 218, 0.5);
  padding: 15px;
  position: relative;
  display: flex;
  align-content: center;
}
alpha-letters-widget letters-questions select-type > div > div:first-child i.fa-check-circle {
  position: relative;
  left: 0;
}
alpha-letters-widget letters-questions select-type mat-select {
  border: 1.5px solid rgb(100, 150, 227);
  height: 37px;
  margin-bottom: 20px;
  border-radius: 6px;
}
alpha-letters-widget letters-questions select-type mat-select .mat-select-trigger {
  padding: 10px;
}
alpha-letters-widget .tooltip--truncated-text-group-wrap {
  min-width: 177px !important;
  min-height: 40px !important;
  padding-left: 0 !important;
  font-weight: bold;
}
alpha-letters-widget alpha-info-tool-tip {
  margin-left: 5px;
  position: relative;
  top: -3px;
}
alpha-direct-debit-container .multi-nested-structure {
  height: auto;
}
alpha-direct-debit-container .data-structure-diagram-col.multi-nested-structure {
  overflow-y: scroll;
}
alpha-workplan-dependencies .data-row-tile.state--data-row-tile-error .content-section-header:after {
  content: "\f111" !important;
  font-weight: 400 !important;
}
span.fas.fa-pencil,
i.fas.fa-pencil,
.fas.fa-pencil {
  margin-right: 5px;
}
span.fas.fa-pencil:before,
i.fas.fa-pencil:before,
.fas.fa-pencil:before {
  content: "\f303" !important;
}
span.fas.fa-floppy-o,
i.fas.fa-floppy-o,
.fas.fa-floppy-o {
  margin-right: 5px;
}
span.fas.fa-floppy-o:before,
i.fas.fa-floppy-o:before,
.fas.fa-floppy-o:before {
  content: "\f0c7" !important;
}
i.fas.fa-unlock:before,
.fas.fa-unlock:before {
  content: "\f3c1";
}
i.fas.fa-refresh:before,
.fas.fa-refresh:before {
  content: "\f2f1" !important;
}
i.fas fa-line-chart:before,
.fas.fa-line-chart:before {
  content: "\f201" !important;
}
i.fas fa-clock-o:before,
.fas.fa-clock-o:before {
  content: "\f017" !important;
  font-weight: 400 !important;
}
i.fa.fa-external-link:before,
i.fas.fa-external-link:before,
.fa.fa-external-link:before,
.fas.fa-external-link:before {
  content: "\f35d" !important;
}
.ag-theme-fresh i.fas.fa-check {
  color: green;
}
.ag-theme-fresh i.fas.fa-times {
  color: red;
}
.ag-theme-fresh .ag-row-selected i.fas,
.ag-theme-fresh .ag-row-selected:hover i.fas {
  color: inherit;
}
maintain-manual-indicators .pencil i.fas.fa-pencil {
  margin-right: 5px;
}
maintain-manual-indicators .pencil i.fas.fa-pencil:before {
  content: "\f303";
}
payment-instruction-container .data-row-tile--flex-actions button .fas {
  margin-right: 5px;
}
payment-instruction-container .data-row-tile--flex-actions button .fas.fa-check {
  color: #49a94f;
}
alpha-money-laundering-questions .question-sets--navigation {
  position: relative;
}
alpha-money-laundering-questions .question-sets--navigation .current-question.question-number {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  height: 100%;
  padding-top: 15px !important;
}
alpha-money-laundering-questions .question-sets--navigation button {
  z-index: 1;
}
alpha-money-laundering-questions .content-section-header .fas.fa-circle-o:before {
  font-weight: 900;
}
.state-off .feature-flag-tile--content:before {
  font-weight: 400 !important;
  content: "\f024" !important;
}
alpha-dashboard-keybar .fas.fa-clock-o:before {
  content: "\f017";
  font-weight: 400 !important;
  -webkit-text-stroke: 0.4px;
}
alpha-item-manager .status-delayed .system-status-tile--content:before {
  content: "\f017";
  font-weight: 400 !important;
}
investment-summary-detail .multi-nested-structure {
  overflow-y: scroll;
}
investment-summary-detail .tile--fund-item:before {
  color: #5c5c5c;
}
investment-summary-detail button.tile--fund-item.tile--extend-icon.tile--show-values [data-action-type] {
  margin-top: 10px;
  position: relative;
  left: -10px;
  padding: 5px 15px;
  border-radius: 30px;
  border: 2px solid rgba(255, 255, 255, 0.6);
}
alpha-data-service-catalogue-menu .add-favourite-menu-action:after,
alpha-data-service-catalogue-content .add-favourite-action:after {
  content: "\f005" !important;
  font-weight: 400 !important;
}
alpha-data-service-catalogue-menu .add-favourite-menu-action.active:after,
alpha-data-service-catalogue-content .add-favourite-action.active:after {
  font-weight: 900 !important;
}
alpha-correspondence-widget .ui-filter-button .fas.fa-arrow-right:before {
  transform: rotate(135deg);
  display: block;
}
alpha-correspondence-widget .ui-filter-button .fas.fa-arrow-left:before {
  transform: rotate(135deg);
  display: block;
}
alpha-correspondence-widget .card-row.card-row--wcm.correspondence-item .content-block--data-values.icon-in-gutter:before {
  width: 15px !important;
  opacity: 1 !important;
}
alpha-correspondence-widget .content-block--data-values.left-gutter.right-gutter {
  padding-left: 15px !important;
}
alpha-correspondence-widget .correspondence-heading .ui-tooltip-icon-block {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(224, 225, 229, 0.6) !important;
  border-radius: 100% !important;
  width: 25px !important;
}
alpha-correspondence-widget .correspondence-heading .ui-tooltip-icon-block .ui-content-icon {
  font-weight: bold !important;
  font-size: 14px !important;
  transform: rotate(135deg);
  color: #222 !important;
}
.alpha-layout-col-2.alpha-app-body {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  height: calc(100vh - var(--app-header-height));
}
.context-brand-logo {
  content: var(--alpha-toolbar-brand-logo);
}
.app-header {
  background-color: var(--brand-primary);
  overflow: hidden;
  border-bottom: 2px solid #fff;
  min-height: 61px;
}
.app-branding--block {
  width: 60px;
  float: left;
  height: 61px;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center;
}
.app-branding--block img {
  width: 63%;
  margin: 17px 12px 0 12px;
}
.app-navigation--breadcrumbs {
  padding-bottom: 5px;
  padding: 5px 15px 0px 10px;
}
.app-navigation--breadcrumbs li {
  display: inline-block;
  position: relative;
  padding-left: 5px;
  color: var(--brand-secondary);
}
.app-navigation--breadcrumbs li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  font-size: 20px;
  position: absolute;
  top: calc(50% - 12.5px);
  left: -2px;
  color: var(--brand-secondary);
}
.app-navigation--breadcrumbs a {
  padding: 5px;
  display: block;
  font-weight: bold;
  cursor: pointer;
  color: inherit;
  transition: all 0.15s ease-in-out;
  text-decoration: underline !important;
  font-size: 11px;
}
.app-navigation--breadcrumbs a:hover,
.app-navigation--breadcrumbs a:active {
  transform: scaleY(1.05);
  transform: scaleX(1.05);
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 4px;
}
.app-navigation--breadcrumbs li:first-child {
  padding-left: 0;
}
.app-navigation--breadcrumbs li:first-child:before {
  display: none;
}
.app-page--header {
  display: flex;
  float: none;
  flex-direction: column;
  height: auto;
  padding-bottom: 10px;
}
.app-header {
  height: auto;
}
.app-page--heading {
  padding: 0 15px 0 15px;
  display: flex;
}
.app-page--heading h1 {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 0;
  color: #fff;
  padding-top: 0;
}
.context-info {
  color: var(--brand-text-primary);
  border-radius: 4px;
  display: inline-block;
}
.data-bubble--status {
  background-color: rgb(231, 240, 249);
  padding: 2px 5px;
  border-radius: 4px;
  margin-right: 2px;
  display: inline !important;
  font-weight: bold;
}
.context-info span {
  display: inline-block;
}
span.portal-ready {
  background-image: url(/Images/ReAssureNow_Logo_White-01.png);
  background-size: contain;
  background-repeat: no-repeat;
  border: 0px solid red;
  width: 93px;
  height: 18px;
  display: inline-block;
  margin-bottom: -5px;
}
.app-details {
  float: right;
  height: 61px;
  display: flex;
}
.app-system-date {
  display: flex;
  flex-direction: column;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  height: 100%;
  align-items: flex-start;
  justify-content: center;
}
.app-system-date--label {
  font-size: 11px;
  padding-bottom: 3px;
  color: var(--brand-text-primary);
}
.app-system-date--value {
  color: var(--brand-text-primary);
}
.app-notifications {
  display: flex;
  align-content: center;
  float: right;
  height: 61px;
  padding: 10px;
  border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.app-notifications--bell {
  align-self: center;
  font-size: 17px;
  flex: 1;
  padding: 5px;
  position: relative;
  float: left;
  min-width: 46px;
  height: 46px;
  border: 2px solid var(--brand-secondary);
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--brand-secondary);
  text-align: center;
  border-radius: 30px;
  transition: all 0.15s ease-in-out;
  pointer-events: none;
}
.app-notifications--envelope {
  align-self: center;
  font-size: 17px;
  flex: 1;
  padding: 5px;
  position: relative;
  float: left;
  min-width: 46px;
  height: 46px;
  border: 2px solid var(--brand-secondary);
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--brand-secondary);
  text-align: center;
  border-radius: 30px;
  transition: all 0.15s ease-in-out;
  pointer-events: none;
}
button.app-notifications--envelope.status-active-notifications {
  line-height: 1;
  background-color: #f0ad4e;
  color: #fff;
  border-color: 2px solid var(--brand-border-active);
  padding-right: 15px;
  padding-left: 12px;
  -webkit-animation: pulseInOut 0.4s linear forwards;
  animation: pulseInOut 0.4s linear forwards;
  font-size: 21px;
  pointer-events: all;
  cursor: unset;
}
.app-notifications--results {
  width: 90%;
  margin: 0 auto;
  max-width: 600px;
}
.app-user--info {
  overflow: hidden;
  font-weight: bold;
  align-self: center;
  font-size: 17px;
  padding: 10px 5px;
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  border: 2px solid var(--brand-secondary);
  background-color: rgba(255, 255, 255, 0.2);
  margin-right: 10px;
  text-align: center;
  border-radius: 30px;
  transition: all 0.15s ease-in-out;
  text-decoration: none;
  transform: scale(1);
  color: var(--brand-secondary);
  white-space: pre;
}
.app-user--info:hover {
  background-color: var(--brand-secondary-mild);
  color: var(--brand-text-secondary);
}
.app-user--info > i {
  font-size: 13px;
  margin-left: 3px;
  margin-right: 3px;
  top: 25px;
  right: 16px;
}
span.app-user--greeting {
  color: rgba(255, 255, 255, 0.8);
  margin-right: 5px;
  font-style: italic;
  font-size: 11px;
}
.app-user--info:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  top: 25px;
  right: 16px;
}
.status-active-notifications {
  line-height: 1;
  background-color: #f0ad4e;
  border-color: 2px solid var(--brand-border-active);
  color: #fff;
  padding-right: 15px;
  padding-left: 12px;
  -webkit-animation: pulseInOut 0.4s linear forwards;
  animation: pulseInOut 0.4s linear forwards;
  font-size: 21px;
  pointer-events: all;
  cursor: pointer;
}
.status-service-notifications {
  line-height: 1;
  background-color: red;
  color: #fff;
  padding-right: 15px;
  padding-left: 12px;
  -webkit-animation: pulseInOut 0.4s linear forwards;
  animation: pulseInOut 0.4s linear forwards;
  font-size: 21px;
  pointer-events: all;
}
.app-header {
  border-color: #f0ad4e;
}
.status-active-notifications i,
.status-active-notifications span {
  -webkit-animation: ring 6s 0.4s ease-in-out forwards;
  animation: ring 6s 0.4s ease-in-out forwards;
  -webkit-transform-origin: 50% 4px;
  transform-origin: 50% 4px;
}
.app-notifications-number {
  font-weight: bold;
  padding-left: 0.4rem;
}
alpha-right-sidebar .view-widgets ul.widget-selection {
  height: auto;
}
alpha-right-sidebar .sidebar-header {
  padding-top: 10px;
}
alpha-right-sidebar {
  max-width: 520px;
}
alpha-right-sidebar.pinned {
  width: 520px;
}
alpha-right-sidebar,
alpha-right-sidebar.pinned,
alpha-right-sidebar alpha-menu-toolbar-handle,
alpha-right-sidebar.pinned alpha-menu-toolbar-handle {
  transition: none;
  transition-delay: 0s;
}
alpha-explorer-toolbar .ui-action-menu-extended {
  position: absolute;
  background-color: rgba(34, 34, 34, 0.95);
}
alpha-explorer-toolbar .alpha-nav-app-explorer > ul li > ul li > a > span {
  background-color: rgba(51, 52, 58, 0.9);
}
.alpha-explorer-toolbar.extended {
  margin-right: 230px;
}
.wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  position: fixed;
  bottom: 0;
  z-index: 5;
  left: 60px;
  min-height: 60px;
  border-top: 3px solid rgba(255, 255, 255, 1);
  border-bottom: 6px solid rgba(255, 255, 255, 0.3);
  padding-top: 5px;
  box-shadow: -5px -2px 10px rgba(0, 0, 0, 0.4);
}
.ui-app-explorer-v1 .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  left: 225px;
}
.wizard-container .step-container-list {
  padding-bottom: 200px;
}
.wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc((100% - 60px) - 631px);
  left: 50px;
}
.companion-dock-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc((100% - 520px) - 60px);
}
.ui-app-explorer-v2.ui-app-exp-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc((100% - 60px) - 60px - 230px);
  left: 290px;
}
.companion-dock-open.ui-app-explorer-v2.ui-app-exp-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc((100% - 520px) - 60px - 230px);
  left: 290px;
}
.ui-app-explorer-v1 .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc((100% - 30px) - 255px);
}
.ui-app-explorer-v1.companion-dock-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc((100% - 490px) - 255px);
}
alpha-fund-switching .content-section-body .content-block--fund-switch,
alpha-fund-switching .content-block--fund-switch,
alpha-fund-redirection-dialog .content-section-body .content-block--fund-switch,
alpha-fund-redirection-dialog .content-block--fund-switch {
  margin-top: -15px;
  margin-right: -10px;
  margin-left: -10px;
  min-height: 300px;
  background: rgb(237, 236, 240);
  background:
    linear-gradient(
      198deg,
      rgba(237, 236, 240, 1) 0%,
      rgba(226, 226, 237, 1) 35%,
      rgba(131, 139, 157, 1) 100%);
}
alpha-fund-switching .ui-ana--selection-options .card.question-sets.centered-questions,
alpha-fund-redirection-dialog .ui-ana--selection-options .card.question-sets.centered-questions {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
}
alpha-fund-switching .ui-ana--selection-options .card.question-sets.centered-questions .card-header,
alpha-fund-redirection-dialog .ui-ana--selection-options .card.question-sets.centered-questions .card-header {
  background: none;
}
alpha-fund-switching .ui-iso-data-block .ui-key-icons.ui-key-icon-selected,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-key-icons.ui-key-icon-selected {
  z-index: 4;
}
alpha-fund-switching .ui-iso-data-block .ui-tooltip-icon-block:hover .ui-content-tooltip,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-tooltip-icon-block:hover .ui-content-tooltip {
  display: none;
}
alpha-fund-switching .ui-iso-data-block .ui-key-icons.ui-key-icon-selected .ui-content-tooltip,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-key-icons.ui-key-icon-selected .ui-content-tooltip {
  display: block;
  display: flex;
  flex-wrap: wrap;
}
alpha-fund-switching .ui-iso-data-block .ui-key-icons.ui-key-icon-selected .ui-tooltip-icon-block,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-key-icons.ui-key-icon-selected .ui-tooltip-icon-block {
  border-color: #1c2447;
}
alpha-fund-switching .ui-iso-data-block .ui-content-tooltip--larger,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-content-tooltip--larger {
  width: 430px;
  align-items: start;
}
alpha-fund-switching .ui-content-tooltip--actions .ui-button--multi-state,
alpha-fund-redirection-dialog .ui-content-tooltip--actions .ui-button--multi-state {
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 0;
}
alpha-fund-switching .ui-content-tooltip--actions .ui-button--multi-state button.ui-button .ui-button-content,
alpha-fund-redirection-dialog .ui-content-tooltip--actions .ui-button--multi-state button.ui-button .ui-button-content {
  text-align: center;
  width: 100%;
}
alpha-fund-switching .ui-content-tooltip--actions .ui-button--multi-state:last-child,
alpha-fund-redirection-dialog .ui-content-tooltip--actions .ui-button--multi-state:last-child {
  margin-bottom: 5px;
}
alpha-fund-switching .ui-header-container,
alpha-fund-switching .ui-content-tooltip--actions .ui-button--multi-state,
alpha-fund-redirection-dialog .ui-header-container,
alpha-fund-redirection-dialog .ui-content-tooltip--actions .ui-button--multi-state {
  width: 100%;
}
alpha-fund-switching .ui-header-container .ui-diagram-header,
alpha-fund-redirection-dialog .ui-header-container .ui-diagram-header {
  color: #fff;
  border-color: #fff;
}
alpha-fund-switching .ui-coverages-container,
alpha-fund-redirection-dialog .ui-coverages-container {
  max-height: 230px;
  overflow: auto;
}
alpha-fund-switching .data-shelf--fund-value,
alpha-fund-redirection-dialog .data-shelf--fund-value {
  border: 1px solid #ccc;
  border-left: 6px solid #ccc;
  background-color: #eee;
  margin-left: -15px;
  width: 190px;
  padding: 10px;
  margin-bottom: -10px;
  border-radius: 0 0 6px 6px;
  color: black;
}
alpha-fund-switching .ui-coverages-container ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-lrg button,
alpha-fund-switching .ui-coverages-container .multi-action-tile.tile--size-w-lrg button,
alpha-fund-switching .ui-coverages-container .multi-action-tile.tile--size-w-lrg .action--psuedo,
alpha-fund-switching .ui-coverages-container .tile--size-w-lrg .data-shelf--fund-value,
alpha-fund-redirection-dialog .ui-coverages-container ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-lrg button,
alpha-fund-redirection-dialog .ui-coverages-container .multi-action-tile.tile--size-w-lrg button,
alpha-fund-redirection-dialog .ui-coverages-container .multi-action-tile.tile--size-w-lrg .action--psuedo,
alpha-fund-redirection-dialog .ui-coverages-container .tile--size-w-lrg .data-shelf--fund-value {
  max-width: 190px;
  min-width: 190px;
  width: 190px;
}
alpha-fund-switching .ui-coverages-container .multi-action-tile.tile--size-w-lrg,
alpha-fund-redirection-dialog .ui-coverages-container .multi-action-tile.tile--size-w-lrg {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  border-radius: 6px;
  box-shadow: none;
  background-color: white;
  color: black;
  transition: all 75ms ease-in-out;
  flex-shrink: 0;
  margin: 0 5px;
  align-items: flex-start;
}
alpha-fund-switching .ui-coverages-container .alpha-linked-data-structure,
alpha-fund-redirection-dialog .ui-coverages-container .alpha-linked-data-structure {
  pointer-events: none;
}
alpha-fund-switching .ui-coverages-container ul.alpha-linked-data-structure li.alpha-item-group,
alpha-fund-redirection-dialog .ui-coverages-container ul.alpha-linked-data-structure li.alpha-item-group {
  padding: 0;
  margin: 0;
  border-left: 0;
}
alpha-fund-switching .ui-coverages-overlay-container,
alpha-fund-redirection-dialog .ui-coverages-overlay-container {
  max-width: 760px;
}
alpha-fund-switching .ui-coverages-overlay-container .ui-coverages-container,
alpha-fund-redirection-dialog .ui-coverages-overlay-container .ui-coverages-container {
  max-height: 52%;
}
alpha-fund-switching .ui-coverages-overlay-container .ui-iso-diagram-section,
alpha-fund-redirection-dialog .ui-coverages-overlay-container .ui-iso-diagram-section {
  margin-bottom: 0;
  display: flex;
  justify-content: center;
}
alpha-fund-switching .ui-coverages-overlay-container .ui-iso-data-block .ui-iso-data-title,
alpha-fund-redirection-dialog .ui-coverages-overlay-container .ui-iso-data-block .ui-iso-data-title {
  color: #fff;
}
alpha-fund-switching .ui-coverages-overlay-container .ui-iso-data-bar,
alpha-fund-redirection-dialog .ui-coverages-overlay-container .ui-iso-data-bar {
  left: 0;
}
alpha-fund-switching .ui-coverages-overlay-container .ui-iso-data-bar .ui-data-indicator.total-amount,
alpha-fund-redirection-dialog .ui-coverages-overlay-container .ui-iso-data-bar .ui-data-indicator.total-amount {
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  left: 0;
}
alpha-fund-switching .ui-coverages-overlay-container .ui-coverages-container .multi-action-tile.tile--size-w-lrg,
alpha-fund-redirection-dialog .ui-coverages-overlay-container .ui-coverages-container .multi-action-tile.tile--size-w-lrg {
  margin: 5px;
  display: inline-block;
}
alpha-fund-switching .ui-button--multi-state button.ui-button.ui-button--negative,
alpha-fund-redirection-dialog .ui-button--multi-state button.ui-button.ui-button--negative {
  background-color: #d9534f;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
alpha-fund-switching .ui-button--multi-state button.ui-button.ui-button--negative:hover,
alpha-fund-redirection-dialog .ui-button--multi-state button.ui-button.ui-button--negative:hover {
  background-color: #c2403c;
}
alpha-fund-switching .content-block--fund-switch .ui-fs-view-menu,
alpha-fund-redirection-dialog .content-block--fund-switch .ui-fs-view-menu {
  background-color: rgba(19, 19, 19, 0.1);
}
alpha-fund-switching .ui-options-toolbar,
alpha-fund-redirection-dialog .ui-options-toolbar {
  padding: 10px;
}
alpha-fund-switching .ui-button--option,
alpha-fund-redirection-dialog .ui-button--option {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #3c4981;
  color: #222;
  font-weight: normal;
  display: inline-block;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  margin-right: 5px;
  min-height: 40px;
  min-width: 40px;
  justify-content: center;
  align-content: center;
  border-radius: 30px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
  transition: all 0.15s ease-in-out;
  justify-items: center;
  text-align: center;
  font-size: 16px;
}
alpha-fund-switching .ui-button--option:hover,
alpha-fund-redirection-dialog .ui-button--option:hover {
  background-color: rgb(223, 231, 239);
  transform: scale(0.97);
}
alpha-fund-switching .ui-button--option:focus,
alpha-fund-redirection-dialog .ui-button--option:focus {
  outline: 6px solid #f6c754;
}
alpha-fund-switching .ui-button--option.ui-selected,
alpha-fund-redirection-dialog .ui-button--option.ui-selected {
  background-color: #85b2e2;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
alpha-fund-switching .ui-iso-diagram-container,
alpha-fund-redirection-dialog .ui-iso-diagram-container {
  min-height: 100px;
  padding: 20px;
}
alpha-fund-switching .ui-iso-data-block,
alpha-fund-redirection-dialog .ui-iso-data-block {
  position: relative;
  border-top: 0 dashed #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  min-width: 380px;
}
alpha-fund-switching .ui-iso-data-block .ui-tooltip-icon-block,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-tooltip-icon-block {
  width: 24.5px;
  height: 24px;
}
alpha-fund-switching .ui-iso-data-block:before,
alpha-fund-redirection-dialog .ui-iso-data-block:before {
  content: "";
  position: absolute;
  left: -30px;
  height: calc(100% - 25px);
  top: 0;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: -26px;
  display: flex;
  min-width: 250px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-data-amount,
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-data-amount,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.7);
  padding: 3px 10px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-data-amount,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-data-amount {
  border-radius: 30px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent {
  border-radius: 30px;
  background-color: rgba(60, 73, 129, 0.9);
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin-right: 2px;
  overflow: hidden;
  color: #fff;
}
alpha-fund-switching alpha-available-fund-bar .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent {
  background-color: rgba(255, 255, 255, 1);
  border: 2px solid rgba(60, 73, 129, 0.9);
}
alpha-fund-switching alpha-available-fund-bar .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent:before {
  content: "\f30a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: calc(100% + 10px);
  top: -4px;
  color: #5a6493;
  font-size: 26px;
  border-radius: 100%;
}
alpha-fund-switching alpha-available-fund-bar .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent:after {
  content: "";
  height: 30px;
  border-left: 3px solid #5a6493;
  position: absolute;
  left: -10px;
  top: -2px;
  width: 30px;
  border-radius: 100%;
}
alpha-fund-switching alpha-available-fund-bar .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent input {
  width: 35px;
  border: 0;
  color: rgb(28, 117, 188);
  text-align: right;
  padding-right: 3px;
  outline: 0;
}
alpha-fund-switching alpha-available-fund-bar .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent .ui-percent-symbol {
  font-weight: bold;
  color: rgba(60, 73, 129, 0.9);
}
alpha-fund-switching .ui-iso-data-block.ui-drop.no-funds .ui-iso-data-title,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-drop.no-funds .ui-iso-data-title {
  top: 0;
  left: -10px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-title,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-title {
  padding: 5px 5px 5px 10px;
  margin-bottom: 2px;
  position: relative;
  left: -10px;
  font-size: 13px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry {
  border-radius: 30px;
  background-color: rgba(60, 73, 129, 0.9);
  background-color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border: 0.2rem solid #85b2e2;
  margin-right: 10px;
  padding: 5px;
  color: #fff;
  width: 75px;
  right: 10px;
  top: -2px;
  position: relative;
  text-align: right;
  color: #222;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry:before,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry:before {
  content: "\f177";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: calc(100% + 10px);
  top: -4px;
  color: #5a6493;
  font-size: 26px;
  border-radius: 100%;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry:after,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry:after {
  content: "";
  height: 30px;
  border-left: 3px solid #5a6493;
  position: absolute;
  left: -10px;
  top: -2px;
  width: 30px;
  border-radius: 100%;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry input,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry input {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100%);
  height: 100%;
  border: 0;
  padding-left: 5px;
  padding-right: 20px;
  background-color: transparent;
  text-align: right;
  z-index: 2;
  color: #1c75bc;
  margin-left: -1px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry input:focus,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry input:focus {
  outline: 0;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry input:focus + .ux-focus-helper,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-value .ui-iso-percent-entry input:focus + .ux-focus-helper {
  outline: 6px solid rgba(246, 199, 84, 0.7);
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  z-index: 1;
}
alpha-fund-switching .ui-iso-data-bar,
alpha-fund-redirection-dialog .ui-iso-data-bar {
  display: flex;
  width: 100%;
  position: relative;
  left: -10px;
  width: 275px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data {
  width: 100%;
  position: relative;
  transition: all 0.5s;
}
alpha-fund-switching .ui-iso-data.ui-filled-bar.ux-bar-example {
  z-index: 1;
}
alpha-fund-switching .ui-iso-data-block.no-funds .ui-iso-data-bar .ui-iso-data,
alpha-fund-redirection-dialog .ui-iso-data-block.no-funds .ui-iso-data-bar .ui-iso-data {
  width: 0px;
}
alpha-fund-switching .ui-iso-data-block.no-funds .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty,
alpha-fund-redirection-dialog .ui-iso-data-block.no-funds .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty {
  width: 20px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data [class*=ui-iso-data],
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data [class*=ui-iso-data] {
  min-height: 32px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data .ui-iso-data-top,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data .ui-iso-data-top {
  transform: skewX(-35deg);
  position: relative;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data .ui-iso-data-top > .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data .ui-iso-data-top > .ui-iso-data-value {
  transform: skewX(35deg);
  position: absolute;
  top: -17px;
  left: 1px;
  z-index: 2;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data .ui-iso-data-bottom,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data .ui-iso-data-bottom {
  transform: skewX(35deg);
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data:after {
  content: "";
  display: block;
  height: 40px;
  width: 40px;
  transform: rotate(45deg) skew(10deg, 10deg);
  position: absolute;
  top: 12.2px;
  right: -33px;
  z-index: 1;
  border-radius: 2px;
}
alpha-fund-switching .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-switching .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-switching .fund-amount-barn .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-amount-barn .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
}
alpha-fund-switching .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top {
  border-width: 2px;
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #8dc641;
}
alpha-fund-switching .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #079247;
}
alpha-fund-switching .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-amount-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-width: 2px;
  border-color: rgba(65, 71, 88, 0.3);
  background-color: #d9e028;
  border-style: solid;
}
alpha-fund-switching .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-switching .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-switching .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
}
alpha-fund-switching .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top {
  border-width: 2px;
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #be5ecc;
}
alpha-fund-switching .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #911e90;
}
alpha-fund-switching .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-amount-single-bar .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #d673de;
}
alpha-fund-switching .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-switching .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-switching .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
}
alpha-fund-switching .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top {
  border-width: 2px;
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #808dc3;
}
alpha-fund-switching .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #3c4981;
}
alpha-fund-switching .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-redirect-preview .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #a6b4ee;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bottom,
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data:after {
  border-color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top {
  border-width: 2px;
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #1c75bc;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #262262;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(65, 71, 88, 0.3);
  background-color: #27aae1;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data.ux-bar-example:after,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-block .ui-iso-data-bar .ui-iso-data.ux-bar-example:after {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(65, 71, 88, 0.3);
  background-color: #27aae1;
}
alpha-fund-switching .ui-iso-diagram-components.ui-liquidated-pool,
alpha-fund-redirection-dialog .ui-iso-diagram-components.ui-liquidated-pool {
  margin-top: -25px;
}
alpha-fund-switching .ui-iso-diagram-components.ui-liquidated-pool .fund-switch-current-position,
alpha-fund-redirection-dialog .ui-iso-diagram-components.ui-liquidated-pool .fund-switch-current-position {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 5px;
  justify-items: center;
  text-align: center;
  background-color: transparent;
  border: 0;
}
alpha-fund-switching .ui-iso-diagram-components.ui-liquidated-pool .ui-iso-data-title,
alpha-fund-redirection-dialog .ui-iso-diagram-components.ui-liquidated-pool .ui-iso-data-title {
  background-color: rgba(52, 57, 54, 0.6);
  color: #fff;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 10px;
}
alpha-fund-switching .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-switching .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bottom,
alpha-fund-switching .ui-liquidated-pool .ui-iso-data-block .ui-iso-data:after,
alpha-fund-redirection-dialog .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bottom,
alpha-fund-redirection-dialog .ui-liquidated-pool .ui-iso-data-block .ui-iso-data:after {
  border-color: rgba(255, 255, 255, 0.9);
  background-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
}
alpha-fund-switching .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top,
alpha-fund-redirection-dialog .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-top {
  border-width: 2px;
  border-bottom-width: 1px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #1c75bc;
}
alpha-fund-switching .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom,
alpha-fund-redirection-dialog .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data-bottom {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #262262;
}
alpha-fund-switching .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after,
alpha-fund-redirection-dialog .ui-liquidated-pool .ui-iso-data-block .ui-iso-data-bar .ui-iso-data:after {
  border-width: 2px;
  border-color: rgba(255, 255, 255, 0.2);
  background-color: #27aae1;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty {
  z-index: 1;
  flex-shrink: 1;
  flex-grow: 0;
  margin-left: 0px;
  width: 0;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-top,
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-bottom,
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data:after,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-top,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-bottom,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data:after {
  border-color: rgba(65, 71, 88, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-top,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-top {
  border-width: 2px;
  border-bottom-width: 1px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-bottom,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty .ui-iso-data-bottom {
  border-width: 2px;
  background-color: rgba(255, 255, 255, 0.6);
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty:after,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data.ui-iso-data-empty:after {
  border-width: 2px;
  background-color: rgba(255, 255, 255, 0.3) !important;
}
alpha-fund-switching .ui-iso-data-cylinder-bar,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar {
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  left: -10px;
  width: 300px;
  border-radius: 15px/15px;
  border: 1px solid rgba(62, 65, 114, 0.5);
  border: 1px solid #fff;
}
alpha-fund-switching .ui-iso-data-cylinder-bar[ux_current_premium_percent="0"] .ui-iso-data-fill,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar[ux_current_premium_percent="0"] .ui-iso-data-fill {
  opacity: 0;
}
alpha-fund-switching .ui-iso-data-cylinder-bar:after,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar:after {
  position: absolute;
  right: -3px;
  top: 2px;
  width: 25px;
  height: 25px;
  border-radius: 15px/15px;
  background-color: rgba(255, 255, 255, 0.8);
  content: "";
  transform: rotate(45deg) skew(10deg, 10deg);
  border: 1px solid rgba(255, 255, 255, 1);
}
alpha-fund-switching .ui-iso-data-cylinder-bar:before,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar:before {
  position: absolute;
  left: -1px;
  top: 2px;
  width: 23px;
  height: 23px;
  border-radius: 15px/15px;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  transform: rotate(45deg) skew(10deg, 10deg);
  border: 1px solid rgba(62, 65, 114, 0.5);
  border: 1px solid #fff;
}
alpha-fund-switching .ui-iso-data-cylinder-bar .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar .ui-iso-data-value {
  top: 2px;
  left: calc(100% + 52px);
}
alpha-fund-switching .ui-iso-data-fill,
alpha-fund-redirection-dialog .ui-iso-data-fill {
  height: 30px;
  background-color: rgba(62, 65, 114, 0.6);
  background: rgb(209, 213, 232);
  background:
    linear-gradient(
      180deg,
      rgba(209, 213, 232, 0.6) 0%,
      rgba(131, 137, 167, 0.6) 35%,
      rgba(60, 73, 129, 1) 100%);
  position: relative;
  left: 0;
  top: -1px;
  border-radius: 15px/15px;
  border: 1px solid rgba(62, 65, 114, 0.5);
  border: 1px solid #fff;
  transition: all 0.5s;
}
alpha-fund-switching .ui-iso-data-fill:after,
alpha-fund-redirection-dialog .ui-iso-data-fill:after {
  position: absolute;
  right: -3px;
  top: 2px;
  width: 23px;
  height: 23px;
  border-radius: 15px/15px;
  background-color: rgba(60, 73, 129, 0.7);
  content: "";
  transform: rotate(45deg) skew(10deg, 10deg);
  border: 2px solid rgba(234, 235, 248, 0.3);
}
alpha-fund-switching .ui-iso-data-cylinder-bar .ui-percent-value-amount,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar .ui-percent-value-amount {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: -56px;
  color: #4c588b;
  padding: 3px 10px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
alpha-fund-switching .ui-iso-data-cylinder-bar .ui-percent-value-amount i,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar .ui-percent-value-amount i {
  transform: scaleX(-1);
  position: absolute;
  right: 357px;
  font-size: 25px;
  color: #5a6493;
  bottom: 6px;
}
alpha-fund-switching .ui-iso-diagram-section,
alpha-fund-redirection-dialog .ui-iso-diagram-section {
  margin-bottom: 75px;
}
alpha-fund-switching .ui-iso-diagram-section.regular-premiums,
alpha-fund-redirection-dialog .ui-iso-diagram-section.regular-premiums {
  position: relative;
}
alpha-fund-switching .ui-iso-diagram-section.regular-premiums:after,
alpha-fund-redirection-dialog .ui-iso-diagram-section.regular-premiums:after {
  content: "";
  border-right: 5.5px solid rgba(60, 73, 129, 0.5);
  height: calc(100% - 25px);
  position: absolute;
  right: -32px;
  top: -15px;
  border-radius: 0 0 10px 10px;
}
alpha-fund-switching .ui-iso-diagram-section.regular-premiums.no-line:after,
alpha-fund-redirection-dialog .ui-iso-diagram-section.regular-premiums.no-line:after {
  border: none !important;
}
alpha-fund-switching .ui-iso-diagram-map,
alpha-fund-redirection-dialog .ui-iso-diagram-map {
  background-color: rgba(255, 255, 255, 0.4);
  flex: 1;
  max-width: 25px;
  border-left: 3px dashed #4595de;
}
alpha-fund-switching .ui-iso-diagram-components.fund-options .ui-iso-diagram-map,
alpha-fund-redirection-dialog .ui-iso-diagram-components.fund-options .ui-iso-diagram-map {
  background-color: rgba(255, 255, 255, 0.4);
  border-color: transparent;
}
alpha-fund-switching .ui-iso-scroll-wrap,
alpha-fund-redirection-dialog .ui-iso-scroll-wrap {
  display: flex;
  flex: 1;
  overflow-y: hidden;
  overflow-x: visible;
  max-height: 500px;
}
alpha-fund-switching .ui-iso-data-indicators,
alpha-fund-redirection-dialog .ui-iso-data-indicators {
  display: flex;
  justify-content: space-between;
  position: relative;
}
alpha-fund-switching .ui-iso-data-indicators .ui-data-indicator.total-amount:before,
alpha-fund-redirection-dialog .ui-iso-data-indicators .ui-data-indicator.total-amount:before {
  content: "";
  position: absolute;
  border-left: 5.5px solid #4f4f4f;
  left: 10px;
  bottom: 0;
  height: 5px;
}
alpha-fund-switching .ui-iso-data-indicators .ui-data-indicator.premium-count:before,
alpha-fund-redirection-dialog .ui-iso-data-indicators .ui-data-indicator.premium-count:before {
  content: "";
  position: absolute;
  border-left: 5.5px solid rgba(60, 73, 129, 0.5);
  right: 18px;
  bottom: 0;
  height: 5px;
}
alpha-fund-switching .ui-data-indicator.liquidated-pool,
alpha-fund-redirection-dialog .ui-data-indicator.liquidated-pool {
  background-color: rgb(28, 117, 188);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
alpha-fund-switching .ui-iso-data-indicators .ui-data-indicator.liquidated-pool:before,
alpha-fund-redirection-dialog .ui-iso-data-indicators .ui-data-indicator.liquidated-pool:before {
  content: "";
  position: absolute;
  border-left: 5.5px solid rgb(28, 117, 188);
  left: 10px;
  bottom: 0;
  height: 5px;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options .ui-data-indicator.total-amount,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options .ui-data-indicator.total-amount {
  background-color: rgb(28, 117, 188);
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data-sources,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-sources {
  position: absolute;
  right: 0;
  top: 17px;
  z-index: 3;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data-sources.switched-amount-action,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-sources.switched-amount-action {
  right: -100px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data-sources label,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-sources label {
  display: block;
  margin-top: -10px;
  padding-left: 15px;
  color: #0b679c;
  display: none;
}
alpha-fund-switching .ui-iso-diagram-components.ui-hide-premium-tethers .ui-iso-data-cylinder-bar,
alpha-fund-switching .ui-iso-diagram-components.ui-hide-premium-tethers .ui-data-indicator.premium-count,
alpha-fund-redirection-dialog .ui-iso-diagram-components.ui-hide-premium-tethers .ui-iso-data-cylinder-bar,
alpha-fund-redirection-dialog .ui-iso-diagram-components.ui-hide-premium-tethers .ui-data-indicator.premium-count {
  display: none;
}
alpha-fund-switching .ui-iso-diagram-container.ui-center-investments,
alpha-fund-redirection-dialog .ui-iso-diagram-container.ui-center-investments {
  display: flex;
  align-items: center;
}
alpha-fund-switching .ui-iso-data-block-heading,
alpha-fund-redirection-dialog .ui-iso-data-block-heading {
  margin-top: -16px;
  margin-left: -55px;
  margin-right: -55px;
  padding: 0px 20px 5px 0px;
  background-color: #b0b5c7;
  background: transparent;
  border-bottom: 2px solid rgba(60, 73, 129, 0);
  margin-bottom: 25px;
}
alpha-fund-switching .ui-iso-data-block-heading h3,
alpha-fund-redirection-dialog .ui-iso-data-block-heading h3 {
  color: #fff;
  font-weight: bold;
  border-left: 4px solid rgb(79, 79, 79);
  background-color: rgb(79, 79, 79);
  display: inline-block;
  padding: 5px 25px 7px 10px;
  border-radius: 0 0 30px 0;
  position: relative;
}
alpha-fund-switching .ui-tooltip-icon-block.ui-tooltip--regular-premium,
alpha-fund-switching .ui-tooltip-icon-block.ui-tooltip--single-premium,
alpha-fund-redirection-dialog .ui-tooltip-icon-block.ui-tooltip--regular-premium,
alpha-fund-redirection-dialog .ui-tooltip-icon-block.ui-tooltip--single-premium {
  background-color: #636d9a;
  margin-left: 0;
  color: rgba(255, 255, 255, 1);
  border: 2px solid #9ca1b9;
  padding: 4px 10px 3px 5px;
  height: 30px;
  width: 30px;
  margin-right: 5px;
  position: relative;
}
alpha-fund-switching .ui-tooltip-icon-block.ui-tooltip--single-premium,
alpha-fund-redirection-dialog .ui-tooltip-icon-block.ui-tooltip--single-premium {
  background-color: #be5ecc;
  border: 2px solid #911e90;
}
alpha-fund-switching .ui-iso-data-block-heading.regular-premium h3,
alpha-fund-redirection-dialog .ui-iso-data-block-heading.regular-premium h3 {
  background-color: #636d9a;
  border-color: #4c588b;
  position: absolute;
  right: -26px;
  border-radius: 0 0 0 30px;
  top: -10px;
  border-right: 4px solid #4c588b;
  border-left: 0;
  padding-left: 20px;
}
alpha-fund-switching .ui-iso-data-block-heading.single-premium h3,
alpha-fund-redirection-dialog .ui-iso-data-block-heading.single-premium h3 {
  background-color: #be5ecc;
  border-color: #911e90;
}
alpha-fund-switching .ui-data-indicator.premium-count,
alpha-fund-redirection-dialog .ui-data-indicator.premium-count {
  background-color: rgba(60, 73, 129, 0.8);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
  margin-left: auto;
}
alpha-fund-switching .ui-data-indicator.total-amount,
alpha-fund-redirection-dialog .ui-data-indicator.total-amount {
  background-color: rgb(79, 79, 79);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
alpha-fund-switching .ui-iso-data-bar .ui-data-indicator.total-amount,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-data-indicator.total-amount {
  left: -19px;
  position: relative;
  border-radius: 0 30px 30px 0;
  border-left: 0;
}
alpha-available-investments-container .ui-iso-data-bar .ui-data-indicator.total-amount {
  left: 0;
}
alpha-fund-switching .ui-fs-view01,
alpha-fund-redirection-dialog .ui-fs-view01 {
  display: flex;
  justify-content: center;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-current-position,
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options,
alpha-fund-switching .ui-iso-diagram-container.fund-redirect-preview,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-current-position,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-redirect-preview {
  max-width: 500px;
  flex: 1;
  padding: 30px 55px 30px;
  overflow-y: scroll;
  overflow-x: hidden;
}
alpha-fund-switching .ui-iso-diagram-components,
alpha-fund-redirection-dialog .ui-iso-diagram-components {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: 35px auto;
}
alpha-fund-switching .ui-iso-diagram-components.fund-options,
alpha-fund-redirection-dialog .ui-iso-diagram-components.fund-options {
  margin-left: 30px;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options {
  background-color: rgba(255, 255, 255, 0.4);
  border-left: 5.5px solid rgb(28, 117, 188);
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options .ui-iso-diagram-section,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options .ui-iso-diagram-section {
  position: relative;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options .ui-percent-value-amount strong,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options .ui-percent-value-amount strong {
  display: none;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-cylinder-bar .ui-percent-value-amount i,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-cylinder-bar .ui-percent-value-amount i {
  bottom: -11px;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options .ui-iso-diagram-section:after,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options .ui-iso-diagram-section:after {
  content: "";
  border-right: 5.5px solid rgba(60, 73, 129, 0.5);
  height: calc(100%);
  position: absolute;
  right: -32px;
  top: -30px;
  border-radius: 0 0 10px 10px;
}
alpha-fund-switching .fund-switch-available-options {
  position: relative;
}
alpha-fund-switching alpha-available-fund-bar-group-container .fund-switch-available-options:after {
  content: "";
  position: absolute;
  right: -31px;
  top: -30px;
  z-index: 2;
  border-right: 5.5px solid rgba(60, 73, 129, 0.5);
  height: calc(100% + 20px);
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-cylinder-bar .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-cylinder-bar .ui-iso-data-value {
  left: calc(100% + 45px);
}
alpha-fund-switching .ui-iso-header-block,
alpha-fund-redirection-dialog .ui-iso-header-block {
  background-color: #fff;
  padding: 15px 15px 0 15px;
  max-width: 500px;
  width: calc(100% + 110px);
  border-radius: 0 20px 0 0;
  margin-bottom: 0;
  position: relative;
  z-index: 4;
}
alpha-fund-switching .fund-options .ui-iso-header-block,
alpha-fund-redirection-dialog .fund-options .ui-iso-header-block {
  border-radius: 20px 0 0 0;
}
alpha-fund-switching .ui-iso-header-block .ui-key-icons,
alpha-fund-redirection-dialog .ui-iso-header-block .ui-key-icons {
  position: absolute;
  z-index: 1;
  left: -14px;
  top: 115px;
  display: flex;
  flex-direction: column;
}
alpha-fund-switching .ui-iso-header-block .ui-key-icons .ui-tooltip-icon-block,
alpha-fund-redirection-dialog .ui-iso-header-block .ui-key-icons .ui-tooltip-icon-block {
  margin-bottom: 10px;
}
alpha-fund-switching .ui-iso-header-title,
alpha-fund-redirection-dialog .ui-iso-header-title {
  margin-bottom: 10px;
  display: inline-block;
}
alpha-fund-switching .ui-iso-diagram-components > h2 .ui-data-indicator,
alpha-fund-redirection-dialog .ui-iso-diagram-components > h2 .ui-data-indicator {
  overflow: hidden;
}
alpha-fund-switching .ui-iso-diagram-components.fund-options > h2,
alpha-fund-redirection-dialog .ui-iso-diagram-components.fund-options > h2 {
  border-radius: 20px 0 0 0;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-current-position,
alpha-fund-redirection-dialog.ui-iso-diagram-container.fund-switch-current-position {
  background-color: rgba(255, 255, 255, 0.4);
  border-left: 5.5px solid rgba(79, 79, 79, 1);
}
alpha-fund-switching .ui-iso-diagram-container.fund-redirect-preview,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-redirect-preview {
  background-color: rgba(255, 255, 255, 0.4);
  border-left: 6px solid #fff;
}
alpha-fund-switching .ui-header-extented-options h2,
alpha-fund-redirection-dialog .ui-header-extented-options h2 {
  display: inline-block;
  font-size: 14px;
}
alpha-fund-switching .ui-header-extented-options,
alpha-fund-redirection-dialog .ui-header-extented-options {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #ccc;
  margin-bottom: 5px;
}
alpha-fund-switching .ui-filter-actions-container.iso-diagram-filter,
alpha-fund-redirection-dialog .ui-filter-actions-container.iso-diagram-filter {
  margin-left: 0;
  margin-right: 0;
}
alpha-fund-switching .ui-count-indicator,
alpha-fund-redirection-dialog .ui-count-indicator {
  background-color: #eee;
  color: #3c4981;
  font-weight: bold;
  min-width: 25px;
  max-width: 60px;
  align-items: center;
  justify-content: center;
  margin-left: 0px;
  padding: 3px 4px;
  margin-top: -3px;
  margin-right: 5px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  margin-bottom: -3px;
  position: relative;
  text-align: center;
  display: inline-block !important;
}
alpha-fund-switching .ui-iso-data-block .ui-key-icons,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-key-icons {
  position: absolute;
  left: -35px;
  z-index: 3;
}
alpha-fund-switching .ui-iso-data-title .ui-data-indicator,
alpha-fund-redirection-dialog .ui-iso-data-title .ui-data-indicator {
  display: inline-block;
}
alpha-fund-switching .ui-data-indicator.fund-type,
alpha-fund-redirection-dialog .ui-data-indicator.fund-type {
  padding: 4px 10px 5px 10px;
  background-color: #42aeb6;
  color: #fff;
  display: inline-block;
  position: relative;
  left: -11px;
}
alpha-fund-switching .ui-iso-data-block.ui-drag.ui-draggable-dragging,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-drag.ui-draggable-dragging {
  outline: 2px dashed #fff;
  z-index: 9;
  position: fixed !important;
}
alpha-fund-switching .ui-iso-data-block.ui-drop.ui-droppable-active,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-drop.ui-droppable-active {
  outline: 2px dashed #148ada;
}
alpha-fund-switching .ui-iso-data-block.ui-drop.ui-droppable-hover,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-drop.ui-droppable-hover {
  outline: 2px dashed #148ada;
  background-color: rgba(20, 138, 218, 0.5);
}
alpha-fund-switching .ui-data-indicator.ui-has-fund-options,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options {
  position: relative;
  padding-left: 35px;
}
alpha-fund-switching .ui-data-indicator.ui-has-fund-options .ui-button--multi-state,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options .ui-button--multi-state {
  position: absolute;
  left: 0;
  top: -4px;
}
alpha-fund-switching .ui-data-indicator.ui-has-fund-options .ui-button--multi-state button.ui-button .ui-button-icon-right,
alpha-fund-switching .ui-data-indicator.ui-has-fund-options .ui-button--multi-state button.ui-button .ui-button-icon-left,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options .ui-button--multi-state button.ui-button .ui-button-icon-right,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options .ui-button--multi-state button.ui-button .ui-button-icon-left {
  padding: 0;
}
alpha-fund-switching .ui-data-indicator.ui-has-fund-options .ui-button--multi-state button.ui-button .ui-button-text,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options .ui-button--multi-state button.ui-button .ui-button-text {
  padding: 5px 7px;
  color: #0f6ab2;
}
alpha-fund-switching .ui-diagram-header.ui-header-fill.ui-action-log,
alpha-fund-redirection-dialog .ui-diagram-header.ui-header-fill.ui-action-log {
  justify-content: center;
}
alpha-fund-switching .ui-diagram-content.scroll-chxild-items.ui-action-log,
alpha-fund-redirection-dialog .ui-diagram-content.scroll-chxild-items.ui-action-log {
  margin: 0 auto;
  display: block;
}
alpha-fund-switching .ui-diagram-view.scroll-child-items.ui-action-log,
alpha-fund-redirection-dialog .ui-diagram-view.scroll-child-items.ui-action-log {
  min-width: 800px;
}
alpha-fund-switching .tile--data-action-log,
alpha-fund-redirection-dialog .tile--data-action-log {
  display: flex;
  min-height: 100px;
  margin-top: 15px;
}
alpha-fund-switching .tile--left-actions-log,
alpha-fund-redirection-dialog .tile--left-actions-log {
  flex: 1;
  display: flex;
  flex-direction: column;
}
alpha-fund-switching .tile-right-actions-log,
alpha-fund-redirection-dialog .tile-right-actions-log {
  flex: 1;
  align-content: center;
  align-items: center;
  display: flex;
  border-left: 2px dashed #a8cae5;
  padding-left: 20px;
}
alpha-fund-switching .tile--left-actions-log .tile--data-block,
alpha-fund-redirection-dialog .tile--left-actions-log .tile--data-block {
  border-bottom: 2px solid #eee;
  padding-bottom: 10px;
  text-align: left;
  justify-content: left;
  justify-items: left;
}
alpha-fund-switching .ui-diagram-col.ui-policies.ui-scheme-policies.ui-action-log .ui-row-tile-action,
alpha-fund-redirection-dialog .ui-diagram-col.ui-policies.ui-scheme-policies.ui-action-log .ui-row-tile-action {
  padding-left: 20px;
}
alpha-fund-redirection-dialog .investment-options-overlay-content .ui-fs-view01.investment-fund-switch-options {
  height: inherit;
}
alpha-fund-redirection-dialog .investment-options-overlay-content .ui-iso-diagram-container.fund-switch-available-options,
alpha-fund-redirection-dialog .investment-options-overlay-content .ui-iso-diagram-container.fund-switch-current-position {
  justify-content: center;
  display: flex;
  background-color: rgba(255, 255, 255, 0.4);
  flex-direction: column;
  overflow-y: scroll;
}
alpha-fund-switching .overlay-content-body.flex-layout-top,
alpha-fund-redirection-dialog .overlay-content-body.flex-layout-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  height: 100%;
}
alpha-action-log-dialog,
alpha-fund-redirection-dialog {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
alpha-action-log-dialog .app-overlay-body,
alpha-fund-redirection-dialog .app-overlay-body {
  height: calc(100vh - 152px);
  margin-bottom: 20px;
  overflow: hidden;
}
alpha-action-log-dialog .content-overlay,
alpha-fund-redirection-dialog .content-overlay {
  width: calc(100vw - 10px) !important;
  height: calc(100vh - 0px) !important;
  overflow: hidden !important;
}
alpha-fund-redirection-dialog .content-section-body .content-block--fund-switch,
alpha-fund-redirection-dialog .content-block--fund-switch {
  height: inherit;
  width: 100%;
  border-radius: 6px;
  margin: 0;
}
alpha-fund-redirection-dialog .ui-iso-diagram-components.fund-options,
alpha-fund-redirection-dialog .ui-iso-diagram-components {
  height: calc(100% - 100px);
  overflow-y: scroll;
  overflow-x: hidden;
  justify-content: start;
}
alpha-fund-switching .ui-iso-data-block.ui-invetment-option-switch-block,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-invetment-option-switch-block {
  position: relative;
  margin-bottom: 35px;
  z-index: 3;
  margin-top: 15px;
}
alpha-fund-switching .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:before,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:before {
  content: " ";
  border: 2px dashed #67a3d3;
  background-color: rgba(198, 221, 239, 0.2);
  position: absolute;
  top: calc(-20px);
  left: calc(-45px);
  width: calc(100% + 85px);
  height: calc(100% + 25px);
  z-index: -1;
}
alpha-fund-switching .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:after,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:after {
  content: "Selected Fund";
  position: absolute;
  top: calc(-43px);
  left: calc(-45px);
  background-color: #1c75bc;
  height: 25px;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
alpha-fund-switching .tile-data.ui-fund-switch-actions,
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions {
  border-bottom: 2px solid #1c75bc;
  margin-bottom: 15px;
  margin-left: -30px;
  margin-right: -30px;
}
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions .tile--data {
  position: relative;
  min-height: 30px;
}
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions .tile--data input {
  min-width: 65px;
  text-align: right;
  background-color: rgba(255, 255, 255, 0);
  border: 0 solid transparent;
  font-weight: bold;
}
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions .tile--data input[disabled] {
  background-color: rgba(204, 204, 204, 0.5);
  padding: 5px 5px 3px 5px;
  border-radius: 30px;
  margin-right: -5px;
  margin-left: -5px;
  pointer: not-allowed;
}
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions .tile--data input:not([disabled]) {
  outline: 0;
  border: none;
  color: #1c75bc;
}
alpha-fund-switching .tile-data.ui-fund-switch-actions .tile--data,
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions .tile--data {
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 30px;
  color: #1c75bc;
}
alpha-fund-switching .ui-filter-actions-container.iso-diagram-filter,
alpha-fund-redirection-dialog .ui-filter-actions-container.iso-diagram-filter {
  margin-left: 0;
  margin-right: 0;
}
alpha-fund-switching .ui-filter-shelf,
alpha-fund-redirection-dialog .ui-filter-shelf {
  padding: 0 15px;
  text-align: center;
}
alpha-fund-switching .ui-filtered-results-info,
alpha-fund-redirection-dialog .ui-filtered-results-info {
  padding: 5px 20px;
  display: none;
}
alpha-fund-switching .ui-filter-description-row,
alpha-fund-redirection-dialog .ui-filter-description-row {
  border-bottom: 1px dashed rgb(169, 169, 169);
  padding-bottom: 10px;
  display: flex;
  align-content: stretch;
  align-items: center;
  justify-content: left;
  margin-bottom: 5px;
  margin-top: 10px;
}
alpha-fund-switching .ui-filter-description-row .ui-button--multi-state,
alpha-fund-redirection-dialog .ui-filter-description-row .ui-button--multi-state {
  margin-bottom: 0;
}
alpha-fund-switching .ui-filter-description-row .ui-button--multi-state.ui-text-nowrap .ui-button,
alpha-fund-redirection-dialog .ui-filter-description-row .ui-button--multi-state.ui-text-nowrap .ui-button {
  white-space: nowrap;
}
alpha-fund-switching .ui-filter-description-row .ui-filter-description-text,
alpha-fund-redirection-dialog .ui-filter-description-row .ui-filter-description-text {
  display: inline-block;
}
alpha-fund-switching .ui-filter-description-row .ui-filter-description-text:first-child,
alpha-fund-redirection-dialog .ui-filter-description-row .ui-filter-description-text:first-child {
  margin-right: 5px;
  min-width: 40px;
  text-align: left;
}
alpha-fund-switching .ui-filter-description-row .ui-filter-description-text:last-child,
alpha-fund-redirection-dialog .ui-filter-description-row .ui-filter-description-text:last-child {
  margin-left: 5px;
}
alpha-fund-switching .ui-datarange-container,
alpha-fund-redirection-dialog .ui-datarange-container {
  position: relative;
  background: #fff;
  border: 0.1rem solid #85b2e2;
  border-radius: 4px;
}
alpha-fund-switching .ui-datarange-container:hover,
alpha-fund-redirection-dialog .ui-datarange-container:hover {
  background-color: rgb(244, 247, 251);
}
alpha-fund-switching .ui-datarange-container .ui-daterange-input,
alpha-fund-redirection-dialog .ui-datarange-container .ui-daterange-input {
  background: transparent;
  padding: 5px 10px;
  border: 0;
  padding-right: 45px;
  position: relative;
  z-index: 1;
  min-width: 220px;
}
alpha-fund-switching .ui-datarange-container .ui-daterange-input:focus,
alpha-fund-redirection-dialog .ui-datarange-container .ui-daterange-input:focus {
  outline: 6px solid #f6c754;
}
alpha-fund-switching .ui-datarange-container .ui-datarange-dropdown-icons,
alpha-fund-redirection-dialog .ui-datarange-container .ui-datarange-dropdown-icons {
  position: absolute;
  width: 40px;
  right: 0;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: center;
  height: calc(100% + 2px);
  border-left: 0.1rem solid #85b2e2;
}
alpha-fund-switching .ui-datarange-container .ui-datarange-dropdown-icons .fa-calendar,
alpha-fund-redirection-dialog .ui-datarange-container .ui-datarange-dropdown-icons .fa-calendar {
  margin-right: 4px;
}
alpha-fund-switching .ui-datarange-container .ui-datarange-dropdown-icons .fa-caret-down,
alpha-fund-redirection-dialog .ui-datarange-container .ui-datarange-dropdown-icons .fa-caret-down {
  font-size: 18px;
  color: #1580da;
}
alpha-fund-switching .ui-app-widget-header-toolbar .ui-filter-info-text,
alpha-fund-redirection-dialog .ui-app-widget-header-toolbar .ui-filter-info-text {
  padding: 7px 0 0 0;
}
alpha-fund-switching .filter-underline--default,
alpha-fund-redirection-dialog .filter-underline--default {
  border-bottom: 2px solid #85b2e2;
}
alpha-fund-switching .ui-filter-actions-container.ui-correspondence-filter,
alpha-fund-switching .ui-filter-actions-container.ui-correspondence-short-filter-info,
alpha-fund-redirection-dialog .ui-filter-actions-container.ui-correspondence-filter,
alpha-fund-redirection-dialog .ui-filter-actions-container.ui-correspondence-short-filter-info {
  position: relative;
  border-color: #85b2e2;
}
alpha-fund-switching .ui-filter-actions-container.ui-correspondence-filter:after,
alpha-fund-switching .ui-filter-actions-container.ui-correspondence-short-filter-info:after,
alpha-fund-redirection-dialog .ui-filter-actions-container.ui-correspondence-filter:after,
alpha-fund-redirection-dialog .ui-filter-actions-container.ui-correspondence-short-filter-info:after {
  position: absolute;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d7";
  position: absolute;
  bottom: -27px;
  left: 6px;
  font-size: 35px;
  color: #85b2e2;
}
alpha-fund-switching .ui-filter-actions-container.ui-correspondence-short-filter-info,
alpha-fund-redirection-dialog .ui-filter-actions-container.ui-correspondence-short-filter-info {
  display: none;
}
alpha-fund-switching .ui-filter-actions-container.ui-correspondence-filter.ux-hide + .ui-filter-actions-container.ui-correspondence-short-filter-info,
alpha-fund-redirection-dialog .ui-filter-actions-container.ui-correspondence-filter.ux-hide + .ui-filter-actions-container.ui-correspondence-short-filter-info {
  display: block;
}
alpha-fund-switching .ui-filter-actions-container,
alpha-fund-redirection-dialog .ui-filter-actions-container {
  background-color: #e3e5ef;
  margin: 0 15px 15px 15px;
  border-radius: 6px;
  border: 2px solid rgba(0, 0, 0, 0.05);
  transition: all 0.25s ease-in-out;
}
alpha-fund-switching .ui-filter-heading,
alpha-fund-redirection-dialog .ui-filter-heading {
  font-weight: bold;
  display: flex;
  padding: 5px;
  height: 100%;
  background-color: #dddee8;
  left: 0;
  top: 0;
  font-size: 11px;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 5px;
}
alpha-fund-switching .ui-filter-shelf,
alpha-fund-redirection-dialog .ui-filter-shelf {
  padding: 0 15px;
  text-align: center;
}
alpha-fund-switching .ui-iso-diagram-container,
alpha-fund-redirection-dialog .ui-iso-diagram-container {
  min-height: 100px;
  padding: 20px;
}
alpha-fund-switching .ui-iso-data-block,
alpha-fund-redirection-dialog .ui-iso-data-block {
  position: relative;
  border-top: 0 dashed #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  min-width: 380px;
}
alpha-fund-switching .ui-iso-data-block .ui-tooltip-icon-block,
alpha-fund-redirection-dialog .ui-iso-data-block .ui-tooltip-icon-block {
  width: 24.5px;
  height: 24px;
}
alpha-fund-switching .ui-iso-data-block:before,
alpha-fund-redirection-dialog .ui-iso-data-block:before {
  content: "";
  position: absolute;
  left: -30px;
  height: calc(100% - 25px);
  top: 0;
}
alpha-fund-switching .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-data-value {
  position: absolute;
  z-index: 2;
  top: 20px;
  left: -26px;
  display: flex;
  min-width: 250px;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-data-amount,
alpha-fund-switching .ui-iso-data-value .ui-iso-data-percent,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-data-amount,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-data-percent {
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid rgba(255, 255, 255, 0.7);
  padding: 3px 10px;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-data-amount,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-data-amount {
  border-radius: 30px;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-data-percent,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-data-percent {
  border-radius: 30px;
  background-color: rgba(60, 73, 129, 0.9);
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin-right: 2px;
  overflow: hidden;
  color: #fff;
}
alpha-fund-switching .ui-drop.no-funds .ui-iso-data-title,
alpha-fund-redirection-dialog .ui-drop.no-funds .ui-iso-data-title {
  top: 0;
  left: -10px;
}
alpha-fund-switching .ui-iso-data-title,
alpha-fund-redirection-dialog .ui-iso-data-title {
  padding: 5px 5px 5px 10px;
  margin-bottom: 2px;
  position: relative;
  left: -10px;
  font-size: 15px;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-percent-entry {
  border-radius: 30px;
  background-color: rgba(60, 73, 129, 0.9);
  background-color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border: 0.2rem solid #85b2e2;
  margin-right: 10px;
  padding: 5px;
  color: #fff;
  width: 52px;
  right: 10px;
  top: -2px;
  position: relative;
  text-align: right;
  color: #222;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-percent-entry:before,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-percent-entry:before {
  content: "\f177";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: calc(100% + 10px);
  top: -4px;
  color: #5a6493;
  font-size: 26px;
  border-radius: 100%;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-percent-entry:after,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-percent-entry:after {
  content: "";
  height: 30px;
  border-left: 3px solid #5a6493;
  position: absolute;
  left: -10px;
  top: -2px;
  width: 30px;
  border-radius: 100%;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-percent-entry input,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-percent-entry input {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100%);
  height: 100%;
  border: 0;
  padding-left: 5px;
  padding-right: 20px;
  background-color: transparent;
  text-align: right;
  z-index: 2;
  color: #1c75bc;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-percent-entry input:focus,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-percent-entry input:focus {
  outline: 0;
}
alpha-fund-switching .ui-iso-data-value .ui-iso-percent-entry input:focus + .ux-focus-helper,
alpha-fund-redirection-dialog .ui-iso-data-value .ui-iso-percent-entry input:focus + .ux-focus-helper {
  outline: 6px solid rgba(246, 199, 84, 0.7);
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  z-index: 1;
}
alpha-fund-switching .ui-iso-data-cylinder-bar,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar {
  height: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative;
  left: -10px;
  width: 300px;
  border-radius: 15px/15px;
  border: 1px solid rgba(62, 65, 114, 0.5);
  border: 1px solid #fff;
  z-index: 3;
}
alpha-fund-switching .ui-iso-data-cylinder-bar[ux_current_premium_percent="0"] .ui-iso-data-fill,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar[ux_current_premium_percent="0"] .ui-iso-data-fill {
  opacity: 0;
}
alpha-fund-switching .ui-iso-data-cylinder-bar:after,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar:after {
  position: absolute;
  right: -3px;
  top: 2px;
  width: 25px;
  height: 25px;
  border-radius: 15px/15px;
  background-color: rgba(255, 255, 255, 0.8);
  content: "";
  transform: rotate(45deg) skew(10deg, 10deg);
  border: 1px solid rgba(255, 255, 255, 1);
}
alpha-fund-switching .ui-iso-data-cylinder-bar:before,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar:before {
  position: absolute;
  left: -1px;
  top: 2px;
  width: 23px;
  height: 23px;
  border-radius: 15px/15px;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  transform: rotate(45deg) skew(10deg, 10deg);
  border: 1px solid rgba(62, 65, 114, 0.5);
  border: 1px solid #fff;
}
alpha-fund-switching .ui-iso-data-cylinder-bar .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar .ui-iso-data-value {
  top: 2px;
  left: calc(100% + 52px);
}
alpha-fund-switching .ui-iso-data-fill,
alpha-fund-redirection-dialog .ui-iso-data-fill {
  height: 30px;
  background-color: rgba(62, 65, 114, 0.6);
  background: rgb(209, 213, 232);
  background:
    linear-gradient(
      180deg,
      rgba(209, 213, 232, 0.6) 0%,
      rgba(131, 137, 167, 0.6) 35%,
      rgba(60, 73, 129, 1) 100%);
  position: relative;
  left: 0;
  top: -1px;
  border-radius: 15px/15px;
  border: 1px solid rgba(62, 65, 114, 0.5);
  border: 1px solid #fff;
  transition: all 0.5s;
}
alpha-fund-switching .ui-iso-data-fill:after,
alpha-fund-redirection-dialog .ui-iso-data-fill:after {
  position: absolute;
  right: -3px;
  top: 2px;
  width: 23px;
  height: 23px;
  border-radius: 15px/15px;
  background-color: rgba(60, 73, 129, 0.7);
  content: "";
  transform: rotate(45deg) skew(10deg, 10deg);
  border: 2px solid rgba(234, 235, 248, 0.3);
}
alpha-fund-switching .ui-iso-data-cylinder-bar .ui-percent-value-amount,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar .ui-percent-value-amount {
  position: absolute;
  z-index: 1;
  top: 3px;
  right: -56px;
  color: #4c588b;
  padding: 3px 10px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
alpha-fund-switching .ui-iso-data-cylinder-bar .ui-percent-value-amount i,
alpha-fund-redirection-dialog .ui-iso-data-cylinder-bar .ui-percent-value-amount i {
  transform: scaleX(-1);
  position: absolute;
  right: 357px;
  font-size: 25px;
  color: #5a6493;
  bottom: 6px;
}
alpha-fund-switching .ui-fund-switch-container,
alpha-fund-redirection-dialog .ui-fund-switch-container {
  position: relative;
}
alpha-fund-switching .ui-fund-switch-container .ui-fs-view01,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-fs-view01 {
  margin-left: 0;
}
alpha-fund-switching .ui-iso-diagram-components.fund-options,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-components.fund-options,
alpha-fund-redirection-dialog .ui-iso-diagram-components.fund-options,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-components.fund-options {
  margin-left: 30px;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-diagram-section:after,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-diagram-section:after,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-diagram-section:after,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-diagram-section:after {
  display: none;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  border-color: rgb(28, 117, 188);
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry input,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry input,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry input,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry input {
  color: rgb(28, 117, 188);
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value {
  left: -45px;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value.percentage-equivalent,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value.percentage-equivalent,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value.percentage-equivalent,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value.percentage-equivalent {
  left: 0;
}
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:after,
alpha-fund-switching .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:before,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:after,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:before.action--psuedo,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:after,
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:before,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:after,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-container.fund-switch-available-options .ui-iso-data-value .ui-iso-percent-entry:before {
  display: none;
}
alpha-fund-switching .ui-content-tooltip .data-row-tile--flex-actions,
alpha-fund-switching .ui-fund-switch-container .ui-content-tooltip .data-row-tile--flex-actions,
alpha-fund-redirection-dialog .ui-content-tooltip .data-row-tile--flex-actions,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-content-tooltip .data-row-tile--flex-actions {
  margin-left: -10px;
  margin-bottom: -5px;
  margin-right: -10px;
}
alpha-fund-switching .ui-content-tooltip .data-row-tile--flex-actions [class*=action],
alpha-fund-switching .ui-fund-switch-container .ui-content-tooltip .data-row-tile--flex-actions [class*=action],
alpha-fund-redirection-dialog .ui-content-tooltip .data-row-tile--flex-actions [class*=action],
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-content-tooltip .data-row-tile--flex-actions [class*=action] {
  min-height: auto;
}
alpha-fund-switching .local-overlay,
alpha-fund-switching .ui-fund-switch-container .local-overlay,
alpha-fund-redirection-dialog .local-overlay,
alpha-fund-redirection-dialog .ui-fund-switch-container .local-overlay {
  background-color: rgba(18, 24, 50, 0.9);
}
alpha-fund-switching .local-overlay.show-local-overlay,
alpha-fund-switching .ui-fund-switch-container .local-overlay.show-local-overlay,
alpha-fund-redirection-dialog .local-overlay.show-local-overlay,
alpha-fund-redirection-dialog .ui-fund-switch-container .local-overlay.show-local-overlay {
  display: block;
  opacity: 1;
  height: 100%;
  z-index: 5;
}
alpha-fund-switching .local-overlay .app-overlay--context-bar,
alpha-fund-switching .ui-fund-switch-container .local-overlay .app-overlay--context-bar,
alpha-fund-redirection-dialog .local-overlay .app-overlay--context-bar,
alpha-fund-redirection-dialog .ui-fund-switch-container .local-overlay .app-overlay--context-bar {
  background-color: transparent;
  margin: 0;
  position: relative;
}
alpha-fund-switching .local-overlay .app-overlay--context-bar .ui-button--multi-state,
alpha-fund-switching .ui-fund-switch-container .local-overlay .app-overlay--context-bar .ui-button--multi-state,
alpha-fund-redirection-dialog .local-overlay .app-overlay--context-bar .ui-button--multi-state,
alpha-fund-redirection-dialog .ui-fund-switch-container .local-overlay .app-overlay--context-bar .ui-button--multi-state {
  position: absolute;
  right: 10px;
  top: 25%;
}
alpha-fund-switching .ui-fund-sheet-document-container,
alpha-fund-switching .ui-fund-switch-container .ui-fund-sheet-document-container,
alpha-fund-redirection-dialog .ui-fund-sheet-document-container,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-fund-sheet-document-container {
  width: 95%;
  height: 90%;
  margin-top: 15px;
}
alpha-fund-switching .ui-iso-diagram-container.fund-switch-current-position,
alpha-fund-switching .ui-iso-diagram-container.fund-switch-available-options,
alpha-fund-switching .ui-iso-diagram-container.fund-redirect-preview,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-current-position,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options,
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-redirect-preview {
  max-width: 500px;
  flex: 1;
  padding: 30px 55px 30px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-left: 5px;
  padding-top: 0;
  padding-right: 10px;
}
alpha-fund-switching .ui-fs-view01.ui-fs-view-relative {
  padding-left: 20px;
}
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-available-options {
  padding-bottom: 0;
}
alpha-fund-switching .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:after,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:after {
  content: "Selected Fund";
  position: absolute;
  top: calc(-33px);
  left: calc(-4px);
  background-color: #1c75bc;
  height: 25px;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
}
alpha-fund-switching .ui-iso-diagram-section,
alpha-fund-redirection-dialog .ui-iso-diagram-section {
  margin-bottom: 35px;
}
alpha-fund-switching .ui-iso-data-block .ui-iso-data-title {
  left: 0;
  font-size: 13px;
  padding: 5px 5px 8px 40px;
}
alpha-fund-redirection-dialog .ui-iso-data-block .ui-iso-data-title {
  left: 0;
  font-size: 13px;
  padding: 5px 30px 5px 35px;
}
alpha-fund-redirection-dialog .ui-iso-data-block .ui-key-icons {
  position: absolute;
  left: 2px;
  z-index: 3;
}
alpha-fund-switching alpha-current-investments-container .ui-iso-data-block .ui-iso-data-title {
  padding-left: 32px;
}
alpha-fund-switching .ui-data-indicator.fund-type,
alpha-fund-redirection-dialog .ui-data-indicator.fund-type {
  left: 0px;
}
alpha-fund-switching .ui-data-indicator.fund-type.sector-name,
alpha-fund-redirection-dialog .ui-data-indicator.fund-type.sector-name {
  background-color: #eee;
  border-color: rgba(34, 34, 34, 0.2);
  color: #222;
}
alpha-fund-switching .ui-iso-data-block,
alpha-fund-redirection-dialog .ui-iso-data-block {
  position: relative;
  border-top: 0 dashed #fff;
  padding-bottom: 0px;
  margin-bottom: 10px;
  min-width: 340px;
}
alpha-fund-switching .ui-iso-data-block-heading.regular-premium h3,
alpha-fund-redirection-dialog .ui-iso-data-block-heading.regular-premium h3 {
  background-color: #636d9a;
  border-color: #4c588b;
  position: absolute;
  right: -3px;
  border-radius: 0 0 0 30px;
  top: 0;
  border-right: 4px solid #4c588b;
  border-left: 0;
  padding-left: 20px;
}
alpha-fund-switching .ui-iso-data-block-heading,
alpha-fund-redirection-dialog .ui-iso-data-block-heading {
  margin-top: 10px;
  margin-left: -5px;
  margin-right: 5px;
  padding: 0px 20px 5px 0px;
  background-color: #b0b5c7;
  background: transparent;
  border-bottom: 2px solid rgba(60, 73, 129, 0);
  margin-bottom: 25px;
}
alpha-fund-switching .ui-iso-data-block-heading.single-premium,
alpha-fund-redirection-dialog .ui-iso-data-block-heading.single-premium {
  margin-bottom: 5px;
}
alpha-fund-switching alpha-current-fund-bar-container,
alpha-fund-redirection-dialog alpha-current-fund-bar-container {
  display: block;
  border-top: 2px solid rgba(255, 255, 255, 0.8);
  position: relative;
  padding-top: 10px;
}
alpha-fund-switching alpha-current-fund-bar-container:after,
alpha-fund-redirection-dialog alpha-current-fund-bar-container:after {
  content: "";
  border-bottom: 1px solid #8a94ac;
  position: absolute;
  bottom: calc(-10px);
  width: 100%;
}
alpha-fund-switching alpha-available-fund-bar,
alpha-fund-redirection-dialog alpha-available-fund-bar {
  display: block;
  border-top: 2px solid rgba(255, 255, 255, 0.8);
  position: relative;
  padding-top: 10px;
}
alpha-fund-switching alpha-available-fund-bar:after,
alpha-fund-redirection-dialog alpha-available-fund-bar:after {
  content: "";
  border-bottom: 1px solid #8a94ac;
  position: absolute;
  bottom: calc(-10px);
  width: 100%;
}
alpha-fund-switching alpha-current-investments-container .ui-iso-diagram-components,
alpha-current-investments-container alpha-current-investments-container alpha-fund-redirection-dialog .ui-iso-diagram-components {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: 35px 0px 35px 20px;
  border: 0px solid red;
  width: 380px;
}
alpha-fund-switching .ui-iso-header-block,
alpha-fund-redirection-dialog .ui-iso-header-block {
  max-width: 500px;
  width: calc(100% + 110px);
  width: 100%;
  padding: 15px 12px 0 5px;
}
alpha-fund-redirection-dialog .ui-iso-header-block h2 {
  font-size: 14px;
}
alpha-fund-redirection-dialog .investment-fund-switch-options .ui-iso-header-block {
  padding-left: 10px;
}
alpha-fund-switching .ui-header-actions {
  display: flex;
  position: relative;
  top: -4px;
  right: -6px;
  justify-content: right;
}
alpha-fund-switching .ui-iso-data-indicators,
alpha-fund-redirection-dialog .ui-iso-data-indicators {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 5px;
}
alpha-available-investments-container .ui-iso-data-indicators {
  border-left: 5.5px solid rgb(28, 117, 188);
}
alpha-fund-switching .ui-data-indicator.liquidated-pool,
alpha-fund-redirection-dialog .ui-data-indicator.liquidated-pool {
  position: relative;
  margin-top: 14px;
  min-width: 109px;
}
alpha-fund-switching .ui-data-indicator.liquidated-pool .ui-text,
alpha-fund-redirection-dialog .ui-data-indicator.liquidated-pool .ui-text {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 0;
  color: #222;
  width: 160px;
  font-size: 13px;
}
alpha-fund-switching i.fas.fa-calendar:before,
alpha-fund-redirection-dialog i.fas.fa-calendar:before {
  content: "\f073";
}
alpha-fund-switching .ui-iso-data-indicators .ui-data-indicator.total-amount:before,
alpha-fund-redirection-dialog .ui-iso-data-indicators .ui-data-indicator.total-amount:before {
  content: "";
  position: absolute;
  border-left: 5.5px solid #4f4f4f;
  left: 8px;
  bottom: -8px;
  height: 10px;
}
alpha-fund-switching .ui-data-indicator.total-amount,
alpha-fund-redirection-dialog .ui-data-indicator.total-amount {
  position: relative;
  margin-top: 14px;
  min-width: 30px;
}
alpha-fund-switching .ui-data-indicator.total-amount .ui-text,
alpha-fund-redirection-dialog .ui-data-indicator.total-amount .ui-text {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 0;
  color: #222;
  width: 160px;
  font-size: 13px;
}
alpha-fund-switching .ui-data-indicator.premium-count,
alpha-fund-redirection-dialog .ui-data-indicator.premium-count {
  position: relative;
  margin-top: 14px;
  min-width: 50px;
  margin-right: 0;
}
alpha-fund-switching .ui-data-indicator.premium-count .ui-text,
alpha-fund-redirection-dialog .ui-data-indicator.premium-count .ui-text {
  position: absolute;
  bottom: calc(100% + 2px);
  right: 0;
  color: #222;
  width: 160px;
  font-size: 13px;
  text-align: right;
}
alpha-fund-switching .ui-iso-data-indicators .ui-data-indicator.premium-count:before,
alpha-fund-redirection-dialog .ui-iso-data-indicators .ui-data-indicator.premium-count:before {
  content: "";
  position: absolute;
  border-left: 5.5px solid rgba(60, 73, 129, 0.5);
  right: -2px;
  bottom: -7px;
  display: none;
  height: 10px;
}
alpha-fund-switching .ui-iso-diagram-section.regular-premiums:after,
alpha-fund-redirection-dialog .ui-iso-diagram-section.regular-premiums:after {
  content: "";
  border-right: 5.5px solid rgba(60, 73, 129, 0.5);
  height: calc(100% + 15px);
  position: absolute;
  right: -8px;
  top: 0px;
  border-radius: 0 0 10px 10px;
}
alpha-fund-switching alpha-current-investments-container .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent,
alpha-fund-redirection-dialog alpha-current-investments-container .ui-iso-data-block .ui-iso-data-value .ui-iso-data-percent {
  border-radius: 30px;
  background-color: rgba(60, 73, 129, 0.9);
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin-right: 2px;
  overflow: hidden;
  color: #fff;
  min-width: 52px;
  text-align: center;
}
alpha-fund-switching alpha-available-fund-bar-group-container .fund-switch-available-options:after {
  content: "";
  position: absolute;
  right: -3px;
  top: -30px;
  z-index: 2;
  border-right: 5.5px solid rgba(60, 73, 129, 0.5);
  height: calc(100% + 20px);
}
alpha-fund-switching alpha-current-investments-container .ui-iso-data-cylinder-bar .ui-iso-data-value,
alpha-fund-redirection-dialog alpha-current-investments-container .ui-iso-data-cylinder-bar .ui-iso-data-value {
  top: 2px;
  left: calc(100% + 52px);
  min-width: 0;
}
alpha-fund-switching .ui-iso-diagram-map,
alpha-fund-redirection-dialog .ui-iso-diagram-map {
  max-width: 20px;
}
alpha-fund-switching .ui-iso-diagram-components,
alpha-fund-redirection-dialog .ui-iso-diagram-components {
  border: 0px solid #ba00ff;
  width: 380px;
}
alpha-fund-switching .ui-iso-diagram-components.fund-options,
alpha-fund-switching .ui-fund-switch-container .ui-iso-diagram-components.fund-options,
alpha-fund-redirection-dialog .ui-iso-diagram-components.fund-options,
alpha-fund-redirection-dialog .ui-fund-switch-container .ui-iso-diagram-components.fund-options {
  margin-left: 10px;
}
alpha-fund-switching .ui-data-indicator.ui-has-fund-options,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options {
  position: relative;
  padding-left: 40px;
  padding-left: 10px;
}
alpha-fund-switching alpha-available-investments-container .ui-iso-diagram-map,
alpha-fund-redirection-dialog alpha-available-investments-container .ui-iso-diagram-map {
  max-width: 5px;
}
alpha-fund-switching .ui-iso-diagram-components,
alpha-fund-redirection-dialog .ui-iso-diagram-components {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: 35px 30px;
}
alpha-fund-redirection-dialog .ui-iso-diagram-container.fund-switch-current-position {
  border-left: 5.5px solid rgb(79, 79, 79);
}
alpha-fund-redirection-dialog .ui-iso-data-bar {
  border: 0px solid #20559e;
  transform: scale(1);
  transform-origin: top left;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data .ui-iso-data-value,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-value {
  border: 0px solid #20559e;
  transform: scale(1);
  transform-origin: top left;
  left: -6px;
  top: 4px;
}
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-value {
  left: -5px;
}
alpha-fund-redirection-dialog .fund-switch-available-options .ui-iso-data-value {
  left: 0;
}
alpha-fund-switching .ui-iso-data-bar {
  transform: scale(1);
  transform-origin: top left;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data-value {
  transform: scale(1);
  transform-origin: top left;
  min-width: auto;
  left: -6px;
  top: 5px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data-sources,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-sources {
  right: 15px !important;
  top: 36.5px;
  top: 19px;
  left: unset;
  z-index: 1;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data-sources:before,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data-sources:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: " ";
  width: 338px;
  border-top: 2px dashed rgba(27, 111, 160, 0.5);
  position: absolute;
  right: 7px;
  top: 12.6px;
  border-radius: 30px;
}
alpha-fund-switching .ui-iso-data-bar .ui-iso-data,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-iso-data {
  position: relative;
  left: 28px;
  margin-top: 1px;
  margin-bottom: 9px;
}
alpha-fund-switching .ui-iso-data-bar,
alpha-fund-redirection-dialog .ui-iso-data-bar {
  display: flex;
  width: 100%;
  position: relative;
  left: -10px;
  left: 0;
  width: 275px;
  width: 100%;
  border: 0px solid red;
}
alpha-fund-switching .ui-iso-data-bar .ui-data-indicator.total-amount,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-data-indicator.total-amount {
  left: 0;
  position: relative;
  border-radius: 0 30px 30px 0;
  border-left: 0;
}
alpha-fund-switching .ui-iso-data-bar .ui-data-indicator.total-amount:before,
alpha-fund-redirection-dialog .ui-iso-data-bar .ui-data-indicator.total-amount:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  content: "";
  position: absolute;
  color: rgba(63, 64, 63, 0.5);
  font-size: 30px;
  top: 20px;
  left: 7px;
  transform: rotate(180deg);
}
alpha-available-investments-container .ui-iso-data-bar .ui-data-indicator.total-amount {
  left: 0;
  min-height: 25px;
  min-width: 20px;
}
alpha-fund-switching .ui-iso-data-block.ui-invetment-option-switch-block,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-invetment-option-switch-block {
  position: relative;
  margin-bottom: 15px;
  z-index: 3;
  margin-top: 33px;
  width: calc(100% + 14px);
  min-width: auto;
}
alpha-fund-switching .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:before,
alpha-fund-redirection-dialog .ui-iso-data-block.ui-invetment-option-switch-block.init-selected-fund:before {
  content: " ";
  border: 2px dashed #67a3d3;
  background-color: rgba(198, 221, 239, 0.2);
  position: absolute;
  top: calc(-10px);
  left: calc(-4px);
  width: calc(100% + 0px);
  height: calc(100% + 25px);
  z-index: -1;
}
alpha-fund-switching .tile-data.ui-fund-switch-actions,
alpha-fund-redirection-dialog .tile-data.ui-fund-switch-actions {
  border-bottom: 2px solid #1c75bc;
  margin-bottom: 15px;
  margin-left: 10px;
  margin-right: 20px;
  padding-left: 0px;
}
.fa.fa-long-arrow-right:before {
  content: "\f30b";
}
.fa.fa-long-arrow-left:before {
  content: "\f30a";
}
alpha-fund-switching alpha-fund-key-icons .ui-iso-data-block .ui-key-icons {
  top: 2px !important;
  left: 2px;
  position: absolute;
}
alpha-fund-switching alpha-fund-key-icons .ui-iso-data-block {
  width: auto;
  min-width: 0;
  margin-bottom: 0;
}
alpha-fund-switching .ui-data-indicator.ui-has-fund-options .ui-button--multi-state,
alpha-fund-redirection-dialog .ui-data-indicator.ui-has-fund-options .ui-button--multi-state {
  position: relative;
  left: 6px;
  top: -4px;
  left: 0;
  top: 7px;
  margin-bottom: -20px;
  margin-top: -20px;
  margin-left: -3px;
}
alpha-fund-switching alpha-fund-switch-question-container .address-questions {
  width: 380px !important;
  margin: 0 20px 0px 15px !important;
}
alpha-fund-switching alpha-fund-switch-question-container .card.question-sets {
  width: 100%;
  padding: 0 !important;
  min-width: 0;
}
alpha-fund-switching .ui-data-percent,
alpha-fund-redirection-dialog .ui-data-percent {
  display: inline-flex;
  background-color: rgb(255 255 255 / 20%);
  position: relative;
  padding-top: 5px;
  margin-top: -5px;
  padding-bottom: 5px;
  margin-bottom: -5px;
  padding-right: 8px;
  padding-left: 5px;
  border-left: 2px dashed rgb(255 255 255 / 0.5);
  margin-left: 3px;
  margin-right: -10px;
  border-radius: 0 30px 30px 0;
}
alpha-fund-switching .ui-data-indicator.total-amount .action-menu,
alpha-fund-redirection-dialog .ui-data-indicator.total-amount .action-menu {
  margin-left: -13px;
}
alpha-fund-switching alpha-fund-switch-question-container h2.app-overlay--body-heading {
  font-size: 14px;
  width: 380px !important;
  margin: 35px 20px 0px 15px !important;
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  text-align: center;
}
alpha-fund-switching alpha-fund-switch-question-container .question {
  margin-top: 0 !important;
}
alpha-fund-switching alpha-fund-switch-question-container .card-block {
  padding: 15px;
}
alpha-fund-switching alpha-fund-switch-question-container .card-block .card-block {
  padding: 0 !important;
}
alpha-fund-switching .ui-floating-title {
  position: absolute;
  bottom: 100%;
  left: 5px;
  background-color: hsla(207, 74%, 42%, 0);
  color: rgb(28, 117, 188);
  padding: 2px 10px;
  width: calc(100% - 19px);
}
alpha-fund-switching alpha-fund-bar-cylinder .ui-iso-data-cylinder-bar {
  width: 231px;
  margin-left: 15px;
}
body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
alpha-v2-template .alpha-layout-col-2.alpha-app-body {
  overflow-y: scroll;
  overflow-x: hidden;
}
alpha-right-side-menu-apps .alpha-nav-app-explorer {
  overflow: hidden;
  height: inherit !important;
}
alpha-right-sidebar .sidebar-header {
  position: static;
}
alpha-right-side-menu-apps.widget-dock {
  height: 100% !important;
  flex: 1;
}
alpha-scratch-pad-footer .ui-docked-scratch-pad.sp-min {
  overflow: hidden;
  height: 52px !important;
}
alpha-right-sidebar .view-widgets ul.widget-selection {
  flex: 1;
  overflow-y: scroll;
  height: 100%;
  padding-bottom: 100px;
}
alpha-correspondence-widget .ui-correspondence-widget-body.step-container {
  padding-left: 0;
}
alpha-correspondence-widget .ui-app-widget-fixed-header {
  padding-top: 5px;
  margin-top: -10px;
}
alpha-correspondence-widget .card-row.card-row--wcm.correspondence-item .content-block--data-values.icon-in-gutter::before {
  width: 0px !important;
  border-right: 0px solid #ddd !important;
}
alpha-correspondence-widget correspondence-filter-select-all-contexts .ui-button-text {
  font-weight: bold;
}
alpha-correspondence-widget .content-block--data-values .name-position {
  padding-right: 15px;
}
alpha-correspondence-widget .content-block--data-values .content-block--col .flex-container .name-position {
  position: relative;
  margin-top: 0 !important;
}
alpha-correspondence-widget .content-block--label.larger-font.correspondence-heading {
  display: flex;
  align-items: center;
}
alpha-correspondence-widget .ui-filter-actions-container.ui-correspondence-filter:after,
alpha-correspondence-widget .ui-filter-actions-container.ui-correspondence-short-filter-info:after {
  bottom: -30px !important;
  left: -2px !important;
  font-size: 40px !important;
  transform: rotate(-225deg) !important;
}
alpha-correspondence-widget alpha-correspondence-search .ui-filter-criteria {
  text-align: left;
}
alpha-correspondence-widget alpha-correspondence-search .ui-filter-criteria mat-form-field {
  max-width: 295px;
  margin-right: 10px;
  margin-top: -15px;
}
alpha-correspondence-widget .ui-filter-description-row {
  padding-left: 15px;
}
alpha-correspondence-widget correspondence-filter-select-all-contexts {
  margin-bottom: -10px;
}
alpha-correspondence-widget correspondence-filter-select-all-contexts .ui-filter-description-text {
  margin-right: 5px;
}
alpha-correspondence-widget correspondence-filter-select-all-contexts .ui-filter-description-text {
  margin-right: 5px;
}
alpha-correspondence-widget correspondence-filter-select-all-contexts button.ui-button + button.ui-button .ui-button-text {
  min-width: 84px;
  text-align: center !important;
}
alpha-correspondence-widget .ui-filter-description-row {
  padding-bottom: 7px !important;
  margin-top: 7px !important;
}
alpha-correspondence-widget .ui-correspondence-view-filters {
  padding-left: 5px !important;
}
alpha-correspondence-widget .ui-filter-actions-container.ui-correspondence-filter {
  padding-top: 5px;
}
alpha-correspondence-widget .ui-datarange-container input.mat-input-element {
  background: transparent;
  padding: 6px 35px 6px 5px;
  border: 0;
  position: relative;
  z-index: 1;
  min-width: 240px;
  font-weight: bold;
}
alpha-correspondence-widget .ui-datarange-container {
  position: relative;
  background: #fff;
  border: 1px solid #85b2e2;
  border-radius: 4px;
  position: relative;
}
alpha-correspondence-widget .ui-datarange-container:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f073  \f0d7";
  position: absolute;
  right: 0;
  top: 0;
  color: #2174cc;
  padding: 4px 5px;
}
alpha-correspondence-widget alpha-correspondence-search .ui-button-text {
  font-weight: bold;
}
alpha-correspondence-widget .letter-format {
  border: 0px solid #1c1818 !important;
  padding-left: 0px !important;
}
alpha-correspondence-widget .card-row.card-row--wcm .content-section-header.step-open + .content-section-body.sub-step {
  border: 0;
  border-radius: 0;
  background-color: #dee0e8;
  width: calc(100%) !important;
}
alpha-correspondence-widget .linked-contexts-details-container {
  width: 100%;
  padding-left: 0 !important;
}
alpha-correspondence-widget .linked-contexts-details {
  width: 100%;
}
alpha-correspondence-widget .linked-contexts-details-container .linked-context-info {
  width: 100%;
  padding: 4px 45px 0px 15px !important;
  border-bottom: 1px dashed #0d57c3;
}
alpha-correspondence-widget .linked-context-header {
  width: 100%;
  padding-left: 0 !important;
}
alpha-correspondence-widget .linked-context-header .linked-contexts-title {
  padding-left: 7px;
}
alpha-correspondence-widget .linked-context-header .fas {
  font-size: 22px;
  position: absolute;
  left: 5px;
  top: 5px;
}
alpha-correspondence-widget .linked-context-info .linked-selected-context {
  background-color: #eee;
  border-color: rgb(182, 196, 210);
  border-style: solid;
  border-width: 2px;
  border-radius: 100px;
  min-width: 45px;
  width: auto;
  font-weight: bold;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 11px;
  display: inline-block;
  padding: 4px 10px 3px 10px !important;
  position: relative;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag {
  position: absolute;
  right: 45px;
  top: 4px;
  width: 25px;
  height: 25px;
  min-width: 25px;
  padding: 0px !important;
  display: flex;
  border-radius: 100px;
  color: #fff;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag .fas {
  font-size: 16px;
  line-height: 1;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag + .linked-context-info {
  background-color: rgba(133, 178, 226, 0.1);
  color: rgba(255, 255, 255, 1);
  border-bottom: 1px dashed #1869de;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag + .linked-context-info .linked-selected-context {
  background-color: #85b2e2 !important;
  border-color: rgba(255, 255, 255, 0.4);
  border-style: solid;
  border-width: 2px;
  border-radius: 100px;
  min-width: 45px;
  width: auto;
  font-weight: bold;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 11px;
  display: inline-block;
  padding: 4px 10px 4px 10px !important;
  position: relative;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag + .linked-context-info .linked-selected-context:before {
  content: "Selected";
  position: relative;
  left: -2px;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag + .linked-context-info .linked-selected-context:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f069";
  position: absolute;
  left: calc(100% + 5px);
  color: #1869de;
}
alpha-correspondence-widget .linked-selected-context.selected-context-flag + .linked-context-info .linked-contexts-title {
  color: #1869de;
}
alpha-correspondence-widget .content-section-header.sub-step {
  position: relative !important;
}
@media only screen and (max-width: 1342px) {
  body:before {
    content: " ALPHA window has been reduced to a size below recommended size.";
    font-weight: bold;
    height: 50px;
    display: flex;
    background-color: #f0ad4e;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid white;
  }
  .app-page--header h1 {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .app-page--header {
    display: flex;
    float: none;
    flex-direction: column;
    height: auto;
    padding-bottom: 10px;
  }
  .app-header {
    height: auto;
  }
  .alpha-explorer-toolbar.extended {
    margin-right: 0;
  }
  .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
    width: calc((100% - 60px) - 631px);
    left: 50px;
  }
  .companion-dock-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
    width: calc((100% - 520px) - 60px);
  }
  .ui-app-explorer-v2.ui-app-exp-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
    width: calc((100% - 60px) - 60px - 0px);
    left: 60px;
  }
  .companion-dock-open.ui-app-explorer-v2.ui-app-exp-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
    width: calc((100% - 520px) - 60px - 0px);
    left: 60px;
  }
}
alpha-pdf-container {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 1266px) {
  alpha-group-summary ul.alpha-linked-data-structure {
    transform: scale(0.9);
    margin-left: -3rem;
    margin-top: -2rem;
  }
}
@media only screen and (max-width: 1024px) {
  .app-branding--block {
    display: none;
  }
}
alpha-letters-widget button.mat-raised-button.mat-primary.ui-btn-center {
  margin: 0 auto;
}
alpha-letters-widget letters-job-selection .ui-letter-question-block mat-form-field.ui-full-width {
  width: 100%;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/prototype-extract-fixes.css */
.alpha-nav-app-explorer.widget-dock-contents {
  display: flex;
  flex-direction: column;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.margin-10 {
  margin: 10px;
}
alpha-right-side-menu-apps.widget-dock {
  position: relative;
}
.ui-app--widget-content {
  overflow-x: hidden;
  overflow-y: scroll;
  height: calc(100vh - var(--app-header-height) - 4.6153rem + 15px);
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/create-correspondence.css */
.content-section-body {
}
alpha-letters-widget .content-section-body {
  padding: 0;
}
.alpha-right-sidebar .sidebar-header {
  padding: 0;
}
.alpha-right-sidebar .sidebar-header .ui-dock-collapse {
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.ui-widget-toolbar {
  position: relative;
  padding-top: 10px;
  padding-right: 5px;
  display: flex;
  background-color: #9194a1;
  margin-left: 40px;
  justify-content: right;
  text-align: right;
}
.ui-widget-toolbar:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid #9194a1;
  border-left: 0 solid transparent;
  border-bottom: 48px solid #9194a1;
  border-left: 48px solid transparent;
  top: 0;
  right: 100%;
}
alpha-right-sidebar.alpha-layout-col-1.alpha-right-sidebar.pinned {
}
.ui-button--multi-state.ui-check-for-work {
  width: 100%;
}
.ui-button--multi-state.ui-check-for-work button.ui-button .ui-button-content {
  width: 100%;
  text-align: center;
}
.ui-button--multi-state.chunky-btn button.ui-button .ui-button-text {
  padding-top: 10px;
  padding-bottom: 10px;
}
.ui-button--multi-state.ui-widget-toolbar-action {
}
.ui-button--multi-state.ui-view-correspondence-notes .ui-button-text {
}
.ui-button--multi-state .ui-update-number {
  background-color: #e9d857;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  height: 20px;
  border-radius: 30px;
  margin-top: -5px;
  position: relative;
  top: 2px;
  right: -5px;
}
.ui-correspondence-creation-set-up {
  display: flex;
}
.multi-action-tile.tile--default.ui-work-item-tile button.action--single,
.multi-action-tile.tile--default.ui-work-item-tile button.action--extended {
  min-height: 112px;
}
button.action--single.content--center {
}
.multi-action-tile.tile--default.ui-work-item-tile .tile--icon-col {
  max-width: 100%;
  color: #4ba2df;
}
.multi-action-tile.tile--default.ui-work-item-tile.ui-empty-results {
}
button.ui-button.ui-disabled {
  background-color: #eee;
  color: #767373;
}
.ui-local-overlay.address-book.ux-example-address-book {
  position: fixed;
  z-index: 9;
  background-color: #eee;
  top: 100px;
  width: 653px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  right: 20px;
  box-shadow: -4px 5px 10px 1px rgb(22 22 22 / 50%);
  border: 6px solid rgb(71 71 72);
  border-radius: 6px;
}
.ui-local-overlay--anchor {
  position: relative;
}
.ui-local-overlay-header {
  background-color: rgb(71 71 72);
  padding: 10px;
  margin: -1px;
  color: #fff;
}
.ui-local-overlay-body {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 500px;
}
.ui-local-overlay-footer {
  height: 40px;
  display: flex;
  background-color: #474748;
  margin: -1px;
  padding-top: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.multi-action-tile.tile--default button .ui-tile-address-block .tile--address-details,
.ui-tile-address-block .tile--address-details {
  background-color: rgb(255 255 255 / 0%);
  border-color: rgb(238 238 238 / 0%);
  margin-bottom: 20px;
}
.multi-action-tile.tile--size-w-100pc {
  width: 100%;
}
.multi-action-tile.tile--size-w-100pc button {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.step-container content-section-body,
.step-container .content-section-body {
  display: none;
}
.ui-local-overlay.attach-correspondence {
  position: fixed;
  z-index: 9;
  background-color: #eee;
  top: 100px;
  width: 750px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  right: 20px;
  box-shadow: -4px 5px 10px 1px rgb(22 22 22 / 50%);
  border: 6px solid rgb(71 71 72);
  border-radius: 6px;
}
.ui-local-overlay.attach-correspondence .ui-local-overlay-body {
  max-height: 800px;
}
.ui-attachment-signpost {
  padding: 10px;
  position: relative;
  background-color: #85b2e2;
  color: #fff;
  display: none;
  font-size: 14px;
}
.ui-attachment-selected .ui-attachment-signpost {
  display: block;
}
alpha-wcm-tile .ui-attachment-selected .card-row.card-row--wcm.document-item .content-section-header {
  background-color: #cadef3;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/wcm-css-from-build-20-3-2021.css */
.card-row.card-row--wcm .content-block--data-values {
  font-size: 12px;
}
.card-row.card-row--wcm .content-block--label.larger-font,
.card-row.card-row--wcm .content-block--value.larger-font {
  font-size: 14px;
}
.card-row.card-row--wcm .content-section-header {
  position: initial;
}
.card-row.card-row--wcm .step-container .content-section-header.step-open {
  border-radius: 0;
}
.card-row.card-row--wcm .content-section-header.step-open + .content-section-body.sub-step {
  border: 0;
  border-radius: 0;
  background-color: #dee0e8;
  width: calc(100% - 35px);
}
.card-row.card-row--wcm .card {
  margin: 15px 10px;
}
.card-row.card-row--wcm .card .content-block--data-values {
  font-size: inherit;
  padding: 5px 0;
}
.card-row.card-row--wcm .card .content-block--label,
.card-row.card-row--wcm .card .content-block--value {
  padding-left: 0;
}
.card-row.card-row--wcm .content-block--data-values {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  margin-bottom: 0px;
  justify-content: flex-start;
  flex-wrap: wrap;
  border: 0px solid red;
  min-width: 50%;
}
.card-row.card-row--wcm .content-block--data-values.right-gutter {
  padding-right: 35px;
}
.card-row.card-row--wcm .content-block--data-values.left-gutter {
  padding-left: 32px;
}
.card-row.card-row--wcm .content-block--data-values.icon-in-gutter::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 1.3rem;
  position: absolute;
  width: 30px;
  top: 10px;
  left: 0;
  text-align: center;
}
.card-row.card-row--wcm .content-block--data-values.icon-in-gutter::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 0.9rem;
  position: absolute;
  width: 30px;
  top: 25px;
  left: 8px;
}
.card-row.card-row--wcm .content-block--data-values.icon-in-gutter::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 1.3rem;
  position: absolute;
  width: 30px;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10px;
  height: 100%;
}
.card-row.card-row--wcm .call-icon::before,
.card-row.card-row--wcm .call-in-icon::before,
.card-row.card-row--wcm .call-out-icon::before {
  content: "\f095";
}
.card-row.card-row--wcm .document-icon::before,
.card-row.card-row--wcm .document-in-icon::before,
.card-row.card-row--wcm .document-out-icon::before {
  content: "\f15c";
}
.card-row.card-row--wcm .document-in-icon::after,
.card-row.card-row--wcm .call-in-icon::after {
  content: "\f178";
}
.card-row.card-row--wcm .document-out-icon::after,
.card-row.card-row--wcm .call-out-icon::after {
  content: "\f177";
}
.card-row.card-row--wcm .data-bubble--status.pending .fa,
.card-row.card-row--wcm .data-bubble--status.error .fa {
  position: relative;
}
.card-row.card-row--wcm .data-bubble--status.pending .fa {
  color: #e68a00;
}
.card-row.card-row--wcm .data-bubble--status.pending .fa-square::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f252";
  position: absolute;
  left: 4px;
  top: 5px;
  color: #fff;
  font-size: 13px;
}
.card-row.card-row--wcm .data-bubble--status.error .fa {
  color: #d9534f;
}
.card-row.card-row--wcm .data-bubble--status.error .fa-square::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00d";
  position: absolute;
  left: 5px;
  top: 5px;
  color: #fff;
  font-size: 13px;
}
.card-row.card-row--wcm .content-section-header .content-open-arrow {
  border: 0 solid #bfbfbf;
  border-left: 1px solid #b0b7bb;
  background-color: #cad0d8;
  color: #0275d8;
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 35px;
  right: 0;
  justify-content: center;
}
.content-block--label {
  padding: 5px 5px 0 5px;
  display: block;
  font-size: 11px;
}
.content-block--value {
  padding: 0 5px 5px 5px;
  display: block;
}
.content-block--heading {
  color: #3c4981;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
}
.card-row.card-row--wcm .content-block--label {
  font-weight: normal;
  color: var(--theme-text--default);
}
.content-block--data-values {
  padding: 5px;
}
.card-row.card-row--wcm .compare-checkbox {
  margin: 10px;
}
.card-row.card-row--wcm .compare-checkbox-text {
  margin: 0 5px;
}
.card-row.card-row--wcm .compare-checkbox input[type=checkbox] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
.card-row.card-row--wcm .btn-link {
  background-color: transparent;
  border: 0;
  padding: 5px;
  margin: 5px;
  font-weight: bold;
  transition: all 0.15s ease-in-out;
}
.card-row.card-row--wcm .btn-link:hover {
  transform: scaleX(1.05);
  background-color: rgba(255, 255, 255, 0.09);
  border-radius: 4px;
}
.card-row.card-row--wcm .letter-format {
  height: 400px;
}
.card-row.card-row--wcm .data-bubble--status {
  white-space: nowrap;
  margin: 5px 10px 0 0;
  display: inline-block !important;
}
.data-structure-diagram-key.alternative-diagram-key {
  width: 100%;
  padding: 0;
  margin: 0;
}
.card-row.card-row--wcm.call-item .content-block--data-values.icon-in-gutter::before {
  background-color: #826aac;
  color: #f3e6fc;
}
.card-row.card-row--wcm.call-item {
  border: 2px solid #826aac;
}
.card-row.card-row--wcm.call-item .content-section-header {
  background-color: #f5f3f8;
}
.card-row.card-row--wcm.call-item .content-section-body {
  background-color: #dee0e8;
}
.card-row.card-row--wcm.document-item .content-block--data-values.icon-in-gutter::before {
  background-color: #e4e48b;
  color: #181809;
}
.card-row.card-row--wcm.document-item {
  border: 2px solid #c3c336;
}
.card-row.card-row--wcm.document-item .content-section-header {
  background-color: #fdfddc;
}
.card-row.card-row--wcm .content-section-header:hover {
  background-color: #ffffff;
}
.card-row.card-row--wcm.call-item + :not(.call-item) {
  margin-top: 35px;
}
.card-row.card-row--wcm.call-item + :not(.call-item)::before,
.card-row.card-row--wcm.document-item + :not(.document-item)::before {
  content: "";
  position: absolute;
  top: -20px;
  width: 60%;
  left: 20%;
  border: 0;
  border-top: 1.5px solid #ccc;
  border-bottom: 4px solid #fff;
  overflow: hidden;
}
.card-row.card-row--wcm.document-item + :not(.document-item) {
  margin-top: 35px;
}
.card-row.card-row--wcm.document-item + :not(.document-item)::before {
  border-bottom: 1.5px solid #ccc;
  border-top: 4px solid #fff;
  overflow: hidden;
}
.text-line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wcm-contents {
  display: contents;
}
.card-row--container {
  display: flex;
  max-height: 6000px;
  position: relative;
}
.card-row--container .card-row {
  flex: 1;
  position: relative;
  z-index: 1;
}
.card-row--container .card-row-selection {
  display: flex;
  padding: 15px 10px;
  width: 30px;
  background-color: rgba(255, 255, 255, 0);
  margin-left: 5px;
  position: relative;
  margin-top: 0 !important;
}
.card-row--container .card-row-selection:after {
}
.card-row--container .card-row-selection:before {
  display: none !important;
}
input.ui-cr-selection-cbox {
  transform: scale(1.5);
  cursor: pointer;
}
.card-row-selection .ui-psudo-controls:before {
  content: "";
  background-color: rgb(194, 197, 212);
  width: 80px;
  position: absolute;
  display: block;
  right: -3px;
  top: 10px;
  height: 35px;
  border-radius: 0 15px 15px 0;
}
.card-row-selection .ui-psudo-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-row-selection .ui-psuedo-cb-not-selected,
.card-row-selection .ui-psuedo-cb-selected {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 100%;
  cursor: pointer;
  margin: 0 auto;
  background-color: #e7e9f0;
  position: relative;
  z-index: 2;
  left: 0.5px;
  top: 15px;
}
.card-row-selection .ui-psuedo-cb-selected {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: #85b2e2;
  background-color: #3c4981;
  display: none;
}
.card-row-selection .ui-psuedo-cb-selected .ui-icon {
  color: #fff;
  font-size: 13px;
  position: relative;
  top: 2px;
  left: 1.5px;
}
.card-row-selection .ui-psuedo-cb-highlight {
  position: absolute;
  top: 0;
  left: -10px;
  height: calc(100% - 10px);
  width: calc(100% + 15px);
  border-radius: 0 6px 6px 0;
}
.card-row-selection .ui-psuedo-cb-highlight:before {
  content: "";
  position: absolute;
  height: calc(100% + 26px);
  top: -13px;
  left: 23.5px;
  border-right: 3.5px dashed #a9aec5;
}
.card-row-selection .ui-psuedo-cb-not-selected {
  border: 3px solid #3c4981;
}
input.ui-cr-selection-cbox {
  display: none;
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-selected,
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-highlight {
  display: block;
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-highlight {
  background-color: rgba(60, 73, 129, 0.2);
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-highlight:before {
  border-right: 3.5px solid #3c4981;
  z-index: 1;
}
.card-row-selection input.ui-cr-selection-cbox:checked + .ui-psudo-controls > .ui-psuedo-cb-not-selected {
  display: none;
}
.gam-corr-icon {
  vertical-align: unset;
  padding: 4px;
  margin-right: 25px;
  margin-top: 8px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/wcm-component-updates.css */
alpha-wcm-tile {
}
alpha-wcm-tile .tile-title {
  padding-left: 5px;
}
alpha-wcm-tile .card-row--container {
  display: flex;
  transition: none;
  max-height: 6000px;
  position: relative;
}
alpha-wcm-tile .card-row.card-row--wcm.document-item {
  border: 1px solid #c3c336;
}
alpha-wcm-tile .content-section-header {
  width: 100%;
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  border-left: 0;
  box-sizing: border-box;
  padding-right: 40px;
  padding-left: 5px;
}
alpha-wcm-tile .card-row.card-row--wcm .content-block--data-values.icon-in-gutter::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 1.3rem;
  position: absolute;
  width: 30px;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10px;
  height: 100%;
  margin: 0;
  display: none;
}
alpha-wcm-tile .card-row.card-row--wcm .content-section-header.step-open + .content-section-body.sub-step {
  background-color: #f3f3f3;
  padding-left: 5px;
}
alpha-wcm-tile .content-block--tile-right-actions {
  position: absolute;
  top: 0;
  height: 100%;
  width: 35px;
  right: 0;
}
alpha-wcm-tile .content-block--tile-right-actions .content-open-arrow {
  border: 0 solid #bfbfbf;
  border-left: 1px solid #3f86d3 !important;
  background-color: #f7fafd !important;
  color: #0275d8;
  position: relative !important;
  top: 0;
  height: calc(100% - 50px) !important;
  display: flex;
  flex: 1;
  align-items: center;
  cursor: pointer;
  width: 35px;
  right: 0;
  justify-content: center;
}
alpha-wcm-tile .content-block--tile-right-actions .content-expand-document {
  cursor: pointer;
  width: 35px;
  height: 50px;
  border: 0;
  border-left: 1px solid #3f86d3;
  background-color: #f7fafd !important;
  border-radius: 0 6px 0 0;
  border-bottom: 1px solid #3f86d3;
  position: relative;
}
alpha-wcm-tile .content-block--tile-right-actions .content-expand-document:hover {
  background-color: #fff;
}
alpha-wcm-tile .content-block--tile-right-actions .ui-tooltip-icon-block.expand-corr-icon {
  border: 1.5px solid rgba(22, 115, 204, 0);
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 60px;
  background-color: rgba(250, 252, 255, 0.9);
}
alpha-wcm-tile .content-block--tile-right-actions .content-open-arrow i {
  padding: 0;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type {
  position: absolute;
  left: 5px;
  top: 5px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(224, 225, 229, 0.6) !important;
  border-radius: 100% !important;
  width: 35px !important;
  height: 35px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type .ui-content-icon {
  font-weight: bold !important;
  font-size: 14px;
  color: #222;
}
alpha-wcm-tile .ui-content-tooltip {
  font-size: 11px;
}
alpha-wcm-tile .card-row.card-row--wcm.email-item {
  border: 1px solid #30c5b6;
  border-left: 6px solid #30c5b6;
}
alpha-wcm-tile .card-row.card-row--wcm.email-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.email-item {
  background-color: #30c5b6 !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.email-item .ui-content-icon {
  color: #f2fbff;
  !important;
  font-size: 18px;
}
alpha-wcm-tile .card-row.card-row--wcm.document-item {
  border: 1px solid #c3c336;
  border-left: 6px solid #c3c336;
}
alpha-wcm-tile .card-row.card-row--wcm.document-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.document-item {
  background-color: #c3c336 !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.document-item .ui-content-icon {
  color: #ffffff;
  !important;
  font-size: 18px;
}
alpha-wcm-tile .card-row.card-row--wcm.call-item {
  border: 1px solid #826aac;
  border-left: 6px solid #826aac;
}
alpha-wcm-tile .card-row.card-row--wcm.call-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.call-item {
  background-color: #826aac !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.call-item .ui-content-icon {
  color: #ffffff;
  !important;
  font-size: 18px;
}
alpha-wcm-tile .card-row.card-row--wcm.portal-item {
  border: 1px solid #3c4981;
  border-left: 6px solid #3c4981;
}
alpha-wcm-tile .card-row.card-row--wcm.portal-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.portal-item {
  background-color: #3c4981 !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.portal-item .ui-content-icon {
  color: #ffffff;
  !important;
  font-size: 18px;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/prototype-only.css */
.ux-question-visibility [class*=cc-question-set] {
  display: none;
}
.ux-question-visibility.ux-show-question-set01 [class*=cc-question-set01],
.ux-question-visibility.ux-show-question-set02 [class*=cc-question-set02],
.ux-question-visibility.ux-show-question-set03 [class*=cc-question-set03],
.ux-question-visibility.ux-show-question-set04 [class*=cc-question-set04],
.ux-question-visibility.ux-show-question-set05 [class*=cc-question-set05],
.ux-question-visibility.ux-show-question-set06 [class*=cc-question-set06],
.ux-question-visibility.ux-show-question-set07 [class*=cc-question-set07],
.ux-question-visibility.ux-show-question-set08 [class*=cc-question-set08],
.ux-question-visibility.ux-show-question-set09 [class*=cc-question-set09],
.ux-question-visibility.ux-show-question-set10 [class*=cc-question-set10],
.ux-question-visibility.ux-show-question-set11 [class*=cc-question-set11],
.ux-question-visibility.ux-show-question-set12 [class*=cc-question-set12],
.ux-question-visibility.ux-show-question-set13 [class*=cc-question-set13],
.ux-question-visibility.ux-show-question-set14 [class*=cc-question-set14],
.ux-question-visibility.ux-show-question-set15 [class*=cc-question-set15],
.ux-question-visibility.ux-show-question-set16 [class*=cc-question-set16],
.ux-question-visibility.ux-show-question-set17 [class*=cc-question-set17],
.ux-question-visibility.ux-show-question-set18 [class*=cc-question-set18],
.ux-question-visibility.ux-show-question-set19 [class*=cc-question-set19],
.ux-question-visibility.ux-show-question-set20 [class*=cc-question-set20] {
  display: block;
}
.alpha-layout-col-2.alpha-app-body {
  background-color: #e3e7ed;
}
.wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body,
.wizard-container.wizard-vertical-theme-01 li.step-container.step-complete + li.step-container:not(.step-complete) .content-section-header + .content-section-body {
  background-color: #fff;
}
.alpha-layout-col-2.alpha-app-body {
  height: calc(100vh - var(--app-header-height));
}
.multi-action-tile .action-container button.ui-disabled,
.multi-action-tile .action-container button.ui-disabled:hover {
  background-color: #efefef;
  border-color: #cccccc;
  color: #222;
  cursor: default;
  pointer-events: none;
}
.step-complete .step-progress-summary {
  display: inline;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 5px 5px 5px 5px;
  border: 1px solid #5cb85c91;
  border-radius: 4px;
  margin-left: 5px;
}
.multi-action-tile.ui-disabled-with-state,
.multi-action-tile .action-container button.ui-disabled-with-state,
.multi-action-tile .action-container button.ui-disabled-with-state:hover {
  background-color: #efefef;
  color: #555;
  cursor: default;
  pointer-events: none;
}
.notification-block.status-prompt {
  position: relative;
  padding-left: 50px;
  border-left: 0;
  border-bottom: 1px solid #fff;
  border-top: 0;
  border-right: 1px solid #fff;
  overflow: hidden;
  background-color: #e2e3e5;
}
.notification-block.status-prompt .notification-message {
  padding-right: 0;
}
.notification-block.status-prompt p {
  color: #5d5b5b;
  text-align: left;
}
.notification-block.status-prompt:before {
  font-family: "FontAwesome";
  content: "\f27a";
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff;
  display: flex;
  background-color: rgba(24, 110, 204, 1);
  font-size: 18px;
}
.notification-block.status-prompt.required:after {
  font-family: "FontAwesome";
  content: "\f069";
  position: absolute;
  left: 10px;
  top: 0;
  width: 35px;
  height: calc(100% - 30px);
  align-items: center;
  justify-content: center;
  color: #fff;
  display: flex;
  font-size: 10px;
}
.notification-block.status-info {
  position: relative;
  padding-left: 40px;
  border-left: 0;
  border-bottom: 1px solid #fff;
  border-top: 0;
  border-right: 1px solid #fff;
  overflow: hidden;
  background-color: #e2e3e5;
}
.notification-block.status-info:before {
  font-family: "FontAwesome";
  content: "\f129";
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 100%;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #fff;
  display: -webkit-box;
  display: flex;
  background-color: rgba(24, 110, 204, 1);
  font-size: 18px;
}
.notification-block.status-info .notification-message:after {
  color: rgba(24, 110, 204, 1);
  content: "";
}
ul.alpha-linked-data-structure li .multi-action-tile.ui-tile-coa,
.multi-action-tile.ui-tile-coa {
  width: 190px;
  max-width: 190px;
  min-width: 190px;
}
ul.alpha-linked-data-structure li .multi-action-tile.ui-tile-coa.coa-double,
.multi-action-tile.ui-tile-coa.coa-double {
  width: 380px;
  max-width: 380px;
  min-width: 380px;
}
ul.alpha-linked-data-structure li .multi-action-tile.ui-tile-coa.coa-triple,
.multi-action-tile.ui-tile-coa.coa-triple {
  width: 570px;
  max-width: 570px;
  min-width: 570px;
}
ul.alpha-linked-data-structure li .multi-action-tile.ui-tile-coa button,
.multi-action-tile.ui-tile-coa button {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}
ul.alpha-linked-data-structure li .multi-action-tile.ui-tile-coa .action-container,
.multi-action-tile.ui-tile-coa .action-container {
  width: inherit;
  max-width: inherit;
  min-width: inherit;
}
.multi-action-tile.ui-tile-coa .tile--address-details.gone-away {
  color: #d9534f;
}
.full-width-address-item .multi-action-tile {
  width: calc(100% - 15px);
}
.full-width-address-item .multi-action-tile .action-container {
  width: 100%;
}
.full-width-address-item .multi-action-tile .action-container button {
  width: 100%;
  max-width: 100%;
}
.multi-action-tile.ui-tile-coa .tile--address-details {
  background-color: #f7f8fe;
  left: 0;
  display: block;
  padding: 5px 10px 5px 0;
  margin-left: 0;
}
.multi-action-tile.ui-tile-coa .action-container > button {
  border-width: 0.1rem;
  border-radius: 6px 6px 0 0;
}
.ui-tile-title {
  display: block;
  font-size: 11px;
  width: 100%;
  padding: 5px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  background-color: #3c4980;
}
.ui-tile-coa-options {
  width: inherit;
  border: 0.1rem solid #3c4980;
  min-height: 35px;
  border-radius: 0 0 6px 6px;
  position: relative;
  background-color: #e9e9ec;
  overflow: hidden;
}
.ui-tile-coa-options.tile-mid-section {
  border-radius: 0;
}
.ui-tile-coa-options:before {
  font-family: "FontAwesome";
  content: "\f0d8";
  color: #3c4980;
  position: absolute;
  bottom: calc(100% - 11px);
  left: 10px;
  font-size: 30px;
}
.ui-tile-coa--address-sections .tile--address-details span[class^=tile--data] {
  background-color: transparent;
  margin-left: 0;
}
.ui-tile-coa--address-sections .tile--address-details {
  flex: 1;
}
.ui-tile-coa--address-sections .tile--address-details {
  border-left: 6px solid rgba(60, 73, 128, 0.3);
}
ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-med button.action--coa.coa-edit,
.multi-action-tile.tile--size-w-med button.action--coa.coa-edit,
.multi-action-tile button.action--coa.coa-edit {
  min-width: 70px;
  width: 70px;
  flex: 0;
}
ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-med button.action--coa.coa-goneaway,
.multi-action-tile.tile--size-w-med button.action--coa.coa-goneaway,
.multi-action-tile button.action--coa.coa-goneaway {
  min-width: 50%;
  max-width: 100%;
}
ul.alpha-linked-data-structure li .multi-action-tile.tile--size-w-med button.action--coa.coa-new,
.multi-action-tile.tile--size-w-med button.action--coa.coa-new,
.multi-action-tile button.action--coa.coa-new {
  min-width: 100%;
  width: 70px;
}
.multi-action-tile .ui-tile-coa--mail-here {
  display: flex;
  padding: 8px 12px;
  background-color: #f2e488;
  margin-left: 10px;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 0, 0, 0.1);
  position: relative;
}
.multi-action-tile .ui-tile-coa--mail-here .text {
  flex: 1;
}
.multi-action-tile .ui-tile-coa--mail-here:before {
  content: "\f0d8";
  font-family: "FontAwesome";
  position: absolute;
  top: -25px;
  color: #d9cd7a;
  font-size: 30px;
}
.multi-action-tile.ui-tile-coa .tile--address-details.cor-address {
  background-color: rgba(242, 228, 136, 0.3);
}
.extended-details-tile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-line-pack: center;
  align-content: center;
  border: 0.1rem solid #85b2e2;
  border: 0.1rem solid #85b2e2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  background-color: #efefef;
  border-color: #cccccc;
  flex-shrink: 0;
  margin: 1rem 0;
}
.extended-details-tile input {
  white-space: normal;
  -webkit-appearance: textarea;
  border: 1px solid red !important;
}
button.ui-btn--link,
ul.alpha-linked-data-structure button.ui-btn--link {
  background-color: transparent;
  padding: 0;
  color: #1b85df;
  text-decoration: underline;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  float: none;
  margin-top: -2px;
  margin-bottom: 0;
  margin-left: 3px;
  border: 0;
  font-size: 11px;
  box-shadow: none;
}
ul.alpha-linked-data-structure.contact-information-tiles > li {
  text-align: center;
  display: block;
}
ul.alpha-linked-data-structure li .multi-action-tile .flex-actions {
  display: flex;
  flex-direction: row;
}
ul.alpha-linked-data-structure li .multi-action-tile.contact-info-tile .action-container button i {
  margin-right: 5px;
  font-size: 15px;
  position: relative;
  bottom: -1px;
}
ul.alpha-linked-data-structure li .multi-action-tile.contact-info-tile .action-container > button {
  border-color: #ccc;
  border-bottom: 0;
  border-left-width: 0.1rem;
  background-color: #efefef;
  color: #333;
  cursor: default;
  min-height: 65px;
  padding-top: 15px;
  font-weight: bold;
}
ul.alpha-linked-data-structure li .multi-action-tile .action-container .flex-actions [class*=action] {
  border-left-width: 0rem;
  min-width: auto;
  max-width: 100%;
  width: auto;
  flex: 1;
  flex-direction: row;
  justify-content: left;
}
ul.alpha-linked-data-structure li .multi-action-tile .action-container .flex-actions [class*=action]:first-child {
  border: .1rem solid #85b2e2;
  border-left-width: 0.1rem;
  border-radius: 0 0 0 6px;
}
ul.alpha-linked-data-structure li .multi-action-tile .action-container .flex-actions [class*=action]:last-child {
  border-radius: 0 0 6px 0;
}
ul.alpha-linked-data-structure li .multi-action-tile .action-container .flex-actions button.action--single:first-child {
  border-left-width: 0.1rem;
  min-width: auto;
  flex: 1;
  border-radius: 0 0 6px 6px;
}
ul.alpha-linked-data-structure li .multi-action-tile .action-container .flex-actions [class*=action].contact-action--delete {
  color: #d9534f;
}
.content-section-body.overlay--local-anchor {
  position: relative;
}
.overlay--local-container {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  padding: 25px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  padding: 20px;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  max-height: 0;
  transform: scaleY(0);
}
.overlay--local-container > div {
  transition: all 0.25s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
}
.app-overlay--open,
.ux-contact-information-example-container.show-example-01 .overlay--local-container.ux-example-update01,
.ux-contact-information-example-container.show-example-02 .overlay--local-container.ux-example-update02 {
  transition: opacity 0.25s ease-in-out;
  transform: scaleY(1);
  max-height: 3000px;
  opacity: 1;
}
.app-overlay--open > div,
.ux-contact-information-example-container.show-example-01 .overlay--local-container.ux-example-update01 > div,
.ux-contact-information-example-container.show-example-02 .overlay--local-container.ux-example-update02 > div {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 3000px;
  transition-delay: 0.25s;
}
.overlay--local-container .card {
  background-color: #efefef;
  padding: 20px;
  width: 50%;
}
.overlay--local-container .overlay-action-container {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
.overlay--local-container .action-container button {
  display: block;
}
.data-block--confirm-change-vertical {
  border: 1px solid #ccc;
  background-color: #ddd;
  border-radius: 6px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.data-block--confirm-change-vertical span {
  text-align: center;
  padding: 10px;
  text-align: center;
}
.data-block--confirm-change-vertical .data-current-value {
  padding-bottom: 0;
  font-size: 15px;
  text-decoration: line-through;
  color: #d9534f;
}
.data-block--confirm-change-vertical .data-change-icon-container {
  padding: 0;
  font-size: 17px;
  color: #5da4e0;
}
.data-block--confirm-change-vertical .data-change-value {
  padding-top: 0;
  font-size: 15px;
  color: #4c9a4c;
  font-weight: bold;
}
.example-updated-tile {
  display: none;
}
.ux-contact-information-example-container.show-example-03 .example-updated-tile {
  display: inline-block;
}
.ux-contact-information-example-container.show-example-03 .example-current-tile {
  display: none;
}
.ux-contact-information-example-container.show-example-03 .example-updated-tile:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: rgb(25, 142, 244);
  font-weight: bold;
  font-size: 15px;
  border-radius: 6px;
  transform: scale(1);
  animation: pulse 2s 1 forwards;
}
@-webkit-keyframes pulse {
  0% {
    border: 1px solid rgb(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 0 0 0 rgba(25, 142, 244, 1);
  }
  70% {
    border: 1px solid rgb(25, 142, 244, 0.7);
    -webkit-box-shadow: 0 0 0 10px rgba(25, 142, 244, 0);
  }
  99.9% {
    height: 100%;
    width: 100%;
  }
  100% {
    border: 0px solid rgb(25, 142, 244, 0.7);
    -webkit-box-shadow: 0 0 0 0 rgba(25, 142, 244, 0);
    height: 0;
  }
}
@keyframes pulse {
  0% {
    border: 52px solid rgb(25, 142, 244, 0.1);
    -moz-box-shadow: 0 0 0 0 rgba(25, 142, 244, 1);
    box-shadow: 0 0 0 0 rgba(25, 142, 244, 1);
  }
  70% {
    border: 1px solid rgb(25, 142, 244, 0.2);
    -moz-box-shadow: 0 0 0 10px rgba(25, 142, 244, 0);
    box-shadow: 0 0 0 10px rgba(25, 142, 244, 0);
  }
  99.9% {
    height: 100%;
    width: 100%;
    content: "-- Updated -- ";
  }
  100% {
    border: 0px solid rgb(25, 142, 244, 0.7);
    -moz-box-shadow: 0 0 0 0 rgba(25, 142, 244, 0);
    box-shadow: 0 0 0 0 rgba(25, 142, 244, 0);
    height: 0;
    width: 0;
  }
}
.tile--data.time-stamp {
  display: block;
  font-size: 11px;
  color: #6f6e6e;
}
.tile--data.time-stamp .time-stamp-label {
  display: block;
}
.tile--data.time-stamp .time-stamp-detail {
  display: block;
  font-weight: bold;
}
ul.alpha-linked-data-structure li .multi-action-tile.contact-info-tile .action-container > button {
  min-height: 100px;
}
.tile--data.time-stamp.updated {
  color: green;
}
alpha-callcenter-steps-caller-details .container-fluid.toolbar-searchform {
  background-color: transparent;
  background-color: rgb(222, 224, 232);
  border: 1px solid rgba(60, 73, 129, 0.4);
  border-radius: 4px;
  padding: 20px;
  overflow: hidden;
}
alpha-callcenter-steps-caller-details .search--input-reference-number {
  width: calc(100% - 185px);
  float: left;
  overflow: hidden;
}
alpha-callcenter-steps-caller-details .search--input-search-criteria {
  width: 170px;
  margin-right: 15px;
  float: left;
  overflow: hidden;
}
alpha-callcenter-steps-caller-details label {
  color: #222 !important;
}
.selected-policy .policy-summay-nav {
  background-color: rgb(223, 231, 239);
  font-size: 11px;
  line-height: 1;
  font-size: 1rem;
  padding-left: 10px;
  border-radius: 0;
  border-top: 1px solid rgba(126, 126, 126, 0.9);
  padding: 0.7rem 1rem;
  display: block;
  z-index: 2;
}
alpha-callcenter-steps-caller-details .alpha-section-tabs ul {
  border-top: 0;
  border-bottom: 1px solid #3c4980;
}
alpha-callcenter-steps-caller-details .alpha-section-tabs ul li {
  display: inline-block;
  width: auto;
}
alpha-callcenter-steps-caller-details .alpha-section-tabs ul {
  border-top: 0;
  border-bottom: 1px solid #3c4980;
  border-bottom: 4px solid #85b2e2;
  margin-bottom: 15px;
  display: flex;
}
.alpha-section-tabs.tab-tiles li {
  flex: 1;
}
.alpha-section-tabs.tab-tiles ul.section-links > li .alpha-section-btn {
  flex: 1;
  width: 100%;
}
.alpha-section-tabs.tab-tiles ul.section-links > li .alpha-section-btn > span {
  border-radius: 6px 6px 0 0;
  border: 2px solid rgba(204, 204, 204, 0.45);
  border-bottom: 0px solid #ccc;
  padding: 10px;
  display: block;
  width: 100%;
  text-align: left;
  background-color: #fff;
}
.alpha-section-tabs.tab-tiles ul.section-links > li .alpha-section-btn.selected > span {
  border-color: #85b2e2;
  color: #fff;
  text-shadow: none;
  background-color: #85b2e2;
}
.letter-content-container--actions .ui-btn.positive,
.ui-btn.positive {
  background-color: #5cb85c;
}
section.call-center-review-form {
  margin-bottom: 10px;
}
span.header-step--summary {
  display: none;
}
span.review-request-type {
  display: block;
  margin-top: 5px;
}
.policy-review-block,
.tile--block {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 15px;
  background-color: #eee;
  border-left: 6px solid #3c4981;
  margin-bottom: 10px;
  text-align: left;
}
span.text--success {
  color: #49a94f;
}
span.text--error {
  color: #d9534f;
}
.data-block--confirm-change-vertical.review-block {
  background-color: #eee;
}
section.review-actions-block {
  display: block;
}
.policy-review-block [class*=tile--data],
.tile--block [class*=tile--data] {
  display: block;
}
.tile--footer-actions {
  margin-left: -14px;
  margin-right: -16px;
  margin-bottom: -16px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.tile--footer-actions button {
  align-content: left;
  justify-content: left;
  border-radius: 0 0 0 0;
  padding: 0.7rem;
  background-color: white;
  color: black;
  -webkit-transition: all 75ms ease-in-out;
  transition: all 75ms ease-in-out;
  flex-grow: 1;
  min-width: 145px;
  flex-shrink: 0;
  border: 0.1rem solid #85b2e2;
  border-right-width: 0;
  flex-wrap: wrap;
  flex-direction: row;
  text-align: left;
  font-weight: bold;
}
.tile--footer-actions button:last-child {
  border-radius: 0 0 6px 0;
  border-right-width: 0.1rem;
}
.tile--footer-actions button i {
  margin-right: 5px;
}
.call-info-action-container,
.step-container .content-section-header.step-open + .content-section-body.call-info-action-container {
  position: relative;
}
.step-container .content-section-header.step-open + .content-section-body.call-info-action-container.show-call-information-options,
.step-container .content-section-header.step-open + .content-section-body.call-info-action-container.show-call-pension-action-options {
  min-height: 600px;
}
.step-container .content-section-header.step-open + .content-section-body.call-info-action-container.show-call-action-options {
  min-height: 1110px;
  min-height: 1465px;
}
.step-container .content-section-header.step-open + .content-section-body.call-info-action-container.show-call-pension-action-options {
  min-height: 1000px;
}
.call-info-action-container.show-call-information-options .overlay--local-container.call-information-options,
.call-info-action-container.show-call-action-options .overlay--local-container.call-action-options,
.call-info-action-survey-container.show-call-action-options--in .overlay--local-container.call-action-survey--in,
.call-info-action-survey-container.show-call-action-options--in-update .overlay--local-container.call-action-survey--in-update,
.call-info-action-container.show-call-pension-action-options .overlay--local-container.call-pension-information-options {
  transition: opacity 0.25s ease-in-out;
  transform: scaleY(1);
  max-height: 3000px;
  opacity: 1;
}
.call-info-action-container.show-call-information-options .overlay--local-container.call-information-options > div,
.call-info-action-container.show-call-action-options .overlay--local-container.call-action-options > div,
.call-info-action-survey-container.show-call-action-options--in .overlay--local-container.call-action-survey--in > div,
.call-info-action-survey-container.show-call-action-options--in-update .overlay--local-container.call-action-survey--in-update > div,
.call-info-action-container.show-call-pension-action-options .overlay--local-container.call-pension-information-options > div {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 3000px;
  transition-delay: 0.25s;
}
.call-info-action-container .overlay--local-container .card,
.call-info-action-survey-container .overlay--local-container .card {
  width: 100%;
}
[class*=ux-info-action-example] {
  display: none;
}
.ux-info-action-example-01 {
  display: block;
}
.call-info-action-container.show-added-call-info .ux-info-action-example-01,
.call-info-action-survey-container.show-added-call-action--out .ux-info-action-example-01,
.call-info-action-survey-container.show-added-call-action--out .ux-info-action-example-02,
.call-info-action-container.show-added-call-info.show-added-call-pension-action .ux-info-action-example-02,
.call-info-action-container.show-added-call-pension-action .ux-info-action-example-02-a {
  display: none;
}
.call-info-action-container.show-added-call-info .ux-info-action-example-02,
.call-info-action-container .ux-info-action-example-02-a,
.call-info-action-survey-container.show-added-call-action--empty .ux-info-action-example-01,
.call-info-action-survey-container.show-added-call-action--in .ux-info-action-example-02,
.call-info-action-survey-container.show-added-call-action--out .ux-info-action-example-03,
.call-info-action-container.show-added-call-pension-action .ux-info-action-example-02-b {
  display: block;
}
.call-info-action-container.show-added-call-info.show-added-call-action .ux-info-action-example-02,
.call-info-action-survey-container.show-added-call-action--in .ux-info-action-example-01 {
  display: none;
}
.call-info-action-container.show-added-call-info.show-added-call-action .ux-info-action-example-03 {
  display: block;
}
.call-info-action-container.show-added-call-info.show-added-call-pension-action .ux-info-action-example-03 {
  display: block;
}
.multi-action-tile.contact-info-tile {
  width: 100%;
}
.multi-action-tile.contact-info-tile .action-container > button {
  min-width: 100% !important;
}
.ui-btn-width--30 {
  width: 30% !important;
  min-width: 30%;
}
.ui-btn-width--45 {
  width: 45% !important;
  min-width: 45%;
}
.ui-btn-width--100 {
  width: 100% !important;
  min-width: 100%;
}
.request-type-tiles li {
  background-color: rgb(222, 224, 232);
  background-color: #fff;
  border-radius: 6px 30px 30px 6px;
  border-radius: 6px;
  border: 2px solid rgba(60, 73, 129, 0.6);
  box-shadow: 0px 5px 10px -4px rgba(0, 0, 0, 0.3);
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 90% !important;
  margin: 10px 10px 0 0;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  transform: scaleY(1) scaleX(1);
}
.request-type-tiles li:hover {
  transform: scaleY(0.95) scaleX(0.95);
}
.request-type-tiles [class*=item-info] {
  padding: 10px 10px 5px 15px;
  display: inline-block;
  width: 100%;
}
.request-type-tiles .item-info-0 {
  color: #3c4981;
  padding-bottom: 0;
  font-weight: normal;
  letter-spacing: 0.02rem;
  width: inherit;
  text-align: left;
  flex: 1;
  display: block;
  font-size: 12px;
  width: 100%;
  border-bottom: 0px solid #ccc;
  padding-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.business-area .item-info-1 i {
  margin-right: 2px;
}
.request-type-tiles li.business-area {
  min-height: 0;
}
.request-type-tiles .item-info-1 {
  color: #3c4981;
  background-color: rgba(255, 255, 255, 0);
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 10px;
  display: block;
  text-align: left;
  min-height: 20px;
}
.tile-scroll--block {
  max-height: 400px;
  overflow: hidden scroll;
  text-align: center;
}
.search--block {
  background-color: #c8cddf;
  padding: 10px;
  border-radius: 6px;
}
li.detail-block-item.selected-item {
  border-color: #5da4e0;
  background-color: #5da4e0;
}
li.detail-block-item.selected-item [class*=item-info] {
  color: #fff;
}
.data-tile:hover {
  transition: all 0.15s ease-in-out;
  transform: scaleY(0.95) scaleX(0.95);
}
.multi-action-tile .action-container button.ui-disabled.state--ui-active,
.state--ui-active--no-icon {
  border-color: #49A94F !important;
}
.ui-button--multi-state {
  outline: 0px dashed #222;
  transition: all 0.15s ease-in-out;
  border-radius: 30px;
  display: inline-flex;
  margin-right: 5px;
  margin-bottom: 5px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
}
.ui-button--multi-state button.ui-button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #3c4981;
  color: #222;
  font-weight: normal;
  display: flex;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
}
.ui-button--multi-state {
  outline: 0px dashed #222;
  transition: all 0.15s ease-in-out;
  border-radius: 30px;
  display: inline-flex;
  margin-right: 5px;
  margin-bottom: 5px;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.4);
}
.ui-button--multi-state button.ui-button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  color: #3c4981;
  color: #222;
  font-weight: normal;
  display: flex;
  border: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #fff;
  position: relative;
  cursor: pointer;
  text-align: left;
}
.ui-button--multi-state button.ui-button {
  border-radius: 0;
}
.ui-button--multi-state button.ui-button:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.ui-button--multi-state button.ui-button:first-child {
  border-top-left-radius: 30px 30px;
  border-bottom-left-radius: 30px 30px;
}
.ui-button--multi-state button.ui-button:hover {
  background-color: rgb(223, 231, 239);
}
.ui-button--multi-state:hover {
  transform: scale(0.97);
}
.ui-button--multi-state button.ui-button:focus:after {
  outline: 6px solid #f6c754;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ui-button--multi-state button.ui-button.ui-selected {
  background-color: #85b2e2;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  cursor: default;
}
.ui-button--multi-state button.ui-button .ui-button-content {
  display: flex;
  position: relative;
}
.ui-button--multi-state button.ui-button .ui-button-icon-left {
  padding: 5px 5px 5px 8px;
}
.ui-button--multi-state button.ui-button .ui-button-icon-left:before {
  font-family: "FontAwesome";
}
.ui-button--multi-state button.ui-button .ui-button-icon-right {
  padding: 5px 8px 5px 5px;
}
.ui-button--multi-state button.ui-button .ui-button-icon-right:after {
  font-family: "FontAwesome";
}
.ui-button--multi-state button.ui-button .ui-button-text {
  padding: 5px 0;
  flex: 1;
}
.ui-button--multi-state button.ui-button.ui-icon-button .ui-button-text {
  padding: 5px 7px;
}
.ui-button--multi-state button.ui-button.ui-icon-button .ui-button-icon-left {
  padding: 0;
}
.ui-button--multi-state button.ui-button.ui-icon-button .ui-button-icon-right {
  padding: 0;
}
.ui-progress {
  background-color: #f3f3f3;
  border: 1px solid #e2e5ec;
  border-bottom: 0;
  overflow: hidden;
  height: 25px;
  padding: 6px;
}
.ui-progress-heading {
  width: 100%;
  border-radius: 0 0 4px 4px;
  border-top: 0;
  padding: 5px 7px 5px 7px;
  font-size: 11px;
  text-align: right;
}
.ui-disabled-with-state,
.multi-action-tile .action-container button.ui-disabled-with-state,
.multi-action-tile .action-container button.ui-disabled-with-state:hover {
  background-color: #efefef !important;
  color: #555 !important;
  cursor: default;
  pointer-events: none;
}
.multi-action-tile.tile--default button.ui-selected {
  background-color: #85b2e2;
  color: #fff;
}
.cross-selected-component-2 ul.alpha-linked-data-structure li button.alpha-selected {
  color: #fff;
}
alpha-right-sidebar,
alpha-right-sidebar:hover,
alpha-right-side-menu-apps {
  width: 0;
  transition: none;
}
alpha-right-sidebar.pinned {
  width: 640px;
}
.link-container {
  margin-top: 10px;
  margin-left: 10px;
}
.toolbar-header-ui-button {
  outline: 0 dashed #222;
  transition: all .15s ease-in-out;
  border-radius: 30px;
  box-shadow: 0 4px 5px -4px #0006;
  padding: 4px 8px;
  margin: 0;
  color: #222;
  font-weight: 400;
  border: .1rem solid #85b2e2;
  background-color: #fff;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
}
.toolbar-header-ui-button:hover {
  transform: scale(.97);
  background-color: #dfe7ef;
}
.wizard-container.wizard-vertical-theme-01 .step-container .content-section-header + .content-section-body {
}
.wizard-container.wizard-vertical-theme-01 .step-container .content-section-header + .content-section-body .wizard-navigation {
  border: 0px solid red !important;
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: calc((100% - 60px) - 631px);
  left: 50px;
  min-height: 60px;
  border-top: 3px solid rgba(255, 255, 255, 1) !important;
  border-bottom: 6px solid rgba(255, 255, 255, 0.3) !important;
  padding-top: 5px;
  transition: none !important;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
}
.companion-dock-open .wizard-container.wizard-vertical-theme-01 .step-container .content-section-header.step-open + .content-section-body .wizard-navigation {
  width: calc(100% - 36%);
  transition: none !important;
}
alpha-wcm-tile .tile-title {
  padding-left: 5px;
}
alpha-wcm-tile .card-row--container {
  display: flex;
  transition: none;
  max-height: 6000px;
  position: relative;
}
alpha-wcm-tile .card-row.card-row--wcm.document-item {
  border: 1px solid #c3c336;
}
alpha-wcm-tile .content-section-header {
  width: 100%;
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
  border-left: 0;
  box-sizing: border-box;
  padding-right: 40px;
  padding-left: 5px;
}
alpha-wcm-tile .card-row.card-row--wcm .content-block--data-values.icon-in-gutter::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #000;
  font-size: 1.3rem;
  position: absolute;
  width: 30px;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10px;
  height: 100%;
  margin: 0;
  display: none;
}
alpha-wcm-tile .card-row.card-row--wcm .content-section-header.step-open + .content-section-body.sub-step {
  background-color: #f3f3f3;
  padding-left: 5px;
}
alpha-wcm-tile .content-block--tile-right-actions {
  position: absolute;
  top: 0;
  height: 100%;
  width: 35px;
  right: 0;
}
alpha-wcm-tile .content-block--tile-right-actions .content-open-arrow {
  border: 0 solid #bfbfbf;
  border-left: 1px solid #3f86d3 !important;
  background-color: #f7fafd !important;
  color: #0275d8;
  position: relative !important;
  top: 0;
  height: calc(100% - 50px) !important;
  display: flex;
  flex: 1;
  align-items: center;
  cursor: pointer;
  width: 35px;
  right: 0;
  justify-content: center;
}
alpha-wcm-tile .content-block--tile-right-actions .content-expand-document {
  cursor: pointer;
  width: 35px;
  height: 50px;
  border: 0;
  border-left: 1px solid #3f86d3;
  background-color: #f7fafd !important;
  border-radius: 0 6px 0 0;
  border-bottom: 1px solid #3f86d3;
  position: relative;
}
alpha-wcm-tile .content-block--tile-right-actions .content-expand-document:hover {
  background-color: #fff;
}
alpha-wcm-tile .content-block--tile-right-actions .ui-tooltip-icon-block.expand-corr-icon {
  border: 1.5px solid rgba(22, 115, 204, 0);
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 60px;
  background-color: rgba(250, 252, 255, 0.9);
}
alpha-wcm-tile .content-block--tile-right-actions .content-open-arrow i {
  padding: 0;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type {
  position: absolute;
  left: 5px;
  top: 5px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type {
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(224, 225, 229, 0.6) !important;
  border-radius: 100% !important;
  width: 35px !important;
  height: 35px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type .ui-content-icon {
  font-weight: bold !important;
  font-size: 14px;
  color: #222;
}
alpha-wcm-tile .ui-content-tooltip {
  font-size: 11px;
}
alpha-wcm-tile .card-row.card-row--wcm.email-item {
  border: 1px solid #30c5b6;
  border-left: 6px solid #30c5b6;
}
alpha-wcm-tile .card-row.card-row--wcm.email-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.email-item {
  background-color: #30c5b6 !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.email-item .ui-content-icon {
  color: #f2fbff;
  !important;
  font-size: 18px;
}
alpha-wcm-tile .card-row.card-row--wcm.document-item {
  border: 1px solid #c3c336;
  border-left: 6px solid #c3c336;
}
alpha-wcm-tile .card-row.card-row--wcm.document-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.document-item {
  background-color: #c3c336 !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.document-item .ui-content-icon {
  color: #ffffff;
  !important;
  font-size: 18px;
}
alpha-wcm-tile .card-row.card-row--wcm.call-item {
  border: 1px solid #826aac;
  border-left: 6px solid #826aac;
}
alpha-wcm-tile .card-row.card-row--wcm.call-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.call-item {
  background-color: #826aac !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.call-item .ui-content-icon {
  color: #ffffff;
  !important;
  font-size: 18px;
}
alpha-wcm-tile .card-row.card-row--wcm.portal-item {
  border: 1px solid #3c4981;
  border-left: 6px solid #3c4981;
}
alpha-wcm-tile .card-row.card-row--wcm.portal-item .content-section-header {
  background-color: #ffffff;
  border-radius: 6px;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.portal-item {
  background-color: #3c4981 !important;
}
alpha-wcm-tile .ui-tooltip-icon-block.ui-tile-type.portal-item .ui-content-icon {
  color: #ffffff;
  !important;
  font-size: 18px;
}
.ui-app--widget-local-overlay {
  position: absolute;
  z-index: 3;
  width: 100%;
  top: 48px;
  border: 0px solid #fd3a3a;
  height: calc(100% - 48px);
  display: flex;
  flex-direction: column;
}
.ui-app--widget-local-overlay .letter-format {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ui-app--widget-local-overlay .ui-body {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.ui-app--widget-local-overlay .ui-body .letter-format iframe {
  border: 0px solid red;
  height: 100%;
  position: absolute;
}
.ui-app--widget-local-overlay .ui-body .letter-format alpha-pdf-viewer {
  height: 100%;
  position: absolute;
  width: 100%;
  display: block;
}
.ui-expanded-correspondence-controls {
  display: flex;
  border-bottom: 4px solid #85b2e2;
}
.app-overlay.ui-modal-overlay {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.app-overlay.ui-modal-overlay.app-overlay--fixed {
  position: fixed;
}
.app-overlay.ui-modal-overlay .app-overlay--body {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  flex: 1;
}
.app-overlay.ui-modal-overlay .app-overlay--footer {
  background-color: #3c4981;
  min-height: 60px;
  margin-bottom: -20px;
  margin-right: -40px;
  margin-left: -40px;
  border-top: 2px solid #c5c9d9;
  padding: 0 60px;
}
.app-overlay.ui-modal-overlay .app-overlay--main-heading {
  font-size: 21px;
  padding: 5px 45px;
}
.app-overlay.ui-modal-overlay .app-overlay-close {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  height: 100%;
  width: 60px;
  font-size: 35px;
  background-color: #d9534f;
  text-shadow: 2px 0px 1px rgba(0, 0, 0, 0.2);
}
.app-overlay.ui-modal-overlay .app-overlay-close {
  transition: all 0.15s ease-in-out;
}
.app-overlay.ui-modal-overlay .app-overlay-close i {
  transition: all 0.15s ease-in-out;
  transform: scale(1);
}
.app-overlay.ui-modal-overlay .app-overlay-close:hover {
  background-color: #c2403c;
}
.app-overlay.ui-modal-overlay .app-overlay-close:hover i {
  transform: scale(0.8);
}
.app-overlay.ui-modal-overlay .app-overlay--footer button {
  border-radius: 50px;
  padding: 5px 15px;
  background-color: #62b5fc;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  transition: all 0.15s ease-in-out;
  transform: scale(1);
  color: #fff;
  min-width: 30px;
  min-height: 35px;
  height: 30px;
  margin-left: 10px;
  font-size: 1rem;
  font-weight: bold;
  box-sizing: border-box;
  letter-spacing: 0.5px;
}
.app-overlay.ui-modal-overlay .app-overlay--footer button:hover {
  background-color: #80c2fa;
  border-color: #80c2fa;
  transform: scale(0.9);
}
.app-overlay.ui-modal-overlay .app-overlay--footer button.btn-negative {
  background-color: #d9534f;
}
.app-overlay.ui-modal-overlay .app-overlay--footer button.btn-negative:hover {
  background-color: #c2403c;
  border-color: rgba(255, 255, 255, 0.3);
}
.app-overlay.ui-modal-overlay .app-overlay--footer button.btn-success {
  background-color: #5cb85c;
}
.app-overlay.ui-modal-overlay .app-overlay--footer button.btn-success:hover {
  background-color: #449d44;
  border-color: rgba(255, 255, 255, 0.3);
}
.ui--contrast-scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.companion-dock-open .app-overlay.ui-modal-overlay {
  width: 66%;
}
.flex-container {
  display: flex;
}
.flex-container.align-items-center {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-container.space-between {
  justify-content: space-between;
}
.flex-container.space-evenly {
  justify-content: space-evenly;
}
.flex-container.space-around {
  justify-content: space-around;
}
.flex-col.flex-auto {
  flex: 1;
}
.flex-col.flex-2 {
  flex: 2;
}
.flex-col.flex-3 {
  flex: 3;
}
.flex-col.flex-4 {
  flex: 4;
}
.flex-col.align-self-flex-end {
  align-self: flex-end;
}
.justify-content-center {
  justify-content: center;
}
.ui-vertical-tile-accordion .content-section-body {
  border-left-width: 6px;
  padding: 20px;
}
.ui-vertical-tile-accordion .statistic-block {
  display: block;
  font-weight: normal;
  width: 100%;
  padding: 10px 0 0px 0;
  color: #222;
}
.ui-vertical-tile-accordion .statistic-block .stat-text {
  font-size: 13px;
  padding-right: 15px;
}
.ui-vertical-tile-accordion .content-section-tile-header {
  width: 100%;
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 1.2rem 1rem;
  border: 1px solid #979ea5;
  border-left: 6px solid #3c4981;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border-radius: 6px;
  position: relative;
  color: #3c4981;
  margin-top: 5px;
  overflow: hidden;
}
.ui-vertical-tile-accordion .content-section-tile-header.step-open + .content-section-body {
  display: block;
  min-height: 100px;
  border-color: #3c4981;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 7px solid #3c4981 !important;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0 0 0 6px;
  margin-bottom: 15px;
}
.ui-vertical-tile-accordion .content-section-tile-header.step-open {
  border-color: #3c4981;
  background-color: #dee0e8;
  border-radius: 6px 0 0 0;
  border-bottom: 1px dotted #c2c6ce;
}
.ui-vertical-tile-accordion .step-container {
  margin-bottom: 8px;
}
.ui-vertical-tile-accordion .step-container .content-section-tile-header i.accordion-icon {
  float: right;
  overflow: hidden;
  padding: 5px 16px;
  color: #3f86d3;
  transition: none;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  align-items: center;
  display: flex;
  background-color: #f7fafd;
  border-left: 1px solid #3f86d3;
}
.ui-vertical-tile-accordion .step-container .content-section-tile-header i.accordion-icon:hover {
  cursor: pointer;
  background-color: rgb(223, 231, 239);
}
.ui-vertical-tile-accordion .step-container .content-section-tile-header:hover {
}
.ui-vertical-tile-accordion .step-container .content-section-tile-header:hover i.accordion-icon,
.ui-vertical-tile-accordion .step-container .content-section-tile-header.step-open i.accordion-icon {
  transform: rotate(0deg);
}
.ui-vertical-tile-accordion .step-container .content-section-tile-header.step-open i.accordion-icon:before {
  content: "\f063";
  transform: rotate(45deg);
}
.ui-vertical-tile-accordion .with-actions .content-section-tile-header.step-open + .content-section-body {
  padding-bottom: 0;
  margin-bottom: 0;
}
.with-actions .flex-actions {
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -1px;
}
.with-actions .flex-actions [class*=action] {
  padding: 1rem 0.7rem;
}
.with-actions .card-item .flex-actions {
  margin-left: -5px;
  margin-right: 0px;
}
.block-highlight--black {
  background-color: #f2e488;
  border-left: 3px solid #d2ab1c;
  min-width: 70px;
  padding: 2px 5px 2px 5px;
  position: relative;
  top: 2px;
  left: -5px;
  color: #444;
  display: inline-block;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.updated-content-notification {
  background-color: #f5e371;
  width: calc(100% + 40px);
  display: block;
  padding: 10px;
  font-weight: bold;
  margin: -20px -20px 20px;
}
.content-block--label {
  padding: 5px 5px 0 5px;
  display: block;
  font-size: 11px;
}
.form-group .content-block--label {
  font-size: inherit;
}
.content-block--value {
  padding: 0 5px 5px 5px;
  display: block;
}
.ui-form--input-container {
  position: relative;
  background-color: #fff;
  border: 0.1rem solid #85b2e2;
  min-height: 36px;
  min-width: 50px;
  border-radius: 4px;
  box-shadow: inset 0px 1px 3px 1px rgb(34 34 34 / 20%);
}
.ui-form--select-container select.ui-form--select {
  background-color: #fff;
  border: 0.1rem solid #85b2e2;
  min-height: 36px;
  border-radius: 4px;
  box-shadow: inset 0px 1px 3px 1px rgb(34 34 34 / 20%);
  padding: 5px 10px;
}
.ui-form--input-container input.ui-form--input {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 5px 10px;
  background-color: transparent;
  border: 0;
  outline: 0;
  top: 0;
  left: 0;
  font-size: 100%;
}
.ui-form--input-container.presentation--large-search {
  width: 400px;
  height: 44px;
}
label.ui-form--label {
  font-size: 16px;
}
label.ui-form--label .ui-form--text {
  position: absolute;
  bottom: calc(100% + 10px);
}
.ui-button--multi-state button.ui-button.ui-button-join-left {
  border-radius: 0 30px 30px 0;
}
.ui-form--input-container.ui-form--search button.ui-form--joined-search {
  position: absolute;
  height: 100%;
  width: 50px;
  padding: 5px 10px;
  border: 0;
  outline: 0;
  top: 0;
  right: 0;
  border-left: 0.1rem solid #85b2e2;
  flex: 1;
  background-color: #f1f9ff;
  color: #3f86d3;
  font-size: 22px;
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
widget-body {
  flex: 1;
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}
widget-header {
  height: 50px;
  border-bottom: 4px solid #4c5992;
}
widget-footer {
  border-top: 4px solid #4c5992;
}
alpha-callcenter-steps-caller-details {
  display: block;
  width: 100%;
}
button {
  border: none;
}
.ui-btn {
  background-color: #4c5992;
  font-size: 1rem;
  font-weight: bold;
}
alpha-right-sidebar {
  max-width: 640px;
}
.full-width {
  width: 100%;
}
button.ui-btn.ui-disabled,
button.ui-btn.ui-disabled:hover {
  background-color: #ccc !important;
  transform: scale(0.9) !important;
  cursor: default !important;
}
.ui-disabled,
.ui-disabled:hover {
  background-color: #ccc !important;
  border-color: #dcdcdc !important;
  cursor: default !important;
}
button.declaration-btn.declared:after {
  top: 0;
}
button:hover {
  background-color: rgb(223, 231, 239);
}
alpha-right-sidebar alpha-menu .alpha-nav-app-explorer,
alpha-right-sidebar alpha-menu,
.alpha-right-sidebar alpha-menu .alpha-nav-app-explorer,
.alpha-right-sidebar alpha-menu,
.alpha-right-sidebar widget-dock,
.alpha-right-sidebar .widget-dock {
  height: calc(100vh - var(--app-header-height) + 10px);
}
.ui-negative,
.terminated,
.terminated .alpha-additional-info.status-label {
  color: #d9534f;
}

/* src/assets/styles/prototype-migration/p-drive-collection/demo.css */
.tile-collection--size-w-lrg > .multi-action-tile button {
  width: 230px;
  max-width: 230px;
  min-width: 230px;
}
.alp-prompt-variable {
  color: #075f42;
  font-weight: 600;
  background-color: rgba(230, 255, 5, 0.815);
  padding: 6px;
  border-radius: 4px;
}
.alp-script-journey__manual-question strong {
  margin-bottom: 8px;
}
.alp-recent-callers__list {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 12px;
  flex-wrap: wrap;
}
.alp-recent-callers__item {
  all: unset;
  display: block;
  width: 300px !important;
  margin-top: 20px !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  cursor: default;
}
.alp-recent-callers__item:hover {
  background: none;
  box-shadow: none;
  transform: none !important;
}
.margin-bottom-0 {
  margin-bottom: 0 !important;
}
.alp-key-value-grid--added-item {
  background: #f0f8ff;
  border: 1px solid #5da4e0;
}
span.text--success {
  color: #26892c;
}
.alp-crit-warn {
  display: flex;
  background-color: #ffc7c7;
  text-wrap: balance;
  padding: 0.75rem 1rem 0.75rem 0.5rem;
  gap: 0.5rem;
  justify-content: left;
  display: none;
}
.alp-crit-warn__icon {
  font-size: 1.5rem;
  line-height: 0.75;
  color: #820D0D;
}
.alp-crit-warn__msg {
  color: #390e0e;
}
.alp-widget-header-with-notification {
  height: auto;
}
.alp-widget-header-with-notification .alp-crit-warn {
  padding: 1rem;
  justify-content: left;
}
.banner-version-1 .alp-crit-warn {
  background-color: #ffc7c7;
}
.banner-version-1 .alp-crit-warn__icon {
  color: #820D0D;
}
.banner-version-1 .alp-crit-warn__msg {
  color: #390e0e;
}
.banner-version-2 .alp-crit-warn {
  background-color: #ffe8c4;
}
.banner-version-2 .alp-crit-warn__icon {
  color: #c36a00;
}
.banner-version-2 .alp-crit-warn__msg {
  color: #5c2e00;
}
.banner-version-3 .alp-crit-warn {
  background-color: #222;
}
.banner-version-3 .alp-crit-warn__icon {
  color: #e7f3c5;
}
.banner-version-3 .alp-crit-warn__msg {
  color: #e7f3c5;
}
.banner-version-4 .alp-crit-warn {
  background-color: #b2f0e0;
}
.banner-version-4 .alp-crit-warn__icon {
  color: #00665c;
}
.banner-version-4 .alp-crit-warn__msg {
  color: #00312c;
}
.banner-version-5 .alp-crit-warn {
  background-color: #e8d4f0;
}
.banner-version-5 .alp-crit-warn__icon {
  color: #5e1b8c;
}
.banner-version-5 .alp-crit-warn__msg {
  color: #2f0d47;
}
.alp-key-value-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 12px 20px;
  align-items: baseline;
  max-width: 600px;
  margin: 0 auto 20px auto;
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
}
.alp-key-value-grid__label {
  font-weight: 600;
  color: #333;
}
.alp-key-value-grid__value {
  color: #222;
  padding-left: 10px;
  border-left: 2px solid #474747;
}
.ui-data-indicator.vulnerable {
  padding: 4px 10px 3px 10px;
  background-color: #b948af;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
  margin-left: 5px;
}
ul.request-type-tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.request-type-tiles .detail-block-item {
  width: 40% !important;
  min-height: 60px !important;
}
.overlay--local-container.call-action-options {
  justify-content: flex-start !important;
}
.ux-contact-information-example-container.show-example-03 .example-updated-tile {
  display: inline-block;
}
.app-overlay--open,
.ux-contact-information-example-container.show-example-01 .overlay--local-container.ux-example-update01,
.ux-contact-information-example-container.show-example-02 .overlay--local-container.ux-example-update02,
.ux-contact-information-example-container.show-example-10 .overlay--local-container.ux-example-update10,
.ux-contact-information-example-container.show-example-04 .overlay--local-container.ux-example-update03 {
  transition: opacity 0.25s ease-in-out;
  transform: scaleY(1);
  max-height: 3000px;
  opacity: 1;
}
.overlay--local-container {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  opacity: 0;
  transition: opacity 0s ease-in-out;
  max-height: 0;
  transform: scaleY(0);
}
.app-overlay--open > div,
.ux-contact-information-example-container.show-example-01 .overlay--local-container.ux-example-update01 > div,
.ux-contact-information-example-container.show-example-02 .overlay--local-container.ux-example-update02 > div,
.ux-contact-information-example-container.show-example-04 .overlay--local-container.ux-example-update03 > div {
  transition: all 0.25s ease-in-out;
  transform: scaleY(1) scaleX(1);
  max-height: 3000px;
  transition-delay: 0.25s;
}
.overlay--local-container .card {
  background-color: #efefef;
  padding: 20px;
  width: 50%;
}
.overlay--local-container > div {
  transition: all 0.25s ease-in-out;
  transform: scaleY(0) scaleX(0);
  max-height: 0;
}
.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.25rem;
  border: none;
}
.content-section-body.overlay--local-anchor {
  position: relative;
}
.policy-tile-align .item-info-1 {
  text-align: center;
  display: block;
  width: 100%;
  padding: 15px 15px 0 0;
}
i.fa-user {
}
.tile--data {
  margin-top: 7px;
}
.tile--icon-col {
  margin-right: 10px;
}
.ui-work-item-tile .action-container {
  display: flex;
  flex-direction: column;
}
.content--center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.caller-selection-row {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.alp-tile__select-caller .tile--icon-col {
  max-width: unset !important;
}
.vulnerability-carousel {
  border: 0.1rem solid #b948af !important;
  max-height: initial !important;
  background-color: #f8e6f6 !important;
  border-radius: 8px;
  padding: 10px;
  min-width: 200px;
  max-width: 250px;
}
.vulnerability-carousel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.vulnerability-counter {
  font-size: 12px;
  font-weight: bold;
}
.vulnerability-carousel-content {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui-alpha-indicators .indicator {
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 2px;
  border-radius: 100px;
  min-width: 45px;
  width: auto;
  font-weight: bold;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 13px;
  display: inline-block;
}
.ui-alpha-indicators .indicator.vulnerable {
  padding: 4px 10px 3px 10px;
  background-color: #b948af;
  color: #fff;
}
.carousel-nav {
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.carousel-nav:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.3);
}
.carousel-nav:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.vulnerability-tile {
  flex: 1;
}
.vulnerability-field {
  margin-bottom: 4px;
  font-size: 12px;
}
.vulnerability-field:last-child {
  margin-bottom: 0;
}
.field-label {
  opacity: 0.8;
}
.field-value {
  font-weight: 600;
  margin-left: 4px;
}
.ui-local-overlay-header {
  background-color: rgb(71 71 72);
  padding: 10px;
  margin: -1px;
  color: #fff;
}
.ui-local-overlay-body {
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 220px);
}
.ui-local-overlay-footer {
  height: 40px;
  display: flex;
  background-color: #474748;
  margin: -1px;
  padding-top: 10px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.ui-local-overlay.address-book.ux-example-address-book {
  position: fixed;
  z-index: 9;
  background-color: #eee;
  top: 100px;
  width: 690px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  right: 20px;
  box-shadow: -4px 5px 10px 1px rgb(22 22 22 / 50%);
  border: 6px solid rgb(71 71 72);
  border-radius: 6px;
}
.caller-section {
  margin-bottom: 15px;
}
.section-title {
  margin: 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  color: #474748;
  font-size: 14px;
}
.ui-disabled,
.ui-disabled:hover {
  background-color: #ccc !important;
  border-color: #dcdcdc !important;
  cursor: default !important;
}
.display-inline {
  display: inline;
}
.content--flex-eq-tile-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.vulnerability-view {
  padding: 5px;
}
.vulnerability-details-section {
  margin-top: 20px;
}
.vulnerability-tile {
  text-align: left;
  cursor: default;
}
.vulnerability-tile .tile--data-heading {
  color: #666;
  font-size: 12px;
  display: block;
  margin-top: 8px;
}
.vulnerability-tile .tile--data-heading:first-child {
  margin-top: 0;
}
.vulnerability-tile .tile--data-strong {
  font-weight: 600;
  display: block;
}
.ui-button-icon-left i {
  margin-right: 5px;
}
.selected-caller {
  background-color: #C7D6F0 !important;
}
.multi-action-tile.tile--default .ui-tile-address-block,
.ui-tile-address-block {
  width: calc(185px - 8px);
  text-align: left;
  margin-left: -9px;
  margin-right: -20px;
  border: 0;
  border-radius: 0;
  padding-bottom: 5px;
  margin-bottom: -5px;
}
.multi-action-tile.tile--default.tile--size-w-med .ui-tile-address-block {
  max-width: calc(185px - 3px);
  min-width: calc(185px - 3px);
  width: calc(185px - 3px);
}
.multi-action-tile.tile--default button .ui-tile-address-block .tile--address-details,
.ui-tile-address-block .tile--address-details {
  background-color: rgba(255, 255, 255, 0);
  left: 0;
  display: block;
  padding: 5px 10px 10px 0;
  margin-left: 0;
  border-width: 0.1rem;
  border-color: rgba(238, 238, 238, 0);
  margin-bottom: 20px;
}
.multi-action-tile.tile--default button[class*=action] .ui-tile-address-block .tile--address-details {
  margin-left: -4px;
}
.multi-action-tile.tile--default button .ui-tile-address-block .tile--address-details span[class^=tile--data],
.ui-tile-address-block .tile--address-details span[class^=tile--data] {
  background-color: transparent;
  margin-left: 0;
}
.data-bubble--status.terminated {
  background-color: #dc3545;
  color: white;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 12px;
  margin-top: 5px;
  display: inline-block;
}
.extra-care-types {
  font-size: 12px;
  margin-top: 4px;
  font-weight: bold;
  white-space: normal !important;
  list-style: none;
  padding: 0;
}
.extra-care-types__item:first-child {
  border-top: none;
}
.extra-care-types__item {
  border-top: 1px dashed #b948af;
  padding-top: 8px;
  padding-bottom: 6px;
  display: flex;
  text-wrap: balance;
}
.state--ui-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-alpha-indicators .indicator {
  border-color: rgba(255, 255, 255, 0.3);
  border-style: solid;
  border-width: 2px;
  border-radius: 100px;
  min-width: 45px;
  width: auto;
  font-weight: bold;
  height: auto;
  margin-bottom: 5px;
  margin-right: 5px;
  font-size: 13px;
  display: inline-block;
}
.ui-alpha-indicators .indicator.vulnerable {
  padding: 4px 10px 3px 10px;
  background-color: #b948af;
  color: #fff;
}
.action--extra-care {
  border-color: #b948af !important;
  max-height: initial !important;
  background-color: #f8e6f6 !important;
}
.action--extra-care:hover {
  background-color: #f5d9f2 !important;
}
.alp-tile__other-caller {
  min-height: 120px;
  border-radius: 6px !important;
  display: flex !important;
  padding: 0 !important;
  overflow: hidden;
}
.alp-tile__other-caller-icon {
  font-size: 29px;
  max-width: unset;
  padding: 1rem 1rem 0.5rem 1rem;
}
.alp-tile__other-caller-details {
  display: flex !important;
  padding: 0 1rem;
  text-wrap: balance;
  flex-grow: 1;
}
.alp-tile__other-caller .alp-tile__icon-receiving-scheme {
  color: #115e59 !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme) {
  border-color: #14b8a6 !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme) .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme) .alp-tile__other-caller-details {
  background: #f0fdfa;
}
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme):hover .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme):hover .alp-tile__other-caller-details {
  background: #ccfbf1;
}
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme).selected-caller .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-receiving-scheme).selected-caller .alp-tile__other-caller-details {
  background: #99f6e4;
}
.alp-tile__other-caller .alp-tile__icon-scheme-or-ingenium-trust {
  color: #5b21b6 !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust) {
  border-color: #8b5cf6 !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust) .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust) .alp-tile__other-caller-details {
  background: #f5f3ff;
}
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust):hover .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust):hover .alp-tile__other-caller-details {
  background: #ede9fe;
}
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust).selected-caller .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-scheme-or-ingenium-trust).selected-caller .alp-tile__other-caller-details {
  background: #ddd6fe;
}
.alp-tile__other-caller .alp-tile__icon-death-notification {
  color: #9d174d !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-death-notification) {
  border-color: #ec4899 !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-death-notification) .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-death-notification) .alp-tile__other-caller-details {
  background: #fdf2f8;
}
.alp-tile__other-caller:has(.alp-tile__icon-death-notification):hover .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-death-notification):hover .alp-tile__other-caller-details {
  background: #fce7f3;
}
.alp-tile__other-caller:has(.alp-tile__icon-death-notification).selected-caller .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-death-notification).selected-caller .alp-tile__other-caller-details {
  background: #fbcfe8;
}
.alp-tile__other-caller .alp-tile__icon-minimum-enquiry-policy {
  color: #92400e !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy) {
  border-color: #f59e0b !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy) .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy) .alp-tile__other-caller-details {
  background: #fffbeb;
}
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy):hover .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy):hover .alp-tile__other-caller-details {
  background: #fef3c7;
}
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy).selected-caller .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-minimum-enquiry-policy).selected-caller .alp-tile__other-caller-details {
  background: #fde68a;
}
.alp-tile__other-caller .alp-tile__icon-other {
  color: #1e293b !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-other) {
  border-color: #64748b !important;
}
.alp-tile__other-caller:has(.alp-tile__icon-other) .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-other) .alp-tile__other-caller-details {
  background: #f8fafc;
}
.alp-tile__other-caller:has(.alp-tile__icon-other):hover .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-other):hover .alp-tile__other-caller-details {
  background: #f1f5f9;
}
.alp-tile__other-caller:has(.alp-tile__icon-other).selected-caller .alp-tile__other-caller-icon,
.alp-tile__other-caller:has(.alp-tile__icon-other).selected-caller .alp-tile__other-caller-details {
  background: #e2e8f0;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/css-user-theme--dark.css */
.ui-app-theme--dark {
}
.ui-app-theme--dark .app-header {
  background-color: #e4e4e4;
  background-color: #32363f;
  border-color: rgba(65, 74, 103, 0.6);
}
.ui-app-theme--dark .app-system-date--label {
  color: #acadaf;
}
.ui-app-theme--dark .app-header .app-system-date {
  color: #222;
  color: #fff;
}
.ui-app-theme--dark .app-header button.app-notifications--bell {
  border-color: #909091;
  color: #adadaf;
  background-color: #3e4048;
}
.ui-app-theme--dark .app-header .app-branding--block {
  background-color: transparent;
  background-color: #24262a;
  border-right: 2px solid #2c2d31;
}
.ui-app-theme--dark .app-header .app-branding--block > img {
  mix-blend-mode: exclusion;
}
.ui-app-theme--dark .app-navigation--breadcrumbs li {
  color: #4e8cea;
}
.ui-app-theme--dark .app-navigation--breadcrumbs li:before {
  color: #a0a4ab;
}
.ui-app-theme--dark .app-header .app-page--heading h1 {
  color: #222;
  color: #f9f9f9;
}
.ui-app-theme--dark .app-header .context-info {
  color: #222 color:#fff;
}
.ui-app-theme--dark alpha-group-summary {
  background-color: #e3e7ed;
  background:
    linear-gradient(
      -35deg,
      rgb(17, 18, 21) 0%,
      #3f414a 71%,
      rgb(42, 47, 51) 100%);
  height: 100%;
}
.ui-app-theme--dark .ui-diagram-header {
  border-color: #646e7b;
  color: #fff;
}
.ui-app-theme--dark .ui-filter-description-row {
  border-bottom-color: transparent;
}
.ui-app-theme--dark .ui-diagram-col.ui-policies .ui-diagram-content {
  border-color: #646e7b;
}
.ui-app-theme--dark .ui-policy-row:before {
  color: #646e7b;
}
.ui-app-theme--dark .ui-filter-actions-container.ui-group-summary-filter {
  background-color: transparent;
}
.ui-app-theme--dark .ui-action-rail {
  width: 60px;
  background: #24262a;
  border-right: 2px solid #2c2d31;
  z-index: 2;
}
.ui-app-theme--dark .alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action {
  background-color: transparent;
}
.ui-app-theme--dark .alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action .details {
}
.ui-app-theme--dark .ui-extensions--rail {
  background: #32373f;
  border-left-color: #565c6d;
}
.ui-app-theme--dark h2.sidebar-content-heading {
  color: #fff;
}
.ui-app-theme--dark alpha-right-sidebar {
  border-color: #53586d;
}
.ui-app-theme--dark alpha-right-sidebar ul.widget-selection,
.ui-app-theme--dark .alpha-right-sidebar ul.widget-selection {
  background:
    linear-gradient(
      -25deg,
      rgb(17, 18, 21) 0%,
      #3f414a 71%,
      rgb(42, 47, 51) 100%);
  border-color: #53586d;
}
.ui-app-theme--dark .ui-app--widget-content {
  background-color: #3d4451;
}
.ui-app-theme--dark .ui-policy-details,
.ui-app-theme--dark .ui-row-details {
  background-color: #4c505d;
  color: #fff;
}
.ui-app-theme--dark button.ui-policy-open,
.ui-app-theme--dark button.ui-row-open {
  background-color: #4c505d;
  border-left: 0;
}
.ui-app-theme--dark button.ui-policy-open i,
.ui-app-theme--dark button.ui-row-open i {
  color: #97c0ff;
}
.ui-app-theme--dark .ui-policy-details .tile--data-block,
.ui-app-theme--dark .ui-row-details .tile--data-block {
  color: #fff;
}
.ui-app-theme--dark .ui-policy-details .tile--data-heading,
.ui-app-theme--dark .ui-row-details .tile--data-heading {
}
.ui-app-theme--dark .ui-policy-details .tile--data,
.ui-app-theme--dark .ui-row-details .tile--data {
}
.ui-app-theme--dark .ui-policy-tile--long button.ui-row-tile-action:hover,
.ui-app-theme--dark .ui-row-details button.ui-row-tile-action:hover {
  background-color: #5c6b80;
}
.ui-app-theme--dark .ui-policy-tile--long button.ui-policy-open:hover,
.ui-app-theme--dark .ui-policy-tile--long button.ui-row-open:hover {
  background-color: #5c6b80;
}
.ui-app-theme--dark .ui-policy-tile--long button.ui-row-tile-action.alpha-selected,
.ui-app-theme--dark .ui-policy-tile--long button.ui-row-tile-action.alpha-selected:hover,
.ui-app-theme--dark .ui-row-details button.ui-row-tile-action.alpha-selected,
.ui-app-theme--dark .ui-row-details button.ui-row-tile-action.alpha-selected:hover {
  background-color: #729ac4;
}
.ui-app-theme--dark .multi-action-tile .action-container > [class^=action] {
  background-color: #4c505d;
  color: #fff;
}
.ui-app-theme--dark .multi-action-tile .action-container > [class^=action]:hover {
  background-color: #5c6b80;
}
.ui-app-theme--dark .multi-action-tile .action-container > button.alpha-selected:hover,
.ui-app-theme--dark .multi-action-tile .action-container > button.alpha-selected,
.ui-app-theme--dark .multi-action-tile .action-container > button.alpha-selected .tile--address-status {
  background-color: #729ac4;
}
.ui-app-theme--dark .ui-button--multi-state button.ui-button,
.ui-app-theme--dark ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button {
  background-color: #4c505d;
  color: #fff;
}
.ui-app-theme--dark .ui-filter-actions-container.ui-group-summary-filter .ui-filter-count,
.ui-app-theme--dark .ui-filter-count {
  color: #fff !important;
}
.ui-app-theme--dark .ui-filter-actions-container.ui-group-summary-filter .ui-filter-count i,
.ui-app-theme--dark .ui-filter-count i {
  color: #a5bee3 !important;
}
.ui-app-theme--dark .ui-button--multi-state button.ui-button:hover,
.ui-app-theme--dark ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button:hover {
  background-color: #5c6b80;
}
.ui-app-theme--dark alpha-right-sidebar ul li.widget-tile {
  background-color: #4c505d;
  color: #dce8f9;
}
.ui-app-theme--dark .widget-tile .widget-title:hover {
  background-color: #5c6b80;
}
.ui-app-theme--dark .widget-tile .widget-title:hover:before,
.ui-app-theme--dark .widget-tile .widget-title:hover:after {
  color: #fff;
}
.ui-app-theme--dark .add-shortcut:hover {
  background-color: #5c6b80;
}
.ui-app-theme--dark .ui-preference-dashboard {
  background-color: #3a3d46;
  color: rgb(222, 237, 255);
}
.ui-app-theme--dark .ui-preference-dashboard .ui-preference-block {
  background-color: rgba(34, 34, 34, 0.4);
  border-color: rgba(164, 194, 241, 0.2);
}
.ui-app-theme--dark .ui-preference-dashboard .tile--data-presentation-icon {
  background-color: #56565d;
  color: rgb(224, 233, 244);
}
.ui-app-theme--dark .indicator.party-count,
.ui-data-indicator.party-count {
  background-color: rgba(58, 61, 70, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.ui-app-theme--dark .indicator.party-count .ui-text,
.ui-app-theme--dark .ui-data-indicator.party-count .ui-text {
  color: #ffffff;
}
.ui-app-theme--dark .indicator.party-count .ui-data-value,
.ui-app-theme--dark .ui-data-indicator.party-count .ui-data-value {
  color: #c6daf7;
}
.ui-app-theme--dark .tile-row-address .ui-tile-address-block .tile--address-details {
  background-color: rgba(58, 61, 70, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
.ui-app-theme--dark .ui-count-bubble {
  background-color: rgb(87, 92, 107);
  border-color: rgb(116, 128, 150);
  color: #fff;
}
.ui-app-theme--dark ul.section-links > li .alpha-section-btn > span {
  text-shadow: none;
  color: #a8ccf0;
}
.ui-app-theme--dark ul.section-links > li .alpha-section-btn.selected > span {
  border-color: #a8ccf0;
}
.ui-app-theme--dark .ag-fresh .ag-header,
.ui-app-theme--dark .table.table-striped th {
  background: #4e5568;
  color: #fff;
}
.ui-app-theme--dark .table.table-striped {
  color: #fff;
  border-color: #485680;
}
.ui-app-theme--dark .table th,
.ui-app-theme--dark .table td {
  border-color: #5a6892;
}
.ui-app-theme--dark .table-striped tbody tr:nth-of-type(odd),
.ui-app-theme--dark .ag-fresh .ag-row-odd,
.ag-fresh .ag-row-even {
  border-color: #5a6892;
}

/* src/assets/styles/prototype-migration/p-drive-collection/css-stack/css-user-theme--light.css */
.ui-app-theme--light {
}
.ui-app-theme--light .app-header {
  background-color: #ffffff;
  background-color: rgb(228, 230, 236);
  border-color: rgba(151, 164, 197, 0.4);
}
.ui-app-theme--light .app-system-date--label {
  color: #646468;
}
.ui-app-theme--light .app-header .app-system-date {
  color: #272727;
}
.ui-app-theme--light .app-header button.app-notifications--bell {
  border-color: #c2c2c6;
  color: #adadaf;
  background-color: #eff0f5;
}
.ui-app-theme--light .app-header .app-branding--block {
  background-color: transparent;
  background-color: #efefef;
  border-right: 2px solid #c3c5ce;
}
.ui-app-theme--light .app-header .app-branding--block > img {
  mix-blend-mode: exclusion;
}
.ui-app-theme--light .app-navigation--breadcrumbs li {
  color: #4e8cea;
}
.ui-app-theme--light .app-navigation--breadcrumbs li:before {
  color: #a0a4ab;
}
.ui-app-theme--light .app-header .app-page--heading h1 {
  color: #646468;
}
.ui-app-theme--light .app-header .context-info {
  color: #222;
}
.ui-app-theme--light alpha-group-summary {
  background-color: #e3e7ed;
  background:
    linear-gradient(
      -175deg,
      rgb(252, 252, 253) 0%,
      #ffffff 71%,
      rgb(204, 208, 222) 100%);
  height: 100%;
}
.ui-app-theme--light .ui-diagram-header {
  border-color: #d6d9de;
  color: #3e3e3e;
}
.ui-app-theme--light .ui-filter-description-row {
  border-bottom-color: transparent;
}
.ui-app-theme--light .ui-diagram-col.ui-policies .ui-diagram-content {
  border-color: #d6d9de;
}
.ui-app-theme--light .ui-policy-row:before {
  color: #d6d9de;
}
.ui-app-theme--light .ui-filter-actions-container.ui-group-summary-filter {
  background-color: transparent;
}
.ui-app-theme--light .ui-action-rail {
  width: 60px;
  background: #efefef;
  border-right: 2px solid #c3c5ce;
  z-index: 2;
}
.ui-app-theme--light .alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action {
  background-color: #969db5;
  background-color: #d2d4da;
}
.ui-app-theme--light .alpha-explorer-toolbar .ui-menu-action-block button.ui-menu-action .details {
  color: #6b75b2;
}
.ui-app-theme--light .ui-extensions--rail {
  background: #eff2f8;
  border-left-color: #ccd0da;
}
.ui-app-theme--light .ui-extensions--rail label.ui-er--label {
  color: #222;
}
.ui-app-theme--light h2.sidebar-content-heading {
  color: #555d86;
}
.ui-app-theme--light alpha-right-sidebar {
  border-color: #cbcfe0;
}
.ui-app-theme--light alpha-right-sidebar ul.widget-selection,
.ui-app-theme--light .alpha-right-sidebar ul.widget-selection {
  background:
    linear-gradient(
      -25deg,
      rgb(255, 255, 255) 0%,
      #f0f2f7 71%,
      rgb(255, 255, 255) 100%);
  border-color: #c9cddd;
}
.ui-app-theme--light .widget-selection-header-title {
  text-shadow: none;
  color: #222;
}
.ui-app-theme--light .ui-app--widget-content {
  background-color: #f7f8f9;
}
.ui-app-theme--light .ui-policy-details,
.ui-app-theme--light .ui-row-details {
  background-color: #fff;
  color: #fff;
}
.ui-app-theme--light button.ui-policy-open,
.ui-app-theme--light button.ui-row-open {
  background-color: #fff;
  border-left: 0;
}
.ui-app-theme--light button.ui-policy-open i,
.ui-app-theme--light button.ui-row-open i {
  color: #97c0ff;
}
.ui-app-theme--light .ui-policy-details .tile--data-block,
.ui-app-theme--light .ui-row-details .tile--data-block {
}
.ui-app-theme--light .ui-policy-details .tile--data-heading,
.ui-app-theme--light .ui-row-details .tile--data-heading {
}
.ui-app-theme--light .ui-policy-details .tile--data,
.ui-app-theme--light .ui-row-details .tile--data {
}
.ui-app-theme--light .ui-policy-tile--long button.ui-row-tile-action:hover,
.ui-app-theme--light .ui-row-details button.ui-row-tile-action:hover {
}
.ui-app-theme--light .ui-policy-tile--long button.ui-policy-open:hover,
.ui-app-theme--light .ui-policy-tile--long button.ui-row-open:hover {
  background-color: #5c6b80;
}
.ui-app-theme--light .ui-policy-tile--long button.ui-row-tile-action.alpha-selected,
.ui-app-theme--light .ui-policy-tile--long button.ui-row-tile-action.alpha-selected:hover,
.ui-app-theme--light .ui-row-details button.ui-row-tile-action.alpha-selected,
.ui-app-theme--light .ui-row-details button.ui-row-tile-action.alpha-selected:hover {
}
.ui-app-theme--light .multi-action-tile .action-container > [class^=action] {
  color: #222;
}
.ui-app-theme--light .multi-action-tile .action-container > [class^=action]:hover {
}
.ui-app-theme--light .multi-action-tile .action-container > button.alpha-selected:hover,
.ui-app-theme--light .multi-action-tile .action-container > button.alpha-selected,
.ui-app-theme--light .multi-action-tile .action-container > button.alpha-selected .tile--address-status {
  background-color: #729ac4;
}
.ui-app-theme--light .ui-button--multi-state button.ui-button,
.ui-app-theme--light ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button {
}
.ui-app-theme--light .ui-filter-actions-container.ui-group-summary-filter .ui-filter-count,
.ui-app-theme--light .ui-filter-count {
}
.ui-app-theme--light .ui-filter-actions-container.ui-group-summary-filter .ui-filter-count i,
.ui-app-theme--light .ui-filter-count i {
  color: #a5bee3 !important;
}
.ui-app-theme--light .ui-button--multi-state button.ui-button:hover,
.ui-app-theme--light ul.alpha-linked-data-structure li .ui-button--multi-state button.ui-button:hover {
}
.ui-app-theme--light alpha-right-sidebar ul li.widget-tile {
  background-color: #ffffff;
  color: #6c789e;
}
.ui-app-theme--light .widget-tile .widget-title:hover {
}
.ui-app-theme--light .widget-tile .widget-title:hover:before,
.ui-app-theme--light .widget-tile .widget-title:hover:after {
}
.ui-app-theme--light .add-shortcut:hover {
}
.ui-app-theme--light .ui-preference-dashboard {
  background-color: #ffffff;
}
.ui-app-theme--light .ui-preference-dashboard .ui-preference-block {
  background-color: rgba(228, 228, 230, 0.4);
  border-color: rgba(164, 194, 241, 0.2);
}
.ui-app-theme--light .ui-preference-dashboard .tile--data-presentation-icon {
}
.ui-app-theme--light .indicator.party-count,
.ui-data-indicator.party-count {
  background-color: rgb(232, 232, 232);
  border-color: rgba(255, 255, 255, 0.3);
  color: #222;
}
.ui-app-theme--light .indicator.party-count .ui-text,
.ui-app-theme--light .ui-data-indicator.party-count .ui-text {
}
.ui-app-theme--light .indicator.party-count .ui-data-value,
.ui-app-theme--light .ui-data-indicator.party-count .ui-data-value {
}
.ui-app-theme--light .tile-row-address .ui-tile-address-block .tile--address-details {
  background-color: rgba(58, 61, 70, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}
.ui-app-theme--light .ui-count-bubble {
}

/* src/assets/styles/alp-design-system/tokens/primitives/colors.css */
:root {
  --alp-color-white: #ffffff;
  --alp-color-black: #0f172a;
  --alp-color-slate-50: #f8fafc;
  --alp-color-slate-100: #f1f5f9;
  --alp-color-slate-200: #e2e8f0;
  --alp-color-slate-300: #cbd5e1;
  --alp-color-slate-400: #94a3b8;
  --alp-color-slate-500: #64748b;
  --alp-color-slate-600: #475569;
  --alp-color-slate-700: #334155;
  --alp-color-slate-800: #1e293b;
  --alp-color-slate-900: #0f172a;
  --alp-color-brand-50: #eef2ff;
  --alp-color-brand-100: #e0e7ff;
  --alp-color-brand-200: #c7d2fe;
  --alp-color-brand-300: #a5b4fc;
  --alp-color-brand-400: #818cf8;
  --alp-color-brand-500: #6366f1;
  --alp-color-brand-600: #444f83;
  --alp-color-brand-700: #363f6b;
  --alp-color-brand-800: #2d3559;
  --alp-color-brand-900: #1e2440;
  --alp-color-blue-50: #eff6ff;
  --alp-color-blue-100: #dbeafe;
  --alp-color-blue-200: #bfdbfe;
  --alp-color-blue-300: #93c5fd;
  --alp-color-blue-400: #60a5fa;
  --alp-color-blue-500: #3b82f6;
  --alp-color-blue-600: #2563eb;
  --alp-color-blue-700: #1e40af;
  --alp-color-blue-800: #1e3a8a;
  --alp-color-blue-900: #172554;
  --alp-color-purple-50: #faf5ff;
  --alp-color-purple-100: #f3e8ff;
  --alp-color-purple-200: #e9d5ff;
  --alp-color-purple-300: #d8b4fe;
  --alp-color-purple-400: #c084fc;
  --alp-color-purple-500: #a855f7;
  --alp-color-purple-600: #7c3aed;
  --alp-color-purple-700: #5b21b6;
  --alp-color-purple-800: #5b21b6;
  --alp-color-purple-900: #4c1d95;
  --alp-color-green-50: #ecfdf5;
  --alp-color-green-100: #d1fae5;
  --alp-color-green-200: #a7f3d0;
  --alp-color-green-300: #6ee7b7;
  --alp-color-green-400: #34d399;
  --alp-color-green-500: #10b981;
  --alp-color-green-600: #059669;
  --alp-color-green-700: #047857;
  --alp-color-green-800: #065f46;
  --alp-color-green-900: #064e3b;
  --alp-color-amber-50: #fffbeb;
  --alp-color-amber-100: #fef3c7;
  --alp-color-amber-200: #fde68a;
  --alp-color-amber-300: #fcd34d;
  --alp-color-amber-400: #fbbf24;
  --alp-color-amber-500: #f59e0b;
  --alp-color-amber-600: #d97706;
  --alp-color-amber-700: #b45309;
  --alp-color-amber-800: #92400e;
  --alp-color-amber-900: #78350f;
  --alp-color-red-50: #fef2f2;
  --alp-color-red-100: #fee2e2;
  --alp-color-red-200: #fecaca;
  --alp-color-red-300: #fca5a5;
  --alp-color-red-400: #f87171;
  --alp-color-red-500: #ef4444;
  --alp-color-red-600: #dc2626;
  --alp-color-red-700: #b91c1c;
  --alp-color-red-800: #991b1b;
  --alp-color-red-900: #7f1d1d;
  --alp-color-legacy-green: #5cb85c;
  --alp-color-legacy-green-soft: #ebf7eb;
  --alp-color-legacy-blue: #4c5992;
  --alp-color-legacy-blue-dark: #3c4981;
  --alp-color-legacy-gray: #f3f3f3;
  --alp-color-legacy-gray-medium: #dcdcdc;
  --alp-color-legacy-gray-text: #888787;
  --alp-color-legacy-gray-border: #e3e1e1;
  --alp-color-legacy-charcoal: #222222;
}

/* src/assets/styles/alp-design-system/tokens/primitives/spacing.css */
:root {
  --alp-space-0: 0px;
  --alp-space-1: 4px;
  --alp-space-2: 8px;
  --alp-space-3: 12px;
  --alp-space-4: 16px;
  --alp-space-5: 20px;
  --alp-space-6: 24px;
  --alp-space-7: 28px;
  --alp-space-8: 32px;
  --alp-space-10: 40px;
  --alp-space-12: 48px;
  --alp-space-16: 64px;
}

/* src/assets/styles/alp-design-system/tokens/primitives/typography.css */
:root {
  --alp-font-family-sans:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  --alp-font-family-mono:
    "SFMono-Regular",
    Consolas,
    "Liberation Mono",
    Menlo,
    Courier,
    monospace;
  --alp-font-size-xs: 11px;
  --alp-font-size-sm: 13px;
  --alp-font-size-md: 15px;
  --alp-font-size-lg: 18px;
  --alp-font-size-xl: 22px;
  --alp-font-size-2xl: 28px;
  --alp-line-height-tight: 1.2;
  --alp-line-height-normal: 1.4;
  --alp-line-height-relaxed: 1.6;
  --alp-font-weight-normal: 400;
  --alp-font-weight-medium: 500;
  --alp-font-weight-semibold: 600;
  --alp-font-weight-bold: 700;
  --alp-letter-spacing-tight: -0.01em;
  --alp-letter-spacing-normal: 0;
  --alp-letter-spacing-wide: 0.03em;
  --alp-letter-spacing-wider: 0.04em;
}

/* src/assets/styles/alp-design-system/tokens/primitives/radius.css */
:root {
  --alp-radius-none: 0px;
  --alp-radius-sm: 6px;
  --alp-radius-md: 8px;
  --alp-radius-lg: 12px;
  --alp-radius-xl: 16px;
  --alp-radius-full: 9999px;
}

/* src/assets/styles/alp-design-system/tokens/primitives/shadows.css */
:root {
  --alp-shadow-color: var(--alp-color-black);
  --alp-shadow-xs: 0 1px 2px oklch(from var(--alp-shadow-color) l c h / 0.04);
  --alp-shadow-sm: 0 2px 8px oklch(from var(--alp-shadow-color) l c h / 0.06);
  --alp-shadow-md: 0 4px 18px oklch(from var(--alp-shadow-color) l c h / 0.08);
  --alp-shadow-lg: 0 8px 28px oklch(from var(--alp-shadow-color) l c h / 0.12);
  --alp-shadow-xl: 0 20px 50px oklch(from var(--alp-shadow-color) l c h / 0.25);
}

/* src/assets/styles/alp-design-system/tokens/primitives/elevation.css */
:root {
  --alp-z-base: 0;
  --alp-z-dropdown: 100;
  --alp-z-sticky: 200;
  --alp-z-fixed: 300;
  --alp-z-popover: 400;
  --alp-z-modal-backdrop: 500;
  --alp-z-modal: 600;
  --alp-z-toast: 700;
  --alp-z-tooltip: 800;
  --alp-opacity-backdrop: 0.45;
  --alp-opacity-disabled: 0.5;
}

/* src/assets/styles/alp-design-system/tokens/primitives/_index.css */

/* src/assets/styles/alp-design-system/tokens/semantic/theme.css */
:root {
  --alp-color-brand: var(--alp-color-brand-600);
  --alp-color-brand-soft: var(--alp-color-brand-100);
  --alp-color-brand-hover: var(--alp-color-brand-700);
  --alp-color-brand-active: var(--alp-color-brand-800);
  --alp-color-brand-text: var(--alp-color-white);
  --alp-color-background: var(--alp-color-slate-50);
  --alp-color-surface: var(--alp-color-white);
  --alp-color-surface-raised: var(--alp-color-slate-100);
  --alp-color-surface-hover: var(--alp-color-slate-100);
  --alp-color-surface-active: var(--alp-color-slate-200);
  --alp-color-border: var(--alp-color-slate-200);
  --alp-color-border-strong: var(--alp-color-slate-300);
  --alp-color-border-focus: var(--alp-color-brand-600);
  --alp-color-text: var(--alp-color-slate-900);
  --alp-color-text-muted: #5e7080;
  --alp-color-text-soft: var(--alp-color-slate-400);
  --alp-color-text-on-brand: var(--alp-color-white);
  --alp-color-text-on-dark: var(--alp-color-white);
  --alp-color-link: var(--alp-color-brand-600);
  --alp-color-link-hover: var(--alp-color-brand-700);
  --alp-color-brand-primary: var(--alp-color-brand);
  --alp-color-brand-primary-soft: var(--alp-color-brand-soft);
  --alp-color-brand-primary-hover: var(--alp-color-brand-hover);
  --alp-dot-color: #c5cdd8;
  --alp-dot-size: 1.2px;
  --alp-dot-spacing: 24px;
}

/* src/assets/styles/alp-design-system/tokens/semantic/status.css */
:root {
  --alp-color-success: var(--alp-color-green-700);
  --alp-color-success-soft: var(--alp-color-green-100);
  --alp-color-success-text: var(--alp-color-white);
  --alp-color-warning: var(--alp-color-amber-700);
  --alp-color-warning-soft: var(--alp-color-amber-100);
  --alp-color-warning-text: var(--alp-color-white);
  --alp-color-danger: var(--alp-color-red-700);
  --alp-color-danger-soft: var(--alp-color-red-100);
  --alp-color-danger-text: var(--alp-color-white);
  --alp-color-info: var(--alp-color-blue-700);
  --alp-color-info-soft: var(--alp-color-blue-100);
  --alp-color-info-text: var(--alp-color-white);
  --alp-color-neutral: var(--alp-color-slate-500);
  --alp-color-neutral-soft: var(--alp-color-slate-100);
  --alp-color-neutral-text: var(--alp-color-slate-900);
  --alp-color-selected: var(--alp-color-brand-600);
  --alp-color-selected-soft: var(--alp-color-brand-100);
  --alp-color-selected-text: var(--alp-color-white);
}

/* src/assets/styles/alp-design-system/tokens/semantic/content-types.css */
:root {
  --alp-color-prompt: var(--alp-color-blue-700);
  --alp-color-prompt-soft: var(--alp-color-blue-100);
  --alp-color-prompt-text: var(--alp-color-white);
  --alp-color-question: var(--alp-color-purple-700);
  --alp-color-question-soft: var(--alp-color-purple-100);
  --alp-color-question-text: var(--alp-color-white);
  --alp-color-required-check: var(--alp-color-green-700);
  --alp-color-required-check-soft: var(--alp-color-green-100);
  --alp-color-required-check-text: var(--alp-color-white);
  --alp-color-log-task: var(--alp-color-amber-700);
  --alp-color-log-task-soft: var(--alp-color-amber-100);
  --alp-color-log-task-text: var(--alp-color-white);
  --alp-color-end-call: var(--alp-color-red-700);
  --alp-color-end-call-soft: var(--alp-color-red-100);
  --alp-color-end-call-text: var(--alp-color-white);
}

/* src/assets/styles/alp-design-system/tokens/semantic/_index.css */

/* src/assets/styles/alp-design-system/tokens/_index.css */

/* src/assets/styles/alp-design-system/core/reset.css */
.alp-component *,
.alp-component *::before,
.alp-component *::after {
  box-sizing: border-box;
}
.alp-component :where(dialog) {
  border: none;
  padding: 0;
}
.alp-component :where(button) {
  font-family: inherit;
}
.alp-component :where(input, textarea, select) {
  font-family: inherit;
}

/* src/assets/styles/alp-design-system/core/base.css */
.alp-surface {
  font-family: var(--alp-font-family-sans);
  color: var(--alp-color-text);
  background-color: var(--alp-color-surface);
}
.alp-canvas {
  background-color: var(--alp-color-background);
  background-image: radial-gradient(var(--alp-dot-color) var(--alp-dot-size), transparent var(--alp-dot-size));
  background-size: var(--alp-dot-spacing) var(--alp-dot-spacing);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-lg);
}
.alp-h1,
.alp-h2,
.alp-h3 {
  font-weight: var(--alp-font-weight-bold);
}

/* src/assets/styles/alp-design-system/core/utilities.css */
.alp-flex {
  display: flex;
}
.alp-flex-col {
  display: flex;
  flex-direction: column;
}
.alp-items-center {
  align-items: center;
}
.alp-justify-center {
  justify-content: center;
}
.alp-gap-1 {
  gap: var(--alp-space-1);
}
.alp-gap-2 {
  gap: var(--alp-space-2);
}
.alp-gap-3 {
  gap: var(--alp-space-3);
}
.alp-gap-4 {
  gap: var(--alp-space-4);
}
.alp-text-sm {
  font-size: var(--alp-font-size-sm);
}
.alp-text-md {
  font-size: var(--alp-font-size-md);
}
.alp-text-lg {
  font-size: var(--alp-font-size-lg);
}
.alp-font-semibold {
  font-weight: var(--alp-font-weight-semibold);
}
.alp-font-bold {
  font-weight: var(--alp-font-weight-bold);
}
.alp-text-muted {
  color: var(--alp-color-text-muted);
}
.alp-text-soft {
  color: var(--alp-color-text-soft);
}
.alp-text-danger {
  color: var(--alp-color-danger);
}
.alp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* src/assets/styles/alp-design-system/core/_index.css */

/* src/assets/styles/alp-design-system/components/buttons.css */
.alp-btn {
  padding: 10px 22px;
  border-radius: var(--alp-radius-full);
  font-weight: var(--alp-font-weight-medium);
  font-size: var(--alp-font-size-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--alp-space-2);
  font-family: inherit;
}
.alp-btn--primary {
  background-color: var(--alp-color-brand);
  color: var(--alp-color-brand-text);
}
.alp-btn--primary:hover {
  background-color: var(--alp-color-brand-hover);
}
.alp-btn--primary:disabled {
  background: var(--alp-color-slate-400);
  cursor: not-allowed;
  opacity: 0.7;
}
.alp-btn--outline,
.alp-btn--secondary {
  background: var(--alp-color-surface);
  border: 2px solid var(--alp-color-brand);
  color: var(--alp-color-brand);
}
.alp-btn--outline:hover,
.alp-btn--secondary:hover {
  background: var(--alp-color-brand-soft);
  color: var(--alp-color-slate-700);
}
.alp-btn--danger {
  background: var(--alp-color-danger);
  color: var(--alp-color-danger-text);
}
.alp-btn--danger:hover {
  background: var(--alp-color-red-800);
}
.alp-btn--danger-outline {
  background: var(--alp-color-surface);
  border: 2px solid var(--alp-color-danger);
  color: var(--alp-color-danger);
}
.alp-btn--danger-outline:hover {
  background: var(--alp-color-danger-soft);
}
.alp-btn--icon {
  width: 34px;
  height: 34px;
  padding: 0;
  flex-shrink: 0;
}
.alp-btn__icon--md {
  font-size: 16px;
}
.alp-btn--height-icon {
  height: 34px;
  padding: 0 22px;
  box-sizing: border-box;
}
.alp-btn--ghost {
  background: transparent;
  border: 2px solid transparent;
  color: var(--alp-color-brand);
}
.alp-btn--ghost:hover {
  background: var(--alp-color-brand-soft);
  border-color: var(--alp-color-brand);
  color: var(--alp-color-slate-700);
}
.alp-btn--ghost:disabled {
  background: transparent;
  border-color: transparent;
  color: var(--alp-color-slate-400);
  opacity: 0.5;
  cursor: not-allowed;
}
.alp-btn--ghost-danger {
  color: var(--alp-color-danger);
}
.alp-btn--ghost-danger:hover {
  background: var(--alp-color-danger-soft);
  border-color: var(--alp-color-danger);
}
.alp-order-move-btn,
.alp-order-undo-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-order-move-btn:hover,
.alp-order-undo-btn:hover {
  color: var(--alp-color-slate-700);
}
.btn-primary,
.btn-secondary {
  padding: 10px var(--alp-space-5);
  border-radius: var(--alp-radius-md);
  font-weight: var(--alp-font-weight-medium);
  cursor: pointer;
}
.btn-primary {
  background: var(--alp-color-purple-600);
  color: var(--alp-color-white);
  border: none;
}
.btn-primary:disabled {
  background: var(--alp-color-purple-300);
  cursor: not-allowed;
}
.btn-secondary {
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border-strong);
}
.alp-recent-callers__main-btn {
  display: block;
  padding: var(--alp-space-4) 18px 60px;
  text-align: left;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.2s ease;
}
.alp-recent-callers__main-btn:hover {
  background-color: var(--alp-color-slate-50);
}
.alp-recent-callers__view-details-btn {
  position: absolute;
  bottom: var(--alp-space-3);
  right: var(--alp-space-3);
  padding: 6px 14px;
  background: var(--alp-color-slate-100);
  color: var(--alp-color-slate-600);
  border: 1px solid var(--alp-color-border-strong);
  border-radius: 50px;
  font-size: var(--alp-font-size-sm);
  cursor: pointer;
  z-index: 2;
  transition: all 0.2s ease;
}
.alp-recent-callers__view-details-btn:hover {
  background: var(--alp-color-brand-100);
  color: var(--alp-color-blue-700);
  border-color: var(--alp-color-slate-400);
}
.alp-recent-callers__nav button {
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border-strong);
  width: var(--alp-space-8);
  height: var(--alp-space-8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.alp-recent-callers__nav button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.alp-recent-callers__resume-btn {
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
  border: none;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: var(--alp-font-size-sm);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  z-index: 2;
}
.alp-recent-callers__resume-btn:hover {
  background: var(--alp-color-green-600);
}
.alp-recent-callers__bailout-btn {
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
  border: none;
  padding: 6px var(--alp-space-3);
  border-radius: 50px;
  font-size: var(--alp-font-size-sm);
  cursor: pointer;
}
.alp-recent-callers__bailout-btn:hover {
  background: var(--alp-color-red-600);
}
.alp-recent-callers__full-main-btn {
  display: flex;
  flex-direction: column;
  text-align: left;
  background: transparent;
  border: none;
  margin-bottom: var(--alp-space-2);
  cursor: pointer;
  padding: var(--alp-space-3) var(--alp-space-4) 44px var(--alp-space-4);
}
.alp-transfer-call-btn {
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
  border: none;
  padding: 10px var(--alp-space-5);
  border-radius: var(--alp-radius-full);
  font-weight: var(--alp-font-weight-medium);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--alp-space-2);
  transition: all 0.2s;
}
.alp-transfer-call-btn:hover {
  background: var(--alp-color-brand-700);
}
.alp-script-status-tile__run-btn {
  padding: 10px var(--alp-space-5);
  background: var(--alp-color-blue-600);
  color: var(--alp-color-white);
  border: none;
  border-radius: var(--alp-radius-full);
  font-size: 14px;
  font-weight: var(--alp-font-weight-medium);
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-script-status-tile__run-btn:hover {
  background: var(--alp-color-blue-700);
}

/* src/assets/styles/alp-design-system/components/cards.css */
.alp-order-card {
  width: 100%;
  max-width: 280px;
  min-height: 100px;
  box-sizing: border-box;
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  padding: var(--alp-space-4) var(--alp-space-5);
  box-shadow: var(--alp-shadow-xs);
}
.alp-order-card--source {
  border-color: var(--alp-color-brand);
  box-shadow: 0 0 0 2px oklch(from var(--alp-color-brand) l c h / 0.25);
}
.alp-order-card__header {
  margin-bottom: var(--alp-space-3);
}
.alp-order-card__step-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-order-card__step-label {
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-bold);
  color: var(--alp-color-text);
}
.alp-order-card__renumber-group {
  display: inline-flex;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-order-card__step-label--original {
  color: var(--alp-color-text-soft);
  text-decoration: line-through;
}
.alp-order-card__renumber-arrow {
  color: var(--alp-color-text-muted);
  font-size: var(--alp-font-size-sm);
}
.alp-order-card__types {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--alp-space-2);
}
.alp-order-card__type-row {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  flex-wrap: wrap;
}
.alp-order-card__type {
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-bold);
  letter-spacing: var(--alp-letter-spacing-wider);
  text-transform: uppercase;
  padding: var(--alp-space-1) var(--alp-space-2);
  border-radius: var(--alp-radius-sm);
  background: var(--alp-color-slate-200);
  color: var(--alp-color-slate-700);
}
.alp-order-card__type[data-type=prompt] {
  background: var(--alp-color-prompt);
  color: var(--alp-color-prompt-text);
}
.alp-order-card__type[data-type=question] {
  background: var(--alp-color-question);
  color: var(--alp-color-question-text);
}
.alp-order-card__type[data-type=required-check] {
  background: var(--alp-color-required-check);
  color: var(--alp-color-required-check-text);
}
.alp-order-card__type[data-type=log-task] {
  background: var(--alp-color-log-task);
  color: var(--alp-color-log-task-text);
}
.alp-order-card__type[data-type=end-call] {
  background: var(--alp-color-end-call);
  color: var(--alp-color-end-call-text);
}
.alp-order-card__meta {
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-semibold);
  letter-spacing: var(--alp-letter-spacing-wide);
  padding: var(--alp-space-1) var(--alp-space-2);
  border-radius: var(--alp-radius-sm);
  background: var(--alp-color-slate-100);
  color: var(--alp-color-slate-700);
}
.alp-order-card__dependency {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: var(--alp-font-size-xs);
  border-radius: var(--alp-radius-sm);
  background: var(--alp-color-amber-100);
  color: var(--alp-color-amber-800);
}
.alp-order-card__dependency i {
  font-size: var(--alp-font-size-xs);
}
.alp-order-card__empty {
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
}
.alp-content-card {
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-lg);
  padding: 16px 18px 18px;
  background: var(--alp-color-background);
  margin-bottom: 14px;
  box-shadow: var(--alp-shadow-xs);
}
.alp-content-card__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 14px;
}
.alp-content-card__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.alp-content-card__heading {
  font-size: 14px;
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text);
  margin-bottom: 6px;
}
.alp-content-card__title-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--alp-space-3);
  margin-bottom: var(--alp-space-2);
}
.alp-content-card__title {
  margin: 0;
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text);
}
.alp-content-card__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-4);
}
.alp-content-card__type {
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--alp-letter-spacing-wide);
  padding: 3px 9px;
  border-radius: 4px;
  color: var(--alp-color-white);
}
.alp-content-card__type[data-type=prompt] {
  background: var(--alp-color-prompt);
}
.alp-content-card__type[data-type=question] {
  background: var(--alp-color-question);
}
.alp-content-card__type[data-type=required-check] {
  background: var(--alp-color-required-check);
}
.alp-content-card__type[data-type=log-task] {
  background: var(--alp-color-log-task);
}
.alp-content-card__type[data-type=end-call],
.alp-content-card__type[data-type=action] {
  background: var(--alp-color-end-call);
}
.alp-content-card__id {
  font-size: var(--alp-font-size-xs);
  font-family: var(--alp-font-family-mono);
  background: var(--alp-color-slate-700);
  color: var(--alp-color-background);
  font-weight: var(--alp-font-weight-medium);
  padding: 2px 7px;
  border-radius: 4px;
}
.alp-content-card__actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.alp-content-section {
  margin-top: var(--alp-space-4);
  padding-top: var(--alp-space-4);
  border-top: 1px solid var(--alp-color-border);
  margin-bottom: var(--alp-space-4);
}
.alp-option-row,
.alp-check-row {
  display: flex;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-2);
  align-items: center;
  flex-wrap: nowrap;
}
.alp-option-row .alp-input,
.alp-check-row .alp-input {
  width: auto;
  min-width: 180px;
  max-width: 280px;
  flex: 1 1 auto;
}
.alp-check-block {
  margin-bottom: var(--alp-space-4);
  padding: var(--alp-space-3);
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
}
.alp-check-options {
  margin-top: 10px;
  padding-left: 4px;
}
.alp-btn-row {
  display: flex;
  gap: var(--alp-space-2);
  margin-top: 10px;
  flex-wrap: wrap;
}
.alp-check-card {
  border: 1px solid var(--alp-color-border);
  border-radius: 10px;
  padding: var(--alp-space-3) 14px;
  margin-bottom: var(--alp-space-3);
  background: var(--alp-color-background);
}
.alp-check-card--auto {
  background: var(--alp-color-green-50);
  border-color: var(--alp-color-green-200);
}
.alp-check-card--manual {
  background: var(--alp-color-purple-50);
  border-color: var(--alp-color-purple-300);
}
.alp-check-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--alp-space-3);
}
.alp-check-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.alp-dependency-tile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--alp-space-3);
  padding: var(--alp-space-3) 14px;
  background: var(--alp-color-amber-100);
  border: 1px solid var(--alp-color-amber-500);
  border-radius: var(--alp-radius-md);
  font-size: var(--alp-font-size-sm);
}
.alp-dependency-tile__main {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  min-width: 0;
  flex: 1;
}
.alp-dependency-tile__text {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--alp-space-2);
  row-gap: 6px;
  min-width: 0;
}
.alp-dependency-answers {
  color: var(--alp-color-amber-800);
}
.alp-dependency-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
}
.alp-destination-tile {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  background: var(--alp-color-brand-soft);
  border-radius: var(--alp-radius-sm);
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-slate-700);
  font-family: var(--alp-font-family-mono);
}
.alp-hint {
  margin: 6px 0 0;
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
}
.alp-segmented {
  display: inline-flex;
  background: var(--alp-color-surface-raised);
  border-radius: var(--alp-radius-md);
  padding: 3px;
  gap: 2px;
}
.alp-segmented--sm .alp-segmented__btn {
  padding: 5px 10px;
  font-size: 12px;
}
.alp-segmented__btn {
  border: none;
  background: transparent;
  padding: 7px var(--alp-space-3);
  border-radius: var(--alp-radius-sm);
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-600);
  cursor: pointer;
}
.alp-segmented__btn--active {
  background: var(--alp-color-surface);
  color: var(--alp-color-text);
  box-shadow: 0 1px 2px oklch(from var(--alp-shadow-color) l c h / 0.08);
}
.alp-btn--sm {
  padding: 4px 10px;
  font-size: 12px;
  min-height: auto;
}
.alp-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.alp-prompt-variable-bar {
  display: flex;
  align-items: center;
  gap: var(--alp-space-3);
  margin-top: var(--alp-space-3);
  flex-wrap: wrap;
}
.alp-prompt-variable-hint {
  font-size: 12px;
  color: var(--alp-color-text-muted);
}
.alp-variable-list {
  display: flex;
  flex-direction: column;
  gap: var(--alp-space-2);
  max-height: 320px;
  overflow-y: auto;
}
.alp-augment-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--alp-space-2);
  margin-top: 10px;
  align-items: center;
}

/* src/assets/styles/alp-design-system/components/tiles.css */
.alp-type-tile {
  padding: 18px 16px;
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
}
.alp-type-tile:hover {
  border-color: var(--alp-color-brand);
  box-shadow: var(--alp-shadow-sm);
}
.alp-type-tile__label {
  display: inline-block;
  font-weight: var(--alp-font-weight-semibold);
  font-size: 14px;
  margin-bottom: 6px;
  padding: 2px 8px;
  border-radius: 4px;
  color: var(--alp-color-white);
}
.alp-type-tile[data-type=prompt] .alp-type-tile__label {
  background: var(--alp-color-prompt);
}
.alp-type-tile[data-type=question] .alp-type-tile__label {
  background: var(--alp-color-question);
}
.alp-type-tile[data-type=required-check] .alp-type-tile__label {
  background: var(--alp-color-required-check);
}
.alp-type-tile[data-type=log-task] .alp-type-tile__label {
  background: var(--alp-color-log-task);
}
.alp-type-tile[data-type=end-call] .alp-type-tile__label,
.alp-type-tile[data-type=action] .alp-type-tile__label {
  background: var(--alp-color-end-call);
}
.alp-type-tile__desc {
  display: block;
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
  margin-top: 4px;
}
.alp-step-pick-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 16px;
  border: 2px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  text-align: left;
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--alp-color-text);
}
.alp-step-pick-tile:hover {
  border-color: var(--alp-color-brand);
  box-shadow: var(--alp-shadow-sm);
  background: var(--alp-color-brand-soft);
}
.alp-step-pick-tile--selected {
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-soft);
  box-shadow: 0 0 0 1px var(--alp-color-brand);
}
.alp-step-pick-tile__label {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  font-weight: var(--alp-font-weight-semibold);
  font-size: var(--alp-font-size-md);
  color: var(--alp-color-text);
  margin: 0;
  padding: 0;
  background: transparent;
}
.alp-step-pick-tile__id {
  display: block;
  font-size: 12px;
  color: var(--alp-color-text-muted);
  font-family: var(--alp-font-family-mono);
  margin: 0;
  padding: 0;
  background: transparent;
}
.alp-placeholder-tile {
  width: 100%;
  padding: 18px 14px;
  border: 2px dashed var(--alp-color-brand);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  color: var(--alp-color-slate-700);
  font-size: 16px;
  font-weight: var(--alp-font-weight-bold);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 70px;
  transition: all 0.2s ease;
  text-align: center;
  position: relative;
}
.alp-placeholder-tile i {
  font-size: var(--alp-font-size-lg);
  color: var(--alp-color-brand);
  flex-shrink: 0;
}
.alp-placeholder-tile:hover:not(:disabled) {
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-50);
  box-shadow: 0 0 0 3px oklch(from var(--alp-color-brand) l c h / 0.2);
  color: var(--alp-color-slate-700);
}
.alp-placeholder-tile:hover:not(:disabled) i {
  color: var(--alp-color-slate-700);
}
.alp-placeholder-tile:disabled,
.alp-placeholder-tile--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.alp-placeholder-tile--selected {
  border-style: solid;
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-50);
}
.alp-placeholder-tile--spaced {
  margin-bottom: var(--alp-space-4);
}
.alp-placeholder-tile--first-step {
  max-width: 560px;
  margin: 40px auto;
}
.alp-placeholder-tile__check {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: var(--alp-font-size-lg);
  color: var(--alp-color-brand);
}
.alp-placeholder-tile__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.3;
}
.alp-placeholder-tile__filter {
  font-size: 16px;
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-700);
}
.alp-placeholder-tile__filter strong {
  color: var(--alp-color-text);
  font-weight: var(--alp-font-weight-bold);
}
.alp-placeholder-tile__chevron {
  margin: 0 6px;
  color: var(--alp-color-slate-400);
  font-size: var(--alp-font-size-sm);
}
.alp-placeholder-tile__tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-2);
}
.alp-placeholder-tile__tags .alp-status-tag {
  margin-top: 0;
}
.alp-placeholder-tile__tags-label {
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-bold);
  color: var(--alp-color-text);
  line-height: 1;
}
.alp-placeholder-tile__hint {
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
  font-weight: var(--alp-font-weight-normal);
}
.alp-placeholder-tile__hint--interactive {
  color: var(--alp-color-brand);
  font-weight: var(--alp-font-weight-medium);
}
.alp-variable-tile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--alp-space-3);
  width: 100%;
  text-align: left;
  padding: var(--alp-space-3) 14px;
  border: 2px solid var(--alp-color-slate-200);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  cursor: pointer;
}
.alp-variable-tile:hover {
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-50);
}
.alp-variable-tile--selected {
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-50);
  box-shadow: 0 0 0 1px var(--alp-color-brand);
}
.alp-variable-tile__label {
  font-weight: var(--alp-font-weight-semibold);
  font-size: 14px;
  color: var(--alp-color-text);
}
.alp-variable-tile__token {
  font-family: var(--alp-font-family-mono);
  font-size: 12px;
  color: var(--alp-color-text-muted);
}
.alp-script-setup__tile {
  padding: 18px 14px;
  border: 2px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
}
.alp-script-setup__tile:hover {
  border-color: var(--alp-color-slate-400);
  box-shadow: var(--alp-shadow-sm);
}
.alp-script-setup__tile--selected {
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-50);
}
.alp-script-setup__tile-label {
  font-size: 16px;
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-700);
}
.alp-script-setup__tile-hint {
  display: block;
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
  margin-top: 4px;
  font-weight: var(--alp-font-weight-normal);
}
.alp-script-setup__tile-check {
  position: absolute;
  top: var(--alp-space-2);
  right: var(--alp-space-2);
  font-size: var(--alp-font-size-lg);
  color: var(--alp-color-brand);
}
.alp-script-setup__script-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--alp-space-4);
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  flex-wrap: wrap;
  gap: var(--alp-space-3);
}
.alp-script-setup__script-item--selected {
  border: 2px solid var(--alp-color-brand);
  background: var(--alp-color-brand-50);
}
.alp-script-setup__script-item--historic-selected {
  border: 2px solid #ca8a04;
  background: #fefce8;
}
.alp-script-setup__empty-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--alp-space-4);
  background: var(--alp-color-surface-raised);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  color: var(--alp-color-text-muted);
  font-size: var(--alp-font-size-md);
  min-height: 72px;
}
.alp-transfer-reason-tile {
  padding: 14px;
  border: 2px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  text-align: center;
  font-weight: var(--alp-font-weight-medium);
  cursor: pointer;
  transition: all 0.2s;
}
.alp-transfer-reason-tile:hover {
  border-color: var(--alp-color-purple-600);
  background: #f8f5ff;
}
.alp-transfer-reason-tile.selected {
  border-color: var(--alp-color-purple-600);
  background: #ede9fe;
  color: var(--alp-color-purple-700);
  font-weight: var(--alp-font-weight-semibold);
}
.alp-recent-callers__tile {
  position: relative;
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  margin-bottom: var(--alp-space-3);
  box-shadow: var(--alp-shadow-xs);
  overflow: hidden;
}
.alp-recent-callers__tile--transferred {
  border-left: 6px solid var(--alp-color-purple-600);
  background: #f8f5ff;
  position: relative;
}
.alp-recent-callers__tile--transferred.expired {
  border-left-color: var(--alp-color-red-500);
  background: var(--alp-color-red-50);
  opacity: 0.95;
}
.alp-recent-callers__tile--transferred .timer {
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-medium);
  color: #6b21a8;
}
.alp-recent-callers__tile--transferred.expired .timer {
  color: var(--alp-color-red-700);
  font-style: italic;
}
.alp-recent-callers__tile--transferred .alp-recent-callers__main-btn {
  padding-bottom: 58px;
}
.alp-recent-callers__tile--transferred .alp-recent-callers__view-details-btn {
  position: absolute;
  bottom: var(--alp-space-3);
  right: var(--alp-space-3);
  background: #e0d4ff;
  color: var(--alp-color-purple-700);
  border: 1px solid var(--alp-color-purple-300);
}
.alp-recent-callers__tile--transferred .alp-recent-callers__view-details-btn:hover {
  background: #d1c4ff;
}
.alp-recent-callers__tile--transferred.dpa-required {
  border-left-color: var(--alp-color-red-500);
  background: var(--alp-color-red-50);
}
.alp-recent-callers__tile--transferred .alp-recent-callers__main-btn {
  padding-bottom: var(--alp-space-5);
}
.alp-script-status-tile {
  background: var(--alp-color-surface-raised);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  padding: var(--alp-space-4);
  margin: var(--alp-space-3) 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--alp-space-4);
}
.alp-script-status-tile__content {
  display: flex;
  align-items: center;
  gap: var(--alp-space-3);
  flex: 1;
}
.alp-script-status-tile__icon {
  font-size: 24px;
  color: var(--alp-color-success);
}
.alp-script-status-tile__text {
  font-size: var(--alp-font-size-md);
  line-height: var(--alp-line-height-normal);
  color: var(--alp-color-slate-700);
}
.alp-script-status-tile__text strong {
  color: var(--alp-color-slate-800);
}

/* src/assets/styles/alp-design-system/components/tabs.css */
.alp-tabs {
  display: flex;
  flex-direction: column;
}
.alp-tabs__list {
  display: flex;
  gap: var(--alp-space-2);
  border-bottom: 1px solid var(--alp-color-border);
  margin-bottom: var(--alp-space-5);
}
.alp-tabs__tab {
  padding: var(--alp-space-3) var(--alp-space-4);
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-text-muted);
  cursor: pointer;
  transition: all 0.15s ease;
}
.alp-tabs__tab:hover {
  color: var(--alp-color-text);
  background: var(--alp-color-slate-50);
}
.alp-tabs__tab--active {
  color: var(--alp-color-brand);
  border-bottom-color: var(--alp-color-brand);
  font-weight: var(--alp-font-weight-semibold);
}
.alp-tabs__panel {
  display: flex;
  flex-direction: column;
  gap: var(--alp-space-4);
}

/* src/assets/styles/alp-design-system/components/tags.css */
.alp-order-card__tag {
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-semibold);
  padding: var(--alp-space-1) var(--alp-space-3);
  border-radius: var(--alp-radius-full);
  background: var(--alp-color-amber-100);
  color: var(--alp-color-amber-800);
}

/* src/assets/styles/alp-design-system/components/badges.css */
.alp-badge {
  font-size: var(--alp-font-size-xs);
  padding: 2px 7px;
  border-radius: 4px;
  font-weight: var(--alp-font-weight-semibold);
  white-space: nowrap;
}
.alp-badge--auto {
  background: var(--alp-color-success);
  color: var(--alp-color-white);
}
.alp-badge--manual {
  background: var(--alp-color-question);
  color: var(--alp-color-white);
}
.alp-type-tag {
  display: inline-flex;
  align-items: center;
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-bold);
  letter-spacing: var(--alp-letter-spacing-wider);
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: var(--alp-radius-full);
  border: 1px solid transparent;
}
.alp-type-tag[data-type=prompt] {
  background: var(--alp-color-blue-100);
  color: var(--alp-color-prompt);
  border-color: var(--alp-color-blue-300);
}
.alp-type-tag[data-type=question] {
  background: #ede9fe;
  color: var(--alp-color-question);
  border-color: var(--alp-color-purple-300);
}
.alp-type-tag[data-type=required-check] {
  background: var(--alp-color-green-50);
  color: var(--alp-color-green-800);
  border-color: var(--alp-color-green-300);
}
.alp-type-tag[data-type=log-task] {
  background: var(--alp-color-amber-50);
  color: #9a3412;
  border-color: var(--alp-color-amber-400);
}
.alp-type-tag[data-type=end-call] {
  background: var(--alp-color-red-50);
  color: var(--alp-color-red-800);
  border-color: var(--alp-color-red-300);
}
.alp-status-tag {
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-bold);
  text-transform: uppercase;
  letter-spacing: var(--alp-letter-spacing-wide);
  padding: 3px 9px;
  border-radius: 4px;
  color: var(--alp-color-white);
  display: inline-flex;
  align-items: center;
  line-height: 1;
  margin-top: var(--alp-space-2);
}
.alp-status-tag--primary {
  background: var(--alp-color-green-700);
}
.alp-status-tag--draft {
  background: var(--alp-color-blue-600);
}
.alp-status-tag--copy-draft {
  background: var(--alp-color-purple-600);
}
.alp-status-tag--historic {
  background: var(--alp-color-amber-600);
}
.alp-status-tag--neutral {
  background: var(--alp-color-slate-200);
  color: var(--alp-color-slate-700);
}
.alp-status-tag--product {
  background: #222222;
  color: #fbea02;
}
.alp-status-tag--request-type {
  background: #222222;
  color: #defcfd;
}
.alp-status-tag--lg {
  font-size: var(--alp-font-size-sm);
  padding: 5px 12px;
}
.alp-status-tag__separator {
  display: inline-flex;
  align-items: center;
  color: var(--alp-color-text-muted);
  font-size: var(--alp-font-size-xs);
  margin: 0 2px;
}
.alp-status-tag__separator--lg {
  font-size: var(--alp-font-size-sm);
}
.alp-status-tag__separator--tile {
  font-size: var(--alp-font-size-lg);
}
.alp-id-tag {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-700);
  background: var(--alp-color-surface-raised);
  border: 1px solid var(--alp-color-border-strong);
  padding: 4px 10px;
  border-radius: var(--alp-radius-sm);
  font-family: var(--alp-font-family-mono);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.alp-script-journey__check-badge {
  background: var(--alp-color-green-800);
  color: var(--alp-color-white);
  font-size: var(--alp-font-size-sm);
  padding: 2px var(--alp-space-2);
  border-radius: var(--alp-radius-full);
  margin-left: auto;
}
.alp-script-journey__check-badge.manual {
  background-color: #8b5cf6;
  color: var(--alp-color-white);
}
.alp-recent-callers__reason {
  display: block;
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-legacy-charcoal);
  margin-top: 14px;
}

/* src/assets/styles/alp-design-system/components/signposts.css */
.alp-step-signpost {
  position: static;
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-semibold);
  padding: 3px 10px;
  border-radius: var(--alp-radius-full);
  letter-spacing: 0;
  text-transform: none;
}
.alp-step-signpost--created {
  background: var(--alp-color-blue-100);
  color: var(--alp-color-prompt);
}
.alp-step-signpost--edited {
  background: #ede9fe;
  color: var(--alp-color-question);
}
.alp-step-signpost--order-edited {
  background: var(--alp-color-amber-100);
  color: var(--alp-color-amber-800);
}

/* src/assets/styles/alp-design-system/components/modals.css */
dialog {
  border: none;
  padding: 0;
  margin: auto;
}
dialog::backdrop {
  background: oklch(from var(--alp-shadow-color) l c h / var(--alp-opacity-backdrop));
}
.alp-script-builder__popover-overlay {
  position: fixed;
  inset: 0;
  background: oklch(from var(--alp-shadow-color) l c h / var(--alp-opacity-backdrop));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.alp-script-builder__popover {
  background: var(--alp-color-surface);
  max-height: 85vh;
  border-radius: var(--alp-radius-lg);
  box-shadow: var(--alp-shadow-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.alp-script-builder__popover--wide {
  width: 860px;
  max-width: 96vw;
}
.alp-script-builder__popover--medium {
  width: 640px;
}
.alp-script-builder__popover--small {
  width: 520px;
}
.alp-script-builder__popover-header {
  padding: var(--alp-space-4) var(--alp-space-5);
  background: var(--alp-color-background);
  border-bottom: 1px solid var(--alp-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alp-script-builder__popover-header h4 {
  margin: 0;
  font-size: var(--alp-font-size-lg);
  font-weight: var(--alp-font-weight-bold);
  color: var(--alp-color-text);
  letter-spacing: var(--alp-letter-spacing-tight);
  line-height: 1.3;
}
.alp-script-builder__close-btn {
  background: none;
  border: none;
  font-size: var(--alp-font-size-lg);
  cursor: pointer;
  color: var(--alp-color-text-muted);
}
.alp-dialog-overlay {
  position: fixed;
  inset: 0;
  background: oklch(from var(--alp-shadow-color) l c h / var(--alp-opacity-backdrop));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--alp-z-modal);
  padding: var(--alp-space-4);
}
.alp-dialog-overlay--nested {
  z-index: var(--alp-z-toast);
}
.alp-dialog-overlay--wizard {
  z-index: var(--alp-z-tooltip);
}
.alp-dialog {
  background: var(--alp-color-surface);
  max-height: 85vh;
  border-radius: var(--alp-radius-lg);
  box-shadow: var(--alp-shadow-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 520px;
  max-width: 100%;
}
.alp-dialog--small {
  width: 520px;
}
.alp-dialog--medium {
  width: 640px;
}
.alp-dialog--wide {
  width: 860px;
  max-width: 96vw;
}
.alp-dialog__header {
  padding: var(--alp-space-4) var(--alp-space-5);
  background: var(--alp-color-background);
  border-bottom: 1px solid var(--alp-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.alp-dialog__header h4 {
  margin: 0;
  font-size: var(--alp-font-size-lg);
  font-weight: var(--alp-font-weight-bold);
  color: var(--alp-color-text);
  letter-spacing: var(--alp-letter-spacing-tight);
  line-height: 1.3;
}
.alp-dialog__close-btn {
  background: none;
  border: none;
  font-size: var(--alp-font-size-lg);
  cursor: pointer;
  color: var(--alp-color-text-muted);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.alp-dialog__content {
  padding: var(--alp-space-6);
  overflow-y: auto;
  flex: 1;
}
.alp-dialog__footer {
  padding: var(--alp-space-4) var(--alp-space-5);
  background: var(--alp-color-background);
  border-top: 1px solid var(--alp-color-border);
  display: flex;
  justify-content: flex-end;
  gap: var(--alp-space-3);
  flex-shrink: 0;
}
.alp-dialog__footer--split {
  justify-content: space-between;
}
.alp-script-builder__popover-body {
  padding: var(--alp-space-6);
  overflow-y: auto;
  flex: 1;
}
.alp-script-builder__popover-footer {
  padding: var(--alp-space-4) var(--alp-space-5);
  background: var(--alp-color-background);
  border-top: 1px solid var(--alp-color-border);
  display: flex;
  justify-content: space-between;
  gap: var(--alp-space-3);
}
.alp-footer-left,
.alp-footer-right {
  display: flex;
  gap: var(--alp-space-2);
  flex-wrap: wrap;
}
.alp-empty-hint {
  text-align: center;
  color: var(--alp-color-text-muted);
  padding: var(--alp-space-8) var(--alp-space-4);
  font-size: 14px;
}
.alp-preview-overlay {
  position: fixed;
  inset: 0;
  background: oklch(from var(--alp-shadow-color) l c h / var(--alp-opacity-backdrop));
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  padding: var(--alp-space-6);
}
.alp-preview-shell {
  position: relative;
  width: 920px;
  max-width: 100%;
  max-height: 92vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: var(--alp-radius-lg);
  box-shadow: 0 12px 40px oklch(from var(--alp-shadow-color) l c h / 0.2);
  background: var(--alp-color-background);
}
.alp-preview-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--alp-space-4) var(--alp-space-5);
  background: var(--alp-color-background);
  border-bottom: 1px solid var(--alp-color-slate-200);
  flex-shrink: 0;
  border-radius: var(--alp-radius-lg) var(--alp-radius-lg) 0 0;
}
.alp-preview-modal-header__title {
  margin: 0;
  font-size: 16px;
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text);
}
.alp-preview-modal-header__close {
  background: none;
  border: none;
  font-size: var(--alp-font-size-lg);
  color: var(--alp-color-slate-500);
  cursor: pointer;
  line-height: 1;
  padding: 4px var(--alp-space-2);
}
.alp-preview-modal-header__close:hover {
  color: var(--alp-color-slate-900);
}
.alp-preview-shell > .alp-script-journey {
  overflow-y: auto;
  flex: 1;
  border-radius: 0 0 var(--alp-radius-lg) var(--alp-radius-lg);
  box-shadow: none;
  border: none;
  max-width: none;
  margin: 0;
}
.auth-prompt-variable {
  display: inline;
  background: var(--alp-color-blue-100);
  color: var(--alp-color-prompt);
  font-weight: var(--alp-font-weight-bold);
  padding: 0 4px;
  border-radius: 4px;
  white-space: nowrap;
}

/* src/assets/styles/alp-design-system/components/popovers.css */
.alp-order-popover {
  background: var(--alp-color-surface);
  border-radius: var(--alp-radius-lg);
  width: min(720px, 100%);
  max-height: min(80vh, 720px);
  display: flex;
  flex-direction: column;
  box-shadow: var(--alp-shadow-xl);
  overflow: hidden;
  border: none;
  padding: 0;
  margin: auto;
}
.alp-order-popover::backdrop {
  background: oklch(from var(--alp-shadow-color) l c h / var(--alp-opacity-backdrop));
}
.alp-builder-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: var(--alp-space-4) var(--alp-space-5);
  border-bottom: 1px solid var(--alp-color-border);
  flex-shrink: 0;
}
.alp-builder-modal__header > div {
  display: flex;
  flex-direction: column;
}
.alp-builder-modal__title {
  margin: 0;
  font-size: var(--alp-font-size-lg);
  font-weight: var(--alp-font-weight-bold);
  color: var(--alp-color-text);
  letter-spacing: var(--alp-letter-spacing-tight);
  line-height: var(--alp-line-height-tight);
}
.alp-builder-modal__close {
  border: none;
  background: transparent;
  color: var(--alp-color-text-muted);
  width: 32px;
  height: 32px;
  border-radius: var(--alp-radius-sm);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.alp-builder-modal__close:hover {
  background: var(--alp-color-surface-raised);
  color: var(--alp-color-text);
}
.alp-order-popover__body {
  padding: var(--alp-space-4) var(--alp-space-5);
  overflow-y: auto;
  flex: 1;
}
.alp-order-popover__hint {
  margin: 0;
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
}
.alp-builder-modal__header .alp-order-popover__hint {
  margin-top: var(--alp-space-1);
}
.alp-order-popover__canvas {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: var(--alp-space-5) var(--alp-space-4);
  border-radius: var(--alp-radius-md);
  background-color: var(--alp-color-background);
  background-image: radial-gradient(var(--alp-dot-color) var(--alp-dot-size), transparent var(--alp-dot-size));
  background-size: var(--alp-dot-spacing) var(--alp-dot-spacing);
  border: 1px solid var(--alp-color-border);
}
.alp-order-popover__footer {
  display: flex;
  justify-content: flex-end;
  gap: var(--alp-space-3);
  padding: var(--alp-space-4) var(--alp-space-5);
  border-top: 1px solid var(--alp-color-border);
  background: var(--alp-color-surface-raised);
  flex-shrink: 0;
}
.alp-order-placeholder {
  width: 100%;
  max-width: 280px;
  min-height: 100px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--alp-space-3);
  padding: var(--alp-space-4) var(--alp-space-5);
  border: 2px dashed var(--alp-color-brand);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-brand-50);
  color: var(--alp-color-slate-700);
  cursor: pointer;
  text-align: center;
}
.alp-order-placeholder:hover {
  background: var(--alp-color-brand-100);
}
.alp-order-placeholder--nested {
  max-width: 316px;
  min-height: auto;
  padding: var(--alp-space-4);
  align-items: center;
  gap: var(--alp-space-3);
  cursor: default;
}
.alp-order-placeholder--nested:hover {
  background: var(--alp-color-brand-50);
}
.alp-order-placeholder--nested .alp-order-card {
  width: 100%;
  max-width: 280px;
}
.alp-order-moved-from {
  width: 100%;
  max-width: 280px;
  min-height: 100px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--alp-color-slate-200);
  border-radius: var(--alp-radius-md);
  padding: var(--alp-space-4) var(--alp-space-5);
  color: var(--alp-color-slate-700);
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-semibold);
  text-align: center;
}
.alp-order-copy-source {
  width: 100%;
  max-width: 316px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--alp-space-3);
  padding: var(--alp-space-4);
  border: 2px solid transparent;
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-slate-200);
  color: var(--alp-color-slate-700);
  text-align: center;
}
.alp-order-copy-source .alp-order-card {
  width: 100%;
  max-width: 280px;
}
.alp-order-copy-source__label {
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-semibold);
}
.alp-type-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--alp-space-3);
  padding: 4px;
}
.alp-step-pick-hint {
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
  margin: 0 0 var(--alp-space-4);
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-step-pick-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--alp-space-3);
  padding: 4px;
}
.alp-transfer-popover-overlay {
  position: fixed;
  inset: 0;
  background: oklch(from var(--alp-shadow-color) l c h / 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}
.alp-transfer-popover {
  background: var(--alp-color-surface);
  width: 420px;
  max-width: 95%;
  border-radius: var(--alp-radius-lg);
  box-shadow: 0 10px 30px oklch(from var(--alp-shadow-color) l c h / 0.2);
  overflow: hidden;
}
.alp-transfer-popover__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--alp-space-4) var(--alp-space-5);
  border-bottom: 1px solid var(--alp-color-border);
}
.alp-transfer-popover__search {
  padding: var(--alp-space-4) var(--alp-space-5) var(--alp-space-2);
}
.alp-transfer-popover__reasons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 0 var(--alp-space-5) var(--alp-space-4);
}
.alp-transfer-popover__notes {
  padding: 0 var(--alp-space-5) var(--alp-space-4);
}
.alp-transfer-popover__actions {
  display: flex;
  justify-content: flex-end;
  gap: var(--alp-space-3);
  padding: var(--alp-space-4) var(--alp-space-5);
  background: #f9fafb;
  border-top: 1px solid var(--alp-color-border);
}
.alp-recent-callers__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: oklch(from var(--alp-shadow-color) l c h / 0.4);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 80px var(--alp-space-5) var(--alp-space-5);
  z-index: var(--alp-z-modal);
}
.alp-recent-callers__popover {
  background: var(--alp-color-surface);
  width: 400px;
  max-height: 70vh;
  border-radius: var(--alp-radius-lg);
  box-shadow: var(--alp-shadow-xl);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.alp-recent-callers__popover-header {
  padding: var(--alp-space-4) var(--alp-space-5);
  border-bottom: 1px solid var(--alp-color-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--alp-color-slate-50);
}
.alp-recent-callers__full-list {
  overflow-y: auto;
  padding: var(--alp-space-2);
  flex: 1;
}
.alp-recent-callers__full-item {
  position: relative;
  border-bottom: 1px solid var(--alp-color-slate-100);
  cursor: pointer;
  transition: background 0.2s;
}
.alp-recent-callers__full-item:hover {
  background: var(--alp-color-slate-50);
}

/* src/assets/styles/alp-design-system/components/inputs.css */
.alp-input,
.alp-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid var(--alp-color-border-strong);
  border-radius: var(--alp-radius-md);
  font-size: 14px;
  color: var(--alp-color-text);
  background: var(--alp-color-surface);
}
.alp-input--inline {
  width: auto;
  min-width: 220px;
  max-width: 360px;
}
select.alp-input {
  width: auto;
  min-width: 160px;
  max-width: 240px;
}
.alp-textarea {
  resize: vertical;
  min-height: 88px;
  line-height: 1.45;
}
.alp-label {
  display: block;
  font-size: 12px;
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text-muted);
  margin-bottom: 6px;
}
.alp-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-2);
}
.alp-section-head .alp-label {
  margin-bottom: 0;
}
.alp-section-head__actions {
  display: flex;
  gap: var(--alp-space-2);
  flex-wrap: wrap;
}
.alp-script-setup__filter-input {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: var(--alp-space-4);
  border: 1px solid var(--alp-color-border-strong);
  border-radius: var(--alp-radius-md);
  font-size: var(--alp-font-size-md);
}
.alp-script-setup__input {
  width: 100%;
  padding: var(--alp-space-3) 14px;
  border: 1px solid var(--alp-color-border-strong);
  border-radius: var(--alp-radius-md);
  font-size: var(--alp-font-size-md);
}
.alp-script-setup__textarea {
  resize: vertical;
  min-height: 72px;
  font-family: inherit;
}
.alp-transfer-popover__search input {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--alp-color-border-strong);
  border-radius: var(--alp-radius-md);
  font-size: 14px;
}
.alp-transfer-popover__notes textarea {
  width: 100%;
  height: 90px;
  padding: 10px;
  border: 1px solid var(--alp-color-border-strong);
  border-radius: var(--alp-radius-md);
  resize: vertical;
  font-size: 14px;
}
.alp-transfer-popover__notes label {
  display: block;
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-medium);
  margin-bottom: 6px;
  color: var(--alp-color-slate-700);
}
.char-count {
  text-align: right;
  font-size: 12px;
  color: var(--alp-color-text-muted);
  margin-top: var(--alp-space-1);
}

/* src/assets/styles/alp-design-system/components/connectors.css */
.alp-order-connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 280px;
  min-height: 28px;
  padding: var(--alp-space-1) 0;
}
.alp-order-connector--passive {
  min-height: 20px;
}
.alp-order-connector--expanded {
  max-width: 340px;
}
.alp-order-connector__line {
  width: 2px;
  height: 12px;
  background: var(--alp-color-text-muted);
  flex-shrink: 0;
}

/* src/assets/styles/alp-design-system/components/journey.css */
.alp-script-journey {
  max-width: 860px;
  margin: 0 auto;
  padding: var(--alp-space-7);
  background: var(--alp-color-background);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-lg);
  box-shadow: 0 4px 25px oklch(from var(--alp-shadow-color) l c h / 0.08);
  font-family: var(--alp-font-family-sans);
}
.alp-script-journey__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--alp-space-8);
  padding-bottom: var(--alp-space-5);
  border-bottom: 2px solid var(--alp-color-border);
}
.alp-script-journey__title {
  margin: 0;
  font-size: var(--alp-font-size-lg);
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-slate-900);
}
.alp-script-journey__progress {
  font-size: var(--alp-font-size-md);
  color: var(--alp-color-slate-500);
  background: var(--alp-color-surface-raised);
  padding: 6px 16px;
  border-radius: var(--alp-radius-full);
}
.alp-script-journey__read-prompt {
  background: var(--alp-color-background);
  border-left: 6px solid var(--alp-color-blue-500);
  padding: 22px 26px;
  margin-bottom: var(--alp-space-8);
  border-radius: var(--alp-radius-md);
}
.alp-script-journey__read-prompt-label {
  display: block;
  font-size: 14px;
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-prompt);
  margin-bottom: var(--alp-space-2);
}
.alp-script-journey__read-prompt-text {
  margin: 0;
  line-height: var(--alp-line-height-normal);
  color: var(--alp-color-slate-800);
  font-size: 16px;
}
.alp-script-journey__question-text {
  font-size: 16px;
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-slate-900);
  margin-bottom: var(--alp-space-7);
}
.notification-block.status-prompt {
  margin-bottom: 40px;
  position: relative;
  padding-left: 50px;
  border-left: 0;
  border-bottom: 1px solid var(--alp-color-white);
  border-top: 0;
  border-right: 1px solid var(--alp-color-white);
  overflow: hidden;
  background-color: #e9e9e9;
}
.notification-block.status-prompt .notification-message {
  padding-right: 0;
}
.notification-block.status-prompt::before {
  font-family: "Font Awesome 5 Free";
  content: "\f075";
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: var(--alp-color-white);
  display: flex;
  background-color: rgba(24, 110, 204, 1);
  font-size: var(--alp-font-size-lg);
  font-weight: var(--alp-font-weight-bold);
}
.notification-block {
  position: relative;
  padding: 10px;
  padding-bottom: 16px;
  border: 1px solid rgb(227, 225, 225);
  border-left: 6px solid rgb(227, 225, 225);
  border-radius: 4px;
  background-color: rgba(236, 234, 234, 0);
  margin-bottom: 25px;
}
.notification-block.status-prompt p {
  color: #222;
  text-align: left;
}
.notification-message p {
  font-weight: bold;
  color: #222222;
}
.question-sets--navigation {
  display: flex;
  background-color: #eff2f7;
  padding: 5px 0 0 5px;
  border-radius: 60px;
  margin: 0 auto;
  justify-content: space-between;
}
button.declaration-btn.declared::after {
  top: 0;
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  color: #58ae68;
  position: absolute;
  right: 0;
  padding: 10px;
  font-size: 2rem;
}
.alp-script-journey__options {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 36px;
}
.alp-script-journey__option-label {
  display: flex;
  align-items: flex-start;
  gap: var(--alp-space-3);
  padding: 16px var(--alp-space-5);
  background: var(--alp-color-white);
  border: 2px solid var(--alp-color-border);
  border-radius: 10px;
  cursor: pointer;
  font-weight: var(--alp-font-weight-semibold);
}
.alp-script-journey__option-label:hover {
  border-color: var(--alp-color-blue-400);
  background: #f0f9ff;
}
.alp-script-journey__option-text {
  flex: 1;
  font-size: 17px;
}
.alp-script-journey__option-label:has(input:checked) {
  border-color: var(--alp-color-blue-600);
  background-color: var(--alp-color-blue-50);
}
.alp-script-journey__checks {
  margin-bottom: var(--alp-space-8);
}
.alp-script-journey__section-title {
  margin-bottom: 15px;
}
.alp-script-journey__check-list {
  display: flex;
  flex-direction: column;
  gap: var(--alp-space-3);
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
.alp-script-journey__check-list strong {
  display: block;
  margin-top: 4px;
}
.alp-script-journey__check-item {
  display: flex;
  align-items: center;
  gap: var(--alp-space-3);
  padding: 14px 18px;
  background: var(--alp-color-white);
  border: 2px solid var(--alp-color-border);
  border-radius: 10px;
  cursor: pointer;
}
.alp-script-journey__check-item:hover {
  border-color: var(--alp-color-blue-400);
}
.alp-script-journey__check-item--auto {
  background-color: var(--alp-color-green-50);
  border-color: var(--alp-color-green-200);
}
.alp-script-journey__check-item--manual {
  background-color: var(--alp-color-purple-100);
  border-left: 4px solid #8b5cf6;
}
.alp-script-journey__actions {
  margin-bottom: var(--alp-space-8);
}
.alp-script-journey__action-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.alp-script-journey__footer {
  display: flex;
  justify-content: space-between;
  padding-top: var(--alp-space-7);
  border-top: 1px solid var(--alp-color-border);
}
.alp-script-journey__btn {
  font-weight: var(--alp-font-weight-medium);
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 50px;
  padding: 5px 16px;
  background-color: #5da4e0;
  text-align: center;
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: var(--alp-color-white);
  min-width: 30px;
  min-height: 30px;
  line-height: 1.5;
  margin: 3px;
  font-size: 16px;
  box-sizing: border-box;
  letter-spacing: 1px;
}
.alp-script-journey__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.alp-script-journey__btn--primary {
  background-color: var(--alp-color-legacy-blue);
  color: var(--alp-color-white);
  border: none;
}
.alp-script-journey__btn--secondary {
  background-color: var(--alp-color-surface-raised);
  color: var(--alp-color-slate-700);
  border: 1px solid var(--alp-color-border-strong);
}
.alp-script-journey__btn--danger {
  background-color: var(--alp-color-red-600);
  color: var(--alp-color-white);
}
.alp-script-journey__summary {
  padding: 40px var(--alp-space-5);
  text-align: center;
}
.alp-script-journey__summary-title {
  font-size: var(--alp-font-size-2xl);
  margin-bottom: var(--alp-space-8);
}
.alp-script-journey__summary-item {
  padding: var(--alp-space-3) 0;
  border-bottom: 1px solid var(--alp-color-border);
  text-align: left;
}
.alp-script-journey__manual-question {
  width: 100%;
}
.alp-script-journey__manual-question strong {
  display: block;
  margin-bottom: var(--alp-space-2);
}
.alp-script-journey__loading,
.alp-script-journey__error {
  padding: 60px var(--alp-space-5);
  text-align: center;
  color: var(--alp-color-slate-500);
}

/* src/assets/styles/alp-design-system/components/script-builder-shell.css */
.alp-script-builder__flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  position: relative;
  padding: var(--alp-space-4) 0;
}
.alp-script-builder__step {
  position: relative;
  width: 100%;
  max-width: 560px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.alp-script-builder__step-shell {
  position: relative;
  width: 100%;
}
.alp-script-builder__step-move {
  position: absolute;
  left: -52px;
  top: 0;
  transform: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-width: 40px;
  padding: 6px;
  background: var(--alp-color-slate-200);
  border: 1px solid var(--alp-color-border-strong);
  border-radius: var(--alp-radius-lg);
  box-shadow: var(--alp-shadow-sm);
}
.alp-script-builder__connector {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.alp-script-builder__connector-line {
  width: 3px;
  height: 18px;
  background: var(--alp-color-text-muted);
  border-radius: 2px;
}
.alp-script-builder__add-step-btn {
  width: 44px;
  height: 44px;
  margin: 0;
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--alp-font-size-lg);
  transition: background 0.15s ease;
  box-shadow: var(--alp-shadow-sm);
  flex-shrink: 0;
}
.alp-script-builder__add-step-btn:hover {
  background: var(--alp-color-brand-hover);
}
.alp-condition-rail {
  display: flex;
  gap: var(--alp-space-2);
  padding: var(--alp-space-3) var(--alp-space-6);
  background: var(--alp-color-background);
  border-bottom: 1px solid var(--alp-color-border);
}
.alp-condition-rail__step {
  flex: 1;
  text-align: center;
  padding: var(--alp-space-2);
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-text-muted);
  border-radius: var(--alp-radius-sm);
}
.alp-condition-rail__step.active {
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
}
.alp-condition-intro {
  margin: 0 0 14px;
  font-size: 14px;
  color: var(--alp-color-text-muted);
}
.alp-answer-tiles {
  display: flex;
  flex-direction: column;
  gap: var(--alp-space-2);
}
.alp-answer-tile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--alp-space-3) 16px;
  border: 1.5px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: left;
  color: var(--alp-color-text);
}
.alp-answer-tile:hover {
  border-color: var(--alp-color-brand);
}
.alp-answer-tile.selected {
  border-color: var(--alp-color-brand);
  background: var(--alp-color-brand-soft);
  color: var(--alp-color-brand);
  font-weight: var(--alp-font-weight-medium);
}
.alp-condition-footer {
  display: flex;
  justify-content: space-between;
  margin-top: var(--alp-space-6);
  padding-top: var(--alp-space-4);
  border-top: 1px solid var(--alp-color-border);
}
.alp-checkbox-label {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  margin-top: var(--alp-space-4);
  font-size: 14px;
  color: var(--alp-color-text-muted);
  cursor: pointer;
}

/* src/assets/styles/alp-design-system/components/_index.css */

/* src/assets/styles/alp-design-system/layouts/script-builder.css */
.alp-script-builder {
  padding: var(--alp-space-6);
  background-color: var(--alp-color-background);
  background-image: radial-gradient(var(--alp-dot-color) var(--alp-dot-size), transparent var(--alp-dot-size));
  background-size: var(--alp-dot-spacing) var(--alp-dot-spacing);
  border-radius: var(--alp-radius-lg);
  border: 1px solid var(--alp-color-border);
  min-height: 680px;
}
.alp-script-builder__header {
  margin-bottom: var(--alp-space-8);
  padding-bottom: var(--alp-space-5);
  border-bottom: 1px solid var(--alp-color-border);
}
.alp-script-builder__context {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-2);
}
.alp-script-builder__product,
.alp-script-builder__request-type {
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text);
}
.alp-script-builder__separator {
  color: var(--alp-color-text-soft);
}
.alp-script-builder__title {
  margin: 0;
  font-size: var(--alp-font-size-xl);
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text);
}
.alp-script-builder__description {
  margin: 4px 0 0;
  font-size: 14px;
  color: var(--alp-color-slate-600);
}
.alp-script-builder__header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--alp-space-4);
}
.alp-script-builder__step-card {
  position: relative;
  width: 100%;
  background: var(--alp-color-surface);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-lg);
  padding: var(--alp-space-5) var(--alp-space-6);
  cursor: pointer;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
  box-shadow: var(--alp-shadow-sm);
}
.alp-script-builder__step-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--alp-shadow-md);
  border-color: var(--alp-color-border-strong);
}
.alp-script-builder__step-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: var(--alp-space-4);
  flex-wrap: wrap;
}
.alp-script-builder__step-number {
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-semibold);
  padding: 4px 10px;
  border-radius: var(--alp-radius-full);
  letter-spacing: var(--alp-letter-spacing-wide);
}
.alp-script-builder__step-badges {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.alp-script-builder__step-heading {
  margin: 0;
  padding: 0;
  font-size: var(--alp-font-size-lg);
  font-weight: var(--alp-font-weight-bold);
  color: var(--alp-color-text);
  letter-spacing: var(--alp-letter-spacing-tight);
  background: none;
  border: none;
  border-radius: 0;
  display: inline;
  line-height: 1.3;
}
.alp-script-builder__step-title-text {
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-slate-700);
}
.alp-script-builder__step-blocks {
  display: flex;
  flex-direction: column;
  gap: var(--alp-space-3);
}
.alp-script-builder__block {
  background: var(--alp-color-background);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  padding: var(--alp-space-3) var(--alp-space-4);
  font-size: var(--alp-font-size-md);
}
.alp-script-builder__block-tags {
  display: flex;
  gap: var(--alp-space-2);
  align-items: center;
  margin-bottom: 6px;
}
.alp-script-builder__block-type {
  display: inline-block;
  font-size: var(--alp-font-size-xs);
  font-weight: var(--alp-font-weight-semibold);
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: var(--alp-letter-spacing-wider);
  color: var(--alp-color-white);
}
.alp-script-builder__block[data-type=prompt] .alp-script-builder__block-type {
  background: var(--alp-color-prompt);
}
.alp-script-builder__block[data-type=question] .alp-script-builder__block-type {
  background: var(--alp-color-question);
}
.alp-script-builder__block[data-type=required-check] .alp-script-builder__block-type,
.alp-script-builder__block[data-type=check] .alp-script-builder__block-type {
  background: var(--alp-color-required-check);
}
.alp-script-builder__block[data-type=log-task] .alp-script-builder__block-type {
  background: var(--alp-color-log-task);
}
.alp-script-builder__block[data-type=end-call] .alp-script-builder__block-type,
.alp-script-builder__block[data-type=action] .alp-script-builder__block-type {
  background: var(--alp-color-end-call);
}
.alp-script-builder__block-content {
  color: var(--alp-color-text-muted);
  line-height: 1.45;
}
.alp-script-builder__block-content--prompt {
  white-space: pre-line;
  line-height: 1.55;
}
.alp-script-builder__paths {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.alp-script-builder__path-item {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  font-size: var(--alp-font-size-sm);
  padding: 6px 10px;
  background: var(--alp-color-brand-soft);
  border-radius: var(--alp-radius-sm);
  color: var(--alp-color-slate-700);
}
.alp-script-builder__path-answer {
  font-weight: var(--alp-font-weight-semibold);
}
.alp-script-builder__path-icon {
  font-size: var(--alp-font-size-xs);
  opacity: 0.8;
}
.alp-script-builder__path-target {
  font-family: var(--alp-font-family-mono);
  font-weight: var(--alp-font-weight-semibold);
}
.alp-script-builder__path-id {
  font-weight: var(--alp-font-weight-normal);
  opacity: 0.65;
  font-size: var(--alp-font-size-xs);
  margin-left: 4px;
}
.alp-script-builder__condition-badge {
  margin-top: 6px;
  font-size: 12px;
  color: var(--alp-color-amber-800);
  background: var(--alp-color-amber-100);
  padding: 2px 8px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: var(--alp-font-weight-medium);
}

/* src/assets/styles/alp-design-system/layouts/script-setup.css */
.alp-script-setup {
  padding: var(--alp-space-6);
  border-radius: var(--alp-radius-lg);
  border: 1px solid var(--alp-color-border);
  font-family: var(--alp-font-family-sans);
}
.alp-script-setup button {
  font-family: inherit;
}
.alp-script-setup__title {
  margin: 0 0 var(--alp-space-2) 0;
  font-size: var(--alp-font-size-lg);
  color: var(--alp-color-text);
}
.alp-script-setup__title--secondary {
  margin-bottom: var(--alp-space-3);
}
.alp-script-setup__intro {
  margin: 0 0 var(--alp-space-4) 0;
  color: var(--alp-color-text-muted);
  font-size: var(--alp-font-size-md);
}
.alp-script-setup__placeholder-tiles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--alp-space-6);
  margin-bottom: var(--alp-space-6);
}
@media (max-width: 640px) {
  .alp-script-setup__placeholder-tiles {
    grid-template-columns: 1fr;
  }
}
.alp-script-setup__section-title {
  margin: var(--alp-space-10) 0 var(--alp-space-3) 0;
  font-size: 16px;
  color: var(--alp-color-slate-700);
  font-weight: var(--alp-font-weight-semibold);
}
.alp-script-setup__section-title strong {
  color: var(--alp-color-text);
  font-weight: var(--alp-font-weight-bold);
}
.alp-script-setup__section-title-chevron {
  margin: 0 6px;
  color: var(--alp-color-slate-400);
  font-size: var(--alp-font-size-sm);
}
.alp-script-setup__section-hint {
  margin: 0 0 var(--alp-space-4) 0;
  color: var(--alp-color-text-muted);
  font-size: var(--alp-font-size-sm);
}
.alp-script-setup__tile-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: var(--alp-space-3);
}
.alp-script-setup__draft-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--alp-space-4);
  padding: var(--alp-space-5);
  margin-bottom: var(--alp-space-4);
  background: var(--alp-color-brand-50);
  border: 2px solid var(--alp-color-brand);
  border-radius: var(--alp-radius-md);
  overflow: hidden;
}
.alp-script-setup__association-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--alp-space-4);
  flex-wrap: wrap;
  padding: var(--alp-space-4);
  background: var(--alp-color-slate-50);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
}
.alp-script-setup__association-label {
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-700);
}
.alp-script-setup__association-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--alp-space-3);
}
.alp-script-setup__association-group .alp-status-tag {
  margin-top: 0;
}
.alp-script-setup__wizard-steps {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-5);
}
.alp-script-setup__wizard-step {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  padding: var(--alp-space-2) var(--alp-space-3);
  border-radius: var(--alp-radius-md);
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-text-muted);
}
.alp-script-setup__wizard-step--active {
  color: var(--alp-color-brand);
  background: var(--alp-color-brand-50);
  font-weight: var(--alp-font-weight-semibold);
}
.alp-script-setup__wizard-step--complete {
  color: var(--alp-color-success);
}
.alp-script-setup__wizard-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--alp-color-slate-200);
  color: var(--alp-color-slate-700);
  font-size: 12px;
  font-weight: var(--alp-font-weight-bold);
}
.alp-script-setup__wizard-step--active .alp-script-setup__wizard-step-number {
  background: var(--alp-color-brand);
  color: var(--alp-color-white);
}
.alp-script-setup__wizard-step--complete .alp-script-setup__wizard-step-number {
  background: var(--alp-color-success);
  color: var(--alp-color-white);
}
.alp-script-setup__wizard-step-connector {
  flex: 1;
  height: 1px;
  background: var(--alp-color-border);
  max-width: 80px;
}
.alp-script-setup__wizard-description {
  margin: 0 0 var(--alp-space-4) 0;
  color: var(--alp-color-slate-700);
  font-size: var(--alp-font-size-md);
  line-height: var(--alp-line-height-normal);
}
.alp-script-setup__wizard-back {
  display: inline-flex;
  align-items: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-4);
  padding: var(--alp-space-2) 0;
  background: none;
  border: none;
  color: var(--alp-color-brand);
  font-size: var(--alp-font-size-md);
  font-weight: var(--alp-font-weight-medium);
  cursor: pointer;
}
.alp-script-setup__wizard-back:hover {
  color: var(--alp-color-text);
}
.alp-script-setup__wizard-selection {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-4);
  padding: var(--alp-space-3) var(--alp-space-4);
  background: var(--alp-color-slate-50);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
}
.alp-script-setup__wizard-selection-label {
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
}
.alp-script-setup__wizard-selection-value {
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-text);
}
.alp-script-setup__draft-info {
  flex: 1;
  min-width: 200px;
}
.alp-script-setup__draft-header {
  display: flex;
  align-items: center;
  gap: var(--alp-space-3);
  flex-wrap: wrap;
  margin-bottom: var(--alp-space-1);
}
.alp-script-setup__draft-header strong {
  font-size: var(--alp-font-size-md);
  color: var(--alp-color-text);
}
.alp-script-setup__draft-description {
  display: block;
  color: var(--alp-color-text);
  font-size: 14px;
  line-height: var(--alp-line-height-normal);
}
.alp-script-setup__draft-actions {
  display: flex;
  gap: var(--alp-space-2);
  flex-shrink: 0;
}
.alp-script-setup__browse {
  margin-top: var(--alp-space-4);
  padding-top: var(--alp-space-3);
  border-top: 1px solid var(--alp-color-border);
}
.alp-script-setup__filters {
  display: flex;
  gap: var(--alp-space-4);
  flex-wrap: wrap;
  margin-bottom: var(--alp-space-5);
}
.alp-script-setup__filter-group {
  display: flex;
  flex-direction: column;
  gap: var(--alp-space-2);
  min-width: 180px;
}
.alp-script-setup__filter-group label {
  font-size: 14px;
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-700);
}
.alp-script-setup__select {
  padding: var(--alp-space-2) var(--alp-space-3);
  border: 1px solid var(--alp-color-border);
  border-radius: var(--alp-radius-md);
  background: var(--alp-color-surface);
  color: var(--alp-color-text);
  font-size: var(--alp-font-size-md);
}
.alp-script-setup__mismatch-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--alp-space-4);
  flex-wrap: wrap;
  padding: var(--alp-space-4);
  margin-bottom: var(--alp-space-5);
  background: #fefce8;
  border: 1px solid #ca8a04;
  border-radius: var(--alp-radius-md);
  font-size: 14px;
  color: var(--alp-color-slate-700);
}
.alp-script-setup__mismatch-banner--nested {
  width: calc(100% + 2 * var(--alp-space-5));
  margin-left: calc(-1 * var(--alp-space-5));
  margin-right: calc(-1 * var(--alp-space-5));
  margin-bottom: calc(-1 * var(--alp-space-5));
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.alp-script-setup__existing {
  margin-top: var(--alp-space-8);
  padding-top: var(--alp-space-6);
  border-top: 1px solid var(--alp-color-border);
}
.alp-script-setup__script-group {
  margin-bottom: var(--alp-space-4);
}
.alp-script-setup__script-info {
  flex: 1;
  min-width: 200px;
}
.alp-script-setup__script-header {
  display: flex;
  align-items: center;
  gap: var(--alp-space-3);
  flex-wrap: wrap;
  margin-bottom: var(--alp-space-1);
}
.alp-script-setup__script-header strong {
  font-size: var(--alp-font-size-md);
  color: var(--alp-color-text);
}
.alp-script-setup__script-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--alp-space-2);
  margin-bottom: var(--alp-space-2);
}
.alp-script-setup__script-tags .alp-status-tag {
  margin-top: 0;
}
.alp-script-setup__last-edited {
  display: block;
  color: var(--alp-color-text-muted);
  font-size: 14px;
  margin-top: var(--alp-space-1);
}
.alp-script-setup__script-description {
  display: block;
  color: var(--alp-color-text);
  font-size: 14px;
  margin-top: var(--alp-space-2);
  line-height: var(--alp-line-height-normal);
}
.alp-script-setup__script-actions {
  display: flex;
  gap: var(--alp-space-2);
  flex-wrap: wrap;
}
.alp-script-setup__historic-container {
  margin-top: var(--alp-space-2);
  padding: var(--alp-space-3);
  border: 2px dashed #ca8a04;
  border-radius: var(--alp-radius-md);
  background: #fefce8;
}
.alp-script-setup__historic-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--alp-space-4);
}
.alp-script-setup__historic-actions {
  display: flex;
  gap: var(--alp-space-2);
  flex-wrap: wrap;
  flex-shrink: 0;
}
.alp-script-setup__historic-info {
  flex: 1;
}
.alp-script-setup__historic-header {
  display: flex;
  align-items: center;
  gap: var(--alp-space-3);
  margin-bottom: 6px;
}
.alp-script-setup__historic-meta {
  color: var(--alp-color-text-muted);
  font-size: 14px;
}
.alp-script-setup__version-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid var(--alp-color-slate-100);
}
.alp-script-setup__version-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.alp-script-setup__version-actions {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-script-setup__wizard-step-check {
  font-size: var(--alp-font-size-md);
  color: var(--alp-color-success);
  margin-left: var(--alp-space-1);
}
.alp-script-setup__filter-input {
  margin-bottom: var(--alp-space-4);
}
.alp-script-setup__form-group {
  margin-bottom: var(--alp-space-5);
}
.alp-script-setup__form-group label {
  display: block;
  margin-bottom: var(--alp-space-2);
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-slate-700);
}
.alp-script-setup__form-row {
  display: flex;
  gap: var(--alp-space-4);
  flex-wrap: wrap;
}
.alp-script-setup__form-row .alp-script-setup__form-group {
  flex: 1;
  min-width: 200px;
}
.alp-script-setup__copy-hint {
  background: var(--alp-color-slate-50);
  padding: var(--alp-space-4);
  border-radius: var(--alp-radius-md);
  font-size: var(--alp-font-size-md);
  line-height: var(--alp-line-height-relaxed);
  margin-bottom: var(--alp-space-5);
}
.alp-script-setup__confirmation {
  background: var(--alp-color-slate-50);
  padding: var(--alp-space-4);
  border-radius: var(--alp-radius-md);
  font-size: var(--alp-font-size-md);
  line-height: var(--alp-line-height-relaxed);
}

/* src/assets/styles/alp-design-system/layouts/recent-callers.css */
.alp-recent-callers {
  margin-bottom: var(--alp-space-5);
}
.alp-recent-callers__compact {
  background: var(--alp-color-slate-50);
  border: 1px solid var(--alp-color-border);
  border-radius: 10px;
  padding: var(--alp-space-4);
}
.alp-recent-callers__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-semibold);
  color: var(--alp-color-slate-700);
}
.alp-recent-callers__title {
  display: flex;
  align-items: center;
  gap: var(--alp-space-2);
}
.alp-recent-callers__info strong {
  display: block;
  font-size: 14px;
  color: var(--alp-color-slate-800);
  margin-bottom: var(--alp-space-1);
}
.alp-recent-callers__role {
  font-size: 14px;
  color: var(--alp-color-text-muted);
}
.alp-recent-callers__meta {
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
  margin-top: var(--alp-space-2);
}
.alp-recent-callers__days-ago {
  font-weight: var(--alp-font-weight-medium);
  color: var(--alp-color-blue-500);
}
.alp-recent-callers__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--alp-space-4);
  margin-top: var(--alp-space-3);
}
.alp-recent-callers__actions {
  display: flex;
  justify-content: space-between;
  padding: 10px var(--alp-space-4);
}
.role {
  font-size: 14px;
  color: var(--alp-color-text-muted);
}
.date {
  font-size: var(--alp-font-size-sm);
  color: var(--alp-color-text-muted);
}
.timer.active {
  color: #6b21a8;
  font-weight: var(--alp-font-weight-medium);
}
.timer.expired {
  color: var(--alp-color-red-700);
}
.timer.dpa-required {
  color: var(--alp-color-red-700);
  font-weight: var(--alp-font-weight-semibold);
}
.dpa-label {
  color: var(--alp-color-red-700);
  font-size: var(--alp-font-size-sm);
  font-weight: var(--alp-font-weight-medium);
  margin-left: var(--alp-space-2);
}
.dpa-label.show {
  display: inline;
}

/* src/assets/styles/alp-design-system/layouts/_index.css */

/* src/assets/styles/alp-design-system/_index.css */

/* src/assets/styles/prototype-migration/p-drive-collection/_index.css */

/* angular:styles/global:styles */