/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/scss/style.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins: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/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Poppins", sans-serif;
}

.table-container {
  max-height: 400px;
  overflow-y: auto;
}

.toolbar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

mat-form-field {
  width: auto;
}

.search-field {
  width: 300px;
}

.sticky-header {
  position: sticky;
  top: 0;
  background: #fafafa;
  z-index: 2;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/scss/style.scss?ngGlobalStyle (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.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);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .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-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

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

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #112d93;
  --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-accent {
  --mat-option-selected-state-label-text-color: #ff4158;
  --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-warn {
  --mat-option-selected-state-label-text-color: #ff6692;
  --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);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #112d93;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #112d93;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4158;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4158;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff4158;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff4158;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff6692;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff6692;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 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-app-elevation-shadow-level-1: 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-app-elevation-shadow-level-2: 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-app-elevation-shadow-level-3: 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-app-elevation-shadow-level-4: 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-app-elevation-shadow-level-5: 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-app-elevation-shadow-level-6: 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-app-elevation-shadow-level-7: 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-app-elevation-shadow-level-8: 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-app-elevation-shadow-level-9: 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-app-elevation-shadow-level-10: 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-app-elevation-shadow-level-11: 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-app-elevation-shadow-level-12: 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-app-elevation-shadow-level-13: 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-app-elevation-shadow-level-14: 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-app-elevation-shadow-level-15: 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-app-elevation-shadow-level-16: 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-app-elevation-shadow-level-17: 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-app-elevation-shadow-level-18: 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-app-elevation-shadow-level-19: 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-app-elevation-shadow-level-20: 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-app-elevation-shadow-level-21: 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-app-elevation-shadow-level-22: 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-app-elevation-shadow-level-23: 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-app-elevation-shadow-level-24: 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);
}

html {
  --mat-option-label-text-font: Poppins;
  --mat-option-label-text-line-height: 20px;
  --mat-option-label-text-size: 14px;
  --mat-option-label-text-tracking: normal;
  --mat-option-label-text-weight: 400;
}

html {
  --mat-optgroup-label-text-font: Poppins;
  --mat-optgroup-label-text-line-height: 20px;
  --mat-optgroup-label-text-size: 14px;
  --mat-optgroup-label-text-tracking: normal;
  --mat-optgroup-label-text-weight: 400;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --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);
}

html {
  --mat-card-title-text-font: Poppins;
  --mat-card-title-text-line-height: 26px;
  --mat-card-title-text-size: 18px;
  --mat-card-title-text-tracking: normal;
  --mat-card-title-text-weight: 600;
  --mat-card-subtitle-text-font: Poppins;
  --mat-card-subtitle-text-line-height: 14px;
  --mat-card-subtitle-text-size: 14px;
  --mat-card-subtitle-text-tracking: normal;
  --mat-card-subtitle-text-weight: 400;
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #112d93;
  --mdc-linear-progress-track-color: rgba(17, 45, 147, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #ff4158;
  --mdc-linear-progress-track-color: rgba(255, 65, 88, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ff6692;
  --mdc-linear-progress-track-color: rgba(255, 102, 146, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-plain-tooltip-supporting-text-font: Poppins;
  --mdc-plain-tooltip-supporting-text-size: 16px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: normal;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #112d93;
  --mdc-filled-text-field-focus-active-indicator-color: #112d93;
  --mdc-filled-text-field-focus-label-text-color: rgba(17, 45, 147, 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-hover-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-hover-label-text-color: #ff6692;
  --mdc-filled-text-field-error-focus-label-text-color: #ff6692;
  --mdc-filled-text-field-error-label-text-color: #ff6692;
  --mdc-filled-text-field-error-caret-color: #ff6692;
  --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: #ff6692;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ff6692;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ff6692;
  --mdc-outlined-text-field-caret-color: #112d93;
  --mdc-outlined-text-field-focus-outline-color: #112d93;
  --mdc-outlined-text-field-focus-label-text-color: rgba(17, 45, 147, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-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: #ff6692;
  --mdc-outlined-text-field-error-focus-label-text-color: #ff6692;
  --mdc-outlined-text-field-error-label-text-color: #ff6692;
  --mdc-outlined-text-field-error-hover-label-text-color: #ff6692;
  --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: #ff6692;
  --mdc-outlined-text-field-error-hover-outline-color: #ff6692;
  --mdc-outlined-text-field-error-outline-color: #ff6692;
  --mat-form-field-focus-select-arrow-color: rgba(17, 45, 147, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #ff6692;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #ff4158;
  --mdc-filled-text-field-focus-active-indicator-color: #ff4158;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 65, 88, 0.87);
  --mdc-outlined-text-field-caret-color: #ff4158;
  --mdc-outlined-text-field-focus-outline-color: #ff4158;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 65, 88, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 65, 88, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ff6692;
  --mdc-filled-text-field-focus-active-indicator-color: #ff6692;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 102, 146, 0.87);
  --mdc-outlined-text-field-caret-color: #ff6692;
  --mdc-outlined-text-field-focus-outline-color: #ff6692;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 102, 146, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 102, 146, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mdc-filled-text-field-label-text-font: Poppins;
  --mdc-filled-text-field-label-text-size: 14px;
  --mdc-filled-text-field-label-text-tracking: normal;
  --mdc-filled-text-field-label-text-weight: 400;
  --mdc-outlined-text-field-label-text-font: Poppins;
  --mdc-outlined-text-field-label-text-size: 14px;
  --mdc-outlined-text-field-label-text-tracking: normal;
  --mdc-outlined-text-field-label-text-weight: 400;
  --mat-form-field-container-text-font: Poppins;
  --mat-form-field-container-text-line-height: 20px;
  --mat-form-field-container-text-size: 14px;
  --mat-form-field-container-text-tracking: normal;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-outlined-label-text-populated-size: 14px;
  --mat-form-field-subscript-text-font: Poppins;
  --mat-form-field-subscript-text-line-height: 24px;
  --mat-form-field-subscript-text-size: 16px;
  --mat-form-field-subscript-text-tracking: normal;
  --mat-form-field-subscript-text-weight: 400;
}

html {
  --mat-select-container-elevation-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);
}

html {
  --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(17, 45, 147, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 102, 146, 0.87);
}
html .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(255, 65, 88, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 102, 146, 0.87);
}
html .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(255, 102, 146, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 102, 146, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-select-trigger-text-font: Poppins;
  --mat-select-trigger-text-line-height: 20px;
  --mat-select-trigger-text-size: 14px;
  --mat-select-trigger-text-tracking: normal;
  --mat-select-trigger-text-weight: 400;
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --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);
}

html {
  --mdc-dialog-subhead-font: Poppins;
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 600;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: Poppins;
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal;
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-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-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #112d93;
  --mdc-chip-elevated-selected-container-color: #112d93;
  --mdc-chip-elevated-disabled-container-color: #112d93;
  --mdc-chip-flat-disabled-selected-container-color: #112d93;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff4158;
  --mdc-chip-elevated-selected-container-color: #ff4158;
  --mdc-chip-elevated-disabled-container-color: #ff4158;
  --mdc-chip-flat-disabled-selected-container-color: #ff4158;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff6692;
  --mdc-chip-elevated-selected-container-color: #ff6692;
  --mdc-chip-elevated-disabled-container-color: #ff6692;
  --mdc-chip-flat-disabled-selected-container-color: #ff6692;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

.mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Poppins;
  --mdc-chip-label-text-line-height: 22px;
  --mdc-chip-label-text-size: 16px;
  --mdc-chip-label-text-tracking: normal;
  --mdc-chip-label-text-weight: 400;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-track-color: #2871e6;
  --mdc-switch-selected-hover-track-color: #2871e6;
  --mdc-switch-selected-pressed-track-color: #2871e6;
  --mdc-switch-selected-track-color: #2871e6;
  --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: #fff;
  --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;
  --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-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-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html {
  --mdc-switch-state-layer-size: 40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Poppins;
  --mat-switch-label-text-line-height: 22px;
  --mat-switch-label-text-size: 16px;
  --mat-switch-label-text-tracking: normal;
  --mat-switch-label-text-weight: 400;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-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: #112d93;
  --mdc-radio-selected-hover-icon-color: #112d93;
  --mdc-radio-selected-icon-color: #112d93;
  --mdc-radio-selected-pressed-icon-color: #112d93;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #112d93;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-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: #ff4158;
  --mdc-radio-selected-hover-icon-color: #ff4158;
  --mdc-radio-selected-icon-color: #ff4158;
  --mdc-radio-selected-pressed-icon-color: #ff4158;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff4158;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-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: #ff6692;
  --mdc-radio-selected-hover-icon-color: #ff6692;
  --mdc-radio-selected-icon-color: #ff6692;
  --mdc-radio-selected-pressed-icon-color: #ff6692;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff6692;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-radio-label-text-font: Poppins;
  --mat-radio-label-text-line-height: 22px;
  --mat-radio-label-text-size: 16px;
  --mat-radio-label-text-tracking: normal;
  --mat-radio-label-text-weight: 400;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-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);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #112d93;
  --mdc-slider-focus-handle-color: #112d93;
  --mdc-slider-hover-handle-color: #112d93;
  --mdc-slider-active-track-color: #112d93;
  --mdc-slider-inactive-track-color: #112d93;
  --mdc-slider-with-tick-marks-inactive-container-color: #112d93;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #112d93;
  --mat-slider-hover-state-layer-color: rgba(17, 45, 147, 0.05);
  --mat-slider-focus-state-layer-color: rgba(17, 45, 147, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #ff4158;
  --mdc-slider-focus-handle-color: #ff4158;
  --mdc-slider-hover-handle-color: #ff4158;
  --mdc-slider-active-track-color: #ff4158;
  --mdc-slider-inactive-track-color: #ff4158;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff4158;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #ff4158;
  --mat-slider-hover-state-layer-color: rgba(255, 65, 88, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 65, 88, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #ff6692;
  --mdc-slider-focus-handle-color: #ff6692;
  --mdc-slider-hover-handle-color: #ff6692;
  --mdc-slider-active-track-color: #ff6692;
  --mdc-slider-inactive-track-color: #ff6692;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff6692;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #ff6692;
  --mat-slider-hover-state-layer-color: rgba(255, 102, 146, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 102, 146, 0.2);
}

html {
  --mdc-slider-label-label-text-font: Poppins;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 14px;
  --mdc-slider-label-label-text-tracking: normal;
  --mdc-slider-label-label-text-weight: 400;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}

html {
  --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-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Poppins;
  --mat-menu-item-label-text-size: 14px;
  --mat-menu-item-label-text-tracking: normal;
  --mat-menu-item-label-text-line-height: 20px;
  --mat-menu-item-label-text-weight: 400;
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-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: #112d93;
  --mdc-radio-selected-hover-icon-color: #112d93;
  --mdc-radio-selected-icon-color: #112d93;
  --mdc-radio-selected-pressed-icon-color: #112d93;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-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: #ff4158;
  --mdc-radio-selected-hover-icon-color: #ff4158;
  --mdc-radio-selected-icon-color: #ff4158;
  --mdc-radio-selected-pressed-icon-color: #ff4158;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-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: #ff6692;
  --mdc-radio-selected-hover-icon-color: #ff6692;
  --mdc-radio-selected-icon-color: #ff6692;
  --mdc-radio-selected-pressed-icon-color: #ff6692;
}

.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: white;
  --mdc-checkbox-selected-focus-icon-color: #112d93;
  --mdc-checkbox-selected-hover-icon-color: #112d93;
  --mdc-checkbox-selected-icon-color: #112d93;
  --mdc-checkbox-selected-pressed-icon-color: #112d93;
  --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-selected-focus-state-layer-color: #112d93;
  --mdc-checkbox-selected-hover-state-layer-color: #112d93;
  --mdc-checkbox-selected-pressed-state-layer-color: #112d93;
  --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-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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4158;
  --mdc-checkbox-selected-hover-icon-color: #ff4158;
  --mdc-checkbox-selected-icon-color: #ff4158;
  --mdc-checkbox-selected-pressed-icon-color: #ff4158;
  --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-selected-focus-state-layer-color: #ff4158;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4158;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4158;
  --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-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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff6692;
  --mdc-checkbox-selected-hover-icon-color: #ff6692;
  --mdc-checkbox-selected-icon-color: #ff6692;
  --mdc-checkbox-selected-pressed-icon-color: #ff6692;
  --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-selected-focus-state-layer-color: #ff6692;
  --mdc-checkbox-selected-hover-state-layer-color: #ff6692;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff6692;
  --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-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #112d93;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --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-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mdc-list-list-item-label-text-font: Poppins;
  --mdc-list-list-item-label-text-line-height: 20px;
  --mdc-list-list-item-label-text-size: 14px;
  --mdc-list-list-item-label-text-tracking: normal;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Poppins;
  --mdc-list-list-item-supporting-text-line-height: 22px;
  --mdc-list-list-item-supporting-text-size: 16px;
  --mdc-list-list-item-supporting-text-tracking: normal;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Poppins;
  --mdc-list-list-item-trailing-supporting-text-line-height: 24px;
  --mdc-list-list-item-trailing-supporting-text-size: 16px;
  --mdc-list-list-item-trailing-supporting-text-tracking: normal;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 500 21px / 26px Poppins;
  letter-spacing: normal;
}

html {
  --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);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mat-paginator-container-text-font: Poppins;
  --mat-paginator-container-text-line-height: 24px;
  --mat-paginator-container-text-size: 16px;
  --mat-paginator-container-text-tracking: normal;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 16px;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #112d93;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #112d93;
  --mat-tab-header-active-ripple-color: #112d93;
  --mat-tab-header-inactive-ripple-color: #112d93;
  --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: #112d93;
  --mat-tab-header-active-hover-label-text-color: #112d93;
  --mat-tab-header-active-focus-indicator-color: #112d93;
  --mat-tab-header-active-hover-indicator-color: #112d93;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #ff4158;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff4158;
  --mat-tab-header-active-ripple-color: #ff4158;
  --mat-tab-header-inactive-ripple-color: #ff4158;
  --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: #ff4158;
  --mat-tab-header-active-hover-label-text-color: #ff4158;
  --mat-tab-header-active-focus-indicator-color: #ff4158;
  --mat-tab-header-active-hover-indicator-color: #ff4158;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ff6692;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff6692;
  --mat-tab-header-active-ripple-color: #ff6692;
  --mat-tab-header-inactive-ripple-color: #ff6692;
  --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: #ff6692;
  --mat-tab-header-active-hover-label-text-color: #ff6692;
  --mat-tab-header-active-focus-indicator-color: #ff6692;
  --mat-tab-header-active-hover-indicator-color: #ff6692;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #112d93;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #ff4158;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ff6692;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

.mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Poppins;
  --mat-tab-header-label-text-size: 16px;
  --mat-tab-header-label-text-tracking: normal;
  --mat-tab-header-label-text-line-height: 20px;
  --mat-tab-header-label-text-weight: 600;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff4158;
  --mdc-checkbox-selected-hover-icon-color: #ff4158;
  --mdc-checkbox-selected-icon-color: #ff4158;
  --mdc-checkbox-selected-pressed-icon-color: #ff4158;
  --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-selected-focus-state-layer-color: #ff4158;
  --mdc-checkbox-selected-hover-state-layer-color: #ff4158;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff4158;
  --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-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.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: white;
  --mdc-checkbox-selected-focus-icon-color: #112d93;
  --mdc-checkbox-selected-hover-icon-color: #112d93;
  --mdc-checkbox-selected-icon-color: #112d93;
  --mdc-checkbox-selected-pressed-icon-color: #112d93;
  --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-selected-focus-state-layer-color: #112d93;
  --mdc-checkbox-selected-hover-state-layer-color: #112d93;
  --mdc-checkbox-selected-pressed-state-layer-color: #112d93;
  --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-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: white;
  --mdc-checkbox-selected-focus-icon-color: #ff6692;
  --mdc-checkbox-selected-hover-icon-color: #ff6692;
  --mdc-checkbox-selected-icon-color: #ff6692;
  --mdc-checkbox-selected-pressed-icon-color: #ff6692;
  --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-selected-focus-state-layer-color: #ff6692;
  --mdc-checkbox-selected-hover-state-layer-color: #ff6692;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff6692;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mat-checkbox-label-text-font: Poppins;
  --mat-checkbox-label-text-line-height: 22px;
  --mat-checkbox-label-text-size: 16px;
  --mat-checkbox-label-text-tracking: normal;
  --mat-checkbox-label-text-weight: 400;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-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);
  --mdc-protected-button-disabled-container-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-protected-button-focus-container-elevation-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);
  --mdc-protected-button-hover-container-elevation-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);
  --mdc-protected-button-pressed-container-elevation-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);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --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);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --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);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #112d93;
  --mat-text-button-state-layer-color: #112d93;
  --mat-text-button-ripple-color: rgba(17, 45, 147, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #ff4158;
  --mat-text-button-state-layer-color: #ff4158;
  --mat-text-button-ripple-color: rgba(255, 65, 88, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ff6692;
  --mat-text-button-state-layer-color: #ff6692;
  --mat-text-button-ripple-color: rgba(255, 102, 146, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #112d93;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #ff4158;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ff6692;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #112d93;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #ff4158;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ff6692;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #112d93;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #112d93;
  --mat-outlined-button-ripple-color: rgba(17, 45, 147, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #ff4158;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff4158;
  --mat-outlined-button-ripple-color: rgba(255, 65, 88, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ff6692;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #ff6692;
  --mat-outlined-button-ripple-color: rgba(255, 102, 146, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-text-button-label-text-font: Poppins;
  --mdc-text-button-label-text-size: 16px;
  --mdc-text-button-label-text-tracking: normal;
  --mdc-text-button-label-text-weight: 600;
  --mdc-text-button-label-text-transform: none;
  --mdc-filled-button-label-text-font: Poppins;
  --mdc-filled-button-label-text-size: 16px;
  --mdc-filled-button-label-text-tracking: normal;
  --mdc-filled-button-label-text-weight: 600;
  --mdc-filled-button-label-text-transform: none;
  --mdc-protected-button-label-text-font: Poppins;
  --mdc-protected-button-label-text-size: 16px;
  --mdc-protected-button-label-text-tracking: normal;
  --mdc-protected-button-label-text-weight: 600;
  --mdc-protected-button-label-text-transform: none;
  --mdc-outlined-button-label-text-font: Poppins;
  --mdc-outlined-button-label-text-size: 16px;
  --mdc-outlined-button-label-text-tracking: normal;
  --mdc-outlined-button-label-text-weight: 600;
  --mdc-outlined-button-label-text-transform: none;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #112d93;
  --mat-icon-button-state-layer-color: #112d93;
  --mat-icon-button-ripple-color: rgba(17, 45, 147, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #ff4158;
  --mat-icon-button-state-layer-color: #ff4158;
  --mat-icon-button-ripple-color: rgba(255, 65, 88, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ff6692;
  --mat-icon-button-state-layer-color: #ff6692;
  --mat-icon-button-ripple-color: rgba(255, 102, 146, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

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

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-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);
  --mdc-fab-focus-container-elevation-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);
  --mdc-fab-hover-container-elevation-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);
  --mdc-fab-pressed-container-elevation-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);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-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);
  --mdc-fab-small-focus-container-elevation-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);
  --mdc-fab-small-hover-container-elevation-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);
  --mdc-fab-small-pressed-container-elevation-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);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-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);
  --mdc-extended-fab-focus-container-elevation-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);
  --mdc-extended-fab-hover-container-elevation-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);
  --mdc-extended-fab-pressed-container-elevation-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);
}

html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #112d93;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #ff4158;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ff6692;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #112d93;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #ff4158;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ff6692;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-extended-fab-label-text-font: Poppins;
  --mdc-extended-fab-label-text-size: 16px;
  --mdc-extended-fab-label-text-tracking: normal;
  --mdc-extended-fab-label-text-weight: 600;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #ff4158;
}

html {
  --mdc-snackbar-supporting-text-font: Poppins;
  --mdc-snackbar-supporting-text-line-height: 22px;
  --mdc-snackbar-supporting-text-size: 16px;
  --mdc-snackbar-supporting-text-weight: 400;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --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);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mat-table-header-headline-font: Poppins;
  --mat-table-header-headline-line-height: 14px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 400;
  --mat-table-header-headline-tracking: normal;
  --mat-table-row-item-label-text-font: Poppins;
  --mat-table-row-item-label-text-line-height: 22px;
  --mat-table-row-item-label-text-size: 16px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: normal;
  --mat-table-footer-supporting-text-font: Poppins;
  --mat-table-footer-supporting-text-line-height: 22px;
  --mat-table-footer-supporting-text-size: 16px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: normal;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #112d93;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #ff4158;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ff6692;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #112d93;
  --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: #ff4158;
  --mat-badge-text-color: white;
}

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

html {
  --mat-badge-text-font: Poppins;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

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

html {
  --mat-bottom-sheet-container-text-font: Poppins;
  --mat-bottom-sheet-container-text-line-height: 22px;
  --mat-bottom-sheet-container-text-size: 16px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

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-legacy-button-toggle-label-text-font: Poppins;
  --mat-legacy-button-toggle-label-text-line-height: 20px;
  --mat-legacy-button-toggle-label-text-size: 14px;
  --mat-legacy-button-toggle-label-text-tracking: normal;
  --mat-legacy-button-toggle-label-text-weight: 400;
  --mat-standard-button-toggle-label-text-font: Poppins;
  --mat-standard-button-toggle-label-text-line-height: 20px;
  --mat-standard-button-toggle-label-text-size: 14px;
  --mat-standard-button-toggle-label-text-tracking: normal;
  --mat-standard-button-toggle-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #112d93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(17, 45, 147, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(17, 45, 147, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(17, 45, 147, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #112d93;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(17, 45, 147, 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-text-color: black;
  --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: #ff4158;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 65, 88, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 65, 88, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 65, 88, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 65, 88, 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: #ff6692;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 102, 146, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 102, 146, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 102, 146, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 102, 146, 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: #ff4158;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ff6692;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.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;
}

html {
  --mat-datepicker-calendar-text-font: Poppins;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 16px;
  --mat-datepicker-calendar-body-label-text-weight: 600;
  --mat-datepicker-calendar-period-button-text-size: 16px;
  --mat-datepicker-calendar-period-button-text-weight: 600;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-divider-width: 1px;
}

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

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

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-expansion-header-text-font: Poppins;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Poppins;
  --mat-expansion-container-text-line-height: 22px;
  --mat-expansion-container-text-size: 16px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

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

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

.mat-icon.mat-primary {
  --mat-icon-color: #112d93;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4158;
}
.mat-icon.mat-warn {
  --mat-icon-color: #ff6692;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
}

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: #112d93;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #112d93;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #112d93;
  --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: #ff6692;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #ff6692;
  --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: #ff4158;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4158;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4158;
  --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: #ff6692;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff6692;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff6692;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

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

html {
  --mat-stepper-container-text-font: Poppins;
  --mat-stepper-header-label-text-font: Poppins;
  --mat-stepper-header-label-text-size: 16px;
  --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: 400;
}

html {
  --mat-sort-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: #112d93;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4158;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ff6692;
  --mat-toolbar-container-text-color: white;
}

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

html {
  --mat-toolbar-title-text-font: Poppins;
  --mat-toolbar-title-text-line-height: 26px;
  --mat-toolbar-title-text-size: 18px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 600;
}

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

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

html {
  --mat-tree-node-text-font: Poppins;
  --mat-tree-node-text-size: 16px;
  --mat-tree-node-text-weight: 400;
}

.mdc-list-item:hover::before {
  --mdc-list-list-item-hover-state-layer-color: #4e84c4;
  --mdc-list-list-item-focus-state-layer-color: #4e84c4;
}

.bg-primary {
  background: #112d93 !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused {
  border-color: #112d93 !important;
}

.mat-mdc-mini-fab .mat-mdc-button-persistent-ripple::before {
  background-color: #112d93 !important;
}

.mat-mdc-mini-fab.mat-inherit:hover {
  color: #112d93 !important;
}

.mat-mdc-outlined-button.mat-primary {
  border-color: #112d93 !important;
}
.mat-mdc-outlined-button.mat-accent {
  border-color: #ff4158 !important;
}
.mat-mdc-outlined-button.mat-warn {
  border-color: #ff6692 !important;
}

.switch-theme button {
  margin-left: 18px;
}

.chips-topbar .mat-mdc-standard-chip {
  --mdc-chip-elevated-container-color: rgba(0, 111, 238, 0.05);
  --mdc-chip-elevated-disabled-container-color: #f2f6fa !important;
  --mdc-chip-flat-disabled-selected-container-color: #f2f6fa !important;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  --mat-radio-ripple-color: #f2f6fa !important;
}

.mdc-list-item:focus::before {
  --mdc-list-list-item-focus-state-layer-color: #f2f6fa !important;
}

:root {
  --mat-divider-color: #e0e6eb;
  --trans-02: all 0.2s ease;
  --trans-03: all 0.3s ease;
  --trans-04: all 0.4s ease;
  --trans-03: all 0.5s ease;
}

.mat-mdc-nav-list .mat-mdc-list-item {
  --mat-list-active-indicator-shape: 12px;
}

.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-shape: 12px;
}

.mat-mdc-card {
  --mdc-elevated-card-container-shape: 12px;
}

.mdc-button {
  --mdc-filled-button-container-shape: 8px;
  --mdc-text-button-container-shape: 8px;
  --mdc-protected-button-container-shape: 8px;
  --mdc-outlined-button-container-shape: 8px;
  --mat-standard-button-toggle-shape: 8px;
}

.mdc-text-field,
.mdc-text-field--outlined {
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-color: rgba(17, 45, 147, 0.4);
  --mdc-outlined-text-field-input-text-color: #112d93;
  --mdc-outlined-text-field-hover-outline-color: #112d93;
}

.mat-mdc-menu-panel {
  --mat-menu-container-shape: 12px;
}

.mdc-list-item:hover::before {
  --mdc-list-list-item-hover-state-layer-opacity: 0.09;
}

.mat-mdc-mini-fab {
  --mat-fab-small-foreground-color: #112d93 !important;
}

