/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:

*/
.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: scale3d(0, 0, 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;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.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 {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.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;
}

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;
}

@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;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

/* For use in src/lib/core/theming/_palette.scss */
.mat-light {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
.mat-light .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-light {
  --mat-option-selected-state-label-text-color: #fc4000;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-light .mat-accent {
  --mat-option-selected-state-label-text-color: #f5a623;
}
.mat-light .mat-warn {
  --mat-option-selected-state-label-text-color: #d0021b;
}
.mat-light {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-light .mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-light .mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-light .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-light .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #fc4000;
}
.mat-light .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-light .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #fc4000;
}
.mat-light .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-light .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f5a623;
}
.mat-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f5a623;
}
.mat-light .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-light .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-light .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-light .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f5a623;
}
.mat-light .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-light .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f5a623;
}
.mat-light .mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-light .mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-light .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-light .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #d0021b;
}
.mat-light .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-light .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #d0021b;
}
.mat-light .mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-light .mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}
.mat-light .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-light .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-light .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-light .mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}
.mat-light .mat-app-background, .mat-light.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-light .mat-elevation-z0, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z1, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z2, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z3, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z4, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z5, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z6, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z7, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z8, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z9, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z10, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z11, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z12, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z13, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z14, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z15, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z16, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z17, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z18, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z19, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z20, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z21, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z22, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z23, .mat-light .mat-mdc-elevation-specific.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-light .mat-elevation-z24, .mat-light .mat-mdc-elevation-specific.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-light .mat-mdc-card {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 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);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 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-text-color: rgba(0, 0, 0, 0.54);
}
.mat-light .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #fc4000;
  --mdc-linear-progress-track-color: rgba(252, 64, 0, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-light .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-color: rgba(252, 64, 0, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(252, 64, 0, 0.25));
}
@media (forced-colors: active) {
  .mat-light .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-light .mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(252, 64, 0, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-light .mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: rgba(252, 64, 0, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(252, 64, 0, 0.25));
}
.mat-light .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #f5a623;
  --mdc-linear-progress-track-color: rgba(245, 166, 35, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-light .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-color: rgba(245, 166, 35, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(245, 166, 35, 0.25));
}
@media (forced-colors: active) {
  .mat-light .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-light .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(245, 166, 35, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-light .mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(245, 166, 35, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(245, 166, 35, 0.25));
}
.mat-light .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #d0021b;
  --mdc-linear-progress-track-color: rgba(208, 2, 27, 0.25);
}
@keyframes mdc-linear-progress-buffering {
  from {
    /* @noflip */ /*rtl:ignore*/
  }
}
.mat-light .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-color: rgba(208, 2, 27, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(208, 2, 27, 0.25));
}
@media (forced-colors: active) {
  .mat-light .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: ButtonBorder;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mat-light .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(208, 2, 27, 0.25)'/%3E%3C/svg%3E");
  }
}
.mat-light .mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(208, 2, 27, 0.25);
  /* @alternate */
  background-color: var(--mdc-linear-progress-track-color, rgba(208, 2, 27, 0.25));
}
.mat-light .mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.mat-light {
  --mdc-filled-text-field-caret-color: #fc4000;
  --mdc-filled-text-field-focus-active-indicator-color: #fc4000;
  --mdc-filled-text-field-focus-label-text-color: rgba(252, 64, 0, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-focus-label-text-color: #d0021b;
  --mdc-filled-text-field-error-label-text-color: #d0021b;
  --mdc-filled-text-field-error-caret-color: #d0021b;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #d0021b;
  --mdc-filled-text-field-error-focus-active-indicator-color: #d0021b;
  --mdc-filled-text-field-error-hover-active-indicator-color: #d0021b;
  --mdc-outlined-text-field-caret-color: #fc4000;
  --mdc-outlined-text-field-focus-outline-color: #fc4000;
  --mdc-outlined-text-field-focus-label-text-color: rgba(252, 64, 0, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #d0021b;
  --mdc-outlined-text-field-error-focus-label-text-color: #d0021b;
  --mdc-outlined-text-field-error-label-text-color: #d0021b;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #d0021b;
  --mdc-outlined-text-field-error-hover-outline-color: #d0021b;
  --mdc-outlined-text-field-error-outline-color: #d0021b;
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
}

.mat-light .mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #d0021b);
}
.mat-light .mat-mdc-form-field-subscript-wrapper,
.mat-light .mat-mdc-form-field-bottom-align::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mat-form-field-subscript-text-font);
  line-height: var(--mat-form-field-subscript-text-line-height);
  font-size: var(--mat-form-field-subscript-text-size);
  letter-spacing: var(--mat-form-field-subscript-text-tracking);
  font-weight: var(--mat-form-field-subscript-text-weight);
}
.mat-light .mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-light .mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}
.mat-light .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}
.mat-light .mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-light .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(252, 64, 0, 0.87);
}
.mat-light .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(245, 166, 35, 0.87);
}
.mat-light .mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(208, 2, 27, 0.87);
}
.mat-light .mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #f5a623;
  --mdc-filled-text-field-focus-active-indicator-color: #f5a623;
  --mdc-filled-text-field-focus-label-text-color: rgba(245, 166, 35, 0.87);
  --mdc-outlined-text-field-caret-color: #f5a623;
  --mdc-outlined-text-field-focus-outline-color: #f5a623;
  --mdc-outlined-text-field-focus-label-text-color: rgba(245, 166, 35, 0.87);
}
.mat-light .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #d0021b;
  --mdc-filled-text-field-focus-active-indicator-color: #d0021b;
  --mdc-filled-text-field-focus-label-text-color: rgba(208, 2, 27, 0.87);
  --mdc-outlined-text-field-caret-color: #d0021b;
  --mdc-outlined-text-field-focus-outline-color: #d0021b;
  --mdc-outlined-text-field-focus-label-text-color: rgba(208, 2, 27, 0.87);
}
.mat-light .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}
.mat-light [dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}
.mat-light .mat-mdc-form-field-infix {
  min-height: 56px;
}
.mat-light .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}
.mat-light .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-light .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}
.mat-light .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}
.mat-light .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}
.mat-light {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(252, 64, 0, 0.87);
  --mat-select-invalid-arrow-color: rgba(208, 2, 27, 0.87);
}
.mat-light .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(245, 166, 35, 0.87);
  --mat-select-invalid-arrow-color: rgba(208, 2, 27, 0.87);
}
.mat-light .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(208, 2, 27, 0.87);
  --mat-select-invalid-arrow-color: rgba(208, 2, 27, 0.87);
}

.mat-light {
  --mat-autocomplete-background-color: white;
}

.mat-light .mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.mat-light .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.mat-light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #fc4000;
  --mdc-chip-elevated-disabled-container-color: #fc4000;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: black;
  --mdc-chip-elevated-container-color: #f5a623;
  --mdc-chip-elevated-disabled-container-color: #f5a623;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: black;
  --mdc-chip-with-icon-icon-color: black;
  --mdc-chip-with-icon-disabled-icon-color: black;
  --mdc-chip-with-icon-selected-icon-color: black;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mdc-chip-with-trailing-icon-trailing-icon-color: black;
}
.mat-light .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-light .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #d0021b;
  --mdc-chip-elevated-disabled-container-color: #d0021b;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-light .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.mat-light .mat-mdc-slide-toggle {
  --mdc-switch-selected-focus-state-layer-color: #fc3a00;
  --mdc-switch-selected-handle-color: #fc3a00;
  --mdc-switch-selected-hover-state-layer-color: #fc3a00;
  --mdc-switch-selected-pressed-state-layer-color: #fc3a00;
  --mdc-switch-selected-focus-handle-color: #fa1c00;
  --mdc-switch-selected-hover-handle-color: #fa1c00;
  --mdc-switch-selected-pressed-handle-color: #fa1c00;
  --mdc-switch-selected-focus-track-color: #fd794d;
  --mdc-switch-selected-hover-track-color: #fd794d;
  --mdc-switch-selected-pressed-track-color: #fd794d;
  --mdc-switch-selected-track-color: #fd794d;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-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);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-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);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
}
.mat-light .mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-light .mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #f49e1f;
  --mdc-switch-selected-handle-color: #f49e1f;
  --mdc-switch-selected-hover-state-layer-color: #f49e1f;
  --mdc-switch-selected-pressed-state-layer-color: #f49e1f;
  --mdc-switch-selected-focus-handle-color: #ee7b0c;
  --mdc-switch-selected-hover-handle-color: #ee7b0c;
  --mdc-switch-selected-pressed-handle-color: #ee7b0c;
  --mdc-switch-selected-focus-track-color: #f8c165;
  --mdc-switch-selected-hover-track-color: #f8c165;
  --mdc-switch-selected-pressed-track-color: #f8c165;
  --mdc-switch-selected-track-color: #f8c165;
}
.mat-light .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #cb0218;
  --mdc-switch-selected-handle-color: #cb0218;
  --mdc-switch-selected-hover-state-layer-color: #cb0218;
  --mdc-switch-selected-pressed-state-layer-color: #cb0218;
  --mdc-switch-selected-focus-handle-color: #b30108;
  --mdc-switch-selected-hover-handle-color: #b30108;
  --mdc-switch-selected-pressed-handle-color: #b30108;
  --mdc-switch-selected-focus-track-color: #de4e5f;
  --mdc-switch-selected-hover-track-color: #de4e5f;
  --mdc-switch-selected-pressed-track-color: #de4e5f;
  --mdc-switch-selected-track-color: #de4e5f;
}
.mat-light .mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}
.mat-light .mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-light .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #fc4000;
  --mdc-radio-selected-hover-icon-color: #fc4000;
  --mdc-radio-selected-icon-color: #fc4000;
  --mdc-radio-selected-pressed-icon-color: #fc4000;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #fc4000;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f5a623;
  --mdc-radio-selected-hover-icon-color: #f5a623;
  --mdc-radio-selected-icon-color: #f5a623;
  --mdc-radio-selected-pressed-icon-color: #f5a623;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #f5a623;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #d0021b;
  --mdc-radio-selected-hover-icon-color: #d0021b;
  --mdc-radio-selected-icon-color: #d0021b;
  --mdc-radio-selected-pressed-icon-color: #d0021b;
  --mat-radio-ripple-color: #000;
  --mat-radio-checked-ripple-color: #d0021b;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 40px;
}
.mat-light .mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-light .mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: #fc4000;
  --mdc-slider-focus-handle-color: #fc4000;
  --mdc-slider-hover-handle-color: #fc4000;
  --mdc-slider-active-track-color: #fc4000;
  --mdc-slider-inactive-track-color: #fc4000;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #fc4000;
  --mat-mdc-slider-ripple-color: #fc4000;
  --mat-mdc-slider-hover-ripple-color: rgba(252, 64, 0, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(252, 64, 0, 0.2);
}
.mat-light .mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #f5a623;
  --mdc-slider-focus-handle-color: #f5a623;
  --mdc-slider-hover-handle-color: #f5a623;
  --mdc-slider-active-track-color: #f5a623;
  --mdc-slider-inactive-track-color: #f5a623;
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: #f5a623;
  --mat-mdc-slider-ripple-color: #f5a623;
  --mat-mdc-slider-hover-ripple-color: rgba(245, 166, 35, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(245, 166, 35, 0.2);
}
.mat-light .mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #d0021b;
  --mdc-slider-focus-handle-color: #d0021b;
  --mdc-slider-hover-handle-color: #d0021b;
  --mdc-slider-active-track-color: #d0021b;
  --mdc-slider-inactive-track-color: #d0021b;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #d0021b;
  --mat-mdc-slider-ripple-color: #d0021b;
  --mat-mdc-slider-hover-ripple-color: rgba(208, 2, 27, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(208, 2, 27, 0.2);
}
.mat-light {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
}

.mat-light .mat-mdc-list-base {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.mat-light .mdc-list-item__start,
.mat-light .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #fc4000;
  --mdc-radio-selected-hover-icon-color: #fc4000;
  --mdc-radio-selected-icon-color: #fc4000;
  --mdc-radio-selected-pressed-icon-color: #fc4000;
}
.mat-light .mat-accent .mdc-list-item__start,
.mat-light .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f5a623;
  --mdc-radio-selected-hover-icon-color: #f5a623;
  --mdc-radio-selected-icon-color: #f5a623;
  --mdc-radio-selected-pressed-icon-color: #f5a623;
}
.mat-light .mat-warn .mdc-list-item__start,
.mat-light .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #d0021b;
  --mdc-radio-selected-hover-icon-color: #d0021b;
  --mdc-radio-selected-icon-color: #d0021b;
  --mdc-radio-selected-pressed-icon-color: #d0021b;
}
.mat-light .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #fc4000;
  --mdc-checkbox-selected-hover-icon-color: #fc4000;
  --mdc-checkbox-selected-icon-color: #fc4000;
  --mdc-checkbox-selected-pressed-icon-color: #fc4000;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #fc4000;
  --mdc-checkbox-selected-hover-state-layer-color: #fc4000;
  --mdc-checkbox-selected-pressed-state-layer-color: #fc4000;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-light .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #f5a623;
  --mdc-checkbox-selected-hover-icon-color: #f5a623;
  --mdc-checkbox-selected-icon-color: #f5a623;
  --mdc-checkbox-selected-pressed-icon-color: #f5a623;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f5a623;
  --mdc-checkbox-selected-hover-state-layer-color: #f5a623;
  --mdc-checkbox-selected-pressed-state-layer-color: #f5a623;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-light .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #d0021b;
  --mdc-checkbox-selected-hover-icon-color: #d0021b;
  --mdc-checkbox-selected-icon-color: #d0021b;
  --mdc-checkbox-selected-pressed-icon-color: #d0021b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d0021b;
  --mdc-checkbox-selected-hover-state-layer-color: #d0021b;
  --mdc-checkbox-selected-pressed-state-layer-color: #d0021b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #fc4000;
}
.mat-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-light .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #fc4000;
}
.mat-light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-light .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.mat-light .mat-mdc-list-base {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
.mat-light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-light .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-light .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-light .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.mat-light {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

.mat-light {
  --mat-paginator-container-size: 56px;
}

.mat-light .mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-light .mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-light .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-light .mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-light .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-light .mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-light .mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}
.mat-light .mat-mdc-tab-group, .mat-light .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #fc4000;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #fc4000;
  --mat-tab-header-active-ripple-color: #fc4000;
  --mat-tab-header-inactive-ripple-color: #fc4000;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #fc4000;
  --mat-tab-header-active-hover-label-text-color: #fc4000;
  --mat-tab-header-active-focus-indicator-color: #fc4000;
  --mat-tab-header-active-hover-indicator-color: #fc4000;
}
.mat-light .mat-mdc-tab-group.mat-accent, .mat-light .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #f5a623;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f5a623;
  --mat-tab-header-active-ripple-color: #f5a623;
  --mat-tab-header-inactive-ripple-color: #f5a623;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f5a623;
  --mat-tab-header-active-hover-label-text-color: #f5a623;
  --mat-tab-header-active-focus-indicator-color: #f5a623;
  --mat-tab-header-active-hover-indicator-color: #f5a623;
}
.mat-light .mat-mdc-tab-group.mat-warn, .mat-light .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #d0021b;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: #000;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #d0021b;
  --mat-tab-header-active-ripple-color: #d0021b;
  --mat-tab-header-inactive-ripple-color: #d0021b;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #d0021b;
  --mat-tab-header-active-hover-label-text-color: #d0021b;
  --mat-tab-header-active-focus-indicator-color: #d0021b;
  --mat-tab-header-active-hover-indicator-color: #d0021b;
}
.mat-light .mat-mdc-tab-group.mat-background-primary, .mat-light .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #fc4000;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-light .mat-mdc-tab-group.mat-background-accent, .mat-light .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #f5a623;
  --mat-tab-header-with-background-foreground-color: black;
}
.mat-light .mat-mdc-tab-group.mat-background-warn, .mat-light .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #d0021b;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-light .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.mat-light {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #f5a623;
  --mdc-checkbox-selected-hover-icon-color: #f5a623;
  --mdc-checkbox-selected-icon-color: #f5a623;
  --mdc-checkbox-selected-pressed-icon-color: #f5a623;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f5a623;
  --mdc-checkbox-selected-hover-state-layer-color: #f5a623;
  --mdc-checkbox-selected-pressed-state-layer-color: #f5a623;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-light .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #fc4000;
  --mdc-checkbox-selected-hover-icon-color: #fc4000;
  --mdc-checkbox-selected-icon-color: #fc4000;
  --mdc-checkbox-selected-pressed-icon-color: #fc4000;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #fc4000;
  --mdc-checkbox-selected-hover-state-layer-color: #fc4000;
  --mdc-checkbox-selected-pressed-state-layer-color: #fc4000;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-light .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #d0021b;
  --mdc-checkbox-selected-hover-icon-color: #d0021b;
  --mdc-checkbox-selected-icon-color: #d0021b;
  --mdc-checkbox-selected-pressed-icon-color: #d0021b;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #d0021b;
  --mdc-checkbox-selected-hover-state-layer-color: #d0021b;
  --mdc-checkbox-selected-pressed-state-layer-color: #d0021b;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-light .mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-light .mat-mdc-checkbox.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-light {
  --mdc-checkbox-state-layer-size: 40px;
}

