@charset "UTF-8";
/* width */
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}
.cm-tab { display: inline-block; text-decoration: inherit; }
.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}
.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}
.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}
.CodeMirror-composing { border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}
.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}
.CodeMirror-widget {}
.CodeMirror-rtl pre { direction: rtl; }
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}
/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }
/**
    Name:       IDEA default theme
    From IntelliJ IDEA by JetBrains
 */
.cm-s-idea span.cm-meta { color: #808000; }
.cm-s-idea span.cm-number { color: #0000FF; }
.cm-s-idea span.cm-keyword { line-height: 1em; font-weight: bold; color: #000080; }
.cm-s-idea span.cm-atom { font-weight: bold; color: #000080; }
.cm-s-idea span.cm-def { color: #000000; }
.cm-s-idea span.cm-variable { color: black; }
.cm-s-idea span.cm-variable-2 { color: black; }
.cm-s-idea span.cm-variable-3, .cm-s-idea span.cm-type { color: black; }
.cm-s-idea span.cm-property { color: black; }
.cm-s-idea span.cm-operator { color: black; }
.cm-s-idea span.cm-comment { color: #808080; }
.cm-s-idea span.cm-string { color: #008000; }
.cm-s-idea span.cm-string-2 { color: #008000; }
.cm-s-idea span.cm-qualifier { color: #555; }
.cm-s-idea span.cm-error { color: #FF0000; }
.cm-s-idea span.cm-attribute { color: #0000FF; }
.cm-s-idea span.cm-tag { color: #000080; }
.cm-s-idea span.cm-link { color: #0000FF; }
.cm-s-idea .CodeMirror-activeline-background { background: #FFFAE3; }
.cm-s-idea span.cm-builtin { color: #30a; }
.cm-s-idea span.cm-bracket { color: #cc7; }
.cm-s-idea  { font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;}
.cm-s-idea .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; }
.CodeMirror-hints.idea {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  color: #616569;
  background-color: #ebf3fd !important;
}
.CodeMirror-hints.idea .CodeMirror-hint-active {
  background-color: #a2b8c9 !important;
  color: #5c6065 !important;
}
/****************************************************************/
/*   Based on mbonaci's Brackets mbo theme                      */
/*   https://github.com/mbonaci/global/blob/master/Mbo.tmTheme  */
/*   Create your own: http://tmtheme-editor.herokuapp.com       */
/****************************************************************/
.cm-s-mbo.CodeMirror { background: #2c2c2c; color: #ffffec; }
.cm-s-mbo div.CodeMirror-selected { background: #716C62; }
.cm-s-mbo .CodeMirror-line::selection, .cm-s-mbo .CodeMirror-line > span::selection, .cm-s-mbo .CodeMirror-line > span > span::selection { background: rgba(113, 108, 98, .99); }
.cm-s-mbo .CodeMirror-line::-moz-selection, .cm-s-mbo .CodeMirror-line > span::-moz-selection, .cm-s-mbo .CodeMirror-line > span > span::-moz-selection { background: rgba(113, 108, 98, .99); }
.cm-s-mbo .CodeMirror-gutters { background: #4e4e4e; border-right: 0px; }
.cm-s-mbo .CodeMirror-guttermarker { color: white; }
.cm-s-mbo .CodeMirror-guttermarker-subtle { color: grey; }
.cm-s-mbo .CodeMirror-linenumber { color: #dadada; }
.cm-s-mbo .CodeMirror-cursor { border-left: 1px solid #ffffec; }
.cm-s-mbo span.cm-comment { color: #95958a; }
.cm-s-mbo span.cm-atom { color: #00a8c6; }
.cm-s-mbo span.cm-number { color: #00a8c6; }
.cm-s-mbo span.cm-property, .cm-s-mbo span.cm-attribute { color: #9ddfe9; }
.cm-s-mbo span.cm-keyword { color: #ffb928; }
.cm-s-mbo span.cm-string { color: #ffcf6c; }
.cm-s-mbo span.cm-string.cm-property { color: #ffffec; }
.cm-s-mbo span.cm-variable { color: #ffffec; }
.cm-s-mbo span.cm-variable-2 { color: #00a8c6; }
.cm-s-mbo span.cm-def { color: #ffffec; }
.cm-s-mbo span.cm-bracket { color: #fffffc; font-weight: bold; }
.cm-s-mbo span.cm-tag { color: #9ddfe9; }
.cm-s-mbo span.cm-link { color: #f54b07; }
.cm-s-mbo span.cm-error { border-bottom: #636363; color: #ffffec; }
.cm-s-mbo span.cm-qualifier { color: #ffffec; }
.cm-s-mbo .CodeMirror-activeline-background { background: #494b41; }
.cm-s-mbo .CodeMirror-matchingbracket { color: #ffb928 !important; }
.cm-s-mbo .CodeMirror-matchingtag { background: rgba(255, 255, 255, .37); }
.CodeMirror-foldmarker {
  color: blue;
  text-shadow: #b9f 1px 1px 2px, #b9f -1px -1px 2px, #b9f 1px -1px 2px, #b9f -1px 1px 2px;
  font-family: arial;
  line-height: .3;
  cursor: pointer;
}
.CodeMirror-foldgutter {
  width: .7em;
}
.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}
.CodeMirror-foldgutter-open:after {
  content: "\25BE";
}
.CodeMirror-foldgutter-folded:after {
  content: "\25B8";
}
/* The lint marker gutter */
.CodeMirror-lint-markers {
  width: 16px;
}
.CodeMirror-lint-tooltip {
  background-color: #ffd;
  border: 1px solid black;
  border-radius: 4px 4px 4px 4px;
  color: black;
  font-family: monospace;
  font-size: 10pt;
  overflow: hidden;
  padding: 2px 5px;
  position: fixed;
  white-space: pre;
  white-space: pre-wrap;
  z-index: 100;
  max-width: 600px;
  opacity: 0;
  transition: opacity .4s;
  -moz-transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  -ms-transition: opacity .4s;
}
.CodeMirror-lint-mark {
  background-position: left bottom;
  background-repeat: repeat-x;
}
.CodeMirror-lint-mark-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJFhQXEbhTg7YAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAMklEQVQI12NkgIIvJ3QXMjAwdDN+OaEbysDA4MPAwNDNwMCwiOHLCd1zX07o6kBVGQEAKBANtobskNMAAAAASUVORK5CYII=");
}
.CodeMirror-lint-mark-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sJDw4cOCW1/KIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAHElEQVQI12NggIL/DAz/GdA5/xkY/qPKMDAwAADLZwf5rvm+LQAAAABJRU5ErkJggg==");
}
.CodeMirror-lint-marker {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  position: relative;
}
.CodeMirror-lint-message {
  padding-left: 18px;
  background-position: top left;
  background-repeat: no-repeat;
}
.CodeMirror-lint-marker-warning, .CodeMirror-lint-message-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAANlBMVEX/uwDvrwD/uwD/uwD/uwD/uwD/uwD/uwD/uwD6twD/uwAAAADurwD2tQD7uAD+ugAAAAD/uwDhmeTRAAAADHRSTlMJ8mN1EYcbmiixgACm7WbuAAAAVklEQVR42n3PUQqAIBBFUU1LLc3u/jdbOJoW1P08DA9Gba8+YWJ6gNJoNYIBzAA2chBth5kLmG9YUoG0NHAUwFXwO9LuBQL1giCQb8gC9Oro2vp5rncCIY8L8uEx5ZkAAAAASUVORK5CYII=");
}
.CodeMirror-lint-marker-error, .CodeMirror-lint-message-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEW7AAC7AACxAAC7AAC7AAAAAAC4AAC5AAD///+7AAAUdclpAAAABnRSTlMXnORSiwCK0ZKSAAAATUlEQVR42mWPOQ7AQAgDuQLx/z8csYRmPRIFIwRGnosRrpamvkKi0FTIiMASR3hhKW+hAN6/tIWhu9PDWiTGNEkTtIOucA5Oyr9ckPgAWm0GPBog6v4AAAAASUVORK5CYII=");
}
.CodeMirror-lint-marker-multiple {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAACVBMVEUAAAAAAAC/v7914kyHAAAAAXRSTlMAQObYZgAAACNJREFUeNo1ioEJAAAIwmz/H90iFFSGJgFMe3gaLZ0od+9/AQZ0ADosbYraAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 100%; height: 100%;
}
.CodeMirror-lint-line-error {
  background-color: rgba(183, 76, 81, 0.08);
}
.CodeMirror-lint-line-warning {
  background-color: rgba(255, 211, 0, 0.1);
}
/* COLOR PICKER */
/* context pad */
.djs-context-pad .entry {
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.6);
}
/* color popup menu */
[class^="color-icon-"]:before,
[class*=" color-icon-"]:before {
  display: inline-block;
  content: '';
  width: 1.5em;
  height: 0.6em;
  border-radius: 0.1em;
  border: 0.03em solid black;
}
.color-icon-clear:before {
  background-color: white;
  border-color: black;
}
.color-icon-blue:before {
  background-color: #BBDEFB;
  border-color: #1E88E5;
}
.color-icon-orange:before {
  background-color: #FFE0B2;
  border-color: #FB8C00;
}
.color-icon-green:before {
  background-color: #C8E6C9;
  border-color: #43A047;
}
.color-icon-red:before {
  background-color: #FFCDD2;
  border-color: #FB8C00;
}
.color-icon-purple:before {
  background-color: #E1BEE7;
  border-color: #8E24AA;
}
/* transparancy for shapes with colors */
.color-transparancy {
  fill-opacity: 0.50;
}
::-webkit-scrollbar {
  width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 50px;
  background-clip: content-box;
  border-left: 2px solid transparent;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
  background-clip: content-box;
  border-left: 2px solid transparent;
}
.rtl {
  /* Handle */
  /* Handle on hover */
}
.rtl ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 50px;
  background-clip: content-box;
  border-right: 2px solid transparent;
}
.rtl ::-webkit-scrollbar-thumb:hover {
  background: #555;
  background-clip: content-box;
  border-right: 2px solid transparent;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url('MaterialIcons-Regular.woff2') format("woff2");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
/* Colors for the ripple elements.*/
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable-next-line material/theme-mixin-api */
/* stylelint-disable material/no-prefixes */
/* stylelint-enable */
.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, .finfra-stepper-container .finfra-stepper-function-description, .mat-headline, .mat-typography h1 {
  font: 400 24px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2, .finfra-stepper-container .finfra-stepper-stage-description, .mat-title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .ajsf-dms-comment-wrapper .ajsf-dms-comment-header, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4, .alert-history-sidenav-container .alert-history-row .alert-history-type, .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, .finfra-ajsf-embed-container .finfra-ajsf-embed-id, .finfra-ajsf-embed-container .finfra-ajsf-embed-name, .mat-body-2 {
  font: 500 14px/24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body, .legend, .finfra-stepper-audit-container .finfra-stepper-audit-stage-name, .dashboard-data-card .dashboard-data-card-text, .dashboard-start-transaction-dialog .dashboard-start-transaction-tab-label, .dashboard-footer .dashboard-footer-text, .dashboard-filter-drawer-header, .dashboard-header-text, .alert-history-sidenav-container .alert-history-row .alert-history-timestamp, .alert-history-sidenav-container .alert-history-row .alert-history-message, .alert-history-sidenav-container .alert-history-row .alert-history-code, .sub-text-button, .device-info .key, .sidenav-container, .sidenav-end-header, .sub-menu, .sidenav-menu-container, .mat-body-1, .mat-typography {
  font: 400 14px/20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p, .legend p, .finfra-stepper-audit-container .finfra-stepper-audit-stage-name p, .dashboard-data-card .dashboard-data-card-text p, .dashboard-start-transaction-dialog .dashboard-start-transaction-tab-label p, .dashboard-footer .dashboard-footer-text p, .dashboard-filter-drawer-header p, .dashboard-header-text p, .alert-history-sidenav-container .alert-history-row .alert-history-timestamp p, .alert-history-sidenav-container .alert-history-row .alert-history-message p, .alert-history-sidenav-container .alert-history-row .alert-history-code p, .sub-text-button p, .device-info .key p, .sidenav-container p, .sidenav-end-header p, .sub-menu p, .sidenav-menu-container p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .finfra-stepper-container .finfra-stepper-function-instructions, .dashboard-data-card .dashboard-data-card-header, .dashboard-footer .dashboard-footer-header, .mat-caption, .page-top-bar {
  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, .finfra-stepper-footer, .dashboard-footer, .dashboard-chart-1 {
  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: 0.5em 0;
  border-top: 0.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: 0.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: 0.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: 0.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: 0.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: 0.25em 0 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;
  white-space: nowrap;
  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;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 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;
}
/*$finfra-application-theme: mat-light-theme((
  color: (
    primary: $finfra-application-primary,
    accent: $finfra-application-accent,
    warn: $finfra-application-warn,
    foreground: $finfra-light-theme-foreground-palette,
    background: $finfra-light-theme-background-palette,
    success: $finfra-application-success,
    alert: $finfra-application-alert,
  )
));*/
/* Now add the dark theme */
/*$finfra-application-dark-theme: mat-dark-theme((
  color: (
    primary: $finfra-application-dark-primary,
    accent: $finfra-application-dark-accent,
    warn: $finfra-application-dark-warn,
    foreground: $finfra-dark-theme-foreground-palette,
    background: $finfra-dark-theme-background-palette,
    success: $finfra-application-dark-success,
    alert: $finfra-application-dark-alert,
  )
));*/
.dark-mode .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-option {
  color: white;
}
.dark-mode .mat-option:hover:not(.mat-option-disabled), .dark-mode .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.dark-mode .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(255, 255, 255, 0.04);
}
.dark-mode .mat-option.mat-active {
  background: rgba(255, 255, 255, 0.04);
  color: white;
}
.dark-mode .mat-option.mat-option-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0071bb;
}
.dark-mode .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #90278e;
}
.dark-mode .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #eb2127;
}
.dark-mode .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-pseudo-checkbox {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-pseudo-checkbox::after {
  color: #333333;
}
.dark-mode .mat-pseudo-checkbox-disabled {
  color: #686868;
}
.dark-mode .mat-primary .mat-pseudo-checkbox-checked,
.dark-mode .mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0071bb;
}
.dark-mode .mat-pseudo-checkbox-checked,
.dark-mode .mat-pseudo-checkbox-indeterminate,
.dark-mode .mat-accent .mat-pseudo-checkbox-checked,
.dark-mode .mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #90278e;
}
.dark-mode .mat-warn .mat-pseudo-checkbox-checked,
.dark-mode .mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #eb2127;
}
.dark-mode .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.dark-mode .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #686868;
}
.dark-mode .mat-app-background, .dark-mode .mnemonic-widget-wrapper, .dark-mode .sidenav-body-container, .dark-mode.mat-app-background, .dark-mode.mnemonic-widget-wrapper, .dark-mode.sidenav-body-container {
  background-color: #333333;
  color: white;
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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;
}
.dark-mode .mat-autocomplete-panel {
  background: #434343;
  color: white;
}
.dark-mode .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);
}
.dark-mode .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #434343;
}
.dark-mode .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: white;
}
.dark-mode .mat-badge-content {
  color: white;
  background: #0071bb;
}
.cdk-high-contrast-active .dark-mode .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.dark-mode .mat-badge-accent .mat-badge-content {
  background: #90278e;
  color: white;
}
.dark-mode .mat-badge-warn .mat-badge-content {
  color: white;
  background: #eb2127;
}
.dark-mode .mat-badge {
  position: relative;
}
.dark-mode .mat-badge-hidden .mat-badge-content {
  display: none;
}
.dark-mode .mat-badge-disabled .mat-badge-content {
  background: #707070;
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .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;
}
.dark-mode .ng-animate-disabled .mat-badge-content,
.dark-mode .mat-badge-content._mat-animation-noopable {
  transition: none;
}
.dark-mode .mat-badge-content.mat-badge-active {
  transform: none;
}
.dark-mode .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.dark-mode .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.dark-mode .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.dark-mode .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .dark-mode .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.dark-mode .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .dark-mode .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.dark-mode .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .dark-mode .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.dark-mode .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .dark-mode .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.dark-mode .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.dark-mode .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.dark-mode .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.dark-mode .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .dark-mode .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.dark-mode .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .dark-mode .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.dark-mode .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .dark-mode .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.dark-mode .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .dark-mode .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.dark-mode .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.dark-mode .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.dark-mode .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.dark-mode .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .dark-mode .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.dark-mode .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .dark-mode .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.dark-mode .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .dark-mode .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.dark-mode .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .dark-mode .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.dark-mode .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: #434343;
  color: white;
}
.dark-mode .mat-button, .dark-mode .mat-icon-button, .dark-mode .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.dark-mode .mat-button.mat-primary, .dark-mode .mat-icon-button.mat-primary, .dark-mode .mat-stroked-button.mat-primary {
  color: #0071bb;
}
.dark-mode .mat-button.mat-accent, .dark-mode .mat-icon-button.mat-accent, .dark-mode .mat-stroked-button.mat-accent {
  color: #90278e;
}
.dark-mode .mat-button.mat-warn, .dark-mode .mat-icon-button.mat-warn, .dark-mode .mat-stroked-button.mat-warn {
  color: #eb2127;
}
.dark-mode .mat-button.mat-primary.mat-button-disabled, .dark-mode .mat-button.mat-accent.mat-button-disabled, .dark-mode .mat-button.mat-warn.mat-button-disabled, .dark-mode .mat-button.mat-button-disabled.mat-button-disabled, .dark-mode .mat-icon-button.mat-primary.mat-button-disabled, .dark-mode .mat-icon-button.mat-accent.mat-button-disabled, .dark-mode .mat-icon-button.mat-warn.mat-button-disabled, .dark-mode .mat-icon-button.mat-button-disabled.mat-button-disabled, .dark-mode .mat-stroked-button.mat-primary.mat-button-disabled, .dark-mode .mat-stroked-button.mat-accent.mat-button-disabled, .dark-mode .mat-stroked-button.mat-warn.mat-button-disabled, .dark-mode .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-button.mat-primary .mat-button-focus-overlay, .dark-mode .mat-icon-button.mat-primary .mat-button-focus-overlay, .dark-mode .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #0071bb;
}
.dark-mode .mat-button.mat-accent .mat-button-focus-overlay, .dark-mode .mat-icon-button.mat-accent .mat-button-focus-overlay, .dark-mode .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #90278e;
}
.dark-mode .mat-button.mat-warn .mat-button-focus-overlay, .dark-mode .mat-icon-button.mat-warn .mat-button-focus-overlay, .dark-mode .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #eb2127;
}
.dark-mode .mat-button.mat-button-disabled .mat-button-focus-overlay, .dark-mode .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .dark-mode .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.dark-mode .mat-button .mat-ripple-element, .dark-mode .mat-icon-button .mat-ripple-element, .dark-mode .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.dark-mode .mat-button-focus-overlay {
  background: white;
}
.dark-mode .mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-flat-button, .dark-mode .mat-raised-button, .dark-mode .mat-fab, .dark-mode .mat-mini-fab {
  color: white;
  background-color: #434343;
}
.dark-mode .mat-flat-button.mat-primary, .dark-mode .mat-raised-button.mat-primary, .dark-mode .mat-fab.mat-primary, .dark-mode .mat-mini-fab.mat-primary {
  color: white;
}
.dark-mode .mat-flat-button.mat-accent, .dark-mode .mat-raised-button.mat-accent, .dark-mode .mat-fab.mat-accent, .dark-mode .mat-mini-fab.mat-accent {
  color: white;
}
.dark-mode .mat-flat-button.mat-warn, .dark-mode .mat-raised-button.mat-warn, .dark-mode .mat-fab.mat-warn, .dark-mode .mat-mini-fab.mat-warn {
  color: white;
}
.dark-mode .mat-flat-button.mat-primary.mat-button-disabled, .dark-mode .mat-flat-button.mat-accent.mat-button-disabled, .dark-mode .mat-flat-button.mat-warn.mat-button-disabled, .dark-mode .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark-mode .mat-raised-button.mat-primary.mat-button-disabled, .dark-mode .mat-raised-button.mat-accent.mat-button-disabled, .dark-mode .mat-raised-button.mat-warn.mat-button-disabled, .dark-mode .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark-mode .mat-fab.mat-primary.mat-button-disabled, .dark-mode .mat-fab.mat-accent.mat-button-disabled, .dark-mode .mat-fab.mat-warn.mat-button-disabled, .dark-mode .mat-fab.mat-button-disabled.mat-button-disabled, .dark-mode .mat-mini-fab.mat-primary.mat-button-disabled, .dark-mode .mat-mini-fab.mat-accent.mat-button-disabled, .dark-mode .mat-mini-fab.mat-warn.mat-button-disabled, .dark-mode .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-flat-button.mat-primary, .dark-mode .mat-raised-button.mat-primary, .dark-mode .mat-fab.mat-primary, .dark-mode .mat-mini-fab.mat-primary {
  background-color: #0071bb;
}
.dark-mode .mat-flat-button.mat-accent, .dark-mode .mat-raised-button.mat-accent, .dark-mode .mat-fab.mat-accent, .dark-mode .mat-mini-fab.mat-accent {
  background-color: #90278e;
}
.dark-mode .mat-flat-button.mat-warn, .dark-mode .mat-raised-button.mat-warn, .dark-mode .mat-fab.mat-warn, .dark-mode .mat-mini-fab.mat-warn {
  background-color: #eb2127;
}
.dark-mode .mat-flat-button.mat-primary.mat-button-disabled, .dark-mode .mat-flat-button.mat-accent.mat-button-disabled, .dark-mode .mat-flat-button.mat-warn.mat-button-disabled, .dark-mode .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark-mode .mat-raised-button.mat-primary.mat-button-disabled, .dark-mode .mat-raised-button.mat-accent.mat-button-disabled, .dark-mode .mat-raised-button.mat-warn.mat-button-disabled, .dark-mode .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark-mode .mat-fab.mat-primary.mat-button-disabled, .dark-mode .mat-fab.mat-accent.mat-button-disabled, .dark-mode .mat-fab.mat-warn.mat-button-disabled, .dark-mode .mat-fab.mat-button-disabled.mat-button-disabled, .dark-mode .mat-mini-fab.mat-primary.mat-button-disabled, .dark-mode .mat-mini-fab.mat-accent.mat-button-disabled, .dark-mode .mat-mini-fab.mat-warn.mat-button-disabled, .dark-mode .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-flat-button.mat-primary .mat-ripple-element, .dark-mode .mat-raised-button.mat-primary .mat-ripple-element, .dark-mode .mat-fab.mat-primary .mat-ripple-element, .dark-mode .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-flat-button.mat-accent .mat-ripple-element, .dark-mode .mat-raised-button.mat-accent .mat-ripple-element, .dark-mode .mat-fab.mat-accent .mat-ripple-element, .dark-mode .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-flat-button.mat-warn .mat-ripple-element, .dark-mode .mat-raised-button.mat-warn .mat-ripple-element, .dark-mode .mat-fab.mat-warn .mat-ripple-element, .dark-mode .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-stroked-button:not([class*=mat-elevation-z]), .dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .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);
}
.dark-mode .mat-fab:not([class*=mat-elevation-z]), .dark-mode .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);
}
.dark-mode .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .dark-mode .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);
}
.dark-mode .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .dark-mode .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);
}
.dark-mode .mat-button-toggle-standalone,
.dark-mode .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);
}
.dark-mode .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.dark-mode .mat-button-toggle-group-appearance-standard {
  box-shadow: none;
}
.dark-mode .mat-button-toggle {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-button-toggle-appearance-standard {
  color: white;
  background: #434343;
}
.dark-mode .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: white;
}
.dark-mode .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode .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(255, 255, 255, 0.12);
}
.dark-mode .mat-button-toggle-checked {
  background-color: #212121;
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}
.dark-mode .mat-button-toggle-disabled {
  color: rgba(255, 255, 255, 0.3);
  background-color: black;
}
.dark-mode .mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #434343;
}
.dark-mode .mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #434343;
}
.dark-mode .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.dark-mode .mat-button-toggle-group-appearance-standard {
  border: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-card, .dark-mode .finfra-stepper-footer, .dark-mode .dashboard-footer, .dark-mode .dashboard-chart-1 {
  background: #434343;
  color: white;
}
.dark-mode .mat-card:not([class*=mat-elevation-z]), .dark-mode .finfra-stepper-footer:not([class*=mat-elevation-z]), .dark-mode .dashboard-footer:not([class*=mat-elevation-z]), .dark-mode .dashboard-chart-1: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);
}
.dark-mode .mat-card.mat-card-flat:not([class*=mat-elevation-z]), .dark-mode .mat-card-flat.finfra-stepper-footer:not([class*=mat-elevation-z]), .dark-mode .mat-card-flat.dashboard-footer:not([class*=mat-elevation-z]), .dark-mode .mat-card-flat.dashboard-chart-1: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);
}
.dark-mode .mat-card-subtitle {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-checkbox-frame {
  border-color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-checkbox-checkmark {
  fill: #333333;
}
.dark-mode .mat-checkbox-checkmark-path {
  stroke: #333333 !important;
}
.dark-mode .mat-checkbox-mixedmark {
  background-color: #333333;
}
.dark-mode .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .dark-mode .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #0071bb;
}
.dark-mode .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .dark-mode .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #90278e;
}
.dark-mode .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .dark-mode .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #eb2127;
}
.dark-mode .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .dark-mode .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #686868;
}
.dark-mode .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #686868;
}
.dark-mode .mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-checkbox .mat-ripple-element {
  background-color: white;
}
.dark-mode .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.dark-mode .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #0071bb;
}
.dark-mode .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.dark-mode .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #90278e;
}
.dark-mode .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.dark-mode .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #eb2127;
}
.dark-mode .mat-chip.mat-standard-chip {
  background-color: #616161;
  color: white;
}
.dark-mode .mat-chip.mat-standard-chip .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.dark-mode .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);
}
.dark-mode .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.dark-mode .mat-chip.mat-standard-chip::after {
  background: white;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #0071bb;
  color: white;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #eb2127;
  color: white;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #90278e;
  color: white;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.dark-mode .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-table {
  background: #434343;
}
.dark-mode .mat-table thead, .dark-mode .mat-table tbody, .dark-mode .mat-table tfoot,
.dark-mode mat-header-row, .dark-mode mat-row, .dark-mode mat-footer-row,
.dark-mode [mat-header-row], .dark-mode [mat-row], .dark-mode [mat-footer-row],
.dark-mode .mat-table-sticky {
  background: inherit;
}
.dark-mode mat-row, .dark-mode mat-header-row, .dark-mode mat-footer-row,
.dark-mode th.mat-header-cell, .dark-mode td.mat-cell, .dark-mode td.mat-footer-cell {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-header-cell {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-cell, .dark-mode .mat-footer-cell {
  color: white;
}
.dark-mode .mat-calendar-arrow {
  border-top-color: white;
}
.dark-mode .mat-datepicker-toggle,
.dark-mode .mat-datepicker-content .mat-calendar-next-button,
.dark-mode .mat-datepicker-content .mat-calendar-previous-button {
  color: white;
}
.dark-mode .mat-calendar-table-header {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-calendar-table-header-divider::after {
  background: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-calendar-body-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-calendar-body-cell-content,
.dark-mode .mat-date-range-input-separator {
  color: white;
  border-color: transparent;
}
.dark-mode .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-calendar-body-in-preview {
  color: rgba(255, 255, 255, 0.24);
}
.dark-mode .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-calendar-body-in-range::before {
  background: rgba(0, 113, 187, 0.2);
}
.dark-mode .mat-calendar-body-comparison-identical,
.dark-mode .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.dark-mode .mat-calendar-body-comparison-bridge-start::before,
.dark-mode [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 113, 187, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.dark-mode .mat-calendar-body-comparison-bridge-end::before,
.dark-mode [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(0, 113, 187, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.dark-mode .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.dark-mode .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.dark-mode .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.dark-mode .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.dark-mode .mat-calendar-body-selected {
  background-color: #0071bb;
  color: white;
}
.dark-mode .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 113, 187, 0.4);
}
.dark-mode .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.dark-mode .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),
.dark-mode .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.dark-mode .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, 113, 187, 0.3);
}
.dark-mode .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: #434343;
  color: white;
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(144, 39, 142, 0.2);
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.dark-mode .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(144, 39, 142, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.dark-mode .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(144, 39, 142, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #90278e;
  color: white;
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(144, 39, 142, 0.4);
}
.dark-mode .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.dark-mode .mat-datepicker-content.mat-accent .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),
.dark-mode .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.dark-mode .mat-datepicker-content.mat-accent .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(144, 39, 142, 0.3);
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(235, 33, 39, 0.2);
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.dark-mode .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(235, 33, 39, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.dark-mode .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(235, 33, 39, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #eb2127;
  color: white;
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(235, 33, 39, 0.4);
}
.dark-mode .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.dark-mode .mat-datepicker-content.mat-warn .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),
.dark-mode .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.dark-mode .mat-datepicker-content.mat-warn .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(235, 33, 39, 0.3);
}
.dark-mode .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);
}
.dark-mode .mat-datepicker-toggle-active {
  color: #0071bb;
}
.dark-mode .mat-datepicker-toggle-active.mat-accent {
  color: #90278e;
}
.dark-mode .mat-datepicker-toggle-active.mat-warn {
  color: #eb2127;
}
.dark-mode .mat-date-range-input-inner[disabled] {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .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: #434343;
  color: white;
}
.dark-mode .mat-divider {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-divider-vertical {
  border-right-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-expansion-panel {
  background: #434343;
  color: white;
}
.dark-mode .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);
}
.dark-mode .mat-action-row {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .dark-mode .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .dark-mode .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .dark-mode .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #434343;
  }
}
.dark-mode .mat-expansion-panel-header-title {
  color: white;
}
.dark-mode .mat-expansion-panel-header-description,
.dark-mode .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.dark-mode .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.dark-mode .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-hint, .dark-mode .finfra-stepper-audit-container .finfra-stepper-audit-time, .finfra-stepper-audit-container .dark-mode .finfra-stepper-audit-time, .dark-mode .finfra-stepper-audit-container .finfra-stepper-audit-username, .finfra-stepper-audit-container .dark-mode .finfra-stepper-audit-username, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments-stage-id, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments-stage-id, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments-time, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments-time {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-form-field.mat-focused .mat-form-field-label {
  color: #0071bb;
}
.dark-mode .mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #90278e;
}
.dark-mode .mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #eb2127;
}
.dark-mode .mat-focused .mat-form-field-required-marker {
  color: #90278e;
}
.dark-mode .mat-form-field-ripple {
  background-color: white;
}
.dark-mode .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #0071bb;
}
.dark-mode .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #90278e;
}
.dark-mode .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #eb2127;
}
.dark-mode .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #0071bb;
}
.dark-mode .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #90278e;
}
.dark-mode .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #eb2127;
}
.dark-mode .mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #eb2127;
}
.dark-mode .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.dark-mode .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #eb2127;
}
.dark-mode .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.dark-mode .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #eb2127;
}
.dark-mode .mat-error, .dark-mode .dms-error {
  color: #eb2127;
}
.dark-mode .mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-form-field-appearance-legacy .mat-hint, .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-audit-container .finfra-stepper-audit-time, .finfra-stepper-audit-container .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-audit-time, .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-audit-container .finfra-stepper-audit-username, .finfra-stepper-audit-container .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-audit-username, .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-comments-container .finfra-stepper-comments-stage-id, .finfra-stepper-comments-container .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-comments-stage-id, .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-comments-container .finfra-stepper-comments-time, .finfra-stepper-comments-container .dark-mode .mat-form-field-appearance-legacy .finfra-stepper-comments-time {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.dark-mode .mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.dark-mode .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.1);
}
.dark-mode .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(255, 255, 255, 0.05);
}
.dark-mode .mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.dark-mode .mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: white;
}
.dark-mode .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #0071bb;
}
.dark-mode .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #90278e;
}
.dark-mode .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #eb2127;
}
.dark-mode .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #eb2127;
}
.dark-mode .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(255, 255, 255, 0.15);
}
.dark-mode .mat-icon.mat-primary {
  color: #0071bb;
}
.dark-mode .mat-icon.mat-accent {
  color: #90278e;
}
.dark-mode .mat-icon.mat-warn {
  color: #eb2127;
}
.dark-mode .mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-input-element:disabled,
.dark-mode .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-input-element {
  caret-color: #0071bb;
}
.dark-mode .mat-input-element::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-input-element::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-input-element::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-input-element:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-input-element option {
  color: #434343;
}
.dark-mode .mat-input-element option:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.dark-mode .mat-form-field.mat-accent .mat-input-element {
  caret-color: #90278e;
}
.dark-mode .mat-form-field.mat-warn .mat-input-element,
.dark-mode .mat-form-field-invalid .mat-input-element {
  caret-color: #eb2127;
}
.dark-mode .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #eb2127;
}
.dark-mode .mat-list-base .mat-list-item {
  color: white;
}
.dark-mode .mat-list-base .mat-list-option {
  color: white;
}
.dark-mode .mat-list-base .mat-subheader {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-list-item-disabled {
  background-color: black;
}
.dark-mode .mat-list-option:hover, .dark-mode .mat-list-option:focus,
.dark-mode .mat-nav-list .mat-list-item:hover,
.dark-mode .mat-nav-list .mat-list-item:focus,
.dark-mode .mat-action-list .mat-list-item:hover,
.dark-mode .mat-action-list .mat-list-item:focus {
  background: rgba(255, 255, 255, 0.04);
}
.dark-mode .mat-list-single-selected-option, .dark-mode .mat-list-single-selected-option:hover, .dark-mode .mat-list-single-selected-option:focus {
  background: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-menu-panel {
  background: #434343;
}
.dark-mode .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);
}
.dark-mode .mat-menu-item {
  background: transparent;
  color: white;
}
.dark-mode .mat-menu-item[disabled], .dark-mode .mat-menu-item[disabled]::after,
.dark-mode .mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-menu-item .mat-icon-no-color,
.dark-mode .mat-menu-item-submenu-trigger::after {
  color: white;
}
.dark-mode .mat-menu-item:hover:not([disabled]),
.dark-mode .mat-menu-item.cdk-program-focused:not([disabled]),
.dark-mode .mat-menu-item.cdk-keyboard-focused:not([disabled]),
.dark-mode .mat-menu-item-highlighted:not([disabled]) {
  background: rgba(255, 255, 255, 0.04);
}
.dark-mode .mat-paginator {
  background: #434343;
}
.dark-mode .mat-paginator,
.dark-mode .mat-paginator-page-size .mat-select-trigger {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-paginator-decrement,
.dark-mode .mat-paginator-increment {
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.dark-mode .mat-paginator-first,
.dark-mode .mat-paginator-last {
  border-top: 2px solid white;
}
.dark-mode .mat-icon-button[disabled] .mat-paginator-decrement,
.dark-mode .mat-icon-button[disabled] .mat-paginator-increment,
.dark-mode .mat-icon-button[disabled] .mat-paginator-first,
.dark-mode .mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-progress-bar-background {
  fill: #b3d4eb;
}
.dark-mode .mat-progress-bar-buffer {
  background-color: #b3d4eb;
}
.dark-mode .mat-progress-bar-fill::after {
  background-color: #0071bb;
}
.dark-mode .mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #debedd;
}
.dark-mode .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #debedd;
}
.dark-mode .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #90278e;
}
.dark-mode .mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9bcbe;
}
.dark-mode .mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9bcbe;
}
.dark-mode .mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #eb2127;
}
.dark-mode .mat-progress-spinner circle, .dark-mode .mat-spinner circle {
  stroke: #0071bb;
}
.dark-mode .mat-progress-spinner.mat-accent circle, .dark-mode .mat-spinner.mat-accent circle {
  stroke: #90278e;
}
.dark-mode .mat-progress-spinner.mat-warn circle, .dark-mode .mat-spinner.mat-warn circle {
  stroke: #eb2127;
}
.dark-mode .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0071bb;
}
.dark-mode .mat-radio-button.mat-primary .mat-radio-inner-circle,
.dark-mode .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-mode .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .dark-mode .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #0071bb;
}
.dark-mode .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #90278e;
}
.dark-mode .mat-radio-button.mat-accent .mat-radio-inner-circle,
.dark-mode .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-mode .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .dark-mode .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #90278e;
}
.dark-mode .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #eb2127;
}
.dark-mode .mat-radio-button.mat-warn .mat-radio-inner-circle,
.dark-mode .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark-mode .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .dark-mode .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #eb2127;
}
.dark-mode .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.dark-mode .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.dark-mode .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-radio-button .mat-ripple-element {
  background-color: white;
}
.dark-mode .mat-select-value {
  color: white;
}
.dark-mode .mat-select-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-select-disabled .mat-select-value {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-select-arrow {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-select-panel {
  background: #434343;
}
.dark-mode .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);
}
.dark-mode .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #0071bb;
}
.dark-mode .mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #90278e;
}
.dark-mode .mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #eb2127;
}
.dark-mode .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #eb2127;
}
.dark-mode .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-drawer-container {
  background-color: #333333;
  color: white;
}
.dark-mode .mat-drawer {
  background-color: #434343;
  color: white;
}
.dark-mode .mat-drawer.mat-drawer-push {
  background-color: #434343;
}
.dark-mode .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);
}
.dark-mode .mat-drawer-side {
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.dark-mode [dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(255, 255, 255, 0.12);
  border-right: none;
}
.dark-mode [dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(188, 188, 188, 0.6);
}
.dark-mode .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #90278e;
}
.dark-mode .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(144, 39, 142, 0.54);
}
.dark-mode .mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #90278e;
}
.dark-mode .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #0071bb;
}
.dark-mode .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 113, 187, 0.54);
}
.dark-mode .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #0071bb;
}
.dark-mode .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #eb2127;
}
.dark-mode .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(235, 33, 39, 0.54);
}
.dark-mode .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #eb2127;
}
.dark-mode .mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: white;
}
.dark-mode .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: #bdbdbd;
}
.dark-mode .mat-slide-toggle-bar {
  background-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-primary .mat-slider-track-fill,
.dark-mode .mat-primary .mat-slider-thumb,
.dark-mode .mat-primary .mat-slider-thumb-label {
  background-color: #0071bb;
}
.dark-mode .mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.dark-mode .mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 113, 187, 0.2);
}
.dark-mode .mat-accent .mat-slider-track-fill,
.dark-mode .mat-accent .mat-slider-thumb,
.dark-mode .mat-accent .mat-slider-thumb-label {
  background-color: #90278e;
}
.dark-mode .mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.dark-mode .mat-accent .mat-slider-focus-ring {
  background-color: rgba(144, 39, 142, 0.2);
}
.dark-mode .mat-warn .mat-slider-track-fill,
.dark-mode .mat-warn .mat-slider-thumb,
.dark-mode .mat-warn .mat-slider-thumb-label {
  background-color: #eb2127;
}
.dark-mode .mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.dark-mode .mat-warn .mat-slider-focus-ring {
  background-color: rgba(235, 33, 39, 0.2);
}
.dark-mode .mat-slider:hover .mat-slider-track-background,
.dark-mode .cdk-focused .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-slider-disabled .mat-slider-track-background,
.dark-mode .mat-slider-disabled .mat-slider-track-fill,
.dark-mode .mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.dark-mode .mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: white;
}
.dark-mode .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.dark-mode .mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
  background-color: transparent;
}
.dark-mode .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .dark-mode .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .dark-mode .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.dark-mode .mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent);
}
.dark-mode .mat-step-header.cdk-keyboard-focused, .dark-mode .mat-step-header.cdk-program-focused, .dark-mode .mat-step-header:hover {
  background-color: rgba(255, 255, 255, 0.04);
}
@media (hover: none) {
  .dark-mode .mat-step-header:hover {
    background: none;
  }
}
.dark-mode .mat-step-header .mat-step-label,
.dark-mode .mat-step-header .mat-step-optional {
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .mat-step-header .mat-step-icon {
  background-color: rgba(255, 255, 255, 0.7);
  color: white;
}
.dark-mode .mat-step-header .mat-step-icon-selected,
.dark-mode .mat-step-header .mat-step-icon-state-done,
.dark-mode .mat-step-header .mat-step-icon-state-edit {
  background-color: #0071bb;
  color: white;
}
.dark-mode .mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.dark-mode .mat-step-header.mat-accent .mat-step-icon-selected,
.dark-mode .mat-step-header.mat-accent .mat-step-icon-state-done,
.dark-mode .mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #90278e;
  color: white;
}
.dark-mode .mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.dark-mode .mat-step-header.mat-warn .mat-step-icon-selected,
.dark-mode .mat-step-header.mat-warn .mat-step-icon-state-done,
.dark-mode .mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #eb2127;
  color: white;
}
.dark-mode .mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #eb2127;
}
.dark-mode .mat-step-header .mat-step-label.mat-step-label-active {
  color: white;
}
.dark-mode .mat-step-header .mat-step-label.mat-step-label-error {
  color: #eb2127;
}
.dark-mode .mat-stepper-horizontal, .dark-mode .mat-stepper-vertical {
  background-color: #434343;
}
.dark-mode .mat-stepper-vertical-line::before {
  border-left-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-horizontal-stepper-header::before,
.dark-mode .mat-horizontal-stepper-header::after,
.dark-mode .mat-stepper-horizontal-line {
  border-top-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-sort-header-arrow {
  color: #c7c7c7;
}
.dark-mode .mat-tab-nav-bar,
.dark-mode .mat-tab-header,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .studio-designer-header-menu-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-tab-group-inverted-header .mat-tab-nav-bar,
.dark-mode .mat-tab-group-inverted-header .mat-tab-header,
.dark-mode .mat-tab-group-inverted-header .studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group-inverted-header .studio-designer-header-menu-item {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.dark-mode .mat-tab-label, .dark-mode .mat-tab-link {
  color: white;
}
.dark-mode .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-tab-header-pagination-chevron {
  border-color: white;
}
.dark-mode .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-tab-group[class*=mat-background-] .mat-tab-header, .dark-mode .mat-tab-group[class*=mat-background-] .studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group[class*=mat-background-] .studio-designer-header-menu-item,
.dark-mode .mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.dark-mode .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(179, 212, 235, 0.3);
}
.dark-mode .mat-tab-group.mat-primary .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0071bb;
}
.dark-mode .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-primary.mat-background-primary > .studio-designer-header-menu-item .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-primary.mat-background-primary > .studio-designer-header-menu-item .mat-ink-bar, .dark-mode .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-primary.mat-background-primary > .studio-designer-header-menu-item .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-primary.mat-background-primary > .studio-designer-header-menu-item .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.dark-mode .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(222, 190, 221, 0.3);
}
.dark-mode .mat-tab-group.mat-accent .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #90278e;
}
.dark-mode .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-accent.mat-background-accent > .studio-designer-header-menu-item .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-accent.mat-background-accent > .studio-designer-header-menu-item .mat-ink-bar, .dark-mode .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-accent.mat-background-accent > .studio-designer-header-menu-item .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-accent.mat-background-accent > .studio-designer-header-menu-item .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.dark-mode .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(249, 188, 190, 0.3);
}
.dark-mode .mat-tab-group.mat-warn .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #eb2127;
}
.dark-mode .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-warn.mat-background-warn > .studio-designer-header-menu-item .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-warn.mat-background-warn > .studio-designer-header-menu-item .mat-ink-bar, .dark-mode .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-warn.mat-background-warn > .studio-designer-header-menu-item .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-warn.mat-background-warn > .studio-designer-header-menu-item .mat-ink-bar, .dark-mode .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.dark-mode .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(179, 212, 235, 0.3);
}
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item, .dark-mode .mat-tab-group.mat-background-primary > .mat-tab-link-container, .dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #0071bb;
}
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label, .dark-mode .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-focus-indicator::before, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
.dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-focus-indicator::before {
  border-color: white;
}
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-ripple-element,
.dark-mode .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-ripple-element,
.dark-mode .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(222, 190, 221, 0.3);
}
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item, .dark-mode .mat-tab-group.mat-background-accent > .mat-tab-link-container, .dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #90278e;
}
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label, .dark-mode .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-focus-indicator::before, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
.dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-focus-indicator::before {
  border-color: white;
}
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-ripple-element,
.dark-mode .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-ripple-element,
.dark-mode .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark-mode .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.dark-mode .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(249, 188, 190, 0.3);
}
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item, .dark-mode .mat-tab-group.mat-background-warn > .mat-tab-link-container, .dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #eb2127;
}
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label, .dark-mode .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-focus-indicator::before, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
.dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-focus-indicator::before {
  border-color: white;
}
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-ripple-element,
.dark-mode .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .dark-mode .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-ripple-element,
.dark-mode .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.dark-mode .mat-toolbar {
  background: #434343;
  color: white;
}
.dark-mode .mat-toolbar.mat-primary {
  background: #0071bb;
  color: white;
}
.dark-mode .mat-toolbar.mat-accent {
  background: #90278e;
  color: white;
}
.dark-mode .mat-toolbar.mat-warn {
  background: #eb2127;
  color: white;
}
.dark-mode .mat-toolbar .mat-form-field-underline,
.dark-mode .mat-toolbar .mat-form-field-ripple,
.dark-mode .mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.dark-mode .mat-toolbar .mat-form-field-label,
.dark-mode .mat-toolbar .mat-focused .mat-form-field-label,
.dark-mode .mat-toolbar .mat-select-value,
.dark-mode .mat-toolbar .mat-select-arrow,
.dark-mode .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.dark-mode .mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.dark-mode .mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.dark-mode .mat-tree {
  background: #434343;
}
.dark-mode .mat-tree-node,
.dark-mode .mat-nested-tree-node {
  color: white;
}
.dark-mode .mat-snack-bar-container {
  color: #434343;
  background: #fafafa;
  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);
}
.dark-mode .mat-simple-snackbar-action {
  color: inherit;
}
.dark-mode .finfra-form-field-outline-no-hover, .dark-mode .finfra-stepper-comments-container .tag-list-item, .finfra-stepper-comments-container .dark-mode .tag-list-item, .dark-mode .finfra-stepper-comments-container .tag-list, .finfra-stepper-comments-container .dark-mode .tag-list, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments, .dark-mode .finfra-stepper-footer .finfra-stepper-footer-mpp-container .finfra-stepper-footer-mpp-header, .finfra-stepper-footer .finfra-stepper-footer-mpp-container .dark-mode .finfra-stepper-footer-mpp-header, .dark-mode .system-parameters-table th, .system-parameters-table .dark-mode th, .dark-mode .system-parameters-table td, .system-parameters-table .dark-mode td, .dark-mode .system-parameters-table, .dark-mode .parameter-expansion-panel.mat-expanded .mat-expansion-panel-header, .parameter-expansion-panel.mat-expanded .dark-mode .mat-expansion-panel-header, .dark-mode .parameter-expansion-panel, .dark-mode .row-footer, .dark-mode .row-header, .dark-mode .table-row-details-container, .dark-mode .wa-message-container, .dark-mode .param-section-title, .dark-mode .studio-landing-container .function-container, .studio-landing-container .dark-mode .function-container, .dark-mode .param-menu-details-container, .dark-mode .param-menu-items-container .param-menu-item, .param-menu-items-container .dark-mode .param-menu-item, .dark-mode .param-menu-items-container .param-menu-header, .param-menu-items-container .dark-mode .param-menu-header, .dark-mode .sub-properties-layout .sub-properties-table .sub-properties-row, .sub-properties-layout .sub-properties-table .dark-mode .sub-properties-row, .dark-mode .sub-properties-layout .sub-properties-table .sub-properties-column, .sub-properties-layout .sub-properties-table .dark-mode .sub-properties-column, .dark-mode .code-mirror-layout, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:disabled, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button:disabled, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .studio-widgets-panel, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .studio-widgets-panel, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .ui-stage-row, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .stage-sub-item-row, .dark-mode .studio-designer .studio-designer-wrapper .stage-item, .studio-designer .studio-designer-wrapper .dark-mode .stage-item, .dark-mode .studio-designer .studio-designer-wrapper .menu-item, .studio-designer .studio-designer-wrapper .dark-mode .menu-item, .dark-mode .studio-designer .action:disabled, .studio-designer .dark-mode .action:disabled {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .finfra-form-field-outline-action, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button, .dark-mode .studio-designer .action, .studio-designer .dark-mode .action {
  border: 2px solid white;
}
.dark-mode .finfra-form-field-outline-action:hover, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:hover, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button:hover, .dark-mode .studio-designer .action:hover, .studio-designer .dark-mode .action:hover {
  border: 2px solid #0071bb;
}
.dark-mode .finfra-form-field-outline, .dark-mode .dashboard-data-card .dashboard-data-card-item, .dashboard-data-card .dark-mode .dashboard-data-card-item, .dark-mode .dashboard-start-transaction-dialog .dashboard-function-id, .dashboard-start-transaction-dialog .dark-mode .dashboard-function-id {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .finfra-form-field-outline:hover, .dark-mode .dashboard-data-card .dashboard-data-card-item:hover, .dashboard-data-card .dark-mode .dashboard-data-card-item:hover, .dark-mode .dashboard-start-transaction-dialog .dashboard-function-id:hover, .dashboard-start-transaction-dialog .dark-mode .dashboard-function-id:hover {
  border: 2px solid white;
}
.dark-mode .finfra-form-field-outline-primary, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments-my-group, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments-my-group {
  border: 1px solid #0071bb;
}
.dark-mode .finfra-form-field-outline-primary:hover, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments-my-group:hover, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments-my-group:hover {
  border: 1px solid #0054a4;
}
.dark-mode .finfra-form-field-background, .dark-mode .finfra-stepper-comments-container .focused, .finfra-stepper-comments-container .dark-mode .focused, .dark-mode .finfra-stepper-comments-container .tag-list-item:hover, .finfra-stepper-comments-container .dark-mode .tag-list-item:hover, .dark-mode .dashboard-start-transaction-dialog .dashboard-function-id-selected, .dashboard-start-transaction-dialog .dark-mode .dashboard-function-id-selected {
  background-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .finfra-primary, .dark-mode .finfra-stepper-audit-container .finfra-stepper-audit-stage-icon-current, .finfra-stepper-audit-container .dark-mode .finfra-stepper-audit-stage-icon-current, .dark-mode .mat-tab-label-active, .dark-mode .studio-designer .properties-layout .property-list-row:hover, .studio-designer .properties-layout .dark-mode .property-list-row:hover, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:not(:disabled):hover, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button:not(:disabled):hover, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row:hover, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .ui-stage-row:hover, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row:hover, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .stage-sub-item-row:hover, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-row:hover, .studio-designer .studio-designer-wrapper .dark-mode .stage-item-row:hover, .dark-mode .studio-designer .studio-designer-wrapper .menu-item:hover, .studio-designer .studio-designer-wrapper .dark-mode .menu-item:hover, .dark-mode .studio-designer .studio-designer-wrapper .studio-properties .menu-selected, .studio-designer .studio-designer-wrapper .studio-properties .dark-mode .menu-selected, .dark-mode .studio-designer .action:not(:disabled):hover, .studio-designer .dark-mode .action:not(:disabled):hover, .dark-mode .studio-designer .panel-icons:hover, .studio-designer .dark-mode .panel-icons:hover {
  color: #0071bb;
}
.dark-mode .finfra-accent {
  color: #90278e;
}
.dark-mode .finfra-warn, .dark-mode .psg-error, .dark-mode .studio-designer .action-invalid-icon, .studio-designer .dark-mode .action-invalid-icon, .dark-mode .studio-designer .invalid-icon, .studio-designer .dark-mode .invalid-icon {
  color: #eb2127;
}
.dark-mode .finfra-success, .dark-mode .psg-success {
  color: #5abf91;
}
.dark-mode .finfra-alert {
  color: #ff6501;
}
.dark-mode .finfra-accent-color-primary {
  accent-color: #0071bb;
}
.dark-mode .finfra-accent-color-accent {
  accent-color: #90278e;
}
.dark-mode .finfra-accent-color-warn {
  accent-color: #eb2127;
}
.dark-mode .finfra-accent-color-success {
  accent-color: #5abf91;
}
.dark-mode .finfra-accent-color-alert {
  accent-color: #ff6501;
}
.dark-mode .mat-success {
  color: #5abf91;
}
.dark-mode .mat-alert {
  color: #ff6501;
}
.dark-mode .finfra-primary-background, .dark-mode .code-mirror-header-row .mat-icon.selected, .code-mirror-header-row .dark-mode .mat-icon.selected, .dark-mode .code-mirror-header-row .code-mirror-option-type.selected, .code-mirror-header-row .dark-mode .code-mirror-option-type.selected, .dark-mode .code-mirror-header-row .mat-icon:hover, .code-mirror-header-row .dark-mode .mat-icon:hover, .dark-mode .copyIcon .mat-icon:hover, .copyIcon .dark-mode .mat-icon:hover, .dark-mode .studio-designer .properties-layout .property-list-row.active, .studio-designer .properties-layout .dark-mode .property-list-row.active, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout-options, .studio-designer .studio-designer-wrapper .dark-mode .studio-layout-options, .dark-mode .studio-designer .property-list-wrapper .properties-buttons-container, .studio-designer .property-list-wrapper .dark-mode .properties-buttons-container {
  background-color: #0071bb;
  color: #ffffff;
}
.dark-mode .finfra-accent-background, .dark-mode .finfra-stepper-comments-container .tagged, .finfra-stepper-comments-container .dark-mode .tagged, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout-options .studio-layout-options-button:hover, .studio-designer .studio-designer-wrapper .studio-layout-options .dark-mode .studio-layout-options-button:hover {
  background-color: #90278e;
  color: #ffffff;
}
.dark-mode .finfra-primary-background-chip .mat-chip-remove {
  color: white !important;
  opacity: 1.4 !important;
}
.dark-mode .finfra-accent-background-chip .mat-chip-remove {
  color: white !important;
  opacity: 1.4 !important;
}
.dark-mode .finfra-disabled, .dark-mode .wa-message-container .wa-message-footer, .wa-message-container .dark-mode .wa-message-footer, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:disabled, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button:disabled, .dark-mode .studio-designer .action:disabled, .studio-designer .dark-mode .action:disabled {
  color: #757575;
}
.dark-mode .finfra-foreground, .dark-mode .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-disabled .dark-mode .mat-form-field-label, .dark-mode .mat-form-field-readonly .mat-form-field-label, .mat-form-field-readonly .dark-mode .mat-form-field-label, .dark-mode .mat-form-field-readonly .mat-select-value, .mat-form-field-readonly .dark-mode .mat-select-value, .dark-mode .mat-form-field-readonly .mat-input-element, .mat-form-field-readonly .dark-mode .mat-input-element, .dark-mode .dashboard-data-card .dashboard-data-row-options, .dashboard-data-card .dark-mode .dashboard-data-row-options, .dark-mode .dashboard-data-table .dashboard-data-row-options, .dashboard-data-table .dark-mode .dashboard-data-row-options, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button, .dark-mode .studio-designer .studio-designer-wrapper .bjs-powered-by svg, .studio-designer .studio-designer-wrapper .bjs-powered-by .dark-mode svg, .dark-mode .studio-designer .studio-designer-wrapper .djs-palette .djs-palette-entries .entry, .studio-designer .studio-designer-wrapper .djs-palette .djs-palette-entries .dark-mode .entry, .dark-mode .studio-designer .action, .studio-designer .dark-mode .action {
  color: white;
}
.dark-mode .finfra-background, .dark-mode .sub-function-dialog .mat-dialog-container, .sub-function-dialog .dark-mode .mat-dialog-container, .dark-mode .legend:hover, .dark-mode .dashboard-data-card .dashboard-data-row-options, .dashboard-data-card .dark-mode .dashboard-data-row-options, .dark-mode .dashboard-data-table .dashboard-data-row-options, .dashboard-data-table .dark-mode .dashboard-data-row-options, .dark-mode .system-parameters-table tr:hover, .system-parameters-table .dark-mode tr:hover, .dark-mode .system-parameters-table th, .system-parameters-table .dark-mode th, .dark-mode .table-flex-container .selected-row, .table-flex-container .dark-mode .selected-row, .dark-mode .table-flex-container .mat-row:hover, .table-flex-container .dark-mode .mat-row:hover, .dark-mode .table-container .mat-row:hover, .table-container .dark-mode .mat-row:hover, .dark-mode .param-menu-items-container .param-menu-selected, .param-menu-items-container .dark-mode .param-menu-selected, .dark-mode .sub-properties-layout .sub-properties-table .sub-properties-header .sub-properties-column, .sub-properties-layout .sub-properties-table .sub-properties-header .dark-mode .sub-properties-column, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .ui-stage-row, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .stage-sub-item-row, .dark-mode .studio-designer .studio-designer-wrapper .stage-item, .studio-designer .studio-designer-wrapper .dark-mode .stage-item, .dark-mode .studio-designer .studio-designer-wrapper .menu-item, .studio-designer .studio-designer-wrapper .dark-mode .menu-item, .dark-mode .studio-designer .studio-designer-wrapper .studio-designer-header, .studio-designer .studio-designer-wrapper .dark-mode .studio-designer-header, .dark-mode .studio-designer .draft-table .mat-row:hover, .studio-designer .draft-table .dark-mode .mat-row:hover {
  background-color: #333333;
}
.dark-mode .finfra-card-background, .dark-mode .sub-function-dialog .mat-dialog-content, .sub-function-dialog .dark-mode .mat-dialog-content, .dark-mode .finfra-stepper-audit-container .finfra-stepper-audit-stage-empty, .finfra-stepper-audit-container .dark-mode .finfra-stepper-audit-stage-empty, .dark-mode .finfra-stepper-audit-container .finfra-stepper-audit-stage, .finfra-stepper-audit-container .dark-mode .finfra-stepper-audit-stage, .dark-mode .finfra-stepper-comments-container .tag-list, .finfra-stepper-comments-container .dark-mode .tag-list, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments, .dark-mode .finfra-stepper-comments-container .finfra-stepper-comments-input-row, .finfra-stepper-comments-container .dark-mode .finfra-stepper-comments-input-row, .dark-mode .finfra-stepper-container .finfra-stepper-ajsf-container, .finfra-stepper-container .dark-mode .finfra-stepper-ajsf-container, .dark-mode .finfra-stepper-container .mat-stroked-button, .finfra-stepper-container .dark-mode .mat-stroked-button, .dark-mode .dashboard-filter-drawer-button, .dark-mode .notification-sidenav-menu-bottom, .dark-mode .notification-sidenav-container, .dark-mode .unlock-download, .dark-mode .studio-designer .properties-layout, .studio-designer .dark-mode .properties-layout, .dark-mode .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .dark-mode .widget-button, .dark-mode .studio-designer .studio-designer-wrapper .djs-palette, .studio-designer .studio-designer-wrapper .dark-mode .djs-palette, .dark-mode .studio-designer .studio-designer-wrapper .studio-properties, .studio-designer .studio-designer-wrapper .dark-mode .studio-properties, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout, .studio-designer .studio-designer-wrapper .dark-mode .studio-layout, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout-ajsf-wrapper, .studio-designer .studio-designer-wrapper .dark-mode .studio-layout-ajsf-wrapper, .dark-mode .studio-designer .file-select-layout, .studio-designer .dark-mode .file-select-layout, .dark-mode .studio-designer .draft-select-layout, .studio-designer .dark-mode .draft-select-layout, .dark-mode .studio-designer .function-details-layout, .studio-designer .dark-mode .function-details-layout, .dark-mode .studio-designer .validate-layout, .studio-designer .dark-mode .validate-layout, .dark-mode .studio-designer .action, .studio-designer .dark-mode .action, .dark-mode .studio-designer .panel-icons, .studio-designer .dark-mode .panel-icons, .dark-mode .sidenav-header-container {
  background-color: #434343;
}
.dark-mode .finfra-text, .dark-mode .mnemonic-widget-wrapper .mnemonic-widget-input, .mnemonic-widget-wrapper .dark-mode .mnemonic-widget-input {
  color: white;
  background-color: #333333;
}
.dark-mode .finfra-label-disabled {
  color: rgba(255, 255, 255, 0.5);
}
.dark-mode .mat-toolbar {
  border-bottom: 1px solid #333333;
}
.dark-mode .mat-stroked-button:not(.mat-button-disabled) {
  border: 1px solid white;
}
.dark-mode .mat-stroked-button.mat-primary {
  border: 1px solid #0071bb;
}
.dark-mode .mat-stroked-button.mat-accent {
  border: 1px solid #90278e;
}
.dark-mode .mat-stroked-button.mat-warn {
  border: 1px solid #eb2127;
}
.dark-mode .finfra-alert-success {
  background-color: #ceecde;
  color: #000000;
  border: 1px solid #5abf91;
  border-radius: 8px;
}
.dark-mode .finfra-alert-error {
  background-color: #f9bcbe;
  color: #000000;
  border: 1px solid #eb2127;
  border-radius: 8px;
}
.dark-mode .finfra-alert-info {
  background-color: #debedd;
  color: #000000;
  border: 1px solid #90278e;
  border-radius: 8px;
}
.dark-mode .finfra-alert-warn {
  background-color: #ffd1b3;
  color: #000000;
  border: 1px solid #ff6501;
  border-radius: 8px;
}
.dark-mode .finfra-alert-text-success {
  color: #3fa974;
}
.dark-mode .finfra-alert-text-error {
  color: #e21417;
}
.dark-mode .finfra-alert-text-info {
  color: #731771;
}
.dark-mode .finfra-alert-text-warn {
  color: #ff4901;
}
.dark-mode .mat-button-toggle-checked {
  background-color: #90278e;
  color: #ffffff;
}
.dark-mode .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #ffffff;
}
.dark-mode .finfra-studio-drag-element {
  border: 1px solid #0071bb;
}
.dark-mode .finfra-primary-border, .dark-mode .studio-designer .studio-designer-wrapper .studio-properties .menu-selected, .studio-designer .studio-designer-wrapper .studio-properties .dark-mode .menu-selected, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout .studio-col.widget-valid, .studio-designer .studio-designer-wrapper .studio-layout .dark-mode .studio-col.widget-valid, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout .studio-row-section, .studio-designer .studio-designer-wrapper .studio-layout .dark-mode .studio-row-section, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout .studio-row, .studio-designer .studio-designer-wrapper .studio-layout .dark-mode .studio-row {
  border: 1px solid #0071bb;
}
.dark-mode .finfra-accent-border {
  border: 1px solid #90278e;
}
.dark-mode .finfra-warn-border, .dark-mode .studio-designer .studio-designer-wrapper .studio-layout .studio-col.widget-invalid, .studio-designer .studio-designer-wrapper .studio-layout .dark-mode .studio-col.widget-invalid {
  border: 1px solid #eb2127;
}
.dark-mode .finfra-primary-border-left, .dark-mode .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row.ui-stage-row-active, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .dark-mode .ui-stage-row.ui-stage-row-active {
  border-left: 1px solid #0071bb;
}
.dark-mode .finfra-primary-contrast-border, .dark-mode .studio-designer .property-list-wrapper .properties-button:not(:last-child), .studio-designer .property-list-wrapper .dark-mode .properties-button:not(:last-child) {
  border: 1px solid #ffffff;
}
.dark-mode .finfra-accent-contrast-border {
  border: 1px solid #ffffff;
}
.dark-mode .finfra-warn-contrast-border {
  border: 1px solid #ffffff;
}
.dark-mode .finfra-primary-button-lighter, .dark-mode .studio-designer .studio-designer-wrapper .menu-item.mat-primary, .studio-designer .studio-designer-wrapper .dark-mode .menu-item.mat-primary {
  background-color: rgba(179, 212, 235, 0.3);
  color: #0071bb;
  border: 1px solid #0071bb;
}
.dark-mode .finfra-primary-button-lighter:hover, .dark-mode .studio-designer .studio-designer-wrapper .menu-item.mat-primary:hover, .studio-designer .studio-designer-wrapper .dark-mode .menu-item.mat-primary:hover {
  cursor: pointer;
  background-color: #0071bb;
  color: #ffffff;
}
.dark-mode .finfra-accent-button-lighter, .dark-mode .studio-designer .studio-designer-wrapper .menu-item.mat-accent, .studio-designer .studio-designer-wrapper .dark-mode .menu-item.mat-accent {
  background-color: rgba(222, 190, 221, 0.3);
  color: #90278e;
  border: 1px solid #90278e;
}
.dark-mode .finfra-accent-button-lighter:hover, .dark-mode .studio-designer .studio-designer-wrapper .menu-item.mat-accent:hover, .studio-designer .studio-designer-wrapper .dark-mode .menu-item.mat-accent:hover {
  cursor: pointer;
  background-color: #90278e;
  color: #ffffff;
}
.dark-mode .finfra-warn-button-lighter, .dark-mode .studio-designer .studio-designer-wrapper .menu-item.mat-warn, .studio-designer .studio-designer-wrapper .dark-mode .menu-item.mat-warn {
  background-color: rgba(249, 188, 190, 0.3);
  color: #eb2127;
  border: 1px solid #eb2127;
}
.dark-mode .finfra-warn-button-lighter:hover, .dark-mode .studio-designer .studio-designer-wrapper .menu-item.mat-warn:hover, .studio-designer .studio-designer-wrapper .dark-mode .menu-item.mat-warn:hover {
  cursor: pointer;
  background-color: #eb2127;
  color: #ffffff;
}
.dark-mode .finfra-form-field {
  margin: 1em 0;
}
.mat-ripple-element {
  background-color: rgba(67, 67, 67, 0.1);
}
.mat-option {
  color: #434343;
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: #434343;
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0071bb;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #4100b4;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #eb2127;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #f2f2f2;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #0071bb;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #4100b4;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #eb2127;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background, .mnemonic-widget-wrapper, .sidenav-body-container {
  background-color: #f2f2f2;
  color: #434343;
}
.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: white;
  color: #434343;
}
.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: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: #434343;
}
.mat-badge-content {
  color: white;
  background: #0071bb;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #4100b4;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #eb2127;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b3b3b3;
  color: rgba(0, 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: white;
  color: #434343;
}
.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: #0071bb;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #4100b4;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #eb2127;
}
.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, 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: #0071bb;
}
.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: #4100b4;
}
.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: #eb2127;
}
.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: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #434343;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: #434343;
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.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, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #0071bb;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #4100b4;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #eb2127;
}
.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, 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, 0.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, 0.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, 0.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, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: #434343;
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px rgba(0, 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, 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, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #434343;
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.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, 0.12);
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card, .finfra-stepper-footer, .dashboard-footer, .dashboard-chart-1 {
  background: white;
  color: #434343;
}
.mat-card:not([class*=mat-elevation-z]), .finfra-stepper-footer:not([class*=mat-elevation-z]), .dashboard-footer:not([class*=mat-elevation-z]), .dashboard-chart-1: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]), .mat-card-flat.finfra-stepper-footer:not([class*=mat-elevation-z]), .mat-card-flat.dashboard-footer:not([class*=mat-elevation-z]), .mat-card-flat.dashboard-chart-1: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, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #f2f2f2;
}
.mat-checkbox-checkmark-path {
  stroke: #f2f2f2 !important;
}
.mat-checkbox-mixedmark {
  background-color: #f2f2f2;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #0071bb;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #4100b4;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #eb2127;
}
.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, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: #434343;
}
.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: #0071bb;
}
.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: #4100b4;
}
.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: #eb2127;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: #434343;
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: #434343;
  opacity: 0.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: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: #434343;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #0071bb;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #eb2127;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #4100b4;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.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, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: #434343;
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 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, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: #434343;
  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, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 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, 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, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(0, 113, 187, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 113, 187, 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(0, 113, 187, 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: #0071bb;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 113, 187, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.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, 113, 187, 0.3);
}
.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: white;
  color: #434343;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(65, 0, 180, 0.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, 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(65, 0, 180, 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(65, 0, 180, 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: #4100b4;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(65, 0, 180, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .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),
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .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(65, 0, 180, 0.3);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(235, 33, 39, 0.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, 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(235, 33, 39, 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(235, 33, 39, 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: #eb2127;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(235, 33, 39, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .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),
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .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(235, 33, 39, 0.3);
}
.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: #0071bb;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #4100b4;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #eb2127;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 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: white;
  color: #434343;
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: #434343;
}
.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, 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, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: #434343;
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 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, 0.6);
}
.mat-hint, .finfra-stepper-audit-container .finfra-stepper-audit-time, .finfra-stepper-audit-container .finfra-stepper-audit-username, .finfra-stepper-comments-container .finfra-stepper-comments-stage-id, .finfra-stepper-comments-container .finfra-stepper-comments-time {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #0071bb;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #4100b4;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #eb2127;
}
.mat-focused .mat-form-field-required-marker {
  color: #4100b4;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #0071bb;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #4100b4;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #eb2127;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #0071bb;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #4100b4;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #eb2127;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #eb2127;
}
.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: #eb2127;
}
.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: #eb2127;
}
.mat-error, .dms-error {
  color: #eb2127;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint, .mat-form-field-appearance-legacy .finfra-stepper-audit-container .finfra-stepper-audit-time, .finfra-stepper-audit-container .mat-form-field-appearance-legacy .finfra-stepper-audit-time, .mat-form-field-appearance-legacy .finfra-stepper-audit-container .finfra-stepper-audit-username, .finfra-stepper-audit-container .mat-form-field-appearance-legacy .finfra-stepper-audit-username, .mat-form-field-appearance-legacy .finfra-stepper-comments-container .finfra-stepper-comments-stage-id, .finfra-stepper-comments-container .mat-form-field-appearance-legacy .finfra-stepper-comments-stage-id, .mat-form-field-appearance-legacy .finfra-stepper-comments-container .finfra-stepper-comments-time, .finfra-stepper-comments-container .mat-form-field-appearance-legacy .finfra-stepper-comments-time {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 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, 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(67, 67, 67, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(67, 67, 67, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 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, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #0071bb;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #4100b4;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #eb2127;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #eb2127;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #0071bb;
}
.mat-icon.mat-accent {
  color: #4100b4;
}
.mat-icon.mat-warn {
  color: #eb2127;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 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, 0.38);
}
.mat-input-element {
  caret-color: #0071bb;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #4100b4;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #eb2127;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #eb2127;
}
.mat-list-base .mat-list-item {
  color: #434343;
}
.mat-list-base .mat-list-option {
  color: #434343;
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eeeeee;
}
.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, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.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: #434343;
}
.mat-menu-item[disabled], .mat-menu-item[disabled]::after,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-item-submenu-trigger::after {
  color: rgba(0, 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, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 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, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #b3d4eb;
}
.mat-progress-bar-buffer {
  background-color: #b3d4eb;
}
.mat-progress-bar-fill::after {
  background-color: #0071bb;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #c6b3e9;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #c6b3e9;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #4100b4;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9bcbe;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9bcbe;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #eb2127;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #0071bb;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #4100b4;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #eb2127;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0071bb;
}
.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: #0071bb;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #4100b4;
}
.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: #4100b4;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #eb2127;
}
.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: #eb2127;
}
.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, 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, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #434343;
}
.mat-select-value {
  color: #434343;
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.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, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #0071bb;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #4100b4;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #eb2127;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #eb2127;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #f2f2f2;
  color: #434343;
}
.mat-drawer {
  background-color: white;
  color: #434343;
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.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, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 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, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #4100b4;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(65, 0, 180, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #4100b4;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #0071bb;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 113, 187, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #0071bb;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #eb2127;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(235, 33, 39, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #eb2127;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #434343;
}
.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, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-track-fill,
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label {
  background-color: #0071bb;
}
.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-primary .mat-slider-focus-ring {
  background-color: rgba(0, 113, 187, 0.2);
}
.mat-accent .mat-slider-track-fill,
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label {
  background-color: #4100b4;
}
.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-accent .mat-slider-focus-ring {
  background-color: rgba(65, 0, 180, 0.2);
}
.mat-warn .mat-slider-track-fill,
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label {
  background-color: #eb2127;
}
.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-warn .mat-slider-focus-ring {
  background-color: rgba(235, 33, 39, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 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, 0.26);
}
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(67, 67, 67, 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: #434343;
}
.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, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 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, 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, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(67, 67, 67, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(67, 67, 67, 0.7), rgba(67, 67, 67, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(67, 67, 67, 0.7), rgba(67, 67, 67, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(67, 67, 67, 0.7), rgba(67, 67, 67, 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, 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, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.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: #0071bb;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.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: #4100b4;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.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: #eb2127;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #eb2127;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: #434343;
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #eb2127;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 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, 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,
.studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group-inverted-header .studio-designer-header-menu-item {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: #434343;
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: #434343;
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header, .mat-tab-group[class*=mat-background-] .studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group[class*=mat-background-] .studio-designer-header-menu-item,
.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(179, 212, 235, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #0071bb;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-primary.mat-background-primary > .studio-designer-header-menu-item .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-primary.mat-background-primary > .studio-designer-header-menu-item .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.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(198, 179, 233, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #4100b4;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-accent.mat-background-accent > .studio-designer-header-menu-item .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-accent.mat-background-accent > .studio-designer-header-menu-item .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.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(249, 188, 190, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #eb2127;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-warn.mat-background-warn > .studio-designer-header-menu-item .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-warn.mat-background-warn > .studio-designer-header-menu-item .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.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(179, 212, 235, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #0071bb;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-focus-indicator::before {
  border-color: white;
}
.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, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-primary > .studio-designer-header-menu-item .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-primary > .studio-designer-header-menu-item .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.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(198, 179, 233, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #4100b4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-focus-indicator::before {
  border-color: white;
}
.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, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-accent > .studio-designer-header-menu-item .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-accent > .studio-designer-header-menu-item .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.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(249, 188, 190, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #eb2127;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-links .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before,
.studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-focus-indicator::before {
  border-color: white;
}
.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, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-group.mat-background-warn > .studio-designer-header-menu-item .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .studio-designer .studio-designer-wrapper .studio-designer-header .mat-tab-nav-bar.mat-background-warn > .studio-designer-header-menu-item .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.12);
}
.mat-toolbar {
  background: white;
  color: #434343;
}
.mat-toolbar.mat-primary {
  background: #0071bb;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #4100b4;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #eb2127;
  color: white;
}
.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, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: #434343;
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.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: #4100b4;
}
.finfra-form-field-outline-no-hover, .finfra-stepper-comments-container .tag-list-item, .finfra-stepper-comments-container .tag-list, .finfra-stepper-comments-container .finfra-stepper-comments, .finfra-stepper-footer .finfra-stepper-footer-mpp-container .finfra-stepper-footer-mpp-header, .system-parameters-table th, .system-parameters-table td, .system-parameters-table, .parameter-expansion-panel.mat-expanded .mat-expansion-panel-header, .parameter-expansion-panel, .row-footer, .row-header, .table-row-details-container, .wa-message-container, .param-section-title, .studio-landing-container .function-container, .param-menu-details-container, .param-menu-items-container .param-menu-item, .param-menu-items-container .param-menu-header, .sub-properties-layout .sub-properties-table .sub-properties-row, .sub-properties-layout .sub-properties-table .sub-properties-column, .sub-properties-layout .sub-properties-table .sub-properties-header .sub-properties-column, .code-mirror-layout, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:disabled, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .studio-widgets-panel, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row, .studio-designer .studio-designer-wrapper .stage-item, .studio-designer .studio-designer-wrapper .menu-item, .studio-designer .action:disabled {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.finfra-form-field-outline-action, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button, .studio-designer .action {
  border: 2px solid rgba(0, 0, 0, 0.87);
}
.finfra-form-field-outline-action:hover, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:hover, .studio-designer .action:hover {
  border: 2px solid #0071bb;
}
.finfra-form-field-outline, .dashboard-data-card .dashboard-data-card-item, .dashboard-start-transaction-dialog .dashboard-function-id {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.finfra-form-field-outline:hover, .dashboard-data-card .dashboard-data-card-item:hover, .dashboard-start-transaction-dialog .dashboard-function-id:hover {
  border: 2px solid rgba(0, 0, 0, 0.87);
}
.finfra-form-field-outline-primary, .finfra-stepper-comments-container .finfra-stepper-comments-my-group {
  border: 1px solid #0071bb;
}
.finfra-form-field-outline-primary:hover, .finfra-stepper-comments-container .finfra-stepper-comments-my-group:hover {
  border: 1px solid #0054a4;
}
.finfra-form-field-background, .finfra-stepper-comments-container .focused, .finfra-stepper-comments-container .tag-list-item:hover, .dashboard-start-transaction-dialog .dashboard-function-id-selected {
  background-color: rgba(0, 0, 0, 0.12);
}
.finfra-primary, .finfra-stepper-audit-container .finfra-stepper-audit-stage-icon-current, .mat-tab-label-active, .studio-designer .properties-layout .property-list-row:hover, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:not(:disabled):hover, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row:hover, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row:hover, .studio-designer .studio-designer-wrapper .stage-item-row:hover, .studio-designer .studio-designer-wrapper .menu-item:hover, .studio-designer .studio-designer-wrapper .studio-properties .menu-selected, .studio-designer .action:not(:disabled):hover, .studio-designer .panel-icons:hover {
  color: #0071bb;
}
.finfra-accent {
  color: #4100b4;
}
.finfra-warn, .psg-error, .studio-designer .action-invalid-icon, .studio-designer .invalid-icon {
  color: #eb2127;
}
.finfra-success, .psg-success {
  color: #5abf91;
}
.finfra-alert {
  color: #ff6501;
}
.finfra-accent-color-primary {
  accent-color: #0071bb;
}
.finfra-accent-color-accent {
  accent-color: #4100b4;
}
.finfra-accent-color-warn {
  accent-color: #eb2127;
}
.finfra-accent-color-success {
  accent-color: #5abf91;
}
.finfra-accent-color-alert {
  accent-color: #ff6501;
}
.mat-success {
  color: #5abf91;
}
.mat-alert {
  color: #ff6501;
}
.finfra-primary-background, .code-mirror-header-row .mat-icon.selected, .code-mirror-header-row .code-mirror-option-type.selected, .code-mirror-header-row .mat-icon:hover, .copyIcon .mat-icon:hover, .studio-designer .properties-layout .property-list-row.active, .studio-designer .studio-designer-wrapper .studio-layout-options, .studio-designer .property-list-wrapper .properties-buttons-container {
  background-color: #0071bb;
  color: #ffffff;
}
.finfra-accent-background, .finfra-stepper-comments-container .tagged, .studio-designer .studio-designer-wrapper .studio-layout-options .studio-layout-options-button:hover {
  background-color: #4100b4;
  color: #ffffff;
}
.finfra-primary-background-chip .mat-chip-remove {
  color: white !important;
  opacity: 1.4 !important;
}
.finfra-accent-background-chip .mat-chip-remove {
  color: white !important;
  opacity: 1.4 !important;
}
.finfra-disabled, .wa-message-container .wa-message-footer, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:disabled, .studio-designer .action:disabled {
  color: #bdbdbd;
}
.finfra-foreground, .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label, .mat-form-field-readonly .mat-form-field-label, .mat-form-field-readonly .mat-select-value, .mat-form-field-readonly .mat-input-element, .dashboard-data-card .dashboard-data-row-options, .dashboard-data-table .dashboard-data-row-options, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button, .studio-designer .studio-designer-wrapper .bjs-powered-by svg, .studio-designer .studio-designer-wrapper .djs-palette .djs-palette-entries .entry, .studio-designer .action {
  color: #434343;
}
.finfra-background, .sub-function-dialog .mat-dialog-container, .legend:hover, .dashboard-data-card .dashboard-data-row-options, .dashboard-data-table .dashboard-data-row-options, .system-parameters-table tr:hover, .system-parameters-table th, .table-flex-container .selected-row, .table-flex-container .mat-row:hover, .table-container .mat-row:hover, .param-menu-items-container .param-menu-selected, .sub-properties-layout .sub-properties-table .sub-properties-header .sub-properties-column, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row, .studio-designer .studio-designer-wrapper .stage-item, .studio-designer .studio-designer-wrapper .menu-item, .studio-designer .studio-designer-wrapper .studio-designer-header, .studio-designer .draft-table .mat-row:hover {
  background-color: #f2f2f2;
}
.finfra-card-background, .sub-function-dialog .mat-dialog-content, .finfra-stepper-audit-container .finfra-stepper-audit-stage-empty, .finfra-stepper-audit-container .finfra-stepper-audit-stage, .finfra-stepper-comments-container .tag-list, .finfra-stepper-comments-container .finfra-stepper-comments, .finfra-stepper-comments-container .finfra-stepper-comments-input-row, .finfra-stepper-container .finfra-stepper-ajsf-container, .finfra-stepper-container .mat-stroked-button, .dashboard-filter-drawer-button, .notification-sidenav-menu-bottom, .notification-sidenav-container, .unlock-download, .studio-designer .properties-layout, .studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button, .studio-designer .studio-designer-wrapper .djs-palette, .studio-designer .studio-designer-wrapper .studio-properties, .studio-designer .studio-designer-wrapper .studio-layout, .studio-designer .studio-designer-wrapper .studio-layout-ajsf-wrapper, .studio-designer .file-select-layout, .studio-designer .draft-select-layout, .studio-designer .function-details-layout, .studio-designer .validate-layout, .studio-designer .action, .studio-designer .panel-icons, .sidenav-header-container {
  background-color: white;
}
.finfra-text, .mnemonic-widget-wrapper .mnemonic-widget-input {
  color: #434343;
  background-color: #f2f2f2;
}
.finfra-label-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-toolbar {
  border-bottom: 1px solid #f2f2f2;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border: 1px solid #434343;
}
.mat-stroked-button.mat-primary {
  border: 1px solid #0071bb;
}
.mat-stroked-button.mat-accent {
  border: 1px solid #4100b4;
}
.mat-stroked-button.mat-warn {
  border: 1px solid #eb2127;
}
.finfra-alert-success {
  background-color: #ceecde;
  color: #000000;
  border: 1px solid #5abf91;
  border-radius: 8px;
}
.finfra-alert-error {
  background-color: #f9bcbe;
  color: #000000;
  border: 1px solid #eb2127;
  border-radius: 8px;
}
.finfra-alert-info {
  background-color: #c6b3e9;
  color: #000000;
  border: 1px solid #4100b4;
  border-radius: 8px;
}
.finfra-alert-warn {
  background-color: #ffd1b3;
  color: #000000;
  border: 1px solid #ff6501;
  border-radius: 8px;
}
.finfra-alert-text-success {
  color: #3fa974;
}
.finfra-alert-text-error {
  color: #e21417;
}
.finfra-alert-text-info {
  color: #2a009c;
}
.finfra-alert-text-warn {
  color: #ff4901;
}
.mat-button-toggle-checked {
  background-color: #4100b4;
  color: #ffffff;
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: #ffffff;
}
.finfra-studio-drag-element {
  border: 1px solid #0071bb;
}
.finfra-primary-border, .studio-designer .studio-designer-wrapper .studio-properties .menu-selected, .studio-designer .studio-designer-wrapper .studio-layout .studio-col.widget-valid, .studio-designer .studio-designer-wrapper .studio-layout .studio-row-section, .studio-designer .studio-designer-wrapper .studio-layout .studio-row {
  border: 1px solid #0071bb;
}
.finfra-accent-border {
  border: 1px solid #4100b4;
}
.finfra-warn-border, .studio-designer .studio-designer-wrapper .studio-layout .studio-col.widget-invalid {
  border: 1px solid #eb2127;
}
.finfra-primary-border-left, .studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row.ui-stage-row-active {
  border-left: 1px solid #0071bb;
}
.finfra-primary-contrast-border, .studio-designer .property-list-wrapper .properties-button:not(:last-child) {
  border: 1px solid #ffffff;
}
.finfra-accent-contrast-border {
  border: 1px solid #ffffff;
}
.finfra-warn-contrast-border {
  border: 1px solid #ffffff;
}
.finfra-primary-button-lighter, .studio-designer .studio-designer-wrapper .menu-item.mat-primary {
  background-color: rgba(179, 212, 235, 0.3);
  color: #0071bb;
  border: 1px solid #0071bb;
}
.finfra-primary-button-lighter:hover, .studio-designer .studio-designer-wrapper .menu-item.mat-primary:hover {
  cursor: pointer;
  background-color: #0071bb;
  color: #ffffff;
}
.finfra-accent-button-lighter, .studio-designer .studio-designer-wrapper .menu-item.mat-accent {
  background-color: rgba(198, 179, 233, 0.3);
  color: #4100b4;
  border: 1px solid #4100b4;
}
.finfra-accent-button-lighter:hover, .studio-designer .studio-designer-wrapper .menu-item.mat-accent:hover {
  cursor: pointer;
  background-color: #4100b4;
  color: #ffffff;
}
.finfra-warn-button-lighter, .studio-designer .studio-designer-wrapper .menu-item.mat-warn {
  background-color: rgba(249, 188, 190, 0.3);
  color: #eb2127;
  border: 1px solid #eb2127;
}
.finfra-warn-button-lighter:hover, .studio-designer .studio-designer-wrapper .menu-item.mat-warn:hover {
  cursor: pointer;
  background-color: #eb2127;
  color: #ffffff;
}
.finfra-form-field {
  margin: 1em 0;
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1, .finfra-stepper-container .finfra-stepper-function-description, .mat-headline, .mat-typography h1 {
  font: 400 32px/40px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2, .finfra-stepper-container .finfra-stepper-stage-description, .mat-title, .mat-typography h2 {
  font: 400 24px/36px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .ajsf-dms-comment-wrapper .ajsf-dms-comment-header, .mat-subheading-2, .mat-typography h3 {
  font: 400 16px/28px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4, .alert-history-sidenav-container .alert-history-row .alert-history-type, .mat-subheading-1, .mat-typography h4 {
  font: 400 15px/24px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5, .mat-typography h5 {
  font: 400 calc(14px * 0.83)/20px Arial, Helvetica, sans-serif;
  margin: 0 0 12px;
}
.mat-h6, .mat-typography h6 {
  font: 400 calc(14px * 0.67)/20px Arial, Helvetica, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong, .finfra-ajsf-embed-container .finfra-ajsf-embed-id, .finfra-ajsf-embed-container .finfra-ajsf-embed-name, .mat-body-2 {
  font: 500 14px/24px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-body, .legend, .finfra-stepper-audit-container .finfra-stepper-audit-stage-name, .dashboard-data-card .dashboard-data-card-text, .dashboard-start-transaction-dialog .dashboard-start-transaction-tab-label, .dashboard-footer .dashboard-footer-text, .dashboard-filter-drawer-header, .dashboard-header-text, .alert-history-sidenav-container .alert-history-row .alert-history-timestamp, .alert-history-sidenav-container .alert-history-row .alert-history-message, .alert-history-sidenav-container .alert-history-row .alert-history-code, .sub-text-button, .device-info .key, .sidenav-container, .sidenav-end-header, .sub-menu, .sidenav-menu-container, .mat-body-1, .mat-typography {
  font: 400 14px/20px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-body p, .legend p, .finfra-stepper-audit-container .finfra-stepper-audit-stage-name p, .dashboard-data-card .dashboard-data-card-text p, .dashboard-start-transaction-dialog .dashboard-start-transaction-tab-label p, .dashboard-footer .dashboard-footer-text p, .dashboard-filter-drawer-header p, .dashboard-header-text p, .alert-history-sidenav-container .alert-history-row .alert-history-timestamp p, .alert-history-sidenav-container .alert-history-row .alert-history-message p, .alert-history-sidenav-container .alert-history-row .alert-history-code p, .sub-text-button p, .device-info .key p, .sidenav-container p, .sidenav-end-header p, .sub-menu p, .sidenav-menu-container p, .mat-body-1 p, .mat-typography p {
  margin: 0 0 12px;
}
.mat-small, .finfra-stepper-container .finfra-stepper-function-instructions, .dashboard-data-card .dashboard-data-card-header, .dashboard-footer .dashboard-footer-header, .mat-caption, .page-top-bar {
  font: 400 14px/24px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-display-4, .mat-typography .mat-display-4 {
  font: 300 112px/112px Arial, Helvetica, sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3, .mat-typography .mat-display-3 {
  font: 400 56px/56px Arial, Helvetica, sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2, .mat-typography .mat-display-2 {
  font: 400 45px/48px Arial, Helvetica, sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1, .mat-typography .mat-display-1 {
  font: 400 34px/40px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Arial, Helvetica, sans-serif;
}
.mat-card, .finfra-stepper-footer, .dashboard-footer, .dashboard-chart-1 {
  font-family: Arial, Helvetica, sans-serif;
}
.mat-card-title {
  font-size: 32px;
  font-weight: 400;
}
.mat-card-header .mat-card-title {
  font-size: 24px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
}
.mat-header-cell {
  font-size: 14px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Arial, Helvetica, 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: 400 24px/36px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Arial, Helvetica, 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: 0.5em 0;
  border-top: 0.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.34373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(0.75);
  width: 133.3333633333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.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: 0.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: 0.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.00106px);
  -ms-transform: translateY(-1.28119em) scale(0.75);
  width: 133.3333933333%;
}
.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.00107px);
  -ms-transform: translateY(-1.28118em) scale(0.75);
  width: 133.3334033333%;
}
.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.00108px);
  -ms-transform: translateY(-1.28117em) scale(0.75);
  width: 133.3334133333%;
}
.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: 0.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.28116em) 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.28115em) 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.28114em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 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.59373em) scale(0.75);
  width: 133.3333533333%;
}
.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.59372em) scale(0.75);
  width: 133.3333633333%;
}
.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.59373em) scale(0.75);
  width: 133.3333533333%;
}
.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.59372em) scale(0.75);
  width: 133.3333633333%;
}
.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: 14px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.mat-radio-button {
  font-family: Arial, Helvetica, sans-serif;
}
.mat-select {
  font-family: Arial, Helvetica, sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Arial, Helvetica, sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Arial, Helvetica, 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: 400 24px/36px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
}
.mat-list-option {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 14px;
}
.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: 14px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 14px;
}
.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: 14px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Arial, Helvetica, 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: Arial, Helvetica, 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;
  white-space: nowrap;
  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;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 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;
}
/* You can add global styles to this file, and also import other style files */
.landing-menu-container {
  padding: 1vh 4vw 1vh 4vw;
}
.landing-menu-app-icon {
  cursor: pointer;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  min-height: 138px;
  height: 138px;
  max-height: 138px;
  min-width: 166px;
  width: 166px;
  max-width: 166px;
  display: flex;
  flex-direction: row;
  align-content: center;
  place-content: center;
  justify-content: center;
  align-items: center;
}
.landing-menu-app-icon:hover {
  background-color: #bdbdbd;
}
.landing-menu-icon {
  max-width: 80px;
}
.landing-menu-text {
  margin-bottom: 2vh;
}
.data-letters-button {
  cursor: pointer;
  display: flex;
}
[data-letters]:before {
  content: attr(data-letters);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  background-color: #0071bb;
  color: #ffffff;
}
.apps-menu-container {
  cursor: pointer;
}
.apps-menu-container:hover {
  background-color: #4d9ccf;
  color: #000000;
  border-radius: 5px;
}
.apps-menu-icon {
  max-width: 50px;
  margin-top: 2vh;
}
.apps-menu-text {
  margin-bottom: 2vh;
}
.sidenav-container-start {
  width: 400px;
  padding-top: 0.1vh;
}
.sidenav-container-end {
  width: 400px;
}
.sidenav-menu-container {
  cursor: pointer;
  padding: 1.5vh 1vw;
  margin: 0 0;
  font-size: 1.1em;
  font-weight: 500;
  overflow-x: hidden;
}
.sidenav-menu-container:hover:not([disabled]) {
  border-right: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.2);
}
.sidenav-menu-selected {
  border-right: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.2);
}
.sub-menu {
  cursor: pointer;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 48px;
  height: 48px;
  padding: 0 16px;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.sub-menu .mat-icon {
  flex: 0 0 10%;
}
.sub-menu #span {
  flex: 1 1 auto;
}
.sidenav-end-menu-container:hover:not([disabled]) {
  border-radius: 0;
  border-left: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.2);
}
.sidenav-end-menu-selected {
  border-radius: 0;
  border-left: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.2);
}
.sidenav-menu-icon {
  max-width: 30px;
  vertical-align: middle;
}
.sidenav-menu-header {
  padding: 6px 6px;
  font-weight: 600;
  color: #606770;
  font-size: 0.9em;
}
.sidenav-menu-header-button {
  cursor: pointer;
  font-size: 1.2rem;
}
.sidenav-menu-submenu {
  max-height: 0;
  overflow: hidden;
  margin: 0 20px;
}
.sidenav-menu-submenu-expanded {
  max-height: none;
}
.sidenav-body-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0vh 0vw 2vh 0vw;
}
.sidenav-header-container {
  padding: 2vh 2vw 2vh 2vw;
  position: sticky;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #bdbdbd;
}
.sidenav-end-header {
  font-size: 20px;
  font-weight: 400;
}
.sidenav-container {
  border-top: 1px solid #bdbdbd;
}
.user-sidenav-menu-bottom {
  width: 100%;
  text-align: center;
}
.user-sidenav-menu-button {
  min-width: 263px;
  width: 263px;
}
.rtl .sidenav-menu-container:hover:not([disabled]) {
  border-left: 4px solid #0071bb;
}
.rtl .sidenav-menu-selected {
  border-left: 4px solid #0071bb;
}
.rtl .sidenav-end-menu-container:hover:not([disabled]) {
  border-right: 4px solid #0071bb;
}
.rtl .sidenav-end-menu-selected {
  border-right: 4px solid #0071bb;
}
.dark-mode .sidenav-menu-container:hover:not([disabled]) {
  border-right: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.4);
}
.dark-mode .sidenav-menu-selected {
  border-right: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.4);
}
.dark-mode .sidenav-end-menu-container:hover:not([disabled]) {
  border-left: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.4);
}
.dark-mode .sidenav-end-menu-selected {
  border-left: 4px solid #0071bb;
  background-color: rgba(0, 113, 187, 0.4);
}
.dark-mode [data-letters]:before {
  background-color: #0071bb;
  color: #ffffff;
}
.dark-mode .rtl .sidenav-menu-container:hover:not([disabled]) {
  border-left: 4px solid #0071bb;
}
.dark-mode .rtl .sidenav-menu-selected {
  border-left: 4px solid #0071bb;
}
.dark-mode .rtl .sidenav-end-menu-container:hover:not([disabled]) {
  border-right: 4px solid #0071bb;
}
.dark-mode .rtl .sidenav-end-menu-selected {
  border-right: 4px solid #0071bb;
}
/***** Media queries starts *****/
@media only screen and (max-width: 550px) {
  .sidenav-container-start {
    width: 100%;
  }

  .sidenav-container-end {
    width: 100%;
  }
}
/***** Media queries ends *****/
/***** User menu image starts *****/
[user-image-letters]:before {
  content: attr(user-image-letters);
  display: inline-flex;
  width: 100%;
  height: 100%;
  font-size: 2.5rem;
  background-color: #0071bb;
  color: #ffffff;
  align-items: center;
  justify-content: center;
}
.user-sidenav-top-menu-image-container {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.user-sidenav-top-menu-image {
  width: 100%;
  height: 100%;
}
.user-sidenav-menu-image-container {
  vertical-align: middle;
  align-content: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  margin: 2% 2% 2% 5%;
}
.user-menu-image {
  height: 100%;
  width: 100%;
}
.user-details {
  font-size: 12px;
  line-height: 14px;
}
/***** User menu image ends *****/
.shapes-background, .landing-hero-container, .dashboard-chart-master-container {
  background-image: url('landing_back_circle_xl.svg');
  background-position: center;
  background-repeat: no-repeat;
}
.narrow-background, .login-body-container {
  background-image: url('back_circle_xl.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/***** Background Media queries starts *****/
@media only screen and (min-width: 1440px) {
  .shapes-background, .landing-hero-container, .dashboard-chart-master-container {
    background-image: url('landing_back_circle_xl.svg');
    background-size: cover;
  }

  .narrow-background, .login-body-container {
    background-image: url('back_circle_xl.svg');
  }
}
@media only screen and (min-width: 960px) and (max-width: 1439px) {
  .shapes-background, .landing-hero-container, .dashboard-chart-master-container {
    background-image: url('landing_back_circle_xl.svg');
    background-size: cover;
  }

  .narrow-background, .login-body-container {
    background-image: url('back_circle_lg.svg');
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .shapes-background, .landing-hero-container, .dashboard-chart-master-container {
    background-image: url('landing_back_circle_lg.svg');
    background-size: contain;
  }

  .narrow-background, .login-body-container {
    background-image: url('back_circle_md.svg');
  }
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
  .shapes-background, .landing-hero-container, .dashboard-chart-master-container {
    background-image: url('landing_back_circle_sm.svg');
    background-size: cover;
  }

  .narrow-background, .login-body-container {
    background-image: url('back_circle_sm.svg');
  }
}
@media only screen and (max-width: 374px) {
  .shapes-background, .landing-hero-container, .dashboard-chart-master-container {
    background-image: url('landing_back_circle_xs.svg');
    background-size: cover;
  }

  .narrow-background, .login-body-container {
    background-image: url('back_circle_xs.svg');
  }
}
/***** Background Media queries ends *****/
.studio-designer {
  min-height: 100%;
  padding: 0 1vw;
}
.studio-designer .cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.studio-designer .cdk-drag-placeholder {
  opacity: 0.5;
}
.studio-designer .cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.studio-designer .mat-tab-spacer {
  height: 48.7px;
}
.studio-designer .overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2;
}
.studio-designer .overlay.hide {
  display: none;
}
.studio-designer .invalid-icon {
  font-size: 18px;
  width: 19px;
  height: 19px;
  padding: 0 5px;
}
.studio-designer .tab-end-icon {
  position: absolute;
  right: 10px;
}
.studio-designer .properties-dialog-content {
  height: 88%;
  overflow: auto;
}
.studio-designer .property-list-wrapper .properties-buttons-container {
  border-radius: 4px;
}
.studio-designer .property-list-wrapper .properties-button {
  margin: 0;
  height: 24px;
  width: 24px;
}
.studio-designer .property-list-wrapper .properties-button .mat-icon {
  font-size: 16px;
  height: 18px;
  width: 18px;
}
.studio-designer .property-list-wrapper .properties-button:not(:last-child) {
  border-top-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}
.studio-designer .studio-properties.hidden {
  display: none !important;
}
.studio-designer .panel-icons {
  padding: 5px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  cursor: pointer;
}
.studio-designer .action-row {
  width: 100%;
}
.studio-designer .action {
  border-width: 2px;
  border-radius: 8px;
  padding: 15px 10px;
  width: 125px;
  height: 83.5px;
  cursor: pointer;
  position: relative;
}
.studio-designer .action:disabled {
  cursor: auto;
}
.studio-designer .action-invalid-icon {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  width: 19px;
  height: 19px;
}
.studio-designer .icon {
  font-size: 2rem;
  height: 35px;
  width: 35px;
}
.studio-designer .studio-field {
  margin-bottom: 2%;
}
.studio-designer .studio-designer-master {
  width: 100%;
}
.studio-designer .file-select-layout, .studio-designer .draft-select-layout, .studio-designer .function-details-layout, .studio-designer .validate-layout {
  width: 100%;
  border-radius: 8px;
  padding: 10px 20px;
}
.studio-designer .validate-table {
  width: 100%;
}
.studio-designer .draft-table {
  width: 100%;
}
.studio-designer .draft-table .mat-row:hover {
  cursor: pointer;
}
.studio-designer .studio-designer-panel {
  padding: 0;
}
.studio-designer .studio-designer-wrapper {
  width: 100%;
  min-height: calc(100vh - 160px);
}
.studio-designer .studio-designer-wrapper .studio-designer-holder {
  height: calc(100vh - 160px);
  overflow: auto;
}
.studio-designer .studio-designer-wrapper .studio-designer-holder .studio-designer {
  width: 100%;
}
.studio-designer .studio-designer-wrapper .studio-designer-header {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 101;
  margin-bottom: 5px;
}
.studio-designer .studio-designer-wrapper .studio-designer-header .studio-layout-tabs {
  width: 100%;
}
.studio-designer .studio-designer-wrapper .studio-designer-header .studio-layout-tabs .mat-tab-body-wrapper {
  display: none;
}
.studio-designer .studio-designer-wrapper .drag-active {
  border-style: solid !important;
  border-width: 2px !important;
}
.studio-designer .studio-designer-wrapper .studio-layout-wrapper {
  position: relative;
  width: 100%;
  height: calc(100% - 56px);
}
.studio-designer .studio-designer-wrapper .studio-live-layout-expansion-panel.mat-expanded {
  border-radius: 8px;
}
.studio-designer .studio-designer-wrapper .studio-layout-ajsf-wrapper {
  height: 97%;
  border-radius: 8px;
  padding: 1vh 1vh;
}
.studio-designer .studio-designer-wrapper .studio-layout-ajsf-wrapper .studio-layout-ajsf {
  width: 99%;
  height: 100%;
  overflow: auto;
  padding: 1vh 0;
}
.studio-designer .studio-designer-wrapper .studio-layout-ajsf-wrapper .studio-layout-ajsf .mat-form-field-subscript-wrapper {
  position: unset;
}
.studio-designer .studio-designer-wrapper .studio-layout-ajsf-wrapper .studio-layout-ajsf .mat-form-field-underline {
  position: unset;
}
.studio-designer .studio-designer-wrapper .studio-layout {
  width: 100%;
  min-height: 100%;
  border-radius: 8px;
  padding: 1vh 1vh;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row {
  width: 99%;
  min-height: 40px;
  border-radius: 4px;
  border-style: dotted;
  position: relative;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row:hover {
  border-width: 2px !important;
  border-style: dotted;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row.row-half {
  width: 50%;
}
.studio-designer .studio-designer-wrapper .studio-layout .array-add-button {
  width: 99%;
}
.studio-designer .studio-designer-wrapper .studio-layout .section-row {
  padding: 5px;
}
.studio-designer .studio-designer-wrapper .studio-layout .section-row .studio-row-section-wrapper {
  height: 0;
  overflow: hidden;
}
.studio-designer .studio-designer-wrapper .studio-layout .section-row .studio-row-section-wrapper.expanded {
  height: auto;
}
.studio-designer .studio-designer-wrapper .studio-layout .section-row .legend.expandable {
  cursor: pointer;
}
.studio-designer .studio-designer-wrapper .studio-layout .section-row .legend.expandable.expanded:before {
  content: "▼";
  padding-right: 0.2em;
}
.studio-designer .studio-designer-wrapper .studio-layout .section-row .legend.expandable:before {
  content: "▶";
  padding-right: 0.3em;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row.cdk-drop-list-dragging .studio-col:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row-section {
  min-height: 40px;
  border-radius: 4px;
  border-style: dotted;
  position: relative;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row-section:hover {
  border-width: 2px !important;
  border-style: dotted;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row-section.margin-bottom:not(:last-child) {
  margin-bottom: 2%;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-row-section.cdk-drop-list-dragging .studio-col:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-col {
  margin: 5px;
  padding: 5px;
  min-height: 40px;
  position: relative;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-col:hover {
  border-width: 2px !important;
  border-style: dotted;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-col.widget-invalid {
  border-style: dotted;
  border-radius: 4px;
}
.studio-designer .studio-designer-wrapper .studio-layout .studio-col.widget-valid {
  border-style: dotted;
  border-radius: 4px;
}
.studio-designer .studio-designer-wrapper .studio-layout.cdk-drop-list-dragging .studio-row:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.studio-designer .studio-designer-wrapper .section-row.cdk-drop-list-dragging .studio-row-section:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.studio-designer .studio-designer-wrapper .studio-layout-options {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0 !important;
  z-index: 10;
  border-radius: 0 0 0 4px;
}
.studio-designer .studio-designer-wrapper .studio-layout-options .studio-layout-options-button {
  width: 26px;
  height: 22px;
  cursor: pointer;
  text-align: center;
}
.studio-designer .studio-designer-wrapper .studio-layout-options .studio-layout-options-button .mat-icon {
  font-size: 1.1rem;
  width: 19px;
  height: 19px;
}
.studio-designer .studio-designer-wrapper .widget-html {
  width: 100%;
  height: 100%;
}
.studio-designer .studio-designer-wrapper .widget-html-container {
  width: 100%;
  height: 100%;
}
.studio-designer .studio-designer-wrapper .studio-properties {
  overflow: auto;
  padding: 2vh 1vw;
  border-radius: 8px;
}
.studio-designer .studio-designer-wrapper .studio-properties .menu-wrapper {
  height: calc(100vh - 230px);
  overflow: auto;
}
.studio-designer .studio-designer-wrapper .studio-properties .studio-master-label {
  height: 40px;
}
.studio-designer .studio-designer-wrapper .studio-properties .menu-selected {
  border-top-width: 0px;
  border-bottom-width: 2px;
  border-left-width: 0px;
  border-right-width: 0px;
}
.studio-designer .studio-designer-wrapper .djs-palette {
  border: none;
  border-radius: 8px;
  width: 48px !important;
}
.studio-designer .studio-designer-wrapper .bpmn-file-upload {
  padding: 2vh 0;
}
.studio-designer .studio-designer-wrapper .menu-item {
  width: 100%;
  border-collapse: collapse;
  padding: 10px 8px;
  cursor: pointer;
}
.studio-designer .studio-designer-wrapper .menu-item-wrapper .menu-item:not(:first-child) {
  border-top-width: 0px;
}
.studio-designer .studio-designer-wrapper .menu-item-wrapper .menu-item:first-child {
  margin-top: 25px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.studio-designer .studio-designer-wrapper .menu-item-wrapper .menu-item:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 25px;
}
.studio-designer .studio-designer-wrapper .stage-item {
  width: 100%;
  border-collapse: collapse;
  cursor: pointer;
  word-break: break-all;
}
.studio-designer .studio-designer-wrapper .stage-item .stage-item-row {
  padding: 10px 8px;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-item:not(:first-child) {
  border-top-width: 0px;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-item:first-child {
  margin-top: 25px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-item:last-child {
  margin-bottom: 25px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-item-row {
  width: 100%;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item {
  width: 100%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row {
  filter: brightness(95%);
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  width: 100%;
  border-collapse: collapse;
  padding: 10px 8px 10px 30px;
  cursor: pointer;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .stage-sub-item-row .stage-sub-item-row-text {
  cursor: default;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row {
  filter: brightness(90%);
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  width: 100%;
  border-collapse: collapse;
  padding: 10px 8px 10px 30px;
  cursor: pointer;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item .ui-stage-row.ui-stage-row-active {
  border-left-width: 6px;
  padding: 10px 8px 10px 24px;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper .stage-sub-item-hide {
  max-height: 0;
}
.studio-designer .studio-designer-wrapper .stage-item-wrapper.cdk-drop-list-dragging .stage-item-row:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.studio-designer .studio-designer-wrapper .stage-properties {
  padding: 2vh 1vh;
  height: 65vh;
  overflow: auto;
}
.studio-designer .studio-designer-wrapper .full-form-fields {
  width: 98%;
  margin-bottom: 10px;
}
.studio-designer .studio-designer-wrapper .half-form-fields {
  width: 48%;
  margin-bottom: 10px;
}
.studio-designer .studio-designer-wrapper .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.studio-designer .studio-designer-wrapper .mat-form-field-subscript-wrapper {
  position: unset;
}
.studio-designer .studio-designer-wrapper .mat-checkbox {
  margin: 0;
  padding: 0;
}
.studio-designer .studio-designer-wrapper .mat-checkboxes-input {
  margin: 20px 80px;
  position: relative;
}
.studio-designer .studio-designer-wrapper .mat-checkbox-input {
  display: none;
}
.studio-designer .studio-designer-wrapper .array-property-container .array-property-item:not(:last-child) {
  padding-bottom: 5px;
}
.studio-designer .studio-designer-wrapper .studio-widgets-wrapper {
  width: 100%;
  padding: 1vh 0;
  overflow: auto;
  height: 63vh;
}
.studio-designer .studio-designer-wrapper .studio-widgets-wrapper .studio-widgets-panel:not(:last-child) {
  border-bottom-width: 0;
}
.studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button {
  border-width: 2px;
  border-radius: 8px;
  padding: 15px 10px;
  width: 95px;
  height: 83.5px;
  cursor: pointer;
  text-align: center;
}
.studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:disabled {
  cursor: auto;
}
.studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button:not(:last-child) {
  margin-bottom: 2%;
}
.studio-designer .studio-designer-wrapper .studio-widgets-wrapper .widget-button-filler {
  width: 95px;
  height: 83.5px;
}
.studio-designer .properties-layout {
  height: 97%;
  overflow: auto;
  border-radius: 8px;
  padding: 1vh 1vh;
}
.studio-designer .properties-layout .property-list-row {
  padding: 1vh 1vw;
}
.studio-designer .properties-layout .property-list-row:hover {
  cursor: pointer;
}
.studio-designer .properties-layout .property-list-row.active {
  border-radius: 8px;
}
.studio-designer .properties-layout .sub-list {
  margin-left: 30px;
  height: 0px;
  overflow: hidden;
}
.studio-designer .properties-layout .sub-list.expanded {
  height: auto;
}
.studio-designer .payload-layout, .studio-designer .ajsf-payload-layout {
  height: 100%;
}
.studio-designer .payload-layout .code-mirror-layout, .studio-designer .ajsf-payload-layout .code-mirror-layout {
  max-height: none;
  max-width: none;
  overflow: auto;
}
.studio-designer .ajsf-payload-layout {
  padding: 10px 0;
}
.mat-autocomplete-option {
  font-size: 0.9rem;
}
.fileUploadButton {
  width: 90px;
  color: transparent;
}
.applicationIconLabel {
  word-break: break-all;
}
.applicationIconSvg {
  width: 50px;
}
.unlock-download {
  width: 100%;
  position: fixed;
  bottom: 0;
}
.unlock-button {
  margin: 8px 8px !important;
}
.mat-date-range-input-inner-widget {
  font: inherit;
  background: 0 0;
  color: currentColor;
  border: none;
  outline: 0;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  text-align: inherit;
  -webkit-appearance: none;
  width: 100%;
}
.mat-date-range-input-container-widget {
  display: flex;
  display: -ms-flexbox;
}
.mat-button-toggle-group-widget {
  position: relative;
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-direction: row;
  white-space: nowrap;
  overflow: hidden;
  border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}
.mat-button-widget {
  border: 0;
  background: none;
  color: inherit;
  padding: 1;
  margin: 0;
  font: inherit;
  outline: none;
  cursor: pointer;
}
.copyIcon {
  position: absolute;
  right: 135px;
  z-index: 1;
}
.copyIcon .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  padding: 2px 6px;
  border-radius: 8px;
}
.code-mirror-header-row .mat-icon, .code-mirror-header-row .code-mirror-option-type {
  height: 22px;
  border: 0;
  border-radius: 8px;
  margin: 1px;
}
.code-mirror-header-row .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  cursor: pointer;
  padding: 2px 6px;
}
.code-mirror-header-row .code-mirror-option-type {
  font-size: 0.8rem;
  padding: 2px 8px;
}
.CodeMirror {
  height: 100%;
}
.code-mirror-wrapper {
  width: 100%;
  height: 100%;
}
.code-mirror-layout {
  height: 100%;
  max-height: 300px;
  overflow: auto;
  max-width: 65vw;
}
.code-mirror-layout .error-marker {
  color: black;
  width: 10px !important;
  background-color: #ff0000;
}
.code-mirror-layout .error-marker .error-message {
  display: none;
  position: absolute;
  background-color: #ddd;
  border: 1px solid #999;
  padding: 6px;
  width: 140px;
  left: 15px;
  top: -1em;
}
.code-mirror-layout .error-marker:hover .error-message {
  display: block;
}
.sub-properties-layout {
  height: 88%;
  overflow: auto;
}
.sub-properties-layout .mat-form-field-wrapper {
  padding-bottom: 0;
}
.sub-properties-layout .sub-properties-table {
  overflow-x: scroll;
  height: 100%;
  width: 100%;
}
.sub-properties-layout .sub-properties-table .sub-properties-header .sub-properties-column {
  border-width: 1px 0 1px 1px;
}
.sub-properties-layout .sub-properties-table .sub-properties-header .sub-properties-column:last-child {
  border-width: 1px 1px 1px 1px;
}
.sub-properties-layout .sub-properties-table .sub-properties-column {
  border-width: 0 0 0 1px;
  padding: 6px 6px;
}
.sub-properties-layout .sub-properties-table .sub-properties-column:last-child {
  border-width: 0 1px 0 1px;
}
.sub-properties-layout .sub-properties-table .sub-properties-row:first-child {
  border-width: 0;
}
.sub-properties-layout .sub-properties-table .sub-properties-row {
  border-width: 0 0 1px 0;
}
.code-mirror-expanded-layout {
  height: 63vh;
}
.studio-advice-designer {
  border: 0;
  width: 99%;
  height: 97%;
}
.designer-form-fields {
  margin-bottom: 10px;
  width: 98%;
}
.properties-tab .mat-tab-label {
  min-width: 90px;
}
.properties-tab .mat-ink-bar {
  width: 90px;
}
.break-word {
  word-break: break-all;
}
.widget-errors {
  width: 100%;
  max-height: 300px;
  overflow: auto;
}
.bpmn-icon-color img {
  display: none;
}
.bpmn-icon-color:after {
  content: "✎";
  font-size: 22px;
}
/****** System params starts ******/
.spacer {
  flex: 1 1 auto;
}
.param-container {
  margin: 0 40px;
  border-radius: 8px;
}
.param-menu-items-container {
  flex: 0 0 250px;
  margin: 10px 10px;
}
.param-menu-items-container .param-menu-header {
  font-weight: bold;
  padding: 10px 10px;
  margin-bottom: 15px;
  text-align: center;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  border-bottom-width: 1px;
}
.param-menu-items-container .param-menu-item {
  padding: 10px 15px;
  cursor: pointer;
}
.param-menu-items-container .param-menu-item:not(:first-child) {
  border-top-width: 0;
}
.param-menu-items-container .param-menu-item:first-child {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.param-menu-items-container .param-menu-item:last-child {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.param-menu-details-container {
  flex: 1 1 auto;
  padding: 10px 10px;
  margin: 10px 10px;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 1px;
  border-bottom-width: 0;
}
.param-menu-details-container .button-center-container {
  margin-top: 10px;
}
.studio-landing-container {
  margin: 0 40px;
  border-radius: 8px;
}
.studio-landing-container .function-container {
  width: 140px;
  height: 140px;
  border-radius: 4px;
  padding: 10px 10px;
}
.studio-landing-container .icon-container {
  width: 100px;
}
.param-section-title {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  width: 100%;
  font-weight: bold;
  font-size: 1.1em;
  padding: 5px;
  margin-top: 10px;
}
.wa-message-container {
  border-radius: 4px;
  padding: 5px;
}
.wa-message-container .wa-message-header {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 15px;
}
.wa-message-container .wa-message-body-md {
  white-space: pre-wrap;
}
.wa-message-container .wa-message-footer {
  margin-top: 15px;
  font-size: 0.8em;
}
.table-container {
  width: calc(100vw - 420px);
  overflow: auto;
  margin-bottom: 20px;
}
.table-container .mat-table {
  width: 100%;
}
.table-container .mat-row:hover {
  cursor: pointer;
}
.table-flex-container {
  flex: 1 1 calc(100vw - 420px);
  overflow: auto;
  margin-bottom: 20px;
}
.table-flex-container .mat-table {
  width: 100%;
}
.table-flex-container .mat-row:hover {
  cursor: pointer;
}
.table-row-details-container {
  flex: 0 0 calc(65% - 15px);
  overflow: scroll;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0;
}
.row-header-label {
  font-weight: bold;
  font-size: 1.2em;
  display: flex;
  align-items: center;
}
.row-header {
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  padding: 0 0 0 10px;
}
.row-footer {
  border-bottom-width: 0;
  border-right-width: 0;
  border-left-width: 0;
  padding: 10px 0;
  margin-top: 10px;
}
.small-icon-button {
  font-size: 1.5em;
  cursor: pointer;
}
.tab-body-container {
  width: calc(100vw - 420px);
  min-width: calc(100vw - 420px);
  max-width: calc(100vw - 420px);
}
.parameter-expansion-panel .mat-expansion-panel-header {
  font-weight: bold;
}
.parameter-expansion-panel.mat-expanded .mat-expansion-panel-header {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-radius: 0;
  border-collapse: collapse;
}
.parameter-expansion-panel.mat-expanded .mat-expansion-panel-body {
  margin: 15px 0;
}
.row-item-half.mat-checkbox {
  margin: 0;
  padding-top: 17px;
}
.mat-dialog-content .CodeMirror-gutters {
  left: 0 !important;
}
.mat-dialog-content .CodeMirror-gutter-wrapper {
  left: -56px !important;
}
.parameter-tab-container {
  width: 100%;
}
.parameter-tab-container .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  display: none;
}
.system-parameters-table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
}
.system-parameters-table th, .system-parameters-table td {
  border-collapse: collapse;
  padding: 5px;
  text-align: start;
}
.system-parameters-table tr:hover {
  cursor: pointer;
}
/****** System params ends ******/
.finfra-bpmn-background, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input option, .studio-designer-wrapper .bjs-container .djs-popup-body, .studio-designer-wrapper .bjs-container .djs-popup, .studio-designer-wrapper .bjs-container .djs-context-pad .entry, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input option {
  background: #f2f2f2;
}
.finfra-bpmn-background-transparent, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup .entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-arrow:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-arrow, .studio-designer-wrapper .bjs-container .djs-popup-body .entry:hover, .studio-designer-wrapper .bjs-container .djs-popup .entry:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-arrow:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-arrow {
  background: transparent;
}
.finfra-bpmn-color-primary, .dark-mode .studio-designer-wrapper .bjs-container .djs-palette .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry:focus, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover .bio-properties-panel-add-entry-label, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-group-header, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover, .studio-designer-wrapper .bjs-container .djs-palette .entry:hover, .studio-designer-wrapper .bjs-container .djs-popup-body .entry:hover, .studio-designer-wrapper .bjs-container .djs-popup .entry:hover, .studio-designer-wrapper .bjs-container .djs-context-pad .entry:focus, .studio-designer-wrapper .bjs-container .djs-context-pad .entry:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover .bio-properties-panel-add-entry-label, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-group-header, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover {
  color: #0071bb;
}
.finfra-bpmn-border, .dark-mode .studio-designer-wrapper .bjs-container .djs-palette, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input, .studio-designer-wrapper .bjs-container .djs-palette, .studio-designer-wrapper .bjs-container .djs-popup, .studio-designer-wrapper .bjs-container .djs-context-pad .entry, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.finfra-bpmn-fill, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-arrow, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-header .bio-properties-panel-header-icon, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-header .bio-properties-panel-header-icon {
  fill: #434343;
}
.finfra-bpmn-fill-primary, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-add-entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-add-entry, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-arrow {
  fill: #0071bb;
}
.studio-designer-wrapper .bio-properties-panel {
  --text-base-color: $base-color;
  --header-background-color: $background-color;
  --header-icon-fill-color: $base-color;
  --header-bottom-border-color: $outline-color;
  --group-background-color: $card-background-color;
  --group-bottom-border-color: $outline-color;
  --input-border-color: $outline-color;
  --input-background-color: $background-color;
  --input-focus-background-color: $background-color;
  --input-focus-border-color: $outline-color-hover;
  --input-disabled-color: $label-disabled-color;
  --input-disabled-background-color: $background-color;
  --input-disabled-border-color: $outline-color-disabled;
  --toggle-switch-off-background-color: $outline-color;
  --dropdown-separator-background-color: $outline-color;
  max-height: 65vh;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container {
  padding-bottom: 0px;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 10px 0px;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-dot {
  background-color: #0071bb;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-dot {
  background-color: #434343;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover {
  border: 1px solid #0071bb;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input {
  padding: 1em 0.75em 1em 0.75em;
  border-radius: 5px;
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input:hover {
  border: 1px solid rgba(0, 0, 0, 0.87);
}
.studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input:focus {
  border: 1px solid #0071bb;
}
.studio-designer-wrapper .bjs-container .djs-direct-editing-parent {
  background-color: transparent !important;
  color: #434343;
  border: none !important;
}
.dark-mode .finfra-bpmn-background, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input option, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input .dark-mode option, .studio-designer-wrapper .bjs-container .djs-context-pad .dark-mode .entry, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup, .studio-designer-wrapper .bjs-container .dark-mode .djs-popup, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body, .studio-designer-wrapper .bjs-container .dark-mode .djs-popup-body {
  background: #333333;
}
.dark-mode .finfra-bpmn-background-transparent, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup .entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-arrow:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .dark-mode .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-arrow:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-add-entry:hover, .studio-designer-wrapper .bjs-container .djs-popup .dark-mode .entry:hover, .studio-designer-wrapper .bjs-container .djs-popup-body .dark-mode .entry:hover {
  background: transparent;
}
.dark-mode .finfra-bpmn-color-primary, .dark-mode .studio-designer-wrapper .bjs-container .djs-palette .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup-body .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup .entry:hover, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry:focus, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover .bio-properties-panel-add-entry-label, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-group-header, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-group-header:hover, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .dark-mode .bio-properties-panel-group-header, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover .dark-mode .bio-properties-panel-add-entry-label, .studio-designer-wrapper .bjs-container .djs-context-pad .dark-mode .entry:hover, .studio-designer-wrapper .bjs-container .djs-context-pad .dark-mode .entry:focus, .studio-designer-wrapper .bjs-container .djs-popup .dark-mode .entry:hover, .studio-designer-wrapper .bjs-container .djs-popup-body .dark-mode .entry:hover, .studio-designer-wrapper .bjs-container .djs-palette .dark-mode .entry:hover {
  color: #0071bb;
}
.dark-mode .finfra-bpmn-border, .dark-mode .studio-designer-wrapper .bjs-container .djs-palette, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup, .dark-mode .studio-designer-wrapper .bjs-container .djs-context-pad .entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-input, .studio-designer-wrapper .bjs-container .djs-context-pad .dark-mode .entry, .dark-mode .studio-designer-wrapper .bjs-container .djs-popup, .studio-designer-wrapper .bjs-container .dark-mode .djs-popup, .dark-mode .studio-designer-wrapper .bjs-container .djs-palette, .studio-designer-wrapper .bjs-container .dark-mode .djs-palette {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .finfra-bpmn-fill, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-arrow, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-header .bio-properties-panel-header-icon, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-header .dark-mode .bio-properties-panel-header-icon, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-add-entry {
  fill: white;
}
.dark-mode .finfra-bpmn-fill-primary, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-add-entry, .dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .dark-mode .bio-properties-panel-arrow, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .dark-mode .bio-properties-panel-add-entry, .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .dark-mode .bio-properties-panel-add-entry:hover {
  fill: #0071bb;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel {
  --text-base-color: $base-color;
  --header-background-color: $background-color;
  --header-icon-fill-color: $base-color;
  --header-bottom-border-color: $outline-color;
  --group-background-color: $card-background-color;
  --group-bottom-border-color: $outline-color;
  --input-border-color: $outline-color;
  --input-background-color: $background-color;
  --input-focus-background-color: $background-color;
  --input-focus-border-color: $outline-color-hover;
  --input-disabled-color: $label-disabled-color;
  --input-disabled-background-color: $background-color;
  --input-disabled-border-color: $outline-color-disabled;
  --toggle-switch-off-background-color: $outline-color;
  --dropdown-separator-background-color: $outline-color;
  max-height: 65vh;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container {
  padding-bottom: 0px;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 10px 0px;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-group-header:hover .bio-properties-panel-dot {
  background-color: #0071bb;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-dot {
  background-color: white;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-add-entry:hover {
  border: 1px solid #0071bb;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input {
  padding: 1em 0.75em 1em 0.75em;
  border-radius: 5px;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input:hover {
  border: 1px solid white;
}
.dark-mode .studio-designer-wrapper .bio-properties-panel .bio-properties-panel-scroll-container .bio-properties-panel-group .bio-properties-panel-input:focus {
  border: 1px solid #0071bb;
}
.dark-mode .studio-designer-wrapper .bjs-container .djs-direct-editing-parent {
  background-color: transparent !important;
  color: white;
  border: none !important;
}
.main-flex-container {
  display: flex;
  width: calc(100% - 80px);
  min-height: calc(100vh - 160px);
  margin-bottom: 10px;
}
.flex-container {
  display: flex;
  width: 100%;
}
.flex-item {
  display: flex;
}
.flex-row {
  flex-direction: row;
  gap: 10px;
}
.row-table {
  width: 100%;
}
.row-field {
  width: 80%;
}
.flex-column {
  flex-direction: column;
  gap: 10px;
}
.flex-wrap {
  flex-wrap: wrap;
}
.row-container {
  width: 100%;
}
.row-item-half {
  flex: 0 0 calc(50% - 15px);
  max-width: calc(50% - 15px);
}
.row-item-full {
  flex: 0 0 calc(100% - 15px);
  max-width: calc(100% - 15px);
}
.row-item-fit {
  flex: 1 1 auto;
}
.align-flex-middle {
  align-items: center;
}
.align-flex-end {
  justify-content: end;
}
.account-widget-ajsf-container {
  margin-top: 15px;
}
.mat-sort-header-container .mat-sort-header-content {
  text-align: left;
}
html, body {
  height: 100vh;
  max-height: 100vh;
  overscroll-behavior-x: none;
}
body {
  margin: 0;
  min-height: 100vh;
  min-width: 100vw;
}
body > .mat-progress-bar-fill.mat-progress-bar-element, body > .mat-drawer, body > .mat-form-field-label, body > .mat-dialog-container {
  will-change: transform;
}
/***** Commons styles starts *****/
.rtl {
  direction: rtl;
}
.mat-drawer {
  transform: translate3d(-100%, 0, 0);
}
.mat-progress-bar-fill.mat-progress-bar-element {
  transform: scale3d(0, 1, 1);
}
.device-info {
  width: 100%;
  border-collapse: collapse;
}
.device-info tr td {
  border: 1px solid #e0e0e0;
}
.device-info td {
  padding: 5px 10px;
}
.device-info .key {
  font-weight: bold;
}
.center-page {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frosted-glass {
  background: linear-gradient(92.97deg, rgba(255, 255, 255, 0.576) 1.21%, rgba(255, 255, 255, 0.072) 100%);
  background: -o-linear-gradient(92.97deg, rgba(255, 255, 255, 0.576) 1.21%, rgba(255, 255, 255, 0.072) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  transform: translate3d(0, 0, 0);
}
.gradient-border {
  border-radius: 8px;
}
.gradient-border:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(to left, #0071bb, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.spacer {
  flex: 1 1 auto;
}
.w100 {
  width: 100%;
}
.w50 {
  width: 50%;
}
.w98 {
  width: 98%;
}
.text-center {
  text-align: center;
}
.pointer {
  cursor: pointer;
}
.display-none {
  display: none;
}
.action-button {
  width: 144px;
  height: 40px;
}
.sidenav-button-container {
  text-align: center;
  padding: 1vh 1vw 1vh 1vw;
}
.collapse {
  display: none !important;
}
.radio-text {
  white-space: normal;
}
.mat-checkbox {
  margin: 0 12px;
}
.mat-stroked-button, .mat-flat-button {
  background-color: transparent;
}
.mat-stroked-button .mat-icon, .mat-flat-button .mat-icon {
  margin-right: 12px;
}
.mat-stroked-button .mat-icon.mat-icon-no-margin, .mat-flat-button .mat-icon.mat-icon-no-margin {
  margin-right: 0;
}
.cdk-overlay-pane .mat-dialog-container {
  display: flex;
  flex-direction: column;
}
.mat-dialog-actions {
  margin-top: 16px;
}
.mat-icon {
  vertical-align: middle;
}
.mat-tab-body {
  padding-top: 1vh;
}
.mat-tab-header .mat-tab-label, .studio-designer .studio-designer-wrapper .studio-designer-header .studio-designer-header-menu-item .mat-tab-label {
  opacity: 1;
}
.mat-icon.small-icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
/***** Common styles ends *****/
/***** Master toolbar starts *****/
/***** Master toolbar ends *****/
/***** Master layout starts *****/
.web-layout {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}
/***** Master layout ends *****/
/***** Login layout starts *****/
.login-master-container {
  height: calc(100vh - 48px);
}
.login-body {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-container-wrapper {
  min-width: 384px;
  max-width: 384px;
  width: 384px;
  min-height: 520px;
  max-height: 520px;
  height: 520px;
  border-radius: 8px;
  position: relative;
  z-index: 0;
}
.login-container-wrapper:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(to right, #0071bb, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.login-container {
  padding: 96px 32px 32px 32px;
}
.login-button {
  width: 144px;
  height: 40px;
}
.sub-text-button {
  font-size: 12px;
  line-height: 16px;
}
.sub-text-button:hover {
  cursor: pointer;
  font-weight: bold;
}
.password-pattern-text {
  font-size: 12px;
  line-height: 16px;
}
.login-option-button {
  border: 1px solid #0071bb !important;
  background: transparent;
  color: #434343;
  height: 50px;
}
.dark-mode .login-container-wrapper:before {
  background: linear-gradient(to right, #0071bb, #434343);
}
/***** Login layout ends *****/
/***** Footer starts *****/
.footer {
  flex-shrink: 0;
  height: 48px;
  font-size: 12px;
  line-height: 16px;
  color: #434343;
  margin-top: auto;
}
.footer-prefix-container {
  padding: 0 2vw;
}
.footer-button {
  cursor: pointer;
  text-decoration: underline;
}
.footer-select {
  border: 1px solid #bdbdbd;
  background: transparent;
  color: #434343;
}
.dark-mode .footer {
  color: #bdbdbd;
}
.dark-mode .footer-select {
  color: #bdbdbd;
}
/***** Footer ends *****/
/***** Typography changes starts *****/
/***** Typography changes ends *****/
/***** Top navbar starts *****/
.topnav-toolbar {
  z-index: 999;
}
.logo {
  width: 12vw;
  height: 100%;
  background-image: url('company-logo-color.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.menu-icon-spacer {
  margin: 0 1vw 0 1vw;
}
.logo-spacer {
  margin: 0 1vw;
}
.mnemonic-widget-wrapper {
  padding: 2px 2px 2px 16px;
  border-radius: 8px;
  height: 40px;
  vertical-align: middle;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}
.mnemonic-widget-wrapper .mnemonic-widget-input {
  border: 0;
  outline: none;
  background: transparent;
}
.branch-top-widget-wrapper {
  width: 122px;
  height: 80%;
  font-size: 14px;
}
.branch-widget-cdk {
  z-index: 1000 !important;
}
.branch-label {
  position: absolute;
  display: block;
}
.line-spacing {
  padding: 0 15px;
}
.notification-topnav-container {
  margin: 0 30px 0 30px;
}
.user-name-details {
  font-size: 16px;
}
.top-nav-dialog {
  width: 70vw;
}
.top-nav-dialog .mat-dialog-content {
  height: 60vh;
}
.dark-mode .logo {
  background-image: url('company-logo-white.svg');
}
/***** Top navbar ends *****/
/***** Side navbar starts *****/
.branch-sidebar-widget-wrapper {
  width: 96%;
  padding: 1.5vh 1vw;
}
.notification-sidenav-container {
  padding: 2vh 2vw 2vh 2vw;
}
.notification-sidenav-container .notification-item {
  cursor: pointer;
  width: 100%;
  padding: 2vh 0 2vh 0;
  border-bottom: 1px solid #eeeeee;
}
.notification-sidenav-container .notification-item .notification-application {
  background-color: #e0e0e0;
  color: #434343;
  padding: 5px 15px;
  border-radius: 25px;
}
.notification-sidenav-container .notification-item .notification-dismiss {
  width: 100px;
  text-align-last: start;
  padding: 1vh 0;
}
.notification-sidenav-container .notification-paginator-container {
  width: 100%;
}
.notification-sidenav-menu-bottom {
  width: 100%;
  text-align: center;
}
.alert-history-sidenav-container {
  padding: 2vh 2vw 2vh 2vw;
}
.alert-history-sidenav-container .alert-history-row {
  padding: 1vh 0 2vh 0;
  border-bottom: 1px solid #e0e0e0;
}
.alert-history-sidenav-container .alert-history-row .alert-history-type {
  font-weight: 700;
}
.alert-history-sidenav-container .alert-history-row .alert-history-code {
  font-size: 14px;
  padding-bottom: 5px;
}
.alert-history-sidenav-container .alert-history-row .alert-history-message {
  font-size: 14px;
  padding-bottom: 5px;
}
.alert-history-sidenav-container .alert-history-row .alert-history-timestamp {
  font-size: 12px;
}
/***** Side navbar ends *****/
/***** Dashboard starts *****/
.dashboard-chart-master-container {
  padding: 0vh 2vw 0vh 2vw;
}
.dashboard-chart-master-container.chart-collapsed {
  background-image: none;
}
.dashboard-chart-container {
  border-radius: 8px;
}
.dashboard-chart-container:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1px;
  border-radius: 8px;
  background: linear-gradient(to left, #0071bb, #ffffff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
}
.page-top-bar {
  padding: 1vh 4vw;
}
.dashboard-header {
  padding: 2vh 2vw 2vh 2vw;
}
.dashboard-chart-body {
  padding: 2vh 2vw 2vh 2vw;
}
.dashboard-header-text {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}
.dashboard-header-collapse-button {
  cursor: pointer;
}
.dashboard-chart-1 {
  width: 410px;
  max-width: 410px;
  height: 200px;
  max-height: 200px;
  border-radius: 16px;
  padding: 16px 24px;
}
.dashboard-body {
  padding: 1vh 5vw 1vh 5vw;
}
.dashboard-task-icon {
  margin-right: 12px;
}
.dashboard-filter-button .mat-icon {
  margin-right: 0;
}
.dashboard-filters-bar {
  padding-bottom: 10px;
}
.dashboard-filters-bar .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.dashboard-filter-bar-search-by {
  margin-right: 0% !important;
}
.dashboard-filter-bar-search-by .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 6px 0 12px 0;
}
.dashboard-filter-bar-search-by .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-radius: 0;
}
.dashboard-filter-bar-search-by .mat-select-arrow-wrapper {
  display: inline-block;
}
.dashboard-filter-bar-search-by .dashboard-filters-bar-field .mat-form-field-wrapper {
  border-radius: 5px 0 0 5px;
}
.dashboard-filter-bar-search .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 6px 0 12px 0;
}
.dashboard-filter-bar-search .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0;
}
.dashboard-filter-bar-search .dashboard-filters-bar-field .mat-form-field-wrapper {
  border-radius: 0 5px 5px 0;
}
.dashboard-filters-bar-field .mat-form-field-wrapper {
  background-color: white;
  border-radius: 5px;
}
.dashboard-body-content .mat-flat-button {
  height: 40px;
}
.dashboard-body-content .mat-form-field-appearance-outline .mat-form-field-prefix, .dashboard-body-content .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0.36em;
}
.dashboard-body-content .mat-form-field-appearance-outline .mat-form-field-label.mat-form-field-empty {
  top: 1.54375em;
}
.dashboard-body-content .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.dashboard-body-content .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  top: 1.84375em;
}
.dashboard-filter-content .mat-checkbox-layout .mat-checkbox-label {
  font-size: 14px;
  line-height: 16px;
}
.dashboard-filter-content .mat-checkbox-inner-container {
  height: 15px !important;
  width: 15px !important;
}
.dashboard-filter-content .mat-checkbox {
  margin-left: 0px !important;
}
.dashboard-filter-content .mat-expansion-panel-header {
  height: 39px;
}
.dashboard-filter-content .mat-radio-container {
  height: 12px;
  width: 12px;
}
.dashboard-filter-content .mat-radio-outer-circle {
  height: 12px;
  width: 12px;
}
.dashboard-filter-content .mat-radio-inner-circle {
  height: 12px;
  width: 12px;
}
.dashboard-filter-content .mat-radio-button .mat-radio-ripple {
  height: 20px;
  /*double of your required circle radius*/
  width: 20px;
  /*double of your required circle radius*/
  left: calc(50% - 10px);
  /*'10px'-same as your required circle radius*/
  top: calc(50% - 10px);
  /*'10px'-same as your required circle radius*/
}
.p6 {
  padding: 6px;
}
.dashboard-details .dashboard-panel-title {
  flex: 1 1 auto;
}
.dashboard-details .mat-expansion-panel-header-description {
  display: none;
}
.dashboard-details .dashboard-panel-title-row {
  width: 100%;
}
.dashboard-details .panel-expand {
  padding: 0 8px;
}
.dashboard-details .mat-expansion-panel-header-title,
.dashboard-details .mat-expansion-panel-header-description {
  flex-basis: 0;
}
.dashboard-details .mat-expansion-panel-header-description {
  justify-content: space-between;
  align-items: center;
}
.dashboard-filter-drawer {
  width: 302px;
}
.dashboard-filter-drawer-content {
  margin: 2vh 1vw 2vh 1vw;
}
.dashboard-filter-drawer-header {
  font-size: 24px;
  font-weight: 400;
  border-bottom: 1px solid #e0e0e0;
  padding: 0vh 1vw 2vh 1vw;
}
.dashboard-filter-drawer-header-close:hover {
  cursor: pointer;
  color: #bdbdbd;
}
.dashboard-filter-drawer-button {
  position: sticky;
  bottom: 0px;
}
.dashboard-filter-header {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}
.filter-buttons {
  width: 270px;
  height: 45px;
  border-radius: 8%;
  font-size: 16px;
  line-height: 16px;
}
.apply-button {
  background-color: #434343;
  color: white;
}
.dark-mode .apply-button {
  background-color: white;
  color: #434343;
}
.filter-checkbox-options {
  font-size: 14px;
  line-height: 16px;
  padding: 6px;
}
.dashboard-panel-title .mat-icon {
  vertical-align: middle;
}
.dashboard-footer {
  height: 9vh;
  padding: 2vh 7vw 2vh 7vw;
  margin: 1vh 0vw 1vh 0vw;
  box-shadow: 0px -4px 8px 0px #e0e0e0;
  position: sticky;
  bottom: 0;
  z-index: 100;
}
.dashboard-footer .dashboard-footer-header {
  font-weight: 700;
}
.dashboard-footer .dashboard-footer-text {
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
}
.dashboard-start-transaction-dialog {
  width: 70vw;
}
.dashboard-start-transaction-dialog .mat-dialog-content {
  height: 50vh;
}
.dashboard-start-transaction-dialog .dashboard-function-id {
  border-radius: 8px;
  padding: 15px 10px 15px 10px;
  margin-bottom: 15px;
}
.dashboard-start-transaction-dialog .dashboard-transaction-group-select {
  width: 39%;
}
.dashboard-start-transaction-dialog .dashboard-start-transaction-actions {
  width: 100%;
}
.dashboard-data-table {
  width: 100%;
  word-break: break-word;
}
.dashboard-data-table .dashboard-data-table-row {
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 1.5vh;
  padding-top: 1.5vh;
}
.dashboard-data-table .dashboard-data-table-row:hover {
  cursor: pointer;
  background-color: rgba(0, 113, 187, 0.1);
}
.dashboard-data-table .dashboard-data-table-row.row-selected {
  background-color: rgba(0, 113, 187, 0.1);
}
.dashboard-data-table .dashboard-data-table-header {
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 9px;
}
.dashboard-data-table .dashboard-data-table-header {
  padding-bottom: 9px;
}
.dashboard-data-table .finfra-dashboard-chip {
  font-size: 12px;
  font-weight: 400;
}
.dashboard-data-table .dashboard-data-time {
  font-size: 12px;
  font-weight: 400;
}
.dashboard-data-table .dashboard-data-row-options {
  border-radius: 0;
  border: 0;
  outline: none;
  border-bottom: 1px solid #9e9e9e;
}
.dashboard-data-card .dashboard-data-card-row {
  width: 100%;
}
.dashboard-data-card .dashboard-data-card-item {
  margin-bottom: 1vh;
  height: 367px;
  border-radius: 8px;
  padding: 16px 12px 16px 12px;
}
.dashboard-data-card .dashboard-data-card-item .dashboard-show-more {
  width: 100%;
  font-weight: 700;
  cursor: pointer;
}
.dashboard-data-card .dashboard-data-card-header {
  font-weight: 700;
}
.dashboard-data-card .dashboard-data-card-text {
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
}
.dashboard-data-card .mat-checkbox {
  margin: 0;
}
.dashboard-data-card .card-selected {
  background-color: rgba(0, 113, 187, 0.1);
}
.dashboard-data-card .card-expanded {
  height: auto;
}
.dashboard-data-card .dashboard-data-time {
  font-size: 12px;
  font-weight: 400;
}
.dashboard-data-card .dashboard-data-row-options {
  border-radius: 0;
  border: 0;
  outline: none;
  border-bottom: 1px solid #9e9e9e;
}
.dark-mode .dashboard-filters-bar-field .mat-form-field-wrapper {
  background-color: #434343;
}
.dark-mode .dashboard-footer {
  box-shadow: 0px -4px 8px 0px #212121;
}
.dark-mode .dashboard-data-table .dashboard-data-table-row {
  border-bottom: 2px solid #757575;
}
.dark-mode .dashboard-data-table .dashboard-data-table-header {
  border-bottom: 2px solid #757575;
}
.dark-mode .dashboard-data-table .dashboard-data-row-options {
  border-bottom: 1px solid #757575;
}
.dark-mode .dashboard-data-table .dashboard-data-table-row:hover {
  background-color: rgba(0, 113, 187, 0.1);
}
.dark-mode .dashboard-data-table .dashboard-data-table-row.row-selected {
  background-color: rgba(0, 113, 187, 0.1);
}
.dark-mode .dashboard-data-card .card-selected {
  background-color: rgba(0, 113, 187, 0.1);
}
.dark-mode .dashboard-data-card .dashboard-data-row-options {
  border-bottom: 1px solid #757575;
}
/***** Dashboard ends *****/
/***** Page top starts *****/
.page-top-bar-application-link {
  text-decoration: underline;
  cursor: pointer;
}
/***** Page top ends *****/
/***** Alert bar starts *****/
.finfra-alert-bar-container {
  width: 100%;
  height: 56px;
  margin-top: 4px;
  position: fixed;
  z-index: 100;
  text-align: center;
}
.finfra-alert-bar-container .finfra-alert {
  width: 88%;
  height: 100%;
  padding: 0vh 2vw;
}
.finfra-alert-bar-container .finfra-alert-icon {
  margin-right: 20px;
}
/***** Alert bar ends *****/
/***** Landing starts *****/
.landing-hero-container {
  padding: 2vh 2vw 2vh 2vw;
}
.landing-hero {
  height: 60px;
  padding: 3vh 4vw 3vh 4vw;
  border-radius: 8px;
}
.main-page-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/***** Landing ends *****/
/***** Web layout starts *****/
.web-container {
  height: calc(100vh - 48px);
}
.web-body-container {
  background-image: url('web_back_light_mode.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.dark-mode .web-body-container {
  background-image: url('web_back_dark_mode.jpg');
}
/***** Web layout ends ******/
/***** Loader starts *****/
.loader-overlay {
  position: fixed;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 101;
  justify-content: center;
  align-items: center;
}
.hide-loader-overlay {
  display: none;
}
.loader-progress-bar {
  z-index: 101;
}
.hide-loader {
  display: none !important;
}
/***** Loader ends *****/
/***** Stepper starts *****/
.finfra-stepper-container {
  padding: 1vh 4vw;
  margin-bottom: 72px;
}
.finfra-stepper-container .finfra-stepper-function-description {
  margin: 0;
}
.finfra-stepper-container .finfra-stepper-ajsf-container {
  border-radius: 8px;
  padding: 2vh 2vw;
}
.finfra-stepper-container .finfra-stepper-ajsf {
  width: 82%;
}
.finfra-stepper-container .finfra-stepper-ajsf-full {
  width: 98%;
}
.finfra-stepper-container .finfra-stepper-psr-table {
  width: 82%;
  display: grid;
}
.finfra-stepper-container .finfra-stepper-top-row .mat-flat-button {
  height: 40px;
  margin: 0 8px;
}
.finfra-stepper-container .finfra-stepper-top-row .mat-stroked-button {
  height: 40px;
  margin: 0 8px;
}
.finfra-stepper-container .finfra-stepper-top-row .end-button {
  margin: 0 0 0 8px;
}
.finfra-stepper-container .finfra-stepper-top-row .end-button .mat-stroked-button {
  margin: 0;
}
.finfra-stepper-container .finfra-stepper-top-row .icon-button .mat-stroked-button {
  height: 40px;
  width: 40px;
  padding: 0;
}
.finfra-stepper-container .finfra-stepper-top-row .icon-button .mat-stroked-button .mat-icon {
  margin: 0;
  padding: 0;
}
.finfra-stepper-footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 100;
}
.finfra-stepper-footer .finfra-stepper-footer-container {
  height: 72px;
}
.finfra-stepper-footer .finfra-stepper-progress-bar {
  height: 10px;
}
.finfra-stepper-footer .finfra-stepper-footer-row {
  padding: 0 4vw;
  height: calc(100% - 10px);
}
.finfra-stepper-footer .mat-flat-button {
  min-width: 128px;
  margin: 0 8px;
}
.finfra-stepper-footer .mat-stroked-button {
  min-width: 128px;
  margin: 0 8px;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container {
  cursor: pointer;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container .finfra-stepper-footer-mpp-header {
  height: 63px;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container .finfra-stepper-footer-mpp-header-ajsf {
  height: 100%;
  padding: 8px 0px;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container .finfra-stepper-footer-mpp-body {
  display: none;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container .finfra-stepper-footer-mpp-body-ajsf {
  height: 100%;
  padding: 8px 0px;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container .expanded {
  display: block;
}
.finfra-stepper-footer .finfra-stepper-footer-mpp-container .legend {
  padding: 30px 10px;
}
.finfra-stepper-comments-container .finfra-stepper-comments-input-row {
  padding: 2vh 2vw;
}
.finfra-stepper-comments-container .finfra-stepper-comments-display-row {
  padding: 2vh 2vw;
}
.finfra-stepper-comments-container .finfra-stepper-comments {
  margin-bottom: 24px;
  padding: 9px 9px;
  border-radius: 4px;
}
.finfra-stepper-comments-container .finfra-stepper-comments-username {
  font-weight: 700;
}
.finfra-stepper-comments-container .finfra-stepper-comments-comments {
  margin-top: 14px;
  word-wrap: normal;
  white-space: normal;
}
.finfra-stepper-comments-container .finfra-stepper-comments-my-group {
  border-width: 2px;
}
.finfra-stepper-comments-container .finfra-stepper-comments-input {
  height: 88px;
}
.finfra-stepper-comments-container .tagged {
  padding: 5px 8px;
  border-radius: 4px;
}
.finfra-stepper-comments-container .tag-list {
  border-width: 1px 1px 0 1px;
  position: fixed;
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}
.finfra-stepper-comments-container .tag-list-item {
  cursor: pointer;
  padding: 5px 10px;
  border-width: 0 0 1px 0;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage {
  padding: 2vh 2vw;
  margin: 4px 36px;
  border-radius: 4px;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-empty {
  padding: 2vh 2vw;
  margin: 4px 36px;
  border-radius: 4px;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-wrapper {
  border-bottom: 2px solid #FFFFFF;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-name {
  cursor: pointer;
  display: flex;
  padding: 12px 36px 12px 0px;
  align-items: center;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-name .finfra-stepper-audit-stage-name-icon {
  width: 36px;
  max-width: 36px;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-name .finfra-stepper-audit-stage-name-icon .mat-icon {
  padding: 0 6px;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-name .finfra-stepper-audit-stage-name-wrapper {
  display: flex;
  flex-direction: column;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-name .finfra-stepper-audit-stage-name-date {
  font-size: 0.7rem;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-list {
  padding-bottom: 24px;
}
.finfra-stepper-audit-container .collapsed {
  display: none;
}
/***** Stepper ends *****/
/***** AJSF starts *****/
.form-flex-row {
  margin-bottom: 2%;
}
.mat-form-field-readonly .mat-form-field-outline {
  display: none !important;
}
.mat-form-field-readonly .mat-select-arrow {
  border: 0;
}
.mat-form-field-readonly .required:after {
  content: " *";
}
.radio-inline-required:after {
  content: " *";
}
.mat-slide-toggle {
  padding: 1.25em 0;
}
.dark-mode .close-button {
  fill: #bdbdbd;
}
.dark-mode .close-button:hover {
  fill: #e0e0e0;
}
.dark-mode .copy-button {
  fill: #bdbdbd;
}
.dark-mode .copy-button:hover {
  fill: #e0e0e0;
}
.close-button {
  cursor: pointer;
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 3px;
  fill: #434343;
  z-index: 500;
}
.close-button:hover {
  fill: #212121;
}
.legend {
  font-size: 18px;
  font-weight: bold;
  padding: 3vh 0vw;
}
.finfra-ajsf-table-expandable-container {
  overflow-x: auto;
  /* tr:nth-child(4n+0) {
    background-color: rgba(mat-color($finfra-application-primary), 0.4);
  }

  tr:nth-child(4n+3) {
    background-color: rgba(mat-color($finfra-application-primary), 0.4);
  } */
}
.finfra-ajsf-table-expandable-container .element-row:hover {
  background-color: rgba(0, 113, 187, 0.2);
}
.finfra-ajsf-table-expandable-container table {
  width: 100%;
}
.finfra-ajsf-table-expandable-container .element-detail {
  overflow: hidden;
  display: flex;
}
.finfra-ajsf-table-expandable-container tr.detail-row {
  height: 0;
}
.finfra-ajsf-table-expandable-container tr.element-row:not(.expanded-row):hover {
  background-color: rgba(0, 113, 187, 0.2);
}
.finfra-ajsf-table-expandable-container tr.element-row:not(.expanded-row):active {
  background-color: rgba(0, 113, 187, 0.6);
}
.finfra-ajsf-table-expandable-container .element-row td {
  border-bottom-width: 0;
  padding: 1vh 0vw;
}
.finfra-ajsf-table-expandable-container .table-overflow-ellipsis {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.finfra-ajsf-table-expandable-container .detailed-header {
  text-align: start;
  font-weight: bold;
}
.finfra-ajsf-table-expandable-container .detailed-text {
  text-align: start;
}
.finfra-ajsf-table-expandable-container .detailed-padding {
  padding-top: 1vh;
  padding-bottom: 1vh;
}
.finfra-ajsf-table-expandable-container .mat-cell {
  white-space: normal;
  word-wrap: break-word;
}
.finfra-ajsf-table-expandable-container [mat-sort-header].cdk-keyboard-focused .mat-sort-header-container, .finfra-ajsf-table-expandable-container [mat-sort-header].cdk-program-focused .mat-sort-header-container {
  border: none;
}
.finfra-ajsf-table-expandable-container [mat-sort-header].cdk-keyboard-focused, .finfra-ajsf-table-expandable-container [mat-sort-header].cdk-program-focused {
  border-bottom: 1px solid currentColor;
}
/***** object-difference starts *****/
.finfra-object-difference-container .mat-cell-width {
  word-break: break-all;
}
/***** object-difference Ends *****/
/***** DMS starts *****/
.refresh-icon-button .mat-stroked-button {
  width: 30px;
  padding: 0;
}
.refresh-icon-button .mat-icon {
  margin: 0;
  padding: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.file-drop-zone {
  border: 1px dashed #C6C6C6;
  border-radius: 24px;
  max-height: 240px !important;
  height: 240px !important;
  text-align: center;
  padding: 1vw 1vh;
  width: 190px;
  max-width: 190px !important;
}
.clickable {
  cursor: pointer;
  text-decoration: underline;
}
.display-none {
  display: none !important;
}
.scanned-image {
  width: 90%;
}
.finfra-ajsf-chip-list .mat-chip-list-wrapper {
  margin: 5px 0;
}
.finfra-ajsf-tabs-container {
  width: 100%;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group {
  max-width: 77vw;
  overflow: hidden;
}
.finfra-dms-document-dialog .mat-card-header-text {
  margin: 0;
}
.pb10 {
  padding-bottom: 10px;
}
.finfra-dms-button .mat-flat-button .mat-icon {
  font-size: 14px;
  height: 14px;
  width: 14px;
  padding: 2px 0 3px 2px;
}
.finfra-dms-button .mat-icon-button {
  margin: 0;
  padding: 5px;
  width: 9px;
  font-size: 14px;
  vertical-align: baseline !important;
}
.pt10 {
  padding: 10px 0;
}
.finfra-dms-delete .mat-icon {
  font-size: 14px;
  width: 9px;
  vertical-align: -webkit-baseline-middle;
  padding: 4px;
}
.finfra-dms-widget-border {
  border: 1px solid #E9EAEA;
  padding: 6px;
  border-radius: 16px;
}
.finfra-dms-list-before-upload {
  padding: 10px 8px;
}
.finfra-dms-list-after-upload {
  padding: 10px 8px 0px 8px;
}
.finfra-dms-button-options .mat-icon-button .mat-icon {
  font-size: 20px;
}
.pl8 {
  padding-left: 8px;
}
.finfra-ajsf-dms {
  max-width: 100%;
  width: 100%;
  overflow: auto;
}
.finfra-ajsf-dms .finfra-ajsf-dms-table {
  width: 100%;
}
.finfra-ajsf-dms .element-row td {
  height: 10px !important;
}
.finfra-ajsf-dms .mat-form-field-appearance-standard .mat-form-field-flex {
  padding-top: 0px !important;
}
.finfra-ajsf-dms .mat-form-field {
  display: block;
}
.finfra-ajsf-dms .mat-form-field-infix {
  width: initial;
}
.finfra-ajsf-dms .finfra-dms-file-name {
  word-break: break-word;
  text-align: left;
  width: 30%;
}
.ajsf-dms-comment-wrapper {
  border: 1px solid #e0e0e0;
}
.ajsf-dms-comment-wrapper .ajsf-dms-comment-header {
  font-weight: bold;
  margin: 0;
}
.ajsf-dms-comment-wrapper .ajsf-dms-comment-column {
  border: 1px solid #e0e0e0;
  border-collapse: collapse;
  padding: 5px 5px;
}
/***** DMS ends *****/
/***** Sub-Function ends *****/
.sub-function-dialog {
  z-index: 50;
}
.sub-function-dialog .mat-dialog-content {
  max-height: 77%;
  min-height: 77%;
  padding: 0;
}
.sub-function-dialog .mat-progress-bar {
  height: 8px;
  position: sticky;
  bottom: 0;
}
.sub-function-dialog .sub-function-dialog-body {
  padding: 10px 18px;
  min-height: 52.5vh;
}
.cdk-overlay-container {
  z-index: 90;
}
.sub-function-dialog-footer {
  width: 100%;
}
.sub-function-dialog-footer .sub-function-dialog-footer-row {
  width: 100%;
}
.sub-function-dialog-header {
  width: 100%;
}
/***** Sub-Function ends *****/
.finfra-ajsf-button-group-container {
  margin: 0.25em 0;
  padding-bottom: 1.3475em;
}
.finfra-ajsf-button-group-container .finfra-ajsf-button-group-label {
  font-size: 12px;
  padding: 0 5px;
}
.finfra-ajsf-embed-container .finfra-ajsf-embed-name {
  text-align: center;
}
.finfra-ajsf-embed-container .finfra-ajsf-embed-id {
  text-align: center;
}
.finfra-ajsf-embed-container .finfra-ajsf-embed {
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: 75vh;
  object-fit: contain;
}
.finfra-ajsf-embed-container .finfra-ajsf-embed-item {
  position: relative;
}
.finfra-ajsf-embed-container .finfra-ajsf-embed-overlay {
  position: absolute;
  width: 100%;
  text-align: end;
  cursor: pointer;
}
.finfra-ajsf-embed-container .finfra-ajsf-embed-overlay .mat-icon {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 4px;
}
.finfra-ajsf-embed-dialog {
  width: 100%;
  height: 70vh;
}
.finfra-ajsf-metabase-container {
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.finfra-ajsf-metabase-container .finfra-ajsf-metabase-title {
  font-weight: bold;
}
.finfra-ajsf-metabase-container .finfra-ajsf-metabase {
  width: 100%;
  border: none;
}
.square-button-container {
  padding: 1vh 4vw 1vh 4vw;
}
.square-button-container .square-button-icon-container {
  cursor: pointer;
  border: 1px solid #bdbdbd;
  border-radius: 8px;
  min-height: 138px;
  height: 138px;
  max-height: 138px;
  min-width: 166px;
  width: 166px;
  max-width: 166px;
  display: flex;
  align-content: center;
  place-content: center;
}
.square-button-container .square-button-icon-container:hover {
  background-color: #bdbdbd;
}
.square-button-container .square-button-icon {
  max-width: 80px;
}
.square-button-container .square-button-text {
  margin-bottom: 2vh;
}
.amount-ajsf-widget {
  margin-bottom: 1.34em;
}
.amount-ajsf-widget .mat-form-field-readonly.formatted-amount {
  margin-left: 3%;
}
.widget-title {
  border-bottom: 1px solid #bdbdbd;
  padding: 10px 12px;
  font-weight: bold;
}
.widget-border {
  border: 1px solid #bdbdbd;
  color: #434343;
  padding: 6px;
  border-radius: 4px;
}
.form-field {
  padding: 0.25em 0;
}
.fingerprint-ajsf-specimen-file::file-selector-button {
  border-radius: 4px;
  border: none;
  background-color: #0071bb;
  color: #ffffff;
  margin: 0 5px;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
}
.fingerprint-ajsf-specimen-embed {
  width: 150px;
}
.fingerprint-ajsf-specimen-table {
  max-width: 98%;
}
.checkbox-list {
  list-style-type: none;
  margin-top: 4px;
}
.no-border {
  border: 0;
}
.solr-facet-view-ajsf-pivot .solr-facet-view-ajsf-pivot-header {
  display: inline-flex;
  align-items: baseline;
}
.solr-facet-view-ajsf-pivot .solr-facet-view-ajsf-pivot-items .mat-checkbox-layout {
  padding-left: 12px;
}
.solr-facet-view-ajsf-pivot .mat-checkbox-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 154px;
}
/***** AJSF ends *****/
/***** Metabase starts *****/
.finfra-dashboard-metabase-container {
  padding: 1vh 4vw;
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.finfra-dashboard-metabase-container .finfra-dashboard-metabase {
  width: 100%;
  border: none;
  border-radius: 8px;
}
/***** Metabase ends *****/
/***** MPP starts *****/
.container-padding {
  padding-top: 2vh;
}
/***** MPP ends*****/
/***** Media queries starts *****/
@media only screen and (min-width: 601px) and (max-width: 960px) {
  /***** Top navbar starts *****/
  .logo {
    width: 20vw;
  }

  /***** Top navbar ends *****/
  /***** Dashboard starts *****/
  .dashboard-start-transaction-dialog {
    width: 80vw;
  }

  .dashboard-chart-1 {
    width: 290px;
    max-width: 290px;
  }

  /***** Dashboard ends *****/
  /***** Stepper starts *****/
  .finfra-stepper-container {
    margin-bottom: 165px;
  }

  /***** Stepper ends *****/
}
@media only screen and (max-width: 600px) {
  /***** Top navbar starts *****/
  .logo {
    width: 40vw;
  }

  /***** Top navbar ends *****/
  /***** Login layout starts *****/
  .login-container-wrapper {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
    border-radius: 0px;
  }

  .login-container-wrapper::before {
    border-radius: 0px;
  }

  /***** Login layout ends *****/
  /***** Footer starts *****/
  .footer {
    margin-bottom: 150px;
  }

  .footer-prefix {
    display: none;
  }

  .footer-suffix {
    display: none;
  }

  /***** Footer ends *****/
  /***** Top nav starts *****/
  .mnemonic-widget-wrapper {
    display: none !important;
  }

  /***** Top nav ends *****/
  /***** Dashboard starts *****/
  .dashboard-chart-1 {
    width: 90%;
    max-width: 90%;
    padding: 2px;
  }

  .dashboard-filter-bar-search-by .mat-form-field-appearance-outline .mat-form-field-flex {
    width: 40vw;
  }

  .dashboard-filter-bar-search .mat-form-field-appearance-outline .mat-form-field-flex {
    width: 45vw;
  }

  .dashboard-start-transaction-dialog {
    width: 100vw;
    max-width: 100vw !important;
    height: 100vh;
  }
  .dashboard-start-transaction-dialog .mat-dialog-content {
    height: 80vh;
    max-height: 80vh;
  }

  .dashboard-body {
    padding: 15px 10px;
  }

  .dashboard-function-id {
    width: 100%;
  }

  .dashboard-filters-bar {
    width: 98.5%;
  }

  /***** Dashboard ends *****/
  /***** Stepper starts *****/
  .finfra-stepper-container {
    margin-bottom: 165px;
    padding: 15px 10px;
  }
  .finfra-stepper-container .finfra-stepper-ajsf {
    width: 100%;
  }
  .finfra-stepper-container .finfra-stepper-psr-table {
    width: 100%;
  }

  /***** Stepper ends *****/
  /***** DMS starts *****/
  .finfra-ajsf-dms {
    max-width: 100%;
    width: calc(100vw - 47px);
  }
  .finfra-ajsf-dms .finfra-ajsf-dms-table {
    width: 600px;
  }
  .finfra-ajsf-dms .mat-column-file-name {
    width: 225px;
  }
  .finfra-ajsf-dms .mat-column-status {
    width: 100px;
  }
  .finfra-ajsf-dms .mat-column-purpose {
    width: 100px;
  }
  .finfra-ajsf-dms .mat-column-documentType {
    width: 125px;
  }
  .finfra-ajsf-dms .mat-column-delete {
    width: 50px;
  }

  /***** DMS ends *****/
}
/***** Media queries ends *****/
/***** Google map starts *****/
.gm-style .gm-style-iw-c {
  background-color: transparent;
  box-shadow: none;
}
.eapps-google-maps-marker {
  max-width: 500px;
  min-width: 500px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  z-index: 100000;
}
.eapps-google-maps-marker-close {
  position: absolute;
  top: 19%;
  right: 16.5%;
  opacity: 1;
  background: #fff;
  border-radius: 50%;
  height: 24px;
  width: 24px;
  text-align: center;
  cursor: pointer;
  z-index: 999999;
  transition: opacity 0.3s;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.eapps-google-maps-marker-image {
  position: relative;
  height: 80px;
  margin-bottom: 0;
  background: transparent;
}
.eapps-google-maps-marker-image img {
  width: 130px;
  position: absolute;
  bottom: -180px;
  transform: translateY(-50%);
  border-radius: 62%;
  height: 130px;
  z-index: 99999999;
  border: double 7px transparent;
  background-image: linear-gradient(white, white), linear-gradient(to right, white, white);
}
.eapps-google-maps-marker-title {
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  padding-right: 28px;
  text-align: center;
}
.eapps-google-maps-marker-title-wrapper {
  background: url('mapbackground.png'), #4285f4;
  background-size: 500px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
}
.eapps-google-maps-marker-directions {
  position: relative;
  max-width: 80px;
  min-width: 40px;
  text-align: center;
}
.eapps-google-maps-marker-directions-label {
  font-weight: 500;
  color: #fff;
  font-size: 13px;
}
.eapps-google-maps-marker-directions-icon {
  position: absolute;
  right: 50%;
  transform: translate(50%, 0);
  top: 35%;
}
.eapps-google-maps-marker-content {
  padding: 16px;
  padding-top: 28px;
  background: #fff;
  color: #222;
  font-size: 15px;
}
.eapps-google-maps-marker-info-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.eapps-google-maps-marker-info-item-icon-wrapper {
  display: flex;
  align-items: center;
  flex: 0 0 12px;
  margin-right: 12px;
}
.gm-style .gm-style-iw-d {
  overflow: unset !important;
  max-height: 375px !important;
}
.gm-style-iw.gm-style-iw-c {
  max-height: 382px !important;
  min-width: 427px !important;
}
button.gm-ui-hover-effect {
  top: 21.4% !important;
  right: 15.5% !important;
  z-index: 100000 !important;
}
/***** Google map ends *****/
/**********Branch address pickup***********/
.finfra-address-pickup-widget-border {
  border: 1px solid #E9EAEA;
  background: linear-gradient(0deg, #F4F4F5, #F4F4F5), linear-gradient(0deg, #58595B, #58595B);
  border-radius: 16px;
}
.finfra-address-pickup-widget-border .location-address {
  padding: 16px;
}
.finfra-address-pickup-widget-border .location-address .location-icon {
  text-align: center;
  padding-right: 16px;
}
.finfra-address-pickup-widget-border .location-address .location-icon .location-km {
  margin-bottom: 0px;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0px;
  text-align: center;
  color: #76777A;
}
.finfra-address-pickup-widget-border .location-address .expand-icon {
  width: 22px;
  height: 20px;
  line-height: 22px;
}
.finfra-address-pickup-widget-border p {
  margin-bottom: 0px;
}
/******scrollable card ******/
.carousel-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-container .carousel-track {
  transition: transform 0.3s ease;
}
.carousel-container .carousel-track .carousel-item {
  border: 1px solid #58595B;
  border-radius: 12px;
  padding: 8px 24px 8px 16px;
  margin-right: 12px;
  min-width: 32%;
}
.cardName {
  align-self: center;
  color: black;
  font: "Cairo";
  font-weight: 700;
  size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
.cardStatus {
  color: lightgray;
  font: "Cairo";
  font-weight: 700;
  size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 124px;
}
.image {
  width: 100%;
}
.carosal-button {
  position: relative;
  bottom: 29px;
}
.carosal-button .carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  background: white;
  border: none;
  color: #333;
  cursor: pointer;
  outline: none;
  transition: opacity 0.3s ease;
}
.carosal-button .carousel-arrow mat-icon {
  line-height: 22px;
}
.carosal-button .carousel-arrow.prev {
  left: -15px;
}
.carosal-button .carousel-arrow.next {
  right: -15px;
}
.carosal-button .carousel-arrow:hover {
  opacity: 0.7;
}
/****** Card Retention Widget ******/
.card-border {
  border: 1px solid #E9EAEA;
  border-radius: 12px;
  padding: 16px 16px 0 16px;
  margin-right: 12px;
}
.card-name {
  color: black;
  font-weight: 700;
  size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
.card-number {
  color: lightgray;
  font-weight: 700;
  size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
.pb16 {
  padding-bottom: 16px;
}
/****** Card Retention Widget ******/
.datagrid-container {
  width: 100%;
  overflow: auto;
}
.datagrid-table {
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-collapse: separate;
  empty-cells: show;
  white-space: nowrap;
  word-wrap: break-word;
  -webkit-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  table-layout: fixed;
  padding: 0;
  border-spacing: 0;
}
.datagrid-row {
  border: 1px solid #ccc;
}
.datagrid-row.selected .datagrid-cell, .datagrid-row.selected .datagrid-row-num {
  border-top: 2px solid darkgreen;
  border-bottom: 2px solid darkgreen;
}
.datagrid-row.selected .datagrid-row-num {
  border-left: 2px solid darkgreen;
}
.datagrid-row.selected .datagrid-cell:last-child {
  border-right: 2px solid darkgreen;
}
.datagrid-head {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.datagrid-header {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 20px;
  height: 20px;
  min-width: 75px;
  width: 75px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  background-color: #f3f3f3f3;
  text-align: center;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.datagrid-select-all {
  background-color: #f3f3f3f3;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 50px;
  min-width: 50px;
}
.datagrid-cell {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 20px;
  height: 20px;
  min-width: 75px;
  width: 75px;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding: 1px 3px 1px 3px;
  cursor: cell;
  font-size: 0.8rem;
}
.datagrid-row-num {
  background-color: #f3f3f3f3;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  min-height: 15px;
  height: 15px;
  width: 50px;
  min-width: 50px;
  text-align: center;
  background-color: #f3f3f3f3;
  position: sticky;
  position: -webkit-sticky;
  left: 0;
}
.datagrid-cell-input {
  border: 0;
  outline: none;
}
.datagrid-cell-number {
  width: 100%;
}
.datagrid-cell-label {
  font-weight: bold;
  width: 100%;
  outline: none;
}
.datagrid-cell-calculated {
  font-weight: bold;
  width: 100%;
  outline: none;
  background-color: yellow;
}
.hidden {
  display: none;
}
.selected {
  border: 2px solid darkgreen;
}
.datagrid-scroll-viewport {
  padding-bottom: 5px;
}
.dark-mode .datagrid-header {
  color: #000000;
}
.dark-mode .datagrid-row-num {
  color: #000000;
}
.dark-mode .datagrid-cell-label {
  color: #000000;
}
.dark-mode .datagrid-cell-calculated {
  color: #000000;
}
/**
 * color definitions
 */
.djs-container {
  --color-grey-225-10-15: hsl(225, 10%, 15%);
  --color-grey-225-10-35: hsl(225, 10%, 35%);
  --color-grey-225-10-55: hsl(225, 10%, 55%);
  --color-grey-225-10-75: hsl(225, 10%, 75%);
  --color-grey-225-10-80: hsl(225, 10%, 80%);
  --color-grey-225-10-85: hsl(225, 10%, 85%);
  --color-grey-225-10-90: hsl(225, 10%, 90%);
  --color-grey-225-10-95: hsl(225, 10%, 95%); 
  --color-grey-225-10-97: hsl(225, 10%, 97%);

  --color-blue-205-100-45: hsl(205, 100%, 45%);
  --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
  --color-blue-205-100-50: hsl(205, 100%, 50%);
  --color-blue-205-100-95: hsl(205, 100%, 95%);

  --color-green-150-86-44: hsl(150, 86%, 44%);

  --color-red-360-100-40: hsl(360, 100%, 40%);
  --color-red-360-100-45: hsl(360, 100%, 45%);
  --color-red-360-100-92: hsl(360, 100%, 92%);
  --color-red-360-100-97: hsl(360, 100%, 97%);

  --color-white: hsl(0, 0%, 100%);
  --color-black: hsl(0, 0%, 0%); 
  --color-black-opacity-05: hsla(0, 0%, 0%, 5%); 
  --color-black-opacity-10: hsla(0, 0%, 0%, 10%);

  --bendpoint-fill-color: var(--color-blue-205-100-45-opacity-30);
  --bendpoint-stroke-color: var(--color-blue-205-100-50);

  --context-pad-entry-background-color: var(--color-white);
  --context-pad-entry-hover-background-color: var(--color-grey-225-10-95);

  --element-dragger-color: var(--color-blue-205-100-50);
  --element-hover-outline-fill-color: var(--color-blue-205-100-45);
  --element-selected-outline-stroke-color: var(--color-blue-205-100-50);

  --lasso-fill-color: var(--color-black-opacity-05);
  --lasso-stroke-color: var(--color-black);

  --palette-entry-color: var(--color-grey-225-10-15);
  --palette-entry-hover-color: var(--color-blue-205-100-45);
  --palette-entry-selected-color: var(--color-blue-205-100-50);
  --palette-separator-color: var(--color-grey-225-10-75);
  --palette-toggle-hover-background-color: var(--color-grey-225-10-55);
  --palette-background-color: var(--color-grey-225-10-97);
  --palette-border-color: var(--color-grey-225-10-75);

  --popup-body-background-color: var(--color-white);
  --popup-header-entry-selected-color: var(--color-blue-205-100-50);
  --popup-header-entry-selected-background-color: var(--color-black-opacity-10);
  --popup-header-separator-color: var(--color-grey-225-10-75);
  --popup-background-color: var(--color-grey-225-10-97);
  --popup-border-color: var(--color-grey-225-10-75);

  --resizer-fill-color: var(--color-blue-205-100-45-opacity-30);
  --resizer-stroke-color: var(--color-blue-205-100-50);

  --search-container-background-color: var(--color-grey-225-10-97);
  --search-container-border-color: var(--color-blue-205-100-50);
  --search-container-box-shadow-color: var(--color-blue-205-100-95);
  --search-container-box-shadow-inset-color: var(--color-grey-225-10-80);
  --search-input-border-color: var(--color-grey-225-10-75);
  --search-result-border-color: var(--color-grey-225-10-75);
  --search-result-highlight-color: var(--color-black);
  --search-result-selected-color: var(--color-blue-205-100-45-opacity-30);

  --shape-attach-allowed-stroke-color: var(--color-blue-205-100-50);
  --shape-connect-allowed-fill-color: var(--color-grey-225-10-97);
  --shape-drop-allowed-fill-color: var(--color-grey-225-10-97);
  --shape-drop-not-allowed-fill-color: var(--color-red-360-100-97);
  --shape-resize-preview-stroke-color: var(--color-blue-205-100-50);

  --snap-line-stroke-color: var(--color-blue-205-100-45-opacity-30);

  --space-tool-crosshair-stroke-color: var(--color-black);

  --tooltip-error-background-color: var(--color-red-360-100-97);
  --tooltip-error-border-color: var(--color-red-360-100-45);
  --tooltip-error-color: var(--color-red-360-100-45);
}
/**
 * outline styles
 */
.djs-outline {
  fill: none;
  visibility: hidden;
}
.djs-element.hover .djs-outline,
.djs-element.selected .djs-outline {
  visibility: visible;
  shape-rendering: geometricPrecision;
  stroke-dasharray: 3,3;
}
.djs-element.selected .djs-outline {
  stroke: var(--element-selected-outline-stroke-color);
  stroke-width: 1px;
}
.djs-element.hover .djs-outline {
  stroke: var(--element-hover-outline-fill-color);
  stroke-width: 1px;
}
.djs-shape.connect-ok .djs-visual > :nth-child(1) {
  fill: var(--shape-connect-allowed-fill-color) !important;
}
.djs-shape.connect-not-ok .djs-visual > :nth-child(1),
.djs-shape.drop-not-ok .djs-visual > :nth-child(1) {
  fill: var(--shape-drop-not-allowed-fill-color) !important;
}
.djs-shape.new-parent .djs-visual > :nth-child(1) {
  fill: var(--shape-drop-allowed-fill-color) !important;
}
svg.drop-not-ok {
  background: var(--shape-drop-not-allowed-fill-color) !important;
}
svg.new-parent {
  background: var(--shape-drop-allowed-fill-color) !important;
}
.djs-connection.connect-ok .djs-visual > :nth-child(1),
.djs-connection.drop-ok .djs-visual > :nth-child(1) {
  stroke: var(--shape-drop-allowed-fill-color) !important;
}
.djs-connection.connect-not-ok .djs-visual > :nth-child(1),
.djs-connection.drop-not-ok .djs-visual > :nth-child(1) {
  stroke: var(--shape-drop-not-allowed-fill-color) !important;
}
.drop-not-ok,
.connect-not-ok {
  cursor: not-allowed;
}
.djs-element.attach-ok .djs-visual > :nth-child(1) {
  stroke-width: 5px !important;
  stroke: var(--shape-attach-allowed-stroke-color) !important;
}
.djs-frame.connect-not-ok .djs-visual > :nth-child(1),
.djs-frame.drop-not-ok .djs-visual > :nth-child(1) {
  stroke-width: 3px !important;
  stroke: var(--shape-drop-not-allowed-fill-color) !important;
  fill: none !important;
}
/**
* Selection box style
*
*/
.djs-lasso-overlay {
  fill: var(--lasso-fill-color);

  stroke-dasharray: 5 1 3 1;
  stroke: var(--lasso-stroke-color);

  shape-rendering: geometricPrecision;
  pointer-events: none;
}
/**
 * Resize styles
 */
.djs-resize-overlay {
  fill: none;

  stroke-dasharray: 5 1 3 1;
  stroke: var(--shape-resize-preview-stroke-color);

  pointer-events: none;
}
.djs-resizer-hit {
  fill: none;
  pointer-events: all;
}
.djs-resizer-visual {
  fill: var(--resizer-fill-color);
  stroke-width: 1px;
  stroke-opacity: 0.5;
  stroke: var(--resizer-stroke-color);
  shape-rendering: geometricprecision;
}
.djs-resizer:hover .djs-resizer-visual {
  stroke: var(--resizer-stroke-color);
  stroke-opacity: 1;
}
.djs-cursor-resize-ns,
.djs-resizer-n,
.djs-resizer-s {
  cursor: ns-resize;
}
.djs-cursor-resize-ew,
.djs-resizer-e,
.djs-resizer-w {
  cursor: ew-resize;
}
.djs-cursor-resize-nwse,
.djs-resizer-nw,
.djs-resizer-se {
  cursor: nwse-resize;
}
.djs-cursor-resize-nesw,
.djs-resizer-ne,
.djs-resizer-sw {
  cursor: nesw-resize;
}
.djs-shape.djs-resizing > .djs-outline {
  visibility: hidden !important;
}
.djs-shape.djs-resizing > .djs-resizer {
  visibility: hidden;
}
.djs-dragger > .djs-resizer {
  visibility: hidden;
}
/**
 * drag styles
 */
.djs-dragger * {
  fill: none !important;
  stroke: var(--element-dragger-color) !important;
}
.djs-dragger tspan,
.djs-dragger text {
  fill: var(--element-dragger-color) !important;
  stroke: none !important;
}
marker.djs-dragger circle,
marker.djs-dragger path,
marker.djs-dragger polygon,
marker.djs-dragger polyline,
marker.djs-dragger rect {
  fill: var(--element-dragger-color) !important;
  stroke: none !important;
}
marker.djs-dragger text,
marker.djs-dragger tspan {
  fill: none !important;
  stroke: var(--element-dragger-color) !important;
}
.djs-dragging {
  opacity: 0.3;
}
.djs-dragging,
.djs-dragging > * {
  pointer-events: none !important;
}
.djs-dragging .djs-context-pad,
.djs-dragging .djs-outline {
  display: none !important;
}
/**
 * no pointer events for visual
 */
.djs-visual,
.djs-outline {
  pointer-events: none;
}
.djs-element.attach-ok .djs-hit {
  stroke-width: 60px !important;
}
/**
 * all pointer events for hit shape
 */
.djs-element > .djs-hit-all {
  pointer-events: all;
}
.djs-element > .djs-hit-stroke,
.djs-element > .djs-hit-click-stroke {
  pointer-events: stroke;
}
/**
 * all pointer events for hit shape
 */
.djs-drag-active .djs-element > .djs-hit-click-stroke {
  pointer-events: all;
}
/**
 * shape / connection basic styles
 */
.djs-connection .djs-visual {
  stroke-width: 2px;
  fill: none;
}
.djs-cursor-grab {
  cursor: grab;
}
.djs-cursor-grabbing {
  cursor: grabbing;
}
.djs-cursor-crosshair {
  cursor: crosshair;
}
.djs-cursor-move {
  cursor: move;
}
.djs-cursor-resize-ns {
  cursor: ns-resize;
}
.djs-cursor-resize-ew {
  cursor: ew-resize;
}
/**
 * snapping
 */
.djs-snap-line {
  stroke: var(--snap-line-stroke-color);
  stroke-linecap: round;
  stroke-width: 2px;
  pointer-events: none;
}
/**
 * snapping
 */
.djs-crosshair {
  stroke: var(--space-tool-crosshair-stroke-color);
  stroke-linecap: round;
  stroke-width: 1px;
  pointer-events: none;
  shape-rendering: crispEdges;
  stroke-dasharray: 5, 5;
}
/**
 * palette
 */
.djs-palette {
  position: absolute;
  left: 20px;
  top: 20px;

  box-sizing: border-box;
  width: 48px;
}
.djs-palette .separator {
  margin: 0 5px;
  padding-top: 5px;

  border: none;
  border-bottom: solid 1px var(--palette-separator-color);

  clear: both;
}
.djs-palette .entry:before {
  vertical-align: text-bottom;
}
.djs-palette .djs-palette-toggle {
  cursor: pointer;
}
.djs-palette .entry,
.djs-palette .djs-palette-toggle {
  color: var(--palette-entry-color);
  font-size: 30px;

  text-align: center;
}
.djs-palette .entry {
  float: left;
}
.djs-palette .entry img {
  max-width: 100%;
}
.djs-palette .djs-palette-entries:after {
  content: '';
  display: table;
  clear: both;
}
.djs-palette .djs-palette-toggle:hover {
  background: var(--palette-toggle-hover-background-color);
}
.djs-palette .entry:hover {
  color: var(--palette-entry-hover-color);
}
.djs-palette .highlighted-entry {
  color: var(--palette-entry-selected-color) !important;
}
.djs-palette .entry,
.djs-palette .djs-palette-toggle {
  width: 46px;
  height: 46px;
  line-height: 46px;
  cursor: default;
}
/**
 * Palette open / two-column layout is controlled via
 * classes on the palette. Events to hook into palette
 * changed life-cycle are available in addition.
 */
.djs-palette.two-column.open {
  width: 94px;
}
.djs-palette:not(.open) .djs-palette-entries {
  display: none;
}
.djs-palette:not(.open) {
  overflow: hidden;
}
.djs-palette.open .djs-palette-toggle {
  display: none;
}
/**
 * context-pad
 */
.djs-overlay-context-pad {
  width: 72px;
  z-index: 100;
}
.djs-context-pad {
  position: absolute;
  display: none;
  pointer-events: none;
}
.djs-context-pad .entry {
  width: 22px;
  height: 22px;
  text-align: center;
  display: inline-block;
  font-size: 22px;
  margin: 0 2px 2px 0;

  border-radius: 3px;

  cursor: default;

  background-color: var(--context-pad-entry-background-color);
  box-shadow: 0 0 2px 1px var(--context-pad-entry-background-color);
  pointer-events: all;
}
.djs-context-pad .entry:before {
  vertical-align: top;
}
.djs-context-pad .entry:hover {
  background: var(--context-pad-entry-hover-background-color);
}
.djs-context-pad.open {
  display: block;
}
/**
 * popup styles
 */
.djs-popup .entry {
  line-height: 20px;
  white-space: nowrap;
  cursor: default;
}
/* larger font for prefixed icons */
.djs-popup .entry:before {
  vertical-align: middle;
  font-size: 20px;
}
.djs-popup .entry > span {
  vertical-align: middle;
  font-size: 14px;
}
.djs-popup .entry:hover,
.djs-popup .entry.active:hover {
  background: var(--popup-header-entry-selected-background-color);
}
.djs-popup .entry.disabled {
  background: inherit;
}
.djs-popup .djs-popup-header .entry {
  display: inline-block;
  padding: 2px 3px 2px 3px;

  border: solid 1px transparent;
  border-radius: 3px;
}
.djs-popup .djs-popup-header .entry.active {
  color: var(--popup-header-entry-selected-color);
  border: solid 1px var(--popup-header-entry-selected-color);
  background-color: var(--popup-header-entry-selected-background-color);
}
.djs-popup-body .entry {
  padding: 4px 10px 4px 5px;
}
.djs-popup-body .entry > span {
  margin-left: 5px;
}
.djs-popup-body {
  background-color: var(--popup-body-background-color);
}
.djs-popup-header {
  border-bottom: 1px solid var(--popup-header-separator-color);
}
.djs-popup-header .entry {
  margin: 1px;
  margin-left: 3px;
}
.djs-popup-header .entry:last-child {
  margin-right: 3px;
}
/**
 * popup / palette styles
 */
.djs-palette {
  background: var(--palette-background-color);
  border: solid 1px var(--palette-border-color);
  border-radius: 2px;
}
.djs-popup {
  background: var(--popup-background-color);
  border: solid 1px var(--popup-border-color);
  border-radius: 2px;
}
/**
 * touch
 */
.djs-shape,
.djs-connection {
  touch-action: none;
}
.djs-segment-dragger,
.djs-bendpoint {
  display: none;
}
/**
 * bendpoints
 */
.djs-segment-dragger .djs-visual {
  display: none;

  fill: var(--bendpoint-fill-color);
  stroke: var(--bendpoint-stroke-color);
  stroke-width: 1px;
  stroke-opacity: 1;
}
.djs-segment-dragger:hover .djs-visual {
  display: block;
}
.djs-bendpoint .djs-visual {
  fill: var(--bendpoint-fill-color);
  stroke: var(--bendpoint-stroke-color);
  stroke-width: 1px;
  stroke-opacity: 0.5;
}
.djs-segment-dragger:hover,
.djs-bendpoints.hover .djs-segment-dragger,
.djs-bendpoints.selected .djs-segment-dragger,
.djs-bendpoint:hover,
.djs-bendpoints.hover .djs-bendpoint,
.djs-bendpoints.selected .djs-bendpoint {
  display: block;
}
.djs-drag-active .djs-bendpoints * {
  display: none;
}
.djs-bendpoints:not(.hover) .floating {
  display: none;
}
.djs-segment-dragger:hover .djs-visual,
.djs-segment-dragger.djs-dragging .djs-visual,
.djs-bendpoint:hover .djs-visual,
.djs-bendpoint.floating .djs-visual {
  fill: var(--bendpoint-fill-color);
  stroke: var(--bendpoint-stroke-color);
  stroke-opacity: 1;
}
.djs-bendpoint.floating .djs-hit {
  pointer-events: none;
}
.djs-segment-dragger .djs-hit,
.djs-bendpoint .djs-hit {
  fill: none;
  pointer-events: all;
}
.djs-segment-dragger.horizontal .djs-hit {
  cursor: ns-resize;
}
.djs-segment-dragger.vertical .djs-hit {
  cursor: ew-resize;
}
.djs-segment-dragger.djs-dragging .djs-hit {
  pointer-events: none;
}
.djs-updating,
.djs-updating > * {
  pointer-events: none !important;
}
.djs-updating .djs-context-pad,
.djs-updating .djs-outline,
.djs-updating .djs-bendpoint,
.connect-ok .djs-bendpoint,
.connect-not-ok .djs-bendpoint,
.drop-ok .djs-bendpoint,
.drop-not-ok .djs-bendpoint {
  display: none !important;
}
.djs-segment-dragger.djs-dragging,
.djs-bendpoint.djs-dragging {
  display: block;
  opacity: 1.0;
}
/**
 * tooltips
 */
.djs-tooltip-error {
  width: 160px;
  padding: 6px;

  background: var(--tooltip-error-background-color);
  border: solid 1px var(--tooltip-error-border-color);
  border-radius: 2px;
  color: var(--tooltip-error-color);
  font-size: 12px;
  line-height: 16px;

  opacity: 0.75;
}
.djs-tooltip-error:hover {
  opacity: 1;
}
/**
 * search pad
 */
.djs-search-container {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;

  width: 25%;
  min-width: 300px;
  max-width: 400px;
  z-index: 10;

  font-size: 1.05em;
  opacity: 0.9;
  background: var(--search-container-background-color);
  border: solid 1px var(--search-container-border-color);
  border-radius: 2px;
  box-shadow: 0 0 0 2px var(--search-container-box-shadow-color), 0 0 0 1px var(--search-container-box-shadow-inset-color) inset;
}
.djs-search-container:not(.open) {
  display: none;
}
.djs-search-input input {
  font-size: 1.05em;
  width: 100%;
  padding: 6px 10px;
  border: 1px solid var(--search-input-border-color);
  box-sizing: border-box;
}
.djs-search-input input:focus {
  outline: none;
  border-color: var(--search-input-border-color);
}
.djs-search-results {
  position: relative;
  overflow-y: auto;
  max-height: 200px;
}
.djs-search-results:hover {
  cursor: pointer;
}
.djs-search-result {
  width: 100%;
  padding: 6px 10px;
  background: white;
  border-bottom: solid 1px var(--search-result-border-color);
  border-radius: 1px;
}
.djs-search-highlight {
  color: var(--search-result-highlight-color);
}
.djs-search-result-primary {
  margin: 0 0 10px;
}
.djs-search-result-secondary {
  font-family: monospace;
  margin: 0;
}
.djs-search-result:hover {
  background: var(--search-result-selected-color);
}
.djs-search-result-selected {
  background: var(--search-result-selected-color);
}
.djs-search-result-selected:hover {
  background: var(--search-result-selected-color);
}
.djs-search-overlay {
  background: var(--search-result-selected-color);
}
/**
 * hidden styles
 */
.djs-element-hidden,
.djs-element-hidden .djs-hit,
.djs-element-hidden .djs-outline,
.djs-label-hidden .djs-label {
  display: none !important;
}

@font-face {
  font-family: 'bpmn';
  src: url('bpmn.eot?26374340');
  src: url('bpmn.eot?26374340#iefix') format('embedded-opentype'),
       url('bpmn.woff2?26374340') format('woff2'),
       url('bpmn.woff?26374340') format('woff'),
       url('bpmn.ttf?26374340') format('truetype'),
       url('bpmn.svg?26374340#bpmn') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bpmn';
    src: url('../font/bpmn.svg?26374340#bpmn') format('svg');
  }
}
*/
[class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
  font-family: "bpmn";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; */

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.bpmn-icon-screw-wrench:before { content: '\e800'; }
/* '' */
.bpmn-icon-trash:before { content: '\e801'; }
/* '' */
.bpmn-icon-conditional-flow:before { content: '\e802'; }
/* '' */
.bpmn-icon-default-flow:before { content: '\e803'; }
/* '' */
.bpmn-icon-gateway-parallel:before { content: '\e804'; }
/* '' */
.bpmn-icon-intermediate-event-catch-cancel:before { content: '\e805'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-message:before { content: '\e806'; }
/* '' */
.bpmn-icon-start-event-compensation:before { content: '\e807'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-parallel-multiple:before { content: '\e808'; }
/* '' */
.bpmn-icon-loop-marker:before { content: '\e809'; }
/* '' */
.bpmn-icon-parallel-mi-marker:before { content: '\e80a'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-signal:before { content: '\e80b'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before { content: '\e80c'; }
/* '' */
.bpmn-icon-intermediate-event-catch-parallel-multiple:before { content: '\e80d'; }
/* '' */
.bpmn-icon-intermediate-event-catch-compensation:before { content: '\e80e'; }
/* '' */
.bpmn-icon-gateway-xor:before { content: '\e80f'; }
/* '' */
.bpmn-icon-connection:before { content: '\e810'; }
/* '' */
.bpmn-icon-end-event-cancel:before { content: '\e811'; }
/* '' */
.bpmn-icon-intermediate-event-catch-condition:before { content: '\e812'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before { content: '\e813'; }
/* '' */
.bpmn-icon-start-event-condition:before { content: '\e814'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-timer:before { content: '\e815'; }
/* '' */
.bpmn-icon-sequential-mi-marker:before { content: '\e816'; }
/* '' */
.bpmn-icon-user-task:before { content: '\e817'; }
/* '' */
.bpmn-icon-business-rule:before { content: '\e818'; }
/* '' */
.bpmn-icon-sub-process-marker:before { content: '\e819'; }
/* '' */
.bpmn-icon-start-event-parallel-multiple:before { content: '\e81a'; }
/* '' */
.bpmn-icon-start-event-error:before { content: '\e81b'; }
/* '' */
.bpmn-icon-intermediate-event-catch-signal:before { content: '\e81c'; }
/* '' */
.bpmn-icon-intermediate-event-catch-error:before { content: '\e81d'; }
/* '' */
.bpmn-icon-end-event-compensation:before { content: '\e81e'; }
/* '' */
.bpmn-icon-subprocess-collapsed:before { content: '\e81f'; }
/* '' */
.bpmn-icon-subprocess-expanded:before { content: '\e820'; }
/* '' */
.bpmn-icon-task:before { content: '\e821'; }
/* '' */
.bpmn-icon-end-event-error:before { content: '\e822'; }
/* '' */
.bpmn-icon-intermediate-event-catch-escalation:before { content: '\e823'; }
/* '' */
.bpmn-icon-intermediate-event-catch-timer:before { content: '\e824'; }
/* '' */
.bpmn-icon-start-event-escalation:before { content: '\e825'; }
/* '' */
.bpmn-icon-start-event-signal:before { content: '\e826'; }
/* '' */
.bpmn-icon-business-rule-task:before { content: '\e827'; }
/* '' */
.bpmn-icon-manual:before { content: '\e828'; }
/* '' */
.bpmn-icon-receive:before { content: '\e829'; }
/* '' */
.bpmn-icon-call-activity:before { content: '\e82a'; }
/* '' */
.bpmn-icon-start-event-timer:before { content: '\e82b'; }
/* '' */
.bpmn-icon-start-event-message:before { content: '\e82c'; }
/* '' */
.bpmn-icon-intermediate-event-none:before { content: '\e82d'; }
/* '' */
.bpmn-icon-intermediate-event-catch-link:before { content: '\e82e'; }
/* '' */
.bpmn-icon-end-event-escalation:before { content: '\e82f'; }
/* '' */
.bpmn-icon-text-annotation:before { content: '\e830'; }
/* '' */
.bpmn-icon-bpmn-io:before { content: '\e831'; }
/* '' */
.bpmn-icon-gateway-complex:before { content: '\e832'; }
/* '' */
.bpmn-icon-gateway-eventbased:before { content: '\e833'; }
/* '' */
.bpmn-icon-gateway-none:before { content: '\e834'; }
/* '' */
.bpmn-icon-gateway-or:before { content: '\e835'; }
/* '' */
.bpmn-icon-end-event-terminate:before { content: '\e836'; }
/* '' */
.bpmn-icon-end-event-signal:before { content: '\e837'; }
/* '' */
.bpmn-icon-end-event-none:before { content: '\e838'; }
/* '' */
.bpmn-icon-end-event-multiple:before { content: '\e839'; }
/* '' */
.bpmn-icon-end-event-message:before { content: '\e83a'; }
/* '' */
.bpmn-icon-end-event-link:before { content: '\e83b'; }
/* '' */
.bpmn-icon-intermediate-event-catch-message:before { content: '\e83c'; }
/* '' */
.bpmn-icon-intermediate-event-throw-compensation:before { content: '\e83d'; }
/* '' */
.bpmn-icon-start-event-multiple:before { content: '\e83e'; }
/* '' */
.bpmn-icon-script:before { content: '\e83f'; }
/* '' */
.bpmn-icon-manual-task:before { content: '\e840'; }
/* '' */
.bpmn-icon-send:before { content: '\e841'; }
/* '' */
.bpmn-icon-service:before { content: '\e842'; }
/* '' */
.bpmn-icon-receive-task:before { content: '\e843'; }
/* '' */
.bpmn-icon-user:before { content: '\e844'; }
/* '' */
.bpmn-icon-start-event-none:before { content: '\e845'; }
/* '' */
.bpmn-icon-intermediate-event-throw-escalation:before { content: '\e846'; }
/* '' */
.bpmn-icon-intermediate-event-catch-multiple:before { content: '\e847'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before { content: '\e848'; }
/* '' */
.bpmn-icon-intermediate-event-throw-link:before { content: '\e849'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-condition:before { content: '\e84a'; }
/* '' */
.bpmn-icon-data-object:before { content: '\e84b'; }
/* '' */
.bpmn-icon-script-task:before { content: '\e84c'; }
/* '' */
.bpmn-icon-send-task:before { content: '\e84d'; }
/* '' */
.bpmn-icon-data-store:before { content: '\e84e'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-escalation:before { content: '\e84f'; }
/* '' */
.bpmn-icon-intermediate-event-throw-message:before { content: '\e850'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before { content: '\e851'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before { content: '\e852'; }
/* '' */
.bpmn-icon-intermediate-event-throw-multiple:before { content: '\e853'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-message:before { content: '\e854'; }
/* '' */
.bpmn-icon-ad-hoc-marker:before { content: '\e855'; }
/* '' */
.bpmn-icon-service-task:before { content: '\e856'; }
/* '' */
.bpmn-icon-task-none:before { content: '\e857'; }
/* '' */
.bpmn-icon-compensation-marker:before { content: '\e858'; }
/* '' */
.bpmn-icon-start-event-non-interrupting-multiple:before { content: '\e859'; }
/* '' */
.bpmn-icon-intermediate-event-throw-signal:before { content: '\e85a'; }
/* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before { content: '\e85b'; }
/* '' */
.bpmn-icon-participant:before { content: '\e85c'; }
/* '' */
.bpmn-icon-event-subprocess-expanded:before { content: '\e85d'; }
/* '' */
.bpmn-icon-lane-insert-below:before { content: '\e85e'; }
/* '' */
.bpmn-icon-space-tool:before { content: '\e85f'; }
/* '' */
.bpmn-icon-connection-multi:before { content: '\e860'; }
/* '' */
.bpmn-icon-lane:before { content: '\e861'; }
/* '' */
.bpmn-icon-lasso-tool:before { content: '\e862'; }
/* '' */
.bpmn-icon-lane-insert-above:before { content: '\e863'; }
/* '' */
.bpmn-icon-lane-divide-three:before { content: '\e864'; }
/* '' */
.bpmn-icon-lane-divide-two:before { content: '\e865'; }
/* '' */
.bpmn-icon-data-input:before { content: '\e866'; }
/* '' */
.bpmn-icon-data-output:before { content: '\e867'; }
/* '' */
.bpmn-icon-hand-tool:before { content: '\e868'; }
/* '' */
.bpmn-icon-group:before { content: '\e869'; }
/* '' */
.bpmn-icon-transaction:before { content: '\e8c4'; }
/* '' */
/**
 * Theming
 */
.bio-properties-panel {
  --color-grey-225-10-15: hsl(225, 10%, 15%);
  --color-grey-225-10-35: hsl(225, 10%, 35%);
  --color-grey-225-10-55: hsl(225, 10%, 55%);
  --color-grey-225-10-75: hsl(225, 10%, 75%);
  --color-grey-225-10-80: hsl(225, 10%, 80%);
  --color-grey-225-10-85: hsl(225, 10%, 85%);
  --color-grey-225-10-90: hsl(225, 10%, 90%);
  --color-grey-225-10-95: hsl(225, 10%, 95%);
  --color-grey-225-10-97: hsl(225, 10%, 97%);

  --color-blue-205-100-45: hsl(205, 100%, 45%);
  --color-blue-205-100-50: hsl(205, 100%, 50%);
  --color-blue-205-100-95: hsl(205, 100%, 95%);

  --color-green-150-86-44: hsl(150, 86%, 44%);

  --color-red-360-100-40: hsl(360, 100%, 40%);
  --color-red-360-100-45: hsl(360, 100%, 45%);
  --color-red-360-100-92: hsl(360, 100%, 92%);
  --color-red-360-100-97: hsl(360, 100%, 97%);

  --color-white: white;
  --color-black: black;
  --color-transparent: transparent;

  --text-base-color: var(--color-grey-225-10-15);
  --text-error-color: var(--color-red-360-100-45);
  --link-color: var(--color-blue-205-100-50);

  --description-color: var(--color-grey-225-10-35);
  --description-code-background-color: var(--color-grey-225-10-97);
  --description-code-border-color: var(--color-grey-225-10-85);
  --description-list-item-color: var(--color-grey-225-10-35);

  --placeholder-color: var(--color-grey-225-10-75);

  --header-background-color: var(--color-grey-225-10-95);
  --header-icon-fill-color: var(--color-grey-225-10-15);
  --header-bottom-border-color: var(--color-grey-225-10-75);

  --group-background-color: var(--color-white);
  --group-bottom-border-color: var(--color-grey-225-10-75);

  --add-entry-fill-color: var(--color-grey-225-10-35);
  --add-entry-hover-fill-color: var(--color-white);
  --add-entry-hover-background-color: var(--color-blue-205-100-50);
  --add-entry-label-color: var(--color-white);

  --remove-entry-fill-color: var(--color-red-360-100-45);
  --remove-entry-hover-background-color: var(--color-red-360-100-92);

  --arrow-fill-color: var(--color-grey-225-10-35);
  --arrow-hover-background-color: var(--color-grey-225-10-95);

  --dot-color: var(--color-grey-225-10-35);

  --list-badge-color: var(--color-white);
  --list-badge-background-color: var(--color-grey-225-10-35);

  --input-background-color: var(--color-grey-225-10-97);
  --input-border-color: var(--color-grey-225-10-75);

  --input-focus-background-color: var(--color-blue-205-100-95);
  --input-focus-border-color: var(--color-blue-205-100-50);

  --input-error-background-color: var(--color-red-360-100-97);
  --input-error-border-color: var(--color-red-360-100-45);
  --input-error-focus-border-color: var(--color-red-360-100-45);

  --input-disabled-color: var(--color-grey-225-10-55);
  --input-disabled-background-color: var(--color-grey-225-10-97);
  --input-disabled-border-color: var(--color-grey-225-10-90);

  --toggle-switch-on-background-color: var(--color-blue-205-100-50);
  --toggle-switch-off-background-color: var(--color-grey-225-10-75);
  --toggle-switch-switcher-background-color: var(--color-white);

  --side-line-background-color: var(--color-grey-225-10-35);
  --side-line-extension-background-color: var(--color-grey-225-10-35);

  --list-entry-dot-background-color: var(--color-grey-225-10-35);
  --list-entry-header-button-fill-color: var(--color-grey-225-10-35);
  --list-entry-add-entry-empty-background-color: var(--color-blue-205-100-50);
  --list-entry-add-entry-empty-hover-background-color: var(--color-blue-205-100-45);
  --list-entry-add-entry-label-color: var(--color-white);
  --list-entry-add-entry-background-color: var(--color-blue-205-100-50);
  --list-entry-add-entry-fill-color: var(--color-white);

  --dropdown-item-background-color: var(--color-white);
  --dropdown-item-hover-background-color: var(--color-grey-225-10-95);
  --dropdown-separator-background-color: var(--color-grey-225-10-75);

  --text-size-base: 14px;
  --text-size-small: 13px;
  --text-size-smallest: 12px;
  --text-line-height: 21px;
  --line-height-condensed: 17px;

  --font-family: sans-serif;
  --font-family-monospace: monospace;

  display: none;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.bio-properties-panel * {
  color: var(--text-base-color);
  font-size: var(--text-size-base);
  line-height: var(--text-line-height);
  font-weight: 400;
  box-sizing: border-box;
}
.bio-properties-panel {
  font-family: var(--font-family);
}
.bio-properties-panel.open {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bio-properties-panel-placeholder {
  padding: 10px;
  color: var(--placeholder-color);
  font-size: var(--text-size-base);
  text-align: center;
}
/**
 * Header
 */
.bio-properties-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--text-size-base);
  padding: 16px 10px;
  margin-bottom: 2px;
  background-color: var(--header-background-color);
  border-bottom: 1px solid var(--header-bottom-border-color);
  width: 100%;
  z-index: 1;
  max-height: 64px;
  overflow: hidden;
}
.bio-properties-panel-header-icon {
  fill: var(--header-icon-fill-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.bio-properties-panel-header-labels {
  overflow: hidden;
  margin-left: 12px;
  -webkit-user-select: none;
          user-select: none;
}
.bio-properties-panel-header-type {
  font-size: var(--text-size-smallest);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
}
.bio-properties-panel-header-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: -6px;
}
.bio-properties-panel-header-actions {
  margin-left: auto;
  margin-top: auto;
}
/**
 * Scroll container
 */
.bio-properties-panel-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}
/**
 * Groups
 */
.bio-properties-panel-group {
  background-color: var(--group-background-color);
  border-bottom: 1px solid var(--group-bottom-border-color);
}
.bio-properties-panel-group-header {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--text-size-base);
  height: 32px;
  -webkit-user-select: none;
          user-select: none;
  justify-content: space-between;
}
.bio-properties-panel-group-header .bio-properties-panel-group-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 1px 12px 0;
}
.bio-properties-panel-group-header.open .bio-properties-panel-group-header-title {
  font-weight: 500;
}
.bio-properties-panel-group-header-buttons {
  display: flex;
}
.bio-properties-panel-group-header-buttons .bio-properties-panel-group-header-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 22px;
  line-height: 22px;
  min-width: 22px;
  margin: 5px;
  padding: 0 3px;
  border: none;
  background: none;
}
.bio-properties-panel-group-header-buttons .bio-properties-panel-group-header-buttons:last-child {
  margin-right: 0;
}
.bio-properties-panel-add-entry {
  fill: var(--add-entry-fill-color);
  border-radius: 11px;
}
.bio-properties-panel-group-header.empty .bio-properties-panel-add-entry {
  margin-right: 69px;
  padding-left: 6px;
}
.bio-properties-panel-group-header.empty .bio-properties-panel-add-entry:hover {
  margin-right: 19px;
}
.bio-properties-panel-group-header.empty .bio-properties-panel-add-entry-label {
  display: none;
  color: var(--add-entry-label-color);
  padding: 4px 6px 3px 2px;
}
.bio-properties-panel-group-header-button.bio-properties-panel-add-entry:hover {
  background-color: var(--add-entry-hover-background-color);
  fill: var(--add-entry-hover-fill-color);
}
.bio-properties-panel-group-header-button.bio-properties-panel-add-entry:hover .bio-properties-panel-add-entry-label {
  display: block;
}
.bio-properties-panel-group-entries {
  display: none;
}
.bio-properties-panel-group-entries.open {
  display: block;
}
.bio-properties-panel-arrow {
  display: flex;
  justify-content: center;
  text-align: center;
  fill: var(--arrow-fill-color);
  min-width: 22px;
  border-radius: 11px;
  border: none;
  background: none;
}
.bio-properties-panel-arrow:hover {
  background-color: var(--arrow-hover-background-color);
}
.bio-properties-panel-arrow-down {
  transform: rotate(90deg);
}
.bio-properties-panel-dot {
  align-self: center;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  margin: 12px;
  background-color: var(--dot-color);
}
/**
 * Lists
 */
.bio-properties-panel-list {
  display: none;
}
.bio-properties-panel-list.open {
  display: block;
  margin-bottom: 6px;
  padding-bottom: 2px;
}
.bio-properties-panel-list-badge {
  height: 22px;
  min-width: 22px;
  color: var(--list-badge-color);
  border-radius: 11px;
  font-size: var(--text-size-small);
  line-height: 22px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  padding: 0 5px;
  margin: 5px;
  background-color: var(--list-badge-background-color);
}
/**
 * Basic entries
 */
.bio-properties-panel-entry {
  margin: 2px 32px 6px 12px;
}
.bio-properties-panel-entry:last-child {
  padding-bottom: 10px;
}
.bio-properties-panel-label {
  display: block;
  font-size: var(--text-size-small);
  margin: 2px 0 1px;
}
.bio-properties-panel-description,
.bio-properties-panel-description p,
.bio-properties-panel-description span,
.bio-properties-panel-description div {
  color: var(--description-color);
  display: block;
  margin: 2px 0 4px;
  line-height: var(--line-height-condensed);
  font-weight: 400;
  font-size: var(--text-size-small);
}
.bio-properties-panel-description code {
  color: var(--description-color);
  font-family: var(--font-family);
  font-size: var(--text-size-small);
  line-height: var(--line-height-condensed);
  padding: 0 2px;
  background-color: var(--description-code-background-color);
  border: 1px solid var(--description-code-border-color);
  border-radius: 3px;
}
.bio-properties-panel-description ul {
  padding: 0;
  margin: 0 0 0 12px;
  list-style-type: disc;
}
.bio-properties-panel-description li {
  color: var(--description-list-item-color);
  margin: 0 0 0 12px;
}
.bio-properties-panel-description a {
  color: var(--link-color);
  font-size: var(--text-size-small);
  text-decoration: underline;
}
.bio-properties-panel-input {
  padding: 3px 6px 2px;
  border: 1px solid var(--input-border-color);
  border-radius: 2px;
  background-color: var(--input-background-color);
  font-size: var(--text-size-base);
  font-family: inherit;
}
.bio-properties-panel-input[type=number],
select.bio-properties-panel-input,
textarea.bio-properties-panel-input,
.bio-properties-panel-input[type=text] {
  display: block;
  width: 100%;
}
.bio-properties-panel-input:focus {
  outline: none;
  background-color: var(--input-focus-background-color);
  border: 1px solid var(--input-focus-border-color);
}
.bio-properties-panel-input:disabled {
  border-color: var(--input-disabled-border-color);
  background-color: var(--input-disabled-background-color);
  color: var(--input-disabled-color);
}
select.bio-properties-panel-input {
  padding: 4px 6px;
}
.bio-properties-panel-input-monospace {
  font-family: var(--font-family-monospace);
}
.bio-properties-panel-input[type="checkbox"], .bio-properties-panel-input[type="radio"] {
  margin: 0;
  vertical-align: middle;
}
.bio-properties-panel-input[type="checkbox"]:focus {
  outline: 1px solid var(--input-focus-border-color);
  outline-offset: 0;
}
.bio-properties-panel-checkbox > .bio-properties-panel-label {
  display: inline-block;
  font-size: var(--text-size-base);
  margin-left: 6px;
  margin-top: auto;
  vertical-align: middle;
}
.bio-properties-panel-checkbox-entry + .bio-properties-panel-checkbox-entry  {
  margin-top: -8px;
}
.bio-properties-panel-checkbox-entry > .bio-properties-panel-description  {
  margin-left: 18px;
}
textarea.bio-properties-panel-input {
  resize: vertical;
}
.bio-properties-panel-entry.has-error .bio-properties-panel-input {
  border-color: var(--input-error-border-color);
  background-color: var(--input-error-background-color);
}
.bio-properties-panel-entry.has-error .bio-properties-panel-input:focus {
  border-color: var(--input-error-focus-border-color);
}
.bio-properties-panel-entry .bio-properties-panel-error {
  color: var(--text-error-color);
  margin: 4px 0;
  font-size: var(--text-size-small);
}
.bio-properties-panel-simple {
  width: 100%;
  margin-right: 8px;
}
.bio-properties-panel-simple + .bio-properties-panel-remove-entry {
  margin: auto;
}
/**
 * Toggle Switch
 */
.bio-properties-panel-toggle-switch-entry + .bio-properties-panel-toggle-switch-entry  {
  margin-top: -8px;
}
.bio-properties-panel-toggle-switch-entry > .bio-properties-panel-description {
  margin-left: 38px;
}
.bio-properties-panel-toggle-switch .bio-properties-panel-field-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bio-properties-panel-toggle-switch > .bio-properties-panel-label {
  font-size: var(--text-size-base);
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__label {
  margin: 0;
  margin-left: 6px;
  font-size: var(--text-size-base);
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher {
  position: relative;
  width: 32px;
  height: 16px;
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher input[type='checkbox'] {
  opacity: 0;
  width: 0;
  height: 0;
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher .bio-properties-panel-toggle-switch__slider {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--toggle-switch-off-background-color);
  transition: 0.4s;
  border-radius: 34px;
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher .bio-properties-panel-toggle-switch__slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: var(--toggle-switch-switcher-background-color);
  transition: 0.4s;
  border-radius: 50%;
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher input[type='checkbox']:checked + .bio-properties-panel-toggle-switch__slider {
  background-color: var(--toggle-switch-on-background-color);
  box-shadow: 0 0 1px ;
}
.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher input[type='checkbox']:checked + .bio-properties-panel-toggle-switch__slider:before {
  transform: translateX(16px);
}
/**
 * Collapsible entries
 */
.bio-properties-panel-collapsible-entry-entries {
  position: relative;
  display: none;
}
.bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:last-child {
  padding-bottom: 0;
}
.bio-properties-panel-collapsible-entry-entries.open {
  display: block;
}
.bio-properties-panel-collapsible-entry-entries  {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
  display: none;
}
.bio-properties-panel-collapsible-entry-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}
.bio-properties-panel-collapsible-entry-header .bio-properties-panel-collapsible-entry-header-title {
  padding: 2px 24px 2px 32px;
  font-size: var(--text-size-base);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
          user-select: none;
}
.bio-properties-panel-collapsible-entry-arrow {
  position: absolute;
  top: 2px;
  left: 6px;
  padding: 0 3px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.bio-properties-panel-remove-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  padding: 0;
  width: 22px;
  height: 22px;
  fill: var(--remove-entry-fill-color);
  border-radius: 50%;
  border: none;
  background: none;
  visibility: hidden;
}
.bio-properties-panel-remove-entry:hover {
  background-color: var(--remove-entry-hover-background-color);
}
.bio-properties-panel-list-entry-item:hover .bio-properties-panel-remove-list-entry,
.bio-properties-panel-collapsible-entry:hover > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry,
.bio-properties-panel-collapsible-entry:focus-within > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry
{
  visibility: visible;
}
/* Side line */
.bio-properties-panel-collapsible-entry-entries::before {
  content: "";
  position: absolute;
  left: 16px;
  width: 2px;
  top: -6px;
  bottom: 12px;
  background-color: var(--side-line-background-color);
  border-radius: 1px;
}
/* Side line extension for non-list entry or open list entry positioned as the last one. */
.bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:not(.bio-properties-panel-list-entry):last-child,
.bio-properties-panel-list-entry.open:last-child {
  position: relative;
}
.bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:not(.bio-properties-panel-list-entry):last-child::after,
.bio-properties-panel-list-entry.open:last-child::after {
  content: "";
  position: absolute;
  left: -16px;
  width: 2px;
  top: 0;
  bottom: -4px;
  background-color: var(--side-line-extension-background-color);
  border-radius: 1px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:last-child::after {
  left: -18px;
}
/*
 * List entry
 */
.bio-properties-panel-list-entry {
  position: relative;
  margin-right: 5px;
  margin-bottom: 0;
}
.bio-properties-panel-list-entry .bio-properties-panel-entry {
  margin-right: 0;
}
.bio-properties-panel-list-entry-header {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  height: 32px;
}
/* Nested list dot */
.bio-properties-panel-list-entry::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: -19px;
  top: 13px;
  border-radius: 50%;
  background-color: var(--list-entry-dot-background-color);
}
.bio-properties-panel-list-entry-header-title {
  display: block;
  margin: auto 0;
  padding: 2px 0;
  font-size: var(--text-size-base);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bio-properties-panel-list-entry-header-title.open {
  font-weight: 500;
}
.bio-properties-panel-list-entry-header-buttons {
  display: flex;
  align-items: center;
}
.bio-properties-panel-list-entry-header-buttons > button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 22px;
  line-height: 22px;
  min-width: 22px;
  margin: 5px;
  padding: 0 3px;
  border: none;
  background: none;
  fill: var(--list-entry-header-button-fill-color);
}
.bio-properties-panel-list-entry-header-buttons > :last-child {
  margin-right: 0;
}
.bio-properties-panel-list-entry-items {
  padding: 0;
  margin: 0;

  list-style: none;
}
.bio-properties-panel-list-entry-items:not(.open) {
  display: none;
}
.bio-properties-panel-list-entry-item {
  display: flex;
  justify-content: space-between;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-remove-entry {
  margin-right: 1px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry {
  width: 100%;
  margin-right: 4px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-header {
  margin-left: -8px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-arrow {
  left: 2px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-header-title {
  padding-left: 30px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-entries {
  padding-left: 10px;
}
.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-entries::before {
  left: 4px;
}
.bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry {
  margin-right: 16px;
  padding-left: 6px;
}
.bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry-label {
  color: var(--list-entry-add-entry-label-color);
  padding: 4px 6px 3px 2px;
}
.bio-properties-panel-list-entry-header-buttons .bio-properties-panel-add-entry:hover {
  background-color: var(--list-entry-add-entry-background-color);
  fill: var(--list-entry-add-entry-fill-color);
}
.bio-properties-panel-list-entry-item .bio-properties-panel-simple .bio-properties-panel-input {
  border-radius: 0;
  margin-bottom: -2px;
}
.bio-properties-panel-list-entry-item:first-child .bio-properties-panel-simple .bio-properties-panel-input {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.bio-properties-panel-list-entry-item:last-child .bio-properties-panel-simple .bio-properties-panel-input {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bio-properties-panel-dropdown-button {
  position: relative;

  --dropdown-button-margin: 5px;
}
.bio-properties-panel-dropdown-button:not(.open) .bio-properties-panel-dropdown-button__menu {
  display: none;
}
.bio-properties-panel-dropdown-button__menu {
  min-width: calc(100% - var(--dropdown-button-margin) * 2);
  max-width: 240px;

  position: absolute;
  top: calc(100% - var(--dropdown-button-margin));
  right: var(--dropdown-button-margin);
  z-index: 101;

  background-color: var(--dropdown-item-background-color);

  padding: 8px 0;

  box-shadow: 0 1px 4px 0 var(--color-grey-225-10-85), 0 2px 16px 0 var(--color-grey-225-10-75)
}
.bio-properties-panel-dropdown-button__menu-item {
  display: block;
  width: 100%;
  padding: 4px 12px;

  font-size: var(--text-size-small);
  appearance: revert;
  border: unset;
  background: unset;
  text-align: unset;
}
.bio-properties-panel-dropdown-button__menu-item--separator {
  width: 100%;
  height: 1px;

  padding: 0;
  margin: 8px 0;

  background-color: var(--dropdown-separator-background-color);
}
.bio-properties-panel-dropdown-button__menu-item--actionable {
  font-size: var(--text-size-base);
}
.bio-properties-panel-dropdown-button__menu-item--actionable:hover {
  background-color: var(--dropdown-item-hover-background-color);
}
.bio-properties-panel-feel-input {
  position: relative;
}
.bio-properties-panel-feel-input input {
  padding-right: 2em
}
.bio-properties-panel-feel-icon {
  display: inline-block;
  height: 16px;
  vertical-align: text-bottom;
  padding: 0 3px;
}
.bio-properties-panel-feel-icon svg {
  width: 16px;
  height: 16px;
}

/*# sourceMappingURL=styles.css.map*/