.light-theme {
  --mat-expansion-header-indicator-color: #ff4158;
  --mat-expansion-header-text-size: 1.25rem;
  --mat-expansion-header-text-weight: 600;
  --mat-expansion-header-text-line-height: 1.2;
  /*Botón mini-fab*/
  /* Se agrega color de fondo para los text input de tipo outlined cuando está deshabilitado*/
  --mdc-switch-selected-focus-track-color: #112d93;
  --mdc-switch-selected-hover-track-color: #112d93;
  --mdc-switch-selected-pressed-track-color: #112d93;
  --mdc-switch-selected-track-color: #112d93;
  --mdc-switch-unselected-focus-handle-color: #ffffff;
  --mdc-switch-unselected-focus-track-color: #64748B;
  --mdc-switch-unselected-handle-color: #ffffff;
  --mdc-switch-unselected-hover-handle-color: #ffffff;
  --mdc-switch-unselected-hover-track-color: #64748B;
  --mdc-switch-unselected-pressed-handle-color: #ffffff;
  --mdc-switch-unselected-track-color: #64748B;
  /* Cambia el color de fondo del header del componente table */
  /* Padding interno para las celdas del tbody */
  --mat-table-header-headline-line-height: 1.2;
  --mat-table-row-item-label-text-line-height: 1.2;
  --mat-table-header-headline-color: #3A4A61;
  --mat-table-row-item-label-text-color: #64748B;
  --mat-expansion-container-background-color: rgba(78, 132, 196, 0.1);
  --mat-expansion-header-text-color: #3A4A61;
  /*Otros*/
}
.light-theme .mat-expansion-panel {
  margin: 0px 0px 10px 0px;
  border-radius: 10px !important;
}
.light-theme .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 30px;
}
.light-theme .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 30px;
}
.light-theme .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 30px 30px;
}
.light-theme .mat-accordion .mat-expansion-panel:not(.mat-expanded),
.light-theme .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 10px;
}
.light-theme .mat-mdc-tab-header {
  --mat-tab-header-label-text-weight: 600;
  gap: 0px;
}
.light-theme .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: #ff4158 !important;
  width: 80%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 3px solid;
}
.light-theme .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #112d93 !important;
}
.light-theme .mat-mdc-tab-header-pagination-chevron {
  --mat-tab-header-pagination-icon-color: #ff4158;
}
.light-theme .mat-mdc-tab-labels {
  gap: 3px;
}
.light-theme .mat-form-field-appearance-outline {
  --mat-datepicker-calendar-period-button-icon-color: #ff4158;
  --mat-datepicker-calendar-header-text-size: 1rem;
}
.light-theme .mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3.2 5.74a.75.75 0 0 1 1.06-.04L8 9.227L11.74 5.7a.75.75 0 1 1 1.02 1.1l-4.25 4a.75.75 0 0 1-1.02 0l-4.25-4a.75.75 0 0 1-.04-1.06'/%3E%3C/svg%3E");
  background-color: #ff4158 !important;
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.light-theme .mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  transform: none;
}
.light-theme .mat-form-field-appearance-outline .mat-form-field-disabled .mat-mdc-text-field-wrapper .mat-mdc-select-arrow {
  background-color: rgba(100, 116, 139, 0.5) !important;
}
.light-theme .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-select-arrow {
  transform: rotate(180deg);
}
.light-theme .mat-form-field-appearance-outline .mat-mdc-select-placeholder {
  transition: none;
}
.light-theme .mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button .mat-datepicker-toggle-default-icon {
  display: none;
}
.light-theme .mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ff4158' stroke-width='2.5'%3E%3Cpath d='M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z'/%3E%3Cpath stroke-linecap='round' d='M7 4V2.5M17 4V2.5M2.5 9h19'/%3E%3C/g%3E%3C/svg%3E");
}
.light-theme .mat-form-field-appearance-outline .mdc-line-ripple {
  display: none;
}
.light-theme .mat-form-field-appearance-outline .mat-calendar span {
  text-transform: lowercase;
}
.light-theme .mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4h-2V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m1 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-7h16Zm0-9H4V7a1 1 0 0 1 1-1h2v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h2a1 1 0 0 1 1 1Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.light-theme .mat-mdc-mini-fab:not(.mdc-fab--extended) {
  --mdc-fab-small-container-shape: 30%;
}
.light-theme .mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.light-theme .mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.light-theme .mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  background-color: rgba(100, 116, 139, 0.05);
}
.light-theme .mat-mdc-paginator {
  width: 100%;
}
.light-theme .mdc-switch--selected .mdc-switch__icon--on,
.light-theme .mdc-switch--unselected .mdc-switch__icon--off {
  opacity: 0;
}
.light-theme .mat-mdc-tooltip-surface {
  font-size: 0.75rem;
}
.light-theme .custom-chips-mantis .mat-mdc-standard-chip {
  border-radius: 4px;
  width: 85px;
  height: 24px;
  max-height: 24px;
  display: flex;
  align-items: center;
}
.light-theme .custom-chips-mantis .mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.light-theme .custom-chips-mantis .mat-mdc-standard-chip .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 0;
}
.light-theme .custom-chips-mantis .resuelta,
.light-theme .custom-chips-mantis .resuleta {
  background-color: rgba(23, 201, 100, 0.2) !important;
}
.light-theme .custom-chips-mantis .resuelta span,
.light-theme .custom-chips-mantis .resuleta span {
  color: #039855 !important;
}
.light-theme .custom-chips-mantis .confirmada {
  background-color: rgba(245, 165, 36, 0.2) !important;
}
.light-theme .custom-chips-mantis .confirmada span {
  color: #ff4158 !important;
}
.light-theme .custom-chips-mantis .asignada,
.light-theme .custom-chips-mantis .asignado,
.light-theme .custom-chips-mantis .pendiente {
  background-color: rgba(17, 45, 147, 0.2) !important;
}
.light-theme .custom-chips-mantis .asignada span,
.light-theme .custom-chips-mantis .asignado span,
.light-theme .custom-chips-mantis .pendiente span {
  color: #112d93 !important;
}
.light-theme .custom-chips-mantis .nueva {
  background-color: rgba(243, 18, 96, 0.2) !important;
}
.light-theme .custom-chips-mantis .nueva span {
  color: #F31260 !important;
}
.light-theme .custom-chips-mantis .cerrado,
.light-theme .custom-chips-mantis .cerrada {
  background-color: rgba(212, 212, 216, 0.4) !important;
}
.light-theme .custom-chips-mantis .cerrado span,
.light-theme .custom-chips-mantis .cerrada span {
  color: #3A4A61 !important;
}
.light-theme .mat-mdc-raised-button.mat-primary,
.light-theme .mat-mdc-raised-button.mat-accent,
.light-theme .mat-mdc-raised-button.mat-warn,
.light-theme .mat-mdc-unelevated-button.mat-primary,
.light-theme .mat-mdc-unelevated-button.mat-accent,
.light-theme .mat-mdc-unelevated-button.mat-warn,
.light-theme .mdc-fab.mat-primary,
.light-theme .mdc-fab.mat-accent,
.light-theme .mdc-fab.mat-warn {
  color: white;
}
.light-theme .mat-mdc-unelevated-button[disabled],
.light-theme .mat-mdc-unelevated-button.mat-mdc-button-disabled,
.light-theme .mat-mdc-raised-button[disabled],
.light-theme .mat-mdc-raised-button.mat-mdc-button-disabled .mdc-fab[disabled],
.light-theme .mdc-fab.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-filled-button-disabled-label-text-color);
  background-color: var(--mdc-filled-button-disabled-container-color);
}
.light-theme .mat-mdc-raised-button {
  box-shadow: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
}
.light-theme .mat-mdc-fab,
.light-theme .mat-mdc-mini-fab,
.light-theme .mat-mdc-fab:hover,
.light-theme .mat-mdc-fab:focus,
.light-theme .mat-mdc-mini-fab:hover,
.light-theme .mat-mdc-mini-fab:focus {
  box-shadow: none;
}
.light-theme .mat-button-toggle-button {
  font-size: 14px;
}
@media (min-width: 768px) {
  .light-theme .flex-sm-row {
    flex-direction: row !important;
  }
}
.light-theme .flex-column {
  flex-direction: column;
}
.light-theme .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.2 !important;
}
.light-theme .mat-mdc-mini-fab.mat-inherit {
  background-color: transparent !important;
}
.light-theme .btn-raised {
  width: 100%;
  height: 56px;
}
.light-theme .btn-file-download-excel {
  width: 182;
  height: 56px;
}
.light-theme .btn-file-download-pdf {
  width: 167px;
  height: 56px;
}
.light-theme .custom-toggle-group-two, .light-theme .custom-toggle-group-one {
  height: 32px;
  border-radius: 10px;
}
.light-theme .custom-toggle-group-two:not(.custom-toggle-group-diabled), .light-theme .custom-toggle-group-one:not(.custom-toggle-group-diabled) {
  border: solid 1px #ff4158;
}
.light-theme .custom-toggle-group-two .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled), .light-theme .custom-toggle-group-one .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled) {
  color: #ff4158;
  background: rgba(255, 65, 88, 0.1);
}
.light-theme .custom-toggle-group-two .mat-button-toggle-label-content, .light-theme .custom-toggle-group-one .mat-button-toggle-label-content {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  height: 100%;
}
.light-theme .custom-toggle-group-two .mat-button-toggle-label-content svg g, .light-theme .custom-toggle-group-one .mat-button-toggle-label-content svg g,
.light-theme .custom-toggle-group-two .mat-button-toggle-label-content svg path,
.light-theme .custom-toggle-group-one .mat-button-toggle-label-content svg path {
  stroke-width: 2.5;
}
.light-theme .custom-toggle-group-two .mat-button-toggle-button, .light-theme .custom-toggle-group-one .mat-button-toggle-button {
  height: 100%;
}
.light-theme .custom-toggle-group-two .mat-button-toggle-appearance-standard.mat-button-toggle-checked:not(.mat-button-toggle-disabled), .light-theme .custom-toggle-group-one .mat-button-toggle-appearance-standard.mat-button-toggle-checked:not(.mat-button-toggle-disabled) {
  color: #ff4158;
}
.light-theme .custom-toggle-group-one {
  min-width: 45px;
}
.light-theme .custom-toggle-group-two {
  min-width: 90px;
}
.light-theme .custom-toggle-group-two .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-left: solid 1px #979797;
}
.light-theme .custom-toggle-group-multiple {
  height: 2.25rem;
  border-radius: 10px;
  border: solid 1px #112d93;
}
.light-theme .custom-toggle-group-multiple mat-button-toggle {
  min-width: 11.875rem;
}
.light-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard {
  color: #112d93;
}
.light-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 12px;
  line-height: 2.25rem;
}
.light-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  color: #ffffff;
  background: #112d93;
}
.light-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-left: solid 1px #112d93;
}
.light-theme .custom-toggle-group-multiple .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.light-theme .custom-toggle-group-multiple .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: #ffffff;
}
.light-theme .dual-icon-download-button {
  width: 100%;
  min-height: 3.25rem;
  min-width: fit-content;
  height: auto;
  overflow: hidden;
  border-color: #112d93;
  background-color: rgba(17, 45, 147, 0.1);
  border-radius: 6px;
}
.light-theme .dual-icon-download-button .mdc-button__label {
  width: 100%;
  text-align: start;
}
.light-theme .dual-icon-download-button .mdc-button__label svg {
  min-width: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}
.light-theme .dual-icon-download-button .mdc-button__label svg path {
  stroke-width: 2.5;
}
.light-theme .dual-icon-download-button div span {
  width: 100%;
}
.light-theme .boton-opciones-naranja {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #ff4158 !important;
  background: rgba(255, 65, 88, 0.1);
  border: 1px solid #ff4158;
  border-radius: 8px;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer;
}
.light-theme .boton-opciones-naranja:hover {
  background: rgba(255, 65, 88, 0.2);
}
.light-theme .fab-with-label {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 40px;
}
.light-theme .fab-with-label .fab-label {
  visibility: hidden;
  color: #112d93;
}
.light-theme .fab-with-label:has(button:hover) {
  background-color: #e6f0fe !important;
  width: auto;
}
.light-theme .fab-with-label:has(button:hover) .fab-label {
  padding-right: 0.875rem;
  padding-left: 0.875rem;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 1;
  visibility: visible;
}
.light-theme .mat-mdc-outlined-button.mat-primary {
  border-color: unset !important;
}
.light-theme .mat-drawer {
  background-color: white;
}
.light-theme .mat-drawer-container {
  background-color: white;
}
.light-theme .mat-mdc-card-header {
  padding: 30px 30px 0;
}
.light-theme .mat-mdc-card-content {
  padding: 0 30px;
}
.light-theme .mat-mdc-card {
  background-color: white;
}
.light-theme .mat-mdc-card > .mat-mdc-card-content {
  padding: 30px 60px;
}
.light-theme .loginCard {
  background-color: white;
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
  border-radius: 14px !important;
}
.light-theme .loginCard h1 {
  color: #112d93;
}
.light-theme .cardWithShadow,
.light-theme .mat-expansion-panel {
  box-shadow: 0px 2px 4px -1px rgba(175, 182, 201, 0.2) !important;
}
.light-theme .mat-mdc-card-title {
  line-height: 1.6rem;
  margin-bottom: 8px;
}
.light-theme .mat-mdc-card-subtitle {
  color: #526b7a;
}
.light-theme .mdc-card__actions {
  padding: 30px;
}
.light-theme html .mat-mdc-chip {
  height: 30px;
  font-size: 14px;
  background-color: #f2f6fa;
}
.light-theme .mat-mdc-progress-bar {
  border-radius: 6px;
}
.light-theme .theme-card.mat-mdc-card .mat-mdc-card-header {
  padding: 16px 30px;
}
.light-theme .theme-card.mat-mdc-card .mat-mdc-card-content {
  padding: 30px;
}
.light-theme .note-card {
  border-radius: 24px;
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 10px;
  height: 100%;
  width: 100% !important;
}
.light-theme .note-card h5:has(+ label) {
  margin-top: 0px;
  margin-bottom: 0.5rem;
}
.light-theme .note-card .note-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.light-theme .note-card .blue-divider {
  min-width: 4px;
  background-color: #112d93;
  align-self: stretch;
}
@media (max-width: 600px) {
  .light-theme .note-card .blue-divider {
    min-height: 4px;
  }
  .light-theme .note-card .note-content {
    flex-direction: column;
  }
}
.light-theme .mantis-card {
  box-shadow: none;
  border-radius: 4px;
  border: 0.4px solid #979797;
  display: flex;
  gap: 0.625rem;
  height: 100%;
  width: 100% !important;
}
.light-theme .mantis-card p {
  line-height: 1.5;
  margin: 0;
}
.light-theme .mantis-card .mantis-content {
  padding: 0.625rem 1rem;
  display: flex;
  align-items: center;
}
.light-theme .mantis-card .blue-divider {
  min-width: 4px;
  background-color: #112d93;
  align-self: stretch;
}
@media (max-width: 600px) {
  .light-theme .mantis-card .blue-divider {
    min-height: 4px;
  }
  .light-theme .mantis-card .mantis-content {
    flex-direction: column;
    gap: 1rem;
  }
}
.light-theme .summary-card {
  height: 100%;
  justify-content: center;
}
.light-theme .summary-card .mat-mdc-card-content {
  padding: 30px;
}
.light-theme .summary-card h5 {
  color: #112d93;
}
.light-theme .summary-card .icon-container {
  min-width: 70px;
  height: 70px;
  background-color: rgba(17, 45, 147, 0.05);
  margin-right: 1rem;
}
.light-theme .summary-card .icon-container .mat-icon {
  width: 30px;
  height: 30px;
  color: #112d93;
}
.light-theme .summary-card .icon-container .material-icons {
  font-size: 30px;
}
.light-theme .summary-card .text-container-1 p {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0px;
  line-height: 100%;
}
.light-theme .summary-card .text-container-1 h5 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0px;
  line-height: 100%;
}
.light-theme .summary-card .text-container-2 p {
  font-size: 1rem;
  font-weight: 400;
  margin: 0px;
  line-height: 20px;
}
.light-theme .summary-card .text-container-2 h5 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0px;
  line-height: 100%;
}
.light-theme .mat-headline-5,
.light-theme .mat-headline-6,
.light-theme .mat-subtitle-1 {
  color: #3A4A61;
}
.light-theme .mat-body-1,
.light-theme .mat-body-2,
.light-theme .mat-subtitle-2 {
  color: #526b7a;
}
.light-theme .mat-headline-5 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #3A4A61;
}
.light-theme .mat-headline-6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #3A4A61;
}
.light-theme .mat-subtitle-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #526b7a;
}
.light-theme .mat-subtitle-1 {
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #3A4A61;
}
.light-theme .mat-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #526b7a;
}
.light-theme .mat-body-2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #526b7a;
}
.light-theme .mdc-list-item__primary-text,
.light-theme .mat-drawer-container,
.light-theme .mat-drawer {
  color: #64748B;
}
.light-theme h1,
.light-theme h2,
.light-theme h3,
.light-theme h4,
.light-theme h5,
.light-theme h6,
.light-theme .h1,
.light-theme .h2,
.light-theme .h3,
.light-theme .h4,
.light-theme .h5,
.light-theme .h6 {
  color: #3A4A61;
}
.light-theme .mat-mdc-menu-panel {
  overflow: hidden !important;
}
.light-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-unselected-icon-color: #112d93;
}
.light-theme .mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-unselected-icon-color: #ff4158;
}
.light-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-unselected-icon-color: #112d93;
}
.light-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-icon-color: #ff4158;
}
.light-theme mat-icon.expand_state {
  color: #ff4158 !important;
}
.light-theme .sidebarNav .branding span {
  background: url('logo-sidebar.svg') no-repeat center center/cover;
  height: 78px;
  width: 174px;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 18px;
  transition: var(--trans-03);
}
.light-theme .sidebarNav .toggler-ovf {
  overflow: visible;
}
.light-theme .sidebar-list.mdc-list .menu-list-sub-item .menu-list-item {
  border-radius: 8px;
  height: min-content;
  padding: 6px 6px 6px 11px !important;
  margin-bottom: 4px;
  margin-left: 26px;
  width: 172px;
  min-height: 32px;
  background-color: white;
}
.light-theme .menu-list-sub-item .menu-list-item .mdc-list-item__start {
  display: none;
}
.light-theme .sidebarNav:not(mat-drawer-over) {
  width: 279px;
}
.light-theme .sidebarNav-mini .sidebarNav {
  width: 100px;
  overflow: visible;
}
.light-theme .sidebarNav-mini .sidebarNav .sidebar-list .mdc-list-group__subheader .caption-icon {
  display: inline;
}
.light-theme .sidebarNav-mini .sidebarNav .sidebar-list .mdc-list-group__subheader .caption-text,
.light-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-sub-item {
  display: none;
}
.light-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-item {
  padding: 8px 14px !important;
  width: 60px;
  margin-left: 8px;
}
.light-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-item .mdc-list-item__content {
  display: none;
}
.light-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-item .mdc-list-item__start {
  margin-left: 6px !important;
  margin-right: 8px !important;
}
.light-theme .sidebarNav-mini .sidebarNav:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1215686275);
}
.light-theme .sidebarNav-mini .sidebarNav:hover .profile-bar {
  display: block;
}
.light-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list .menu-list-item .mdc-list-item__content {
  display: none;
}
.light-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list.mdc-list .mdc-list-group__subheader {
  text-align: left;
}
.light-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list.mdc-list .mdc-list-group__subheader .caption-icon {
  display: none;
}
.light-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list.mdc-list .mdc-list-group__subheader .caption-text,
.light-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list .menu-list-sub-item {
  display: hidden;
}
.light-theme .sidebarNav-mini .hideMenu {
  overflow: hidden;
  width: 100px;
}
.light-theme .sidebarNav-mini .branding {
  overflow: hidden;
}
.light-theme .sidebarNav-mini .branding span {
  background: url('logo-sidebar-min.svg') no-repeat center center/cover;
  height: 50px;
  width: 50px;
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  margin-left: 0px;
  margin-top: 19px;
  transition: var(--trans-03);
}
.light-theme .sidebarNav-mini .sidebar-list.mdc-list {
  padding: 0 12px;
  width: 100px;
}
.light-theme .sidebarNav-mini .sidebar-list.mdc-list .mdc-list-group__subheader {
  text-align: center;
}
.light-theme .sidebarNav-mini .contentWrapper {
  width: calc(100vw - 100px);
}
@media (min-width: 1024px) {
  .light-theme .sidebarNav-mini .contentWrapper {
    margin-left: 100px !important;
  }
}
.light-theme .toggler-btn {
  z-index: 50;
  position: absolute;
  right: -22px;
  width: 36px;
  height: 36px;
}
.light-theme .sidebarNav .switch-theme {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.light-theme .sidebarNav .switch-theme .toggle-switch {
  position: absolute;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 78px;
  overflow: hidden;
  cursor: pointer;
  z-index: 17;
}
.light-theme .toggle-switch .switch-on {
  position: relative;
  height: 32px;
  width: 56px;
  border-radius: 25px;
  background: #112d93;
}
.light-theme .toggle-switch .switch-off {
  position: relative;
  height: 32px;
  width: 56px;
  border-radius: 25px;
  background: #112d93;
}
.light-theme .switch-on .iconify,
.light-theme .switch-off .iconify {
  color: #f2f6fa;
}
.light-theme .switch-on .iconify {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 13%;
  left: 4px;
  background: #ff4158;
}
.light-theme .switch-off .iconify {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 13%;
  left: 28px;
  background: #ff4158;
}
.light-theme .sidebarNav .leaft-submenu-item {
  position: relative;
  left: 14px;
  top: 43px;
  border-width: 0px 0px 2px 2px;
  border-style: solid;
  border-radius: 0px 0px 0px 8px;
  z-index: 15;
  margin-top: -76px;
  height: min-content;
  color: transparent;
  min-height: 48px;
  width: 178px;
}
.light-theme .sidebarNav .leaft-fork-submenu-item {
  position: relative;
  left: 14px;
  top: 36px;
  border-width: 0px 0px 0px 2px;
  border-style: solid;
  z-index: 16;
  height: 30px;
}
.light-theme .sidebarNav .leaft-fork-inv-submenu-item {
  position: relative;
  left: 14px;
  top: 36px;
  z-index: 16;
  height: 30px;
}
.light-theme .sidebarNav-mini .leaft-submenu-item,
.light-theme .sidebarNav-mini .leaft-fork-submenu-item,
.light-theme .sidebarNav-mini .leaft-fork-inv-submenu-item {
  display: none;
}
.light-theme .menuSideBar {
  width: 172px;
}
.light-theme .menuSideTrigger {
  position: relative;
  left: 82px;
  top: -52px;
}
.light-theme .mdc-data-table__cell,
.light-theme .mdc-data-table__header-cell {
  padding: 0.875rem;
}
.light-theme .mdc-data-table__cell,
.light-theme .mdc-data-table__header-cell,
.light-theme .mat-mdc-cell {
  border-bottom-color: rgba(17, 28, 45, 0.0509803922) !important;
}
.light-theme .table-responsive {
  overflow-x: auto;
}
.light-theme .table-responsive td,
.light-theme .table-responsive mat-cell {
  white-space: nowrap;
  padding: 14px;
}
@media (max-width: 1023px) {
  .light-theme .table-xs-responsive {
    overflow-x: auto;
  }
}
.light-theme .mat-mdc-table .mat-mdc-header-row {
  background-color: rgb(240, 242, 244) !important;
}
.light-theme .mat-mdc-footer-row {
  background-color: #f4f7fb;
  font-weight: 600;
  color: #3A4A61;
  font-size: 0.875rem;
}
.light-theme .mat-mdc-header-cell {
  font-weight: 600 !important;
}
.light-theme .mat-mdc-row {
  color: textPrimary !important;
}
.light-theme .mdc-data-table__cell {
  padding: 1.25rem 0.875rem;
}
.light-theme td.mat-column-star {
  width: 20px;
  padding-right: 8px;
}
.light-theme th.mat-column-position,
.light-theme td.mat-column-position {
  padding-left: 8px;
}
.light-theme .mat-mdc-table-sticky-border-elem-right {
  border-left: 1px solid #e0e0e0;
}
.light-theme .mat-mdc-table-sticky-border-elem-left {
  border-right: 1px solid #e0e0e0;
}
.light-theme .table-bordered {
  border: 1px solid rgb(213, 213, 213);
  border-radius: 12px;
  overflow: hidden;
}
.light-theme .table-scrollable {
  overflow-x: auto;
}
.light-theme .table-scrollable::-webkit-scrollbar {
  height: 3px;
}
.light-theme .table-scrollable::-webkit-scrollbar-thumb {
  background: #ff4158 !important;
  border-radius: 10px;
}
.light-theme .cell-custom {
  padding: 20px 0px !important;
}
.light-theme .no-vertical-padding td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.light-theme .custom-table-detailed {
  overflow: hidden !important;
  border: 0.6px solid #D5D5D5;
  border-radius: 14px;
}
.light-theme .custom-table-detailed .mat-column-label {
  background: rgba(100, 116, 139, 0.1);
  color: #3A4A61;
  border-bottom-width: 0px;
}
.light-theme .custom-table-detailed thead {
  display: none;
}
.light-theme .custom-table-detailed td {
  width: 50%;
  padding-right: 5%;
  padding-left: 5%;
}
.light-theme .mdc-label,
.light-theme .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #64748B !important;
}
.light-theme .mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(100, 116, 139, 0.5) !important;
}
.light-theme .hide-hint .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.light-theme .rounded-input .mat-mdc-form-field-outline,
.light-theme .rounded-input .mat-mdc-form-field-outline-thick {
  border-radius: 23px;
}
.light-theme .rounded-input:hover .mat-mdc-form-field-outline-thick {
  border-color: #6200ea;
  /* Cambia el color del borde al hacer hover */
}
.light-theme .rounded-input .mat-mdc-form-field-outline-thick {
  border-color: #3f51b5;
  /* Color del borde cuando el campo está enfocado */
}
.light-theme .md-form {
  width: 100%;
  height: 5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.light-theme .md-form .mat-mdc-form-field-subscript-wrapper {
  height: 1.5rem;
}
.light-theme .md-form .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.light-theme .md-form .mdc-text-field--outlined .mdc-floating-label {
  font-size: 1rem;
  line-height: 1.5rem;
}
.light-theme .md-form-filter {
  margin-bottom: 2rem;
  position: relative;
}
.light-theme .md-form-filter mat-error {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 4px;
  white-space: normal;
  font-size: 0.75rem;
}
.light-theme .required-asterisk {
  vertical-align: super;
}
.light-theme .is-valid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
  border-color: var(--mdc-outlined-text-field-outline-color, var(--mat-app-outline)) !important;
}
.light-theme .is-valid.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: 0 !important;
}
.light-theme .pulse-bg-anm {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: pulse-bg-anm;
  animation-timing-function: linear;
  background: #ffe5e8;
  background: linear-gradient(to right, #ffe5e8 10%, #112d93 20%, #ffe5e8 30%);
  background-size: 1400px 104px;
}
@keyframes pulse-bg-anm {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.light-theme .bg-azul-principal {
  background-color: #112d93 !important;
}
.light-theme .text-azul-principal {
  color: #112d93 !important;
}
.light-theme .bc-azul-principal {
  border-color: #112d93 !important;
}
.light-theme .bg-naranja {
  background-color: #ff4158 !important;
}
.light-theme .text-naranja {
  color: #ff4158 !important;
}
.light-theme .bc-naranja {
  border-color: #ff4158 !important;
}
.light-theme .bg-success {
  background-color: #039855 !important;
}
.light-theme .text-success {
  color: #039855 !important;
}
.light-theme .bc-success {
  border-color: #039855 !important;
}
.light-theme .bg-warning {
  background-color: #ff4158 !important;
}
.light-theme .text-warning {
  color: #ff4158 !important;
}
.light-theme .bc-warning {
  border-color: #ff4158 !important;
}
.light-theme .bg-error {
  background-color: #D32F2F !important;
}
.light-theme .text-error {
  color: #D32F2F !important;
}
.light-theme .bc-error {
  border-color: #D32F2F !important;
}
.light-theme .bg-azul-secundario {
  background-color: #112d93 !important;
}
.light-theme .text-azul-secundario {
  color: #112d93 !important;
}
.light-theme .bc-azul-secundario {
  border-color: #112d93 !important;
}
.light-theme .bg-gris {
  background-color: #64748B !important;
}
.light-theme .text-gris {
  color: #64748B !important;
}
.light-theme .bc-gris {
  border-color: #64748B !important;
}
.light-theme .bg-titulos {
  background-color: #3A4A61 !important;
}
.light-theme .text-titulos {
  color: #3A4A61 !important;
}
.light-theme .bc-titulos {
  border-color: #3A4A61 !important;
}
.light-theme .bg-blanco {
  background-color: #ffffff !important;
}
.light-theme .text-blanco {
  color: #ffffff !important;
}
.light-theme .bc-blanco {
  border-color: #ffffff !important;
}
.light-theme .bg-light {
  background-color: #f2f6fa !important;
}
.light-theme .text-light {
  color: #f2f6fa !important;
}
.light-theme .bc-light {
  border-color: #f2f6fa !important;
}
.light-theme .bg-muted {
  background-color: #526b7a !important;
}
.light-theme .text-muted {
  color: #526b7a !important;
}
.light-theme .bc-muted {
  border-color: #526b7a !important;
}
.light-theme .bg-dark {
  background-color: #29343d !important;
}
.light-theme .text-dark {
  color: #29343d !important;
}
.light-theme .bc-dark {
  border-color: #29343d !important;
}
.light-theme .bg-dark-200 {
  background-color: #0a2540 !important;
}
.light-theme .text-dark-200 {
  color: #0a2540 !important;
}
.light-theme .bc-dark-200 {
  border-color: #0a2540 !important;
}
.light-theme .bg-gray-100 {
  background-color: #7c8fac !important;
}
.light-theme .text-gray-100 {
  color: #7c8fac !important;
}
.light-theme .bc-gray-100 {
  border-color: #7c8fac !important;
}
.light-theme .bg-light-error {
  background-color: #FDEDED !important;
}
.light-theme .text-light-error {
  color: #FDEDED !important;
}
.light-theme .bc-light-error {
  border-color: #FDEDED !important;
}
.light-theme .bg-light-naranja {
  background-color: #ffdfcc !important;
}
.light-theme .text-light-naranja {
  color: #ffdfcc !important;
}
.light-theme .bc-light-naranja {
  border-color: #ffdfcc !important;
}
.light-theme .bg-light-success {
  background-color: #EDF7ED !important;
}
.light-theme .text-light-success {
  color: #EDF7ED !important;
}
.light-theme .bc-light-success {
  border-color: #EDF7ED !important;
}
.light-theme .bg-light-warning {
  background-color: #FFF4E5 !important;
}
.light-theme .text-light-warning {
  color: #FFF4E5 !important;
}
.light-theme .bc-light-warning {
  border-color: #FFF4E5 !important;
}
.light-theme .bg-light-azul-principal {
  background-color: #ffe5e8 !important;
}
.light-theme .text-light-azul-principal {
  color: #ffe5e8 !important;
}
.light-theme .bc-light-azul-principal {
  border-color: #ffe5e8 !important;
}
.light-theme .bg-success-100 {
  background-color: #D1FADF !important;
}
.light-theme .text-success-100 {
  color: #D1FADF !important;
}
.light-theme .bc-success-100 {
  border-color: #D1FADF !important;
}
.light-theme .bg-warning-100 {
  background-color: #FEF0C7 !important;
}
.light-theme .text-warning-100 {
  color: #FEF0C7 !important;
}
.light-theme .bc-warning-100 {
  border-color: #FEF0C7 !important;
}
.light-theme .bg-error-100 {
  background-color: #fccbcb !important;
}
.light-theme .text-error-100 {
  color: #fccbcb !important;
}
.light-theme .bc-error-100 {
  border-color: #fccbcb !important;
}
.light-theme .bg-azul-secundario-100 {
  background-color: #D0E6FF !important;
}
.light-theme .text-azul-secundario-100 {
  color: #D0E6FF !important;
}
.light-theme .bc-azul-secundario-100 {
  border-color: #D0E6FF !important;
}
.light-theme .bg-success-50 {
  background-color: #ECFDF3 !important;
}
.light-theme .text-success-50 {
  color: #ECFDF3 !important;
}
.light-theme .bc-success-50 {
  border-color: #ECFDF3 !important;
}
.light-theme .bg-warning-50 {
  background-color: #FFFAEB !important;
}
.light-theme .text-warning-50 {
  color: #FFFAEB !important;
}
.light-theme .bc-warning-50 {
  border-color: #FFFAEB !important;
}
.light-theme .bg-error-50 {
  background-color: #ffebeb !important;
}
.light-theme .text-error-50 {
  color: #ffebeb !important;
}
.light-theme .bc-error-50 {
  border-color: #ffebeb !important;
}
.light-theme .bg-azul-secundario-50 {
  background-color: #F1F8FF !important;
}
.light-theme .text-azul-secundario-50 {
  color: #F1F8FF !important;
}
.light-theme .bc-azul-secundario-50 {
  border-color: #F1F8FF !important;
}
.light-theme .bg-notificacion {
  background-color: #112d93 !important;
}
.light-theme .text-notificacion {
  color: #112d93 !important;
}
.light-theme .bc-notificacion {
  border-color: #112d93 !important;
}
.light-theme .bg-configuracion {
  background-color: #112d93 !important;
}
.light-theme .text-configuracion {
  color: #112d93 !important;
}
.light-theme .bc-configuracion {
  border-color: #112d93 !important;
}
.light-theme .fill-warning svg {
  fill: #ff4158;
  color: #ff4158;
}
.light-theme .fill-light svg {
  fill: #f2f6fa;
  color: #f2f6fa;
}
.light-theme html .mat-drawer-container {
  background-color: #ffffff;
}
.light-theme .topbar {
  background-color: white;
}
.light-theme .mdc-list-item__start {
  color: #64748B;
}
.light-theme .activeMenu {
  background-color: #e6f0fe !important;
}
.light-theme .ley-2381 {
  background: rgba(255, 65, 88, 0.1) !important;
}
.light-theme .ley-2381 span {
  color: #ff4158 !important;
}
.light-theme .ley-100 span {
  color: #006fee !important;
}
.light-theme .mat-expanded {
  background: #ffffff;
}
.light-theme .mat-mdc-tab .mat-mdc-tab-ripple {
  background-color: #ffffff;
}
.light-theme .mat-mdc-tab:hover .mat-mdc-tab-ripple {
  background-color: rgba(29, 27, 32, 0.01) !important;
}
.light-theme .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
  background-color: #ffffff;
}
.light-theme .mat-mdc-tab .mdc-tab__text-label {
  color: #3A4A61;
}
.light-theme .mat-form-field-appearance-outline {
  --mat-select-enabled-trigger-text-color: #112d93;
}
.light-theme .leaft-submenu-item,
.light-theme .leaft-fork-submenu-item {
  border-color: #F6F6F6;
}
.light-theme .mat-mdc-form-field.mat-focused .mat-mdc-select-arrow {
  color: #ff4158 !important;
}
.light-theme .topbar-dd,
.light-theme .menuSideBar {
  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) !important;
}