.mat-light .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-light .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #fc4000;
}
.mat-light .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #f5a623;
}
.mat-light .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #d0021b;
}
.mat-light .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-light .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #fc4000;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-light .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #f5a623;
  --mdc-filled-button-label-text-color: #000;
}
.mat-light .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #d0021b;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-light .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-light .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #fc4000;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-light .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #f5a623;
  --mdc-protected-button-label-text-color: #000;
}
.mat-light .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #d0021b;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-light .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.mat-light .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-light .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-light .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #fc4000;
}
.mat-light .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #f5a623;
}
.mat-light .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #d0021b;
}
.mat-light .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-light .mat-mdc-button, .mat-light .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-light .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-light .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-button.mat-primary, .mat-light .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fc4000;
  --mat-mdc-button-ripple-color: rgba(252, 64, 0, 0.1);
}
.mat-light .mat-mdc-button.mat-accent, .mat-light .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #f5a623;
  --mat-mdc-button-ripple-color: rgba(245, 166, 35, 0.1);
}
.mat-light .mat-mdc-button.mat-warn, .mat-light .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #d0021b;
  --mat-mdc-button-ripple-color: rgba(208, 2, 27, 0.1);
}
.mat-light .mat-mdc-raised-button, .mat-light .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-light .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-light .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-raised-button.mat-primary, .mat-light .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-light .mat-mdc-raised-button.mat-accent, .mat-light .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-light .mat-mdc-raised-button.mat-warn, .mat-light .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-light .mat-mdc-button.mat-mdc-button-base,
.mat-light .mat-mdc-raised-button.mat-mdc-button-base,
.mat-light .mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-light .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}
.mat-light .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-light .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-light .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-light .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-light .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-light .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #fc4000;
  --mat-mdc-button-persistent-ripple-color: #fc4000;
  --mat-mdc-button-ripple-color: rgba(252, 64, 0, 0.1);
}
.mat-light .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #f5a623;
  --mat-mdc-button-persistent-ripple-color: #f5a623;
  --mat-mdc-button-ripple-color: rgba(245, 166, 35, 0.1);
}
.mat-light .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #d0021b;
  --mat-mdc-button-persistent-ripple-color: #d0021b;
  --mat-mdc-button-ripple-color: rgba(208, 2, 27, 0.1);
}
.mat-light .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.mat-light .mat-mdc-fab,
.mat-light .mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-light .mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,
.mat-light .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-light .mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-light .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,
.mat-light .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,
.mat-light .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,
.mat-light .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-light .mat-mdc-fab.mat-primary,
.mat-light .mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-light .mat-mdc-fab.mat-accent,
.mat-light .mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-light .mat-mdc-fab.mat-warn,
.mat-light .mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-light .mat-mdc-fab[disabled][disabled],
.mat-light .mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}
.mat-light .mat-mdc-fab.mat-unthemed,
.mat-light .mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: white;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-light .mat-mdc-fab.mat-primary,
.mat-light .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: #fc4000;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-light .mat-mdc-fab.mat-accent,
.mat-light .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #f5a623;
  --mdc-fab-icon-color: black;
  --mat-mdc-fab-color: #000;
}
.mat-light .mat-mdc-fab.mat-warn,
.mat-light .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #d0021b;
  --mdc-fab-icon-color: white;
  --mat-mdc-fab-color: #fff;
}
.mat-light .mat-mdc-snack-bar-container {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #f5a623;
}
.mat-light .mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: #fc4000;
}
.mat-light .mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #f5a623;
}
.mat-light .mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #d0021b;
}
.mat-light .mat-badge {
  position: relative;
}
.mat-light .mat-badge.mat-badge {
  overflow: visible;
}
.mat-light .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;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-light .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-light .mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}
.mat-light .mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-light .ng-animate-disabled .mat-badge-content,
.mat-light .mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-light .mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-light .mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-light .mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-light .mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-light .mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-light .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-light .mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-light .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-light .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-light .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-light .mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-light .mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-light .mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-light .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-light .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-light .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-light .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-light .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-light .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-light .mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-light .mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-light .mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-light .mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-light .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-light .mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-light .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-light .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-light .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-light {
  --mat-badge-background-color: #fc4000;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-light .mat-badge-accent {
  --mat-badge-background-color: #f5a623;
  --mat-badge-text-color: black;
}
.mat-light .mat-badge-warn {
  --mat-badge-background-color: #d0021b;
  --mat-badge-text-color: white;
}
.mat-light {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

.mat-light {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

.mat-light {
  --mat-standard-button-toggle-height: 48px;
}

.mat-light {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #fc4000;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(252, 64, 0, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(252, 64, 0, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(252, 64, 0, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #fc4000;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(252, 64, 0, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-light .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: black;
  --mat-datepicker-calendar-date-selected-state-background-color: #f5a623;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(245, 166, 35, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: black;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(245, 166, 35, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(245, 166, 35, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(245, 166, 35, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-light .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #d0021b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(208, 2, 27, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(208, 2, 27, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(208, 2, 27, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(208, 2, 27, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-light .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #f5a623;
}
.mat-light .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #d0021b;
}
.mat-light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-light .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}
.mat-light {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

.mat-light {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

.mat-light {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

.mat-light {
  --mat-icon-color: inherit;
}

.mat-light .mat-icon.mat-primary {
  --mat-icon-color: #fc4000;
}
.mat-light .mat-icon.mat-accent {
  --mat-icon-color: #f5a623;
}
.mat-light .mat-icon.mat-warn {
  --mat-icon-color: #d0021b;
}
.mat-light {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

.mat-light {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #fc4000;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #fc4000;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #fc4000;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #d0021b;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #d0021b;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
.mat-light .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: black;
  --mat-stepper-header-selected-state-icon-background-color: #f5a623;
  --mat-stepper-header-selected-state-icon-foreground-color: black;
  --mat-stepper-header-done-state-icon-background-color: #f5a623;
  --mat-stepper-header-done-state-icon-foreground-color: black;
  --mat-stepper-header-edit-state-icon-background-color: #f5a623;
  --mat-stepper-header-edit-state-icon-foreground-color: black;
}
.mat-light .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #d0021b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #d0021b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #d0021b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

.mat-light {
  --mat-stepper-header-height: 72px;
}

.mat-light .mat-sort-header-arrow {
  color: #757575;
}
.mat-light {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-light .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #fc4000;
  --mat-toolbar-container-text-color: white;
}
.mat-light .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #f5a623;
  --mat-toolbar-container-text-color: black;
}
.mat-light .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #d0021b;
  --mat-toolbar-container-text-color: white;
}
.mat-light {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-light .mat-tree {
  background: white;
}
.mat-light .mat-tree-node,
.mat-light .mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}

.mat-light .t-color-primary,
.mat-light [t-color-primary] {
  color: #fc4000;
}
.mat-light .t-color-accent,
.mat-light [t-color-accent] {
  color: #f5a623;
}
.mat-light .t-color-warn,
.mat-light [t-color-warn] {
  color: #d0021b;
}
.mat-light .t-color-success,
.mat-light [t-color-success] {
  color: #33cc33;
}
.mat-light .t-color-info,
.mat-light [t-color-info] {
  color: #1da1f2;
}
.mat-light .t-color-white,
.mat-light [t-color-white] {
  color: #ffffff;
}
.mat-light .t-color-black,
.mat-light [t-color-black] {
  color: #000000;
}
.mat-light .t-color-gray,
.mat-light [t-color-gray] {
  color: rgba(0, 0, 0, 0.5);
}
.mat-light .t-color-gray-light,
.mat-light [t-color-gray-light] {
  color: rgba(0, 0, 0, 0.2);
}
.mat-light .t-primary,
.mat-light [t-primary] {
  background-color: #fc4000;
}
.mat-light .t-accent,
.mat-light [t-accent] {
  background-color: #f5a623;
}
.mat-light .t-warn,
.mat-light [t-warn] {
  background-color: #d0021b;
}
.mat-light .t-success,
.mat-light [t-success] {
  background-color: #33cc33;
}
.mat-light .t-info,
.mat-light [t-info] {
  background-color: #1da1f2;
}
.mat-light .t-black,
.mat-light [t-black] {
  background-color: #000000;
}
.mat-light .t-gray,
.mat-light [t-gray] {
  background-color: rgba(0, 0, 0, 0.5);
}
.mat-light .t-gray-light,
.mat-light [t-gray-light] {
  background-color: rgba(0, 0, 0, 0.2);
}
.mat-light button[color=primary][disabled] {
  background-color: #fea080 !important;
  color: #ffffff !important;
}

p {
  margin: 0 0 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  color: #323d47;
  letter-spacing: 0.5px;
}

h1,
.t-h1,
[t-h1] {
  font-size: 3.2rem;
  line-height: 1.2;
  margin: 0 0 1rem;
}

h2,
.t-h2,
[t-h2] {
  font-size: 2.8rem;
  line-height: 1.3;
  margin: 0 0 1rem;
}

h3,
.t-h3,
[t-h3] {
  font-size: 2.2rem;
  line-height: 1.4;
  margin: 0 0 1rem;
}

h4,
.t-h4,
[t-h4] {
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}

h5,
.t-h5,
[t-h5] {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}

h6,
.t-h6,
[t-h6] {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}

.t-fz-xs,
[t-fz-xs] {
  font-size: 1rem;
}

.t-fz-sm,
[t-fz-sm] {
  font-size: 1.4rem;
}

.t-fz-md,
[t-fz-md] {
  font-size: 1.8rem;
}

.t-fz-lg,
[t-fz-lg] {
  font-size: 2.2rem;
}

.t-fz-xl,
[t-fz-xl] {
  font-size: 2.8rem;
}

.t-fz-1 {
  font-size: 1rem;
}

.t-fz-2 {
  font-size: 2rem;
}

.t-fz-3 {
  font-size: 3rem;
}

.t-fz-4 {
  font-size: 4rem;
}

.t-fz-5 {
  font-size: 5rem;
}

.t-fz-6 {
  font-size: 6rem;
}

.t-fz-7 {
  font-size: 7rem;
}

.t-fz-8 {
  font-size: 8rem;
}

.t-fz-9 {
  font-size: 9rem;
}

.t-fz-10 {
  font-size: 10rem;
}

[t-fw-100],
.t-fw-100 {
  font-weight: 100;
}

[t-fw-200],
.t-fw-200 {
  font-weight: 200;
}

[t-fw-300],
.t-fw-300 {
  font-weight: 300;
}

[t-fw-400],
.t-fw-400 {
  font-weight: 400;
}

[t-fw-500],
.t-fw-500 {
  font-weight: 500;
}

[t-fw-600],
.t-fw-600 {
  font-weight: 600;
}

[t-fw-700],
.t-fw-700 {
  font-weight: 700;
}

[t-fw-800],
.t-fw-800 {
  font-weight: 800;
}

[t-fw-900],
.t-fw-900 {
  font-weight: 900;
}

.t-ta-center,
[t-ta-center] {
  text-align: center;
}

.t-ta-left,
[t-ta-left] {
  text-align: left;
}

.t-ta-right,
[t-ta-right] {
  text-align: left;
}

[t-text-muted] .t-text-muted {
  color: #cccccc;
}

.text-primary {
  color: #fff;
}

.text-white {
  color: #fff;
}

.text-success {
  color: #2bb14a;
}

.text-warning {
  color: #e99a34;
}

.text-black {
  color: #323d47;
}

.text-muted {
  color: #ccc;
}

[t-m-0],
.t-m-0 {
  margin: 0rem !important;
}

[t-m-1],
.t-m-1 {
  margin: 1rem !important;
}

[t-m-2],
.t-m-2 {
  margin: 2rem !important;
}

[t-m-3],
.t-m-3 {
  margin: 3rem !important;
}

[t-m-4],
.t-m-4 {
  margin: 4rem !important;
}

[t-m-5],
.t-m-5 {
  margin: 5rem !important;
}

[t-m-6],
.t-m-6 {
  margin: 6rem !important;
}

[t-m-7],
.t-m-7 {
  margin: 7rem !important;
}

[t-m-8],
.t-m-8 {
  margin: 8rem !important;
}

[t-m-9],
.t-m-9 {
  margin: 9rem !important;
}

[t-m-10],
.t-m-10 {
  margin: 10rem !important;
}

[t-mt-0],
.t-mt-0 {
  margin-top: 0rem !important;
}

[t-mt-1],
.t-mt-1 {
  margin-top: 1rem !important;
}

[t-mt-2],
.t-mt-2 {
  margin-top: 2rem !important;
}

[t-mt-3],
.t-mt-3 {
  margin-top: 3rem !important;
}

[t-mt-4],
.t-mt-4 {
  margin-top: 4rem !important;
}

[t-mt-5],
.t-mt-5 {
  margin-top: 5rem !important;
}

[t-mt-6],
.t-mt-6 {
  margin-top: 6rem !important;
}

[t-mt-7],
.t-mt-7 {
  margin-top: 7rem !important;
}

[t-mt-8],
.t-mt-8 {
  margin-top: 8rem !important;
}

[t-mt-9],
.t-mt-9 {
  margin-top: 9rem !important;
}

[t-mt-10],
.t-mt-10 {
  margin-top: 10rem !important;
}

[t-mr-0],
.t-mr-0 {
  margin-right: 0rem !important;
}

[t-mr-1],
.t-mr-1 {
  margin-right: 1rem !important;
}

[t-mr-2],
.t-mr-2 {
  margin-right: 2rem !important;
}

[t-mr-3],
.t-mr-3 {
  margin-right: 3rem !important;
}

[t-mr-4],
.t-mr-4 {
  margin-right: 4rem !important;
}

[t-mr-5],
.t-mr-5 {
  margin-right: 5rem !important;
}

[t-mr-6],
.t-mr-6 {
  margin-right: 6rem !important;
}

[t-mr-7],
.t-mr-7 {
  margin-right: 7rem !important;
}

[t-mr-8],
.t-mr-8 {
  margin-right: 8rem !important;
}

[t-mr-9],
.t-mr-9 {
  margin-right: 9rem !important;
}

[t-mr-10],
.t-mr-10 {
  margin-right: 10rem !important;
}

[t-mb-0],
.t-mb-0 {
  margin-bottom: 0rem !important;
}

[t-mb-1],
.t-mb-1 {
  margin-bottom: 1rem !important;
}

[t-mb-2],
.t-mb-2 {
  margin-bottom: 2rem !important;
}

[t-mb-3],
.t-mb-3 {
  margin-bottom: 3rem !important;
}

[t-mb-4],
.t-mb-4 {
  margin-bottom: 4rem !important;
}

[t-mb-5],
.t-mb-5 {
  margin-bottom: 5rem !important;
}

[t-mb-6],
.t-mb-6 {
  margin-bottom: 6rem !important;
}

[t-mb-7],
.t-mb-7 {
  margin-bottom: 7rem !important;
}

[t-mb-8],
.t-mb-8 {
  margin-bottom: 8rem !important;
}

[t-mb-9],
.t-mb-9 {
  margin-bottom: 9rem !important;
}

[t-mb-10],
.t-mb-10 {
  margin-bottom: 10rem !important;
}

[t-ml-0],
.t-ml-0 {
  margin-left: 0rem !important;
}

[t-ml-1],
.t-ml-1 {
  margin-left: 1rem !important;
}

[t-ml-2],
.t-ml-2 {
  margin-left: 2rem !important;
}

[t-ml-3],
.t-ml-3 {
  margin-left: 3rem !important;
}

[t-ml-4],
.t-ml-4 {
  margin-left: 4rem !important;
}

[t-ml-5],
.t-ml-5 {
  margin-left: 5rem !important;
}

[t-ml-6],
.t-ml-6 {
  margin-left: 6rem !important;
}

[t-ml-7],
.t-ml-7 {
  margin-left: 7rem !important;
}

[t-ml-8],
.t-ml-8 {
  margin-left: 8rem !important;
}

[t-ml-9],
.t-ml-9 {
  margin-left: 9rem !important;
}

[t-ml-10],
.t-ml-10 {
  margin-left: 10rem !important;
}

.t-m-05,
[t-m-05] {
  margin: 0.5rem !important;
}

.t-mt-05,
[t-mt-05] {
  margin-top: 0.5rem !important;
}

.t-mr-05,
[t-mr-05] {
  margin-right: 0.5rem !important;
}

.t-ml-05,
[t-ml-05] {
  margin-left: 0.5rem !important;
}

.t-mb-05,
[t-mb-05] {
  margin-bottom: 0.5rem !important;
}

.t-m-033,
[t-m-033] {
  margin: 0.333333rem !important;
}

[t-p-0],
.t-p-0 {
  padding: 0rem !important;
}

[t-p-1],
.t-p-1 {
  padding: 1rem !important;
}

[t-p-2],
.t-p-2 {
  padding: 2rem !important;
}

[t-p-3],
.t-p-3 {
  padding: 3rem !important;
}

[t-p-4],
.t-p-4 {
  padding: 4rem !important;
}

[t-p-5],
.t-p-5 {
  padding: 5rem !important;
}

[t-p-6],
.t-p-6 {
  padding: 6rem !important;
}

[t-p-7],
.t-p-7 {
  padding: 7rem !important;
}

[t-p-8],
.t-p-8 {
  padding: 8rem !important;
}

[t-p-9],
.t-p-9 {
  padding: 9rem !important;
}

[t-p-10],
.t-p-10 {
  padding: 10rem !important;
}

[t-pt-0],
.t-pt-0 {
  padding-top: 0rem !important;
}

[t-pt-1],
.t-pt-1 {
  padding-top: 1rem !important;
}

[t-pt-2],
.t-pt-2 {
  padding-top: 2rem !important;
}

[t-pt-3],
.t-pt-3 {
  padding-top: 3rem !important;
}

[t-pt-4],
.t-pt-4 {
  padding-top: 4rem !important;
}

[t-pt-5],
.t-pt-5 {
  padding-top: 5rem !important;
}

[t-pt-6],
.t-pt-6 {
  padding-top: 6rem !important;
}

[t-pt-7],
.t-pt-7 {
  padding-top: 7rem !important;
}

[t-pt-8],
.t-pt-8 {
  padding-top: 8rem !important;
}

[t-pt-9],
.t-pt-9 {
  padding-top: 9rem !important;
}

[t-pt-10],
.t-pt-10 {
  padding-top: 10rem !important;
}

[t-pr-0],
.t-pr-0 {
  padding-right: 0rem !important;
}

[t-pr-1],
.t-pr-1 {
  padding-right: 1rem !important;
}

[t-pr-2],
.t-pr-2 {
  padding-right: 2rem !important;
}

[t-pr-3],
.t-pr-3 {
  padding-right: 3rem !important;
}

[t-pr-4],
.t-pr-4 {
  padding-right: 4rem !important;
}

[t-pr-5],
.t-pr-5 {
  padding-right: 5rem !important;
}

[t-pr-6],
.t-pr-6 {
  padding-right: 6rem !important;
}

[t-pr-7],
.t-pr-7 {
  padding-right: 7rem !important;
}

[t-pr-8],
.t-pr-8 {
  padding-right: 8rem !important;
}

[t-pr-9],
.t-pr-9 {
  padding-right: 9rem !important;
}

[t-pr-10],
.t-pr-10 {
  padding-right: 10rem !important;
}

[t-pb-0],
.t-pb-0 {
  padding-bottom: 0rem !important;
}

[t-pb-1],
.t-pb-1 {
  padding-bottom: 1rem !important;
}

[t-pb-2],
.t-pb-2 {
  padding-bottom: 2rem !important;
}

[t-pb-3],
.t-pb-3 {
  padding-bottom: 3rem !important;
}

[t-pb-4],
.t-pb-4 {
  padding-bottom: 4rem !important;
}

[t-pb-5],
.t-pb-5 {
  padding-bottom: 5rem !important;
}

[t-pb-6],
.t-pb-6 {
  padding-bottom: 6rem !important;
}

[t-pb-7],
.t-pb-7 {
  padding-bottom: 7rem !important;
}

[t-pb-8],
.t-pb-8 {
  padding-bottom: 8rem !important;
}

[t-pb-9],
.t-pb-9 {
  padding-bottom: 9rem !important;
}

[t-pb-10],
.t-pb-10 {
  padding-bottom: 10rem !important;
}

[t-pl-0],
.t-pl-0 {
  padding-left: 0rem !important;
}

[t-pl-1],
.t-pl-1 {
  padding-left: 1rem !important;
}

[t-pl-2],
.t-pl-2 {
  padding-left: 2rem !important;
}

[t-pl-3],
.t-pl-3 {
  padding-left: 3rem !important;
}

[t-pl-4],
.t-pl-4 {
  padding-left: 4rem !important;
}

[t-pl-5],
.t-pl-5 {
  padding-left: 5rem !important;
}

[t-pl-6],
.t-pl-6 {
  padding-left: 6rem !important;
}

[t-pl-7],
.t-pl-7 {
  padding-left: 7rem !important;
}

[t-pl-8],
.t-pl-8 {
  padding-left: 8rem !important;
}

[t-pl-9],
.t-pl-9 {
  padding-left: 9rem !important;
}

[t-pl-10],
.t-pl-10 {
  padding-left: 10rem !important;
}

.t-p-05,
[t-p-05] {
  padding: 0.5rem !important;
}

.t-pt-05,
[t-pt-05] {
  padding-top: 0.5rem !important;
}

.t-pr-05,
[t-pr-05] {
  padding-right: 0.5rem !important;
}

.t-pb-05,
[t-pb-05] {
  padding-bottom: 0.5rem !important;
}

.t-pl-05,
[t-pl-05] {
  padding-left: 0.5rem !important;
}

[t-height-0],
.t-height-0 {
  height: 0px;
}

[t-height-100],
.t-height-100 {
  height: 100px;
}

[t-height-200],
.t-height-200 {
  height: 200px;
}

[t-height-300],
.t-height-300 {
  height: 300px;
}

[t-height-400],
.t-height-400 {
  height: 400px;
}

[t-height-500],
.t-height-500 {
  height: 500px;
}

[t-height-600],
.t-height-600 {
  height: 600px;
}

[t-height-700],
.t-height-700 {
  height: 700px;
}

[t-height-800],
.t-height-800 {
  height: 800px;
}

[t-height-900],
.t-height-900 {
  height: 900px;
}

[t-height-1000],
.t-height-1000 {
  height: 1000px;
}

.t-height-100vh,
[t-height-100vh] {
  min-height: 100vh;
}

[t-width-0],
.t-width-0 {
  width: 0px;
}

[t-width-100],
.t-width-100 {
  width: 100px;
}

[t-width-200],
.t-width-200 {
  width: 200px;
}

[t-width-300],
.t-width-300 {
  width: 300px;
}

[t-width-400],
.t-width-400 {
  width: 400px;
}

[t-width-500],
.t-width-500 {
  width: 500px;
}

[t-width-600],
.t-width-600 {
  width: 600px;
}

[t-width-700],
.t-width-700 {
  width: 700px;
}

[t-width-800],
.t-width-800 {
  width: 800px;
}

[t-width-900],
.t-width-900 {
  width: 900px;
}

[t-width-1000],
.t-width-1000 {
  width: 1000px;
}

[t-width-50],
.t-width-50 {
  width: 50px;
}

.t-width-full,
[t-width-full] {
  width: 100%;
}

.t-width-lg,
[t-width-lg] {
  width: 1200px;
}

.t-width-md,
[t-width-md] {
  width: 980px;
}

.t-width-sm,
[t-width-sm] {
  width: 640px;
}

.t-width-xs,
[t-width-xs] {
  width: 300px;
}

button.t-wide,
button[t-wide] {
  padding: 0 4.5rem;
}

textarea.t-wide,
textarea[t-wide] {
  width: 22rem;
}

button.t-icon .mat-icon,
button[t-icon] .mat-icon {
  height: 2rem;
  width: 2rem;
  font-size: 2rem;
  line-height: 1.8rem;
  margin: 0 0.4rem;
}

button.t-small,
button[t-small] {
  font-size: 1.2rem !important;
  height: 3rem;
  line-height: 2.8rem !important;
}
button.t-small .mat-icon,
button[t-small] .mat-icon {
  height: 1.8rem;
  width: 1.8rem;
  font-size: 1.8rem;
  line-height: 1.6rem;
}

.t-fix,
[t-fix] {
  position: relative;
  overflow: hidden;
}

.t-fix-elm,
[t-fix-elm]::after {
  display: table;
  width: 100%;
  content: "";
}

.t-clear,
[t-clear] {
  clear: both;
}

.t-round,
[t-round] {
  border-radius: 1rem !important;
}

.t-circle,
[t-circle] {
  border-radius: 50% !important;
}

.btn-circle-10 {
  border-radius: 1rem !important;
}

.btn-circle-5 {
  border-radius: 0.5rem !important;
}

.btn-primary {
  background: #5a13d0 !important;
}

.facebook-btn {
  background: #2a5297 !important;
}

.google-btn {
  background: #cd463d !important;
}

.twitter-btn {
  background: #00aced !important;
}

.linkedin-btn {
  background: #0274b3 !important;
}

html {
  font-size: 10px;
}
@media (min-width: 1921px) {
  html {
    font-size: 11px;
  }
}
@media (max-width: 1750px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 1600px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 1400px) {
  html {
    font-size: 7px;
  }
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: white;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: rgb(117, 117, 117);
  -webkit-tap-highlight-color: #fc4000;
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[tabindex="-1"]:focus {
  outline: none;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.1);
  height: 0;
}

select,
button,
textarea,
input {
  vertical-align: baseline;
}

div {
  box-sizing: border-box;
}

html[dir=rtl], html[dir=ltr],
body[dir=rtl],
body[dir=ltr] {
  unicode-bidi: embed;
}

bdo[dir=rtl] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

img {
  max-width: 100%;
}

a,
a:focus,
a:hover {
  text-decoration: none;
}

.container {
  max-width: 114rem;
  margin: 0 auto;
}

.page-header {
  padding-top: 8rem;
  padding-bottom: 8rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

img {
  max-width: 100%;
  height: 100%;
}

.comming_logo {
  width: 20rem;
  height: 10rem;
  border-radius: 1rem;
  margin: 0 auto;
  margin-bottom: 2.1rem;
  overflow: hidden;
}

.comming_top_content {
  text-align: center;
}

.count_down mat-card {
  background: transparent !important;
  border-radius: 1rem;
  color: #fff !important;
  width: 9rem;
  height: 9rem;
  padding: 2rem 1rem 0 1rem;
}

.count_down mat-card h3 {
  margin-bottom: 0.5rem;
}

.count_down mat-card mat-card-title {
  margin-bottom: 0.5rem;
}

.comming_soon_form {
  padding-bottom: 1rem;
}

input.form-control {
  font-size: 1.5rem;
  padding-left: 1.5rem;
  height: 3.4rem;
  border-radius: 1rem;
  background: #eee;
  border: 0;
}

input.form-control:focus {
  border: 0 solid;
  outline: transparent;
}

.email_field {
  border-radius: 0.5rem 0 0 0.5rem !important;
  margin: 0 !important;
}

.subscribe-btn {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

.email_field::-webkit-input-placeholder {
  color: #ccc !important;
}

button.subscribe-btn.mat-raised-button[disabled] {
  color: #fff !important;
  font-weight: normal !important;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 0.1rem solid transparent;
  border-radius: 0.25rem;
}

.alert-success {
  color: #ccc;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-warning {
  color: #bd412b;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

span.text-warning a {
  display: none;
}

@media (max-width: 764px) {
  .comming_top_wrap {
    padding: 4rem 0 0rem 0;
    background-size: cover !important;
  }
  .left_side {
    padding: 3rem 0 0 0;
  }
}
@media (max-width: 599px) {
  .comming_soon_form mat-card {
    padding: 2.4rem 0;
  }
}
/* Custom Page Style */
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .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 .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 112px;
  font-weight: 300;
  line-height: 112px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

html {
  --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-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-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 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-datepicker-content .mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 14px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-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;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.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] + .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);
  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);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  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] + .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] + .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] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-dialog-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.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-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.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-radio-button {
  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-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.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-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.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-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-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: scale3d(0, 0, 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;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.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 {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.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;
}

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;
}

@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;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.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: rgba(0, 0, 0, 0.87);
  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: #3f51b5;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #ff4081;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 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-datepicker-content .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #3f51b5;
}
.mat-datepicker-content .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4081;
}
.mat-datepicker-content .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.mat-datepicker-content .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #3f51b5;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4081;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #3f51b5;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4081;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.mat-datepicker-content .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #3f51b5;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4081;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
}
.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #3f51b5;
  --mat-mdc-button-persistent-ripple-color: #3f51b5;
  --mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4081;
  --mat-mdc-button-persistent-ripple-color: #ff4081;
  --mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-mdc-button-persistent-ripple-color: #f44336;
  --mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.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: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #3f51b5;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ff4081;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #f44336;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-progress-bar-background {
  fill: #cbd0e9;
}

.mat-progress-bar-buffer {
  background-color: #cbd0e9;
}

.mat-progress-bar-fill::after {
  background-color: #3f51b5;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #fbccdc;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #ff4081;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.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: #3f51b5;
}
.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: #ff4081;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field-disabled .mat-form-field-prefix,
.mat-form-field-disabled .mat-form-field-suffix {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  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(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 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: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.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: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.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: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  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: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  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: #f44336;
  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: #ff4081;
  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-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.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-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: #3f51b5;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 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: black;
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #3f51b5;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(63, 81, 181, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #ff4081;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.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.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.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.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.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.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(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-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: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  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-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.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-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-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: rgba(0, 0, 0, 0.87);
}
.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: rgba(0, 0, 0, 0.87);
}

.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, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-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, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-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, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-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, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.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: #3f51b5;
}
.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 .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .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 .mat-tab-header-pagination-chevron,
.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.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 .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: white;
  opacity: 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-group.mat-background-primary > .mat-tab-header-pagination .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,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.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: #ff4081;
}
.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 .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .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 .mat-tab-header-pagination-chevron,
.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.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 .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: white;
  opacity: 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-group.mat-background-accent > .mat-tab-header-pagination .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,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.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: #f44336;
}
.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 .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .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 .mat-tab-header-pagination-chevron,
.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-link-container .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 .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.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 .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: white;
  opacity: 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-group.mat-background-warn > .mat-tab-header-pagination .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,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.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: #ff4081;
}

.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: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.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;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: 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;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.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;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.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;
}

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #ff4081;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
}

@media (prefers-color-scheme: dark) {
  /*
   * Dark Colors
   * -------------------------------------------
   */
  body {
    --ion-color-primary: #428cff;
    --ion-color-primary-rgb: 66,140,255;
    --ion-color-primary-contrast: #ffffff;
    --ion-color-primary-contrast-rgb: 255,255,255;
    --ion-color-primary-shade: #3a7be0;
    --ion-color-primary-tint: #5598ff;
    --ion-color-secondary: #50c8ff;
    --ion-color-secondary-rgb: 80,200,255;
    --ion-color-secondary-contrast: #ffffff;
    --ion-color-secondary-contrast-rgb: 255,255,255;
    --ion-color-secondary-shade: #46b0e0;
    --ion-color-secondary-tint: #62ceff;
    --ion-color-tertiary: #6a64ff;
    --ion-color-tertiary-rgb: 106,100,255;
    --ion-color-tertiary-contrast: #ffffff;
    --ion-color-tertiary-contrast-rgb: 255,255,255;
    --ion-color-tertiary-shade: #5d58e0;
    --ion-color-tertiary-tint: #7974ff;
    --ion-color-success: #2fdf75;
    --ion-color-success-rgb: 47,223,117;
    --ion-color-success-contrast: #000000;
    --ion-color-success-contrast-rgb: 0,0,0;
    --ion-color-success-shade: #29c467;
    --ion-color-success-tint: #44e283;
    --ion-color-warning: #ffd534;
    --ion-color-warning-rgb: 255,213,52;
    --ion-color-warning-contrast: #000000;
    --ion-color-warning-contrast-rgb: 0,0,0;
    --ion-color-warning-shade: #e0bb2e;
    --ion-color-warning-tint: #ffd948;
    --ion-color-danger: #ff4961;
    --ion-color-danger-rgb: 255,73,97;
    --ion-color-danger-contrast: #ffffff;
    --ion-color-danger-contrast-rgb: 255,255,255;
    --ion-color-danger-shade: #e04055;
    --ion-color-danger-tint: #ff5b71;
    --ion-color-dark: #f4f5f8;
    --ion-color-dark-rgb: 244,245,248;
    --ion-color-dark-contrast: #000000;
    --ion-color-dark-contrast-rgb: 0,0,0;
    --ion-color-dark-shade: #d7d8da;
    --ion-color-dark-tint: #f5f6f9;
    --ion-color-medium: #989aa2;
    --ion-color-medium-rgb: 152,154,162;
    --ion-color-medium-contrast: #000000;
    --ion-color-medium-contrast-rgb: 0,0,0;
    --ion-color-medium-shade: #86888f;
    --ion-color-medium-tint: #a2a4ab;
    --ion-color-light: #222428;
    --ion-color-light-rgb: 34,36,40;
    --ion-color-light-contrast: #ffffff;
    --ion-color-light-contrast-rgb: 255,255,255;
    --ion-color-light-shade: #1e2023;
    --ion-color-light-tint: #383a3e;
  }
  /*
   * iOS Dark Theme
   * -------------------------------------------
   */
  .ios body {
    --ion-background-color: #000000;
    --ion-background-color-rgb: 0,0,0;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;
    --ion-color-step-50: #0d0d0d;
    --ion-color-step-100: #1a1a1a;
    --ion-color-step-150: #262626;
    --ion-color-step-200: #333333;
    --ion-color-step-250: #404040;
    --ion-color-step-300: #4d4d4d;
    --ion-color-step-350: #595959;
    --ion-color-step-400: #666666;
    --ion-color-step-450: #737373;
    --ion-color-step-500: #808080;
    --ion-color-step-550: #8c8c8c;
    --ion-color-step-600: #999999;
    --ion-color-step-650: #a6a6a6;
    --ion-color-step-700: #b3b3b3;
    --ion-color-step-750: #bfbfbf;
    --ion-color-step-800: #cccccc;
    --ion-color-step-850: #d9d9d9;
    --ion-color-step-900: #e6e6e6;
    --ion-color-step-950: #f2f2f2;
    --ion-item-background: #000000;
    --ion-card-background: #1c1c1d;
  }
  .ios ion-modal {
    --ion-background-color: var(--ion-color-step-100);
    --ion-toolbar-background: var(--ion-color-step-150);
    --ion-toolbar-border-color: var(--ion-color-step-250);
  }
  /*
   * Material Design Dark Theme
   * -------------------------------------------
   */
  .md body {
    --ion-background-color: #121212;
    --ion-background-color-rgb: 18,18,18;
    --ion-text-color: #ffffff;
    --ion-text-color-rgb: 255,255,255;
    --ion-border-color: #222222;
    --ion-color-step-50: #1e1e1e;
    --ion-color-step-100: #2a2a2a;
    --ion-color-step-150: #363636;
    --ion-color-step-200: #414141;
    --ion-color-step-250: #4d4d4d;
    --ion-color-step-300: #595959;
    --ion-color-step-350: #656565;
    --ion-color-step-400: #717171;
    --ion-color-step-450: #7d7d7d;
    --ion-color-step-500: #898989;
    --ion-color-step-550: #949494;
    --ion-color-step-600: #a0a0a0;
    --ion-color-step-650: #acacac;
    --ion-color-step-700: #b8b8b8;
    --ion-color-step-750: #c4c4c4;
    --ion-color-step-800: #d0d0d0;
    --ion-color-step-850: #dbdbdb;
    --ion-color-step-900: #e7e7e7;
    --ion-color-step-950: #f3f3f3;
    --ion-item-background: #1e1e1e;
    --ion-toolbar-background: #1f1f1f;
    --ion-tab-bar-background: #1f1f1f;
    --ion-card-background: #1e1e1e;
  }
}
html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Montserrat", Roboto, "Helvetica Neue", sans-serif;
}

