/* width */
body {
  margin: 0;
}
.x-spreadsheet {
  font-size: 13px;
  line-height: normal;
  -webkit-user-select: none;
          user-select: none;
  -moz-user-select: none;
  font-family: 'Lato', 'Source Sans Pro', Roboto, Helvetica, Arial, sans-serif;
  box-sizing: content-box;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}
.x-spreadsheet textarea {
  font: 400 13px Arial, 'Lato', 'Source Sans Pro', Roboto, Helvetica, sans-serif;
}
.x-spreadsheet-sheet {
  position: relative;
  overflow: hidden;
}
.x-spreadsheet-table {
  vertical-align: bottom;
}
.x-spreadsheet-tooltip {
  font-family: inherit;
  position: absolute;
  padding: 5px 10px;
  color: #fff;
  border-radius: 1px;
  background: #000000;
  font-size: 12px;
  z-index: 201;
}
.x-spreadsheet-tooltip:before {
  pointer-events: none;
  position: absolute;
  left: calc(50% - 4px);
  top: -4px;
  content: "";
  width: 8px;
  height: 8px;
  background: inherit;
  transform: rotate(45deg);
  z-index: 1;
  box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.3);
}
.x-spreadsheet-color-palette {
  padding: 5px;
}
.x-spreadsheet-color-palette table {
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 2;
  background: #fff;
}
.x-spreadsheet-color-palette table td {
  margin: 0;
  cursor: pointer;
  border: 1px solid transparent;
}
.x-spreadsheet-color-palette table td:hover {
  border-color: #ddd;
}
.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell {
  width: 16px;
  height: 16px;
}
.x-spreadsheet-border-palette {
  padding: 6px;
}
.x-spreadsheet-border-palette table {
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  table-layout: fixed;
}
.x-spreadsheet-border-palette table td {
  margin: 0;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left {
  border-right: 1px solid #eee;
  padding-right: 6px;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell {
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell .x-spreadsheet-icon-img {
  opacity: 0.8;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover {
  background-color: #eee;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right {
  padding-left: 6px;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-toolbar-btn {
  margin-top: 0;
  margin-bottom: 3px;
}
.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type {
  position: relative;
  left: 0;
  top: -3px;
}
.x-spreadsheet-dropdown {
  position: relative;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {
  position: absolute;
  z-index: 200;
  background: #fff;
  box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
}
.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {
  top: calc(100% + 5px);
  left: 0;
}
.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content {
  top: calc(100% + 5px);
  right: 0;
}
.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content {
  bottom: calc(100% + 5px);
  left: 0;
}
.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content {
  bottom: calc(100% + 5px);
  right: 0;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title {
  padding: 0 5px;
  display: inline-block;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-left {
  margin-left: 4px;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right {
  width: 10px;
  margin-right: 4px;
}
.x-spreadsheet-dropdown .x-spreadsheet-dropdown-header .x-spreadsheet-icon.arrow-right .arrow-down {
  left: -130px;
}
/* resizer **/
.x-spreadsheet-resizer {
  position: absolute;
  z-index: 11;
}
.x-spreadsheet-resizer .x-spreadsheet-resizer-hover {
  background-color: rgba(75, 137, 255, 0.25);
}
.x-spreadsheet-resizer .x-spreadsheet-resizer-line {
  position: absolute;
}
.x-spreadsheet-resizer.horizontal {
  cursor: row-resize;
}
.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line {
  border-bottom: 2px dashed #4b89ff;
  left: 0;
  bottom: 0;
}
.x-spreadsheet-resizer.vertical {
  cursor: col-resize;
}
.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line {
  border-right: 2px dashed #4b89ff;
  top: 0;
  right: 0;
}
/* scrollbar */
.x-spreadsheet-scrollbar {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f4f5f8;
  opacity: 0.9;
  z-index: 12;
}
.x-spreadsheet-scrollbar.horizontal {
  right: 15px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.x-spreadsheet-scrollbar.horizontal > div {
  height: 1px;
  background: #ddd;
}
.x-spreadsheet-scrollbar.vertical {
  bottom: 15px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.x-spreadsheet-scrollbar.vertical > div {
  width: 1px;
  background: #ddd;
}
/* @{css-prefix}-overlayer */
.x-spreadsheet-overlayer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.x-spreadsheet-editor,
.x-spreadsheet-selector {
  box-sizing: content-box;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* @{css-prefix}-selector */
.x-spreadsheet-selector .hide-input {
  position: absolute;
  z-index: 0;
}
.x-spreadsheet-selector .hide-input input {
  padding: 0;
  width: 0;
  border: none!important;
}
.x-spreadsheet-selector .x-spreadsheet-selector-area {
  position: absolute;
  border: 2px solid #4b89ff;
  background: rgba(75, 137, 255, 0.1);
  z-index: 5;
}
.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,
.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
  position: absolute;
  background: transparent;
  z-index: 100;
}
.x-spreadsheet-selector .x-spreadsheet-selector-clipboard {
  border: 2px dashed #4b89ff;
}
.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
  border: 1px dashed rgba(0, 0, 0, 0.45);
}
.x-spreadsheet-selector .x-spreadsheet-selector-corner {
  pointer-events: auto;
  position: absolute;
  cursor: crosshair;
  font-size: 0;
  height: 5px;
  width: 5px;
  right: -5px;
  bottom: -5px;
  border: 2px solid #ffffff;
  background: #4b89ff;
}
.x-spreadsheet-editor {
  z-index: 20;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area {
  position: absolute;
  text-align: left;
  border: 2px solid #4b89ff;
  line-height: 0;
  z-index: 100;
  pointer-events: auto;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area textarea {
  box-sizing: content-box;
  border: none;
  padding: 0 3px;
  outline: none;
  resize: none;
  text-align: start;
  overflow-y: hidden;
  font: 400 13px Arial, 'Lato', 'Source Sans Pro', Roboto, Helvetica, sans-serif;
  color: inherit;
  white-space: normal;
  word-wrap: break-word;
  line-height: 22px;
  margin: 0;
}
.x-spreadsheet-editor .x-spreadsheet-editor-area .textline {
  overflow: hidden;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
}
.x-spreadsheet-item {
  -webkit-user-select: none;
          user-select: none;
  background: 0;
  border: 1px solid transparent;
  outline: none;
  height: 26px;
  color: rgba(0, 0, 0, 0.9);
  line-height: 26px;
  list-style: none;
  padding: 2px 10px;
  cursor: default;
  text-align: left;
  overflow: hidden;
}
.x-spreadsheet-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.x-spreadsheet-item:hover,
.x-spreadsheet-item.active {
  background: rgba(0, 0, 0, 0.05);
}
.x-spreadsheet-item.divider {
  height: 0;
  padding: 0;
  margin: 5px 0;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.x-spreadsheet-item .label {
  float: right;
  opacity: 0.65;
  font-size: 1em;
}
.x-spreadsheet-item.state,
.x-spreadsheet-header.state {
  padding-left: 35px!important;
  position: relative;
}
.x-spreadsheet-item.state:before,
.x-spreadsheet-header.state:before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 12px;
  top: calc(50% - 5px);
  background: rgba(0, 0, 0, 0.08);
  border-radius: 2px;
}
.x-spreadsheet-item.state.checked:before,
.x-spreadsheet-header.state.checked:before {
  background: #4b89ff;
}
.x-spreadsheet-checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: 0;
  vertical-align: baseline;
  font-style: normal;
  font-size: 1rem;
  line-height: 1em;
}
.x-spreadsheet-checkbox > input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0!important;
  outline: 0;
  z-index: -1;
}
.x-spreadsheet-suggest,
.x-spreadsheet-contextmenu,
.x-spreadsheet-sort-filter {
  position: absolute;
  box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, 0.15);
  background: #fff;
  z-index: 100;
  width: 260px;
  pointer-events: auto;
  overflow: auto;
}
.x-spreadsheet-suggest {
  width: 200px;
}
.x-spreadsheet-filter {
  border: 1px solid #e9e9e9;
  font-size: 12px;
  margin: 10px;
}
.x-spreadsheet-filter .x-spreadsheet-header {
  padding: 0.5em 0.75em;
  background: #f8f8f9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid transparent;
}
.x-spreadsheet-filter .x-spreadsheet-body {
  height: 200px;
  overflow-y: auto;
}
.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item {
  height: 20px;
  line-height: 20px;
}
.x-spreadsheet-sort-filter .x-spreadsheet-buttons {
  margin: 10px;
}
.x-spreadsheet-toolbar,
.x-spreadsheet-bottombar {
  height: 40px;
  padding: 0 30px;
  text-align: left;
  background: #f5f6f7;
  display: flex;
}
.x-spreadsheet-bottombar {
  position: relative;
  border-top: 1px solid #e0e2e4;
}
.x-spreadsheet-bottombar .x-spreadsheet-menu > li {
  line-height: 40px;
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  border-right: 1px solid #e8eaed;
}
.x-spreadsheet-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
          user-select: none;
}
.x-spreadsheet-menu > li {
  float: left;
  line-height: 1.25em;
  padding: 0.785em 1em;
  margin: 0;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  color: #80868b;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: bold;
}
.x-spreadsheet-menu > li.active {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
}
.x-spreadsheet-menu > li .x-spreadsheet-icon {
  margin: 0 6px;
}
.x-spreadsheet-menu > li .x-spreadsheet-icon .x-spreadsheet-icon-img:hover {
  opacity: 0.85;
}
.x-spreadsheet-menu > li .x-spreadsheet-dropdown {
  display: inline-block;
}
.x-spreadsheet-toolbar {
  border-bottom: 1px solid #e0e2e4;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btns {
  display: inline-flex;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more {
  padding: 0 6px 6px;
  text-align: left;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-more .x-spreadsheet-toolbar-divider {
  margin-top: 0;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn {
  flex: 0 0 auto;
  display: inline-block;
  border: 1px solid transparent;
  height: 26px;
  line-height: 26px;
  min-width: 26px;
  margin: 6px 1px 0;
  padding: 0;
  text-align: center;
  border-radius: 2px;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn:hover,
.x-spreadsheet-toolbar .x-spreadsheet-toolbar-btn.active {
  background: rgba(0, 0, 0, 0.08);
}
.x-spreadsheet-toolbar-divider {
  display: inline-block;
  border-right: 1px solid #e0e2e4;
  width: 0;
  vertical-align: middle;
  height: 18px;
  margin: 12px 3px 0;
}
.x-spreadsheet-print {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.x-spreadsheet-print-bar {
  background: #424242;
  height: 60px;
  line-height: 60px;
  padding: 0 30px;
}
.x-spreadsheet-print-bar .-title {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  float: left;
}
.x-spreadsheet-print-bar .-right {
  float: right;
  margin-top: 12px;
}
.x-spreadsheet-print-content {
  display: flex;
  flex: auto;
  flex-direction: row;
  background: #d0d0d0;
  height: calc(100% - 60px);
}
.x-spreadsheet-print-content .-sider {
  flex: 0 0 300px;
  width: 300px;
  border-left: 2px solid #ccc;
  background: #fff;
}
.x-spreadsheet-print-content .-content {
  flex: auto;
  overflow-x: auto;
  overflow-y: scroll;
  height: 100%;
}
.x-spreadsheet-canvas-card-wraper {
  margin: 40px 20px;
}
.x-spreadsheet-canvas-card {
  background: #fff;
  margin: auto;
  page-break-before: auto;
  page-break-after: always;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.2);
}
.x-spreadsheet-calendar {
  color: rgba(0, 0, 0, 0.65);
  background: #ffffff;
  -webkit-user-select: none;
          user-select: none;
}
.x-spreadsheet-calendar .calendar-header {
  font-weight: 700;
  line-height: 30px;
  text-align: center;
  width: 100%;
  float: left;
  background: #f9fafb;
}
.x-spreadsheet-calendar .calendar-header .calendar-header-left {
  padding-left: 5px;
  float: left;
}
.x-spreadsheet-calendar .calendar-header .calendar-header-right {
  float: right;
}
.x-spreadsheet-calendar .calendar-header .calendar-header-right a {
  padding: 3px 0;
  margin-right: 2px;
  border-radius: 2px;
}
.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover {
  background: rgba(0, 0, 0, 0.08);
}
.x-spreadsheet-calendar .calendar-body {
  border-collapse: collapse;
  border-spacing: 0;
}
.x-spreadsheet-calendar .calendar-body th,
.x-spreadsheet-calendar .calendar-body td {
  width: 14.28571429%;
  min-width: 32px;
  text-align: center;
  font-weight: 700;
  line-height: 30px;
  padding: 0;
}
.x-spreadsheet-calendar .calendar-body td > .cell:hover {
  background: #ecf6fd;
}
.x-spreadsheet-calendar .calendar-body td > .cell.active,
.x-spreadsheet-calendar .calendar-body td > .cell.active:hover {
  background: #ecf6fd;
  color: #2185D0;
}
.x-spreadsheet-calendar .calendar-body td > .cell.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.x-spreadsheet-datepicker {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: calc(100% + 5px);
  z-index: 10;
  width: auto;
}
.x-spreadsheet-buttons {
  display: flex;
  justify-content: flex-end;
}
.x-spreadsheet-buttons .x-spreadsheet-button {
  margin-left: 8px;
}
.x-spreadsheet-button {
  display: inline-block;
  border-radius: 3px;
  line-height: 1em;
  min-height: 1em;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.6);
  background: #E0E1E2;
  text-decoration: none;
  font-family: "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  outline: none;
  vertical-align: baseline;
  zoom: 1;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.1s linear;
}
.x-spreadsheet-button.active,
.x-spreadsheet-button:hover {
  background-color: #C0C1C2;
  color: rgba(0, 0, 0, 0.8);
}
.x-spreadsheet-button.primary {
  color: #fff;
  background-color: #2185D0;
}
.x-spreadsheet-button.primary:hover,
.x-spreadsheet-button.primary.active {
  color: #fff;
  background-color: #1678c2;
}
.x-spreadsheet-form-input {
  font-size: 1em;
  position: relative;
  font-weight: 400;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.87);
}
.x-spreadsheet-form-input input {
  z-index: 1;
  margin: 0;
  max-width: 100%;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 30px;
  height: 30px;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06);
}
.x-spreadsheet-form-input input:focus {
  border-color: #4b89ff;
  box-shadow: inset 0 1px 2px rgba(75, 137, 255, 0.2);
}
.x-spreadsheet-form-select {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 2px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  -webkit-user-select: none;
          user-select: none;
  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, 0.06);
}
.x-spreadsheet-form-select .input-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 60px;
  width: auto;
  height: 30px;
  line-height: 30px;
  padding: 0 8px;
}
.x-spreadsheet-form-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.x-spreadsheet-form-fields .x-spreadsheet-form-field {
  flex: 0 1 auto;
}
.x-spreadsheet-form-fields .x-spreadsheet-form-field .label {
  display: inline-block;
  margin: 0 10px 0 0;
}
.x-spreadsheet-form-field {
  display: block;
  vertical-align: middle;
  margin-left: 10px;
  margin-bottom: 10px;
}
.x-spreadsheet-form-field:first-child {
  margin-left: 0;
}
.x-spreadsheet-form-field.error .x-spreadsheet-form-select,
.x-spreadsheet-form-field.error input {
  border-color: #f04134;
}
.x-spreadsheet-form-field .tip {
  color: #f04134;
  font-size: 0.9em;
}
.x-spreadsheet-dimmer {
  display: none;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
          user-select: none;
  z-index: 1000;
}
.x-spreadsheet-dimmer.active {
  display: block;
  opacity: 1;
}
form fieldset {
  border: none;
}
form fieldset label {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1em;
  color: #666;
}
form fieldset select {
  font-size: 1.1em;
  width: 100%;
  background-color: #fff;
  border: none;
  border-bottom: 2px solid #ddd;
  padding: 0.5em 0.85em;
  border-radius: 2px;
}
.x-spreadsheet-modal,
.x-spreadsheet-toast {
  font-size: 13px;
  position: fixed;
  z-index: 1001;
  text-align: left;
  line-height: 1.25em;
  min-width: 360px;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Lato', 'Source Sans Pro', Roboto, Helvetica, Arial, sans-serif;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 8px;
}
.x-spreadsheet-toast {
  background-color: rgba(255, 255, 255, 0.85);
}
.x-spreadsheet-modal-header,
.x-spreadsheet-toast-header {
  font-weight: 600;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0 0;
}
.x-spreadsheet-modal-header .x-spreadsheet-icon,
.x-spreadsheet-toast-header .x-spreadsheet-icon {
  position: absolute;
  right: 0.8em;
  top: 0.65em;
  border-radius: 18px;
}
.x-spreadsheet-modal-header .x-spreadsheet-icon:hover,
.x-spreadsheet-toast-header .x-spreadsheet-icon:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.08);
}
.x-spreadsheet-toast-header {
  color: #F2711C;
}
.x-spreadsheet-modal-header {
  border-bottom: 1px solid #e0e2e4;
  background: rgba(0, 0, 0, 0.08);
  font-size: 1.0785em;
}
.x-spreadsheet-modal-header,
.x-spreadsheet-modal-content,
.x-spreadsheet-toast-header,
.x-spreadsheet-toast-content {
  padding: 0.75em 1em;
}
@media screen and (min-width: 320px) and (max-width: 480px) {
  .x-spreadsheet-toolbar {
    display: none;
  }
}
.x-spreadsheet-icon {
  width: 18px;
  height: 18px;
  margin: 1px 1px 2px 1px;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img {
  background-image: url(58eaeb4e52248a5c75936c6f4c33a370.svg);
  position: absolute;
  width: 262px;
  height: 444px;
  opacity: 0.56;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.undo {
  left: 0;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.redo {
  left: -18px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.print {
  left: -36px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.paintformat {
  left: -54px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.clearformat {
  left: -72px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.font-bold {
  left: -90px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.font-italic {
  left: -108px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.underline {
  left: -126px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.strike {
  left: -144px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.color {
  left: -162px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.bgcolor {
  left: -180px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.merge {
  left: -198px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-left {
  left: -216px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-center {
  left: -234px;
  top: 0;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-right {
  left: 0;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-top {
  left: -18px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-middle {
  left: -36px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.align-bottom {
  left: -54px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.textwrap {
  left: -72px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.autofilter {
  left: -90px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.formula {
  left: -108px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-down {
  left: -126px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.arrow-right {
  left: -144px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.link {
  left: -162px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chart {
  left: -180px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.freeze {
  left: -198px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.ellipsis {
  left: -216px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.add {
  left: -234px;
  top: -18px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-all {
  left: 0;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-inside {
  left: -18px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-horizontal {
  left: -36px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-vertical {
  left: -54px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-outside {
  left: -72px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-left {
  left: -90px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-top {
  left: -108px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-right {
  left: -126px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-bottom {
  left: -144px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.border-none {
  left: -162px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.line-color {
  left: -180px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.line-type {
  left: -198px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.close {
  left: -234px;
  top: -36px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-down {
  left: 0;
  top: -54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-up {
  left: -18px;
  top: -54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-left {
  left: -36px;
  top: -54px;
}
.x-spreadsheet-icon .x-spreadsheet-icon-img.chevron-right {
  left: -54px;
  top: -54px;
}
::-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;
}
/* arabic */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1biKi2CikE0n8H9.woff) format("woff");
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a13iKi2CikE0n8H9.woff) format("woff");
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/SLXgc1nY6HkvangtZmpQdkhzfH5lkSs2SgRjCAGMQ1z0hOA-a1PiKi2CikE0nw.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@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, .title, .mat-typography h2 {
  font: 500 20px/32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .customer-authentication-container .authentication-success-container .content-text, .customer-authentication-container .authentication-error-container .content-text, .card-entry-point-container .menu-item .description, .card-products-container .product-description-wrapper .product-name, .ajsf-dms-comment-wrapper .ajsf-dms-comment-header, .finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-name, .finfra-dms-sub-header, .confirm-action-container .confirm-action-header, .branch-banking-details-sidenav-container .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, .customer-authentication-container .customer-container .customer-details .customer-full-name, .customer-authentication-container .row .option-label, .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, .finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-text .address-name, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-text-sub, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-text-sub, .finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-status, .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, .customer360-header, .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, .finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-text .address-name p, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-text-sub p, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-text-sub p, .finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-status 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, .customer360-header 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, .customer-authentication-container .customer-container .customer-details .customer-id, .ajsf-select-popup-header .ajsf-select-popup-header-sub-line, .finfra-stepper-container .finfra-stepper-function-instructions, .dashboard-data-card .dashboard-data-card-header, .dashboard-footer .dashboard-footer-header, .mat-caption, .customer-authentication-container .row .option-text-muted, .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, .customer-authentication-container, .card-entry-point-container .menu-item, .card-products-container .scroll-buttons .scroll-button-right, .card-products-container .scroll-buttons .scroll-button-left, .card-products-container .product-description-wrapper, .delete-card-dialog, .finfra-stepper-footer, .dashboard-footer, .charge-card, .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.mat-app-background, .dark-mode.mnemonic-widget-wrapper {
  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 .customer-authentication-container, .dark-mode .card-entry-point-container .menu-item, .card-entry-point-container .dark-mode .menu-item, .dark-mode .card-products-container .scroll-buttons .scroll-button-right, .card-products-container .scroll-buttons .dark-mode .scroll-button-right, .dark-mode .card-products-container .scroll-buttons .scroll-button-left, .card-products-container .scroll-buttons .dark-mode .scroll-button-left, .dark-mode .card-products-container .product-description-wrapper, .card-products-container .dark-mode .product-description-wrapper, .dark-mode .delete-card-dialog, .dark-mode .finfra-stepper-footer, .dark-mode .dashboard-footer, .dark-mode .charge-card, .dark-mode .dashboard-chart-1 {
  background: #434343;
  color: white;
}
.dark-mode .mat-card:not([class*=mat-elevation-z]), .dark-mode .customer-authentication-container:not([class*=mat-elevation-z]), .dark-mode .card-entry-point-container .menu-item:not([class*=mat-elevation-z]), .card-entry-point-container .dark-mode .menu-item:not([class*=mat-elevation-z]), .dark-mode .card-products-container .scroll-buttons .scroll-button-right:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .dark-mode .scroll-button-right:not([class*=mat-elevation-z]), .dark-mode .card-products-container .scroll-buttons .scroll-button-left:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .dark-mode .scroll-button-left:not([class*=mat-elevation-z]), .dark-mode .card-products-container .product-description-wrapper:not([class*=mat-elevation-z]), .card-products-container .dark-mode .product-description-wrapper:not([class*=mat-elevation-z]), .dark-mode .delete-card-dialog: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 .charge-card: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.customer-authentication-container:not([class*=mat-elevation-z]), .dark-mode .card-entry-point-container .mat-card-flat.menu-item:not([class*=mat-elevation-z]), .card-entry-point-container .dark-mode .mat-card-flat.menu-item:not([class*=mat-elevation-z]), .dark-mode .card-products-container .scroll-buttons .mat-card-flat.scroll-button-right:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .dark-mode .mat-card-flat.scroll-button-right:not([class*=mat-elevation-z]), .dark-mode .card-products-container .scroll-buttons .mat-card-flat.scroll-button-left:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .dark-mode .mat-card-flat.scroll-button-left:not([class*=mat-elevation-z]), .dark-mode .card-products-container .mat-card-flat.product-description-wrapper:not([class*=mat-elevation-z]), .card-products-container .dark-mode .mat-card-flat.product-description-wrapper:not([class*=mat-elevation-z]), .dark-mode .mat-card-flat.delete-card-dialog: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.charge-card: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, .dark-mode .inventory-audit-container .inventory-audit-status, .inventory-audit-container .dark-mode .inventory-audit-status, .dark-mode .inventory-audit-container .inventory-audit-assignedToGroupName, .inventory-audit-container .dark-mode .inventory-audit-assignedToGroupName, .dark-mode .inventory-audit-container .inventory-audit-workflowReferenceNumber, .inventory-audit-container .dark-mode .inventory-audit-workflowReferenceNumber, .dark-mode .inventory-audit-container .inventory-audit-createdOn, .inventory-audit-container .dark-mode .inventory-audit-createdOn, .dark-mode .inventory-audit-container .inventory-audit-location, .inventory-audit-container .dark-mode .inventory-audit-location {
  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, .dark-mode .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-status, .inventory-audit-container .dark-mode .mat-form-field-appearance-legacy .inventory-audit-status, .dark-mode .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-assignedToGroupName, .inventory-audit-container .dark-mode .mat-form-field-appearance-legacy .inventory-audit-assignedToGroupName, .dark-mode .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-workflowReferenceNumber, .inventory-audit-container .dark-mode .mat-form-field-appearance-legacy .inventory-audit-workflowReferenceNumber, .dark-mode .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-createdOn, .inventory-audit-container .dark-mode .mat-form-field-appearance-legacy .inventory-audit-createdOn, .dark-mode .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-location, .inventory-audit-container .dark-mode .mat-form-field-appearance-legacy .inventory-audit-location {
  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 {
  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 {
  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-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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 .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 {
  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 .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 .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 .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 .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 .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 .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 .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 .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 .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 {
  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 .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 .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 .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 .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 .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 .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 .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 .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 .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 {
  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 .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 .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 .customer-authentication-container .customer-container, .customer-authentication-container .dark-mode .customer-container, .dark-mode .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .dark-mode .mat-tab-label, .dark-mode .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .dark-mode .mat-tab-label, .dark-mode .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .dark-mode .mat-tab-label, .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 {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.dark-mode .finfra-form-field-outline-action {
  border: 2px solid white;
}
.dark-mode .finfra-form-field-outline-action:hover {
  border: 2px solid #0071bb;
}
.dark-mode .finfra-form-field-outline-no-hover, .dark-mode .customer-authentication-container .customer-container, .customer-authentication-container .dark-mode .customer-container, .dark-mode .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .dark-mode .mat-tab-label, .dark-mode .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .dark-mode .mat-tab-label, .dark-mode .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .dark-mode .mat-tab-label, .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 {
  border: 1px solid white;
}
.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 .customer-authentication-container .row .option-icon, .customer-authentication-container .row .dark-mode .option-icon, .dark-mode .collateral-type-container .collateral-type-icon, .collateral-type-container .dark-mode .collateral-type-icon, .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 {
  color: #0071bb;
}
.dark-mode .finfra-accent {
  color: #90278e;
}
.dark-mode .finfra-warn, .dark-mode .customer-authentication-container .authentication-error-container .icon, .customer-authentication-container .authentication-error-container .dark-mode .icon, .dark-mode .psg-error {
  color: #eb2127;
}
.dark-mode .finfra-success, .dark-mode .customer-authentication-container .authentication-success-container .icon, .customer-authentication-container .authentication-success-container .dark-mode .icon, .dark-mode .psg-success {
  color: #5abf91;
}
.dark-mode .finfra-alert {
  color: #ff6501;
}
.dark-mode .mat-success {
  color: #5abf91;
}
.dark-mode .mat-alert {
  color: #ff6501;
}
.dark-mode .finfra-primary-background, .dark-mode .card-entry-point-container .menu-item .icon, .card-entry-point-container .menu-item .dark-mode .icon {
  background-color: #0071bb;
  color: #ffffff;
}
.dark-mode .finfra-accent-background, .dark-mode .finfra-stepper-comments-container .tagged, .finfra-stepper-comments-container .dark-mode .tagged {
  background-color: #90278e;
  color: #ffffff;
}
.dark-mode .finfra-disabled {
  color: #757575;
}
.dark-mode .finfra-foreground, .dark-mode .collateral-type-container .collateral-type-label, .collateral-type-container .dark-mode .collateral-type-label, .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 {
  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 .links-wrapper .links-container, .links-wrapper .dark-mode .links-container, .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 {
  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 .mat-form-field-readonly .mat-form-field-flex, .mat-form-field-readonly .dark-mode .mat-form-field-flex, .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 .links-wrapper .links-container .links-row .column .button-md, .links-wrapper .links-container .links-row .column .dark-mode .button-md, .dark-mode .links-wrapper .links-container .links-row .column .button-xl, .links-wrapper .links-container .links-row .column .dark-mode .button-xl, .dark-mode .dashboard-filter-drawer-button, .dark-mode .notification-sidenav-menu-bottom, .dark-mode .notification-sidenav-container, .dark-mode finfra-mpp .frosted-glass, finfra-mpp .dark-mode .frosted-glass, .dark-mode .branch-banking-details-sidenav-menu-bottom, .dark-mode .branch-banking-details-sidenav-container, .dark-mode .sidenav-header-container, .dark-mode .sidenav-body-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 .widget-html-container .mat-checkbox-primary {
  accent-color: #0071bb;
}
.dark-mode .widget-html-container .mat-checkbox-accent {
  accent-color: #90278e;
}
.dark-mode .widget-html-container .mat-checkbox-warn {
  accent-color: #eb2127;
}
.dark-mode .finfra-primary-border, .dark-mode .customer-authentication-container .selected, .customer-authentication-container .dark-mode .selected {
  border: 1px solid #0071bb;
}
.dark-mode .finfra-accent-border {
  border: 1px solid #90278e;
}
.dark-mode .finfra-warn-border {
  border: 1px solid #eb2127;
}
.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 {
  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, .customer-authentication-container, .card-entry-point-container .menu-item, .card-products-container .scroll-buttons .scroll-button-right, .card-products-container .scroll-buttons .scroll-button-left, .card-products-container .product-description-wrapper, .delete-card-dialog, .finfra-stepper-footer, .dashboard-footer, .charge-card, .dashboard-chart-1 {
  background: white;
  color: #434343;
}
.mat-card:not([class*=mat-elevation-z]), .customer-authentication-container:not([class*=mat-elevation-z]), .card-entry-point-container .menu-item:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .scroll-button-right:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .scroll-button-left:not([class*=mat-elevation-z]), .card-products-container .product-description-wrapper:not([class*=mat-elevation-z]), .delete-card-dialog:not([class*=mat-elevation-z]), .finfra-stepper-footer:not([class*=mat-elevation-z]), .dashboard-footer:not([class*=mat-elevation-z]), .charge-card: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.customer-authentication-container:not([class*=mat-elevation-z]), .card-entry-point-container .mat-card-flat.menu-item:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .mat-card-flat.scroll-button-right:not([class*=mat-elevation-z]), .card-products-container .scroll-buttons .mat-card-flat.scroll-button-left:not([class*=mat-elevation-z]), .card-products-container .mat-card-flat.product-description-wrapper:not([class*=mat-elevation-z]), .mat-card-flat.delete-card-dialog: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.charge-card: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, .inventory-audit-container .inventory-audit-status, .inventory-audit-container .inventory-audit-assignedToGroupName, .inventory-audit-container .inventory-audit-workflowReferenceNumber, .inventory-audit-container .inventory-audit-createdOn, .inventory-audit-container .inventory-audit-location {
  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, .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-status, .inventory-audit-container .mat-form-field-appearance-legacy .inventory-audit-status, .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-assignedToGroupName, .inventory-audit-container .mat-form-field-appearance-legacy .inventory-audit-assignedToGroupName, .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-workflowReferenceNumber, .inventory-audit-container .mat-form-field-appearance-legacy .inventory-audit-workflowReferenceNumber, .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-createdOn, .inventory-audit-container .mat-form-field-appearance-legacy .inventory-audit-createdOn, .mat-form-field-appearance-legacy .inventory-audit-container .inventory-audit-location, .inventory-audit-container .mat-form-field-appearance-legacy .inventory-audit-location {
  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 {
  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 {
  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-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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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, .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 {
  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,
.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,
.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, .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, .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, .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, .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, .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, .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, .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 {
  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,
.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,
.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, .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, .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, .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, .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, .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, .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, .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 {
  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,
.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,
.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, .customer-authentication-container .customer-container, .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .mat-tab-label, .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 {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.finfra-form-field-outline-action {
  border: 2px solid rgba(0, 0, 0, 0.87);
}
.finfra-form-field-outline-action:hover {
  border: 2px solid #0071bb;
}
.finfra-form-field-outline-no-hover, .customer-authentication-container .customer-container, .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .mat-tab-label, .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .mat-tab-label, .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 {
  border: 1px solid rgba(0, 0, 0, 0.87);
}
.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, .customer-authentication-container .row .option-icon, .collateral-type-container .collateral-type-icon, .finfra-stepper-audit-container .finfra-stepper-audit-stage-icon-current, .mat-tab-label-active {
  color: #0071bb;
}
.finfra-accent {
  color: #4100b4;
}
.finfra-warn, .customer-authentication-container .authentication-error-container .icon, .psg-error {
  color: #eb2127;
}
.finfra-success, .customer-authentication-container .authentication-success-container .icon, .psg-success {
  color: #5abf91;
}
.finfra-alert {
  color: #ff6501;
}
.mat-success {
  color: #5abf91;
}
.mat-alert {
  color: #ff6501;
}
.finfra-primary-background, .card-entry-point-container .menu-item .icon {
  background-color: #0071bb;
  color: #ffffff;
}
.finfra-accent-background, .finfra-stepper-comments-container .tagged {
  background-color: #4100b4;
  color: #ffffff;
}
.finfra-disabled {
  color: #bdbdbd;
}
.finfra-foreground, .collateral-type-container .collateral-type-label, .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 {
  color: #434343;
}
.finfra-background, .sub-function-dialog .mat-dialog-container, .legend:hover, .links-wrapper .links-container, .dashboard-data-card .dashboard-data-row-options, .dashboard-data-table .dashboard-data-row-options {
  background-color: #f2f2f2;
}
.finfra-card-background, .sub-function-dialog .mat-dialog-content, .mat-form-field-readonly .mat-form-field-flex, .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, .links-wrapper .links-container .links-row .column .button-md, .links-wrapper .links-container .links-row .column .button-xl, .dashboard-filter-drawer-button, .notification-sidenav-menu-bottom, .notification-sidenav-container, finfra-mpp .frosted-glass, .branch-banking-details-sidenav-menu-bottom, .branch-banking-details-sidenav-container, .sidenav-header-container, .sidenav-body-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;
}
.widget-html-container .mat-checkbox-primary {
  accent-color: #0071bb;
}
.widget-html-container .mat-checkbox-accent {
  accent-color: #4100b4;
}
.widget-html-container .mat-checkbox-warn {
  accent-color: #eb2127;
}
.finfra-primary-border, .customer-authentication-container .selected {
  border: 1px solid #0071bb;
}
.finfra-accent-border {
  border: 1px solid #4100b4;
}
.finfra-warn-border {
  border: 1px solid #eb2127;
}
.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, .title, .mat-typography h2 {
  font: 400 24px/36px Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3, .customer-authentication-container .authentication-success-container .content-text, .customer-authentication-container .authentication-error-container .content-text, .card-entry-point-container .menu-item .description, .card-products-container .product-description-wrapper .product-name, .ajsf-dms-comment-wrapper .ajsf-dms-comment-header, .finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-name, .finfra-dms-sub-header, .confirm-action-container .confirm-action-header, .branch-banking-details-sidenav-container .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, .customer-authentication-container .customer-container .customer-details .customer-full-name, .customer-authentication-container .row .option-label, .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, .finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-text .address-name, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-text-sub, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-text-sub, .finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-status, .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, .customer360-header, .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, .finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-text .address-name p, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-text-sub p, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-text-sub p, .finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-status 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, .customer360-header 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, .customer-authentication-container .customer-container .customer-details .customer-id, .ajsf-select-popup-header .ajsf-select-popup-header-sub-line, .finfra-stepper-container .finfra-stepper-function-instructions, .dashboard-data-card .dashboard-data-card-header, .dashboard-footer .dashboard-footer-header, .mat-caption, .customer-authentication-container .row .option-text-muted, .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, .customer-authentication-container, .card-entry-point-container .menu-item, .card-products-container .scroll-buttons .scroll-button-right, .card-products-container .scroll-buttons .scroll-button-left, .card-products-container .product-description-wrapper, .delete-card-dialog, .finfra-stepper-footer, .dashboard-footer, .charge-card, .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;
}
.landing-menu-app-icon {
  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: 15px 20px;
  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 *****/
/*** Branch banking styles starts ***/
.branch-banking-details-sidenav-container {
  padding: 10px 10px 10px 10px;
}
.branch-banking-details-sidenav-container .header {
  width: calc(100% - 20px);
  border: 1px solid #9e9e9e;
  font-weight: bold;
  padding: 10px 10px;
}
.branch-banking-details-sidenav-container .label, .branch-banking-details-sidenav-container .data {
  padding: 5px 0;
}
.branch-banking-details-sidenav-container .label .mat-checkbox, .branch-banking-details-sidenav-container .data .mat-checkbox {
  margin: 0;
}
.branch-banking-details-sidenav-container .till-balance-table, .branch-banking-details-sidenav-container .till-denomination-balance-table {
  width: 100%;
  table-layout: fixed;
}
.branch-banking-details-sidenav-container .till-balance-table .table-title, .branch-banking-details-sidenav-container .till-denomination-balance-table .table-title {
  background-color: #0071bb;
  color: #ffffff;
  text-align: center;
}
.branch-banking-details-sidenav-container .till-balance-table .table-header, .branch-banking-details-sidenav-container .till-denomination-balance-table .table-header {
  background-color: #4100b4;
  color: #ffffff;
}
.branch-banking-details-sidenav-container .till-balance-table .table-row:nth-child(even), .branch-banking-details-sidenav-container .till-denomination-balance-table .table-row:nth-child(even) {
  background-color: whitesmoke;
  color: #434343;
}
.branch-banking-details-sidenav-container .till-balance-table td, .branch-banking-details-sidenav-container .till-balance-table th, .branch-banking-details-sidenav-container .till-denomination-balance-table td, .branch-banking-details-sidenav-container .till-denomination-balance-table th {
  padding: 5px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.branch-banking-details-sidenav-container .till-balance-table .balance-type {
  width: 50%;
}
.branch-banking-details-sidenav-container .till-balance-table .balance {
  width: 50%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .balance-type {
  width: 20%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .denomination-id {
  width: 20%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .denomination-count {
  width: 20%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .balance {
  width: 40%;
}
.branch-banking-details-sidenav-menu-bottom {
  width: 100%;
  text-align: center;
}
.branch-banking-details-topnav-container {
  margin: 0 0 0 0;
}
/*** Branch banking styles 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 *****/
/***** Time tracking styles starts *****/
.datagrid-table-timeTracking {
  width: 100%;
}
.datagrid-header-timeTracking {
  width: 120px;
}
.datagrid-header-timeTracking-0 {
  width: 100px;
}
.datagrid-header-timeTracking-1 {
  width: 100px;
}
/***** Time tracking styles starts *****/
.mat-sort-header-container .mat-sort-header-content {
  text-align: left;
}
.account-widget-wrapper .account-widget-ajsf-container {
  margin-top: 15px;
}
.account-widget-wrapper .account-widget-title {
  flex: 0 0 48px;
}
.account-widget-wrapper .account-widget-title .account-currency-image-container {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-widget-wrapper .account-widget-title .account-currency-image-container img {
  width: 100%;
}
.account-widget-wrapper .account-widget-title-description-wrapper {
  flex: 1 1 auto;
  display: flex;
  justify-content: start;
  align-items: center;
}
.account-widget-wrapper .mat-expansion-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-widget-wrapper .customer-widget-ajsf-container {
  margin-top: 15px;
}
.customer-widget-wrapper .customer-widget-title {
  flex: 0 0 48px;
}
.customer-widget-wrapper .customer-widget-title .customer-initials-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-widget-wrapper .customer-widget-title .customer-initials-container .circle {
  display: inline-block;
  background-color: #0071bb;
  border-radius: 50%;
}
.customer-widget-wrapper .customer-widget-title .customer-initials-container .circle-inner {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  height: 36px;
  width: 36px;
}
.customer-widget-wrapper .customer-widget-title-description-wrapper {
  flex: 1 1 auto;
  display: flex;
  justify-content: start;
  align-items: center;
}
.customer-widget-wrapper .mat-expansion-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-mpp-widget-wrapper {
  padding: 5px 10px;
}
.customer-mpp-widget-wrapper .customer-initials-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.customer-mpp-widget-wrapper .customer-initials-container .circle {
  display: inline-block;
  background-color: #0071bb;
  border-radius: 50%;
}
.customer-mpp-widget-wrapper .customer-initials-container .circle-inner {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  height: 56px;
  width: 56px;
}
.customer-mpp-widget-wrapper .customer-name {
  font-weight: bold;
}
.customer-mpp-widget-wrapper .customer-category {
  margin: 10px 0;
  padding: 5px 10px;
  border: 1px solid #004A8C;
  border-radius: 8px;
  background-color: #004A8C10;
  color: #004A8C;
  align-items: center;
}
.customer-mpp-widget-wrapper .row {
  padding: 5px 0;
}
.customer-mpp-widget-wrapper .top-row {
  height: 90px;
  padding-bottom: 10px;
}
.customer-mpp-widget-wrapper .value {
  text-align: end;
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer-mpp-widget-wrapper .label {
  font-weight: bold;
}
.customer-mpp-widget-wrapper .show-more-button, .customer-mpp-widget-wrapper .show-less-button {
  margin: 10px 0;
}
.search-form-field {
  width: 40vw;
  height: 40px;
}
.search-form-field .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 6px 0 13px 0;
}
.search-form-field .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0;
}
.search-form-field .mat-form-field-wrapper {
  border-radius: 0 5px 5px 0;
}
.customer-image-container {
  padding: 1vh 1vw 1vh 1vw;
  margin: 0 24px 0 0;
  border-radius: 8px !important;
}
.customer-image-container .customer-image-overlay {
  position: absolute;
  width: 89%;
  text-align: end;
  cursor: pointer;
}
.customer-image-container .customer-image-overlay .mat-icon {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 4px;
}
.dashboard-body .customer-details {
  padding: 1vh 1vw 1vh 1vw;
  border-radius: 8px !important;
}
.customer-details-info {
  font-size: 16px;
  line-height: 24px;
  word-break: break-all;
}
.customer-details-chart {
  height: 190px;
  padding: 1vh 1vw 1vh 0vw;
  border-radius: 8px !important;
}
.chart-balance-restricted {
  font-weight: bold;
  font-size: 1.2em;
}
.search-bar {
  height: 75px;
  margin-bottom: 2vh;
}
.h100 {
  max-height: 100%;
}
.customer360-search-body {
  padding: 2vh 2vw 5vh 6vw;
}
.customer360-header.clear-search {
  padding: 2vh 2vw 2vh 2vw;
}
.customer360-search-body-container {
  height: 120px;
}
.customer360-header {
  font-size: 24px;
  font-weight: 400;
  padding: 4vh 2vw 3vh 3vw;
}
.customer-search-options {
  height: 70px !important;
  border-bottom: 1px solid #ccc;
}
.search-by .mat-select-arrow-wrapper {
  display: inline-block;
}
.customer-data-table-row {
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 2vh;
  padding-top: 2vh;
}
.h36 {
  height: 375px;
  padding-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.w40 {
  width: 40%;
}
.dashboard-header-text {
  display: flex;
  align-items: center;
}
.dashboard-header-text .mat-flat-button {
  margin: 0 10px;
}
.customer-session-topnav-container {
  display: flex;
  flex-direction: row;
  font-size: 18px;
  border: 1px solid;
  border-radius: 8px;
  padding: 0 10px;
  align-items: center;
  width: 120px;
  margin: 0 10px;
}
.customer-session-topnav-container .customer-id {
  flex: 1 1 auto;
}
.customer-session-topnav-container .clear-button {
  cursor: pointer;
  flex: 0 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-details-dialog {
  width: 70vw;
  height: 470px;
}
.customer-details-dialog .mat-tab-body {
  height: 100%;
  margin: 10px;
}
.customer-type-icon {
  position: absolute;
}
/*** Custom card 360 starts ***/
.customer-card-tab-content {
  margin-top: 10px;
}
.customer-card-tab-content .customer-card-table {
  width: 100%;
}
.card-selection-widget-table-row:hover {
  cursor: pointer;
  background-color: whitesmoke;
}
.card-details-wrapper {
  display: flex !important;
  flex-direction: column;
  flex-grow: 1;
}
.card-details-wrapper .card-details-header {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.card-details-wrapper .card-details-header .card-image {
  flex: 0 0 48px;
  margin: 0 10px;
  display: flex;
}
.card-details-wrapper .card-details-header .card-image img {
  width: 100%;
}
.card-details-wrapper .card-details-header .card-header {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.card-details-wrapper .card-details-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-details-wrapper .card-details-body .mat-tab-group {
  flex-grow: 1;
}
.card-details-wrapper .card-details-body .mat-tab-body-wrapper {
  display: flex;
  flex-grow: 1;
  overflow: auto;
}
.card-details-wrapper .card-details-body .mat-tab-body {
  margin-top: 10px;
}
.card-details-wrapper .card-details-body .mat-tab-body .field {
  margin-bottom: 10px;
}
.data-container-360 {
  width: 100%;
}
.data-container-360 .table-container-360 {
  width: 100%;
}
.data-container-360 .table-container-360 table {
  width: 100%;
}
.customer-master-fields {
  margin-bottom: 10px;
}
.account-message-holder {
  font-weight: bold;
  margin: 10px 0;
}
.signature-message-holder {
  font-weight: bold;
}
/*** Custom card 360 ends ***/
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;
}
.inventory-padding {
  padding: 20px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.margin-history {
  margin: 0;
}
.inventory-audit-container .inventory-audit-location {
  color: #000;
}
.inventory-audit-container .inventory-audit-createdOn {
  color: #000;
}
.inventory-audit-container .inventory-audit-workflowReferenceNumber {
  color: #000;
}
.inventory-audit-container .inventory-audit-assignedToGroupName {
  color: #000;
}
.inventory-audit-container .inventory-audit-status {
  color: #000;
}
.fields-border {
  border: 2px;
}
.mat-drawer {
  transform: translate3d(-100%, 0, 0);
}
.mat-progress-bar-fill.mat-progress-bar-element {
  transform: scale3d(0, 1, 1);
}
.search-form-field {
  width: 40vw;
  height: 40px;
}
.search-form-field .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 6px 0 13px 0;
}
.search-form-field .mat-form-field-appearance-outline .mat-form-field-outline-start {
  border-radius: 0;
}
.search-form-field .mat-form-field-wrapper {
  border-radius: 0 5px 5px 0;
}
.customer-image-container {
  height: 180px;
  padding: 1vh 1vw 1vh 1vw;
  margin: 0 24px 0 0;
  width: 22%;
  border-radius: 8px !important;
}
.customer-image-container .customer-image-overlay {
  position: absolute;
  width: 89%;
  text-align: end;
  cursor: pointer;
}
.customer-image-container .customer-image-overlay .mat-icon {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 4px;
}
.search-bar {
  height: 75px;
  margin-bottom: 2vh;
}
.customer360-header {
  font-size: 24px;
  font-weight: 400;
  padding: 4vh 2vw 3vh 3vw;
}
.customer-search-options {
  height: 70px !important;
  border-bottom: 1px solid #ccc;
}
.search-by .mat-select-arrow-wrapper {
  display: inline-block;
}
.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%);
  backdrop-filter: blur(20px);
  transform: translate3d(0, 0, 0);
}
.container-padding.frosted-glass {
  padding: 3px 3px 0 3px;
}
.gradient-border {
  border-radius: 8px;
}
.selected-radio {
  border-radius: 12px;
  border: 1px solid #050505;
  background: #F4F4F5;
}
.radio-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: left;
  padding: 0px;
  isolation: isolate;
  height: 55px;
  width: 70%;
  flex: none;
  order: 0;
  flex-grow: 1;
}
.tooltip {
  width: 251px;
  flex: none;
}
.amount-mat-card {
  height: 55px;
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 8px;
  height: 56px;
  background: #F1ECE3;
  border: 1px solid #827151;
  border-radius: 8px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}
.amount-mat-card-error {
  height: 55px;
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 8px;
  height: 56px;
  background: #FBEDED;
  border: 1px solid #827151;
  border-radius: 8px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}
.amount-widget-tooltip-label {
  left: 1.99%;
  position: unset;
  padding-left: 16px;
}
.amount-widget-tooltip-label-error {
  left: 1.99%;
  position: unset;
  padding-left: 16px;
  color: #CE0101;
}
.charge-label-content {
  /* Desktop/Body/Medium */
  font-style: normal;
  font-weight: 550;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Neutral grey/10 */
  color: #1D1E1E;
  /* Inside auto layout */
}
.amount-text-label {
  text-align: right;
}
hr.solid {
  margin-top: 2px;
  border-top: 1px solid #F4F4F5;
}
.charge-label-each-items {
  width: 132px;
  height: 40px;
  /* Desktop/Body/Medium */
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  /* Neutral grey/10 */
  color: #1D1E1E;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.amount-input-text {
  text-align: left;
  margin-top: 2px;
  caret-color: black;
  height: 22px;
  font-size: 22px;
}
.radio-button {
  caret-color: black;
}
.amount-widget-tooltip-icon {
  position: absolute;
  left: 1.99%;
  right: 8.51%;
  top: 27%;
  bottom: 10%;
  color: #827151;
}
.amount-widget-tooltip-icon-error {
  position: absolute;
  left: 1.99%;
  right: 8.51%;
  top: 27%;
  bottom: 10%;
  color: #CE0101;
}
.amount {
  margin-right: 0;
}
.on-click {
  color: #0F0F0F;
}
.gradient-border:not(.gradient-border .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;
  padding-top: 2px;
}
.mat-checkbox {
  margin: 0 12px;
}
.mat-stroked-button, .mat-flat-button {
  background-color: transparent;
  border-radius: 24px !important;
}
.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;
  border-radius: 24px;
  min-height: auto;
}
.mat-dialog-actions {
  margin-top: 16px;
}
.mat-icon {
  vertical-align: middle;
}
.mat-tab-body {
  padding-top: 1vh;
}
.mat-tab-header .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 *****/
/***** to show error message *****/
.message {
  color: red;
  font-size: medium;
}
/***** 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;
}
.card-teller-dashboard-container .dashboard-filters-bar .mat-form-field-appearance-outline .mat-form-field-prefix,
.card-teller-dashboard-container .dashboard-filters-bar .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 0.25em;
}
.card-teller-dashboard-container .dashboard-filters-bar .mat-form-field-appearance-outline .mat-form-field-label.mat-form-field-empty {
  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;
}
.tip {
  padding-left: 16px;
}
.country-flag {
  width: 30px;
  height: 20px;
  padding-top: 6px;
}
.input-amount {
  height: 57px;
  width: 255px;
  border: solid;
  border-top: none;
  border-left: none;
  border-right: none;
  background: #F4F4F5;
  padding: 0px 8px 0px 16px;
}
.charge-card {
  box-shadow: none;
  border-radius: 50px;
}
.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;
}
.dashboard-data-table-cell {
  text-overflow: ellipsis;
}
.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;
}
.finfra-alert-bar-dialog-content .finfra-alert-icon {
  width: 100px;
  height: 100px;
  margin-bottom: 45px !important;
}
.finfra-alert-bar-dialog-content .finfra-alert-icon .mat-icon {
  font-size: 100px;
}
.finfra-alert-bar-dialog-content .finfra-alert-code {
  font-size: 0.7em;
}
.finfra-alert-bar-dialog {
  width: 440px;
  height: 316px;
}
.finfra-alert-bar-dialog .mat-dialog-actions {
  min-height: 85px;
}
/***** 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);
  background: linear-gradient(138.1deg, #0071bb, #004296);
}
.web-body-container {
  background-image: url('web_back_light_mode.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.promo-bottom-image {
  width: 300px;
  position: absolute;
  bottom: 48px;
  left: 0px;
}
@media screen and (max-width: 1280px) {
  .promo-bottom-image {
    width: 190px;
  }

  .links-container {
    padding: 24px;
  }

  .button-md, .button-xl {
    padding: 24px;
  }

  .img-xl {
    width: 100px;
  }

  .img-md {
    width: 20px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1580px) {
  .promo-bottom-image {
    width: 260px;
  }

  .links-container {
    padding: 24px;
  }

  .button-md, .button-xl {
    padding: 24px;
  }

  .img-xl {
    width: 130px;
  }

  .img-md {
    width: 40px;
  }
}
@media screen and (min-width: 1581px) and (max-width: 1880px) {
  .promo-bottom-image {
    width: 600px;
  }

  .links-container {
    padding: 36px;
  }

  .button-md, .button-xl {
    padding: 36px;
  }

  .img-xl {
    width: 170px;
  }

  .img-md {
    width: 60px;
  }
}
@media screen and (min-width: 1881px) {
  .promo-bottom-image {
    width: 720px;
  }

  .links-container {
    padding: 48px;
  }

  .button-md, .button-xl {
    padding: 48px;
  }

  .img-xl {
    width: 190px;
  }

  .img-md {
    width: 75px;
  }
}
.dark-mode .web-body-container {
  background-image: url('web_back_dark_mode.jpg');
}
.links-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.links-wrapper .links-container {
  margin: 20px 0;
  height: 85%;
  width: 100%;
  border-radius: 20px;
  display: flex;
  z-index: 1;
}
.links-wrapper .links-container .links-row {
  width: 100%;
  display: flex;
}
.links-wrapper .links-container .links-row .column {
  display: flex;
}
.links-wrapper .links-container .links-row .column .dark-button {
  background-color: #3b3c3d;
  color: #e9eaea;
}
.links-wrapper .links-container .links-row .column .button-xl {
  border-radius: 20px;
  cursor: pointer;
}
.links-wrapper .links-container .links-row .column .button-md {
  border-radius: 20px;
  cursor: pointer;
}
.links-wrapper .links-container .links-row .column .image-container {
  display: flex;
  align-items: center;
}
.links-wrapper .links-container .links-row .column .header {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 10px;
}
.dark-mode .links-wrapper .dark-button {
  background-color: #ffffff !important;
  color: #0f0f0f !important;
}
/***** 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 .mat-stroked-button {
  border-radius: 24px;
}
.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 {
  overflow: hidden;
}
.finfra-stepper-container .finfra-stepper-top-row .mat-flat-button {
  height: 40px;
  margin: 0 8px;
  border-radius: 24px;
}
.finfra-stepper-container .finfra-stepper-top-row .mat-stroked-button {
  height: 40px;
  margin: 0 8px;
  border-radius: 24px;
}
.finfra-stepper-container .finfra-stepper-top-row .finfra-stepper-top-bar-button .end-button {
  margin: 0 0 0 8px;
}
.finfra-stepper-container .finfra-stepper-top-row .finfra-stepper-top-bar-button .icon-button .mat-stroked-button {
  height: 34px;
  width: auto;
  padding: 0 12px;
  border-radius: 24px;
}
.finfra-stepper-container .finfra-stepper-top-row .finfra-stepper-top-bar-button .icon-button .mat-stroked-button .mat-icon {
  margin: 0;
  padding: 4px;
  width: 9px;
  font-size: 14px;
  vertical-align: -webkit-baseline-middle;
}
.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:not(.icon-text-button) .mat-stroked-button .mat-icon {
  margin: 0;
  padding: 0;
}
.finfra-stepper-container .finfra-stepper-transaction-status-chip {
  border-radius: 24px;
  background: #F5B206;
  padding: 4px 15px;
  margin-left: 5px;
  vertical-align: -webkit-baseline-middle;
  line-height: 38px;
}
.finfra-stepper-container .finfra-stepper-transaction-status-chip .mat-icon {
  font-size: 14px;
  vertical-align: middle;
  height: 14px;
  width: 14px;
}
.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;
  border-radius: 24px;
  height: 40px;
}
.finfra-stepper-footer .mat-stroked-button {
  min-width: 128px;
  margin: 0 8px;
  border-radius: 24px;
  height: 40px;
}
.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;
}
textarea {
  width: 100%;
}
.confirm-comments-container {
  width: 100%;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage {
  padding: 2vh 2vw;
  margin: 4px 36px;
  border-radius: 4px;
  border: 1px solid #bdbdbd;
}
.finfra-stepper-audit-container .finfra-stepper-audit-stage-empty {
  padding: 2vh 2vw;
  margin: 4px 36px;
  border-radius: 4px;
  border: 1px solid #757575;
}
.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-confirm-dialog {
  width: 440px;
}
.confirm-comments-container {
  padding-top: 20px;
}
.confirm-action-container {
  display: flex;
  flex-direction: column;
}
.confirm-action-container .material-icons {
  margin-bottom: 5px;
}
.confirm-action-container.center-align {
  align-items: center;
}
.error-label, .error-value {
  color: #eb2127;
}
.error-value {
  word-break: break-word;
}
.success-label, .success-value {
  color: #5abf91;
}
.success-value {
  word-break: break-word;
}
.alert-label, .alert-value {
  color: #ff6501;
}
.alert-value {
  word-break: break-word;
}
.psg-ref-table {
  width: 100%;
  border-collapse: collapse;
}
.psg-ref-table td, .psg-ref-table th {
  border: 1px solid #e0e0e0;
  padding: 5px;
}
/***** Stepper ends *****/
/***** AJSF starts *****/
.mat-form-field-required-marker {
  color: #ff6501;
}
.form-flex-row {
  margin-bottom: 2%;
  margin-top: 1%;
}
.mat-form-field-readonly .mat-form-field-outline {
  display: none !important;
}
.mat-form-field-readonly .mat-select-arrow {
  border: 0;
}
.mat-form-field-readonly .mat-input-element {
  color: #1D1E1E;
  font-weight: 600;
}
.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;
}
.ajsf-radio-button {
  height: 60px;
  align-items: center;
  padding: 0 20px;
  border: 1px solid #000000;
  border-radius: 12px;
  width: 316px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.ajsf-radio-button .mat-radio-label {
  margin: 0;
}
.ajsf-radio-button .radio-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.ajsf-radio-button .radio-content-wrapper .radio-icon {
  flex: 0 0 40px;
  color: #ce0000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}
.ajsf-radio-button .radio-content-wrapper .radio-text {
  flex: 1 1 auto;
}
.radio-error {
  border-bottom: 2px solid #eb2127;
}
.finfra-ajsf-table-expandable-container {
  overflow-x: auto;
  max-width: 100%;
  /* 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 .mat-sort-header-content {
  text-align: start;
}
.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 0 w;
}
.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;
}
.finfra-ajsf-table-action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.finfra-ajsf-table-action-buttons .mat-icon {
  font-size: 20px;
}
.finfra-ajsf-table-action-buttons .mat-flat-button {
  margin: 0 5px;
}
/***** object-difference starts *****/
.finfra-object-difference-container .mat-cell-width {
  word-break: break-all;
}
/***** object-difference Ends *****/
/***** DMS starts *****/
.finfra-dms-header {
  border-radius: 8px;
  background-color: #eeeeee;
  padding: 16px;
  height: 56px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.finfra-dms-header .finfra-dms-center-header {
  text-align: center;
}
.finfra-dms-sub-header {
  padding-top: 20px;
}
.finfra-dms-list {
  height: 72px;
  align-items: center;
  padding: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.finfra-dms-file-drop-zone {
  border: 1px dashed #C6C6C6;
  border-radius: 6px;
  max-height: 150px !important;
  height: 150px !important;
  text-align: center;
  padding: 16px;
  cursor: pointer;
}
.finfra-dms-delete-title {
  font-weight: 500;
  font-size: 24px;
}
.finfra-dms-delete-card-dialog .mat-icon {
  width: auto !important;
}
.finfra-ajsf-tabs-container {
  width: 100%;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group {
  max-width: 77vw;
  overflow: hidden;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header .mat-tab-label {
  border-radius: 8px;
  padding: 0;
  margin: 0 5px;
  height: 55px;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-label-container {
  width: 316px !important;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-nav-bar, .finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-tab-header {
  border-bottom: none;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card .mat-ink-bar {
  display: none !important;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card-container {
  background: white;
  border: 1px solid #58595B;
  border-radius: 12px;
  padding: 8px 8px 8px 16px;
  margin-right: 12px;
  min-width: 40%;
  max-width: 100%;
}
.finfra-ajsf-tabs-container .finfra-ajsf-tabs-group-card-container .mat-button .mat-icon-button {
  width: 24px;
  height: 24px;
}
.finfra-ajsf-tabs-container .tab-error {
  border: 2px solid #eb2127 !important;
  border-radius: 8px;
}
.finfra-dms-document-dialog {
  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-file .mat-icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  padding: 4px;
}
.finfra-dms-list-before-upload {
  padding: 10px 8px;
}
.finfra-dms-button-options {
  justify-content: flex-end;
}
.finfra-dms-button-options .mat-icon-button .mat-icon {
  font-size: 20px;
}
.pl8 {
  padding-left: 8px;
}
.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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 66px;
}
.display-none {
  display: none !important;
}
.scanned-image {
  width: 90%;
}
.finfra-ajsf-chip-list .mat-chip-list-wrapper {
  margin: 5px 0;
}
.finfra-ajsf-tabs-container .card-tab-group .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
  border-radius: 20px;
  width: 45px;
  height: 40px;
  margin: 10px;
}
.finfra-ajsf-tabs-container .card-tab-group .mat-tab-header .mat-tab-label {
  border-radius: 8px;
  padding: 0;
  margin: 0 5px;
  height: 55px;
}
.finfra-ajsf-tabs-container .card-tab-group .mat-tab-label-content {
  width: 350px;
}
.finfra-ajsf-tabs-container .card-tab-group .mat-tab-label-active {
  background-color: #e0e0e0;
  color: #434343;
}
.finfra-ajsf-tabs-container .card-tab-group .mat-ink-bar {
  background-color: transparent;
}
.finfra-ajsf-tabs-container .card-tab-group .mat-tab-nav-bar, .finfra-ajsf-tabs-container .card-tab-group .mat-tab-header {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label {
  width: 95%;
}
.finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper {
  display: flex;
  flex-direction: row;
  height: 48px;
}
.finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-image {
  flex: 0 0 42px;
  align-items: center;
  display: flex;
  margin: 5px 10px;
}
.finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-image img {
  width: 100%;
}
.finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text {
  flex: 0 0 70%;
  align-items: start;
  display: flex;
  flex-direction: column;
}
.finfra-ajsf-tabs-container .card-tab-group .finfra-ajsf-tabs-label .cards-tab-label-wrapper .card-text .card-name {
  margin: 0;
}
.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;
}
.signature-container-master {
  display: flex;
  justify-content: center;
}
.signature-container-master .signature-image {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #e0e0e0;
}
.signature-container-master .signature-container {
  display: flex;
  flex-direction: column;
}
.signature-details-record-holder .text-field {
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  padding: 0.75em 0.75em 0 0.75em;
  margin-bottom: 1.34375em;
  border-bottom: 2px solid #9e9e9e;
}
.signature-details-record-holder .text-field .label {
  font-size: 12px;
}
.signature-details-record-holder .text-field .value {
  font-weight: bold;
}
.signature-details-record-holder .text-field .check-box {
  width: 22px;
  height: 22px;
  background-color: #0071bb;
  color: #ffffff;
}
.dark-mode .finfra-dms-header {
  background-color: #434343;
}
/***** 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;
  padding: 0 0 0.25em 0;
}
.amount-ajsf-widget .mat-form-field-readonly.formatted-amount {
  margin-left: 3%;
}
.amount-ajsf-widget .currency-container {
  border-right: 1px solid #ccc;
  margin-right: 10px;
  padding: 0 10px 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 22px;
}
.amount-ajsf-widget .currency-text {
  font-size: 0.7em;
}
.amount-ajsf-widget .currency-icon {
  margin-bottom: 3px;
  width: 22px;
}
.amount-ajsf-widget .mat-form-field-prefix:has(.currency-container) {
  top: -2px;
}
.ajsf-widget-title {
  padding: 10px 12px;
  font-weight: bold;
}
.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;
}
.popup-overlay {
  position: absolute;
  width: calc(100% + 30px);
  height: 100px;
  top: -30px;
  left: -12px;
  z-index: 999;
}
.ajsf-select-popup-list {
  padding: 10px 0;
}
.ajsf-select-popup-list .ajsf-select-popup-item-list {
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.ajsf-select-popup-list .ajsf-select-popup-list-item:hover {
  cursor: pointer;
}
.ajsf-select-popup-list .ajsf-select-popup-list-item {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e0;
}
.ajsf-select-popup-action {
  width: 100%;
}
.finfra-telephone-form-field .mat-form-field-infix {
  padding: 0.7em 0;
}
.finfra-telephone-form-field .finfra-telephone-input-container {
  height: 24px;
}
.finfra-telephone-form-field .finfra-ccy-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.finfra-telephone-form-field .finfra-ccy-icon-wrapper .finfra-ccy-icon {
  width: 22px;
}
.finfra-telephone-otp-verified {
  color: #5abf91;
}
.finfra-telephone-otp-not-verified {
  color: #eb2127;
}
.dark-mode .finfra-telephone-input-element {
  color: #ffffff;
}
.mat-value-changed .mat-form-field-flex {
  border-bottom: 2px solid #5abf91;
}
.mat-checkbox.mat-value-changed {
  border-bottom: 2px solid #5abf91;
}
/***** 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;
  min-height: calc(100vh - 170px);
}
/***** 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 *****/
  /***** Dashboard ends *****/
  /***** Stepper starts *****/
  .finfra-stepper-container {
    margin-bottom: 165px;
  }

  /***** Stepper ends *****/
}
@media only screen and (max-width: 600px) {
  .finfra-stepper-container {
    padding: 1vh 4vw;
    margin-bottom: 72px;
  }
  .finfra-stepper-container .finfra-stepper-function-description {
    margin: 0;
  }
  .finfra-stepper-container .mat-stroked-button {
    border: none;
    border-radius: 24px;
  }
  .finfra-stepper-container .finfra-stepper-ajsf-container {
    border-radius: 16px;
    padding: 24px;
  }
  .finfra-stepper-container .finfra-stepper-ajsf {
    width: 100%;
  }
  .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: 50px;
    margin: 0 8px;
    border-radius: 24px;
    border: none;
  }
  .finfra-stepper-container .finfra-stepper-top-row .mat-stroked-button {
    height: 45px;
    margin: 0 8px;
    border-radius: 24px;
  }
  .finfra-stepper-container .finfra-stepper-top-row .finfra-stepper-top-bar-button .end-button {
    margin: 0 0 0 8px;
  }
  .finfra-stepper-container .finfra-stepper-top-row .finfra-stepper-top-bar-button .icon-button .mat-stroked-button {
    height: 34px;
    width: auto;
    padding: 0 12px;
    border-radius: 24px;
  }
  .finfra-stepper-container .finfra-stepper-top-row .finfra-stepper-top-bar-button .icon-button .mat-stroked-button .mat-icon {
    margin: 0;
    padding: 4px;
    width: 9px;
    font-size: 14px;
    vertical-align: -webkit-baseline-middle;
  }
  .finfra-stepper-container .finfra-stepper-top-row .icon-button .mat-stroked-button {
    height: 34px;
    width: auto;
    padding: 0 12px;
    border-radius: 24px;
    line-height: 24px;
  }
  .finfra-stepper-container .finfra-stepper-top-row .icon-button .mat-stroked-button .mat-icon {
    margin: 0;
    padding-right: 2px;
    width: 15px;
    font-size: 14px;
    vertical-align: middle;
    height: 15px;
  }
  .finfra-stepper-container .finfra-stepper-transaction-status-chip {
    border-radius: 24px;
    background: #F5B206;
    padding: 4px 15px;
    margin-left: 5px;
    vertical-align: -webkit-baseline-middle;
    line-height: 38px;
  }
  .finfra-stepper-container .finfra-stepper-transaction-status-chip .mat-icon {
    font-size: 14px;
    vertical-align: middle;
    height: 14px;
    width: 14px;
  }

  /***** Top navbar starts *****/
  .logo {
    width: 40vw;
  }

  .mat-stroked-button:not(.mat-button-disabled) {
    border-radius: 50px;
    height: 50px;
    width: 240px;
    color: #0f0f0f;
    font-weight: 600;
  }

  .mat-flat-button:not(.mat-button-disabled) {
    border-radius: 50px;
    height: 50px;
    width: 240px;
    font-weight: 600;
  }

  /***** 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);
}
.img-dialog {
  width: 100%;
  height: auto;
}
.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 banking styles starts ***/
.branch-banking-details-sidenav-container {
  padding: 10px 10px 10px 10px;
}
.branch-banking-details-sidenav-container .header {
  width: calc(100% - 20px);
  border: 1px solid #9e9e9e;
  font-weight: bold;
  padding: 10px 10px;
}
.branch-banking-details-sidenav-container .label,
.branch-banking-details-sidenav-container .data {
  padding: 5px 0;
}
.branch-banking-details-sidenav-container .label .mat-checkbox,
.branch-banking-details-sidenav-container .data .mat-checkbox {
  margin: 0;
}
.branch-banking-details-sidenav-container .till-balance-table,
.branch-banking-details-sidenav-container .till-denomination-balance-table {
  width: 100%;
  table-layout: fixed;
}
.branch-banking-details-sidenav-container .till-balance-table .table-title,
.branch-banking-details-sidenav-container .till-denomination-balance-table .table-title {
  background-color: #0071bb;
  color: #ffffff;
  text-align: center;
}
.branch-banking-details-sidenav-container .till-balance-table .table-header,
.branch-banking-details-sidenav-container .till-denomination-balance-table .table-header {
  background-color: #4100b4;
  color: #ffffff;
}
.branch-banking-details-sidenav-container .till-balance-table .table-row:nth-child(even),
.branch-banking-details-sidenav-container .till-denomination-balance-table .table-row:nth-child(even) {
  background-color: whitesmoke;
  color: #434343;
}
.branch-banking-details-sidenav-container .till-balance-table td,
.branch-banking-details-sidenav-container .till-balance-table th,
.branch-banking-details-sidenav-container .till-denomination-balance-table td,
.branch-banking-details-sidenav-container .till-denomination-balance-table th {
  padding: 5px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.branch-banking-details-sidenav-container .till-balance-table .balance-type {
  width: 50%;
}
.branch-banking-details-sidenav-container .till-balance-table .balance {
  width: 50%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .balance-type {
  width: 20%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .denomination-id {
  width: 20%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .denomination-count {
  width: 20%;
}
.branch-banking-details-sidenav-container .till-denomination-balance-table .balance {
  width: 40%;
}
.branch-banking-details-sidenav-menu-bottom {
  width: 100%;
  text-align: center;
}
.branch-banking-details-topnav-container {
  margin: 0 0 0 0;
}
/*** Branch banking styles ends ***/
/** card widget style***/
.selectClass {
  top: 4px;
  font-size: 16px;
  font-weight: 600;
}
.mat-slide-toggle {
  height: 35px !important;
}
.cardNumber {
  margin-top: 10px;
  margin-bottom: 0px !important;
}
.cancelIcon {
  line-height: 60px;
}
.closeIcon .mat-icon-button {
  padding: 0;
  min-width: 0;
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  line-height: 24px;
  border-radius: 50%;
}
/**************MPP*/
.mpp-container {
  background-color: #FFFFFF;
  border-radius: 16px;
  padding: 24px;
}
.title {
  height: 24px;
}
.customer-image {
  border-radius: 50%;
  width: 72px;
  height: 72px;
}
[customer-initials]:before {
  content: attr(customer-initials);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  font-size: 32px;
  background: linear-gradient(180deg, #FF7200 0%, #FFC767 100%);
  color: #ffffff;
}
.customer-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  padding-top: 16px !important;
}
.customer-initials-button {
  content: attr(customer-initials);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  font-size: 32px;
  background: linear-gradient(180deg, #FF7200 0%, #FFC767 100%);
  color: #ffffff;
}
.customer-category-chip .mat-chip {
  background: linear-gradient(180deg, #3E70DC 0%, #288DDD 100%) !important;
}
.customer-category-chip .mat-standard-chip {
  border-radius: 24px !important;
  min-height: 25px !important;
  color: #ffffff !important;
}
.divider-line {
  border-top: 0.5px solid #E9EAEA;
  height: 1px;
  margin: 5px;
  padding-bottom: 32px;
}
.pt24 {
  padding: 24px 0;
}
.ViewSig {
  width: 104px;
  height: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
  color: #A50000;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.signature-dialog {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  position: absolute;
  width: 436px;
  height: 396px;
  left: calc(50% - 436px/2);
  top: calc(50% - 396px/2);
  border-radius: 24px;
}
.signature-dialog-content {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 388px;
  height: 100%;
  left: 24px;
  top: 0px;
  background-color: #E9EAEA;
  border: 2px solid #E9EAEA;
  border-radius: 8px;
}
.dialog-action-bar {
  width: 100%;
  display: flex;
  background-color: red;
}
.dialog-action-bar-action {
  width: 10%;
}
.dialog-action-bar-header {
  width: 90%;
}
.dialog-custom {
  display: block;
  width: 100%;
}
.selectedcards {
  width: 103px;
  height: 24px;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  /* identical to box height, or 150% */
  display: flex;
  align-items: center;
  color: #322F35;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.cardlist {
  width: 45%;
  left: 57%;
}
.img {
  height: 4vh;
  width: 4vw;
}
.img1 {
  height: 3vh;
  width: 1.8vw;
  margin-top: 3vh;
  border-radius: 84%;
  margin-left: -2vh;
}
.mastercardtxt {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #424B5A;
  margin: 0 0 0px;
}
.cardno {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #888F99;
}
.cancel-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 25vw;
  border-radius: 50%;
  background-color: grey;
  color: white;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
}
.popuptitle {
  width: 388px;
  height: 32px;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  align-items: center;
  text-align: center;
  color: #1D1B20;
  mix-blend-mode: normal;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.popuptxt2 {
  width: 388px;
  text-align: center;
}
.no {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 8px;
  width: 115px;
  height: 40px;
  background: #E9EAEA;
  border-radius: 100px;
  /* Inside auto layout */
  margin-left: 9vw;
  position: relative;
  top: 5vh;
  border-color: transparent;
  flex: none;
  order: 0;
  flex-grow: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.yes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 8px;
  margin-left: 19vw;
  border-color: transparent;
  width: 125px;
  height: 40px;
  background: #CE0000;
  border-radius: 100px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: white;
}
.popup {
  border-radius: 10vw;
}
.info-icon {
  position: relative;
  left: 44.5%;
  right: 12.5%;
  top: 12.5%;
  bottom: 12.5%;
}
.selected-card-image {
  width: 40px;
  height: 26px;
  left: 4px;
  top: 11px;
  position: relative;
  top: 0;
  left: 0;
}
.selected-cards {
  height: 70px;
  margin-left: 2%;
}
.display-card-details {
  position: relative;
  top: 12px;
  left: 0;
  align-items: center;
}
.selected-card-flag-image {
  position: absolute;
  top: 13px;
  left: 30px;
}
.delete-card-dialog {
  border-radius: 33px;
}
.text {
  color: red;
}
/************** CINET ******************/
.ci-net-table {
  table-layout: fixed;
}
.ci-net-table .mat-select {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 5px 10px;
  width: calc(100% - 30px) !important;
}
.divider {
  width: 100%;
  margin: 20px 0;
  border-top: 1px solid #e0e0e0;
}
.ci-net-consent-form-uploaded {
  border-radius: 16px;
  background-color: #e0e0e0;
  color: #434343;
  padding: 16px;
}
.ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-icon, .ci-net-consent-form-uploaded .ci-net-consent-form-close-icon {
  border-radius: 18px;
  height: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-icon {
  background-color: #000000;
}
.ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-icon .mat-icon, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-icon .mat-icon-outlined, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-icon .material-icons, .ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-icon .material-icons-outlined {
  color: #4100b4;
}
.ci-net-consent-form-uploaded .ci-net-consent-form-close-icon:hover {
  background-color: #9e9e9e;
  color: #434343;
  cursor: pointer;
}
.ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-text-main {
  font-weight: bold;
  font-size: 16px;
}
.ci-net-consent-form-uploaded .ci-net-consent-form-uploaded-text-sub {
  color: #616161;
}
.ci-net-consent-form-uploaded-error {
  border-radius: 16px;
  background-color: #fde4e5;
  color: #e91d23;
  padding: 16px;
}
.ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-icon-error, .ci-net-consent-form-uploaded-error .ci-net-consent-form-close-icon-error {
  border-radius: 18px;
  height: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-icon-error {
  background-color: #f9bcbe;
}
.ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-icon-error .mat-icon, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-icon-error .mat-icon-outlined, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-icon-error .material-icons, .ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-icon-error .material-icons-outlined {
  color: #e91d23;
}
.ci-net-consent-form-uploaded-error .ci-net-consent-form-close-icon-error:hover {
  background-color: #eb2127;
  color: #ffffff;
  cursor: pointer;
}
.ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-text-main {
  font-weight: bold;
  font-size: 16px;
}
.ci-net-consent-form-uploaded-error .ci-net-consent-form-uploaded-text-sub {
  color: #616161;
}
.ci-net-header-refresh {
  border-radius: 8px;
  padding: 10px;
}
.ci-net-header-refresh:hover {
  cursor: pointer;
  background-color: #eeeeee;
}
/************** CINET ******************/
/*** CCO ***/
.reference-label {
  margin: 0 0 10px 0;
}
.finfra-ajsf-tabs-container .address-tab-group .mat-tab-nav-bar, .finfra-ajsf-tabs-container .address-tab-group .mat-tab-header {
  margin-bottom: 20px;
}
.finfra-ajsf-tabs-container .address-tab-group .mat-tab-label-content {
  width: 214px;
}
.finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label {
  width: 100%;
}
.finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper {
  display: flex;
  flex-direction: row;
  height: 38px;
}
.finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-image {
  flex: 0 0 38px;
  align-items: center;
  display: flex;
  margin: 5px 10px;
}
.finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-text {
  flex: 0 0 70%;
  display: flex;
  align-items: center;
}
.finfra-ajsf-tabs-container .address-tab-group .finfra-ajsf-tabs-label .address-tab-label-wrapper .address-text .address-name {
  margin: 0;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header .mat-tab-label {
  border-radius: 8px;
  padding: 0;
  margin: 0 5px;
  height: 55px;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header-pagination {
  border-radius: 80px;
  height: 40px;
  width: 60px;
  align-self: center;
  margin: 0 5px;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .finfra-ajsf-tabs-label {
  width: 316px;
  border-radius: 8px;
  padding: 5px 10px;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-nav-bar, .finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-header {
  border-bottom: none;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .mat-ink-bar {
  display: none !important;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .mat-tab-label-active .finfra-ajsf-tabs-label {
  background-color: #eeeeee;
  color: #434343;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .customer-initials-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .customer-initials-container .circle {
  display: inline-block;
  background-color: #0071bb;
  border-radius: 50%;
}
.finfra-ajsf-tabs-container .cco-product-tab-group .customer-initials-container .circle-inner {
  color: #ffffff;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  height: 36px;
  width: 36px;
}
.ajsf-radio {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ajsf-radio .ajsf-radio-button {
  width: calc(50% - 10px);
}
.ajsf-radio .ajsf-radio-button:last-child {
  margin-right: 0;
}
.add-card-wrapper {
  flex-grow: 1;
}
.add-card-wrapper .add-card-container .add-card-title {
  padding: 10px 0;
}
.add-card-wrapper .add-card-container .add-card-search {
  width: 100%;
  padding: 10px 0;
}
.add-card-wrapper .add-card-container .product-icon {
  margin-right: 5px;
}
.add-card-wrapper .add-card-container .product-icon img {
  width: 42px;
}
.add-card-wrapper .product-list {
  width: 100%;
  height: 190px;
  overflow: scroll;
}
.add-card-wrapper .product-list .product-row {
  height: 70px;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 0;
}
.add-card-wrapper .product-list .product-row:hover {
  cursor: pointer;
  background-color: #eeeeee;
}
.card-product-information-wrapper {
  flex-grow: 1;
}
.card-product-information-wrapper .product-icon-row {
  padding: 10px 0 20px 0;
}
.card-product-information-wrapper .product-icon-row .product-icon {
  margin-right: 5px;
}
.card-product-information-wrapper .product-icon-row .product-icon img {
  width: 42px;
}
.card-product-information-wrapper .product-icon-row .product-name {
  font-weight: bold;
  font-size: 1.1em;
}
.card-product-information-wrapper .product-info-row {
  padding: 5px 0;
}
.card-product-information-wrapper .product-feature-label {
  padding: 10px 0;
  font-weight: bold;
  font-size: 1.1em;
}
.met {
  border-radius: 8px;
  border: 1px solid #ccefd9;
  background-color: #f2fff7;
  color: #006a26;
  padding: 5px;
  text-align: center;
}
.not-met {
  border-radius: 8px;
  border: 1px solid #f5cccc;
  background-color: #fae6e6;
  color: #a50000;
  padding: 5px;
  text-align: center;
}
.na {
  border-radius: 8px;
  border: 1px solid #d4d5d6;
  background-color: #f4f4f5;
  color: #0f0f0f;
  padding: 5px;
  text-align: center;
}
/*** CCO ***/
.mat-dialog-content {
  line-height: 26px;
}
.body-text-muted {
  color: #9e9e9e;
}
.label-end {
  text-align: end;
  width: 100%;
  display: block;
}
.highlight-row {
  background-color: #e0e0e0;
  color: #434343;
  border-radius: 12px;
  align-items: center;
}
.highlight-row .label-start {
  padding: 0 10px;
}
.highlight-row .form-flex-item:last-child {
  text-align: end;
}
.section-border {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding-left: 10px;
}
.section-border .section-border {
  border: none;
}
.row-border {
  border: 20px solid #e0e0e0;
  border-radius: 12px;
  padding-left: 10px;
}
.row-border .row-border {
  border: none;
}
.section-padding {
  padding: 16px;
}
/*** Card Products widget starts ***/
.card-products-container {
  position: relative;
}
.card-products-container .product-list-wrapper {
  overflow: auto;
  height: 410px;
  scroll-behavior: smooth;
}
.card-products-container .top-row {
  margin: 10px 0;
}
.card-products-container .product-wrapper {
  height: 388px;
  min-height: 388px;
  width: 234px;
  min-width: 234px;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}
.card-products-container .image-wrapper {
  background-color: transparent;
  height: 176px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-products-container .image-wrapper img {
  width: 178px;
}
.card-products-container .product-description-wrapper {
  height: 212px;
  padding: 10px 16px;
  border-radius: 12px 12px 10px 10px;
  border-top: 1px solid #e0e0e0;
}
.card-products-container .product-description-wrapper .product-name {
  font-weight: bold;
  width: 100%;
  text-align: center;
  margin: 0 0 10px 0;
}
.card-products-container .product-description-wrapper .product-features {
  margin: 10px 0;
}
.card-products-container .scroll-buttons .scroll-button-left {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 160px;
  margin: 0 10px;
  cursor: pointer;
}
.card-products-container .scroll-buttons .scroll-button-right {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 160px;
  right: 0;
  margin: 0 10px;
  cursor: pointer;
}
/*** Card Products widget ends ***/
/*** Card Widget starts ***/
.card-widget-container {
  padding: 10px 0;
}
.card-widget-container .card-image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-widget-container .card-image img {
  width: 40px;
}
.card-widget-container .card-number {
  font-weight: bold;
}
.card-widget-container .card-product {
  font-weight: bold;
}
.card-widget-container .label, .card-widget-container .currency, .card-widget-container .card-name {
  color: #757575;
}
/*** Card Widget ends ***/
/*** Card selection widget starts ***/
.card-selection-widget-container .card-selection-widget-table {
  width: 100%;
}
.card-selection-widget-container .card-selection-widget-sub-label {
  font-size: 0.8em;
}
.card-selection-widget-container .card-selection-widget-table-row {
  cursor: pointer;
}
.dark-mode .card-selection-widget-container .card-selection-widget-table-row:hover {
  background-color: rgba(0, 113, 187, 0.1);
}
/*** Card selection widget ends ***/
/*** Load Reload starts ***/
.message-info {
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 13px 15px;
  margin: 5px 0;
}
.message-info .message-info-icon {
  display: flex;
  align-items: center;
}
.message-info.accent {
  border: 1px solid #1c008c;
  color: #1c008c;
  background-color: #a080da;
}
/*** Load Reload ends ***/
/*** CC limit starts ***/
.collateral-type-container {
  padding: 0 0.75em;
}
.collateral-type-container .collateral-type-label {
  font-size: 11px;
  padding: 5px 0;
}
.collateral-type-container .collateral-type-wrapper {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 30px;
}
.collateral-type-container .collateral-type-icon {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
}
.collateral-type-container .collateral-type-sub-text {
  font-size: 0.8em;
  color: #757575;
}
/*** CC limit ends ***/
/*** Card entry point starts ***/
.card-entry-point-container {
  padding: 1vh 4vw;
}
.card-entry-point-container .transaction-groups, .card-entry-point-container .functions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.card-entry-point-container .menu-item {
  width: 208px;
  min-width: 208px;
  max-width: 208px;
  height: 208px;
  min-height: 208px;
  max-height: 208px;
  border-radius: 20px;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.card-entry-point-container .menu-item .icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.card-entry-point-container .menu-item .description {
  text-align: center;
  word-wrap: break-word;
  width: 99%;
}
.card-entry-point-container .title {
  margin-bottom: 15px;
}
/*** Card entry point ends ***/
/*** Customer authentication starts ***/
.customer-authentication-container {
  margin: 1vh 4vw;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 220px);
  border-radius: 20px;
}
.customer-authentication-container .spacer {
  flex: 1 1 auto;
}
.customer-authentication-container .customer-authentication-footer {
  display: flex;
}
.customer-authentication-container .customer-authentication-footer .footer-start {
  flex: 0 0 50%;
  display: flex;
  justify-content: start;
}
.customer-authentication-container .customer-authentication-footer .footer-end {
  flex: 1 1 auto;
  display: flex;
  justify-content: end;
}
.customer-authentication-container .title {
  margin-bottom: 25px;
}
.customer-authentication-container .transaction-initiator-container, .customer-authentication-container .select-customer-container {
  width: 536px;
}
.customer-authentication-container .row {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20px 0;
  cursor: pointer;
}
.customer-authentication-container .row .option-icon {
  flex: 0 0 48px;
}
.customer-authentication-container .row .option-label {
  flex: 0 0 250px;
}
.customer-authentication-container .row .option-text {
  flex: 1 1 auto;
}
.customer-authentication-container .row .option-text img {
  width: 100px;
}
.customer-authentication-container .row .option-radio {
  flex: 0 0 20px;
}
.customer-authentication-container .hint-text {
  margin-bottom: 10px;
}
.customer-authentication-container .mat-form-field {
  width: 100%;
  margin: 10px 0;
}
.customer-authentication-container .customer-search-options-radio {
  margin: 10px 0;
}
.customer-authentication-container .customer-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 8px;
  margin: 10px 0;
  width: 100%;
  height: 72px;
  min-height: 72px;
  max-height: 72px;
  cursor: pointer;
}
.customer-authentication-container .customer-container .customer-icon {
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-authentication-container .customer-container .customer-details {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.customer-authentication-container .selected {
  border-width: 2px;
}
.customer-authentication-container .authentication-success-container, .customer-authentication-container .authentication-error-container {
  width: 100%;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.customer-authentication-container .authentication-success-container .icon .mat-icon, .customer-authentication-container .authentication-error-container .icon .mat-icon {
  font-size: 50px;
  height: 50px;
  width: 50px;
}
.customer-authentication-container .authentication-success-container .icon {
  margin-bottom: 25px;
}
.customer-authentication-container .authentication-error-container .icon {
  margin-bottom: 25px;
}
.customer-authentication-container .civil-id-scan-container {
  display: flex;
  flex-direction: column;
}
.customer-authentication-container .qr-code-scan-container .scanner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.customer-authentication-container .qr-code-scan-container .scanner-container .qr-action-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.customer-authentication-container .qr-code-scan-container .scanner-container .qr-action-buttons .mat-flat-button {
  margin: 10px 10px;
}
.customer-authentication-container .qr-code-scan-container .scanner-container .qr-scanner-customer-auth {
  width: 400px;
  text-align: center;
}
.end-buttons {
  text-align: end;
}
.start-buttons {
  text-align: start;
}
.action-button-bar {
  width: 100%;
}
/*** Customer authentication starts ***/
/*** Kiosk css changes - start ***/
.kiosk-landing-video {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 65px;
  width: 100%;
  height: calc(100vh - 65px);
  object-fit: cover;
  overflow: hidden;
}
.kiosk-landing-content {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  color: #f1f1f1;
  width: 100%;
}
.kiosk-landing-content::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/assets/kiosk/logo.svg), url(/assets/kiosk/landing.svg);
  background-position: 2% 4%, right bottom;
  background-repeat: no-repeat;
  background-size: 60px, contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.kiosk-arrow-class {
  position: absolute;
  bottom: 16px;
  z-index: 5;
  right: 45px;
}
.kiosk-tap-here {
  font-family: Cairo;
  font-size: 25px;
  line-height: 40px;
}
.kiosk-arror-img {
  position: absolute;
  right: 0px;
  bottom: 46px;
  cursor: pointer;
}
.kiosk-entry {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.kiosk-banner-image {
  max-height: 77vh;
}
.kiosk-menu {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.kiosk-quit {
  background-color: transparent !important;
}
.kiosk-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.kiosk-overlay .popup-idle {
  background-color: white;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 24px;
}
.kiosk-overlay .popup-idle p {
  margin-bottom: 10px;
}
.kiosk-presence-button {
  text-align: right;
}
.base-timer {
  position: relative;
  width: 150px;
  height: 180px;
  margin: 0 auto;
}
.base-timer__svg {
  transform: scaleX(-1);
}
.base-timer__circle {
  fill: none;
  stroke: none;
}
.base-timer__path-elapsed {
  stroke-width: 10px;
  stroke: grey;
}
.base-timer__path-remaining {
  stroke-width: 10px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}
.base-timer__path-remaining.green {
  color: #41b883;
}
.base-timer__path-remaining.orange {
  color: orange;
}
.base-timer__path-remaining.red {
  color: red;
}
.base-timer__label {
  position: absolute;
  width: 150px;
  height: 180px;
  top: -12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
}
.idle-still-here {
  font-weight: 600;
}
.kiosk-confirm {
  width: 145px;
  height: 45px;
  padding: 0 0 0 0;
  cursor: pointer;
}
/*** Kiosk css changes - end ***/
/*** Civil Id widget starts ***/
.civil-id-details-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.civil-id-details-container .row {
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
}
.civil-id-details-container .row .option-label {
  font-weight: bold;
  margin: 0 5px;
}
.civil-id-details-container .row .option-text {
  margin: 0 5px;
}
/*** Civil Id widget ends ***/
/*** Card delivery dashboard starts ***/
.card-delivery-dashboard {
  margin: 0vh 2vw;
}
.card-delivery-dashboard .table-container {
  width: 100%;
}
.card-delivery-dashboard .card-expired {
  background-color: #80b8dd;
  color: #0054a4;
}
/*** Card delivery dashboard ends ***/
.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;
  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;
  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;
  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;
}

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