.dark-theme {
  --mat-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-option-selected-state-label-text-color: #112d93;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-optgroup-label-text-color: white;
  --mat-full-pseudo-checkbox-selected-icon-color: #e7a57c;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7a57c;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
  --mat-app-background-color: #303030;
  --mat-app-text-color: white;
  --mat-app-elevation-shadow-level-0: 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-app-elevation-shadow-level-1: 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-app-elevation-shadow-level-2: 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-app-elevation-shadow-level-3: 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-app-elevation-shadow-level-4: 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-app-elevation-shadow-level-5: 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-app-elevation-shadow-level-6: 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-app-elevation-shadow-level-7: 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-app-elevation-shadow-level-8: 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-app-elevation-shadow-level-9: 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-app-elevation-shadow-level-10: 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-app-elevation-shadow-level-11: 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-app-elevation-shadow-level-12: 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-app-elevation-shadow-level-13: 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-app-elevation-shadow-level-14: 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-app-elevation-shadow-level-15: 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-app-elevation-shadow-level-16: 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-app-elevation-shadow-level-17: 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-app-elevation-shadow-level-18: 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-app-elevation-shadow-level-19: 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-app-elevation-shadow-level-20: 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-app-elevation-shadow-level-21: 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-app-elevation-shadow-level-22: 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-app-elevation-shadow-level-23: 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-app-elevation-shadow-level-24: 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);
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
  --mdc-elevated-card-container-color: #424242;
  --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: #424242;
  --mdc-outlined-card-outline-color: rgba(255, 255, 255, 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(255, 255, 255, 0.7);
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
  --mdc-filled-text-field-caret-color: #112d93;
  --mdc-filled-text-field-focus-active-indicator-color: #112d93;
  --mdc-filled-text-field-focus-label-text-color: rgba(17, 45, 147, 0.87);
  --mdc-filled-text-field-container-color: #4a4a4a;
  --mdc-filled-text-field-disabled-container-color: #464646;
  --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #ffccdb;
  --mdc-filled-text-field-error-focus-label-text-color: #ffccdb;
  --mdc-filled-text-field-error-label-text-color: #ffccdb;
  --mdc-filled-text-field-error-caret-color: #ffccdb;
  --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #ffccdb;
  --mdc-filled-text-field-error-focus-active-indicator-color: #ffccdb;
  --mdc-filled-text-field-error-hover-active-indicator-color: #ffccdb;
  --mdc-outlined-text-field-caret-color: #112d93;
  --mdc-outlined-text-field-focus-outline-color: #112d93;
  --mdc-outlined-text-field-focus-label-text-color: rgba(17, 45, 147, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color: #ffccdb;
  --mdc-outlined-text-field-error-focus-label-text-color: #ffccdb;
  --mdc-outlined-text-field-error-label-text-color: #ffccdb;
  --mdc-outlined-text-field-error-hover-label-text-color: #ffccdb;
  --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #ffccdb;
  --mdc-outlined-text-field-error-hover-outline-color: #ffccdb;
  --mdc-outlined-text-field-error-outline-color: #ffccdb;
  --mat-form-field-focus-select-arrow-color: rgba(17, 45, 147, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color: #ffccdb;
  --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-focus-state-layer-opacity: 0.24;
  --mat-select-container-elevation-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-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(17, 45, 147, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 204, 219, 0.87);
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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-autocomplete-background-color: #424242;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-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-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
  --mdc-dialog-container-color: #424242;
  --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6);
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-selected-focus-state-layer-color: #2871e6;
  --mdc-switch-selected-handle-color: #2871e6;
  --mdc-switch-selected-hover-state-layer-color: #2871e6;
  --mdc-switch-selected-pressed-state-layer-color: #2871e6;
  --mdc-switch-selected-focus-handle-color: #4e84c4;
  --mdc-switch-selected-hover-handle-color: #4e84c4;
  --mdc-switch-selected-pressed-handle-color: #4e84c4;
  --mdc-switch-disabled-selected-handle-color: #000;
  --mdc-switch-disabled-selected-icon-color: #212121;
  --mdc-switch-disabled-selected-track-color: #f5f5f5;
  --mdc-switch-disabled-unselected-handle-color: #000;
  --mdc-switch-disabled-unselected-icon-color: #212121;
  --mdc-switch-disabled-unselected-track-color: #f5f5f5;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #212121;
  --mdc-switch-unselected-focus-handle-color: #fafafa;
  --mdc-switch-unselected-focus-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-focus-track-color: #616161;
  --mdc-switch-unselected-handle-color: #9e9e9e;
  --mdc-switch-unselected-hover-handle-color: #fafafa;
  --mdc-switch-unselected-hover-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-hover-track-color: #616161;
  --mdc-switch-unselected-icon-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #fafafa;
  --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5;
  --mdc-switch-unselected-pressed-track-color: #616161;
  --mdc-switch-unselected-track-color: #616161;
  --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-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-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-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);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-handle-color: #112d93;
  --mdc-slider-focus-handle-color: #112d93;
  --mdc-slider-hover-handle-color: #112d93;
  --mdc-slider-active-track-color: #112d93;
  --mdc-slider-inactive-track-color: #112d93;
  --mdc-slider-with-tick-marks-inactive-container-color: #112d93;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #fff;
  --mdc-slider-disabled-handle-color: #fff;
  --mdc-slider-disabled-inactive-track-color: #fff;
  --mdc-slider-label-container-color: #fff;
  --mdc-slider-label-label-text-color: #000;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #fff;
  --mat-slider-ripple-color: #112d93;
  --mat-slider-hover-state-layer-color: rgba(17, 45, 147, 0.05);
  --mat-slider-focus-state-layer-color: rgba(17, 45, 147, 0.2);
  --mat-slider-value-indicator-opacity: 0.9;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
  --mat-menu-item-label-text-color: white;
  --mat-menu-item-icon-color: white;
  --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-menu-container-color: #424242;
  --mat-menu-divider-color: rgba(255, 255, 255, 0.12);
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mdc-list-list-item-label-text-color: white;
  --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color: white;
  --mdc-list-list-item-disabled-leading-icon-color: white;
  --mdc-list-list-item-disabled-trailing-icon-color: white;
  --mdc-list-list-item-hover-label-text-color: white;
  --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color: white;
  --mdc-list-list-item-hover-state-layer-color: white;
  --mdc-list-list-item-hover-state-layer-opacity: 0.08;
  --mdc-list-list-item-focus-state-layer-color: white;
  --mdc-list-list-item-focus-state-layer-opacity: 0.24;
  --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color: #424242;
  --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12);
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-focus-icon-color: #e7a57c;
  --mdc-checkbox-selected-hover-icon-color: #e7a57c;
  --mdc-checkbox-selected-icon-color: #e7a57c;
  --mdc-checkbox-selected-pressed-icon-color: #e7a57c;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7a57c;
  --mdc-checkbox-selected-hover-state-layer-color: #e7a57c;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7a57c;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
  --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color: white;
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-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);
  --mdc-protected-button-disabled-container-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-protected-button-focus-container-elevation-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);
  --mdc-protected-button-hover-container-elevation-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);
  --mdc-protected-button-pressed-container-elevation-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);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
  --mdc-text-button-label-text-color: white;
  --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-text-button-state-layer-color: white;
  --mat-text-button-disabled-state-layer-color: white;
  --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.08;
  --mat-text-button-focus-state-layer-opacity: 0.24;
  --mat-text-button-pressed-state-layer-opacity: 0.24;
  --mdc-filled-button-container-color: #424242;
  --mdc-filled-button-label-text-color: white;
  --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-disabled-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.08;
  --mat-filled-button-focus-state-layer-opacity: 0.24;
  --mat-filled-button-pressed-state-layer-opacity: 0.24;
  --mdc-protected-button-container-color: #424242;
  --mdc-protected-button-label-text-color: white;
  --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-disabled-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.08;
  --mat-protected-button-focus-state-layer-opacity: 0.24;
  --mat-protected-button-pressed-state-layer-opacity: 0.24;
  --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color: white;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: white;
  --mat-outlined-button-disabled-state-layer-color: white;
  --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.08;
  --mat-outlined-button-focus-state-layer-opacity: 0.24;
  --mat-outlined-button-pressed-state-layer-opacity: 0.24;
  --mdc-icon-button-icon-size: 24px;
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5);
  --mat-icon-button-state-layer-color: white;
  --mat-icon-button-disabled-state-layer-color: white;
  --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-focus-state-layer-opacity: 0.24;
  --mat-icon-button-pressed-state-layer-opacity: 0.24;
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-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);
  --mdc-fab-focus-container-elevation-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);
  --mdc-fab-hover-container-elevation-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);
  --mdc-fab-pressed-container-elevation-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);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-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);
  --mdc-fab-small-focus-container-elevation-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);
  --mdc-fab-small-hover-container-elevation-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);
  --mdc-fab-small-pressed-container-elevation-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);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-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);
  --mdc-extended-fab-focus-container-elevation-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);
  --mdc-extended-fab-hover-container-elevation-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);
  --mdc-extended-fab-pressed-container-elevation-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);
  --mdc-fab-container-color: #424242;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-disabled-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-focus-state-layer-opacity: 0.24;
  --mat-fab-pressed-state-layer-opacity: 0.24;
  --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-fab-small-container-color: #424242;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-disabled-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-focus-state-layer-opacity: 0.24;
  --mat-fab-small-pressed-state-layer-opacity: 0.24;
  --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5);
  --mdc-snackbar-container-shape: 4px;
  --mdc-snackbar-container-color: #d9d9d9;
  --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87);
  --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #424242;
  --mat-table-header-headline-color: white;
  --mat-table-row-item-label-text-color: white;
  --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12);
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
  --mdc-circular-progress-active-indicator-color: #112d93;
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
  --mat-badge-background-color: #112d93;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #6e6e6e;
  --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-bottom-sheet-container-shape: 4px;
  --mat-bottom-sheet-container-text-color: white;
  --mat-bottom-sheet-container-background-color: #424242;
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color: #212121;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color: black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-text-color: white;
  --mat-standard-button-toggle-background-color: #424242;
  --mat-standard-button-toggle-state-layer-color: white;
  --mat-standard-button-toggle-selected-state-background-color: #212121;
  --mat-standard-button-toggle-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color: #424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color: white;
  --mat-standard-button-toggle-disabled-selected-state-background-color: #424242;
  --mat-standard-button-toggle-divider-color: #595959;
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-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-datepicker-calendar-container-touch-elevation-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-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #112d93;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(17, 45, 147, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(17, 45, 147, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(17, 45, 147, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #112d93;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(17, 45, 147, 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: white;
  --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color: white;
  --mat-datepicker-calendar-period-button-icon-color: white;
  --mat-datepicker-calendar-navigation-button-icon-color: white;
  --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color: white;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color: white;
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color: #424242;
  --mat-datepicker-calendar-container-text-color: white;
  --mat-divider-width: 1px;
  --mat-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
  --mat-expansion-container-background-color: #424242;
  --mat-expansion-container-text-color: white;
  --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color: white;
  --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7);
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-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-sidenav-container-width: auto;
  --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color: #424242;
  --mat-sidenav-container-text-color: white;
  --mat-sidenav-content-background-color: #303030;
  --mat-sidenav-content-text-color: white;
  --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6);
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #112d93;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #112d93;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #112d93;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: #424242;
  --mat-stepper-line-color: rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color: white;
  --mat-stepper-header-error-state-label-text-color: #ffccdb;
  --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color: #ffccdb;
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-sort-arrow-color: #c6c6c6;
  --mat-toolbar-container-background-color: #212121;
  --mat-toolbar-container-text-color: white;
  --mat-tree-container-background-color: #424242;
  --mat-tree-node-text-color: white;
  --mat-expansion-header-indicator-color: #ff4158;
  --mat-expansion-header-text-size: 1.25rem;
  --mat-expansion-header-text-weight: 600;
  --mat-expansion-header-text-line-height: 1.2;
  /*Botón mini-fab*/
  /* Se agrega color de fondo para los text input de tipo outlined cuando está deshabilitado*/
  --mdc-switch-selected-focus-track-color: #112d93;
  --mdc-switch-selected-hover-track-color: #112d93;
  --mdc-switch-selected-pressed-track-color: #112d93;
  --mdc-switch-selected-track-color: #112d93;
  --mdc-switch-unselected-focus-handle-color: #ffffff;
  --mdc-switch-unselected-focus-track-color: #B4C5CF;
  --mdc-switch-unselected-handle-color: #ffffff;
  --mdc-switch-unselected-hover-handle-color: #ffffff;
  --mdc-switch-unselected-hover-track-color: #B4C5CF;
  --mdc-switch-unselected-pressed-handle-color: #ffffff;
  --mdc-switch-unselected-track-color: #B4C5CF;
  /* Cambia el color de fondo del header del componente table */
  /* Padding interno para las celdas del tbody */
  --mat-table-header-headline-line-height: 1.2;
  --mat-table-row-item-label-text-line-height: 1.2;
  --mat-menu-container-color: #273142;
  --mat-select-panel-background-color: #273142;
  --mat-expansion-container-background-color: #273142;
  --mat-expansion-header-text-color: #D8E4EE;
  --mat-table-background-color:#273142;
  --mat-datepicker-calendar-container-background-color:#273142;
  --mat-standard-button-toggle-background-color: #273142;
  --mdc-dialog-container-color: #273142;
  --mdc-dialog-container-shape: 12px;
  --mdc-filled-text-field-input-text-placeholder-color: #D8E4EE;
  --mat-standard-button-toggle-disabled-state-background-color: #273142;
  --mat-table-header-headline-color: #D8E4EE;
  --mat-table-row-item-label-text-color: #D8E4EE;
  /*Botón mini-fab*/
  /*Filtros */
  /*Otros*/
  --mat-datepicker-calendar-period-button-text-color: #E6F0FE !important;
}
.dark-theme .mat-accent {
  --mat-option-selected-state-label-text-color: #e7a57c;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .mat-warn {
  --mat-option-selected-state-label-text-color: #ffccdb;
  --mat-option-label-text-color: white;
  --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08);
}
.dark-theme .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #112d93;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #112d93;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #e7a57c;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #e7a57c;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #ffccdb;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffccdb;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868;
}
.dark-theme .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #112d93;
  --mdc-linear-progress-track-color: rgba(17, 45, 147, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #e7a57c;
  --mdc-linear-progress-track-color: rgba(231, 165, 124, 0.25);
}
.dark-theme .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ffccdb;
  --mdc-linear-progress-track-color: rgba(255, 204, 219, 0.25);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #e7a57c;
  --mdc-filled-text-field-focus-active-indicator-color: #e7a57c;
  --mdc-filled-text-field-focus-label-text-color: rgba(231, 165, 124, 0.87);
  --mdc-outlined-text-field-caret-color: #e7a57c;
  --mdc-outlined-text-field-focus-outline-color: #e7a57c;
  --mdc-outlined-text-field-focus-label-text-color: rgba(231, 165, 124, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(231, 165, 124, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #ffccdb;
  --mdc-filled-text-field-focus-active-indicator-color: #ffccdb;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 204, 219, 0.87);
  --mdc-outlined-text-field-caret-color: #ffccdb;
  --mdc-outlined-text-field-focus-outline-color: #ffccdb;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 204, 219, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(255, 204, 219, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(231, 165, 124, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 204, 219, 0.87);
}
.dark-theme .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: #424242;
  --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 204, 219, 0.87);
  --mat-select-invalid-arrow-color: rgba(255, 204, 219, 0.87);
}
.dark-theme .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.dark-theme .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #fafafa;
  --mdc-chip-elevated-container-color: #595959;
  --mdc-chip-elevated-selected-container-color: #595959;
  --mdc-chip-elevated-disabled-container-color: #595959;
  --mdc-chip-flat-disabled-selected-container-color: #595959;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #fafafa;
  --mdc-chip-selected-label-text-color: #fafafa;
  --mdc-chip-with-icon-icon-color: #fafafa;
  --mdc-chip-with-icon-disabled-icon-color: #fafafa;
  --mdc-chip-with-icon-selected-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa;
  --mat-chip-selected-disabled-trailing-icon-color: #fafafa;
  --mat-chip-selected-trailing-icon-color: #fafafa;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #112d93;
  --mdc-chip-elevated-selected-container-color: #112d93;
  --mdc-chip-elevated-disabled-container-color: #112d93;
  --mdc-chip-flat-disabled-selected-container-color: #112d93;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-elevated-container-color: #e7a57c;
  --mdc-chip-elevated-selected-container-color: #e7a57c;
  --mdc-chip-elevated-disabled-container-color: #e7a57c;
  --mdc-chip-flat-disabled-selected-container-color: #e7a57c;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
}
.dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ffccdb;
  --mdc-chip-elevated-selected-container-color: #ffccdb;
  --mdc-chip-elevated-disabled-container-color: #ffccdb;
  --mdc-chip-flat-disabled-selected-container-color: #ffccdb;
  --mdc-chip-focus-state-layer-color: white;
  --mdc-chip-hover-state-layer-color: white;
  --mdc-chip-selected-hover-state-layer-color: white;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: white;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-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-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.dark-theme .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.dark-theme .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: white;
}
.dark-theme .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-handle-color: #e7a57c;
  --mdc-switch-selected-hover-handle-color: #e7a57c;
  --mdc-switch-selected-pressed-handle-color: #e7a57c;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #112d93;
  --mdc-radio-selected-hover-icon-color: #112d93;
  --mdc-radio-selected-icon-color: #112d93;
  --mdc-radio-selected-pressed-icon-color: #112d93;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #112d93;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7a57c;
  --mdc-radio-selected-hover-icon-color: #e7a57c;
  --mdc-radio-selected-icon-color: #e7a57c;
  --mdc-radio-selected-pressed-icon-color: #e7a57c;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #e7a57c;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffccdb;
  --mdc-radio-selected-hover-icon-color: #ffccdb;
  --mdc-radio-selected-icon-color: #ffccdb;
  --mdc-radio-selected-pressed-icon-color: #ffccdb;
  --mat-radio-ripple-color: white;
  --mat-radio-checked-ripple-color: #ffccdb;
  --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color: white;
}
.dark-theme .mat-accent {
  --mdc-slider-handle-color: #e7a57c;
  --mdc-slider-focus-handle-color: #e7a57c;
  --mdc-slider-hover-handle-color: #e7a57c;
  --mdc-slider-active-track-color: #e7a57c;
  --mdc-slider-inactive-track-color: #e7a57c;
  --mdc-slider-with-tick-marks-inactive-container-color: #e7a57c;
  --mat-slider-ripple-color: #e7a57c;
  --mat-slider-hover-state-layer-color: rgba(231, 165, 124, 0.05);
  --mat-slider-focus-state-layer-color: rgba(231, 165, 124, 0.2);
}
.dark-theme .mat-warn {
  --mdc-slider-handle-color: #ffccdb;
  --mdc-slider-focus-handle-color: #ffccdb;
  --mdc-slider-hover-handle-color: #ffccdb;
  --mdc-slider-active-track-color: #ffccdb;
  --mdc-slider-inactive-track-color: #ffccdb;
  --mdc-slider-with-tick-marks-inactive-container-color: #ffccdb;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #ffccdb;
  --mat-slider-hover-state-layer-color: rgba(255, 204, 219, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 204, 219, 0.2);
}
.dark-theme .mdc-list-item__start,
.dark-theme .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #112d93;
  --mdc-radio-selected-hover-icon-color: #112d93;
  --mdc-radio-selected-icon-color: #112d93;
  --mdc-radio-selected-pressed-icon-color: #112d93;
}
.dark-theme .mat-accent .mdc-list-item__start,
.dark-theme .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #e7a57c;
  --mdc-radio-selected-hover-icon-color: #e7a57c;
  --mdc-radio-selected-icon-color: #e7a57c;
  --mdc-radio-selected-pressed-icon-color: #e7a57c;
}
.dark-theme .mat-warn .mdc-list-item__start,
.dark-theme .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: white;
  --mdc-radio-disabled-unselected-icon-color: white;
  --mdc-radio-unselected-hover-icon-color: #eeeeee;
  --mdc-radio-unselected-focus-icon-color: #eeeeee;
  --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color: #ffccdb;
  --mdc-radio-selected-hover-icon-color: #ffccdb;
  --mdc-radio-selected-icon-color: #ffccdb;
  --mdc-radio-selected-pressed-icon-color: #ffccdb;
}
.dark-theme .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #112d93;
  --mdc-checkbox-selected-hover-icon-color: #112d93;
  --mdc-checkbox-selected-icon-color: #112d93;
  --mdc-checkbox-selected-pressed-icon-color: #112d93;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #112d93;
  --mdc-checkbox-selected-hover-state-layer-color: #112d93;
  --mdc-checkbox-selected-pressed-state-layer-color: #112d93;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-focus-icon-color: #e7a57c;
  --mdc-checkbox-selected-hover-icon-color: #e7a57c;
  --mdc-checkbox-selected-icon-color: #e7a57c;
  --mdc-checkbox-selected-pressed-icon-color: #e7a57c;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #e7a57c;
  --mdc-checkbox-selected-hover-state-layer-color: #e7a57c;
  --mdc-checkbox-selected-pressed-state-layer-color: #e7a57c;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ffccdb;
  --mdc-checkbox-selected-hover-icon-color: #ffccdb;
  --mdc-checkbox-selected-icon-color: #ffccdb;
  --mdc-checkbox-selected-pressed-icon-color: #ffccdb;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffccdb;
  --mdc-checkbox-selected-hover-state-layer-color: #ffccdb;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffccdb;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #112d93;
}
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.dark-theme .mat-mdc-tab-group, .dark-theme .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #112d93;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #112d93;
  --mat-tab-header-active-ripple-color: #112d93;
  --mat-tab-header-inactive-ripple-color: #112d93;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #112d93;
  --mat-tab-header-active-hover-label-text-color: #112d93;
  --mat-tab-header-active-focus-indicator-color: #112d93;
  --mat-tab-header-active-hover-indicator-color: #112d93;
}
.dark-theme .mat-mdc-tab-group.mat-accent, .dark-theme .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #e7a57c;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #e7a57c;
  --mat-tab-header-active-ripple-color: #e7a57c;
  --mat-tab-header-inactive-ripple-color: #e7a57c;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #e7a57c;
  --mat-tab-header-active-hover-label-text-color: #e7a57c;
  --mat-tab-header-active-focus-indicator-color: #e7a57c;
  --mat-tab-header-active-hover-indicator-color: #e7a57c;
}
.dark-theme .mat-mdc-tab-group.mat-warn, .dark-theme .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #ffccdb;
  --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color: white;
  --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color: #ffccdb;
  --mat-tab-header-active-ripple-color: #ffccdb;
  --mat-tab-header-inactive-ripple-color: #ffccdb;
  --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ffccdb;
  --mat-tab-header-active-hover-label-text-color: #ffccdb;
  --mat-tab-header-active-focus-indicator-color: #ffccdb;
  --mat-tab-header-active-hover-indicator-color: #ffccdb;
}
.dark-theme .mat-mdc-tab-group.mat-background-primary, .dark-theme .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #112d93;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark-theme .mat-mdc-tab-group.mat-background-accent, .dark-theme .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #e7a57c;
}
.dark-theme .mat-mdc-tab-group.mat-background-warn, .dark-theme .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #ffccdb;
  --mat-tab-header-with-background-foreground-color: white;
}
.dark-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #112d93;
  --mdc-checkbox-selected-hover-icon-color: #112d93;
  --mdc-checkbox-selected-icon-color: #112d93;
  --mdc-checkbox-selected-pressed-icon-color: #112d93;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #112d93;
  --mdc-checkbox-selected-hover-state-layer-color: #112d93;
  --mdc-checkbox-selected-pressed-state-layer-color: #112d93;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ffccdb;
  --mdc-checkbox-selected-hover-icon-color: #ffccdb;
  --mdc-checkbox-selected-icon-color: #ffccdb;
  --mdc-checkbox-selected-pressed-icon-color: #ffccdb;
  --mdc-checkbox-unselected-focus-icon-color: #eeeeee;
  --mdc-checkbox-unselected-hover-icon-color: #eeeeee;
  --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ffccdb;
  --mdc-checkbox-selected-hover-state-layer-color: #ffccdb;
  --mdc-checkbox-selected-pressed-state-layer-color: #ffccdb;
  --mdc-checkbox-unselected-focus-state-layer-color: white;
  --mdc-checkbox-unselected-hover-state-layer-color: white;
  --mdc-checkbox-unselected-pressed-state-layer-color: white;
}
.dark-theme .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #112d93;
  --mat-text-button-state-layer-color: #112d93;
  --mat-text-button-ripple-color: rgba(17, 45, 147, 0.1);
}
.dark-theme .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #e7a57c;
  --mat-text-button-state-layer-color: #e7a57c;
  --mat-text-button-ripple-color: rgba(231, 165, 124, 0.1);
}
.dark-theme .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ffccdb;
  --mat-text-button-state-layer-color: #ffccdb;
  --mat-text-button-ripple-color: rgba(255, 204, 219, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #112d93;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #e7a57c;
  --mat-filled-button-state-layer-color: #000;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ffccdb;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #112d93;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #e7a57c;
  --mat-protected-button-state-layer-color: #000;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ffccdb;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #112d93;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #112d93;
  --mat-outlined-button-ripple-color: rgba(17, 45, 147, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #e7a57c;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #e7a57c;
  --mat-outlined-button-ripple-color: rgba(231, 165, 124, 0.1);
}
.dark-theme .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ffccdb;
  --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color: #ffccdb;
  --mat-outlined-button-ripple-color: rgba(255, 204, 219, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #112d93;
  --mat-icon-button-state-layer-color: #112d93;
  --mat-icon-button-ripple-color: rgba(17, 45, 147, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #e7a57c;
  --mat-icon-button-state-layer-color: #e7a57c;
  --mat-icon-button-ripple-color: rgba(231, 165, 124, 0.1);
}
.dark-theme .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ffccdb;
  --mat-icon-button-state-layer-color: #ffccdb;
  --mat-icon-button-ripple-color: rgba(255, 204, 219, 0.1);
}
.dark-theme .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #112d93;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #e7a57c;
  --mat-fab-foreground-color: #000;
  --mat-fab-state-layer-color: #000;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #ffccdb;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #112d93;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #e7a57c;
  --mat-fab-small-foreground-color: #000;
  --mat-fab-small-state-layer-color: #000;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
}
.dark-theme .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #ffccdb;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.dark-theme .mat-accent {
  --mdc-circular-progress-active-indicator-color: #e7a57c;
}
.dark-theme .mat-warn {
  --mdc-circular-progress-active-indicator-color: #ffccdb;
}
.dark-theme .mat-badge-accent {
  --mat-badge-background-color: #e7a57c;
}
.dark-theme .mat-badge-warn {
  --mat-badge-background-color: #ffccdb;
  --mat-badge-text-color: white;
}
.dark-theme .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-background-color: #e7a57c;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(231, 165, 124, 0.4);
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(231, 165, 124, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(231, 165, 124, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(231, 165, 124, 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;
}
.dark-theme .mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ffccdb;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 204, 219, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 204, 219, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 204, 219, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 204, 219, 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;
}
.dark-theme .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #e7a57c;
}
.dark-theme .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #ffccdb;
}
.dark-theme .mat-icon.mat-primary {
  --mat-icon-color: #112d93;
}
.dark-theme .mat-icon.mat-accent {
  --mat-icon-color: #e7a57c;
}
.dark-theme .mat-icon.mat-warn {
  --mat-icon-color: #ffccdb;
}
.dark-theme .mat-step-header.mat-accent {
  --mat-stepper-header-selected-state-icon-background-color: #e7a57c;
  --mat-stepper-header-done-state-icon-background-color: #e7a57c;
  --mat-stepper-header-edit-state-icon-background-color: #e7a57c;
}
.dark-theme .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ffccdb;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ffccdb;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ffccdb;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.dark-theme .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #112d93;
  --mat-toolbar-container-text-color: white;
}
.dark-theme .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #e7a57c;
}
.dark-theme .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #ffccdb;
  --mat-toolbar-container-text-color: white;
}
.dark-theme .mat-expansion-panel {
  margin: 0px 0px 10px 0px;
  border-radius: 10px !important;
}
.dark-theme .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 30px;
}
.dark-theme .mat-expansion-panel .mat-expansion-panel-header {
  padding: 0 30px;
}
.dark-theme .mat-expansion-panel .mat-expansion-panel-content .mat-expansion-panel-body {
  padding: 0 30px 30px;
}
.dark-theme .mat-accordion .mat-expansion-panel:not(.mat-expanded),
.dark-theme .mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) {
  border-radius: 10px;
}
.dark-theme .mat-mdc-tab-header {
  --mat-tab-header-label-text-weight: 600;
  gap: 0px;
}
.dark-theme .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: #ff4158 !important;
  width: 80%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 3px solid;
}
.dark-theme .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #112d93 !important;
}
.dark-theme .mat-mdc-tab-header-pagination-chevron {
  --mat-tab-header-pagination-icon-color: #ff4158;
}
.dark-theme .mat-mdc-tab-labels {
  gap: 3px;
}
.dark-theme .mat-form-field-appearance-outline {
  --mat-datepicker-calendar-period-button-icon-color: #ff4158;
  --mat-datepicker-calendar-header-text-size: 1rem;
}
.dark-theme .mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M3.2 5.74a.75.75 0 0 1 1.06-.04L8 9.227L11.74 5.7a.75.75 0 1 1 1.02 1.1l-4.25 4a.75.75 0 0 1-1.02 0l-4.25-4a.75.75 0 0 1-.04-1.06'/%3E%3C/svg%3E");
  background-color: #ff4158 !important;
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.dark-theme .mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  transform: none;
}
.dark-theme .mat-form-field-appearance-outline .mat-form-field-disabled .mat-mdc-text-field-wrapper .mat-mdc-select-arrow {
  background-color: rgba(180, 197, 207, 0.5) !important;
}
.dark-theme .mat-form-field-appearance-outline .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mat-mdc-select-arrow {
  transform: rotate(180deg);
}
.dark-theme .mat-form-field-appearance-outline .mat-mdc-select-placeholder {
  transition: none;
}
.dark-theme .mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button .mat-datepicker-toggle-default-icon {
  display: none;
}
.dark-theme .mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23ff4158' stroke-width='2.5'%3E%3Cpath d='M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12v2c0 3.771 0 5.657-1.172 6.828S17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172S2 17.771 2 14z'/%3E%3Cpath stroke-linecap='round' d='M7 4V2.5M17 4V2.5M2.5 9h19'/%3E%3C/g%3E%3C/svg%3E");
}
.dark-theme .mat-form-field-appearance-outline .mdc-line-ripple {
  display: none;
}
.dark-theme .mat-form-field-appearance-outline .mat-calendar span {
  text-transform: lowercase;
}
.dark-theme .mat-form-field-appearance-outline .mat-datepicker-toggle .mat-mdc-icon-button::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19 4h-2V3a1 1 0 0 0-2 0v1H9V3a1 1 0 0 0-2 0v1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m1 15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-7h16Zm0-9H4V7a1 1 0 0 1 1-1h2v1a1 1 0 0 0 2 0V6h6v1a1 1 0 0 0 2 0V6h2a1 1 0 0 1 1 1Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  mask-image: var(--svg);
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
}
.dark-theme .mat-mdc-mini-fab:not(.mdc-fab--extended) {
  --mdc-fab-small-container-shape: 30%;
}
.dark-theme .mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.dark-theme .mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.dark-theme .mat-form-field-disabled .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  background-color: rgba(180, 197, 207, 0.05);
}
.dark-theme .mat-mdc-paginator {
  width: 100%;
}
.dark-theme .mdc-switch--selected .mdc-switch__icon--on,
.dark-theme .mdc-switch--unselected .mdc-switch__icon--off {
  opacity: 0;
}
.dark-theme .mat-mdc-tooltip-surface {
  font-size: 0.75rem;
}
.dark-theme .custom-chips-mantis .mat-mdc-standard-chip {
  border-radius: 4px;
  width: 85px;
  height: 24px;
  max-height: 24px;
  display: flex;
  align-items: center;
}
.dark-theme .custom-chips-mantis .mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.dark-theme .custom-chips-mantis .mat-mdc-standard-chip .mdc-evolution-chip__action--primary {
  padding-left: 0;
  padding-right: 0;
}
.dark-theme .custom-chips-mantis .resuelta,
.dark-theme .custom-chips-mantis .resuleta {
  background-color: rgba(23, 201, 100, 0.2) !important;
}
.dark-theme .custom-chips-mantis .resuelta span,
.dark-theme .custom-chips-mantis .resuleta span {
  color: #039855 !important;
}
.dark-theme .custom-chips-mantis .confirmada {
  background-color: rgba(245, 165, 36, 0.2) !important;
}
.dark-theme .custom-chips-mantis .confirmada span {
  color: #ff4158 !important;
}
.dark-theme .custom-chips-mantis .asignada,
.dark-theme .custom-chips-mantis .asignado,
.dark-theme .custom-chips-mantis .pendiente {
  background-color: rgba(17, 45, 147, 0.2) !important;
}
.dark-theme .custom-chips-mantis .asignada span,
.dark-theme .custom-chips-mantis .asignado span,
.dark-theme .custom-chips-mantis .pendiente span {
  color: #112d93 !important;
}
.dark-theme .custom-chips-mantis .nueva {
  background-color: rgba(243, 18, 96, 0.2) !important;
}
.dark-theme .custom-chips-mantis .nueva span {
  color: #F31260 !important;
}
.dark-theme .custom-chips-mantis .cerrado,
.dark-theme .custom-chips-mantis .cerrada {
  background-color: rgba(212, 212, 216, 0.4) !important;
}
.dark-theme .custom-chips-mantis .cerrado span,
.dark-theme .custom-chips-mantis .cerrada span {
  color: #D8E4EE !important;
}
.dark-theme .mat-mdc-raised-button.mat-primary,
.dark-theme .mat-mdc-raised-button.mat-accent,
.dark-theme .mat-mdc-raised-button.mat-warn,
.dark-theme .mat-mdc-unelevated-button.mat-primary,
.dark-theme .mat-mdc-unelevated-button.mat-accent,
.dark-theme .mat-mdc-unelevated-button.mat-warn,
.dark-theme .mdc-fab.mat-primary,
.dark-theme .mdc-fab.mat-accent,
.dark-theme .mdc-fab.mat-warn {
  color: white;
}
.dark-theme .mat-mdc-unelevated-button[disabled],
.dark-theme .mat-mdc-unelevated-button.mat-mdc-button-disabled,
.dark-theme .mat-mdc-raised-button[disabled],
.dark-theme .mat-mdc-raised-button.mat-mdc-button-disabled .mdc-fab[disabled],
.dark-theme .mdc-fab.mat-mdc-button-disabled {
  cursor: default;
  pointer-events: none;
  color: var(--mdc-filled-button-disabled-label-text-color);
  background-color: var(--mdc-filled-button-disabled-container-color);
}
.dark-theme .mat-mdc-raised-button {
  box-shadow: 0px 2px 4px -1px rgba(175, 182, 201, 0.2);
}
.dark-theme .mat-mdc-fab,
.dark-theme .mat-mdc-mini-fab,
.dark-theme .mat-mdc-fab:hover,
.dark-theme .mat-mdc-fab:focus,
.dark-theme .mat-mdc-mini-fab:hover,
.dark-theme .mat-mdc-mini-fab:focus {
  box-shadow: none;
}
.dark-theme .mat-button-toggle-button {
  font-size: 14px;
}
@media (min-width: 768px) {
  .dark-theme .flex-sm-row {
    flex-direction: row !important;
  }
}
.dark-theme .flex-column {
  flex-direction: column;
}
.dark-theme .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.2 !important;
}
.dark-theme .mat-mdc-mini-fab.mat-inherit {
  background-color: transparent !important;
}
.dark-theme .btn-raised {
  width: 100%;
  height: 56px;
}
.dark-theme .btn-file-download-excel {
  width: 182;
  height: 56px;
}
.dark-theme .btn-file-download-pdf {
  width: 167px;
  height: 56px;
}
.dark-theme .custom-toggle-group-two, .dark-theme .custom-toggle-group-one {
  height: 32px;
  border-radius: 10px;
}
.dark-theme .custom-toggle-group-two:not(.custom-toggle-group-diabled), .dark-theme .custom-toggle-group-one:not(.custom-toggle-group-diabled) {
  border: solid 1px #ff4158;
}
.dark-theme .custom-toggle-group-two .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled), .dark-theme .custom-toggle-group-one .mat-button-toggle-appearance-standard:not(.mat-button-toggle-disabled) {
  color: #ff4158;
  background: rgba(255, 65, 88, 0.1);
}
.dark-theme .custom-toggle-group-two .mat-button-toggle-label-content, .dark-theme .custom-toggle-group-one .mat-button-toggle-label-content {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  height: 100%;
}
.dark-theme .custom-toggle-group-two .mat-button-toggle-label-content svg g, .dark-theme .custom-toggle-group-one .mat-button-toggle-label-content svg g,
.dark-theme .custom-toggle-group-two .mat-button-toggle-label-content svg path,
.dark-theme .custom-toggle-group-one .mat-button-toggle-label-content svg path {
  stroke-width: 2.5;
}
.dark-theme .custom-toggle-group-two .mat-button-toggle-button, .dark-theme .custom-toggle-group-one .mat-button-toggle-button {
  height: 100%;
}
.dark-theme .custom-toggle-group-two .mat-button-toggle-appearance-standard.mat-button-toggle-checked:not(.mat-button-toggle-disabled), .dark-theme .custom-toggle-group-one .mat-button-toggle-appearance-standard.mat-button-toggle-checked:not(.mat-button-toggle-disabled) {
  color: #ff4158;
}
.dark-theme .custom-toggle-group-one {
  min-width: 45px;
}
.dark-theme .custom-toggle-group-two {
  min-width: 90px;
}
.dark-theme .custom-toggle-group-two .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-left: solid 1px #979797;
}
.dark-theme .custom-toggle-group-multiple {
  height: 2.25rem;
  border-radius: 10px;
  border: solid 1px #112d93;
}
.dark-theme .custom-toggle-group-multiple mat-button-toggle {
  min-width: 11.875rem;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard {
  color: #112d93;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0 12px;
  line-height: 2.25rem;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  color: #ffffff;
  background: #112d93;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-left: solid 1px #112d93;
}
.dark-theme .custom-toggle-group-multiple .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.dark-theme .custom-toggle-group-multiple .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: #ffffff;
}
.dark-theme .dual-icon-download-button {
  width: 100%;
  min-height: 3.25rem;
  min-width: fit-content;
  height: auto;
  overflow: hidden;
  border-color: #2edbd4;
  background-color: rgba(46, 219, 212, 0.1);
  border-radius: 6px;
}
.dark-theme .dual-icon-download-button .mdc-button__label {
  width: 100%;
  text-align: start;
}
.dark-theme .dual-icon-download-button .mdc-button__label svg {
  min-width: 1.25rem;
  height: 1.25rem;
  width: 1.25rem;
}
.dark-theme .dual-icon-download-button .mdc-button__label svg path {
  stroke-width: 2.5;
}
.dark-theme .dual-icon-download-button div span {
  width: 100%;
}
.dark-theme .boton-opciones-naranja {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #ff4158 !important;
  background: rgba(255, 65, 88, 0.1);
  border: 1px solid #ff4158;
  border-radius: 8px;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer;
}
.dark-theme .boton-opciones-naranja:hover {
  background: rgba(255, 65, 88, 0.2);
}
.dark-theme .fab-with-label {
  border-top-left-radius: 14px;
  border-bottom-left-radius: 14px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  display: inline-flex;
  align-items: center;
  width: 40px;
  height: 40px;
}
.dark-theme .fab-with-label .fab-label {
  visibility: hidden;
  color: #112d93;
}
.dark-theme .fab-with-label:has(button:hover) {
  background-color: #e6f0fe !important;
  width: auto;
}
.dark-theme .fab-with-label:has(button:hover) .fab-label {
  padding-right: 0.875rem;
  padding-left: 0.875rem;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 1;
  visibility: visible;
}
.dark-theme .mat-mdc-outlined-button.mat-primary {
  border-color: unset !important;
}
.dark-theme .mat-drawer {
  background-color: white;
}
.dark-theme .mat-drawer-container {
  background-color: white;
}
.dark-theme .mat-mdc-card-header {
  padding: 30px 30px 0;
}
.dark-theme .mat-mdc-card-content {
  padding: 0 30px;
}
.dark-theme .mat-mdc-card {
  background-color: #273142;
}
.dark-theme .mat-mdc-card > .mat-mdc-card-content {
  padding: 30px 60px;
}
.dark-theme .loginCard {
  background-color: white;
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
  border-radius: 14px !important;
}
.dark-theme .loginCard h1 {
  color: #112d93;
}
.dark-theme .cardWithShadow,
.dark-theme .mat-expansion-panel {
  box-shadow: 0px 2px 4px -1px rgba(175, 182, 201, 0.2) !important;
}
.dark-theme .mat-mdc-card-title {
  line-height: 1.6rem;
  margin-bottom: 8px;
}
.dark-theme .mat-mdc-card-subtitle {
  color: #b4c5cf;
}
.dark-theme .mdc-card__actions {
  padding: 30px;
}
.dark-theme html .mat-mdc-chip {
  height: 30px;
  font-size: 14px;
  background-color: #f2f6fa;
}
.dark-theme .mat-mdc-progress-bar {
  border-radius: 6px;
}
.dark-theme .theme-card.mat-mdc-card .mat-mdc-card-header {
  padding: 16px 30px;
}
.dark-theme .theme-card.mat-mdc-card .mat-mdc-card-content {
  padding: 30px;
}
.dark-theme .note-card {
  border-radius: 24px;
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.15);
  display: flex;
  gap: 10px;
  height: 100%;
  width: 100% !important;
}
.dark-theme .note-card h5:has(+ label) {
  margin-top: 0px;
  margin-bottom: 0.5rem;
}
.dark-theme .note-card .note-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dark-theme .note-card .blue-divider {
  min-width: 4px;
  background-color: #112d93;
  align-self: stretch;
}
@media (max-width: 600px) {
  .dark-theme .note-card .blue-divider {
    min-height: 4px;
  }
  .dark-theme .note-card .note-content {
    flex-direction: column;
  }
}
.dark-theme .mantis-card {
  box-shadow: none;
  border-radius: 4px;
  border: 0.4px solid #979797;
  display: flex;
  gap: 0.625rem;
  height: 100%;
  width: 100% !important;
}
.dark-theme .mantis-card p {
  line-height: 1.5;
  margin: 0;
}
.dark-theme .mantis-card .mantis-content {
  padding: 0.625rem 1rem;
  display: flex;
  align-items: center;
}
.dark-theme .mantis-card .blue-divider {
  min-width: 4px;
  background-color: #112d93;
  align-self: stretch;
}
@media (max-width: 600px) {
  .dark-theme .mantis-card .blue-divider {
    min-height: 4px;
  }
  .dark-theme .mantis-card .mantis-content {
    flex-direction: column;
    gap: 1rem;
  }
}
.dark-theme .summary-card {
  height: 100%;
  justify-content: center;
}
.dark-theme .summary-card .mat-mdc-card-content {
  padding: 30px;
}
.dark-theme .summary-card h5 {
  color: #112d93;
}
.dark-theme .summary-card .icon-container {
  min-width: 70px;
  height: 70px;
  background-color: rgba(46, 219, 212, 0.05);
  margin-right: 1rem;
}
.dark-theme .summary-card .icon-container .mat-icon {
  width: 30px;
  height: 30px;
  color: #112d93;
}
.dark-theme .summary-card .icon-container .material-icons {
  font-size: 30px;
}
.dark-theme .summary-card .text-container-1 p {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0px;
  line-height: 100%;
}
.dark-theme .summary-card .text-container-1 h5 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0px;
  line-height: 100%;
}
.dark-theme .summary-card .text-container-2 p {
  font-size: 1rem;
  font-weight: 400;
  margin: 0px;
  line-height: 20px;
}
.dark-theme .summary-card .text-container-2 h5 {
  font-size: 1.875rem;
  font-weight: 600;
  margin: 0px;
  line-height: 100%;
}
.dark-theme .mat-headline-5,
.dark-theme .mat-headline-6,
.dark-theme .mat-subtitle-1 {
  color: #D8E4EE;
}
.dark-theme .mat-body-1,
.dark-theme .mat-body-2,
.dark-theme .mat-subtitle-2 {
  color: #b4c5cf;
}
.dark-theme .mat-headline-5 {
  font-size: 40px;
  font-weight: 600;
  line-height: 56px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #D8E4EE;
}
.dark-theme .mat-headline-6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #D8E4EE;
}
.dark-theme .mat-subtitle-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #b4c5cf;
}
.dark-theme .mat-subtitle-1 {
  font-size: 21px;
  font-weight: 500;
  line-height: 26px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #D8E4EE;
}
.dark-theme .mat-body-1 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #b4c5cf;
}
.dark-theme .mat-body-2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  font-family: Poppins;
  letter-spacing: normal;
  margin: 0;
  color: #b4c5cf;
}
.dark-theme .mdc-list-item__primary-text,
.dark-theme .mat-drawer-container,
.dark-theme .mat-drawer {
  color: #B4C5CF;
}
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6,
.dark-theme .h1,
.dark-theme .h2,
.dark-theme .h3,
.dark-theme .h4,
.dark-theme .h5,
.dark-theme .h6 {
  color: #D8E4EE;
}
.dark-theme .mat-mdc-menu-panel {
  overflow: hidden !important;
}
.dark-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-unselected-icon-color: #112d93;
}
.dark-theme .mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-unselected-icon-color: #ff4158;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-unselected-icon-color: #112d93;
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-icon-color: #ff4158;
}
.dark-theme mat-icon.expand_state {
  color: #ff4158 !important;
}
.dark-theme .sidebarNav .branding span {
  background: url('logo-sidebar.svg') no-repeat center center/cover;
  height: 78px;
  width: 174px;
  display: block;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left: 18px;
  transition: var(--trans-03);
}
.dark-theme .sidebarNav .toggler-ovf {
  overflow: visible;
}
.dark-theme .sidebar-list.mdc-list .menu-list-sub-item .menu-list-item {
  border-radius: 8px;
  height: min-content;
  padding: 6px 6px 6px 11px !important;
  margin-bottom: 4px;
  margin-left: 26px;
  width: 172px;
  min-height: 32px;
  background-color: #273142;
}
.dark-theme .menu-list-sub-item .menu-list-item .mdc-list-item__start {
  display: none;
}
.dark-theme .sidebarNav:not(mat-drawer-over) {
  width: 279px;
}
.dark-theme .sidebarNav-mini .sidebarNav {
  width: 100px;
  overflow: visible;
}
.dark-theme .sidebarNav-mini .sidebarNav .sidebar-list .mdc-list-group__subheader .caption-icon {
  display: inline;
}
.dark-theme .sidebarNav-mini .sidebarNav .sidebar-list .mdc-list-group__subheader .caption-text,
.dark-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-sub-item {
  display: none;
}
.dark-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-item {
  padding: 8px 14px !important;
  width: 60px;
  margin-left: 8px;
}
.dark-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-item .mdc-list-item__content {
  display: none;
}
.dark-theme .sidebarNav-mini .sidebarNav .sidebar-list .menu-list-item .mdc-list-item__start {
  margin-left: 6px !important;
  margin-right: 8px !important;
}
.dark-theme .sidebarNav-mini .sidebarNav:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1215686275);
}
.dark-theme .sidebarNav-mini .sidebarNav:hover .profile-bar {
  display: block;
}
.dark-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list .menu-list-item .mdc-list-item__content {
  display: none;
}
.dark-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list.mdc-list .mdc-list-group__subheader {
  text-align: left;
}
.dark-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list.mdc-list .mdc-list-group__subheader .caption-icon {
  display: none;
}
.dark-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list.mdc-list .mdc-list-group__subheader .caption-text,
.dark-theme .sidebarNav-mini .sidebarNav:hover .sidebar-list .menu-list-sub-item {
  display: hidden;
}
.dark-theme .sidebarNav-mini .hideMenu {
  overflow: hidden;
  width: 100px;
}
.dark-theme .sidebarNav-mini .branding {
  overflow: hidden;
}
.dark-theme .sidebarNav-mini .branding span {
  background: url('logo-sidebar-min.svg') no-repeat center center/cover;
  height: 50px;
  width: 50px;
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  margin-left: 0px;
  margin-top: 19px;
  transition: var(--trans-03);
}
.dark-theme .sidebarNav-mini .sidebar-list.mdc-list {
  padding: 0 12px;
  width: 100px;
}
.dark-theme .sidebarNav-mini .sidebar-list.mdc-list .mdc-list-group__subheader {
  text-align: center;
}
.dark-theme .sidebarNav-mini .contentWrapper {
  width: calc(100vw - 100px);
}
@media (min-width: 1024px) {
  .dark-theme .sidebarNav-mini .contentWrapper {
    margin-left: 100px !important;
  }
}
.dark-theme .toggler-btn {
  z-index: 50;
  position: absolute;
  right: -22px;
  width: 36px;
  height: 36px;
}
.dark-theme .sidebarNav .switch-theme {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dark-theme .sidebarNav .switch-theme .toggle-switch {
  position: absolute;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 78px;
  overflow: hidden;
  cursor: pointer;
  z-index: 17;
}
.dark-theme .toggle-switch .switch-on {
  position: relative;
  height: 32px;
  width: 56px;
  border-radius: 25px;
  background: #112d93;
}
.dark-theme .toggle-switch .switch-off {
  position: relative;
  height: 32px;
  width: 56px;
  border-radius: 25px;
  background: #112d93;
}
.dark-theme .switch-on .iconify,
.dark-theme .switch-off .iconify {
  color: #f2f6fa;
}
.dark-theme .switch-on .iconify {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 13%;
  left: 4px;
  background: #ff4158;
}
.dark-theme .switch-off .iconify {
  content: "";
  position: absolute;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  top: 13%;
  left: 28px;
  background: #ff4158;
}
.dark-theme .sidebarNav .leaft-submenu-item {
  position: relative;
  left: 14px;
  top: 43px;
  border-width: 0px 0px 2px 2px;
  border-style: solid;
  border-radius: 0px 0px 0px 8px;
  z-index: 15;
  margin-top: -76px;
  height: min-content;
  color: transparent;
  min-height: 48px;
  width: 178px;
}
.dark-theme .sidebarNav .leaft-fork-submenu-item {
  position: relative;
  left: 14px;
  top: 36px;
  border-width: 0px 0px 0px 2px;
  border-style: solid;
  z-index: 16;
  height: 30px;
}
.dark-theme .sidebarNav .leaft-fork-inv-submenu-item {
  position: relative;
  left: 14px;
  top: 36px;
  z-index: 16;
  height: 30px;
}
.dark-theme .sidebarNav-mini .leaft-submenu-item,
.dark-theme .sidebarNav-mini .leaft-fork-submenu-item,
.dark-theme .sidebarNav-mini .leaft-fork-inv-submenu-item {
  display: none;
}
.dark-theme .menuSideBar {
  width: 172px;
}
.dark-theme .menuSideTrigger {
  position: relative;
  left: 82px;
  top: -52px;
}
.dark-theme .mdc-data-table__cell,
.dark-theme .mdc-data-table__header-cell {
  padding: 0.875rem;
}
.dark-theme .mdc-data-table__cell,
.dark-theme .mdc-data-table__header-cell,
.dark-theme .mat-mdc-cell {
  border-bottom-color: rgba(17, 28, 45, 0.0509803922) !important;
}
.dark-theme .table-responsive {
  overflow-x: auto;
}
.dark-theme .table-responsive td,
.dark-theme .table-responsive mat-cell {
  white-space: nowrap;
  padding: 14px;
}
@media (max-width: 1023px) {
  .dark-theme .table-xs-responsive {
    overflow-x: auto;
  }
}
.dark-theme .mat-mdc-table .mat-mdc-header-row {
  background-color: rgb(240, 242, 244) !important;
}
.dark-theme .mat-mdc-footer-row {
  background-color: #273142;
  font-weight: 600;
  color: #D8E4EE;
  font-size: 0.875rem;
}
.dark-theme .mat-mdc-header-cell {
  font-weight: 600 !important;
}
.dark-theme .mat-mdc-row {
  color: textPrimary !important;
}
.dark-theme .mdc-data-table__cell {
  padding: 1.25rem 0.875rem;
}
.dark-theme td.mat-column-star {
  width: 20px;
  padding-right: 8px;
}
.dark-theme th.mat-column-position,
.dark-theme td.mat-column-position {
  padding-left: 8px;
}
.dark-theme .mat-mdc-table-sticky-border-elem-right {
  border-left: 1px solid #e0e0e0;
}
.dark-theme .mat-mdc-table-sticky-border-elem-left {
  border-right: 1px solid #e0e0e0;
}
.dark-theme .table-bordered {
  border: 1px solid rgb(213, 213, 213);
  border-radius: 12px;
  overflow: hidden;
}
.dark-theme .table-scrollable {
  overflow-x: auto;
}
.dark-theme .table-scrollable::-webkit-scrollbar {
  height: 3px;
}
.dark-theme .table-scrollable::-webkit-scrollbar-thumb {
  background: #ff4158 !important;
  border-radius: 10px;
}
.dark-theme .cell-custom {
  padding: 20px 0px !important;
}
.dark-theme .no-vertical-padding td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.dark-theme .custom-table-detailed {
  overflow: hidden !important;
  border: 0.6px solid #D5D5D5;
  border-radius: 14px;
}
.dark-theme .custom-table-detailed .mat-column-label {
  background: rgba(180, 197, 207, 0.1);
  color: #D8E4EE;
  border-bottom-width: 0px;
}
.dark-theme .custom-table-detailed thead {
  display: none;
}
.dark-theme .custom-table-detailed td {
  width: 50%;
  padding-right: 5%;
  padding-left: 5%;
}
.dark-theme .mdc-label,
.dark-theme .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #B4C5CF !important;
}
.dark-theme .mdc-text-field--outlined.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(180, 197, 207, 0.5) !important;
}
.dark-theme .hide-hint .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.dark-theme .rounded-input .mat-mdc-form-field-outline,
.dark-theme .rounded-input .mat-mdc-form-field-outline-thick {
  border-radius: 23px;
}
.dark-theme .rounded-input:hover .mat-mdc-form-field-outline-thick {
  border-color: #6200ea;
  /* Cambia el color del borde al hacer hover */
}
.dark-theme .rounded-input .mat-mdc-form-field-outline-thick {
  border-color: #3f51b5;
  /* Color del borde cuando el campo está enfocado */
}
.dark-theme .md-form {
  width: 100%;
  height: 5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.dark-theme .md-form .mat-mdc-form-field-subscript-wrapper {
  height: 1.5rem;
}
.dark-theme .md-form .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.dark-theme .md-form .mdc-text-field--outlined .mdc-floating-label {
  font-size: 1rem;
  line-height: 1.5rem;
}
.dark-theme .md-form-filter {
  margin-bottom: 2rem;
  position: relative;
}
.dark-theme .md-form-filter mat-error {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 4px;
  white-space: normal;
  font-size: 0.75rem;
}
.dark-theme .required-asterisk {
  vertical-align: super;
}
.dark-theme .is-valid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mat-mdc-notch-piece {
  border-color: var(--mdc-outlined-text-field-outline-color, var(--mat-app-outline)) !important;
}
.dark-theme .is-valid.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: 0 !important;
}
.dark-theme .pulse-bg-anm {
  animation-duration: 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: pulse-bg-anm;
  animation-timing-function: linear;
  background: #ffe5e8;
  background: linear-gradient(to right, #ffe5e8 10%, #112d93 20%, #ffe5e8 30%);
  background-size: 1400px 104px;
}
@keyframes pulse-bg-anm {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.dark-theme .bg-azul-principal {
  background-color: #112d93 !important;
}
.dark-theme .text-azul-principal {
  color: #112d93 !important;
}
.dark-theme .bc-azul-principal {
  border-color: #112d93 !important;
}
.dark-theme .bg-naranja {
  background-color: #ff4158 !important;
}
.dark-theme .text-naranja {
  color: #ff4158 !important;
}
.dark-theme .bc-naranja {
  border-color: #ff4158 !important;
}
.dark-theme .bg-success {
  background-color: #039855 !important;
}
.dark-theme .text-success {
  color: #039855 !important;
}
.dark-theme .bc-success {
  border-color: #039855 !important;
}
.dark-theme .bg-warning {
  background-color: #ff4158 !important;
}
.dark-theme .text-warning {
  color: #ff4158 !important;
}
.dark-theme .bc-warning {
  border-color: #ff4158 !important;
}
.dark-theme .bg-error {
  background-color: #D32F2F !important;
}
.dark-theme .text-error {
  color: #D32F2F !important;
}
.dark-theme .bc-error {
  border-color: #D32F2F !important;
}
.dark-theme .bg-azul-secundario {
  background-color: #2edbd4 !important;
}
.dark-theme .text-azul-secundario {
  color: #2edbd4 !important;
}
.dark-theme .bc-azul-secundario {
  border-color: #2edbd4 !important;
}
.dark-theme .bg-gris {
  background-color: #B4C5CF !important;
}
.dark-theme .text-gris {
  color: #B4C5CF !important;
}
.dark-theme .bc-gris {
  border-color: #B4C5CF !important;
}
.dark-theme .bg-titulos {
  background-color: #D8E4EE !important;
}
.dark-theme .text-titulos {
  color: #D8E4EE !important;
}
.dark-theme .bc-titulos {
  border-color: #D8E4EE !important;
}
.dark-theme .bg-blanco {
  background-color: #ffffff !important;
}
.dark-theme .text-blanco {
  color: #ffffff !important;
}
.dark-theme .bc-blanco {
  border-color: #ffffff !important;
}
.dark-theme .bg-light {
  background-color: #f2f6fa !important;
}
.dark-theme .text-light {
  color: #f2f6fa !important;
}
.dark-theme .bc-light {
  border-color: #f2f6fa !important;
}
.dark-theme .bg-muted {
  background-color: #526b7a !important;
}
.dark-theme .text-muted {
  color: #526b7a !important;
}
.dark-theme .bc-muted {
  border-color: #526b7a !important;
}
.dark-theme .bg-dark {
  background-color: #7c8fac !important;
}
.dark-theme .text-dark {
  color: #7c8fac !important;
}
.dark-theme .bc-dark {
  border-color: #7c8fac !important;
}
.dark-theme .bg-dark-200 {
  background-color: #E6F0FE !important;
}
.dark-theme .text-dark-200 {
  color: #E6F0FE !important;
}
.dark-theme .bc-dark-200 {
  border-color: #E6F0FE !important;
}
.dark-theme .bg-gray-100 {
  background-color: #7c8fac !important;
}
.dark-theme .text-gray-100 {
  color: #7c8fac !important;
}
.dark-theme .bc-gray-100 {
  border-color: #7c8fac !important;
}
.dark-theme .bg-light-error {
  background-color: #FDEDED !important;
}
.dark-theme .text-light-error {
  color: #FDEDED !important;
}
.dark-theme .bc-light-error {
  border-color: #FDEDED !important;
}
.dark-theme .bg-light-naranja {
  background-color: #ffdfcc !important;
}
.dark-theme .text-light-naranja {
  color: #ffdfcc !important;
}
.dark-theme .bc-light-naranja {
  border-color: #ffdfcc !important;
}
.dark-theme .bg-light-success {
  background-color: #EDF7ED !important;
}
.dark-theme .text-light-success {
  color: #EDF7ED !important;
}
.dark-theme .bc-light-success {
  border-color: #EDF7ED !important;
}
.dark-theme .bg-light-warning {
  background-color: #FFF4E5 !important;
}
.dark-theme .text-light-warning {
  color: #FFF4E5 !important;
}
.dark-theme .bc-light-warning {
  border-color: #FFF4E5 !important;
}
.dark-theme .bg-light-azul-principal {
  background-color: #ffe5e8 !important;
}
.dark-theme .text-light-azul-principal {
  color: #ffe5e8 !important;
}
.dark-theme .bc-light-azul-principal {
  border-color: #ffe5e8 !important;
}
.dark-theme .bg-success-100 {
  background-color: #D1FADF !important;
}
.dark-theme .text-success-100 {
  color: #D1FADF !important;
}
.dark-theme .bc-success-100 {
  border-color: #D1FADF !important;
}
.dark-theme .bg-warning-100 {
  background-color: #FEF0C7 !important;
}
.dark-theme .text-warning-100 {
  color: #FEF0C7 !important;
}
.dark-theme .bc-warning-100 {
  border-color: #FEF0C7 !important;
}
.dark-theme .bg-error-100 {
  background-color: #fccbcb !important;
}
.dark-theme .text-error-100 {
  color: #fccbcb !important;
}
.dark-theme .bc-error-100 {
  border-color: #fccbcb !important;
}
.dark-theme .bg-azul-secundario-100 {
  background-color: #D0E6FF !important;
}
.dark-theme .text-azul-secundario-100 {
  color: #D0E6FF !important;
}
.dark-theme .bc-azul-secundario-100 {
  border-color: #D0E6FF !important;
}
.dark-theme .bg-success-50 {
  background-color: #ECFDF3 !important;
}
.dark-theme .text-success-50 {
  color: #ECFDF3 !important;
}
.dark-theme .bc-success-50 {
  border-color: #ECFDF3 !important;
}
.dark-theme .bg-warning-50 {
  background-color: #FFFAEB !important;
}
.dark-theme .text-warning-50 {
  color: #FFFAEB !important;
}
.dark-theme .bc-warning-50 {
  border-color: #FFFAEB !important;
}
.dark-theme .bg-error-50 {
  background-color: #ffebeb !important;
}
.dark-theme .text-error-50 {
  color: #ffebeb !important;
}
.dark-theme .bc-error-50 {
  border-color: #ffebeb !important;
}
.dark-theme .bg-azul-secundario-50 {
  background-color: #F1F8FF !important;
}
.dark-theme .text-azul-secundario-50 {
  color: #F1F8FF !important;
}
.dark-theme .bc-azul-secundario-50 {
  border-color: #F1F8FF !important;
}
.dark-theme .bg-notificacion {
  background-color: #FE5C73 !important;
}
.dark-theme .text-notificacion {
  color: #FE5C73 !important;
}
.dark-theme .bc-notificacion {
  border-color: #FE5C73 !important;
}
.dark-theme .bg-configuracion {
  background-color: #718EBF !important;
}
.dark-theme .text-configuracion {
  color: #718EBF !important;
}
.dark-theme .bc-configuracion {
  border-color: #718EBF !important;
}
.dark-theme .fill-warning svg {
  fill: #ff4158;
  color: #ff4158;
}
.dark-theme .fill-light svg {
  fill: #f2f6fa;
  color: #f2f6fa;
}
.dark-theme body {
  color: #ffffff;
  background-color: #273142;
}
.dark-theme .topbar {
  background-color: #273142;
}
.dark-theme .mat-drawer {
  background-color: #273142;
}
.dark-theme .mat-drawer-content {
  background-color: #273142;
}
.dark-theme html .mat-drawer-container {
  background-color: #273142;
}
.dark-theme .body-wrapper {
  background-color: #1f2a3d;
}
.dark-theme .sidebar-list.mdc-list .menu-list-item .mdc-list-item__start {
  color: #f2f6fa;
}
.dark-theme .mat-mdc-mini-fab {
  --mat-fab-small-foreground-color: $light;
}
.dark-theme .ley-2381 span,
.dark-theme .ley-100 span {
  color: #006fee !important;
}
.dark-theme .chips-topbar .mat-mdc-standard-chip {
  --mdc-chip-elevated-container-color: rgba(0, 111, 238, 0.05);
  --mdc-chip-elevated-disabled-container-color: #3f5378 !important;
  --mdc-chip-flat-disabled-selected-container-color: #2e3d59 !important;
}
.dark-theme .menu-profile .text-profile .name {
  color: #2edbd4;
}
.dark-theme .menu-profile .text-profile .username {
  color: #D8E4EE;
}
.dark-theme .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: #D8E4EE;
}
.dark-theme .mat-mdc-table .mat-mdc-header-row {
  background-color: rgb(53, 64, 81) !important;
}
.dark-theme .mat-mdc-tab .mat-mdc-tab-ripple {
  background-color: #273142;
}
.dark-theme .mat-mdc-tab:hover .mat-mdc-tab-ripple {
  background-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-theme .mat-mdc-tab-header-pagination-controls-enabled .mat-mdc-tab-header-pagination {
  background-color: #273142;
}
.dark-theme .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #2edbd4 !important;
}
.dark-theme .mdc-text-field {
  --mdc-outlined-text-field-input-text-color: #D8E4EE;
  --mdc-outlined-text-field-outline-color: textPrimary;
  --mdc-outlined-text-field-hover-outline-color: white;
}
.dark-theme .mat-form-field-appearance-outline {
  --mat-select-enabled-trigger-text-color: #e0e6eb;
}
.dark-theme .filtro-lista-basico .mat-mdc-select {
  color: #D8E4EE;
}
.dark-theme .filtro-lista-basico .mat-mdc-select-placeholder {
  color: #D8E4EE;
}
.dark-theme .filtro-fecha .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #D8E4EE;
}
.dark-theme .filtro-fecha mat-label {
  color: #D8E4EE;
}
.dark-theme .filtro-input .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control {
  color: #D8E4EE;
}
.dark-theme .presentation-container-space-between div label {
  color: #B4C5CF;
}
.dark-theme .presentation-container-space-between div strong {
  color: #D8E4EE;
}
.dark-theme .presentation-container div label {
  color: #B4C5CF;
}
.dark-theme .presentation-container div strong {
  color: #D8E4EE;
}
.dark-theme .mat-mdc-menu-item {
  color: #B4C5CF !important;
}
.dark-theme .sidebar-list.mdc-list .menu-list-item.activeMenu .mdc-list-item__primary-text {
  color: #2edbd4 !important;
}
.dark-theme .sidebar-list.mdc-list .menu-list-item.activeMenu .mat-mdc-list-item-icon {
  color: #2edbd4 !important;
}
.dark-theme .activeMenu {
  background-color: #293951 !important;
}
.dark-theme .leaft-submenu-item,
.dark-theme .leaft-fork-submenu-item {
  border-color: #B4C5CF !important;
}
.dark-theme .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused {
  border-color: rgba(122, 155, 194, 0.4) !important;
}
.dark-theme .sidebarNav .branding span {
  background: url('logo-sidebar-blank.svg') no-repeat center center/cover;
}
.dark-theme .sidebarNav-mini .branding span {
  background: url('logo-sidebar-blank-min.svg') no-repeat center center/cover;
}
.dark-theme .tooltipMenu {
  background-color: #293951 !important;
}
.dark-theme .tooltipMenu div {
  color: #D8E4EE;
  background-color: #293951 !important;
}
.dark-theme .login-wrapper {
  background-color: #1f2a3d;
}
.dark-theme .loginCard {
  background-color: #273142;
}
.dark-theme .loginCard h1 {
  color: #D8E4EE;
}
.dark-theme .loginCard .branding-auth span {
  background: url('logo-login-blank.svg') no-repeat center center/cover;
}
.dark-theme .filtro-fecha-periodo {
  background-color: rgba(78, 132, 196, 0.1);
  border: 1px solid rgb(223, 223, 223);
  transition: background-color 0.3s ease;
}
.dark-theme .filtro-fecha-periodo:hover {
  background-color: rgba(78, 132, 196, 0.2);
}
.dark-theme .filtro-fecha-periodo.selected {
  border-color: rgb(232, 109, 31);
  background-color: rgba(232, 109, 31, 0.1);
}
.dark-theme .filtro-fecha-periodo .selector-header mat-icon {
  color: #ff4158;
}
.dark-theme .filtro-fecha-periodo .selector-header span {
  color: #D8E4EE;
}
.dark-theme .filtro-fecha-periodo .selector-dropdown {
  background-color: #273142;
  border: none;
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.dark-theme .filtro-fecha-periodo .selector-dropdown .filter-btn {
  color: #ff4158;
}
.dark-theme .filtro-fecha-periodo .selector-dropdown .headers {
  border-bottom: 1px solid #CAC4D0;
}
.dark-theme .filtro-fecha-periodo .selector-dropdown .headers .header-item mat-icon {
  color: #ff4158;
}
.dark-theme .filtro-fecha-periodo .selector-dropdown .headers .header-item-disabled {
  color: var(--mat-expansion-header-disabled-state-text-color) !important;
}
.dark-theme .filtro-fecha-periodo .selector-dropdown .headers .header-item-disabled mat-icon {
  color: var(--mdc-list-list-item-container-color);
}
.dark-theme .filtro-fecha-periodo .selector-dropdown mat-list-option mat-icon {
  color: var(--mdc-list-list-item-container-color);
}
.dark-theme .filtro-fecha-periodo .mdc-list-item--selected {
  background-color: rgba(46, 219, 212, 0.1) !important;
}
.dark-theme .filtro-fecha-periodo .mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 500 !important;
  color: #2edbd4 !important;
}
.dark-theme .filtro-fecha-periodo .mdc-list-item--selected .mat-icon {
  color: #ff4158;
}
.dark-theme filtro-fecha-periodo.ng-invalid .filtro-fecha-periodo {
  border-color: #ff6692;
  background-color: rgba(255, 102, 146, 0.168627451);
}
.dark-theme filtro-fecha-periodo.ng-invalid .filtro-fecha-periodo .selector-header mat-icon {
  color: #ff6692;
}
.dark-theme .custom-snackbar .mat-mdc-button:not(:disabled) {
  color: #3A4A61;
}
.dark-theme .custom-toggle-group-multiple {
  border: solid 1px #2edbd4;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard {
  color: #2edbd4;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  color: #ffffff;
  background: #112d93;
}
.dark-theme .custom-toggle-group-multiple .mat-button-toggle-appearance-standard + .mat-button-toggle-appearance-standard {
  border-left: solid 1px #2edbd4;
}
.dark-theme .custom-toggle-group-multiple .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,
.dark-theme .custom-toggle-group-multiple .mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after {
  color: #ffffff;
}
.dark-theme .btn-cancel,
.dark-theme .btn-file-download-excel,
.dark-theme .btn-file-download-pdf {
  border-color: #2edbd4 !important;
  color: #2edbd4 !important;
}
.dark-theme .mat-mdc-outlined-button[disabled],
.dark-theme .mat-mdc-outlined-button.mat-mdc-button-disabled {
  border-color: rgba(180, 197, 207, 0.1) !important;
  color: var(--mdc-outlined-button-disabled-label-text-color) !important;
  background-color: rgba(180, 197, 207, 0.1) !important;
  border: 0px !important;
}
.dark-theme .spinner-overlay {
  background: rgba(255, 255, 255, 0.2);
}
.dark-theme .upload-custom .upload-container {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23b4c5cfFF' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
}
.dark-theme .upload-custom .upload-content .text-labels .actions {
  color: #B4C5CF;
}
.dark-theme .upload-custom .upload-content .featured-icon .text-azul-secundario {
  color: #112d93 !important;
}
.dark-theme .upload-custom .upload-item-base {
  border: 1.5px solid #B4C5CF;
}
.dark-theme .upload-custom .file-detail .color-gris {
  color: #B4C5CF;
}
.dark-theme .upload-custom .file-detail .color-titulo {
  color: #D8E4EE;
}
.dark-theme .upload-custom .content-progress-bar .percentage {
  color: #D8E4EE;
}
.dark-theme .download-custom .download-container {
  background-color: rgba(229, 246, 253, 0.1);
  border: 1px solid #E5F6FD;
}
.dark-theme .download-custom .download-item .icon-file {
  color: #E5F6FD;
}
.dark-theme .download-custom .download-item .color-titulo {
  color: #D8E4EE;
}
.dark-theme .download-custom .download-item .color-gris {
  color: #B4C5CF;
}
.dark-theme .chatbot-container {
  /* Configuración scrollbar */
}
.dark-theme .chatbot-container .chat-container {
  box-shadow: #004990;
}
.dark-theme .chatbot-container .chat-container .chat-header {
  background-color: #4e84c4;
}
.dark-theme .chatbot-container .chat-container .chat-avatar {
  background-color: #004990;
}
.dark-theme .chatbot-container .chat-container .chat-avatar .chat-logo {
  background-color: #004990;
}
.dark-theme .chatbot-container .chat-container .chat-messages .user-msg {
  color: #ffffff;
}
.dark-theme .chatbot-container .chat-container .chat-messages .bot-msg {
  color: #ffffff;
}
.dark-theme .chatbot-container .chat-container .chat-messages p {
  background: rgba(46, 219, 212, 0.7);
}
.dark-theme .chatbot-container .chat-container .chat-messages .chat-options button {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.dark-theme .chatbot-container .chat-container .chat-messages .chat-options button:hover {
  background-color: #112d93;
  color: #ffffff;
}
.dark-theme .chatbot-container .chat-container .chat-messages .chat-options .pressed {
  background-color: rgba(17, 45, 147, 0.8);
  color: #ffffff;
}
.dark-theme .chatbot-container .chat-container .chat-input {
  border-top: 1px solid #F3F4F6;
}
.dark-theme .chatbot-container .chat-container .chat-input input {
  color: #ffffff;
}
.dark-theme .chatbot-container ::-webkit-scrollbar-thumb {
  background: #B4C5CF !important;
}
.dark-theme .chatbot-container ::-webkit-scrollbar-track {
  background: #FAFAFA;
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
}
.dark-theme .mat-mdc-radio-button.mat-primary {
  --mdc-radio-unselected-icon-color: #4e84c4;
}
.dark-theme .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-icon-color: #e7a57c;
}
.dark-theme .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-unselected-icon-color: #4e84c4 !important;
}
.dark-theme .mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-unselected-icon-color: #e7a57c !important;
}
.dark-theme .fab-with-label:has(button:hover) {
  background-color: #273142 !important;
}
.dark-theme .fab-with-label:has(button:hover) .fab-label {
  color: #D8E4EE;
  background-color: #273142 !important;
}
.dark-theme .mat-mdc-paginator .text-azul-principal {
  color: #2edbd4 !important;
  background-color: unset;
}
.dark-theme .mat-mdc-paginator .custom-chevron {
  background-color: unset;
}
.dark-theme .mat-mdc-paginator .mat-mdc-raised-button {
  box-shadow: none;
}
.dark-theme .icon-btn-siafp {
  background: url('btn-siafp-blank.svg') no-repeat center center/cover;
}
.dark-theme .summary-card h5 {
  color: #2edbd4;
}
.dark-theme .summary-card .icon-container .mat-icon {
  color: #B4C5CF;
}
.dark-theme .custom-chips-mantis .resuelta,
.dark-theme .custom-chips-mantis .resuleta {
  background-color: rgba(23, 201, 100, 0.5) !important;
}
.dark-theme .custom-chips-mantis .resuelta span,
.dark-theme .custom-chips-mantis .resuleta span {
  color: #EDF7ED !important;
}
.dark-theme .custom-chips-mantis .confirmada {
  background-color: rgba(245, 165, 36, 0.5) !important;
}
.dark-theme .custom-chips-mantis .confirmada span {
  color: #FFF4E5 !important;
}
.dark-theme .custom-chips-mantis .asignada,
.dark-theme .custom-chips-mantis .asignado,
.dark-theme .custom-chips-mantis .pendiente {
  background-color: rgba(17, 45, 147, 0.5) !important;
}
.dark-theme .custom-chips-mantis .asignada span,
.dark-theme .custom-chips-mantis .asignado span,
.dark-theme .custom-chips-mantis .pendiente span {
  color: #ffe5e8 !important;
}
.dark-theme .custom-chips-mantis .nueva {
  background-color: rgba(243, 18, 96, 0.5) !important;
}
.dark-theme .custom-chips-mantis .nueva span {
  color: #FDEDED !important;
}
.dark-theme .custom-chips-mantis .cerrado,
.dark-theme .custom-chips-mantis .cerrada {
  background-color: rgba(124, 143, 172, 0.5) !important;
}
.dark-theme .custom-chips-mantis .cerrado span,
.dark-theme .custom-chips-mantis .cerrada span {
  color: #D4D4D8 !important;
}
.dark-theme .sidebar-list .mdc-list-item--with-leading-icon:hover .mdc-list-item__start,
.dark-theme .sidebar-list .mdc-list-item:hover .mdc-list-item__primary-text {
  color: #D8E4EE !important;
}
.dark-theme mat-date-range-input input::placeholder {
  color: #B4C5CF;
}
.dark-theme .note-card .note-content h5.text-azul-principal {
  color: #2edbd4 !important;
}
.dark-theme .note-card .blue-divider {
  background-color: #2edbd4;
}
.dark-theme .custom-dialog-panel .featured-icon .text-azul-secundario {
  color: #112d93 !important;
}
.dark-theme .custom-mas-opciones-panel .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text {
  color: #ffe5e8 !important;
}
.dark-theme .custom-mas-opciones-item-list-selected {
  background-color: rgba(17, 45, 147, 0.75) !important;
}