/*
   * Box Shadow
   * -------------------------------------------
   */
/*
   * Highlights
   * -------------------------------------------
   */
/*
   * Background Color
   * -------------------------------------------
   */
body.mat-typography .text-input {
  width: 100%;
  border: 0.1rem solid rgba(0, 0, 0, 0.1607843137);
  border-radius: 0.4rem;
  color: #58595B;
  padding: 1.9rem 1.8rem;
  font-size: 1.6rem;
}
body.mat-typography .text-input:active, body.mat-typography .text-input:hover {
  border-width: 0.1rem;
  border-color: #50B848;
}
body.mat-typography .text-input.mat-input-element {
  margin-top: unset;
}
body.mat-typography .mat-form-field-appearance-legacy .mat-form-field-label {
  font-size: 1.4rem;
}
body.mat-typography .mat-form-field-should-float .text-input {
  border-width: 0.1rem;
  border-color: #50B848;
}
body.mat-typography .mat-form-field-should-float .text-input[readonly=true] {
  background-color: #E6E9F0;
  color: rgba(0, 0, 0, 0.38);
}
body.mat-typography .mat-form-field-should-float .mat-form-field-label-wrapper label span {
  color: #50B848 !important;
}
body.mat-typography .mat-form-field-should-error .text-input {
  border-width: 0.1rem;
  box-shadow: 0 0 0 0.2rem #EE2E2F;
  color: #EE2E2F;
}
body.mat-typography .mat-form-field-should-error .mat-form-field-label-wrapper label span {
  color: #EE2E2F !important;
}
body.mat-typography .login-input,
body.mat-typography .input-fields {
  display: flex;
  align-items: center;
}
body.mat-typography .login-input .mat-form-field:first-child,
body.mat-typography .input-fields .mat-form-field:first-child {
  margin-bottom: 0;
  float: left;
  width: 100%;
  margin-top: 2rem;
}
body.mat-typography .login-input .mat-form-field-wrapper,
body.mat-typography .input-fields .mat-form-field-wrapper {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
body.mat-typography .login-input .mat-form-field-wrapper .view-value,
body.mat-typography .input-fields .mat-form-field-wrapper .view-value {
  position: absolute;
  top: 1.3rem;
  right: 1rem;
}
body.mat-typography .login-input .text-input,
body.mat-typography .input-fields .text-input {
  max-width: 100%;
  min-width: auto;
  font-size: 1.6rem;
}
body.mat-typography .login-input .btn img,
body.mat-typography .input-fields .btn img {
  float: left;
}
body.mat-typography .login-input .mat-form-field-label-wrapper,
body.mat-typography .input-fields .mat-form-field-label-wrapper {
  overflow: visible !important;
}
body.mat-typography .login-input .mat-form-field-label-wrapper .mat-form-field-label span,
body.mat-typography .input-fields .mat-form-field-label-wrapper .mat-form-field-label span {
  background-color: white;
  padding: 0 0.4rem;
  font-size: 1.6rem;
}
body.mat-typography .login-input .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
body.mat-typography .input-fields .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -webkit-transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -moz-transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
}
body.mat-typography .login-input .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span,
body.mat-typography .input-fields .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 1.2rem;
}
body.mat-typography .textarea-one {
  border: 0.2rem solid #F1F2F2;
}
body.mat-typography .textarea-one .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
body.mat-typography .textarea-one .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0;
}
body.mat-typography .textarea-one .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.5rem;
  padding-top: 0;
}
body.mat-typography .textarea-one textarea {
  min-height: 12rem;
}
body.mat-typography .search-input {
  width: 34.1rem;
  margin-right: 5.5rem;
}
body.mat-typography .search-input button.search-btn {
  background-color: transparent;
  width: 5.5rem;
  height: 4.4rem;
  background-image: url('search-gray-icon.svg');
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  right: -3rem;
}
body.mat-typography .search-input-two {
  width: 30rem;
}
body.mat-typography .search-input-two button.search-btn {
  width: 3.5rem;
  height: 3.5rem;
  background-color: transparent;
  background-image: url('search-gray-icon.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0.1rem;
  transform: translate(0, -50%);
}
body.mat-typography .search-input-two input {
  border-color: rgba(0, 0, 0, 0.1607843137);
}
body.mat-typography .search-input-two .mat-form-field-label-wrapper {
  top: -0.4rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  body.mat-typography .search-input-two {
    width: 23.6rem;
  }
}
body.mat-typography .input-date-mat.mat-form-field.mat-form-field-type-mat-input.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-has-label.mat-form-field-should-float .mat-form-field-label mat-label {
  background-color: white;
  padding: 0 0.4rem;
  font-size: 1.6rem;
}
body.mat-typography .input-date-mat .mat-form-field-suffix {
  position: absolute;
  right: 0.8rem;
  top: 2.6rem;
}
body.mat-typography .input-date-mat .mat-form-field-suffix svg {
  width: 2.5rem;
}
body.mat-typography .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.38125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  -webkit-transform: translateY(-1.48125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  -webkit-transformtransform: translateY(-1.48125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}
body.mat-typography .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  background-color: #ffffff;
  padding: 0 0.5rem;
}
body.mat-typography .search-input-two.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.48125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  -webkit-transform: translateY(-1.48125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  -webkit-transformtransform: translateY(-1.48125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}
body.mat-typography .search-input-two.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  background-color: #ffffff;
  padding: 0 0.5rem;
}
body.mat-typography .input-text-area {
  border: 0.1rem solid #A7A9AC;
  border-radius: 0.4rem;
}
body.mat-typography .input-text-area .mat-form-field-infix {
  margin-top: -2.5rem;
}
body.mat-typography .input-text-area .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .input-text-area textarea {
  margin-top: 1.8rem;
  min-height: 12rem;
}
body.mat-typography .input-text-area.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-0.833373em) scale(0.75) !important;
  color: #808285;
}
body.mat-typography .input-text-area label.mat-form-field-label {
  background-color: white;
  width: auto !important;
  display: inline;
  padding: 0 0.6rem;
}
body.mat-typography .permission-check {
  margin-top: 6.2rem;
  width: calc(33.3333333333% - 1rem);
}
body.mat-typography .integration-monitoring-search .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .integration-monitoring-search .filter-btn {
  background-color: transparent;
  max-width: 2.5rem;
}
body.mat-typography .cdk-overlay-pane .mat-option {
  color: #58595B;
}
body.mat-typography .cdk-overlay-pane .mat-pseudo-checkbox {
  background-image: url('checkbox-icon.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  padding: 0;
}
body.mat-typography .cdk-overlay-pane .mat-pseudo-checkbox-checked {
  background-color: #50B848;
}
body.mat-typography .cdk-overlay-pane .mat-pseudo-checkbox-checked::after {
  top: 0.4rem;
  left: 0.2rem;
}
body.mat-typography .banks-date-picker .mat-form-field-flex {
  align-items: center;
}
body.mat-typography .banks-date-picker .mat-form-field-flex .mat-form-field-suffix {
  top: unset;
}

.nothing-selected label {
  color: #f44336;
}

body.mat-typography .btn {
  min-width: auto;
  padding: 0;
  cursor: pointer;
  position: relative;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.mat-typography .submit-btn {
  background: transparent linear-gradient(90deg, #50B848 0%, #009677 100%) 0% 0% no-repeat padding-box;
  border-radius: 2.8rem;
  min-width: 23.7rem;
  height: 5.6rem;
  color: #ffffff;
  font-size: 1.6rem;
}
body.mat-typography .primary-btn {
  background: transparent linear-gradient(90deg, #50B848 0%, #009677 100%) 0% 0% no-repeat padding-box;
  border-radius: 2.8rem;
  min-width: 16rem;
  height: 4.8rem;
  color: #ffffff;
  font-size: 1.6rem;
  margin-right: 1.5rem;
  padding: 0 2rem;
}
body.mat-typography .primary-btn:hover, body.mat-typography .primary-btn.hover-btn {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .primary-btn:active, body.mat-typography .primary-btn.active-btn {
  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
  -webkit-box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
  -moz-box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
}
body.mat-typography .primary-btn .hfm-icon {
  display: inline-flex;
  height: 3rem;
  width: 3rem;
  margin-left: 1rem;
}
body.mat-typography .secondary-btn {
  background: #ffffff;
  border-radius: 2.8rem;
  min-width: 16rem;
  height: 4.8rem;
  color: #58595B;
  font-size: 1.6rem;
  border: 0.1rem solid #50B848;
  margin-right: 1.5rem;
}
body.mat-typography .secondary-btn:hover, body.mat-typography .secondary-btn.hover-btn {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .secondary-btn:active, body.mat-typography .secondary-btn.active-btn {
  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
  -webkit-box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
  -moz-box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
}
body.mat-typography .secondary-btn .mat-button-wrapper {
  display: inline-flex;
  align-items: center;
}
body.mat-typography .secondary-btn .mat-button-wrapper .filter {
  margin: 0 0.5rem;
  width: 2.5rem;
}
body.mat-typography .warning-btn {
  background: rgba(240, 15, 15, 0.6);
  color: #ffffff;
  height: unset;
  padding: 0 0.5rem;
  line-height: 1.5;
  font-size: 1.3rem;
}
body.mat-typography .tertiary-btn {
  border-radius: 2.8rem;
  min-width: 16rem;
  height: 4.8rem;
  color: #58595B;
  font-size: 1.6rem;
  border: 0.1rem solid #ffffff;
  margin-right: 1.5rem;
  border-color: transparent;
}
body.mat-typography .tertiary-btn:hover, body.mat-typography .tertiary-btn.hover-btn {
  border-color: #DCDDDE;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .tertiary-btn:active, body.mat-typography .tertiary-btn.active-btn {
  border-color: #DCDDDE;
  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
  -webkit-box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
  -moz-box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.3607843137);
}
body.mat-typography mat-chip {
  cursor: pointer;
}
body.mat-typography mat-chip.mat-chip-selected {
  background-color: #F1F2F2 !important;
  color: #58595B !important;
}
body.mat-typography mat-chip:hover, body.mat-typography mat-chip.chip-hover {
  background-color: #DCDDDE !important;
  color: #58595B !important;
}
body.mat-typography mat-chip mat-icon {
  background-image: url('close-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
}
body.mat-typography mat-chip.disabled-chip {
  cursor: not-allowed;
  opacity: 0.4;
}
body.mat-typography mat-chip.disabled-chip:hover {
  background-color: transparent !important;
}
body.mat-typography .fab-primary {
  background-color: #ffffff;
}
body.mat-typography .fab-primary .mat-button-wrapper {
  padding: 0px;
}
body.mat-typography .fab-primary mat-icon {
  background-image: url('plus-icon-2.svg');
  background-repeat: no-repeat;
  background-position: center center;
  width: 4rem;
  height: 4rem;
}
body.mat-typography .fab-primary.fab-remove mat-icon {
  background-image: url('fab-remove-icon.svg');
}
body.mat-typography .fab-primary:hover, body.mat-typography .fab-primary.fab-hover {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .fab-primary:active, body.mat-typography .fab-primary.fab-active {
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.3607843137);
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.3607843137);
  -moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.3607843137);
}
body.mat-typography .small-action-group {
  background-color: #3F3F3F;
  border-radius: 0.4rem;
  padding: 3rem;
}
body.mat-typography .small-action-btn {
  height: 4.1rem;
  padding: 0 0.8rem;
  color: #F1F2F2;
  font-size: 1.2rem;
  border: 0.1rem solid transparent;
}
body.mat-typography .small-action-btn:hover, body.mat-typography .small-action-btn.active-action-btn {
  border-color: #F1F2F2;
}
body.mat-typography .dropdown-menu mat-icon {
  background-image: url('dropdown-menu-icon.svg');
  background-repeat: no-repeat;
}
body.mat-typography .col-action-btn {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}
body.mat-typography .col-action-btn img {
  width: 2rem;
}
body.mat-typography .modal-close-btn {
  border-radius: 18rem;
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  right: 2.2rem;
  top: 3.2rem;
  border: 0;
}
body.mat-typography .filter-ic-btn {
  width: 2.7rem;
  height: 2.5rem;
  margin-right: 3.5rem;
  margin-top: 1rem;
}
body.mat-typography .mat-focus-indicator {
  font-size: 1.4rem;
}
body.mat-typography .trigger-btn {
  height: 44px;
  width: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(45deg, #830000 0%, #ff0000 100%);
  padding: 1rem;
}
body.mat-typography .trigger-btn.download {
  background: linear-gradient(45deg, #105f01 0%, #27e100 100%);
}
body.mat-typography .filter-monitor {
  width: 18px;
  margin-right: 0.5rem;
}
body.mat-typography .reset-btn {
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
body.mat-typography .reset-btn:hover {
  color: #3eb153;
}

body.mat-typography {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body.mat-typography .d-none {
  display: none;
}
body.mat-typography .d-block {
  display: block;
}
body.mat-typography .col-4 {
  width: 33.33%;
  float: left;
}
body.mat-typography .col-3 {
  width: 25% !important;
  float: left;
}
body.mat-typography .col-6 {
  width: 50% !important;
  float: left;
}
body.mat-typography .col-9 {
  width: 75% !important;
  float: left;
}
body.mat-typography .col-8 {
  width: 33.33%;
  float: left;
}
body.mat-typography .col-12 {
  width: 100%;
  float: left;
}
body.mat-typography .col-20 {
  width: 20%;
}
body.mat-typography .ml-10 {
  margin-left: 1rem !important;
}
body.mat-typography .ml-20 {
  margin-left: 2rem !important;
}
body.mat-typography .mt-0 {
  margin-top: 0 !important;
}
body.mat-typography .mt-10 {
  margin-top: 1rem !important;
}
body.mat-typography .mt-20 {
  margin-top: 2rem !important;
}
body.mat-typography .mb-20 {
  margin-bottom: 2rem !important;
}
body.mat-typography .mt-35 {
  margin-top: 3.5rem !important;
}
body.mat-typography .mr-10 {
  margin-right: 1rem;
}
body.mat-typography .ptb {
  padding: 3rem 0;
}
body.mat-typography .d-flex {
  display: flex !important;
}
body.mat-typography .pr-0 {
  padding-right: 0 !important;
}
body.mat-typography .justify-content-between {
  justify-content: space-between !important;
}
body.mat-typography .justify-content-end {
  justify-content: flex-end;
}
body.mat-typography .justify-content-center {
  justify-content: center !important;
}
body.mat-typography .align-item-center {
  align-items: center;
}
body.mat-typography .align-item-baseline {
  align-items: baseline;
}
body.mat-typography .flex-wrap {
  flex-wrap: wrap;
}
body.mat-typography .flex-start {
  justify-content: flex-start !important;
}
body.mat-typography .text-right {
  text-align: right;
}
body.mat-typography .router-wraper {
  position: relative;
}
body.mat-typography .router-wraper .hydrated {
  top: 13rem;
  overflow: unset;
}
body.mat-typography .router-wraper .hydrated .ion-page {
  overflow: unset;
}
body.mat-typography .list-content {
  width: 100%;
  float: left;
  margin-bottom: 0;
}
body.mat-typography .list-content li {
  float: left;
  margin-right: 4rem;
  font-size: 1.4rem;
}
body.mat-typography .list-content li span {
  color: #A7A9AC;
  font-size: 1.2rem;
  display: block;
}
body.mat-typography .table-name {
  font-size: 1.4rem;
}
body.mat-typography .table-name span {
  color: #808285;
}
body.mat-typography .table-name .table-path {
  color: #58595B;
  font-weight: 400;
}
body.mat-typography .table-name .outbound-table-dropdown {
  color: #50B848;
}
body.mat-typography .collapse-edit {
  color: #00C0E8;
  font-size: 1.4rem;
  margin-left: 1rem;
  display: inline-block;
  text-decoration: underline;
}
body.mat-typography .collapse-edit:hover {
  color: #003F9E;
}
body.mat-typography ::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}
body.mat-typography ::-webkit-scrollbar-track {
  background: transparent;
}
body.mat-typography ::-webkit-scrollbar-thumb {
  background: #50B848;
}
body.mat-typography ::-webkit-scrollbar-thumb:hover {
  background: #50B848;
}
body.mat-typography .status-user {
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  float: left;
}
body.mat-typography .container {
  float: left;
  width: 100%;
}
body.mat-typography .mat-form-field-disabled.mat-form-field-type-mat-select .mat-form-field-wrapper {
  border-color: #DCDDDE;
  background-color: #E6E9F0;
}
body.mat-typography .mat-form-field-disabled .text-input {
  box-shadow: 0 0 0 1rem #DCDDDE;
  background-color: #E6E9F0;
}
body.mat-typography .menu-hide {
  display: none !important;
}
body.mat-typography .menu-show {
  display: block !important;
}
body.mat-typography .menu-drawer-open #left-side-bar nav > ul > li.submenu-level::before {
  visibility: visible !important;
}
body.mat-typography .menu-drawer-open .submenu .has-submenu::before {
  visibility: visible !important;
}
body.mat-typography .input-fields.w-50 {
  width: 50% !important;
  padding-right: 1.8rem;
}
@media screen and (max-width: 767px) {
  body.mat-typography .input-fields.w-50 {
    width: 100% !important;
    padding-right: 0;
  }
}
body.mat-typography .input-fields.w-50 mat-form-field {
  width: 100% !important;
}
body.mat-typography .field-group {
  display: flex;
  width: 100%;
}
body.mat-typography .checkbox-status-wraper {
  margin-top: 3rem;
  display: flex;
  justify-content: flex-end;
}
body.mat-typography .confirm-headings {
  margin-top: 3rem;
}
body.mat-typography .confirm-headings h6 {
  font-size: 1.2rem;
}
body.mat-typography .confirm-headings p {
  font-size: 1.6rem;
  color: #1F3C57;
}
body.mat-typography .confirm-list-popup li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
body.mat-typography .confirm-list-popup li .confirm-headings {
  width: calc(47.5% - 1rem);
  margin: 2rem 0.5rem 0 0.5rem;
}
body.mat-typography .user-management-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.mat-typography .user-management-list li {
  width: calc(47.5% - 1rem);
  margin: 0 0.5rem;
}
body.mat-typography .user-management-list li .confirm-headings .status-tag-green {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.3rem 1rem;
  border-radius: 0.3rem;
}
body.mat-typography .loader {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #F5F5F5;
  font-size: 2.2rem;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999;
}
body.mat-typography .loader.upload-modal-loader {
  left: 0;
  top: 0;
}
body.mat-typography .loader .loader-image {
  width: 5.6rem;
  margin-bottom: 2rem;
}
body.mat-typography .loader .loader-image img {
  animation-name: rotate;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes rotate {
  from {
    transform: rotate(-360deg);
  }
  to {
    transform: rotate(360deg);
  }
}
body.mat-typography .error-message {
  color: #EE2E2F !important;
}
body.mat-typography .text-underline {
  text-decoration: underline;
  cursor: pointer;
  transition: 0.3s all;
}
body.mat-typography .text-underline:hover {
  color: #50B848;
}
body.mat-typography .error-inbox-wraper .error-inbox {
  box-shadow: 0 0.3rem 1rem #DCDDDE;
  border-radius: 1rem;
  padding: 2.5rem;
  position: relative;
}
body.mat-typography .error-inbox-wraper .error-inbox .select-all-wraper {
  padding: 2.5rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
}
body.mat-typography .error-inbox-wraper .error-inbox .select-all-wraper .mark-read {
  margin-left: 4.8rem;
  color: #000000;
  font-size: 1.6rem;
}
body.mat-typography .all-error-wraper,
body.mat-typography .all-details-error-wraper {
  display: flex;
  padding: 1.5rem 0;
}
body.mat-typography .all-error-wraper .search-section,
body.mat-typography .all-details-error-wraper .search-section {
  width: 46.5rem;
}
body.mat-typography .all-error-wraper .search-section .search-error-wraper,
body.mat-typography .all-details-error-wraper .search-section .search-error-wraper {
  position: relative;
  display: flex;
  padding: 2rem 2rem 2rem 4rem;
  border: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
  border-radius: 1rem;
  margin-right: 1.8rem;
}
body.mat-typography .all-error-wraper .search-section .search-error-wraper .search-icon-btn,
body.mat-typography .all-details-error-wraper .search-section .search-error-wraper .search-icon-btn {
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1rem;
  top: 2.8rem;
}
body.mat-typography .all-error-wraper .search-section .search-error-wraper .search-icon-btn .mat-button-wrapper,
body.mat-typography .all-details-error-wraper .search-section .search-error-wraper .search-icon-btn .mat-button-wrapper {
  display: flex;
}
body.mat-typography .all-error-wraper .search-section .search-error-wraper .search-error,
body.mat-typography .all-details-error-wraper .search-section .search-error-wraper .search-error {
  width: 100%;
  border: 0;
  background-color: transparent;
  border-right: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
}
body.mat-typography .all-error-wraper .search-section .search-error-wraper .search-error:focus,
body.mat-typography .all-details-error-wraper .search-section .search-error-wraper .search-error:focus {
  outline: none;
}
body.mat-typography .all-error-wraper .search-section .select-error-section,
body.mat-typography .all-details-error-wraper .search-section .select-error-section {
  max-height: 80vh;
  overflow-y: auto;
  padding-right: 1.5rem;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error {
  margin: 1.5rem 0;
  border: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
  border-radius: 1rem;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card {
  border-radius: 1rem;
  padding: 2rem;
  display: flex;
  align-items: center;
  border-left: 0.5rem solid transparent;
  transition: 0.3s all;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card:hover,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card:hover {
  border-left: 0.5rem solid #50B848;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card.active-card,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card.active-card {
  border-left: 0.5rem solid #50B848;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card .error-check,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card .error-check {
  padding-right: 2rem;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card .error-details .card-header,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card .error-details .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.7rem;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card .error-details .card-header h4,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card .error-details .card-header h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .select-error .select-error-card .error-details .card-header .timer,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .select-error .select-error-card .error-details .card-header .timer {
  color: #5D5D5D;
  font-size: 1.3rem;
  margin-left: 0.5rem;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .older-sec,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .older-sec {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
  position: relative;
  margin: 3rem 0;
  display: flex;
  justify-content: center;
}
body.mat-typography .all-error-wraper .search-section .select-error-section .older-sec .older,
body.mat-typography .all-details-error-wraper .search-section .select-error-section .older-sec .older {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  padding: 0.5rem 1rem;
  background-color: #ffffff;
}
body.mat-typography .all-error-wraper .error-details-wraper,
body.mat-typography .all-details-error-wraper .error-details-wraper {
  font-size: 1.4rem;
  width: calc(100% - 46.5rem);
  padding: 0 2rem;
}
body.mat-typography .all-error-wraper .error-details-wraper .details-header,
body.mat-typography .all-details-error-wraper .error-details-wraper .details-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 2.5rem 0;
}
body.mat-typography .all-error-wraper .error-details-wraper .details-header .error-details-title,
body.mat-typography .all-details-error-wraper .error-details-wraper .details-header .error-details-title {
  font-size: 2.2rem;
  margin-bottom: 0;
  margin-bottom: 0.5rem;
}
body.mat-typography .all-error-wraper .error-details-wraper .details-body .error-id-wraper,
body.mat-typography .all-details-error-wraper .error-details-wraper .details-body .error-id-wraper {
  padding-left: 2rem;
}
body.mat-typography .all-error-wraper .error-details-wraper .details-body .error-id-wraper li,
body.mat-typography .all-details-error-wraper .error-details-wraper .details-body .error-id-wraper li {
  padding: 1rem 0;
}
body.mat-typography .all-error-wraper .error-details-wraper .details-body .error-id-wraper li .error-id-highlight,
body.mat-typography .all-details-error-wraper .error-details-wraper .details-body .error-id-wraper li .error-id-highlight {
  color: #50B848;
}
body.mat-typography .all-error-wraper .error-details-wraper .solved-error-wraper .solved-error,
body.mat-typography .all-details-error-wraper .error-details-wraper .solved-error-wraper .solved-error {
  display: flex;
  padding: 2rem 0;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
}
body.mat-typography .all-error-wraper .error-details-wraper .solved-error-wraper .solved-error .solved-error-details p,
body.mat-typography .all-details-error-wraper .error-details-wraper .solved-error-wraper .solved-error .solved-error-details p {
  font-size: 1.6rem;
  margin-bottom: 2.8rem;
}
body.mat-typography .all-error-wraper .error-details-wraper .solved-error-wraper .solved-error .solved-error-details .solved-error-btn,
body.mat-typography .all-details-error-wraper .error-details-wraper .solved-error-wraper .solved-error .solved-error-details .solved-error-btn {
  display: flex;
  align-items: center;
}
body.mat-typography .all-error-wraper .error-details-wraper .solved-error-wraper .solved-error .solved-error-timer,
body.mat-typography .all-details-error-wraper .error-details-wraper .solved-error-wraper .solved-error .solved-error-timer {
  font-size: 1.3rem;
  color: #5D5D5D;
  white-space: nowrap;
  padding-left: 2rem;
}
body.mat-typography .all-details-error-wraper .error-details-wraper {
  width: 100%;
}
body.mat-typography .integration-user-mapping {
  border-radius: 1rem;
  overflow-y: auto;
  overflow-x: hidden;
}
body.mat-typography .integration-user-mapping .individual-user .user-heading {
  text-align: center;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.12);
  border-right: 0.1rem solid rgba(0, 0, 0, 0.12);
  font-size: 1.8rem;
  margin-bottom: 0;
  padding: 2rem;
}
body.mat-typography .integration-user-mapping .individual-user form {
  max-width: 40rem;
}
body.mat-typography .integration-user-mapping .individual-user .primary-user-details {
  border-right: 0.1rem solid rgba(0, 0, 0, 0.12);
  padding: 2rem 1rem;
}
body.mat-typography .integration-user-mapping .individual-user .secondary-user-details {
  padding: 2rem 1rem;
}
body.mat-typography .integration-user-mapping .individual-user.primary-user, body.mat-typography .integration-user-mapping .individual-user.secondary-user {
  width: 50%;
}
body.mat-typography .integration-user-mapping .individual-user.secondary-user .user-heading {
  border-right: 0;
}
body.mat-typography .integration-user-mapping .individual-user .primary-table,
body.mat-typography .integration-user-mapping .individual-user .secondary-table {
  margin-top: 2rem;
}
body.mat-typography .integration-user-mapping .btn-user {
  border-top: 0.1rem solid rgba(0, 0, 0, 0.12);
  padding: 1rem 0;
}
body.mat-typography .integration-user-mapping .user-drag-wraper {
  display: flex;
  position: relative;
  height: 64vh;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left {
  width: 50%;
  padding: 0 1rem;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container {
  width: 100%;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .cdk-drop-list,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .cdk-drop-list {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  min-height: 26rem;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .cdk-drop-list .drag-heading,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .cdk-drop-list .drag-heading {
  padding: 1rem;
  text-align: center;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .cdk-drop-list .example-box,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .cdk-drop-list .example-box {
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.12);
  padding: 0.8rem 1rem !important;
  font-size: 1.4rem;
  height: unset;
  display: flex;
  justify-content: space-between;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .mat-form-field.user-mapping-dropdown,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .mat-form-field.user-mapping-dropdown {
  width: unset !important;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .mat-form-field.user-mapping-dropdown .mat-form-field-wrapper,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .mat-form-field.user-mapping-dropdown .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .mat-form-field.user-mapping-dropdown .mat-form-field-wrapper .mat-form-field-flex,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .mat-form-field.user-mapping-dropdown .mat-form-field-wrapper .mat-form-field-flex {
  padding: 0;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .mat-form-field.user-mapping-dropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .mat-form-field.user-mapping-dropdown .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select {
  margin-top: 0;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .example-container .mat-form-field.user-mapping-dropdown .mat-select-arrow-wrapper .mat-select-arrow,
body.mat-typography .integration-user-mapping .user-drag-wraper .user-left .example-container .mat-form-field.user-mapping-dropdown .mat-select-arrow-wrapper .mat-select-arrow {
  border: 0;
  background-image: url('dropdown-menu-icon.svg');
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
}
body.mat-typography .integration-user-mapping .user-drag-wraper .user-right .cdk-drop-list {
  height: 50vh;
  overflow: auto;
}
body.mat-typography .monitoring-error-wraper .card-error-list {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
}
body.mat-typography .monitoring-error-wraper .card-error-list .select-error {
  box-shadow: 0 0.3rem 1rem #DCDDDE;
  border-radius: 1rem;
  padding: 1.5rem;
  width: calc((100% - 5rem) / 5);
  margin: 2rem 0.5rem;
}
body.mat-typography .monitoring-error-wraper .card-error-list .select-error .select-error-card {
  color: initial;
  font-size: 1.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
body.mat-typography .monitoring-error-wraper .card-error-list .select-error .select-error-card .card-header h4 {
  font-weight: 700;
  font-size: 1.6rem;
}
body.mat-typography .monitoring-error-wraper .card-error-list .select-error .select-error-card .error-details li {
  padding: 0.5rem 0;
}
body.mat-typography .monitoring-error-wraper .card-error-list .select-error .select-error-card .error-details li .error-title {
  font-weight: 600;
  padding-right: 0.4rem;
  display: inline-block;
}
body.mat-typography .monitoring-error-wraper .card-error-list .select-error .select-error-card .error-details li .error-id-highlight {
  color: #50B848;
}
body.mat-typography .monitoring-error-wraper table .primary-btn {
  height: unset;
  min-width: auto;
  padding: 0 1.5rem;
}
body.mat-typography .balancing-content-wraper .balancing-content {
  margin-bottom: 6rem;
  position: relative;
}
body.mat-typography .balancing-content-wraper .balancing-content::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: rgba(0, 0, 0, 0.1215686275);
  bottom: -3rem;
  left: 0;
}
body.mat-typography .balancing-content-wraper .balancing-content:last-of-type::before {
  display: none;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header {
  margin-bottom: 2rem;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header .title-wraper {
  width: 30rem;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header .title-wraper h2 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header .title-wraper .time-heading {
  margin-bottom: 0;
  font-size: 1.6rem;
  color: #50B848;
  font-weight: 700;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header table tr th,
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header table tr td {
  width: 15%;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header table tr th.status-col,
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header table tr td.status-col {
  width: 25%;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-header table tr th {
  font-weight: 500;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-list {
  font-size: 1.4rem;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-list li {
  padding: 0.8rem 0;
}
body.mat-typography .balancing-content-wraper .balancing-content .balancing-list li .balancing-keys {
  font-weight: 700;
}
body.mat-typography .balancing-content-wraper .balancing-chart {
  margin-top: 2rem;
}
body.mat-typography .primary-color {
  color: #50B848;
}
body.mat-typography .create-hfm-mapping .main-account {
  max-width: 30rem;
}
body.mat-typography .create-hfm-mapping .inte-title {
  margin-top: 3rem;
}
body.mat-typography .create-hfm-mapping .hfm-inputs {
  display: flex;
  flex-wrap: wrap;
}
body.mat-typography .create-hfm-mapping .hfm-inputs li {
  margin: 0 0.5rem;
  width: calc((100% - 3rem) / 3);
}
body.mat-typography .create-hfm-mapping .hfm-inputs li .mat-form-field .mat-form-field-label-wrapper {
  overflow: visible;
}
body.mat-typography .create-hfm-mapping .hfm-inputs li.classified-check {
  width: 100%;
  margin-bottom: 2rem;
}
body.mat-typography .sftp-inputs {
  display: flex;
  flex-wrap: wrap;
}
body.mat-typography .sftp-inputs li {
  margin: 1rem;
  width: calc((100% - 6rem) / 3);
}
body.mat-typography .sftp-inputs li .mat-form-field .mat-form-field-label-wrapper {
  overflow: visible;
}
body.mat-typography .sftp-inputs li .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .log-action-list li {
  display: flex;
  align-items: center;
}
body.mat-typography .log-action-list li .dot {
  margin-right: 0.5rem;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #50B848;
  border-radius: 50%;
}
body.mat-typography .view-log-table {
  box-shadow: 0 0 0 transparent !important;
}

.loader-dots {
  display: inline-block;
  font-size: 0px;
  padding: 0px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loader-dots span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 3px 2px;
  animation: loader-dots 0.8s linear infinite alternate;
}

.loader-dots span:nth-child(1) {
  animation-delay: -1s;
  background: rgba(80, 184, 72, 0.6);
}

.loader-dots span:nth-child(2) {
  animation-delay: -0.8s;
  background: rgba(80, 184, 72, 0.8);
}

.loader-dots span:nth-child(3) {
  animation-delay: -0.26666s;
  background: #50b848;
}

.loader-dots span:nth-child(4) {
  animation-delay: -0.8s;
  background: rgba(80, 184, 72, 0.8);
}

.loader-dots span:nth-child(5) {
  animation-delay: -1s;
  background: rgba(80, 184, 72, 0.4);
}

@keyframes loader-dots {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
.page-container {
  margin-top: -5rem;
}

.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0;
  top: unset;
}

.mat-select-panel {
  max-width: unset !important;
}

input[type=time] {
  padding: 1.4rem;
}
input[type=time]::-webkit-calendar-picker-indicator {
  font-size: 1.6rem;
  opacity: 0.4;
}

.isenable-status {
  position: relative;
  margin: 0 1rem;
}
.isenable-status .status {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  border: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
  border-radius: 1rem;
  background-color: #ffffff;
  padding: 0.5rem 1rem;
  transform: translate(20px, -15px);
}
.isenable-status .true-status {
  width: 15px;
  height: 15px;
}
.isenable-status .false-status {
  width: 20px;
  height: 20px;
}
.isenable-status:hover .status {
  display: block;
}

.cdk-overlay-pane {
  max-width: 95vw !important;
}

body.mat-typography .page-title {
  color: #58595B;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.4rem;
  line-height: 1.2;
}
body.mat-typography .title-underline {
  color: #58595B;
  font-size: 2rem;
  padding-right: 6rem;
  border-bottom: 0.1rem solid #58595B;
  padding-bottom: 0.4rem;
  width: -moz-fit-content;
  width: fit-content;
}
body.mat-typography .text-center {
  text-align: center;
}
body.mat-typography .list-title {
  color: #808285;
  font-size: 1.8rem;
  font-weight: 400;
}
body.mat-typography .label-title {
  color: #A7A9AC;
  font-size: 1.2rem;
}

body.mat-typography .select-option-one .mat-form-field-wrapper {
  height: 5.8rem;
  border-radius: 0.4rem;
  border: 0.2rem solid #A7A9AC;
  color: #58595B;
  font-size: 1.6rem;
  background-color: #ffffff;
}
body.mat-typography .select-option-one .mat-form-field-label-wrapper {
  overflow: visible;
}
body.mat-typography .select-option-one .mat-select-arrow {
  width: 1.6rem;
  height: 0.8rem;
  border-top: 0.7rem solid;
  border: 0;
  margin: 0 0.4rem;
  background-image: url('select-dropdown-icon.svg');
  background-size: cover;
  background-repeat: no-repeat;
}
body.mat-typography .select-option-one.mat-form-field-should-float label.mat-form-field-label {
  transform: translateY(-1.59373em) scale(0.75);
  -webkit-transform: translateY(-1.59373em) scale(0.75);
  -moz-transform: translateY(-1.59373em) scale(0.75);
  -ms-transform: translateY(-1.59373em) scale(0.75);
}
body.mat-typography .select-option-one.mat-form-field-should-float label.mat-form-field-label mat-label {
  background-color: #ffffff;
  padding: 0 0.4rem;
  color: #50B848;
}
body.mat-typography .select-option-one.mat-form-field-should-float .mat-form-field-wrapper {
  border: 0.2rem solid #50B848;
}
body.mat-typography .mat-select-panel-wrap.ng-trigger-transformPanelWrap {
  margin-top: 4.3rem;
}
body.mat-typography .mat-select-panel-wrap.ng-trigger-transformPanelWrap .ng-trigger-transformPanel.mat-select-panel {
  min-width: calc(100% + 2.4rem) !important;
  margin-left: 0.3rem;
}
body.mat-typography .mat-select-panel-wrap.ng-trigger-transformPanelWrap .ng-trigger-transformPanel.mat-select-panel .mat-option {
  height: 3.6rem;
  line-height: 3.6rem;
}
body.mat-typography .mat-select-panel-wrap.ng-trigger-transformPanelWrap .ng-trigger-transformPanel.mat-select-panel .mat-option-text {
  font-size: 1.4rem;
}
body.mat-typography .mat-select-panel-wrap.ng-trigger-transformPanelWrap .mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0), 0 0.4rem 0.5rem 0 rgba(0, 0, 0, 0), 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0), 0 0.4rem 0.5rem 0 rgba(0, 0, 0, 0), 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0), 0 0.4rem 0.5rem 0 rgba(0, 0, 0, 0), 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(0, 0, 0, 0), 0 0.4rem 0.5rem 0 rgba(0, 0, 0, 0), 0 0.1rem 1rem 0 rgba(0, 0, 0, 0.12);
}
body.mat-typography .add-option-select-btn {
  background-image: url('plus-gray-icon.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 1.5rem center !important;
  background-color: #F1F2F2;
  padding-left: 4.4rem;
}
body.mat-typography .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(0);
}
body.mat-typography .mat-select {
  margin-top: 1rem;
}
body.mat-typography .select-auto::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.8rem;
  background-image: url('select-dropdown-icon.svg');
  background-size: cover;
  background-repeat: no-repeat;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
}
body.mat-typography .select-auto .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .select-auto .mat-form-field-wrapper .mat-form-field-flex {
  height: 100%;
}
body.mat-typography .select-auto .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  height: 100%;
}
body.mat-typography .select-auto .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix input {
  height: 100%;
}

body.mat-typography .dialog-wrapper {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  padding: 2.5rem;
  position: relative;
  max-height: 85vh;
  overflow-x: hidden;
}
body.mat-typography .dialog-wrapper h1 {
  color: #58595B;
  font-size: 2.1rem;
  margin-bottom: 1rem;
}
body.mat-typography .dialog-wrapper .mat-dialog-actions {
  display: flex;
  justify-content: right;
  width: 100%;
  position: relative;
  margin-bottom: 0.5rem;
}
body.mat-typography .dialog-wrapper .mat-form-field {
  width: 50% !important;
}
body.mat-typography .dialog-wrapper .mat-form-field.w-100 {
  width: 100% !important;
}
body.mat-typography .scope-master-modal {
  width: 62.2rem;
}
body.mat-typography .scope-master-modal .status-user {
  margin: 0;
}
body.mat-typography .table-dailog {
  width: 75rem;
}
body.mat-typography .combination-modal {
  width: 69.4rem;
}
body.mat-typography .combination-modal .combination-content {
  position: relative;
  max-height: 39.2rem;
}
body.mat-typography .combination-modal .combination-content::before {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 100%;
  background-color: #E6E9F0;
  top: 0;
  left: 50%;
}
body.mat-typography .combination-modal .combination-content .combination-heading {
  display: flex;
}
body.mat-typography .combination-modal .combination-content .combination-heading h2 {
  width: 50%;
  margin-bottom: 0;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
body.mat-typography .combination-modal .combination-content .common-combination {
  height: 6.5rem;
  border-bottom: 0.1rem solid #E6E9F0;
}
body.mat-typography .combination-modal .combination-content .combination-dimension-wraper {
  display: flex;
}
body.mat-typography .combination-modal .combination-content .combination-dimension {
  width: 50%;
}
body.mat-typography .combination-modal .combination-content .combination-dimension h2 {
  text-align: center;
}
body.mat-typography .combination-modal .combination-content .combination-dimension .example-list {
  height: 32.7rem;
  border: 0;
  background-color: transparent;
  overflow: auto;
}
body.mat-typography .combination-modal .combination-content .combination-dimension .example-list.example-list-border .example-box {
  position: relative;
  border-bottom: 0.1rem solid #E6E9F0;
}
body.mat-typography .combination-modal .conbination-status-wraper {
  padding: 3.3rem 0;
  border-bottom: 0.1rem solid #E6E9F0;
}
body.mat-typography .combination-modal .conbination-status-wraper p {
  font-size: 1.6rem;
}
body.mat-typography .combination-modal .conbination-status-wraper p.combination-status {
  font-size: 1.8rem;
  color: #EE882E;
}
body.mat-typography .combination-modal .add-combination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 0;
}
body.mat-typography .combination-modal .add-combination p {
  font-size: 1.6rem;
}
body.mat-typography .example-box {
  height: 6.5rem;
  display: flex;
  align-items: center;
  padding: 2.1rem 1.5rem !important;
  font-size: 1.6rem;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  cursor: move;
}
body.mat-typography .example-box .drag-handle {
  max-width: 2.5rem;
  margin: 0 1.5rem;
}
body.mat-typography .confirmation-modal {
  width: 81.5rem;
  padding: 1.5rem;
}
body.mat-typography .confirmation-modal .mat-dialog-content {
  position: relative;
}
body.mat-typography .confirmation-modal .mat-dialog-content::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 0.1rem;
  background-color: rgba(0, 0, 0, 0.12);
  top: 0;
  left: 50%;
}
body.mat-typography .confirmation-modal .modal-close-btn {
  top: 1.5rem;
  right: 3rem;
}
body.mat-typography .confirmation-modal .mat-dialog-actions {
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}
body.mat-typography .user-mapping-modal {
  width: 87.4rem;
}
body.mat-typography .user-mapping-modal .add-remove-wraper button {
  margin-right: 1rem;
}
body.mat-typography .create-country-modal {
  width: 58rem;
}
body.mat-typography .create-country-modal h1 {
  font-size: 2.1rem;
}
body.mat-typography .create-country-modal .input-fields .mat-form-field.col-3 {
  width: 33.33% !important;
}
body.mat-typography .create-country-modal .input-fields .mat-form-field.col-9 {
  width: 66.66% !important;
}
body.mat-typography .create-country-modal .mat-form-field.select-option-one:first-child {
  width: 100% !important;
  margin-right: 0 !important;
}
body.mat-typography .create-country-modal .mat-form-field.select-option-one:first-child .mat-form-field-wrapper {
  width: 100% !important;
}
body.mat-typography .view-log-modal {
  width: 94.7rem;
}
body.mat-typography .version-modal {
  width: 68rem;
}
body.mat-typography .system-type.dialog-wrapper .mat-form-field {
  width: 100% !important;
}
body.mat-typography .create-system.dialog-wrapper .mat-form-field.w-100 {
  margin-top: 1.6rem;
}
body.mat-typography .review-dailog {
  width: 49rem;
}
body.mat-typography .review-dailog .mat-dialog-actions {
  display: block;
  text-align: center;
}
body.mat-typography .rejection-dailog {
  width: 70rem;
}
body.mat-typography .rejection-dailog .mat-form-field {
  width: 100% !important;
}
body.mat-typography .revert-dailog {
  width: 70rem;
}
body.mat-typography .revert-dailog .mat-dialog-content {
  padding-top: 2rem;
}
body.mat-typography .revert-dailog .mat-form-field-appearance-fill .mat-form-field-label {
  top: 3rem;
}
body.mat-typography .revert-dailog .mat-form-field {
  width: 100% !important;
}
body.mat-typography .revert-dailog .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  color: #32B561;
}
body.mat-typography .revert-dailog .mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 0.75em 0.75em 0.75em 0.75em;
}
body.mat-typography .popup-separator {
  margin-top: 6.2rem;
  border-top: 0.1rem solid #A7A9AC;
  position: relative;
}
body.mat-typography .popup-separator .separator-label {
  position: absolute;
  font-size: 1.8rem;
  color: #3B3B3B;
  left: 0;
  transform: translate(0, -50%);
  background-color: #ffffff;
  padding-right: 1rem;
}
body.mat-typography .authorization-dailog {
  width: 55rem;
}
body.mat-typography .authorization-dailog .authorization-para {
  margin-top: 2rem;
  font-size: 1.6rem;
}
body.mat-typography .authorization-dailog .mat-dialog-actions {
  justify-content: center;
}
body.mat-typography .change-affect-dilouge {
  width: 65rem;
}
body.mat-typography .change-affect-dilouge .affected-user-list {
  max-height: 15.5rem;
  overflow: hidden;
}
body.mat-typography .change-affect-dilouge .affected-user-list.other-users {
  max-height: 32rem;
  overflow: auto;
}
body.mat-typography .change-affect-dilouge .affected-user-list li {
  padding: 1rem 0.5rem;
  border-bottom: 0.1rem solid #DCDDDE;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.mat-typography .change-affect-dilouge .affected-user-list li h4 {
  font-size: 1.6rem;
  margin: 0 0.5rem;
  margin-bottom: 0;
  width: calc(60% - 1rem);
}
body.mat-typography .change-affect-dilouge .affected-user-list li .mat-form-field {
  width: 40% !important;
}
body.mat-typography .change-affect-dilouge .see-others {
  margin-top: 1rem;
  font-size: 1;
  color: #4499ED;
  background-color: transparent;
  border: none;
}
body.mat-typography .mat-dialog-content {
  max-height: unset;
}
body.mat-typography .hfm-icp-modal {
  max-width: 50rem;
}
body.mat-typography .hfm-icp-modal .field-group {
  flex-direction: column;
}
body.mat-typography .hfm-icp-modal .field-group .input-fields .mat-form-field {
  width: 100% !important;
}
body.mat-typography .hfm-custom-modal {
  max-width: 70rem;
}
body.mat-typography .hfm-file-upload {
  max-width: 50rem;
}
body.mat-typography .hfm-file-upload .upload-file-wraper .upload-file {
  width: 100%;
  box-shadow: none !important;
  padding: 0;
}
body.mat-typography .hfm-file-upload .upload-file-wraper .upload-file .upload-file-input {
  position: relative;
}
body.mat-typography .hfm-file-upload .upload-file-wraper .upload-file .upload-file-input input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
body.mat-typography .hfm-file-upload .upload-file-wraper .upload-file .upload-file-input .upload-browse {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 8px 28px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 100%;
  text-align: center;
}
body.mat-typography .mimo-modal {
  max-width: 70rem;
}
body.mat-typography .create-upload-modal {
  width: 80rem;
  padding-bottom: 0;
}
body.mat-typography .create-upload-modal .upload-file-wraper .upload-file {
  width: 100%;
}
body.mat-typography .create-upload-modal .upload-file-wraper .upload-file .upload-img img {
  width: 40%;
}
body.mat-typography .create-upload-modal .upload-file-wraper .upload-file .input-upload-wraper .input-upload-file {
  margin-top: 0;
}
body.mat-typography .mimo-legalentity-modal {
  width: 600px;
}
body.mat-typography .mimo-legalentity-modal .mat-dialog-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body.mat-typography .mimo-legalentity-modal .mat-dialog-content .input-fields {
  width: 45%;
  margin: 0.5rem;
}
body.mat-typography .mimo-legalentity-modal .mat-dialog-content .banks-date-picker .text-input[readonly=true] {
  background-color: transparent;
}
body.mat-typography .mimo-confirmation {
  width: 50rem;
}
body.mat-typography .summary-modal {
  min-width: 80rem;
}
body.mat-typography .summary-modal.connection-modal {
  min-height: 30rem;
}
body.mat-typography .summary-modal .version-separator .version-v1 {
  width: 100%;
}
body.mat-typography .view-log-dialog .loader-dots.modal-loader {
  position: static;
  display: flex;
  justify-content: center;
  transform: unset;
}

body.mat-typography mat-paginator {
  color: #58595B;
  font-size: 1.4rem;
  background-color: transparent;
}
body.mat-typography mat-paginator .mat-paginator-container {
  justify-content: center;
  padding: 0;
  min-height: unset;
  margin-top: 2rem;
}
body.mat-typography mat-paginator .mat-paginator-container .mat-focus-indicator {
  width: 3rem;
  height: 3rem;
  line-height: initial;
}
body.mat-typography mat-paginator .mat-paginator-container .mat-focus-indicator .mat-button-wrapper svg {
  width: 100%;
}
body.mat-typography mat-paginator .mat-paginator-page-size {
  align-items: center;
}
body.mat-typography mat-paginator .mat-select-arrow {
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-top: 0.6rem solid;
  color: #58595B;
}
body.mat-typography mat-paginator .mat-select-value-text {
  color: #58595B;
  font-size: 1.4rem;
}
body.mat-typography mat-paginator mat-paginator-page-size {
  align-items: center;
}
body.mat-typography mat-paginator .mat-paginator-page-size-select .mat-form-field-wrapper {
  padding-bottom: 0.6rem;
  margin-top: -0.6rem;
}
body.mat-typography mat-paginator .mat-select-trigger {
  border-bottom: 0.1rem solid #58595B;
  padding-bottom: 0.6rem;
}
body.mat-typography mat-paginator .mat-paginator-range-label {
  margin-right: 1.4rem;
}

body.mat-typography .css-grid {
  display: grid;
  grid-gap: 0.8rem;
  grid-template-columns: 33%;
  grid-template-rows: 33%;
  height: 100%;
  width: 100%;
}
body.mat-typography .css-grid .css-grid-tile.top-left {
  grid-column: 1/2;
}
body.mat-typography .css-grid .css-grid-tile.top-right {
  grid-column: 2/3;
}
body.mat-typography .css-grid .css-grid-tile.bottom {
  grid-column: 1/3;
}

body.mat-typography .mat-slider-horizontal .mat-slider-track-background {
  background-color: #DCDDDE;
}
body.mat-typography .mat-slider.mat-accent .mat-slider-track-fill {
  background-color: #50B848 !important;
}
body.mat-typography .mat-slider-min-value .mat-slider-thumb {
  background-color: #50B848 !important;
}
body.mat-typography .mat-slider-thumb {
  background-color: #8DC63F !important;
  border: 0 !important;
  transform: scale(0.7) !important;
}
body.mat-typography .mat-slider-sliding .mat-slider-thumb {
  background-color: #8DC63F !important;
}
body.mat-typography .mat-slider-disabled {
  opacity: 0.4;
}

body.mat-typography .common-sticky-table {
  overflow: auto;
  height: 57vh;
  padding: 0.2rem 0.5rem;
}
body.mat-typography .mat-table-sticky {
  top: -0.2rem !important;
}
body.mat-typography table {
  width: 100%;
}
body.mat-typography table .secondary-btn {
  min-width: 10rem;
  height: 3.4rem;
  font-size: 1.4rem;
  line-height: 3.4rem;
  margin-top: 0.3rem;
}
body.mat-typography table thead tr th {
  padding: 0 0.5rem;
  white-space: nowrap;
}
body.mat-typography table tbody tr {
  transition: all 0.2s;
}
body.mat-typography table tbody tr td {
  padding: 0 0.5rem;
}
body.mat-typography table tbody tr:hover {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1607843137);
  transform: scaleZ(1.2);
}
body.mat-typography table tbody .dropdown-menu {
  height: 2.4rem;
  line-height: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.mat-typography table .col-key {
  font-weight: 600;
}
body.mat-typography table .col-value {
  margin-left: 1rem;
}
body.mat-typography table .connection-param {
  width: -moz-fit-content;
  width: fit-content;
  word-break: break-all;
}
body.mat-typography .mat-table {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .mat-table th {
  border-bottom-color: #E6E9F0;
  color: #58595B;
  font-size: 1.4rem;
  font-weight: 600;
}
body.mat-typography .mat-table th img {
  display: inline-block;
  position: relative;
  top: -0.1rem;
  width: 1.8rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}
body.mat-typography .mat-table td {
  color: #808285;
  font-size: 1.4rem;
  font-weight: 300;
}
body.mat-typography .mat-table td span.col-desc {
  color: #00C0E8;
  font-size: 1rem;
  width: 100%;
  display: block;
}
body.mat-typography .mat-table img.user-profile-list {
  width: 3rem;
  vertical-align: middle;
  margin-right: 0.7rem;
}
body.mat-typography .table-two th {
  font-weight: 700;
  background-color: #FBFBFB;
}
body.mat-typography .table-two td .col-name {
  font-weight: 500;
}
body.mat-typography .table-two td .col-email {
  font-weight: 500;
  color: #00C0E8;
}
body.mat-typography .table-two td mat-label {
  width: 100%;
  display: block;
  font-size: 1.2rem;
}
body.mat-typography .table-two td .col-user {
  color: #58595B;
  text-decoration: underline;
  font-weight: 500;
}
body.mat-typography .table-two td .col-user-type {
  color: #58595B;
  font-weight: 500;
}
body.mat-typography .mat-sort-header-content {
  text-align: left;
}
body.mat-typography .responsive-table {
  overflow-x: auto;
}
@media (max-width: 1400px) {
  body.mat-typography tr.mat-header-row {
    height: unset;
  }
  body.mat-typography tr.mat-header-row th {
    padding: 1rem;
  }
  body.mat-typography tr.mat-row,
  body.mat-typography tr.mat-footer-row {
    height: unset;
  }
  body.mat-typography tr.mat-row td,
  body.mat-typography tr.mat-footer-row td {
    padding: 1rem;
  }
}
body.mat-typography th.mat-header-cell:first-of-type,
body.mat-typography td.mat-cell:first-of-type,
body.mat-typography td.mat-footer-cell:first-of-type {
  padding-left: 2.4rem;
}
body.mat-typography .workflow-table thead tr {
  height: 56px;
}
body.mat-typography .workflow-table thead tr th {
  border-bottom: 1px solid #E6E9F0;
  color: #58595B;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
}
body.mat-typography .workflow-table thead tr th:first-of-type {
  padding-left: 1rem;
}
body.mat-typography .workflow-table thead tr th:last-of-type {
  padding-right: 1rem;
}
body.mat-typography .workflow-table tbody tr td {
  border-bottom: 1px solid #E6E9F0;
  color: #58595B;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 1rem 0.5rem;
}
body.mat-typography .workflow-table tbody tr td:first-of-type {
  padding-left: 1rem;
}
body.mat-typography .workflow-table tbody tr td:last-of-type {
  padding-right: 1rem;
}
body.mat-typography .collections-table {
  padding: 2rem;
  width: calc(100% - 4rem);
  overflow-x: auto;
}
body.mat-typography .collections-table table {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
}
body.mat-typography .collections-table table th,
body.mat-typography .collections-table table td {
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
body.mat-typography .summary-table {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  font-size: 1.4rem;
}
body.mat-typography .summary-table th {
  font-weight: 600;
}
body.mat-typography .summary-table th,
body.mat-typography .summary-table td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
body.mat-typography .resubmission-row {
  height: unset;
}
body.mat-typography .resubmission-row .example-element-detail .choose-lable {
  margin-top: 1rem;
  display: inline-block;
}

body.mat-typography .tag {
  font-size: 1.2rem;
  color: #282828;
  font-weight: 500;
  background-color: #ffffff;
  padding: 0.2rem 0.6rem;
  margin-right: 0.8rem;
}
body.mat-typography .tag-yellow {
  background-color: rgba(255, 242, 0, 0.2392156863);
}
body.mat-typography .tag-green {
  background-color: rgba(0, 150, 119, 0.2392156863);
}
body.mat-typography .tag-red {
  background-color: rgba(237, 0, 128, 0.1607843137);
}
body.mat-typography .tag-gray {
  background-color: rgba(48, 106, 159, 0.2196078431);
}
body.mat-typography tr.cdk-drag-preview {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
body.mat-typography tr.cdk-drag-preview td {
  transform: translateY(-50%) !important;
  font-size: 1.4rem !important;
  width: 16.6666666667% !important;
}

body.mat-typography .filter-row {
  margin-bottom: 1rem;
}
body.mat-typography .filter-row .select-option-one {
  margin-top: 0;
}
body.mat-typography .filter-row .select-option-one .mat-form-field-wrapper {
  height: 4.8rem !important;
  margin-right: 2.5rem;
  border-width: 0.1rem;
  min-width: 16rem;
}
body.mat-typography .filter-row .select-option-one .mat-form-field-wrapper .mat-form-field-label-wrapper {
  margin-top: -2.2rem !important;
}
body.mat-typography .filter-row .select-option-one .mat-form-field-wrapper .mat-select-arrow {
  margin-top: -1rem !important;
}
body.mat-typography .filter-row .mat-form-field-type-mat-input .mat-form-field-infix {
  border-top: 0 !important;
  display: flex;
}
body.mat-typography .filter-row .text-input.table-col-count {
  padding: 1.4rem;
  padding-right: 4rem;
}
body.mat-typography .filter-row .mat-form-field-should-float .text-input.table-col-count {
  box-shadow: 0 0 0 0.1rem #A7A9AC;
}
body.mat-typography .filter-row .text-input.table-col-count {
  border-width: 0.1rem;
  box-shadow: none;
}
body.mat-typography .filter-row .search-input .mat-form-field-label-wrapper {
  top: -0.5rem;
}
body.mat-typography .filter-row .search-input .mat-form-field-label span {
  background-color: #ffffff;
  padding: 0 0.4rem;
}
body.mat-typography .add-filter-btn {
  border: 0.1rem solid rgba(0, 0, 0, 0.1607843137);
  color: #1F3C57;
  font-size: 1.4rem;
  text-align: center;
  padding: 0 1.9rem;
  height: 4.6rem;
}
body.mat-typography .add-filter-btn img {
  width: 1.7rem;
  margin-right: 0.4rem;
}
body.mat-typography .add-filter-btn:hover {
  border-color: #DCDDDE;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .select-option-one.action-select .mat-form-field-infix {
  width: auto;
  min-width: 8rem;
}
body.mat-typography .select-option-one .mat-form-field-wrapper {
  border-width: 0.1rem !important;
  border-color: rgba(0, 0, 0, 0.1607843137);
}

body.mat-typography .status-tag {
  font-size: 1.2rem;
  color: #282828;
  background-color: #ffffff;
  margin-right: 0.8rem;
  width: max-content !important;
  padding: 0.2rem 0.8rem;
  border-radius: 0.5rem;
  font-weight: 700;
  line-height: 2;
  white-space: nowrap;
}
body.mat-typography .status-tag-yellow {
  background-color: #fbe9af;
  color: #f6a762;
}
body.mat-typography .status-tag-green {
  background-color: #b5e4c6;
  color: #50b899;
}
body.mat-typography .status-tag-orange {
  background-color: #f9d4b4;
  color: #f48777;
}
body.mat-typography .status-tag-blue {
  background-color: #c1e2f9;
  color: #38a1ed;
}
body.mat-typography .status-tag-red {
  background-color: #f37021;
  color: #ffffff;
}
body.mat-typography .status-tag-pink {
  background-color: rgba(237, 0, 128, 0.36);
  color: #ED0080;
}
body.mat-typography .status-tag-error {
  color: #d33b43;
  background-color: #FFBABA;
}

body.mat-typography mat-expansion-panel.mat-expansion-panel {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1215686275);
  margin-top: 0 0 1.1rem;
}
body.mat-typography .mat-expansion-panel-header {
  height: 7rem;
  font-weight: 500;
}
body.mat-typography .mat-expansion-panel-header .mat-expansion-panel-header-title {
  color: #58595B;
}
body.mat-typography mat-expansion-panel.mat-expansion-panel {
  margin-bottom: 0;
}
body.mat-typography .select-resources-wraper {
  overflow-x: auto;
  padding: 0.5rem 0.5rem 2rem 0.5rem;
}
body.mat-typography .select-resources-wraper .tabel-accordion {
  min-width: 80rem;
}
body.mat-typography .select-resources-wraper .hide-arrow .mat-expansion-indicator {
  display: none;
}
body.mat-typography .select-resources-wraper .resources-tabs ul {
  display: flex;
  border-bottom: 0.1rem solid #58595B;
}
body.mat-typography .select-resources-wraper .resources-tabs ul li {
  color: #58595B;
}
body.mat-typography .select-resources-wraper .resources-tabs ul li a {
  color: #58595B;
  padding: 1rem 2rem;
  display: inline-block;
  position: relative;
  font-size: 1.6rem;
}
body.mat-typography .select-resources-wraper .resources-tabs ul li a.active::before {
  content: "";
  position: absolute;
  width: calc(100% + 0.5rem);
  height: 0.4rem;
  background-color: #D0F1CA;
  left: -0.5rem;
  bottom: 0;
}
body.mat-typography .select-resources-wraper .mat-expansion-panel-header {
  position: relative;
}
body.mat-typography .select-resources-wraper .mat-expansion-panel-header .mat-expansion-indicator {
  position: absolute;
  right: 1.8rem;
}
body.mat-typography .select-resources-wraper .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0;
}
body.mat-typography .select-resources-wraper .mat-expansion-panel-content .mat-expansion-panel-body .mat-expansion-panel {
  background-color: #F1F2F2;
  box-shadow: none;
}
body.mat-typography .select-resources-wraper .mat-expansion-panel-content .mat-expansion-panel-body .mat-expansion-panel .resource-supersubrow {
  padding: 0 2.4rem;
  background-color: #D0F1CA;
}
body.mat-typography .select-resources-wraper .expansion-arrow .mat-expansion-indicator {
  display: none;
}

body.mat-typography .mat-tab-label-container .mat-tab-label {
  min-width: auto;
}
body.mat-typography .mat-tab-group.mat-primary .mat-ink-bar,
body.mat-typography .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #50B848;
}
body.mat-typography .toggle-button .mat-tab-nav-bar, body.mat-typography .toggle-button .mat-tab-header {
  border: 0;
}
body.mat-typography .toggle-button .mat-tab-label-container .mat-tab-label {
  border: 0.1rem solid #A7A9AC;
  height: 3.9rem;
}
body.mat-typography .toggle-button .mat-tab-label-container .mat-tab-label:first-child {
  border-radius: 0.5rem 0 0 0;
}
body.mat-typography .toggle-button .mat-tab-label-container .mat-tab-label:last-child {
  border-radius: 0 0.5rem 0 0;
}
body.mat-typography .toggle-button .mat-tab-label-container .mat-tab-label:hover {
  background-color: rgba(80, 184, 72, 0.3607843137);
}
body.mat-typography .toggle-button .mat-tab-label-container .mat-tab-label.mat-tab-label-active {
  background-color: #50B848;
  opacity: 1;
  color: #ffffff;
}
body.mat-typography .toggle-button .mat-tab-label-container .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  opacity: 0.6;
}
body.mat-typography .toggle-button .mat-ink-bar {
  background-color: transparent !important;
}

body.mat-typography * {
  font-family: "Montserrat", sans-serif !important;
}

/*
   * login page
   * -------------------------------------------
   */
#login-wrapper {
  background-image: url('login-bg.png');
  background-repeat: no-repeat;
  background-position: top left;
  background-size: contain;
  display: -webkit-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -moz-flex-align: center;
  justify-content: center;
  position: relative;
  height: 100%;
}
#login-wrapper .login-form {
  width: 57.6rem;
  max-width: 57.6rem;
  height: max-content;
  padding: 5.2rem;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  -ms-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  border-radius: 10px;
  background-color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  top: 54%;
  transform: translateY(-50%);
}
#login-wrapper .login-form .mat-form-field:first-child {
  margin-bottom: 0;
  float: left;
  width: 100%;
}
#login-wrapper .login-form .mat-form-field-wrapper {
  float: left;
  width: 100%;
}
#login-wrapper .login-form .mat-form-field-wrapper .view-value {
  position: absolute;
  top: 1.3rem;
  right: 1rem;
}
#login-wrapper .login-form .btn img {
  float: left;
}
#login-wrapper .login-form .oldmutual-logo {
  float: left;
  display: block;
  margin-bottom: 6.4rem;
}
#login-wrapper .login-form img.logo {
  width: 10rem;
  height: auto;
  float: left;
  margin-top: -11.8rem;
}
#login-wrapper .login-form h1 {
  color: #3F3F3F;
  font-size: 2.8rem;
  margin-top: 3.8rem;
  margin-left: 1.8rem;
  margin-bottom: 0;
  float: left;
}
#login-wrapper .login-form .text-input {
  max-width: 43.5rem;
  min-width: auto;
  font-size: 1.6rem;
  margin-bottom: 0.1rem;
}
#login-wrapper .login-form .forgot-password-link {
  font-size: 1.6rem;
  color: #003F9E;
  text-align: right;
  width: 100%;
  margin-bottom: 1.5rem;
}
#login-wrapper .login-form .forgot-password-link:hover {
  color: #3F3F3F;
}
#login-wrapper .login-form .regiter-link {
  font-size: 2.1rem;
  color: #5A6F82;
  text-align: center;
  margin-bottom: 0;
}
#login-wrapper .login-form .regiter-link button {
  font-size: 2.1rem;
  color: #003F9E;
  font-weight: 600;
}
#login-wrapper .login-form .regiter-link button:hover {
  color: #3F3F3F;
}
#login-wrapper .login-form .submit-btn {
  margin: auto;
  display: block;
  margin-bottom: 1rem;
}
#login-wrapper .login-form .mat-form-field-label-wrapper {
  overflow: visible !important;
}
#login-wrapper .login-form .mat-form-field-label-wrapper .mat-form-field-label span {
  background-color: white;
  padding: 0 0.4rem;
  font-size: 1.6rem;
}
#login-wrapper .login-form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -webkit-transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -moz-transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.7125em) scale(0.75) perspective(100px) translateZ(0.001px);
}
#login-wrapper .login-form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label span {
  font-size: 1.2rem;
}