.mat-drawer-side {
  border-right: 1px solid #e0e6eb;
}

.rounded-sm {
  border-radius: 6px !important;
}

.rounded {
  border-radius: 12px !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 25px !important;
}

.rounded-pill .mat-mdc-form-field-icon-prefix,
.rounded-pill [dir=rtl] .mat-mdc-form-field-icon-suffix {
  padding: 0 12px 0 25px;
}
.rounded-pill .mat-form-field-outline {
  border-radius: 25px !important;
}
.rounded-pill .mdc-notched-outline__leading {
  border-top-left-radius: 25px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 25px !important;
  width: 25px !important;
}
.rounded-pill .mdc-notched-outline__trailing {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 25px !important;
  border-bottom-right-radius: 25px !important;
  border-bottom-left-radius: 0 !important;
}

.mat-mdc-menu-item {
  color: #64748B !important;
}

.mat-mdc-menu-item:hover:not([disabled]) {
  background: #f6f9fc;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-80 {
  width: 80%;
}

.text-hover-primary:hover .hover-text {
  color: #112d93;
}

.z-1 {
  z-index: 1;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.mt-auto {
  margin-top: auto;
}

.shadow-none {
  box-shadow: none !important;
}

.overflow-hidden {
  overflow: hidden;
}

.text-decoration-none {
  text-decoration: none;
}

.position-relative {
  position: relative;
}

.op-5 {
  opacity: 0.5;
}

.op-75 {
  opacity: 0.75;
}

.cursor-pointer {
  cursor: pointer;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.filtro-input .mat-mdc-text-field-wrapper, .filtro-lista-basico .mat-mdc-text-field-wrapper, .filtro-fecha .mat-mdc-text-field-wrapper {
  height: 48px;
  border-radius: 10px;
  border: 1px solid #d5d5d5;
  background-color: rgba(17, 45, 147, 0.1) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.custom-filter-button {
  font-size: 0.875rem !important;
  text-decoration: underline !important;
  border-radius: 15px !important;
  height: 48px !important;
}

.filter-container-510, .filter-container-lg, .filter-container-md, .filter-container-sm {
  display: block;
  min-width: 160px;
  width: 100%;
}
.filter-container-510 mat-error, .filter-container-lg mat-error, .filter-container-md mat-error, .filter-container-sm mat-error {
  font-size: 0.875rem;
}

.filter-container-sm {
  max-width: 160px;
}

.filter-container-md {
  max-width: 251px;
}

.filter-container-lg {
  max-width: 528px;
}

.filter-container-510 {
  max-width: 510px;
}

.filtro-fecha {
  width: 100%;
  font-size: 0.875rem !important;
  line-height: 1.7 !important;
  --mat-datepicker-calendar-period-button-icon-color: #ff4158;
  --mat-datepicker-calendar-header-text-size: 1rem;
}
.filtro-fecha .mdc-text-field--filled .mdc-floating-label {
  font-size: 0.875rem !important;
  line-height: 1.7 !important;
  top: 50% !important;
}
.filtro-fecha mat-label {
  color: #3A4A61;
}
.filtro-fecha .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #3A4A61;
}
.filtro-fecha .mat-mdc-form-field-focus-overlay {
  height: 100%;
}
.filtro-fecha .mat-mdc-icon-button {
  width: 20px;
  height: 20px;
}
.filtro-fecha.selected .mat-mdc-text-field-wrapper {
  border-color: #ff4158;
  background-color: rgba(255, 65, 88, 0.1) !important;
}
.filtro-fecha .mat-mdc-form-field-icon-suffix {
  padding: 0px;
}
.filtro-fecha .btn-close {
  padding: 0px;
  background: none;
  border: none;
}
.filtro-fecha .btn-close svg g,
.filtro-fecha .btn-close svg path {
  stroke-width: 2;
}
.filtro-fecha .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
}
.filtro-fecha .mat-mdc-form-field-flex {
  height: 100%;
}
.filtro-fecha .mat-mdc-form-field-infix {
  min-height: 46px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.filtro-fecha .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0px;
}
.filtro-fecha .mat-datepicker-toggle .mat-mdc-icon-button .mat-datepicker-toggle-default-icon {
  display: none;
}
.filtro-fecha .mdc-line-ripple {
  display: none;
}
.filtro-fecha .mat-calendar span {
  text-transform: lowercase;
}

.filtro-lista-basico {
  width: 100%;
}
.filtro-lista-basico .mat-mdc-select-placeholder {
  color: #3A4A61;
}
.filtro-lista-basico .mat-mdc-select {
  font-size: 0.875rem;
  line-height: 1.05rem;
  color: #3A4A61;
}
.filtro-lista-basico .mat-mdc-text-field-wrapper .mat-mdc-select-arrow {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  vertical-align: -0.125em !important;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ff4158' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E") !important;
}
.filtro-lista-basico .mat-mdc-select-placeholder {
  transition: none !important;
}
.filtro-lista-basico .mat-mdc-form-field-flex {
  height: 100%;
}
.filtro-lista-basico.selected .mat-mdc-text-field-wrapper {
  border-color: #ff4158;
  background-color: rgba(255, 65, 88, 0.1) !important;
  cursor: default !important;
}
.filtro-lista-basico.selected .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23ff4158' stroke-width='1.8' %3E%3Ccircle cx='10' cy='10' r='8'/%3E%3Cpath stroke-linecap='round' d='m12 8l-4 4m0-4l4 4'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.filtro-lista-basico.selected .mat-mdc-select-trigger {
  cursor: default !important;
}
.filtro-lista-basico.selected .mat-mdc-select-trigger .mat-mdc-select-arrow {
  cursor: pointer !important;
}
.filtro-lista-basico .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
}
.filtro-lista-basico .mat-mdc-form-field-infix {
  min-height: 46px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.filtro-lista-basico .mdc-line-ripple {
  display: none;
}

.filtro-input {
  width: 100%;
  line-height: 1.6 !important;
  font-size: 0.875rem !important;
}
.filtro-input .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control {
  color: #3A4A61;
}
.filtro-input .mat-mdc-text-field-wrapper {
  background-color: #ffffff;
}
.filtro-input .mat-mdc-form-field-infix {
  min-height: 46px;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.filtro-input .mat-mdc-form-field-flex {
  height: 100%;
}
.filtro-input.selected .mat-mdc-text-field-wrapper {
  border-color: #ff4158;
  background-color: rgba(255, 65, 88, 0.1) !important;
}
.filtro-input .mat-mdc-form-field-subscript-wrapper {
  height: 0px;
}
.filtro-input .mat-mdc-form-field-icon-suffix {
  padding: 0px;
}
.filtro-input .btn-close {
  padding: 0px;
  background: none;
  border: none;
}
.filtro-input .btn-close svg g,
.filtro-input .btn-close svg path {
  stroke-width: 2;
}
.filtro-input .mdc-line-ripple {
  display: none;
}

.filtro-fecha-periodo {
  width: 100%;
  height: 48px;
  background-color: rgba(17, 45, 147, 0.1);
  padding: 0px 16px;
  font-size: 0.875rem;
  border-radius: 10px;
  border: 1px solid #d5d5d5;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background-color 0.3s ease;
}
.filtro-fecha-periodo:hover {
  background-color: rgba(17, 45, 147, 0.2);
}
.filtro-fecha-periodo.open {
  cursor: default;
  background-color: #f0f7ff;
}
.filtro-fecha-periodo.selected {
  cursor: default;
  border-color: #ff4158;
  background-color: rgba(255, 65, 88, 0.1);
}
.filtro-fecha-periodo .selector-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.filtro-fecha-periodo .selector-header .clear-btn {
  cursor: pointer;
}
.filtro-fecha-periodo .selector-header .clear-btn svg g,
.filtro-fecha-periodo .selector-header .clear-btn svg path {
  stroke-width: 2;
}
.filtro-fecha-periodo .selector-header mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff4158;
}
.filtro-fecha-periodo .selector-header span {
  color: #3A4A61;
}

.filtro-fecha-periodo-selector .selector-dropdown {
  background-color: #fff;
  border: 1px solid rgb(223, 223, 223);
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  width: clamp(160px, 40vw, 344px);
}
.filtro-fecha-periodo-selector .selector-dropdown mat-selection-list {
  overflow-y: auto;
  scrollbar-width: thin;
  height: 336px;
}
.filtro-fecha-periodo-selector .selector-dropdown .filter-btn {
  font-size: 0.875rem;
  line-height: 1.05rem;
  color: #ff4158;
  text-decoration: underline;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  margin-left: auto;
  display: block;
  margin-bottom: 15px;
  margin-right: 10px;
}
.filtro-fecha-periodo-selector .selector-dropdown .headers {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #CAC4D0;
}
.filtro-fecha-periodo-selector .selector-dropdown .headers .header-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
}
.filtro-fecha-periodo-selector .selector-dropdown .headers .header-item mat-icon {
  color: #ff4158;
}
.filtro-fecha-periodo-selector .selector-dropdown .headers .header-item-disabled {
  color: var(--mat-expansion-header-disabled-state-text-color) !important;
}
.filtro-fecha-periodo-selector .selector-dropdown .headers .header-item-disabled mat-icon {
  color: var(--mdc-list-list-item-container-color);
}
.filtro-fecha-periodo-selector .selector-dropdown mat-list-option mat-icon {
  color: var(--mdc-list-list-item-container-color);
}
.filtro-fecha-periodo-selector .mdc-list-item--selected {
  background-color: rgba(17, 45, 147, 0.1) !important;
}
.filtro-fecha-periodo-selector .mdc-list-item--selected .mdc-list-item__primary-text {
  font-weight: 500 !important;
}
.filtro-fecha-periodo-selector .mdc-list-item--selected .mat-icon {
  color: #ff4158;
}