#left-side-bar.menu-drawer-open {
  width: 30rem;
}
#left-side-bar.menu-drawer-open .expand-menu-button {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}
#left-side-bar.menu-drawer-open nav li mat-label {
  opacity: 1 !important;
}
#left-side-bar.menu-drawer-open nav li.submenu-level > a.mat-focus-indicator::before {
  visibility: visible;
}

/*
   * Dashboard Page
   * -------------------------------------------
   */
#dashboard-wrapper {
  display: flex;
  background-color: #f3f5f7;
}
#dashboard-wrapper #dashboard-content {
  width: calc(100vw - 30rem);
  transition: all ease-in-out 0.8s;
}
#dashboard-wrapper.sidebar-open #dashboard-content {
  width: calc(100vw - 8rem);
}

/*
   * Side Bar
   * -------------------------------------------
   */
#left-side-bar {
  width: 8rem;
  float: left;
  position: relative;
  height: 100vh;
  background-color: white;
  transition: all ease-in-out 0.8s;
}
#left-side-bar .expand-menu-button {
  position: absolute;
  top: 15rem;
  right: -3rem;
  width: 6rem;
  background: transparent;
  transition: all ease-in-out 0.8s;
}
#left-side-bar nav {
  position: relative;
  margin-top: 7rem;
  background: #ffffff 0% 0% no-repeat padding-box;
  overflow: hidden;
  overflow-y: scroll;
  height: calc(100vh - 25.5rem);
}
#left-side-bar nav > ul > li {
  width: 100%;
  text-align: left;
  border-left: 0.5rem solid #ffffff;
  height: auto;
  position: relative;
  bottom: 0;
}
#left-side-bar nav > ul > li:after {
  content: "";
  height: 0.2rem;
  width: 84%;
  background-color: #F1F2F2;
  left: 7%;
  bottom: 0;
  position: absolute;
}
#left-side-bar nav > ul > li .mat-button-wrapper {
  display: flex;
  padding-left: 1rem;
}
#left-side-bar nav > ul > li a.mat-button {
  padding: 1.5rem 0;
  display: block;
  background-color: transparent !important;
  position: relative;
}
#left-side-bar nav > ul > li a.mat-button .mat-button-focus-overlay {
  background-color: transparent;
}
#left-side-bar nav > ul > li a.mat-button.menu-link {
  border-left: 0.5rem solid transparent;
}
#left-side-bar nav > ul > li a.mat-button.menu-link:hover, #left-side-bar nav > ul > li a.mat-button.menu-link.active-menu {
  border-left: 0.5rem solid #50B848;
}
#left-side-bar nav > ul > li a.mat-button.menu-link:hover svg path, #left-side-bar nav > ul > li a.mat-button.menu-link.active-menu svg path {
  fill: #50B848;
}
#left-side-bar nav > ul > li a.mat-button mat-label {
  margin-left: 1.2rem;
  margin-top: 0;
  height: 2.7rem;
  line-height: 2.7rem;
  opacity: 0;
  transition: all ease-in-out 0.8s;
  font-weight: bold;
  font-size: 1.4rem;
}
#left-side-bar nav > ul > li span.nav-icon {
  display: block;
  height: 2.5rem;
  width: 3rem;
}
#left-side-bar nav > ul > li span.nav-icon img.ic {
  display: block;
}
#left-side-bar nav > ul > li span.nav-icon img {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#left-side-bar nav > ul > li.submenu-level > a.mat-focus-indicator::before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  background-image: url('select-dropdown-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%) rotate(-90deg);
  visibility: hidden;
  z-index: 999;
  transition: all 0.3s;
  display: inline-block;
  left: unset;
  bottom: unset;
}
#left-side-bar nav > ul > li.submenu-level.open-menu > a.mat-focus-indicator::before {
  transform: translateY(-50%) rotate(0deg);
}
#left-side-bar nav > ul > li.submenu-open .submenu {
  display: block !important;
}
#left-side-bar nav > ul > li .submenu {
  height: auto;
  overflow: hidden;
  display: none;
}
#left-side-bar nav > ul > li .submenu.submenu-border ul {
  position: relative;
}
#left-side-bar nav > ul > li .submenu.submenu-border ul:before {
  content: "";
  position: absolute;
  width: 0.3rem;
  height: 80%;
  left: 4rem;
  top: 1.5rem;
  background-color: rgba(125, 192, 65, 0.25);
}
#left-side-bar nav > ul > li .submenu > ul > li > a img {
  width: 2.7rem;
  height: 2.7rem;
  margin-right: 1.3rem;
  display: none;
}
#left-side-bar nav > ul > li .submenu > ul > li > a .mat-button-wrapper {
  padding-left: 4rem;
  margin-left: 2.1rem;
}
#left-side-bar nav > ul > li .submenu > ul > li:last-child > a span.mat-button-wrapper {
  border-bottom: 0;
  padding-bottom: 0;
}
#left-side-bar nav > ul > li .submenu .has-submenu.submenu-arrow a.mat-focus-indicator::before {
  display: none;
}
#left-side-bar nav > ul > li .submenu .has-submenu .mat-button-wrapper {
  padding-left: 3.5rem;
  margin-left: 2.1rem;
  font-size: 1.4rem;
  line-height: 2;
}
#left-side-bar nav > ul > li .submenu .has-submenu > a.mat-focus-indicator {
  position: relative;
}
#left-side-bar nav > ul > li .submenu .has-submenu > a.mat-focus-indicator::before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  background-image: url('select-dropdown-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%) rotate(-90deg);
  z-index: 999;
  transition: all 0.3s;
  left: unset;
  bottom: unset;
  display: inline-block;
}
#left-side-bar nav > ul > li .submenu .has-submenu.open-menu > a.mat-focus-indicator::before {
  transform: translateY(-50%) rotate(0deg);
}
#left-side-bar nav > ul > li .submenu .has-submenu.open-menu > a {
  font-weight: 700;
}
#left-side-bar nav > ul > li .submenu .submenu-level-2 {
  display: none;
  background-color: rgba(100, 184, 73, 0.12);
}
#left-side-bar nav > ul > li .submenu .submenu-level-2 .mat-button-wrapper {
  padding-left: 4.5rem;
}
#left-side-bar nav > ul > li .submenu .submenu-level-2 a {
  position: relative;
}
#left-side-bar nav > ul > li .submenu .submenu-level-2 a:hover:before, #left-side-bar nav > ul > li .submenu .submenu-level-2 a.active:before {
  content: "";
  position: absolute;
  height: 50%;
  width: 0.5rem;
  background-color: #64B849;
  border-radius: 0 0.5rem 0.5rem 0;
  left: 0;
}
#left-side-bar nav > ul > li .submenu .submenu-level-2 .active {
  font-weight: 700;
}
#left-side-bar .nav-logout {
  position: absolute;
  bottom: 1.1rem;
  left: 2.7rem;
  width: 2.7rem;
}
#left-side-bar .nav-logo {
  background-image: url('expanded-menu-bg.svg');
  background-repeat: no-repeat;
  text-align: center;
  background-repeat: repeat-x;
  padding: 6rem 1rem 2rem;
}
#left-side-bar .nav-logo .user-info {
  display: none;
}

/*
   * Main Header
   * -------------------------------------------
   */
#main-header {
  background-image: url('upper-bg.svg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 2.1rem;
  padding-bottom: 8.5rem;
}
#main-header .header-inner {
  padding-top: 2.5rem;
}
#main-header .header-inner .mobile-logo {
  display: none;
}
#main-header .header-inner .back-page {
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 300;
  background-image: url('back-arrow.svg');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 2.5rem;
  background-size: 3rem;
}
#main-header .header-inner .right-head-content {
  display: flex;
  justify-content: flex-end;
}
#main-header .header-inner .right-head-content .user-search {
  margin-right: 3rem;
  display: flex;
  align-items: center;
}
#main-header .header-inner .right-head-content .user-search .user-icon {
  border-right: 0.1rem solid white;
  padding: 0 3.6rem;
  display: flex;
  align-items: center;
  height: 2.4rem;
}
#main-header .header-inner .right-head-content .user-search .notification {
  position: relative;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper {
  position: absolute;
  background-color: #ffffff;
  padding: 2rem 2.5rem;
  width: 56.5rem;
  top: 3.5rem;
  z-index: 9;
  transform: translateX(-50%);
  border-radius: 1rem;
  box-shadow: 0 0.3rem 1rem #DCDDDE;
  display: none;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper::before {
  content: "";
  top: -0.9rem;
  left: 50%;
  position: absolute;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-bottom: 1rem solid #ffffff;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper::after {
  content: "";
  position: absolute;
  top: -1.5rem;
  left: 0;
  width: 100%;
  height: 1.5rem;
  background-color: transparent;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper .notifi-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper .notifi-header h3 {
  margin-bottom: 0;
  font-size: 2.1rem;
  font-weight: bold;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper .notifi-header .mark-read {
  font-size: 1.6rem;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul {
  height: 70vh;
  overflow: auto;
  padding-right: 1rem;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li {
  display: flex;
  padding: 2rem 0;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.0588235294);
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li .error-icon {
  width: 4rem;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li .error-details {
  padding-left: 2rem;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li .error-details .error-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li .error-details .error-heading h4 {
  margin-bottom: 0;
  font-size: 1.8rem;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li .error-details .error-heading .timer {
  margin-left: 1rem;
  color: #A7A9AC;
}
#main-header .header-inner .right-head-content .user-search .notification .notification-wraper ul li .error-details p {
  margin-bottom: 0;
}
#main-header .header-inner .right-head-content .user-search .notification:hover .notification-wraper {
  display: block;
}
#main-header .header-inner .right-head-content .user-search .notification-badge {
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  font-size: 0.8rem;
  border: 0.1rem solid #ffffff;
  background-color: #EE2E2F;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 3.3rem;
  font-weight: bold;
}
#main-header .header-inner .right-head-content .user-search .inbox {
  position: relative;
}
#main-header .header-inner .right-head-content .user-info {
  display: flex;
}
#main-header .header-inner .right-head-content .user-info .user-name {
  color: #ffffff;
  font-size: 1.8rem;
  margin-top: 1rem;
  margin-right: 1.5rem;
}
#main-header .header-inner .right-head-content .user-info .user-name span {
  font-weight: 600;
}
#main-header .header-inner .right-head-content .user-info .user-photo {
  width: 3.6rem;
  height: 3.6rem;
  position: relative;
  margin-right: 3rem;
  cursor: pointer;
}
#main-header .header-inner .right-head-content .user-info .user-photo::after {
  content: "";
  background-image: url('my-profile-dropdown-icon.png');
  background-repeat: no-repeat;
  width: 1.3rem;
  height: 0.7rem;
  position: absolute;
  right: -2.4rem;
  top: 2rem;
  background-size: cover;
}
#main-header .header-inner .right-head-content .profile-dropdown {
  width: 18.3rem;
  right: 14.5rem;
  position: relative;
  z-index: 999;
  display: none;
  top: -2.6rem;
  padding-top: 2rem;
  margin-left: 2.8rem;
}
#main-header .header-inner .right-head-content .profile-dropdown ul {
  background-color: #ffffff;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  -webkit-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  -moz-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  width: 100%;
  padding: 1.2rem 0;
}
#main-header .header-inner .right-head-content .profile-dropdown ul li {
  padding: 1.2rem 2.4rem;
  display: flex;
  align-items: center;
}
#main-header .header-inner .right-head-content .profile-dropdown ul li img {
  margin-right: 1rem;
}
#main-header .header-inner .right-head-content .user-photo:hover .profile-dropdown {
  display: block;
}
#main-header .header-inner .breadcrumb {
  display: flex;
  margin-bottom: 0;
}
#main-header .header-inner .breadcrumb .breadcrumb-item {
  padding: 0 1rem;
  font-size: 1.8rem;
  position: relative;
  color: #ffffff;
}
#main-header .header-inner .breadcrumb .breadcrumb-item button {
  color: #ffffff;
  background-color: transparent;
  text-transform: capitalize;
  border: 0;
}
#main-header .header-inner .breadcrumb .breadcrumb-item.active button {
  color: rgba(255, 255, 255, 0.8);
}
#main-header .header-inner .breadcrumb .breadcrumb-item::after {
  position: absolute;
  content: "/";
  right: -2px;
  top: 0;
}
#main-header .header-inner .breadcrumb .breadcrumb-item:last-of-type::after {
  display: none;
}