filtro-fecha.ng-invalid .filtro-fecha .mat-mdc-text-field-wrapper, filtro-input.ng-invalid .filtro-input .mat-mdc-text-field-wrapper, filtro-lista-basico.ng-invalid .filtro-lista-basico .mat-mdc-text-field-wrapper {
  border-color: #ff6692;
  --mdc-filled-text-field-container-color: rgba(255, 102, 146, 0.168627451);
  background-color: rgba(255, 102, 146, 0.168627451) !important;
}

filtro-fecha-periodo.ng-invalid .filtro-fecha-periodo {
  border-color: #ff6692;
  background-color: rgba(255, 102, 146, 0.168627451);
}
filtro-fecha-periodo.ng-invalid .filtro-fecha-periodo .selector-header mat-icon {
  color: #ff6692;
}

filtro-lista-basico.ng-invalid .filtro-lista-basico .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23ff6692' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9l-7 6l-7-6'/%3E%3C/svg%3E") !important;
}

filtro-fecha.ng-invalid .filtro-fecha .btn-close {
  color: #ff6692 !important;
}

.menu-filtro-lg {
  max-width: 606px !important;
  max-height: 950px !important;
  margin-left: -18px;
  margin-top: -58px;
  border-radius: 24px !important;
}

.icon-1 {
  height: 1px !important;
  width: 1px !important;
}