/*
   * Inner Content
   * -------------------------------------------
   */
.inner-content {
  height: calc(100vh - 16rem);
  background-color: #ffffff;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  border-radius: 1rem;
  width: auto;
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 2.5rem;
  overflow-y: auto;
  overflow-x: hidden;
}

.common-table,
.table-wrapper {
  padding: 0.2rem;
}
.common-table table tr th button,
.table-wrapper table tr th button {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

/*
   * My Profile Page
   * -------------------------------------------
   */
.user-profile .profile-info {
  width: 30rem;
  height: calc(100vh - 25rem);
  background-color: #F1F2F2;
}
.user-profile .profile-info .profile-pic {
  width: 13rem;
  height: 13rem;
  border-radius: 18rem;
  border: 0.4rem solid #ffffff;
  position: relative;
  margin-bottom: 3rem auto;
  margin: 3rem auto;
}
.user-profile .profile-info .profile-pic img {
  overflow: hidden;
  border-radius: 18rem;
}
.user-profile .profile-info .profile-pic .upload-photo {
  width: 3rem;
  height: 3rem;
  background-image: url('cam-icon.svg');
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0.6rem;
  background-size: cover;
  cursor: pointer;
}
.user-profile .profile-info ul {
  margin-left: 4.8rem;
}
.user-profile .profile-info ul li {
  font-size: 1.4rem;
}
.user-profile .profile-info ul li span {
  color: #A7A9AC;
  font-size: 1.2rem;
  display: block;
}
.user-profile .profile-details {
  width: 100%;
  padding-left: 3rem;
}

.table-create {
  background-color: #f1f2f2;
  height: auto;
  position: relative;
  overflow: hidden;
}
.table-create .inbound-screen {
  display: flex;
  align-items: center;
}
.table-create .or-label {
  position: absolute;
  left: 49.5%;
  background-color: #f1f2f2;
  padding: 1rem 0;
}

.etl-file {
  width: 50%;
  text-align: center;
  padding: 0 1rem;
}
.etl-file:first-child {
  border-right: 0.3rem solid #ffffff;
}
.etl-file.manual-upload img {
  margin: auto;
  display: block;
  background-color: transparent;
}
.etl-file.manual-upload button {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin: 0 auto;
}
.etl-file.file-upload img {
  height: auto;
  width: 100%;
}
.etl-file .manual-upload-btn {
  background-color: #ffffff;
  padding: 1.6rem 6rem !important;
  color: #58595B;
  border: 0.1rem solid #50B848;
  border-radius: 2.8rem;
}
.etl-file .manual-upload-btn.manual-active {
  background: transparent linear-gradient(90deg, #50B848 0%, #009677 100%) 0% 0% no-repeat padding-box;
  color: #ffffff;
  border: 0;
}
.etl-file .drop-file {
  background-color: #ffffff;
  border: 0.2rem dashed #58595B;
  color: #58595B;
  font-size: 1.6rem;
  padding: 6rem 16rem;
  border-radius: 2.8rem;
  display: inline-block;
  margin-bottom: 4rem;
}
.etl-file .drop-file img {
  width: 1.5rem;
  margin: 0;
}
.etl-file .drop-file span.upload-span {
  color: #00C0E8;
}
.etl-file .drop-file span.file-name {
  font-size: 1.4rem;
}
.etl-file .drop-file span.file-name span.support-span {
  color: #A7A9AC;
}

.integration-stepper {
  display: flex;
  width: 100%;
  justify-content: center;
}
.integration-stepper ul {
  display: flex;
}
.integration-stepper ul li {
  float: left;
  margin-right: 1rem;
  margin-left: 1rem;
  position: relative;
  padding-right: 2.5rem;
  white-space: nowrap;
}
.integration-stepper ul li::after {
  content: "";
  height: 0.2rem;
  width: 3.6rem;
  background-color: #a7a9ac;
  position: absolute;
  top: 1.1rem;
  right: -1.3rem;
}
.integration-stepper ul li:last-child::after {
  display: none;
}
.integration-stepper ul li span {
  background-color: #a7a9ac;
  width: 2rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18rem;
  line-height: 2.4rem;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 600;
}
.integration-stepper ul li.active-stepper {
  color: #58595B;
  font-weight: 700;
}
.integration-stepper ul li.active-stepper span {
  background-color: #50B848;
}

.inte-title {
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  margin-top: 5rem;
}
.inte-title::before {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: rgba(0, 0, 0, 0.1215686275);
  position: absolute;
  top: 50%;
}
.inte-title span {
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding-right: 0.6rem;
}

.hfminte-title {
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  margin-top: 5rem;
}
.hfminte-title::before {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: rgba(0, 0, 0, 0.1215686275);
  position: absolute;
  top: 50%;
}
.hfminte-title .hfm-check {
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  padding-right: 0.6rem;
}

.integration-section .text-input {
  max-width: -webkit-fill-available;
  min-width: auto !important;
}
.integration-section ul {
  display: flex;
  flex-wrap: wrap;
}
.integration-section ul li {
  width: 30%;
  margin-right: 4.9rem;
}
.integration-section ul li:last-child {
  margin-right: 0;
}
.integration-section ul li:nth-child(3n) {
  margin-right: 0;
}
.integration-section ul .radio-btn-wraper {
  display: flex;
  align-items: center;
}
.integration-section ul .radio-btn-wraper h3 {
  margin-right: 2rem;
  margin-bottom: 0;
}
.integration-section .btn-row {
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.integration-section .btn-row .primary-btn {
  margin-right: 0;
}

.inbound-screen .manual-upload img {
  width: 100%;
}
@media screen and (min-width: 2000px) {
  .inbound-screen .manual-upload img {
    width: 100%;
  }
}
@media screen and (min-width: 2000px) {
  .inbound-screen .etl-file.file-upload img {
    width: 100%;
  }
}
.inbound-screen .mat-form-field {
  max-width: 48rem;
  margin: auto;
  background-color: #ffffff;
}
.inbound-screen .mat-form-field.select-option-one {
  margin-top: 0;
}
.inbound-screen .manual-upload button {
  width: auto;
  height: auto;
  background-color: #ffffff;
  margin-top: 11px;
}

.inbound-table {
  margin-top: 2rem;
}
.inbound-table .table-name {
  max-width: 50%;
}
.inbound-table .btn-row {
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.inbound-table .btn-row .primary-btn {
  margin-right: 0;
}
.inbound-table .inbound-sec .inbound-title {
  display: flex;
}
.inbound-table .inbound-sec .inbound-title li {
  color: #A7A9AC;
}
.inbound-table .inbound-sec ul {
  margin: 0;
  padding: 1rem 0;
  padding-left: 1rem;
}
.inbound-table .inbound-sec ul .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}
.inbound-table .inbound-sec li.checkbox-col {
  display: flex;
  align-items: center;
}
.inbound-table .inbound-sec .inbound-data {
  display: flex;
}
.inbound-table .inbound-sec li {
  margin-right: 2.4rem;
}
.inbound-table .inbound-sec li.col-sequence {
  width: 10%;
}
.inbound-table .inbound-sec li.col-name {
  width: 15%;
}
.inbound-table .inbound-sec li.col-desc {
  width: 20%;
}
.inbound-table .inbound-sec li.col-data {
  width: 20%;
}
.inbound-table .inbound-sec li.col-val .btn {
  margin-right: 1rem;
}
.inbound-table .inbound-sec .text-input {
  max-width: -webkit-fill-available;
  min-width: auto !important;
  padding: 1.4rem 0.8rem;
}
.inbound-table .inbound-sec .select-option-one .mat-form-field-wrapper {
  height: 4.8rem;
}
.inbound-table .inbound-title {
  padding-bottom: 1rem;
}
.inbound-table .inbound-data {
  background-color: #FBFBFB;
}
.inbound-table .inbound-data .mat-form-field-appearance-fill .mat-form-field-flex {
  padding-top: 0.6rem;
}
.inbound-table .inbound-data:hover {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.2431372549);
  z-index: 9;
  position: relative;
}

.source-map-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.source-map-wrapper .inbound-table-name {
  width: 25%;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  position: relative;
  margin-top: 5rem;
  min-height: 31rem;
}
.source-map-wrapper .inbound-table-name h6.source-title {
  font-size: 1.4rem;
  position: absolute;
  top: -2.5rem;
  color: #808285;
}
.source-map-wrapper .table-name {
  color: #58595B;
  font-size: 1.6rem !important;
  text-align: center;
  padding: 2rem 0;
  font-weight: 600;
  border-bottom: 0.1rem solid #E6E9F0;
}
.source-map-wrapper .col-name {
  border-bottom: 0.1rem solid #E6E9F0;
  padding: 1.4rem 1.5rem;
  color: #808285;
  font-weight: 500;
  position: relative;
  min-height: 5.6rem;
}
.source-map-wrapper .col-name > span {
  color: #808285;
  font-weight: 300;
  font-size: 1.2rem;
  margin-left: 2rem;
}
.source-map-wrapper .mapping-table {
  width: 48%;
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  min-height: 31rem;
  justify-content: center;
  margin-top: 5rem;
  position: relative;
}
.source-map-wrapper .mapping-table .table-name {
  border: 0;
}
.source-map-wrapper .mapping-table > .col-name {
  width: 50%;
  padding: 0;
  float: left;
  min-height: 3rem;
  position: relative;
  border: 0 !important;
}
.source-map-wrapper .mapping-table > .col-name .col-name {
  width: 100%;
  background-color: #F1F2F2;
  margin-bottom: 0.7rem;
  position: relative;
}
.source-map-wrapper .mapping-table #cdk-drop-list-1 .col-name::after {
  content: ":";
  position: absolute;
  z-index: 9;
  right: 0;
  font-size: 1.8rem;
  height: 100%;
  width: 0.3rem;
  color: #3f3f3f;
  top: 1.7rem;
}
.source-map-wrapper .mapping-table .map {
  display: flex;
  justify-content: space-between;
  background-color: #F1F2F2;
  margin-bottom: 0.7rem;
}
.source-map-wrapper .mapping-table .map .col-name {
  box-shadow: none;
  position: relative;
  width: 50%;
  border: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.3rem;
  line-height: 4.5rem;
  min-height: 5rem;
}
.source-map-wrapper .mapping-table .map .col-name:first-child::after {
  content: ":";
  width: 0.2rem;
  height: 1.5rem;
  position: absolute;
  z-index: 9;
  color: black;
  font-size: 2rem;
  right: 0;
}
.source-map-wrapper .mapping-table .outbound-table-map-col {
  width: 100%;
  float: left;
  text-align: right;
}
.source-map-wrapper .mapping-table .outbound-table-map-col mat-form-field {
  float: left;
  margin: 0;
  width: 18.4rem !important;
}
.source-map-wrapper .mapping-table .outbound-table-map-col button {
  float: right;
  margin-top: 0.4rem;
  margin-left: 0;
}
.source-map-wrapper .mapping-table .outbound-table-map-col button .mat-button-wrapper {
  margin-left: 0 !important;
}
.source-map-wrapper .mapping-table .outbound-table-map-col .select-option-one .mat-form-field-wrapper {
  height: 4.1rem;
}
.source-map-wrapper .mapping-table .outbound-table-map-col .fab-primary {
  margin: 0;
  transform: scale(0.7);
  background: transparent;
}
.source-map-wrapper .mapping-table .outbound-table-map-col .fab-primary .mat-button-wrapper {
  margin-left: 0;
}
.source-map-wrapper .mapping-table .outbound-table-map-col .mat-form-field-appearance-fill .mat-select-arrow-wrapper {
  transform: translateY(0);
}
.source-map-wrapper .mapping-table .outbound-table-map-col .mat-select-trigger .mat-select-value {
  position: relative;
}
.source-map-wrapper .mapping-table .outbound-table-map-col label.mat-form-field-label {
  margin-top: -1.5rem;
}
.source-map-wrapper .mapping-table .outbound-table-map-col select {
  text-indent: 0.4rem;
}
.source-map-wrapper .mapping-table .outbound-table-map-col .mat-form-field-flex {
  padding-top: 0;
  padding-bottom: 0;
}
.source-map-wrapper .mapping-table .outbound-table-map-col .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper {
  margin-top: 0.7rem;
}
.source-map-wrapper .insert-remove-col > div {
  color: #58595B;
  font-size: 1.4rem;
  font-weight: 400;
  margin: 10rem 0;
  text-align: center;
  width: 12rem;
  border-bottom: 0.2rem dashed #E6E9F0;
  position: relative;
}
.source-map-wrapper .insert-remove-col .insert::after {
  content: "";
  width: 1.6rem;
  height: 0.8rem;
  background-image: url('select-dropdown-icon.svg');
  background-repeat: no-repeat;
  position: absolute;
  right: -0.4rem;
  bottom: -0.5rem;
  transform: rotate(-90deg);
}
.source-map-wrapper .insert-remove-col .remove::before {
  content: "";
  width: 1.6rem;
  height: 0.8rem;
  background-image: url('select-dropdown-icon.svg');
  background-repeat: no-repeat;
  position: absolute;
  left: -0.4rem;
  bottom: -0.5rem;
  transform: rotate(90deg);
}
.source-map-wrapper .btn-row {
  margin-top: 5rem;
  margin-bottom: 3rem;
}
.source-map-wrapper .btn-row .primary-btn {
  margin-right: 0;
}

.validation-rule-start {
  overflow: auto;
}

.validation-rule .rule-row .col-name {
  border: 0;
}
.validation-rule .mat-expansion-panel {
  box-shadow: none;
  margin-bottom: 0.3rem;
  display: flex;
  align-items: center;
  background-color: #F1F2F2;
}
.validation-rule .mat-expansion-panel-header {
  padding: 0;
  height: auto;
}
.validation-rule .mat-expansion-panel-header:hover {
  background-color: transparent !important;
}
.validation-rule .mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.87);
}
.validation-rule .mat-expansion-panel-header-description {
  display: none;
}
.validation-rule .rule-row {
  margin: 0;
  padding: 0;
}
.validation-rule .rule-row .validation-count {
  white-space: nowrap;
}
.validation-rule span.mat-expansion-indicator {
  display: none;
}
.validation-rule .mat-expansion-panel-content {
  background-color: #F1F2F2;
  width: 100%;
}

.validation-row {
  display: flex;
  flex-direction: column;
}

.validation-rule {
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  margin-bottom: 7rem;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.validation-rule .mat-expansion-panel-body {
  padding: 0;
}
.validation-rule .validation-section {
  padding: 2rem 1.4rem;
}
.validation-rule .validation-section .validation-section-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5rem;
}
.validation-rule .validation-section .validation-section-inner:first-of-type {
  margin-top: 0;
}
.validation-rule .validation-section .validation-section-inner .mat-form-field {
  margin-right: 1.5rem;
}
.validation-rule .validation-section .validation-section-inner .mat-form-field.mat-input-cu {
  margin-right: 0;
}
.validation-rule .validation-section .validation-section-inner .mat-form-field .text-input {
  min-width: auto;
  max-width: 86%;
  padding-right: 0;
  padding-left: 1.4rem;
  background-color: #ffffff;
}
.validation-rule .validation-section .validation-section-inner .validation-toggle {
  display: flex;
  align-items: center;
  margin: 0 1.5rem;
}
.validation-rule .validation-section .validation-section-inner .validation-toggle mat-label {
  margin-left: 1.6rem;
  font-size: 1.6rem;
  font-weight: 500;
  white-space: nowrap;
}
.validation-rule .validation-section .validation-combination {
  font-size: 1.8rem;
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  padding-right: 2rem;
}
.validation-rule .validation-section .validation-combination .combination-text {
  white-space: nowrap;
}
.validation-rule .validation-section .validation-combination a {
  color: #EE882E;
  margin-left: 1rem;
}
.validation-rule .table-name {
  color: #58595B;
  font-size: 1.6rem !important;
  text-align: center;
  padding: 2rem 0;
  font-weight: 600;
  border-bottom: 0.1rem solid #E6E9F0;
}
.validation-rule .rule-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #F1F2F2;
  margin: 1rem 0;
  padding: 1.5rem 1rem;
}
.validation-rule .rule-row .mat-form-field {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  margin-right: 1.6rem;
}
.validation-rule .rule-row .fab-primary {
  margin-right: 1.6rem;
}
.validation-rule .rule-row .col-name {
  box-shadow: none;
  position: relative;
  border: 0;
  padding: 2rem 1.5rem;
  font-weight: 500;
  min-width: 22rem;
  font-size: 1.6rem;
}
.validation-rule .rule-row .col-name:first-child::after {
  content: ":";
  width: 0.2rem;
  height: 1.5rem;
  position: absolute;
  z-index: 9;
  color: black;
  font-size: 2rem;
  right: 0;
}
.validation-rule .rule-row .col-name span {
  color: #808285;
  font-weight: 300;
  font-size: 1.2rem;
  margin-left: 2rem;
}
.validation-rule .mat-accordion {
  position: relative;
}
.validation-rule .mat-accordion button {
  margin-right: 1rem;
}
.validation-rule .mat-form-field-appearance-legacy .mat-form-field-label {
  padding-right: 1.6rem;
}

.collapse-row {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}