.icon-2 {
  height: 2px !important;
  width: 2px !important;
}

.icon-3 {
  height: 3px !important;
  width: 3px !important;
}

.icon-4 {
  height: 4px !important;
  width: 4px !important;
}

.icon-5 {
  height: 5px !important;
  width: 5px !important;
}

.icon-6 {
  height: 6px !important;
  width: 6px !important;
}

.icon-7 {
  height: 7px !important;
  width: 7px !important;
}

.icon-8 {
  height: 8px !important;
  width: 8px !important;
}

.icon-9 {
  height: 9px !important;
  width: 9px !important;
}

.icon-10 {
  height: 10px !important;
  width: 10px !important;
}

.icon-11 {
  height: 11px !important;
  width: 11px !important;
}

.icon-12 {
  height: 12px !important;
  width: 12px !important;
}

.icon-13 {
  height: 13px !important;
  width: 13px !important;
}

.icon-14 {
  height: 14px !important;
  width: 14px !important;
}

.icon-15 {
  height: 15px !important;
  width: 15px !important;
}

.icon-16 {
  height: 16px !important;
  width: 16px !important;
}

.icon-17 {
  height: 17px !important;
  width: 17px !important;
}

.icon-18 {
  height: 18px !important;
  width: 18px !important;
}

.icon-19 {
  height: 19px !important;
  width: 19px !important;
}

.icon-20 {
  height: 20px !important;
  width: 20px !important;
}

.icon-21 {
  height: 21px !important;
  width: 21px !important;
}

.icon-22 {
  height: 22px !important;
  width: 22px !important;
}

.icon-23 {
  height: 23px !important;
  width: 23px !important;
}

.icon-24 {
  height: 24px !important;
  width: 24px !important;
}

.icon-25 {
  height: 25px !important;
  width: 25px !important;
}

.icon-26 {
  height: 26px !important;
  width: 26px !important;
}

.icon-27 {
  height: 27px !important;
  width: 27px !important;
}

.icon-28 {
  height: 28px !important;
  width: 28px !important;
}

.icon-29 {
  height: 29px !important;
  width: 29px !important;
}

.icon-30 {
  height: 30px !important;
  width: 30px !important;
}

.icon-31 {
  height: 31px !important;
  width: 31px !important;
}

.icon-32 {
  height: 32px !important;
  width: 32px !important;
}

.icon-33 {
  height: 33px !important;
  width: 33px !important;
}

.icon-34 {
  height: 34px !important;
  width: 34px !important;
}

.icon-35 {
  height: 35px !important;
  width: 35px !important;
}

.icon-36 {
  height: 36px !important;
  width: 36px !important;
}

.icon-37 {
  height: 37px !important;
  width: 37px !important;
}

.icon-38 {
  height: 38px !important;
  width: 38px !important;
}

.icon-39 {
  height: 39px !important;
  width: 39px !important;
}

.icon-40 {
  height: 40px !important;
  width: 40px !important;
}

.icon-41 {
  height: 41px !important;
  width: 41px !important;
}

.icon-42 {
  height: 42px !important;
  width: 42px !important;
}

.icon-43 {
  height: 43px !important;
  width: 43px !important;
}

.icon-44 {
  height: 44px !important;
  width: 44px !important;
}

.icon-45 {
  height: 45px !important;
  width: 45px !important;
}

.icon-46 {
  height: 46px !important;
  width: 46px !important;
}

.icon-47 {
  height: 47px !important;
  width: 47px !important;
}

.icon-48 {
  height: 48px !important;
  width: 48px !important;
}

i-tabler {
  stroke-width: 1.5px !important;
}

*,
:after,
:before {
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  color: #526b7a;
  font-size: 16px;
  line-height: normal;
  overflow-x: hidden;
  --mat-select-trigger-text-size: 1rem !important;
  --mdc-protected-button-label-text-size: 1rem !important;
  --mat-option-label-text-size: 1rem !important;
  --mdc-outlined-button-label-text-size: 1rem !important;
  --mat-expansion-container-text-size: 1rem !important;
  --mat-table-row-item-label-text-size: 0.875rem !important;
}

.mainWrapper {
  display: flex;
  min-height: 100vh;
  width: 100%;
  flex: 1;
  height: 100%;
}

.body-wrapper {
  border-radius: 20px;
  background: #f4f7fb;
  margin: 0 15px 30px 0;
  min-height: calc(100% - 132px);
}

@media (max-width: 1023px) {
  .body-wrapper {
    margin-right: 0;
  }
}
.pageWrapper {
  padding: 30px;
  min-height: calc(100vh - 130px);
  margin: 0 auto;
}
.pageWrapper.maxWidth {
  max-width: 1600px;
}

.container {
  max-width: 1480px;
  margin: 0 auto;
}
.container.full-width {
  display: flex;
  align-items: center;
  width: 100%;
}

.hstack {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.fullHeight {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* Asegura que el body ocupe toda la altura de la ventana */
  margin: 0;
}

.w-156 {
  width: 156px !important;
}

.w-528 {
  width: 528px !important;
}

.max-w-344 {
  max-width: 344px !important;
}

.min-w-344 {
  min-width: 344px !important;
}

.max-w-360 {
  max-width: 360px !important;
}

.max-w-528 {
  max-width: 528px !important;
}

.min-w-528 {
  min-width: 528px !important;
}

.max-w-580 {
  max-width: 580px !important;
}

.max-w-712 {
  max-width: 712px !important;
}

.min-h-42 {
  min-height: 42px !important;
}

.min-h-56 {
  min-height: 56px !important;
}

.min-w-42 {
  min-width: 42px !important;
}

.min-w-56 {
  min-width: 56px !important;
}

.min-w-168 {
  min-width: 168px !important;
}

.min-w-186 {
  min-width: 186px !important;
}

.min-w-260 {
  min-width: 260px !important;
}

.min-h-24 {
  min-height: 24px;
}

.max-h-257 {
  max-height: 257px !important;
}

.max-h-930 {
  max-height: 930px !important;
}

div.mat-mdc-select-panel {
  scrollbar-width: thin;
}

h1 {
  font-size: 2.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

h2 {
  font-size: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.4;
}

h3 {
  font-size: 1.75rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h4 {
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

h5 {
  font-size: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}

h6 {
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

strong {
  font-weight: 600;
  line-height: 1.2;
}

label {
  line-height: 1.2;
}

p {
  line-height: 1.2;
}

.presentation-container-space-between {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.presentation-container-space-between div {
  display: flex;
  margin-bottom: 0.5rem;
}
.presentation-container-space-between div label {
  color: #64748B;
  white-space: nowrap;
  margin-right: 0.5rem;
}
.presentation-container-space-between div strong {
  color: #3A4A61;
}

.presentation-container div {
  display: flex;
  margin-bottom: 0.5rem;
}
.presentation-container div label {
  color: #64748B;
  white-space: nowrap;
  margin-right: 0.5rem;
}
.presentation-container div strong {
  color: #3A4A61;
}
@media (max-width: 1280px) {
  .presentation-container div label {
    white-space: wrap;
  }
}

/* PLUS-0078-H1 - Estilo especifico para permitir wrap en detalle-info */
.presentation-container.presentation-container-wrap div {
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.presentation-container.presentation-container-wrap div label {
  display: inline;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-right: 0.5rem;
  margin-bottom: 0;
}
.presentation-container.presentation-container-wrap div strong {
  display: inline;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.spinner-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(17, 45, 147, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.chatbot-container {
  position: fixed;
  z-index: 1000;
  /* Configuración scrollbar */
}
.chatbot-container .mat-mdc-mini-fab {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 56px;
  height: 56px;
}
.chatbot-container .chat-container {
  position: fixed;
  bottom: 160px;
  right: 20px;
  width: clamp(230px, 90vw, 376px);
  height: 530px;
  border-radius: 8px;
  box-shadow: #004990;
}
.chatbot-container .chat-container .chat-header {
  display: flex;
  padding: 1rem;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  height: 68px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #112d93;
  gap: 10px;
}
.chatbot-container .chat-container .chat-header span {
  flex: 1;
}
.chatbot-container .chat-container .chat-avatar {
  color: #ffffff;
  border-radius: 50%;
  background-color: #004990;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatbot-container .chat-container .chat-avatar .chat-logo {
  background-color: #004990;
}
.chatbot-container .chat-container .chat-avatar .chat-status {
  position: absolute;
  bottom: 7px;
  right: -3px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.chatbot-container .chat-container .chat-avatar .active {
  background-color: #00C48C;
}
.chatbot-container .chat-container .container-avatar {
  min-width: 40px;
  height: 40px;
}
.chatbot-container .chat-container .chat-messages {
  flex: 1;
  display: flex;
  overflow-y: auto;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-end;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
}
.chatbot-container .chat-container .chat-messages div {
  display: flex;
  gap: 10px;
}
.chatbot-container .chat-container .chat-messages .user-msg {
  color: #3A4A61;
  width: 100%;
}
.chatbot-container .chat-container .chat-messages .user-msg p {
  width: 100%;
  text-align: right;
  border-radius: 8px;
  border-top-right-radius: 0px;
}
.chatbot-container .chat-container .chat-messages .bot-msg {
  color: #3A4A61;
  display: flex;
  max-width: 340px;
  width: 100%;
}
.chatbot-container .chat-container .chat-messages .bot-msg p {
  max-width: 290px;
  width: 100%;
  border-radius: 8px;
  border-top-left-radius: 0px;
}
.chatbot-container .chat-container .chat-messages p {
  padding: 8px 12px;
  margin: 0 0 10px 0;
  word-wrap: break-word;
  background: rgba(17, 45, 147, 0.1);
}
.chatbot-container .chat-container .chat-messages .chat-options {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin: 0 0 10px 0;
  width: 279px;
}
.chatbot-container .chat-container .chat-messages .chat-options button {
  font-size: 0.875rem;
  font-weight: 400;
  color: #112d93;
  border: 1px solid #112d93;
  border-radius: 3px;
  padding: 8px 16px;
  width: fit-content;
}
.chatbot-container .chat-container .chat-messages .chat-options button:hover {
  background-color: #112d93;
  color: #ffffff;
}
.chatbot-container .chat-container .chat-messages .chat-options .pressed {
  background-color: rgba(17, 45, 147, 0.8);
  color: #ffffff;
}
.chatbot-container .chat-container .chat-input {
  height: 44px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top: 1px solid #F3F4F6;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.chatbot-container .chat-container .chat-input input {
  width: 100%;
  color: #64748B;
  background-color: inherit;
  flex: 1;
  border: none;
  outline: none;
  font-size: 1rem;
  line-height: 1.5;
}
.chatbot-container .chat-container .chat-input button {
  margin-left: 8px;
}
.chatbot-container .chat-container .chat-input button .mat-mdc-button-touch-target {
  height: 40px;
  width: 40px;
}
.chatbot-container ::-webkit-scrollbar-thumb {
  background: #64748B !important;
  border-radius: 0px;
}
.chatbot-container ::-webkit-scrollbar-track {
  background: #FAFAFA;
  border-left: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
}
.chatbot-container ::-webkit-scrollbar {
  width: 15px;
}

.icon-btn-chatbot {
  background: url('logo-wapp-gpt.svg') no-repeat center center/cover;
  height: 33px;
  width: 33px;
  display: inline-block;
  background-size: contain;
}

.sidebarNav {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: width;
}

.mat-drawer.sidebarNav {
  width: 279px;
  flex-shrink: 0;
  position: absolute;
  overflow: visible;
  border: 0 !important;
}

.contentWrapper {
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-property: margin-left;
}

.branding {
  padding: 16px 0px 16px 24px;
  height: 120px;
}

.sidebar-list.mdc-list {
  padding: 0 16px;
  width: 279px;
}
.sidebar-list.mdc-list .mdc-list-group__subheader {
  margin: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 1.5px;
  padding: 7px 0;
  line-height: 26px;
}
.sidebar-list.mdc-list .sidebar-divider {
  height: 0.5px;
  display: block;
  margin: 12px 0;
  background: #e0e6eb;
  width: 100%;
}
.sidebar-list.mdc-list .menu-list-item {
  border-radius: 8px;
  height: min-content;
  padding: 8px 14px !important;
  margin-left: 8px;
  margin-bottom: 4px;
  z-index: 16;
  color: #64748B !important;
  min-height: 48px;
}
.sidebar-list.mdc-list .menu-list-item:before, .sidebar-list.mdc-list .menu-list-item:focus {
  z-index: -1;
}
.sidebar-list.mdc-list .menu-list-item.activeMenu .mdc-list-item__primary-text {
  color: #112d93 !important;
  font-weight: 400;
}
.sidebar-list.mdc-list .menu-list-item.activeMenu .mat-mdc-list-item-icon {
  color: #112d93 !important;
}
.sidebar-list.mdc-list .menu-list-item .mdc-list-item__start {
  margin-right: 10px;
  margin-left: 0 !important;
  width: 18px;
  height: 18px;
  line-height: 0px;
  margin-top: 5px;
  color: #64748B;
}
.sidebar-list.mdc-list .menu-list-item .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: break-spaces;
  font-size: 15px !important;
}
.sidebar-list .mdc-list-item--with-leading-icon:hover .mdc-list-item__start,
.sidebar-list .mdc-list-item:hover .mdc-list-item__primary-text {
  color: #64748B !important;
}

.flex-layout {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.side-img {
  margin-right: -30px;
}

.menu-list-sub-item .mdc-list-item__content .hide-menu {
  font-size: 14px;
}

html .topbar {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 9;
  height: 100px;
  gap: 6px;
  padding-left: 32px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
}

.topbar-dd {
  min-width: 200px !important;
}

.object-cover {
  object-fit: cover;
}

.search-topbar {
  max-width: 261px;
}

.search-topbar .mat-mdc-form-field-subscript-wrapper,
.mat-mdc-form-field-bottom-align::before {
  height: 0px;
}

.chips-topbar .mdc-evolution-chip,
.mdc-evolution-chip__cell,
.mdc-evolution-chip__action {
  justify-content: center;
}
.chips-topbar .mdc-evolution-chip .mat-mdc-chip-action-label,
.mdc-evolution-chip__cell .mat-mdc-chip-action-label,
.mdc-evolution-chip__action .mat-mdc-chip-action-label {
  text-align: center !important;
}

.chips-topbar .mat-mdc-standard-chip {
  min-height: 48px;
  min-width: 120px;
}

.chips-topbar .mat-mdc-standard-chip .mdc-evolution-chip__text-label {
  line-height: 24px;
  font-size: 24px;
  font-weight: 700;
}

.mini-fab-topbar {
  height: 48px !important;
  width: 48px !important;
}

.bg-topbar-color {
  background-color: rgba(0, 111, 238, 0.05) !important;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15) !important;
}

.icon-btn-siafp {
  background: url('btn-siafp.svg') no-repeat center center/cover;
  height: 32px;
  width: 78px;
}

.btn-siafp {
  min-width: 102px;
  min-height: 48px;
}

.menu-profile {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.menu-profile .profile-dd {
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  letter-spacing: 0%;
  align-items: center;
}

.menu-profile .text-profile {
  display: flex;
  flex-direction: column;
}

.menu-profile .text-profile .name {
  color: #112d93;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.menu-profile .text-profile .username {
  color: #64748B;
  margin-top: -2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.offset-3 {
  margin-left: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.offset-6 {
  margin-left: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.offset-9 {
  margin-left: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.offset-12 {
  margin-left: 100%;
}

@media (min-width: 600px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-sm-12 {
    margin-left: 100%;
  }
}
@media (min-width: 960px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-md-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1280px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-lg-12 {
    margin-left: 100%;
  }
}
@media (min-width: 2100px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .offset-xl-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  body .d-lg-flex {
    display: flex !important;
  }
  body .d-lg-block {
    display: block !important;
  }
  body .d-lg-none {
    display: none !important;
  }
  body .align-items-lg-center {
    align-items: center !important;
  }
}
@media (min-width: 768px) {
  body .d-sm-flex {
    display: flex !important;
  }
  body .mt-lg-0 {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .p-xs-6 {
    padding: 0 6px !important;
  }
}
@media (max-width: 599px) {
  .mt-xs-12 {
    margin-top: 12px !important;
  }
}
.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-1-auto {
  flex: 1 1 0%;
}

@media (min-width: 768px) {
  body .flex-lg-row {
    flex-direction: row !important;
  }
  body .justify-content-lg-end {
    justify-content: flex-end !important;
  }
}
.lh-lg {
  line-height: 36px !important;
}

.lh-24 {
  line-height: 24px !important;
}

.lh-sm {
  line-height: 20px !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-col {
  flex-direction: column !important;
}

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.m-0 {
  margin: 0 !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-6 {
  margin: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.m-14 {
  margin: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-18 {
  margin: 18px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-32 {
  margin: 32px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-59 {
  margin: 59px !important;
}

.m-99 {
  margin: 99px !important;
}

.m-120 {
  margin: 120px !important;
}

.m-auto {
  margin: auto !important;
}

.m-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-x-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.m-x-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.m-x-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.m-x-6 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.m-x-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.m-x-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.m-x-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.m-x-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.m-x-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.m-x-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.m-x-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.m-x-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.m-x-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.m-x-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.m-x-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.m-x-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.m-x-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.m-x-59 {
  margin-left: 59px !important;
  margin-right: 59px !important;
}

.m-x-99 {
  margin-left: 99px !important;
  margin-right: 99px !important;
}

.m-x-120 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.m-x-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-y-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.m-y-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.m-y-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m-y-6 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.m-y-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-y-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.m-y-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.m-y-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.m-y-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.m-y-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.m-y-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m-y-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.m-y-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.m-y-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-y-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.m-y-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.m-y-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.m-y-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.m-y-99 {
  margin-top: 99px !important;
  margin-bottom: 99px !important;
}

.m-y-120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-2 {
  margin-top: 2px !important;
}

.m-t-3 {
  margin-top: 3px !important;
}

.m-t-4 {
  margin-top: 4px !important;
}

.m-t-6 {
  margin-top: 7px !important;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-t-10 {
  margin-top: 10px !important;
}

.m-t-11 {
  margin-top: 11px !important;
}

.m-t-12 {
  margin-top: 12px !important;
}

.m-t-14 {
  margin-top: 14px !important;
}

.m-t-15 {
  margin-top: 15px !important;
}

.m-t-16 {
  margin-top: 16px !important;
}

.m-t-18 {
  margin-top: 18px !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-t-24 {
  margin-top: 24px !important;
}

.m-t-30 {
  margin-top: 30px !important;
}

.m-t-32 {
  margin-top: 32px !important;
}

.m-t-48 {
  margin-top: 48px !important;
}

.m-t-59 {
  margin-top: 59px !important;
}

.m-t-99 {
  margin-top: 99px !important;
}

.m-t-120 {
  margin-top: 120px !important;
}

.m-t-auto {
  margin-top: auto !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-2 {
  margin-bottom: 2px !important;
}

.m-b-3 {
  margin-bottom: 3px !important;
}

.m-b-4 {
  margin-bottom: 4px !important;
}

.m-b-6 {
  margin-bottom: 7px !important;
}

.m-b-8 {
  margin-bottom: 8px !important;
}

.m-b-10 {
  margin-bottom: 10px !important;
}

.m-b-11 {
  margin-bottom: 11px !important;
}

.m-b-12 {
  margin-bottom: 12px !important;
}

.m-b-14 {
  margin-bottom: 14px !important;
}

.m-b-15 {
  margin-bottom: 15px !important;
}

.m-b-16 {
  margin-bottom: 16px !important;
}

.m-b-18 {
  margin-bottom: 18px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.m-b-24 {
  margin-bottom: 24px !important;
}

.m-b-30 {
  margin-bottom: 30px !important;
}

.m-b-32 {
  margin-bottom: 32px !important;
}

.m-b-48 {
  margin-bottom: 48px !important;
}

.m-b-59 {
  margin-bottom: 59px !important;
}

.m-b-99 {
  margin-bottom: 99px !important;
}

.m-b-120 {
  margin-bottom: 120px !important;
}

.m-b-auto {
  margin-bottom: auto !important;
}

.m--2 {
  margin: -2px !important;
}

.m--3 {
  margin: -3px !important;
}

.m--4 {
  margin: -4px !important;
}

.m--6 {
  margin: -7px !important;
}

.m--8 {
  margin: -8px !important;
}

.m--10 {
  margin: -10px !important;
}

.m--11 {
  margin: -11px !important;
}

.m--12 {
  margin: -12px !important;
}

.m--14 {
  margin: -14px !important;
}

.m--15 {
  margin: -15px !important;
}

.m--16 {
  margin: -16px !important;
}

.m--18 {
  margin: -18px !important;
}

.m--20 {
  margin: -20px !important;
}

.m--24 {
  margin: -24px !important;
}

.m--30 {
  margin: -30px !important;
}

.m--32 {
  margin: -32px !important;
}

.m--48 {
  margin: -48px !important;
}

.m--59 {
  margin: -59px !important;
}

.m--99 {
  margin: -99px !important;
}

.m--120 {
  margin: -120px !important;
}

.m-x--2 {
  margin-left: -2px !important;
  margin-right: -2px !important;
}

.m-x--3 {
  margin-left: -3px !important;
  margin-right: -3px !important;
}

.m-x--4 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

.m-x--6 {
  margin-left: -7px !important;
  margin-right: -7px !important;
}

.m-x--8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.m-x--10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.m-x--11 {
  margin-left: -11px !important;
  margin-right: -11px !important;
}

.m-x--12 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.m-x--14 {
  margin-left: -14px !important;
  margin-right: -14px !important;
}

.m-x--15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.m-x--16 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.m-x--18 {
  margin-left: -18px !important;
  margin-right: -18px !important;
}

.m-x--20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.m-x--24 {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

.m-x--30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.m-x--32 {
  margin-left: -32px !important;
  margin-right: -32px !important;
}

.m-x--48 {
  margin-left: -48px !important;
  margin-right: -48px !important;
}

.m-x--59 {
  margin-left: -59px !important;
  margin-right: -59px !important;
}

.m-x--99 {
  margin-left: -99px !important;
  margin-right: -99px !important;
}

.m-x--120 {
  margin-left: -120px !important;
  margin-right: -120px !important;
}

.m-y--2 {
  margin-top: -2px !important;
  margin-bottom: -2px !important;
}

.m-y--3 {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
}

.m-y--4 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.m-y--6 {
  margin-top: -7px !important;
  margin-bottom: -7px !important;
}

.m-y--8 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.m-y--10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.m-y--11 {
  margin-top: -11px !important;
  margin-bottom: -11px !important;
}

.m-y--12 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.m-y--14 {
  margin-top: -14px !important;
  margin-bottom: -14px !important;
}

.m-y--15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.m-y--16 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.m-y--18 {
  margin-top: -18px !important;
  margin-bottom: -18px !important;
}

.m-y--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.m-y--24 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.m-y--30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.m-y--32 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.m-y--48 {
  margin-top: -48px !important;
  margin-bottom: -48px !important;
}

.m-y--59 {
  margin-top: -59px !important;
  margin-bottom: -59px !important;
}

.m-y--99 {
  margin-top: -99px !important;
  margin-bottom: -99px !important;
}

.m-y--120 {
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}

.m-t--2 {
  margin-top: -2px !important;
}

.m-t--3 {
  margin-top: -3px !important;
}

.m-t--4 {
  margin-top: -4px !important;
}

.m-t--6 {
  margin-top: -7px !important;
}

.m-t--8 {
  margin-top: -8px !important;
}

.m-t--10 {
  margin-top: -10px !important;
}

.m-t--11 {
  margin-top: -11px !important;
}

.m-t--12 {
  margin-top: -12px !important;
}

.m-t--14 {
  margin-top: -14px !important;
}

.m-t--15 {
  margin-top: -15px !important;
}

.m-t--16 {
  margin-top: -16px !important;
}

.m-t--18 {
  margin-top: -18px !important;
}

.m-t--20 {
  margin-top: -20px !important;
}

.m-t--24 {
  margin-top: -24px !important;
}

.m-t--30 {
  margin-top: -30px !important;
}

.m-t--32 {
  margin-top: -32px !important;
}

.m-t--48 {
  margin-top: -48px !important;
}

.m-t--59 {
  margin-top: -59px !important;
}

.m-t--99 {
  margin-top: -99px !important;
}

.m-t--120 {
  margin-top: -120px !important;
}

.m-r--2 {
  margin-right: -2px !important;
}

.m-r--3 {
  margin-right: -3px !important;
}

.m-r--4 {
  margin-right: -4px !important;
}

.m-r--6 {
  margin-right: -7px !important;
}

.m-r--8 {
  margin-right: -8px !important;
}

.m-r--10 {
  margin-right: -10px !important;
}

.m-r--11 {
  margin-right: -11px !important;
}

.m-r--12 {
  margin-right: -12px !important;
}

.m-r--14 {
  margin-right: -14px !important;
}

.m-r--15 {
  margin-right: -15px !important;
}

.m-r--16 {
  margin-right: -16px !important;
}

.m-r--18 {
  margin-right: -18px !important;
}

.m-r--20 {
  margin-right: -20px !important;
}

.m-r--24 {
  margin-right: -24px !important;
}

.m-r--30 {
  margin-right: -30px !important;
}

.m-r--32 {
  margin-right: -32px !important;
}

.m-r--48 {
  margin-right: -48px !important;
}

.m-r--59 {
  margin-right: -59px !important;
}

.m-r--99 {
  margin-right: -99px !important;
}

.m-r--120 {
  margin-right: -120px !important;
}

.m-b--2 {
  margin-bottom: -2px !important;
}

.m-b--3 {
  margin-bottom: -3px !important;
}

.m-b--4 {
  margin-bottom: -4px !important;
}

.m-b--6 {
  margin-bottom: -7px !important;
}

.m-b--8 {
  margin-bottom: -8px !important;
}

.m-b--10 {
  margin-bottom: -10px !important;
}

.m-b--11 {
  margin-bottom: -11px !important;
}

.m-b--12 {
  margin-bottom: -12px !important;
}

.m-b--14 {
  margin-bottom: -14px !important;
}

.m-b--15 {
  margin-bottom: -15px !important;
}

.m-b--16 {
  margin-bottom: -16px !important;
}

.m-b--18 {
  margin-bottom: -18px !important;
}

.m-b--20 {
  margin-bottom: -20px !important;
}

.m-b--24 {
  margin-bottom: -24px !important;
}

.m-b--30 {
  margin-bottom: -30px !important;
}

.m-b--32 {
  margin-bottom: -32px !important;
}

.m-b--48 {
  margin-bottom: -48px !important;
}

.m-b--59 {
  margin-bottom: -59px !important;
}

.m-b--99 {
  margin-bottom: -99px !important;
}

.m-b--120 {
  margin-bottom: -120px !important;
}

.m-l--2 {
  margin-left: -2px !important;
}

.m-l--3 {
  margin-left: -3px !important;
}

.m-l--4 {
  margin-left: -4px !important;
}

.m-l--6 {
  margin-left: -7px !important;
}

.m-l--8 {
  margin-left: -8px !important;
}

.m-l--10 {
  margin-left: -10px !important;
}

.m-l--11 {
  margin-left: -11px !important;
}

.m-l--12 {
  margin-left: -12px !important;
}

.m-l--14 {
  margin-left: -14px !important;
}

.m-l--15 {
  margin-left: -15px !important;
}

.m-l--16 {
  margin-left: -16px !important;
}

.m-l--18 {
  margin-left: -18px !important;
}

.m-l--20 {
  margin-left: -20px !important;
}

.m-l--24 {
  margin-left: -24px !important;
}

.m-l--30 {
  margin-left: -30px !important;
}

.m-l--32 {
  margin-left: -32px !important;
}

.m-l--48 {
  margin-left: -48px !important;
}

.m-l--59 {
  margin-left: -59px !important;
}

.m-l--99 {
  margin-left: -99px !important;
}

.m-l--120 {
  margin-left: -120px !important;
}

.p-0 {
  padding: 0 !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-6 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-11 {
  padding: 11px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-18 {
  padding: 18px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-24 {
  padding: 24px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-32 {
  padding: 32px !important;
}

.p-48 {
  padding: 48px !important;
}

.p-59 {
  padding: 59px !important;
}

.p-99 {
  padding: 99px !important;
}

.p-120 {
  padding: 120px !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-x-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.p-x-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.p-x-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.p-x-6 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.p-x-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.p-x-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.p-x-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

.p-x-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.p-x-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.p-x-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.p-x-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.p-x-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

.p-x-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.p-x-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.p-x-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.p-x-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.p-x-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.p-x-59 {
  padding-left: 59px !important;
  padding-right: 59px !important;
}

.p-x-99 {
  padding-left: 99px !important;
  padding-right: 99px !important;
}

.p-x-120 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-y-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.p-y-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.p-y-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.p-y-6 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.p-y-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.p-y-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.p-y-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.p-y-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.p-y-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.p-y-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.p-y-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.p-y-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.p-y-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.p-y-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p-y-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.p-y-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.p-y-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.p-y-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.p-y-99 {
  padding-top: 99px !important;
  padding-bottom: 99px !important;
}

.p-y-120 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-2 {
  padding-top: 2px !important;
}

.p-t-3 {
  padding-top: 3px !important;
}

.p-t-4 {
  padding-top: 4px !important;
}

.p-t-6 {
  padding-top: 7px !important;
}

.p-t-8 {
  padding-top: 8px !important;
}

.p-t-10 {
  padding-top: 10px !important;
}

.p-t-11 {
  padding-top: 11px !important;
}

.p-t-12 {
  padding-top: 12px !important;
}

.p-t-14 {
  padding-top: 14px !important;
}

.p-t-15 {
  padding-top: 15px !important;
}

.p-t-16 {
  padding-top: 16px !important;
}

.p-t-18 {
  padding-top: 18px !important;
}

.p-t-20 {
  padding-top: 20px !important;
}

.p-t-24 {
  padding-top: 24px !important;
}

.p-t-30 {
  padding-top: 30px !important;
}

.p-t-32 {
  padding-top: 32px !important;
}

.p-t-48 {
  padding-top: 48px !important;
}

.p-t-59 {
  padding-top: 59px !important;
}

.p-t-99 {
  padding-top: 99px !important;
}

.p-t-120 {
  padding-top: 120px !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-2 {
  padding-bottom: 2px !important;
}

.p-b-3 {
  padding-bottom: 3px !important;
}

.p-b-4 {
  padding-bottom: 4px !important;
}

.p-b-6 {
  padding-bottom: 7px !important;
}

.p-b-8 {
  padding-bottom: 8px !important;
}

.p-b-10 {
  padding-bottom: 10px !important;
}

.p-b-11 {
  padding-bottom: 11px !important;
}

.p-b-12 {
  padding-bottom: 12px !important;
}

.p-b-14 {
  padding-bottom: 14px !important;
}

.p-b-15 {
  padding-bottom: 15px !important;
}

.p-b-16 {
  padding-bottom: 16px !important;
}

.p-b-18 {
  padding-bottom: 18px !important;
}

.p-b-20 {
  padding-bottom: 20px !important;
}

.p-b-24 {
  padding-bottom: 24px !important;
}

.p-b-30 {
  padding-bottom: 30px !important;
}

.p-b-32 {
  padding-bottom: 32px !important;
}

.p-b-48 {
  padding-bottom: 48px !important;
}

.p-b-59 {
  padding-bottom: 59px !important;
}

.p-b-99 {
  padding-bottom: 99px !important;
}

.p-b-120 {
  padding-bottom: 120px !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-2 {
  gap: 2px !important;
}

.gap-3 {
  gap: 3px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-6 {
  gap: 7px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-11 {
  gap: 11px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-14 {
  gap: 14px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-18 {
  gap: 18px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-32 {
  gap: 32px !important;
}

.gap-48 {
  gap: 48px !important;
}

.gap-59 {
  gap: 59px !important;
}

.gap-99 {
  gap: 99px !important;
}

.gap-120 {
  gap: 120px !important;
}

.b-0 {
  border: 0 !important;
}

.b-1 {
  border: 1px solid #e5eaef !important;
}

.b-2 {
  border: 2px solid #e5eaef !important;
}

.b-4 {
  border: 4px solid #e5eaef !important;
}

.b-8 {
  border: 8px solid #e5eaef !important;
}

.b-t-0 {
  border-top: 0 !important;
}

.b-t-1 {
  border-top: 1px solid #e5eaef !important;
}

.b-t-2 {
  border-top: 2px solid #e5eaef !important;
}

.b-t-4 {
  border-top: 4px solid #e5eaef !important;
}

.b-t-8 {
  border-top: 8px solid #e5eaef !important;
}

.b-b-0 {
  border-bottom: 0 !important;
}

.b-b-1 {
  border-bottom: 1px solid #e5eaef !important;
}

.b-b-2 {
  border-bottom: 2px solid #e5eaef !important;
}

.b-b-4 {
  border-bottom: 4px solid #e5eaef !important;
}

.b-b-8 {
  border-bottom: 8px solid #e5eaef !important;
}

.b-l-0 {
  border-left: 0 !important;
}

.b-l-1 {
  border-left: 1px solid #e5eaef !important;
}

.b-l-2 {
  border-left: 2px solid #e5eaef !important;
}

.b-l-4 {
  border-left: 4px solid #e5eaef !important;
}

.b-l-8 {
  border-left: 8px solid #e5eaef !important;
}

.b-r-0 {
  border-right: 0 !important;
}

.b-r-1 {
  border-right: 1px solid #e5eaef !important;
}

.b-r-2 {
  border-right: 2px solid #e5eaef !important;
}

.b-r-4 {
  border-right: 4px solid #e5eaef !important;
}

.b-r-8 {
  border-right: 8px solid #e5eaef !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-7 {
  border-radius: 7px !important;
}

.rounded-8 {
  border-radius: 14px !important;
}

.rounded-12 {
  border-radius: 21px !important;
}

.rounded-16 {
  border-radius: 28px !important;
}

.rounded-full {
  border-radius: 9999px !important;
}

.r-t-l-0 {
  border-top-left-radius: 0 !important;
}

.r-t-l-7 {
  border-top-left-radius: 7px !important;
}

.r-t-l-8 {
  border-top-left-radius: 14px !important;
}

.r-t-l-12 {
  border-top-left-radius: 21px !important;
}

.r-t-l-16 {
  border-top-left-radius: 28px !important;
}

.r-t-l-full {
  border-top-left-radius: 9999px !important;
}

.r-t-r-0 {
  border-top-right-radius: 0 !important;
}

.r-t-r-7 {
  border-top-right-radius: 7px !important;
}

.r-t-r-8 {
  border-top-right-radius: 14px !important;
}

.r-t-r-12 {
  border-top-right-radius: 21px !important;
}

.r-t-r-16 {
  border-top-right-radius: 28px !important;
}

.r-t-r-full {
  border-top-right-radius: 9999px !important;
}

.r-b-r-0 {
  border-bottom-right-radius: 0 !important;
}

.r-b-r-7 {
  border-bottom-right-radius: 7px !important;
}

.r-b-r-8 {
  border-bottom-right-radius: 14px !important;
}

.r-b-r-12 {
  border-bottom-right-radius: 21px !important;
}

.r-b-r-16 {
  border-bottom-right-radius: 28px !important;
}

.r-b-r-full {
  border-bottom-right-radius: 9999px !important;
}

.r-b-l-0 {
  border-bottom-left-radius: 0 !important;
}

.r-b-l-7 {
  border-bottom-left-radius: 7px !important;
}

.r-b-l-8 {
  border-bottom-left-radius: 14px !important;
}

.r-b-l-12 {
  border-bottom-left-radius: 21px !important;
}

.r-b-l-16 {
  border-bottom-left-radius: 28px !important;
}

.r-b-l-full {
  border-bottom-left-radius: 9999px !important;
}

.r-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.r-t-7 {
  border-top-left-radius: 7px !important;
  border-top-right-radius: 7px !important;
}

.r-t-8 {
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}

.r-t-12 {
  border-top-left-radius: 21px !important;
  border-top-right-radius: 21px !important;
}

.r-t-16 {
  border-top-left-radius: 28px !important;
  border-top-right-radius: 28px !important;
}

.r-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important;
}

.r-b-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.r-b-7 {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.r-b-8 {
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

.r-b-12 {
  border-bottom-left-radius: 21px !important;
  border-bottom-right-radius: 21px !important;
}

.r-b-16 {
  border-bottom-left-radius: 28px !important;
  border-bottom-right-radius: 28px !important;
}

.r-b-full {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.r-l-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.r-l-7 {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
}

.r-l-8 {
  border-top-left-radius: 14px !important;
  border-bottom-left-radius: 14px !important;
}

.r-l-12 {
  border-top-left-radius: 21px !important;
  border-bottom-left-radius: 21px !important;
}

.r-l-16 {
  border-top-left-radius: 28px !important;
  border-bottom-left-radius: 28px !important;
}

.r-l-full {
  border-top-left-radius: 9999px !important;
  border-bottom-left-radius: 9999px !important;
}

.r-r-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.r-r-7 {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}

.r-r-8 {
  border-top-right-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

.r-r-12 {
  border-top-right-radius: 21px !important;
  border-bottom-right-radius: 21px !important;
}

.r-r-16 {
  border-top-right-radius: 28px !important;
  border-bottom-right-radius: 28px !important;
}

.r-r-full {
  border-top-right-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important;
}

.f-s-0 {
  font-size: 0 !important;
}

.f-s-10 {
  font-size: 10px !important;
}

.f-s-12 {
  font-size: 12px !important;
}

.f-s-13 {
  font-size: 13px !important;
}

.f-s-14 {
  font-size: 14px !important;
}

.f-s-15 {
  font-size: 15px !important;
}

.f-s-16 {
  font-size: 16px !important;
}

.f-s-18 {
  font-size: 18px !important;
}

.f-s-20 {
  font-size: 20px !important;
}

.f-s-22 {
  font-size: 22px !important;
}

.f-s-23 {
  font-size: 23px !important;
}

.f-s-24 {
  font-size: 24px !important;
}

.f-s-30 {
  font-size: 30px !important;
}

.f-s-34 {
  font-size: 34px !important;
}

.f-s-40 {
  font-size: 40px !important;
}

.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600 {
  font-weight: 600 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}

.f-w-800 {
  font-weight: 800 !important;
}

.f-w-900 {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.font-normal {
  font-style: normal !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-justify {
  text-align: justify !important;
}

.text-none {
  text-decoration: none !important;
}

.text-underline {
  text-decoration: underline !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-ellipsis {
  text-overflow: ellipsis !important;
}

.text-reset {
  color: inherit !important;
}

.text-current {
  color: currentColor !important;
}

[dir=ltr] .m-r-0 {
  margin-right: 0 !important;
}

[dir=ltr] .m-r-2 {
  margin-right: 2px !important;
}

[dir=ltr] .m-r-3 {
  margin-right: 3px !important;
}

[dir=ltr] .m-r-4 {
  margin-right: 4px !important;
}

[dir=ltr] .m-r-6 {
  margin-right: 7px !important;
}

[dir=ltr] .m-r-8 {
  margin-right: 8px !important;
}

[dir=ltr] .m-r-10 {
  margin-right: 10px !important;
}

[dir=ltr] .m-r-11 {
  margin-right: 11px !important;
}

[dir=ltr] .m-r-12 {
  margin-right: 12px !important;
}

[dir=ltr] .m-r-14 {
  margin-right: 14px !important;
}

[dir=ltr] .m-r-15 {
  margin-right: 15px !important;
}

[dir=ltr] .m-r-16 {
  margin-right: 16px !important;
}

[dir=ltr] .m-r-18 {
  margin-right: 18px !important;
}

[dir=ltr] .m-r-20 {
  margin-right: 20px !important;
}

[dir=ltr] .m-r-24 {
  margin-right: 24px !important;
}

[dir=ltr] .m-r-30 {
  margin-right: 30px !important;
}

[dir=ltr] .m-r-32 {
  margin-right: 32px !important;
}

[dir=ltr] .m-r-48 {
  margin-right: 48px !important;
}

[dir=ltr] .m-r-59 {
  margin-right: 59px !important;
}

[dir=ltr] .m-r-99 {
  margin-right: 99px !important;
}

[dir=ltr] .m-r-120 {
  margin-right: 120px !important;
}

[dir=ltr] .m-r-auto {
  margin-right: auto !important;
}

[dir=ltr] .m-l-0 {
  margin-left: 0 !important;
}

[dir=ltr] .m-l-2 {
  margin-left: 2px !important;
}

[dir=ltr] .m-l-3 {
  margin-left: 3px !important;
}

[dir=ltr] .m-l-4 {
  margin-left: 4px !important;
}

[dir=ltr] .m-l-6 {
  margin-left: 7px !important;
}

[dir=ltr] .m-l-8 {
  margin-left: 8px !important;
}

[dir=ltr] .m-l-10 {
  margin-left: 10px !important;
}

[dir=ltr] .m-l-11 {
  margin-left: 11px !important;
}

[dir=ltr] .m-l-12 {
  margin-left: 12px !important;
}

[dir=ltr] .m-l-14 {
  margin-left: 14px !important;
}

[dir=ltr] .m-l-15 {
  margin-left: 15px !important;
}

[dir=ltr] .m-l-16 {
  margin-left: 16px !important;
}

[dir=ltr] .m-l-18 {
  margin-left: 18px !important;
}

[dir=ltr] .m-l-20 {
  margin-left: 20px !important;
}

[dir=ltr] .m-l-24 {
  margin-left: 24px !important;
}

[dir=ltr] .m-l-30 {
  margin-left: 30px !important;
}

[dir=ltr] .m-l-32 {
  margin-left: 32px !important;
}

[dir=ltr] .m-l-48 {
  margin-left: 48px !important;
}

[dir=ltr] .m-l-59 {
  margin-left: 59px !important;
}

[dir=ltr] .m-l-99 {
  margin-left: 99px !important;
}

[dir=ltr] .m-l-120 {
  margin-left: 120px !important;
}

[dir=ltr] .m-l-auto {
  margin-left: auto !important;
}

[dir=ltr] .p-l-0 {
  padding-left: 0 !important;
}

[dir=ltr] .p-l-2 {
  padding-left: 2px !important;
}

[dir=ltr] .p-l-3 {
  padding-left: 3px !important;
}

[dir=ltr] .p-l-4 {
  padding-left: 4px !important;
}

[dir=ltr] .p-l-6 {
  padding-left: 7px !important;
}

[dir=ltr] .p-l-8 {
  padding-left: 8px !important;
}

[dir=ltr] .p-l-10 {
  padding-left: 10px !important;
}

[dir=ltr] .p-l-11 {
  padding-left: 11px !important;
}

[dir=ltr] .p-l-12 {
  padding-left: 12px !important;
}

[dir=ltr] .p-l-14 {
  padding-left: 14px !important;
}

[dir=ltr] .p-l-15 {
  padding-left: 15px !important;
}

[dir=ltr] .p-l-16 {
  padding-left: 16px !important;
}

[dir=ltr] .p-l-18 {
  padding-left: 18px !important;
}

[dir=ltr] .p-l-20 {
  padding-left: 20px !important;
}

[dir=ltr] .p-l-24 {
  padding-left: 24px !important;
}

[dir=ltr] .p-l-30 {
  padding-left: 30px !important;
}

[dir=ltr] .p-l-32 {
  padding-left: 32px !important;
}

[dir=ltr] .p-l-48 {
  padding-left: 48px !important;
}

[dir=ltr] .p-l-59 {
  padding-left: 59px !important;
}

[dir=ltr] .p-l-99 {
  padding-left: 99px !important;
}

[dir=ltr] .p-l-120 {
  padding-left: 120px !important;
}

[dir=ltr] .p-r-0 {
  padding-right: 0 !important;
}

[dir=ltr] .p-r-2 {
  padding-right: 2px !important;
}

[dir=ltr] .p-r-3 {
  padding-right: 3px !important;
}

[dir=ltr] .p-r-4 {
  padding-right: 4px !important;
}

[dir=ltr] .p-r-6 {
  padding-right: 7px !important;
}

[dir=ltr] .p-r-8 {
  padding-right: 8px !important;
}

[dir=ltr] .p-r-10 {
  padding-right: 10px !important;
}

[dir=ltr] .p-r-11 {
  padding-right: 11px !important;
}

[dir=ltr] .p-r-12 {
  padding-right: 12px !important;
}

[dir=ltr] .p-r-14 {
  padding-right: 14px !important;
}

[dir=ltr] .p-r-15 {
  padding-right: 15px !important;
}

[dir=ltr] .p-r-16 {
  padding-right: 16px !important;
}

[dir=ltr] .p-r-18 {
  padding-right: 18px !important;
}

[dir=ltr] .p-r-20 {
  padding-right: 20px !important;
}

[dir=ltr] .p-r-24 {
  padding-right: 24px !important;
}

[dir=ltr] .p-r-30 {
  padding-right: 30px !important;
}

[dir=ltr] .p-r-32 {
  padding-right: 32px !important;
}

[dir=ltr] .p-r-48 {
  padding-right: 48px !important;
}

[dir=ltr] .p-r-59 {
  padding-right: 59px !important;
}

[dir=ltr] .p-r-99 {
  padding-right: 99px !important;
}

[dir=ltr] .p-r-120 {
  padding-right: 120px !important;
}

[dir=rtl] .m-r-0 {
  margin-left: 0 !important;
}

[dir=rtl] .m-r-2 {
  margin-left: 2px !important;
}

[dir=rtl] .m-r-3 {
  margin-left: 3px !important;
}

[dir=rtl] .m-r-4 {
  margin-left: 4px !important;
}

[dir=rtl] .m-r-6 {
  margin-left: 7px !important;
}

[dir=rtl] .m-r-8 {
  margin-left: 8px !important;
}

[dir=rtl] .m-r-10 {
  margin-left: 10px !important;
}

[dir=rtl] .m-r-11 {
  margin-left: 11px !important;
}

[dir=rtl] .m-r-12 {
  margin-left: 12px !important;
}

[dir=rtl] .m-r-14 {
  margin-left: 14px !important;
}

[dir=rtl] .m-r-15 {
  margin-left: 15px !important;
}

[dir=rtl] .m-r-16 {
  margin-left: 16px !important;
}

[dir=rtl] .m-r-18 {
  margin-left: 18px !important;
}

[dir=rtl] .m-r-20 {
  margin-left: 20px !important;
}

[dir=rtl] .m-r-24 {
  margin-left: 24px !important;
}

[dir=rtl] .m-r-30 {
  margin-left: 30px !important;
}

[dir=rtl] .m-r-32 {
  margin-left: 32px !important;
}

[dir=rtl] .m-r-48 {
  margin-left: 48px !important;
}

[dir=rtl] .m-r-59 {
  margin-left: 59px !important;
}

[dir=rtl] .m-r-99 {
  margin-left: 99px !important;
}

[dir=rtl] .m-r-120 {
  margin-left: 120px !important;
}

[dir=rtl] .m-r-auto {
  margin-left: auto !important;
}

[dir=rtl] .m-l-0 {
  margin-right: 0 !important;
}

[dir=rtl] .m-l-2 {
  margin-right: 2px !important;
}

[dir=rtl] .m-l-3 {
  margin-right: 3px !important;
}

[dir=rtl] .m-l-4 {
  margin-right: 4px !important;
}

[dir=rtl] .m-l-6 {
  margin-right: 7px !important;
}

[dir=rtl] .m-l-8 {
  margin-right: 8px !important;
}

[dir=rtl] .m-l-10 {
  margin-right: 10px !important;
}

[dir=rtl] .m-l-11 {
  margin-right: 11px !important;
}

[dir=rtl] .m-l-12 {
  margin-right: 12px !important;
}

[dir=rtl] .m-l-14 {
  margin-right: 14px !important;
}

[dir=rtl] .m-l-15 {
  margin-right: 15px !important;
}

[dir=rtl] .m-l-16 {
  margin-right: 16px !important;
}

[dir=rtl] .m-l-18 {
  margin-right: 18px !important;
}

[dir=rtl] .m-l-20 {
  margin-right: 20px !important;
}

[dir=rtl] .m-l-24 {
  margin-right: 24px !important;
}

[dir=rtl] .m-l-30 {
  margin-right: 30px !important;
}

[dir=rtl] .m-l-32 {
  margin-right: 32px !important;
}

[dir=rtl] .m-l-48 {
  margin-right: 48px !important;
}

[dir=rtl] .m-l-59 {
  margin-right: 59px !important;
}

[dir=rtl] .m-l-99 {
  margin-right: 99px !important;
}

[dir=rtl] .m-l-120 {
  margin-right: 120px !important;
}

[dir=rtl] .m-l-auto {
  margin-right: auto !important;
}

[dir=rtl] .p-l-0 {
  padding-right: 0 !important;
}

[dir=rtl] .p-l-2 {
  padding-right: 2px !important;
}

[dir=rtl] .p-l-3 {
  padding-right: 3px !important;
}

[dir=rtl] .p-l-4 {
  padding-right: 4px !important;
}

[dir=rtl] .p-l-6 {
  padding-right: 7px !important;
}

[dir=rtl] .p-l-8 {
  padding-right: 8px !important;
}

[dir=rtl] .p-l-10 {
  padding-right: 10px !important;
}

[dir=rtl] .p-l-11 {
  padding-right: 11px !important;
}

[dir=rtl] .p-l-12 {
  padding-right: 12px !important;
}

[dir=rtl] .p-l-14 {
  padding-right: 14px !important;
}

[dir=rtl] .p-l-15 {
  padding-right: 15px !important;
}

[dir=rtl] .p-l-16 {
  padding-right: 16px !important;
}

[dir=rtl] .p-l-18 {
  padding-right: 18px !important;
}

[dir=rtl] .p-l-20 {
  padding-right: 20px !important;
}

[dir=rtl] .p-l-24 {
  padding-right: 24px !important;
}

[dir=rtl] .p-l-30 {
  padding-right: 30px !important;
}

[dir=rtl] .p-l-32 {
  padding-right: 32px !important;
}

[dir=rtl] .p-l-48 {
  padding-right: 48px !important;
}

[dir=rtl] .p-l-59 {
  padding-right: 59px !important;
}

[dir=rtl] .p-l-99 {
  padding-right: 99px !important;
}

[dir=rtl] .p-l-120 {
  padding-right: 120px !important;
}

[dir=rtl] .p-r-0 {
  padding-left: 0 !important;
}

[dir=rtl] .p-r-2 {
  padding-left: 2px !important;
}

[dir=rtl] .p-r-3 {
  padding-left: 3px !important;
}

[dir=rtl] .p-r-4 {
  padding-left: 4px !important;
}

[dir=rtl] .p-r-6 {
  padding-left: 7px !important;
}

[dir=rtl] .p-r-8 {
  padding-left: 8px !important;
}

[dir=rtl] .p-r-10 {
  padding-left: 10px !important;
}

[dir=rtl] .p-r-11 {
  padding-left: 11px !important;
}

[dir=rtl] .p-r-12 {
  padding-left: 12px !important;
}

[dir=rtl] .p-r-14 {
  padding-left: 14px !important;
}

[dir=rtl] .p-r-15 {
  padding-left: 15px !important;
}

[dir=rtl] .p-r-16 {
  padding-left: 16px !important;
}

[dir=rtl] .p-r-18 {
  padding-left: 18px !important;
}

[dir=rtl] .p-r-20 {
  padding-left: 20px !important;
}

[dir=rtl] .p-r-24 {
  padding-left: 24px !important;
}

[dir=rtl] .p-r-30 {
  padding-left: 30px !important;
}

[dir=rtl] .p-r-32 {
  padding-left: 32px !important;
}

[dir=rtl] .p-r-48 {
  padding-left: 48px !important;
}

[dir=rtl] .p-r-59 {
  padding-left: 59px !important;
}

[dir=rtl] .p-r-99 {
  padding-left: 99px !important;
}

[dir=rtl] .p-r-120 {
  padding-left: 120px !important;
}

html {
  --mdc-dialog-container-shape: 12px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2),
      0px 24px 38px 3px rgba(0, 0, 0, .14),
      0px 9px 46px 8px rgba(0, 0, 0, .12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, .87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, .6) ;
}

html {
  --mdc-dialog-subhead-font: "Source Sans 3";
  --mdc-dialog-subhead-line-height: 26px;
  --mdc-dialog-subhead-size: 18px;
  --mdc-dialog-subhead-weight: 600;
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-font: "Source Sans 3";
  --mdc-dialog-supporting-text-line-height: 20px;
  --mdc-dialog-supporting-text-size: 14px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: normal ;
}

.custom-dialog-container {
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background: rgba(0, 0, 0, 0.5);
}

.custom-dialog-panel .align-center-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-title {
  font-weight: 800;
  font-size: 24px;
  text-align: center;
  line-height: 30px;
  padding-bottom: 22px;
}

.custom-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content {
  text-align: center;
  font-weight: 400;
  line-height: 24px;
  padding: 24px;
  overflow-wrap: break-word;
}
.custom-dialog-panel .mat-mdc-dialog-container .mat-mdc-dialog-content strong {
  font-weight: 600;
}

.custom-dialog-panel button {
  height: 44px;
  width: min(50% - 22px, 210px);
  margin-bottom: 20px;
  font-weight: 600;
}

/* Featured icon */
.custom-dialog-panel .featured-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  border-style: solid;
  border-width: 8px;
}

.custom-dialog-panel .icon-dialog svg {
  position: relative;
  width: 24px;
  height: 24px;
  top: 2px;
}

/* Generic 100*/
.custom-dialog-panel .generic-100 {
  background: #112d93;
  color: #ffffff;
}

/* Generic 50*/
.custom-dialog-panel .generic-50 {
  border-style: none;
  border-width: 0;
  box-shadow: 0px 0px 0px 4px rgba(78, 132, 196, 0.25);
}

.custom-item-list {
  border-radius: 8px !important;
  border-width: thin;
  border-style: solid;
  border-color: #E9EAEB;
  margin-bottom: 12px;
  height: 56px !important;
}

.custom-item-list .mdc-list-item__start {
  margin-right: 0px !important;
}

.custom-item-list-selected {
  background-color: rgba(17, 45, 147, 0.1) !important;
  border-color: #112d93;
}

.custom-loading-dialog {
  width: auto;
}
.custom-loading-dialog .progress-container {
  position: relative;
  display: inline-block;
}
.custom-loading-dialog .progress-container .track {
  fill: none;
  stroke: rgba(3, 152, 85, 0.1);
  stroke-width: 10;
}
.custom-loading-dialog .progress-container .progress {
  fill: none;
  stroke: #039855;
  stroke-width: 10;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.35s;
}
.custom-loading-dialog .progress-container .progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 0.75rem;
  text-align: center;
}
.custom-loading-dialog .description {
  margin-top: 16px;
  font-size: 1rem;
  text-align: justify;
  white-space: pre-line;
}

html {
  --mdc-snackbar-supporting-text-line-height: 17px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}

.custom-snackbar-container .mat-mdc-snackbar-surface {
  padding-right: 0px;
  border-radius: 14px !important;
}

.custom-snackbar-container .mat-mdc-snackbar-surface .mat-mdc-snack-bar-label {
  padding: 0px;
  font-weight: 400;
  max-width: 440px;
}

.custom-snackbar-container .mat-mdc-snackbar-surface {
  box-shadow: none;
  background-color: transparent !important;
}

.custom-snackbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px;
  color: #3A4A61;
  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);
  border-width: 1px;
  border-style: solid;
  box-shadow: none;
}

.custom-snackbar .mat-mdc-snack-bar-actions {
  align-self: flex-start;
}

.custom-snackbar .featured-icon {
  width: 22px;
  display: flex;
  align-self: flex-start;
  justify-content: center;
  padding-right: 22px;
  padding-left: 11px;
}

.custom-snackbar .mat-mdc-icon-button {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  min-width: 22px;
  padding: 0px;
  color: #3A4A61 !important;
}

.custom-snackbar .mat-mdc-button {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  height: 22px;
  min-width: 22px;
  padding: 0 10px 0 10px;
}

.custom-snackbar .icon-dialog svg {
  position: relative;
  width: 26px;
  height: 26px;
}

.upload-custom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
}

.upload-custom .upload-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 4px;
  min-height: 127px;
  width: 100%;
  border-radius: 6px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%234E84C4FF' stroke-width='2' stroke-dasharray='6%2c 10' stroke-dashoffset='4' stroke-linecap='square'/%3e%3c/svg%3e");
}

.upload-custom .upload-container.dragging {
  background-color: #e6ecf0;
  width: 100%;
  box-sizing: border-box;
}

.upload-custom .upload-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 12px;
}

/* Featured icon */
.upload-custom .upload-container .featured-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 28px;
  border-style: solid;
  border-width: 8px;
}

.upload-custom .upload-container .icon-dialog svg {
  position: relative;
  width: 24px;
  height: 24px;
  top: 2px;
}

.upload-custom .upload-content .text-labels {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 4px;
  min-height: 35px;
}

.upload-custom .upload-content .text-labels .actions {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 4px;
  min-height: 17px;
  color: #64748B;
}

.upload-custom .upload-container.dragging .upload-content .text-labels .actions {
  color: #64748B;
}

.upload-custom .upload-item-base {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 12px;
  width: 100%;
  border: 1.5px solid #112d93;
  border-radius: 6px;
}

.upload-custom .upload-item-base .item-file {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;
  width: 100%;
}

.upload-custom .item-file .content-file {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.upload-custom .content-file .file-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
}

.upload-custom .file-detail .file-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.upload-custom .file-detail .file-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.upload-custom .file-detail .color-gris {
  color: #64748B;
}

.upload-custom .file-detail .color-titulo {
  color: #3A4A61;
}

.upload-custom .mat-mdc-icon-button {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  min-width: 22px;
  padding: 0px;
}

.upload-custom .item-file .content-progress-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  height: 15px;
  width: 100%;
}

.upload-custom .content-progress-bar .progress-bar {
  height: 6px;
  width: 100%;
  border-radius: 8px;
}

.upload-custom .content-progress-bar .percentage {
  height: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  color: #3A4A61;
}

.upload-custom .content-progress-bar .progress-bar .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #039855;
  --mdc-linear-progress-track-color: #64748B1A;
  --mdc-linear-progress-track-height: 6px;
  --mdc-linear-progress-active-indicator-height: 6px;
}

.upload-custom .content-progress-bar .mdc-linear-progress__bar-inner {
  border-radius: 4px;
}

.upload-custom .content-progress-bar .mat-mdc-progress-bar {
  border-radius: 4px;
}

/* Progress */
.download-custom {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
}

.download-custom .download-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
  gap: 12px;
  width: 100%;
  background-color: rgba(17, 45, 147, 0.1);
  border: 1px solid #112d93;
  border-radius: 6px;
}

.download-custom .download-container .download-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 100%;
}

.download-custom .download-item .icon-file {
  width: 20px;
  height: 20px;
  color: #112d93;
}

.download-custom .download-item .file-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.download-custom .download-item .file-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.download-custom .download-item .meta-info {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}

.download-custom .download-item .color-titulo {
  color: #3A4A61;
}

.download-custom .download-item .color-gris {
  color: #64748B;
}

.download-custom .mat-mdc-icon-button {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  align-items: center;
  height: 30px;
  width: 30px;
  min-width: 22px;
  padding: 0px;
}

.tooltipMenu {
  border-radius: 5px;
  min-height: 45px;
  padding: 8px 12px !important;
  margin-bottom: 4px;
  z-index: 16;
  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) !important;
  background-color: #e6f0fe !important;
}
.tooltipMenu .mat-mdc-tooltip-surface {
  font-size: 1rem;
}

.tooltipMenu div {
  color: #3A4A61;
  background-color: #e6f0fe !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
}

.custom-tooltip-info {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 0px 8px;
  gap: 8px;
  position: absolute;
  width: 344px;
  right: 17px;
  top: 25px;
  background: #FDF1E9;
  border: 1px solid #ff4158;
  border-radius: 12px;
}

.custom-tooltip-info div {
  color: #64748B;
  background-color: transparent;
  max-width: 344px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px 4px;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  white-space: pre-line;
}

.mat-datepicker-content {
  border: 1px solid #DFDFDF !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
}
.mat-datepicker-content .custom-datepicker-panel {
  --mat-datepicker-calendar-date-hover-state-background-color: #DFDFDF;
  height: 100% !important;
  width: 360px !important;
  box-sizing: border-box;
  padding: 0px;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-controls {
  padding: 4px 4px 4px 0px;
  margin: 0;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-controls .mat-calendar-period-button {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: lowercase;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-controls .mat-calendar-period-button span::first-letter {
  text-transform: uppercase;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-controls .mat-calendar-period-button .mdc-button__label {
  color: #112d93;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-controls .mat-calendar-period-button .mdc-button__label .mat-calendar-arrow {
  fill: #ff4158;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-table-header th {
  width: 48px;
  height: 48px;
  padding: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #3A4A61;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-table-header .mat-calendar-table-header-divider {
  display: none;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-label {
  color: transparent !important;
  height: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content {
  color: #64748B;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today {
  border: 1px solid #65558F;
  color: #65558F;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  color: #ffffff;
}
.mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 65, 88, 0.8);
}

.dark-theme .mat-datepicker-content .custom-datepicker-panel {
  --mat-datepicker-calendar-date-hover-state-background-color: #636363;
}
.dark-theme .mat-datepicker-content .custom-datepicker-panel .mat-calendar-table-header th {
  color: #ffffff;
}
.dark-theme .mat-datepicker-content .custom-datepicker-panel .mat-calendar-controls .mat-calendar-period-button .mdc-button__label {
  color: #2edbd4;
}
.dark-theme .mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content {
  color: rgba(255, 255, 255, 0.7);
}
.dark-theme .mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-today {
  border: 1px solid #ffabf3;
  color: #ffabf3;
}
.dark-theme .mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-cell .mat-calendar-body-cell-content.mat-calendar-body-selected {
  color: #ffffff;
}
.dark-theme .mat-datepicker-content .custom-datepicker-panel .mat-calendar-body .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(255, 65, 88, 0.8);
}

.custom-mas-opciones-panel {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  width: 252px;
  border-radius: 12px !important;
}

.custom-mas-opciones-item-list {
  border-radius: 8px !important;
  min-height: 33px !important;
  height: 33px !important;
}

.custom-mas-opciones-item-list .mdc-list-item__start {
  margin-right: 0px !important;
}

.custom-mas-opciones-item-list-selected {
  background-color: rgba(17, 45, 147, 0.1) !important;
  border-color: #112d93;
}

.custom-mas-opciones-button {
  font-size: 14px !important;
  color: #ff4158 !important;
  text-decoration: underline !important;
  font-weight: 400 !important;
  border-radius: 8px !important;
  height: 44px !important;
}

.blank-layout-container {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.content {
  flex-grow: 1;
}

.auth-title {
  font-size: 36px;
  line-height: 44px;
}

.img-height {
  height: calc(100vh - 83px);
}

.custom-row.row {
  margin-right: -8px;
  margin-left: -8px;
}
.custom-row.row .col-2,
.custom-row.row .col-12 {
  padding-right: 8px;
  padding-left: 8px;
}

.or-border {
  position: relative;
  text-align: center;
}
.or-border:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100px;
  top: 50%;
  height: 1px;
  background: #e0e6eb;
}
.or-border:after {
  content: "";
  position: absolute;
  right: 0;
  width: 100px;
  top: 50%;
  height: 1px;
  background: #e0e6eb;
}

.boxed-auth {
  width: 100%;
  max-width: 559px;
  margin: 0 auto;
  z-index: 1;
}

.boxed-auth .mat-mdc-checkbox .mat-internal-form-field {
  font-size: 14px !important;
}

.max-width-form {
  max-width: 450px;
}

button[mat-icon-button] {
  cursor: pointer;
  color: #ff4158 !important;
}

.loginCard .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)::after {
  margin-left: 0;
  margin-right: 0;
  content: "";
}

.loginCard .mat-mdc-text-field-wrapper {
  border-width: 0;
}

.loginCard .branding-auth span {
  background: url('logo-login.svg') no-repeat center center/cover;
  height: 108px;
  width: 241px;
  display: block;
}

.footer {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  padding-left: 0;
  width: 100vw;
}

.footer .nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
  color: #64748B !important;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.bodyLogin {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 560px;
  align-items: center;
  padding: 1rem;
  max-width: 1450px;
  margin: 0 auto;
  overflow: hidden;
}

.bg-image {
  background: url('fondo-login4.svg') no-repeat center/cover;
  height: 100%;
  width: 100%;
  border-radius: 0.75rem;
  max-width: 736px;
  max-height: 884px;
}

@media (max-width: 1920px) {
  .bodyLogin {
    max-width: 1800px;
  }
  .bg-image {
    background: url('fondo-login3.svg') no-repeat center/cover;
    height: 100%;
    width: 100%;
    border-radius: 0.75rem;
    max-width: 1057px;
    max-height: 884px;
  }
}
@media (max-width: 1440px) {
  .bodyLogin {
    max-width: 1432px;
  }
  .bg-image {
    background: url('fondo-login4.svg') no-repeat center/cover;
    height: 100%;
    width: 100%;
    border-radius: 0.75rem;
    max-width: 736px;
    max-height: 884px;
  }
}
@media (max-width: 1366px) {
  .bodyLogin {
    max-width: 1358px;
  }
  .bg-image {
    background: url('fondo-login3.svg') no-repeat center/cover;
    height: 100%;
    width: 100%;
    border-radius: 0.75rem;
    max-width: 736px;
    max-height: 570px;
  }
}
@media (max-width: 1199px) {
  .bodyLogin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3rem 1rem;
  }
  .bg-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0;
  }
  app-login {
    position: relative;
    z-index: 1;
  }
}
.timeline {
  position: relative;
}
.timeline .timeline-item {
  position: relative;
  height: 59px;
}
.timeline .timeline-item:last-child .point .timeline-border {
  display: none !important;
}
.timeline .timeline-item .time {
  padding: 6px 16px 6px 0;
  min-width: 90px;
  flex-shrink: 0;
}
.timeline .timeline-item .desc {
  padding: 3px 16px;
}
.timeline .timeline-item .timline-border {
  width: 1px;
  height: 100%;
  background-color: #e0e6eb;
  flex-shrink: 0;
}
.timeline .timeline-item .point {
  flex-direction: column;
}
.timeline .timeline-item .point .timeline-badge {
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background-color: transparent;
  flex-shrink: 0;
}
.timeline .timeline-item .point .timeline-border {
  width: 1px;
  height: 100%;
  background-color: #e0e6eb;
  flex-shrink: 0;
}

.theme-select {
  width: 125px;
  height: 40px;
}
.theme-select .mat-form-field-infix {
  padding: 6px 0 1px !important;
}
.theme-select .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
.theme-select .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  border-color: #e0e6eb;
}
.theme-select .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-color: #e0e6eb;
}
.theme-select .mat-mdc-form-field-flex {
  height: 40px;
  align-items: center;
}

.user-category {
  margin-top: -45px;
  z-index: 1;
  position: relative;
}

.card-overlay {
  position: absolute;
  top: 0;
  width: 100%;
}

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