.transformation-rule .mat-form-field {
  margin-bottom: 0 !important;
  margin-top: -1rem !important;
  margin-right: 1.6rem;
  z-index: 9;
}
.transformation-rule .mat-form-field-label-wrapper {
  margin-left: 0 !important;
}
.transformation-rule .mat-form-field-type-mat-input {
  margin-top: -2rem !important;
}
.transformation-rule .mat-form-field-type-mat-input .text-input {
  min-width: auto;
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.transformation-rule .transformation-row {
  width: 121vh;
  position: absolute;
  left: 106%;
  top: 1.1rem;
  display: flex;
}
.transformation-rule .transformation-row span.mat-button-wrapper {
  margin-left: 0 !important;
}
.transformation-rule .transformation-row .trans-sec {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
}
.transformation-rule .transformation-row .trans-sec::after {
  content: "";
  width: 30%;
  height: 0.2rem;
  border-bottom: 0.2rem dashed #E6E9F0;
  position: absolute;
  top: 1.8rem;
  left: 0;
}
.transformation-rule .transformation-row .trans-sec::before {
  content: "";
  width: 1.6rem;
  height: 0.8rem;
  background-repeat: no-repeat;
  position: absolute;
  right: -0.2rem;
  bottom: 4.9rem;
  transform: rotate(-90deg);
  z-index: 9;
}
.transformation-rule .transformation-row .trans-sec .select-option-one::before {
  content: "";
  width: 1.6rem;
  height: 0.8rem;
  background-image: url('select-dropdown-icon.svg');
  background-repeat: no-repeat;
  position: absolute;
  left: -1.3rem;
  bottom: 2.5rem;
  transform: rotate(-90deg);
}
.transformation-rule .btn {
  z-index: 9;
}
.transformation-rule .inbound-btn {
  display: block;
  float: left;
  margin-bottom: -5.5rem;
}
.transformation-rule .inbound-btn .btn {
  margin-bottom: 1.5rem;
  display: block;
}
.transformation-rule .col-name:hover {
  background-color: #F1F2F2;
}

.etl-review .mat-expansion-panel {
  margin-bottom: 1.5rem !important;
}
.etl-review .mat-expansion-panel-header-title {
  font-size: 1.6rem;
}
.etl-review .list-title {
  font-size: 1.6rem !important;
  font-weight: 500 !important;
  color: #58595b !important;
  margin-bottom: 0.8rem;
}
.etl-review .container {
  padding-left: 2.2rem;
}

.review-wraper .mat-accordion .mat-expansion-panel-header {
  justify-content: space-between;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content {
  max-width: -moz-fit-content;
  max-width: fit-content;
  flex-direction: column;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title {
  font-size: 2rem;
  margin-top: 1.5rem;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-title a {
  margin-left: 1rem;
  text-decoration: underline;
  font-size: 1.4rem;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul {
  display: flex;
  align-items: center;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li {
  position: relative;
  padding: 0 1rem;
  line-height: 1;
  font-size: 1.4rem;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li:after {
  content: "";
  position: absolute;
  width: 0.1rem;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #808285;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li:first-of-type {
  padding-left: 0;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li:first-of-type::after {
  width: 0;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li:first-of-type::before {
  content: ":";
  position: absolute;
  right: 0;
  top: 0;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li:last-of-type::after {
  width: 0;
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li:last-of-type::before {
  content: "";
}
.review-wraper .mat-accordion .mat-expansion-panel-header .mat-content .mat-expansion-panel-header-description ul li.imp-description {
  color: #50B848;
}
.integration-add {
  position: relative;
  background-color: #f1f2f2;
  height: calc(100% - 5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}
.integration-add .or-label {
  position: absolute;
  left: 49.5%;
  background-color: #f1f2f2;
  padding: 1rem 0;
}
.integration-add .etl-file.manual-upload {
  width: 50%;
}
.integration-add .etl-file.manual-upload button {
  width: auto;
  height: auto;
  background-color: #ffffff;
}
.integration-add .etl-file .drop-file {
  padding: 0;
  width: 90%;
  height: 15rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (min-width: 1920px) {
  .integration-add .manual-upload img {
    width: 100%;
  }
}
.integration-add .etl-file.file-upload img {
  width: auto;
  margin-top: 0;
}
@media screen and (min-width: 1920px) {
  .integration-add .etl-file.file-upload img {
    width: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .integration-add .etl-file.file-upload .drop-file .file-name img {
    width: auto;
  }
}

.example-container {
  width: 40rem;
  max-width: 100%;
  margin: 0 2.5rem 2.5rem 0;
  display: inline-block;
  vertical-align: top;
}

.example-list {
  border: 0.1rem solid #ccc;
  min-height: 6rem;
  background: white;
  border-radius: 0.4rem;
  overflow: hidden;
  display: block;
}

.example-box {
  padding: 0 !important;
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 0.4rem;
  box-shadow: 0 0.5rem 0.5rem -0.3rem rgba(0, 0, 0, 0.2), 0 0.8rem 1rem 0.1rem rgba(0, 0, 0, 0.14), 0 0.3rem 1.4rem 0.2rem rgba(0, 0, 0, 0.12);
  text-align: left;
  padding: 2rem 1.5rem;
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.example-box:last-child {
  border: none;
}

.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}

.outbound-single-screen {
  display: block;
}
.outbound-single-screen .manual-upload.etl-file {
  display: none;
}
.outbound-single-screen .or-label {
  display: none;
}
.outbound-single-screen .file-upload.etl-file {
  width: 100%;
}
.outbound-single-screen .etl-file.file-upload img {
  width: 50%;
}

/*
   * User management
   * -------------------------------------------
   */
.user-management {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: auto;
}
.user-management .border-title-middle {
  font-size: 1.6rem;
  color: #58595b;
  position: relative;
  min-width: 80rem;
}
.user-management .border-title-middle span {
  background-color: #ffffff;
  margin-left: 3rem;
  padding: 0 0.5rem;
}
.user-management .border-title-middle::after {
  content: "";
  width: 100%;
  height: 0.2rem;
  background-color: rgba(0, 0, 0, 0.1215686275);
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  transform: translateY(-50%);
}
.user-management .user-details {
  display: flex;
  min-width: 80rem;
}
.user-management .user-details .user-profile {
  width: 25%;
}
.user-management .user-details .user-profile .user-photo {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.user-management .user-details .user-info {
  width: 75%;
  display: flex;
}
.user-management .user-details .user-info ul {
  width: 33%;
}
.user-management .user-details .user-info ul li {
  margin: 0 0.5rem;
  color: #58595b;
  font-size: 1.6rem;
}
.user-management .user-details .user-info ul li span {
  color: #808285;
  font-size: 1.2rem;
}
.user-management .session-management {
  width: 100%;
  float: left;
  margin-top: 6.5rem;
  margin-bottom: 3rem;
}
.user-management .session-management .management-title {
  display: flex;
  justify-content: space-between;
}
.user-management .session-management .management-title .btn {
  margin-top: -1.5rem;
}
.user-management .session-management .session-data {
  position: relative;
  margin-bottom: 3rem;
}
.user-management .session-management .session-data .mat-tab-group {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 1rem;
  top: 0.8rem;
}
.user-management .session-management .session-data .mat-tab-group .mat-tab-labels .mat-tab-label:first-child {
  border-radius: 0.5rem 0 0 0.5rem;
}
.user-management .session-management .session-data .mat-tab-group .mat-tab-labels .mat-tab-label:last-child {
  border-radius: 0 0.5rem 0.5rem 0;
}

.upload-file-wraper.inner-content {
  padding: 0;
  background-color: #F1F2F2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.upload-file {
  width: 40%;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1607843137) !important;
  border-radius: 0.5rem;
  margin: 0.4rem auto;
  padding: 3rem;
  background-color: #ffffff;
}
.upload-file .upload-img {
  text-align: center;
}
.upload-file .upload-img img {
  width: 70%;
}
.upload-file .page-title {
  text-align: center;
  font-weight: 500;
}
.upload-file .file-info {
  width: 100%;
  float: left;
  margin-bottom: 2rem;
}
.upload-file .file-info p {
  width: 50%;
  float: left;
  font-weight: 400;
}
.upload-file .file-info p span {
  font-weight: 600;
}
.upload-file .fileUpload {
  position: relative;
  overflow: hidden;
  background-color: #F5F5F5;
  box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1607843137) !important;
  border: 0.05rem solid #707070;
  text-align: center;
  padding: 1rem !important;
  display: inline-block;
  border-radius: 0.5rem;
  font-size: 1.4rem;
}
.upload-file .fileUpload input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
}
.upload-file .delete-upload-file {
  width: 2.8rem;
  height: 2.8rem;
  background-image: url('close-icon.svg');
  background-repeat: no-repeat;
  top: -1rem;
  left: 1rem;
}
.upload-file p {
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
.upload-file .file-active {
  color: #50B848;
  font-weight: 600;
}
.upload-file h2 {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
.upload-file .input-upload-wraper {
  display: flex;
  clear: both;
}
.upload-file .input-upload-wraper .input-upload-file {
  margin-top: 1rem;
  width: 40%;
  clear: both;
}
.upload-file .input-upload-wraper .input-upload-file input[type=file] {
  background-color: transparent;
  color: #000000;
  font-size: 1.4rem;
  width: -moz-fit-content;
  width: fit-content;
}
.upload-file .input-upload-wraper .input-upload-file .fileUpload {
  width: -moz-fit-content;
  width: fit-content;
}
.upload-file .input-upload-wraper .input-upload-list {
  padding: 1rem;
  width: 60%;
  font-size: 1.4rem;
}
.upload-file .input-upload-wraper .input-upload-list li {
  display: flex;
}
.upload-file .input-upload-wraper .input-upload-list li .file-text {
  width: 50%;
  font-weight: 500;
}
.upload-file .input-upload-wraper .input-upload-list li .file-data {
  width: 50%;
}
.upload-file .botton-btn-group {
  display: flex;
  justify-content: flex-end;
}

.source-map-section {
  overflow: auto;
  padding: 1.5rem 0;
  padding-bottom: 3rem;
}
.source-map-section .source-map-wrapper {
  align-items: flex-start;
  min-width: 120rem;
  padding: 0 0.5rem;
}

.pagenot-found {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-prev-next {
  margin: 1.5rem 0;
}

.btn-row {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}

.transformation-rule-wraper {
  position: relative;
  min-width: 140rem;
}
.transformation-rule-wraper::before {
  content: "";
  left: 0.3rem;
  position: absolute;
  width: 25%;
  height: calc(100% + 2rem);
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
}
.transformation-rule-wraper .transform-rule {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem solid #E6E9F0;
  padding: 0.5rem 0;
}
.transformation-rule-wraper .transform-rule.rule-border {
  border-bottom: 0;
  padding-top: 1.5rem;
  flex: 1;
}
.transformation-rule-wraper .transform-rule .transform-step {
  width: 22%;
}
.transformation-rule-wraper .transform-rule .transform-step.step-first {
  width: 18%;
}
.transformation-rule-wraper .transform-rule .transform-step .transform-col mat-label {
  white-space: unset;
}
.transformation-rule-wraper .transform-rule .transform-col {
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
}
.transformation-rule-wraper .transform-rule .transform-col mat-label {
  white-space: nowrap;
}
.transformation-rule-wraper .transform-rule .transform-col.transform-heading {
  width: 25%;
  padding: 0 2rem;
}
.transformation-rule-wraper .transform-rule .transform-col.transformation-separator {
  padding: 0 0.5rem;
  width: 5%;
  position: relative;
}
.transformation-rule-wraper .transform-rule .transform-col.transformation-separator::before {
  content: "";
  width: 90%;
  height: 0.2rem;
  border-bottom: 0.2rem dashed #E6E9F0;
  position: absolute;
}
.transformation-rule-wraper .transform-rule .transform-col.transformation-separator::after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.8rem;
  background-image: url('select-dropdown-icon.svg');
  right: -0.5rem;
  transform: rotate(-90deg);
}
.transformation-rule-wraper .transform-rule .transform-col h2 {
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0;
  width: 100%;
}
.transformation-rule-wraper .transform-rule .transform-col .select-option-one {
  margin-bottom: 0;
}
.transformation-rule-wraper .transform-rule .transform-col .mat-slide-toggle {
  margin: 0 1rem;
}
.transformation-rule-wraper .transform-rule .transform-col .combine-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.transformation-rule-wraper .transform-rule .transform-col .combine-link .combine-display {
  display: none;
}
.transformation-rule-wraper .transform-rule .transform-col .combine-link:hover .combine-display {
  position: absolute;
  top: 2.6rem;
  left: -50%;
  display: block;
  background-color: #ffffff;
  border: 0.05rem solid #3F3F3F;
  padding: 0.2rem;
  border-radius: 0.3rem;
  font-size: 1.3rem;
  z-index: 99;
  width: 20rem;
}
.transformation-rule-wraper .transform-rule .transform-col .combine-link img {
  margin-right: 1rem;
}

.select-resources-wraper .mat-row {
  width: 100%;
}

.sec-integration {
  overflow-x: auto;
  padding-bottom: 1rem;
}
.sec-integration .inbound-title {
  min-width: 100rem;
}
.sec-integration .inbound-data {
  min-width: 100rem;
}
.sec-integration .inbound-data .select-option-one .mat-form-field-wrapper {
  background-color: transparent;
}
.sec-integration .inbound-data .mat-form-field-infix {
  width: unset;
}

form p {
  font-size: 1.4rem;
}

.balancing-content-wraper .responsive-table table {
  width: 98%;
  margin: 0 1px;
}

.source-drag .source-map-wrapper .inbound-table-name {
  margin-top: 0;
  width: 30%;
  height: 75vh;
  overflow: auto;
}
.source-drag .source-map-wrapper .inbound-table-name .inbound-list {
  margin: 0;
  list-style: none;
}
.source-drag .source-map-wrapper .inbound-table-name .inbound-list .col-name {
  padding: 1.5rem;
  font-size: 1.8rem;
  line-height: 1;
  min-height: 5rem;
  margin: 0.5rem;
}
.source-drag .source-map-wrapper .mapping-table {
  width: 69%;
  height: 75vh;
  overflow: auto;
  margin-top: unset;
}
.source-drag .source-map-wrapper .mapping-table .table-name {
  display: flex;
}
.source-drag .source-map-wrapper .mapping-table .table-name .heading {
  width: 50%;
}
.source-drag .source-map-wrapper .mapping-table .mapping-list {
  margin: 0;
}
.source-drag .source-map-wrapper .mapping-table .mapping-list .map {
  margin: 0.5rem;
  background-color: rgba(0, 0, 0, 0.1215686275);
  padding: 1.5rem;
  min-height: 5rem;
  font-size: 1.8rem;
  line-height: 1;
}
.source-drag .source-map-wrapper .mapping-table .mapping-list .map .col-name {
  width: 100%;
}
.source-drag .source-map-wrapper .mapping-table .mapping-list .map .col-name::after {
  display: none;
}

.submission-card {
  display: flex;
  margin-top: 3rem;
}
.submission-card .mdc-card {
  margin: 0 1rem;
  width: calc(100% - 6rem);
  box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
  padding: 2rem;
  cursor: pointer;
}
.submission-card .mdc-card .mat-mdc-card-title {
  text-align: center;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.submission-card .mdc-card .submission-image {
  display: inline-block;
  width: 25rem;
  margin: 0 auto;
  height: 30rem;
  display: flex;
  align-items: center;
}
.submission-card .mdc-card .submission-image img {
  width: 100%;
}
.submission-card .mdc-card .submission-image.submit-img {
  width: 22rem;
}
.submission-card .mdc-card .submission-image.export-img {
  width: 17rem;
}

.hfm-submission-wraper .mat-form-field.mat-form-field-invalid .mat-form-field-label, .hfm-submission-wraper .mat-form-field.mat-form-field-invalid .mat-form-field-required-marker {
  color: inherit !important;
}
.hfm-submission-wraper .mat-form-field.ng-touched .mat-form-field-label, .hfm-submission-wraper .mat-form-field.ng-touched .mat-form-field-required-marker {
  color: #f44336 !important;
}
.hfm-submission-wraper .select-option-one.mat-form-field-should-float label.mat-form-field-label .mat-form-field-required-marker {
  color: #50B848 !important;
}
.hfm-submission-wraper .filter-row .search-input-two .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.hfm-submission-wraper .hfm-submission {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.hfm-submission-wraper .hfm-submission .input-fields {
  width: calc((100% - 3rem) / 3);
  margin-top: 1rem;
  margin-right: 1rem;
}
.hfm-submission-wraper .hfm-submission .input-fields .mat-form-field:first-child {
  margin-top: 0;
}
.hfm-submission-wraper .hfm-submission.hfm-submit .input-fields {
  width: calc((100% - 4rem) / 4.5);
}
.hfm-submission-wraper .hfm-submission.hfm-submit .filter-right {
  width: unset;
  margin-top: 1rem;
}
.hfm-submission-wraper .hfm-submission.hfm-submit .filter-right .primary-btn {
  margin-right: 0;
}
.hfm-submission-wraper .hfm-submission .filter-right {
  width: calc((100% - 3rem) / 3);
  justify-content: flex-end;
  margin-top: 1rem;
}
.hfm-submission-wraper .hfm-summary {
  margin-top: 3rem;
}
.hfm-submission-wraper .hfm-summary h4 {
  font-weight: 700;
}
.hfm-submission-wraper .hfm-submission-status {
  color: #EE2E2F;
}
.hfm-submission-wraper .mat-focus-indicator .mat-icon {
  width: 2.4rem;
  height: 2.4rem;
}
.hfm-submission-wraper .mat-focus-indicator .mat-icon.rotate-icon {
  transform: rotate(180deg);
}
.hfm-submission-wraper .mat-column-expandedDetail {
  padding: 0 !important;
  overflow: hidden;
}
.hfm-submission-wraper .mat-column-expandedDetail .example-element-detail label {
  padding: 0 2rem;
}
.hfm-submission-wraper .mat-column-expandedDetail .example-element-detail .mat-radio-group {
  display: flex;
  padding: 2rem;
  border-bottom: 0.1rem solid #E6E9F0;
  position: relative;
}
.hfm-submission-wraper .mat-column-expandedDetail .example-element-detail .mat-radio-group .hfm-status {
  width: 50%;
}
.hfm-submission-wraper .mat-column-expandedDetail .example-element-detail .mat-radio-group .hfm-status.failure {
  display: flex;
  flex-direction: column;
}
.hfm-submission-wraper .mat-column-expandedDetail .example-element-detail .mat-radio-group::before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #E6E9F0;
  height: 100%;
  left: 50%;
  top: 0;
}
.hfm-submission-wraper .mat-column-expandedDetail .example-element-detail .mat-radio-group .mat-radio-button {
  width: 50%;
}
.hfm-submission-wraper .mat-column-expandedDetail .radio-status-btn {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
.hfm-submission-wraper .recon-image {
  display: flex;
  justify-content: center;
  margin: auto;
  width: 60%;
}
.hfm-submission-wraper .verrsion-msg {
  color: #EE2E2F;
}
.hfm-submission-wraper .submission-table {
  max-height: 40vh;
  overflow-y: auto;
  padding: 0 0.5rem;
}
.hfm-submission-wraper .layer-title {
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
}
.hfm-submission-wraper .layer-title.current {
  background-color: #56b947;
}
.hfm-submission-wraper .layer-title.posting {
  background-color: #0f9b6f;
}

.account-statement .mat-column-expandedDetail {
  padding: 0 !important;
  overflow: hidden;
}
.account-statement .mat-focus-indicator .mat-icon {
  width: 2.4rem;
  height: 2.4rem;
}
.account-statement .mat-focus-indicator .mat-icon.rotate-icon {
  transform: rotate(180deg);
}

.bank-connection .mat-column-expandedDetail {
  padding: 0 !important;
  overflow: hidden;
}
.bank-connection .mat-focus-indicator .mat-icon {
  width: 2rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bank-connection .mat-focus-indicator .mat-icon.rotate-icon {
  transform: rotate(180deg);
}
.bank-connection h4 {
  padding-top: 1rem;
  padding-left: 2rem;
  margin-bottom: 0;
}
.bank-connection .bank-connection-list {
  padding: 2rem;
  padding-left: 4rem;
  padding-top: 0.5rem;
  word-break: break-all;
  margin: 0;
}
.bank-connection .bank-connection-list li {
  margin-top: 1rem;
  list-style-type: disc;
}

.connection-param-input mat-error {
  font-size: 11px;
}

.version-separator {
  display: flex;
  font-size: 1.4rem;
}
.version-separator h2 {
  text-align: center;
  margin-bottom: 0;
  border-bottom: 0.2rem solid #F1F2F2;
  font-weight: 400;
}
.version-separator .version-v1,
.version-separator .version-v2 {
  width: 50%;
  margin: 1rem;
  border: 0.2rem solid #F1F2F2;
  height: -moz-fit-content;
  height: fit-content;
}
.version-separator .version-list {
  margin: 0;
  border-top: 0.3rem solid #64B849;
}
.version-separator .version-list:first-of-type {
  border-top: 0.1rem solid transparent;
}
.version-separator .version-list li {
  display: flex;
  padding: 0.8rem 0.5rem;
  border-bottom: 0.2rem solid #F1F2F2;
}
.version-separator .version-list li:last-of-type {
  border-bottom: 0;
}
.version-separator .version-list li .version-heading {
  width: 40%;
  font-weight: 500;
}
.version-separator .version-list li .version-value {
  width: 60%;
}

.version-note h3 {
  margin-top: 2rem;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.6rem;
}
.version-note p {
  font-size: 1.4rem;
}

input[type=time] {
  padding: 1.6rem 1.8rem 0.3rem !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.outbound-select-focus .mat-focused label {
  color: red !important;
}

body.mat-typography .mat-form-field {
  display: block;
}
body.mat-typography .mat-form-field-label-wrapper {
  top: 0;
  padding: 0;
}
body.mat-typography .mat-form-field-infix {
  padding: 0;
  display: flex;
  border-top: 0;
}
body.mat-typography .mat-form-field-underline {
  height: 0;
  display: none;
}
body.mat-typography .mat-form-field-appearance-legacy .mat-form-field-label {
  padding-left: 1.8rem;
}
body.mat-typography .mat-button-focus-overlay {
  background-color: transparent !important;
}
body.mat-typography ul {
  padding: 0;
}
body.mat-typography li {
  list-style: none;
}
body.mat-typography mat-form-field {
  position: relative;
}
body.mat-typography .mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: transparent;
}
body.mat-typography .mat-grid-tile-content {
  align-items: unset;
  justify-content: unset;
}
body.mat-typography .mat-card {
  box-shadow: none;
  border-radius: 0;
}
body.mat-typography .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
body.mat-typography .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #50B848;
}
body.mat-typography .mat-checkbox-frame {
  background-image: url('checkbox-icon.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 0;
  padding: 0;
}
body.mat-typography .mat-dialog-container {
  padding: 0;
}
body.mat-typography .mat-radio-container {
  transform: scale(0.8);
}
body.mat-typography .mat-radio-button.mat-accent .mat-radio-inner-circle,
body.mat-typography .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
body.mat-typography .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
body.mat-typography .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #50B848;
}
body.mat-typography .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #50B848;
}
body.mat-typography .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #50B848;
}
body.mat-typography .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(80, 184, 72, 0.3607843137);
}
body.mat-typography .mat-snack-bar-container {
  border-radius: 0.4rem;
  max-width: 35rem;
  padding: 1.5rem;
}
body.mat-typography .mat-snack-bar-container button {
  color: #F1F2F2;
  text-transform: uppercase;
  background-color: transparent;
  margin-left: 1.2rem;
}
body.mat-typography .mat-button-disabled {
  opacity: 0.4;
  color: #ffffff;
}
body.mat-typography .role-details {
  margin-top: 5rem;
}
body.mat-typography .role-details .input-fields .mat-form-field.col-3 {
  width: 30% !important;
  margin-right: 4rem;
}
body.mat-typography .role-details .input-fields .mat-form-field.col-6 {
  width: 50% !important;
}
body.mat-typography .role-details .mat-form-field.select-option-one:first-child {
  margin-top: 0.8rem;
  width: 100% !important;
  margin-right: 0 !important;
}
body.mat-typography .role-details .mat-form-field.select-option-one:first-child .mat-form-field-wrapper {
  width: 100% !important;
}
body.mat-typography .tabel-accordion .mat-accordion .mat-header-row {
  padding-left: 1.5rem;
  padding-right: 4.3rem;
  border-bottom: none;
}
body.mat-typography .tabel-accordion .mat-expansion-panel-header.mat-row {
  border-bottom: none;
}
body.mat-typography .tabel-accordion .mat-table {
  display: block;
}
body.mat-typography .tabel-accordion .mat-header-row {
  min-height: 5.6rem;
}
body.mat-typography .tabel-accordion .mat-row {
  min-height: 4.8rem;
  height: unset;
  padding: 1rem 2rem 1rem 1.5rem;
}
body.mat-typography .tabel-accordion .mat-row,
body.mat-typography .tabel-accordion .mat-header-row {
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
body.mat-typography .tabel-accordion .mat-row .mat-expansion-indicator::after,
body.mat-typography .tabel-accordion .mat-header-row .mat-expansion-indicator::after {
  background: url("/assets/icons/select-dropdown-icon.svg") no-repeat;
  border: 0;
  width: 1rem;
  height: 1rem;
  transform: rotate(0deg);
  transition: all 0.3s;
}
body.mat-typography .tabel-accordion .mat-row::after,
body.mat-typography .tabel-accordion .mat-header-row::after {
  display: inline-block;
  min-height: inherit;
  content: "";
}
body.mat-typography .tabel-accordion .mat-cell,
body.mat-typography .tabel-accordion .mat-header-cell {
  flex: 1;
  overflow: hidden;
  padding: 0 0.3rem;
  font-size: 1.4rem;
}
body.mat-typography .tabel-accordion .mat-cell.custom-cell,
body.mat-typography .tabel-accordion .mat-header-cell.custom-cell {
  flex: 1.5;
}
body.mat-typography .roles-check {
  transition: none;
}
body.mat-typography .roles-check:hover {
  transition: none;
}
body.mat-typography .roles-check .mat-checkbox-frame {
  background-image: none;
  border: 0.15rem solid #808285;
  border-radius: 50%;
}
body.mat-typography .roles-check.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  border: 0.2rem solid #50B848;
  background-color: #ffffff;
  border-radius: 50%;
}
body.mat-typography .roles-check.mat-checkbox-checked.mat-accent .mat-checkbox-background::before {
  content: "";
  position: absolute;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #50B848;
  z-index: 1;
}
body.mat-typography .roles-check .mat-checkbox-ripple {
  height: 0;
}
body.mat-typography .integration-monitoring-search .filter-details {
  display: flex;
  align-items: center;
  margin-left: 4rem;
}
body.mat-typography .integration-monitoring-search .filter-details .filter-pill {
  display: flex;
  align-items: center;
  border-radius: 5rem;
  background-color: #F1F2F2;
  margin: 0 1rem;
  padding: 0.6rem 1rem;
}
body.mat-typography .integration-monitoring-search .filter-details .filter-pill span {
  display: flex;
  margin-left: 1rem;
}
body.mat-typography .integration-monitoring-search .filter-details .filter-reset {
  text-decoration: underline;
  font-size: 1.6rem;
  cursor: pointer;
  transition: all 0.3s;
}
body.mat-typography .integration-monitoring-search .filter-details .filter-reset:hover {
  color: #50B848;
}
body.mat-typography .monitoring-wraper {
  position: relative;
}
body.mat-typography .monitoring-wraper .monitoring-filter {
  width: 38rem;
  position: absolute;
  top: 0;
  padding: 4.8rem 1.85rem;
  background-color: #ffffff;
  z-index: 999;
  box-shadow: 0 0.3rem 1.2rem rgba(0, 0, 0, 0.29);
  transition: 0.5s all;
}
body.mat-typography .monitoring-wraper .monitoring-filter.filter-left {
  left: -100%;
}
body.mat-typography .monitoring-wraper .monitoring-filter.filter-right {
  left: 0;
}
body.mat-typography .monitoring-wraper .monitoring-filter .filter-header {
  display: flex;
  justify-content: space-between;
}
body.mat-typography .monitoring-wraper .monitoring-filter .filter-header .close-filter {
  border-radius: 50%;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0;
  border: 0;
}
body.mat-typography .monitoring-wraper .monitoring-filter .all-filter {
  padding: 2rem 0;
}
body.mat-typography .monitoring-wraper .monitoring-filter .filter-border {
  border-top: 0.1rem solid #E6E9F0;
  border-bottom: 0.1rem solid #E6E9F0;
  padding: 1rem 0;
}
body.mat-typography .monitoring-wraper .monitoring-filter .filter-border h4 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: 600;
}
body.mat-typography .monitoring-wraper .monitoring-filter .filter-border .filter-check .example-margin {
  width: 50%;
  font-size: 1.4rem;
}
body.mat-typography .monitoring-wraper .monitoring-filter .filter-border .mat-form-field {
  margin-top: 0;
}
body.mat-typography .monitoring-wraper .monitoring-filter .select-option-one.select-date .mat-form-field-infix .mat-datepicker-toggle {
  position: absolute;
  right: 0;
  top: -25%;
}
body.mat-typography .monitoring-wraper .monitoring-filter .select-option-one.select-date .mat-form-field-infix .mat-datepicker-toggle .mat-focus-indicator .mat-button-wrapper {
  background: url('calendar.svg') no-repeat;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-size: 100% 100%;
}
body.mat-typography .monitoring-wraper .monitoring-filter .select-option-one.select-date .mat-form-field-infix .mat-datepicker-toggle .mat-focus-indicator .mat-button-wrapper svg {
  display: none;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper {
  overflow: auto;
  padding: 0 0.5rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper::-webkit-scrollbar {
  height: 0.8rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper::-webkit-scrollbar-thumb {
  border-radius: 1rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .tabel-accordion {
  min-width: 176.1rem;
  height: calc(100vh - 30.5rem);
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table {
  width: 100%;
  margin: 1rem 0;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper {
  display: flex;
  margin-right: 1rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-height: 7rem;
  margin: 0 0.4rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li:not(:first-child)::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.2rem;
  left: 0;
  top: 0;
  transform: translate(-2rem, 1rem);
  background-color: #C8CFDF;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li:not(:last-child)::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 0.2rem;
  right: 0;
  top: 0;
  transform: translate(2rem, 1rem);
  background-color: #C8CFDF;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li .step {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #C8CFDF;
  cursor: pointer;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li .step-status {
  font-size: 1.4rem;
  text-align: center;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li .date {
  font-size: 1.2rem;
  white-space: nowrap;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li:hover .step {
  max-width: 3rem;
  transition: 0.3s all;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li.stepper-active .step {
  transform: scale(1.2);
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li.stepper-active .step-status, body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .monitoring-setpper li.stepper-active .date {
  font-weight: 700;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .view-transfer-btn {
  display: flex;
  margin-bottom: 0.5rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .view-transfer-btn button {
  margin: 0 0.5rem;
  position: relative;
  max-width: 4rem;
  max-height: 4rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .view-transfer-btn button .mat-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .view-transfer-btn button .tool-tip {
  position: absolute;
  bottom: -60%;
  background-color: #F1F2F2;
  border-radius: 0.5rem;
  font-size: 1.1rem;
  visibility: hidden;
  transition: 0.3s all;
  padding: 0.1rem 1rem;
  line-height: 2;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .view-transfer-btn button:hover .tool-tip {
  visibility: visible;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table {
  display: table;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-header-row {
  padding-left: 0;
  padding-right: 0;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-header-row,
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-row {
  display: revert;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-header-row .mat-cell,
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-header-row .mat-header-cell,
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-row .mat-cell,
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .integration-monitoring-table .table-wrapper .mat-table .mat-row .mat-header-cell {
  padding: 0 1rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .example-element-row .mat-focus-indicator {
  position: relative;
  width: 20px;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .example-element-row .mat-focus-indicator::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  background-image: url('select-dropdown-icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 1.5rem;
  z-index: 999;
  transition: all 0.3s;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .example-element-row.example-expanded-row .mat-focus-indicator::before {
  transform: translateY(-50%) rotate(-180deg);
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .example-detail-row {
  font-size: 2.4rem;
}
body.mat-typography .monitoring-wraper .integration-monitoring-wraper .example-detail-row td {
  padding: 0;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content::-webkit-scrollbar {
  height: 0.8rem;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content::-webkit-scrollbar-thumb {
  border-radius: 1rem;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table {
  margin: 2rem 1rem;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table.source-target-table {
  margin-top: 7rem;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table.source-target-table th button {
  width: 1.8rem;
  margin-left: 0.5rem;
  padding: 0;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table.source-target-table th button img {
  width: unset;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td {
  white-space: nowrap;
  padding: 0 1rem;
  border-right: 0.1rem solid #E6E9F0;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th.inbound-cell,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td.inbound-cell {
  color: #C65911;
  font-size: 1.8rem;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th.inbound-cell span,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td.inbound-cell span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th.inbound-cell span button,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td.inbound-cell span button {
  background-color: transparent;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th.inbound-cell span button img,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td.inbound-cell span button img {
  transform: rotate(-90deg);
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th.outbound-cell,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td.outbound-cell {
  color: #016666;
  font-size: 1.8rem;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th.outbound-open,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td.outbound-open {
  display: none;
}
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table th .error-popup,
body.mat-typography .view-transactions-wraper .mat-tab-body-content .view-transactions-table td .error-popup {
  background-color: #EE2E2F;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  text-align: center;
  color: #ffffff;
  font-size: 1.2rem;
  margin-left: 1rem;
}
body.mat-typography .view-transactions-wraper .source-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0;
  height: 7rem;
}
body.mat-typography .view-transactions-wraper .source-header .expand-all {
  margin-left: 1rem;
  color: #1492E6;
  font-size: 1.4rem;
}
body.mat-typography .balancing-view-wraper .filter-row {
  display: flex;
  align-items: center;
}
body.mat-typography .balancing-view-wraper .filter-row .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .error-view-wraper .filter-row {
  display: flex;
  align-items: center;
}
body.mat-typography .error-view-wraper .filter-row .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 0;
}
body.mat-typography .error-view-wraper .error-view-accordion {
  padding: 4rem 0;
  box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.1215686275);
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-expansion-indicator::after {
  background: url(/assets/icons/select-dropdown-icon.svg) no-repeat;
  border: 0;
  width: 1rem;
  height: 1rem;
  transform: rotate(0deg);
  transition: all 0.3s;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion h4 {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 2.5rem;
  margin-bottom: 0;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion h3 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0 5rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion h3.main-account-heading {
  padding: 0 2.5rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel {
  box-shadow: none;
  border-bottom: 0.1rem solid #E6E9F0;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel:last-of-type {
  border-bottom: 0;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 0 1.6rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.mat-expanded {
  background-color: #F2FFF7;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.mat-expanded .mat-expansion-panel-header {
  background-color: #F2FFF7;
  padding: 0 2.5rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .mat-expansion-panel-header {
  padding: 0 2.5rem 0 5rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .mat-expansion-panel-body {
  padding: 0 10rem 1.6rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .mat-expansion-panel-content {
  background-color: #DFF8E8;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li {
  font-size: 1.4rem;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li h3 {
  padding: 0;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value {
  display: flex;
  position: relative;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value::before {
  content: "";
  position: absolute;
  background-color: #BEC6D9;
  width: calc(100% + 20rem);
  height: 0.1rem;
  left: -10rem;
  top: 50%;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value .column-value,
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value .message-value {
  width: 50%;
  display: flex;
  flex-direction: column;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value .column-value span,
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value .message-value span {
  padding: 1rem 0;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value .column-value span.error-message,
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list li .list-value .message-value span.error-message {
  color: #EE2E2F;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value {
  flex-direction: column;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value::before {
  display: none;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value .column-value {
  position: relative;
  flex-direction: row;
  width: unset;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value .column-value::before {
  content: "";
  position: absolute;
  background-color: #BEC6D9;
  width: calc(100% + 20rem);
  height: 0.1rem;
  left: -10rem;
  bottom: 0;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value .column-value:last-of-type::before {
  display: none;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value .column-value span {
  flex: 1;
}
body.mat-typography .error-view-wraper .error-view-accordion .mat-accordion .mat-expansion-panel.mat-expansion-panel.main-account .main-account-list.error-value li .list-value .column-value span.mat-checkbox-inner-container {
  flex: unset;
}
body.mat-typography .error-view-wraper .error-view-accordion.integration-error-view .mat-expansion-panel.mat-expansion-panel.main-account .mat-expansion-panel-body {
  padding: 0 5rem 1.6rem;
}
body.mat-typography .error-view-wraper .error-view-accordion.integration-error-view .mat-expansion-panel.mat-expansion-panel.main-account .mat-expansion-panel-header {
  padding: 0 2.5rem 0 2.5rem;
}

.mat-datepicker-content table {
  min-width: unset;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-calendar-header .mat-calendar-controls .mat-focus-indicator .mat-button-wrapper::after {
  content: "";
  position: absolute;
  background: url('select-dropdown-icon.svg') no-repeat;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-calendar-header .mat-calendar-controls .mat-focus-indicator .mat-button-wrapper svg {
  display: none;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-calendar-header .mat-calendar-controls .mat-focus-indicator.mat-calendar-period-button .mat-button-wrapper:after {
  background: url('select-dropdown-icon.svg') no-repeat;
  right: 0;
  top: 1.7rem;
  width: 0.9rem;
  height: 0.9rem;
}
.mat-datepicker-content .mat-datepicker-content-container .mat-calendar-header .mat-calendar-controls .mat-focus-indicator.mat-calendar-previous-button::after {
  background: url('select-dropdown-icon.svg') no-repeat;
  border: 0;
  width: 1.3rem;
  height: 1.3rem;
  transform: translateX(0.2rem) rotate(90deg);
}
.mat-datepicker-content .mat-datepicker-content-container .mat-calendar-header .mat-calendar-controls .mat-focus-indicator.mat-calendar-next-button::after {
  background: url('select-dropdown-icon.svg') no-repeat;
  border: 0;
  width: 1.3rem;
  height: 1.3rem;
  transform: translateX(0.2rem) rotate(-90deg);
}

.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) {
  background-color: rgba(80, 184, 72, 0.3) !important;
}

.mat-calendar-body-selected,
.mat-calendar-body-today {
  background-color: #50B848 !important;
  color: #ffffff;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: #ffffff;
  background-color: rgba(80, 184, 72, 0.3) !important;
  color: #ffffff !important;
}

@media screen and (max-width: 991px) {
  #main-header .header-inner .back-page {
    font-size: 1.3rem;
  }
  #main-header .header-inner .right-head-content .user-search {
    display: none;
  }
  #main-header .header-inner .right-head-content .user-search a {
    padding: 0 1.5rem;
  }
  #main-header .header-inner .right-head-content .user-search .notification .notification-badge {
    right: 1.5rem;
  }
}
@media screen and (max-width: 767px) {
  body.mat-typography {
    overflow: hidden;
    width: 100%;
  }
  body.mat-typography header#main-header {
    height: unset;
    background-image: url('expanded-menu-bg.svg');
    background-position: top center;
    padding: 0 1.5rem;
  }
  body.mat-typography header#main-header .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.1rem 0 1rem;
  }
  body.mat-typography header#main-header .header-inner .back-page {
    display: none;
  }
  body.mat-typography header#main-header .header-inner .right-head-content .user-search {
    display: none;
    margin: 0;
  }
  body.mat-typography header#main-header .header-inner .right-head-content .user-search a {
    max-width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: 0;
  }
  body.mat-typography header#main-header .header-inner .right-head-content .user-search .mobile-search {
    margin-right: 2.4rem;
  }
  body.mat-typography header#main-header .header-inner .right-head-content .user-search .notification .notification-badge {
    right: 0;
  }
  body.mat-typography header#main-header .header-inner .right-head-content .user-info {
    display: none;
  }
  body.mat-typography header#main-header .header-inner .mobile-logo {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  body.mat-typography header#main-header .header-inner .mobile-logo .sidebar-btn {
    padding: 0;
    background-color: transparent;
    max-width: 2.4rem;
    min-width: unset;
  }
  body.mat-typography header#main-header .header-inner .mobile-logo .nav-logo {
    max-width: 3.8rem;
  }
  body.mat-typography #left-side-bar {
    position: fixed;
    left: -100%;
    transition: all 0.8s ease-in-out;
  }
  body.mat-typography #left-side-bar nav {
    margin-top: 4.6rem;
    height: calc(100vh - 17rem);
  }
  body.mat-typography #left-side-bar .expand-menu-button {
    top: 0;
    right: 0;
    transform: rotate(180deg);
    transition: unset;
    width: 3rem;
  }
  body.mat-typography #left-side-bar .nav-logo {
    padding: 5rem 1.5rem 1.5rem;
    text-align: left;
    display: flex;
    align-items: center;
  }
  body.mat-typography #left-side-bar .nav-logo .user-info {
    display: flex;
    margin-left: 2.5rem;
  }
  body.mat-typography #left-side-bar .nav-logo .user-info .user-photo {
    width: 3.6rem;
    height: 3.6rem;
    margin-right: 1.2rem;
    border-radius: 50%;
    border: 0.1rem solid #ffffff;
  }
  body.mat-typography #left-side-bar .nav-logo .user-info .user-name {
    color: #ffffff;
    font-size: 1.4rem;
    margin-top: 0;
    margin-right: 0;
    padding-right: 2rem;
    position: relative;
  }
  body.mat-typography #left-side-bar .nav-logo .user-info .user-name span {
    font-weight: 600;
  }
  body.mat-typography #left-side-bar .nav-logo .user-info .user-name::after {
    content: "";
    background-image: url('my-profile-dropdown-icon.png');
    background-repeat: no-repeat;
    width: 1.3rem;
    height: 0.7rem;
    position: absolute;
    right: 0;
    top: 0.6rem;
    background-size: cover;
  }
  body.mat-typography #left-side-bar .nav-logo .profile-dropdown {
    width: 18.3rem;
    position: absolute;
    z-index: 999;
    display: none;
    top: -1rem;
    right: 0;
    padding-top: 2rem;
    margin-left: 0;
  }
  body.mat-typography #left-side-bar .nav-logo .profile-dropdown ul {
    background-color: #ffffff;
    box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
    -webkit-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
    -moz-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.1215686275);
    width: 100%;
    padding: 1.2rem 0;
  }
  body.mat-typography #left-side-bar .nav-logo .profile-dropdown ul li {
    padding: 1.2rem 2.4rem;
    display: flex;
    align-items: center;
    color: #757575;
    font-size: 1.4rem;
  }
  body.mat-typography #left-side-bar .nav-logo .profile-dropdown ul li img {
    margin-right: 1rem;
  }
  body.mat-typography #left-side-bar .nav-logo .user-name:hover .profile-dropdown {
    display: inline-block;
  }
  body.mat-typography #left-side-bar a.mat-button mat-label {
    opacity: 1;
  }
  body.mat-typography #left-side-bar .submenu-level > a::before {
    visibility: visible;
  }
  body.mat-typography .dialog-wrapper {
    width: 100%;
    padding: 1.5rem;
  }
  body.mat-typography .dialog-wrapper .mat-dialog-actions {
    margin-top: 0;
    padding-top: 0;
  }
  body.mat-typography .cdk-overlay-pane {
    max-width: 95vw !important;
  }
  body.mat-typography .field-group {
    flex-wrap: wrap;
  }
  body.mat-typography .modal-close-btn {
    width: 2rem;
    height: 2rem;
    top: 0.2rem;
    right: 0.2rem;
  }
  #dashboard-wrapper {
    display: block;
    /*
        * Login Page
        * -------------------------------------------
        */
    /*
        * Main Pages
        * -------------------------------------------
        */
    /*
        * User Profile
        * -------------------------------------------
        */
    /*
        * Generic Component
        * -------------------------------------------
        */
  }
  #dashboard-wrapper.sidebar-open #left-side-bar {
    left: 0;
    width: 90%;
    z-index: 999;
  }
  #dashboard-wrapper .dialog-wrapper {
    margin: 2.5rem;
  }
  #dashboard-wrapper .mat-tab-body-content {
    padding: 1rem 2rem;
  }
  #dashboard-wrapper #splash-screen {
    background-image: url('splash-screen–bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    text-align: center;
  }
  #dashboard-wrapper #splash-screen img {
    width: 85%;
    margin: auto;
  }
  #dashboard-wrapper #login-wrapper {
    background-image: url('splash-screen–bg.svg');
    background-size: cover;
  }
  #dashboard-wrapper #login-wrapper .login-form {
    width: 100%;
    margin: 0 2rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
  #dashboard-wrapper #login-wrapper .login-form img.logo {
    width: 6.9rem;
    margin-left: 2.5rem;
  }
  #dashboard-wrapper #login-wrapper .login-form h1 {
    font-size: 2.2rem;
    margin-top: 1.6rem;
    margin-left: 2.5rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .oldmutual-logo {
    margin-bottom: 2.5rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .text-input {
    max-width: unset;
    padding: 1.1rem 0;
    font-size: 1.4rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .forgot-password-link {
    font-size: 1.4rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .mat-form-field-wrapper {
    padding-bottom: 0;
  }
  #dashboard-wrapper #login-wrapper .login-form .mat-form-field-wrapper mat-error {
    margin-top: 1.3rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .mat-form-field-wrapper label.mat-form-field-label {
    top: 0.9rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .mat-form-field-wrapper .view-value {
    top: 0.7rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .mat-form-field:first-child {
    margin-bottom: 1.3rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .regiter-link {
    font-size: 1.4rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .regiter-link button {
    font-size: 1.4rem;
  }
  #dashboard-wrapper #login-wrapper .login-form .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.3em) scale(0.75) perspective(10rem) translateZ(0.001px);
  }
  #dashboard-wrapper #dashboard-content {
    background-color: #ffffff;
    height: auto;
    overflow: auto;
  }
  #dashboard-wrapper #dashboard-content .inner-content {
    margin: 0 0.5rem;
    padding: 0 1.5rem;
    height: calc(100vh - 7.7rem);
    margin-top: -1rem;
  }
  #dashboard-wrapper #dashboard-content .inner-content .page-title {
    padding-top: 2.4rem;
    font-size: 1.8rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row {
    display: block !important;
    margin: 0;
    width: auto;
  }
  #dashboard-wrapper #dashboard-content .filter-row .text-input.table-col-count {
    min-width: unset;
  }
  #dashboard-wrapper #dashboard-content .filter-row .select-option-one {
    margin-bottom: 2.4rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .select-option-one .mat-form-field-wrapper {
    margin-right: 0;
    height: 4rem !important;
  }
  #dashboard-wrapper #dashboard-content .filter-row .select-option-one .mat-form-field-wrapper .mat-form-field-flex {
    padding-top: 0.8rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .select-option-one .mat-form-field-label {
    font-size: 1.4rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .filter-left {
    float: none;
    display: block !important;
  }
  #dashboard-wrapper #dashboard-content .filter-row .filter-right {
    float: none;
    display: block !important;
  }
  #dashboard-wrapper #dashboard-content .filter-row .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.3em) scale(0.75) perspective(100px) translateZ(0.001px);
  }
  #dashboard-wrapper #dashboard-content .filter-row .search-input-two .text-input.table-col-count {
    width: 100%;
    height: 1.3rem;
    padding-left: 0;
    padding-bottom: 1.1rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .search-input-two .text-input.table-col-count .mat-form-field-label {
    top: 1.2rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .search-input-two label.mat-form-field-label {
    top: 1.3rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .search-input-two button.search-btn {
    top: -0.3rem;
    right: -5rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .add-filter-btn {
    height: 4rem;
    margin-bottom: 1.8rem;
  }
  #dashboard-wrapper #dashboard-content .filter-row .primary-btn {
    margin-bottom: 2.5rem;
  }
  #dashboard-wrapper #dashboard-content .select-option-one.mat-form-field-should-float label.mat-form-field-label {
    transform: translateY(-1.09373em) scale(0.75);
    -webkit-transform: translateY(-1.09373em) scale(0.75);
    -moz-transform: translateY(-1.09373em) scale(0.75);
    -ms-transform: translateY(-1.09373em) scale(0.75);
  }
  #dashboard-wrapper #dashboard-content .table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 2.5rem;
  }
  #dashboard-wrapper #dashboard-content .table-wrapper table {
    width: max-content;
    box-shadow: 0 0 1.1rem rgba(0, 0, 0, 0.1215686275);
    border-radius: 1rem;
    margin-left: 1.5rem;
  }
  #dashboard-wrapper #dashboard-content .table-wrapper table td {
    padding-right: 2rem;
  }
  #dashboard-wrapper .user-profile.d-flex {
    display: block !important;
  }
  #dashboard-wrapper .user-profile .profile-info {
    height: auto;
    width: 100%;
    border-radius: 0.8rem;
    min-height: 19rem;
    padding: 0 1.6rem;
  }
  #dashboard-wrapper .user-profile .profile-info .profile-pic {
    float: left;
  }
  #dashboard-wrapper .user-profile .profile-info ul {
    float: left;
    margin-top: 5.2rem;
    margin-left: 3rem;
  }
  #dashboard-wrapper .user-profile .profile-details {
    padding-left: 0;
    margin-top: -0.2rem;
  }
  #dashboard-wrapper .col-4 {
    width: 100%;
    padding: 0 1.6rem;
    margin-bottom: 5rem;
    padding-left: 1.6rem !important;
  }
  #dashboard-wrapper .set-two-container {
    padding: 0 1.6rem;
  }
  #dashboard-wrapper .set-two-container .mat-grid-list {
    height: 50rem !important;
  }
  #dashboard-wrapper .set-two-container .mat-grid-list mat-grid-tile {
    height: 72rem !important;
  }
  #dashboard-wrapper .set-two-container .mat-grid-tile-content > div.d-flex {
    display: block !important;
  }
  #dashboard-wrapper .set-two-container .small-action-group {
    padding: 0.4rem;
  }
  #dashboard-wrapper .dialog-wrapper .mat-form-field {
    width: calc(51% - 1.5rem) !important;
  }
  #mobile-header {
    justify-content: space-between;
    background: rgb(80, 184, 72);
    background: linear-gradient(180deg, rgb(80, 184, 72) 0%, rgb(0, 150, 119) 100%);
    background: -moz-linear-gradient(180deg, rgb(80, 184, 72) 0%, rgb(0, 150, 119) 100%);
    position: fixed;
    width: 100%;
    padding: 10px 0;
    display: flex !important;
  }
  #mobile-header .mobile-search mat-icon {
    width: 3rem;
    height: 3rem;
  }
  #mobile-header .mobile-notification mat-icon {
    width: 3rem;
    height: 3rem;
  }
  #notification-wrapper {
    top: 6.5rem;
    position: fixed;
    width: 100%;
    background-color: #ffffff;
    padding: 2.4rem 1.6rem;
    border-radius: 1rem;
    display: block !important;
  }
  #notification-wrapper .notfication-head {
    justify-content: space-between;
  }
  #notification-wrapper .notfication-head h2 {
    font-weight: 500;
  }
  #notification-wrapper .notfication-head .mark-read-btn .mat-button-wrapper {
    color: #00C0E8;
  }
}
@media screen and (min-width: 1921px) {
  #left-side-bar nav ul li a {
    font-size: 2rem;
  }
  #main-header .header-inner .back-page {
    font-size: 2rem;
  }
  #main-header .header-inner .right-head-content .user-info .user-name {
    font-size: 2.4rem;
  }
  #main-header .header-inner .right-head-content .profile-dropdown ul li {
    font-size: 2rem;
  }
  .integration-stepper {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1600px) {
  .integration-stepper ul li {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1400px) {
  .integration-stepper {
    overflow-x: auto;
    justify-content: flex-start;
  }
  .integration-stepper::-webkit-scrollbar {
    height: 0.2rem;
  }
  .integration-stepper ul {
    min-width: 80rem;
  }
  .integration-stepper ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    white-space: initial;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1200px) {
  .integration-section ul {
    display: flex;
    flex-wrap: wrap;
  }
  .integration-section ul li {
    width: 45%;
    margin-right: 1.8rem;
  }
  .integration-section ul li:nth-child(3n) {
    margin-right: 1.8rem;
  }
  .inner-content {
    padding: 2rem;
  }
  body.mat-typography .mat-table th, body.mat-typography .mat-table td {
    font-size: 1.2rem;
  }
  table {
    min-width: 100rem;
  }
  #left-side-bar nav ul li a {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 991px) {
  .table-create .inbound-screen {
    flex-direction: column;
    height: unset;
  }
  .table-create .inbound-screen .etl-file {
    width: 100%;
  }
  .table-create .inbound-screen .etl-file:first-child {
    border-right: 0;
    padding-bottom: 4.6rem;
    border-bottom: 0.3rem solid #ffffff;
  }
  .table-create .or-label {
    color: #50B848;
    font-weight: bold;
    background-color: transparent;
    position: static;
    margin-top: -1.2rem;
    padding: 0;
  }
  .inbound-table .inbound-sec li.col-name {
    width: 25%;
  }
  .inbound-table .inbound-sec li.col-desc {
    width: 40%;
  }
  .inbound-table .table-name {
    max-width: 90%;
    margin-bottom: 2rem;
  }
  .upload-file {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  body.mat-typography #dashboard-content {
    width: 100% !important;
  }
  body.mat-typography .mat-accordion .mat-expansion-panel:first-of-type {
    border-top-right-radius: 0.8rem;
    border-top-left-radius: 0.8rem;
  }
  body.mat-typography .mat-accordion .mat-expansion-panel:not(.mat-expanded),
  body.mat-typography .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
    border-radius: 0.8rem;
  }
  body.mat-typography .mat-paginator-container {
    font-size: 1.2rem;
  }
  body.mat-typography mat-expansion-panel.mat-expansion-panel {
    margin-top: 0.4rem;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
  }
  body.mat-typography mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header {
    height: 5.6rem;
  }
  body.mat-typography mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .mat-expansion-panel-header-title {
    font-size: 1.6rem;
    padding-left: 2rem;
  }
  body.mat-typography mat-expansion-panel.mat-expansion-panel .mat-expansion-panel-header .page-title {
    padding-left: 2.3rem;
    margin-top: 2rem;
  }
  body.mat-typography .mat-paginator-range-actions .mat-paginator-range-label {
    margin-right: 0;
    font-size: 1.2rem;
  }
  body.mat-typography .mat-paginator-range-actions .mat-icon-button {
    width: 2rem;
  }
  body.mat-typography .secondary-btn,
  body.mat-typography .primary-btn {
    font-size: 1.4rem;
    height: 4rem;
    min-width: 12rem;
    margin-right: 0.5rem;
  }
  .integration-section ul li {
    width: 100%;
    margin-right: 0;
  }
  .integration-section ul li:nth-child(3n) {
    margin-right: 0;
  }
  .upload-file {
    width: 100%;
  }
  .outbound-single-screen .etl-file.file-upload img {
    width: 100%;
  }
}

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