@charset "UTF-8";

/* node_modules/@angular/material/prebuilt-themes/indigo-pink.css */
.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: rgba(0, 0, 0, 0);
  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: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(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:#3f51b5;
  --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:#ff4081;
  --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:#f44336;
  --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:#3f51b5;
  --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:#3f51b5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --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:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ff4081;
  --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:#ff4081;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --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:#f44336;
  --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:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --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:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
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:#3f51b5;
  --mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ff4081;
  --mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
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:#3f51b5;
  --mdc-filled-text-field-focus-active-indicator-color:#3f51b5;
  --mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 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:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --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:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 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:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --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:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 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:#f44336;
  --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:#ff4081;
  --mdc-filled-text-field-focus-active-indicator-color:#ff4081;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mdc-outlined-text-field-caret-color:#ff4081;
  --mdc-outlined-text-field-focus-outline-color:#ff4081;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --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(63, 81, 181, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 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, 64, 129, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 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(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --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:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.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:#3f51b5;
  --mdc-chip-elevated-selected-container-color:#3f51b5;
  --mdc-chip-elevated-disabled-container-color:#3f51b5;
  --mdc-chip-flat-disabled-selected-container-color:#3f51b5;
  --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:#ff4081;
  --mdc-chip-elevated-selected-container-color:#ff4081;
  --mdc-chip-elevated-disabled-container-color:#ff4081;
  --mdc-chip-flat-disabled-selected-container-color:#ff4081;
  --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:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --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:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --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-state-layer-color:#3949ab;
  --mdc-switch-selected-handle-color:#3949ab;
  --mdc-switch-selected-hover-state-layer-color:#3949ab;
  --mdc-switch-selected-pressed-state-layer-color:#3949ab;
  --mdc-switch-selected-focus-handle-color:#1a237e;
  --mdc-switch-selected-hover-handle-color:#1a237e;
  --mdc-switch-selected-pressed-handle-color:#1a237e;
  --mdc-switch-selected-focus-track-color:#7986cb;
  --mdc-switch-selected-hover-track-color:#7986cb;
  --mdc-switch-selected-pressed-track-color:#7986cb;
  --mdc-switch-selected-track-color:#7986cb;
  --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 .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#d81b60;
  --mdc-switch-selected-handle-color:#d81b60;
  --mdc-switch-selected-hover-state-layer-color:#d81b60;
  --mdc-switch-selected-pressed-state-layer-color:#d81b60;
  --mdc-switch-selected-focus-handle-color:#880e4f;
  --mdc-switch-selected-hover-handle-color:#880e4f;
  --mdc-switch-selected-pressed-handle-color:#880e4f;
  --mdc-switch-selected-focus-track-color:#f06292;
  --mdc-switch-selected-hover-track-color:#f06292;
  --mdc-switch-selected-pressed-track-color:#f06292;
  --mdc-switch-selected-track-color:#f06292;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --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:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#3f51b5;
  --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:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ff4081;
  --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:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --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:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --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:#3f51b5;
  --mdc-slider-focus-handle-color:#3f51b5;
  --mdc-slider-hover-handle-color:#3f51b5;
  --mdc-slider-active-track-color:#3f51b5;
  --mdc-slider-inactive-track-color:#3f51b5;
  --mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;
  --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:#3f51b5;
  --mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);
  --mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ff4081;
  --mdc-slider-focus-handle-color:#ff4081;
  --mdc-slider-hover-handle-color:#ff4081;
  --mdc-slider-active-track-color:#ff4081;
  --mdc-slider-inactive-track-color:#ff4081;
  --mdc-slider-with-tick-marks-inactive-container-color:#ff4081;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#ff4081;
  --mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
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:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --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:#3f51b5;
  --mdc-radio-selected-hover-icon-color:#3f51b5;
  --mdc-radio-selected-icon-color:#3f51b5;
  --mdc-radio-selected-pressed-icon-color:#3f51b5;
}
.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:#ff4081;
  --mdc-radio-selected-hover-icon-color:#ff4081;
  --mdc-radio-selected-icon-color:#ff4081;
  --mdc-radio-selected-pressed-icon-color:#ff4081;
}
.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:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.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:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --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:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --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:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --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:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --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:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --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:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --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: #3f51b5;
}
.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:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
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:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
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:#3f51b5;
  --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:#3f51b5;
  --mat-tab-header-active-ripple-color:#3f51b5;
  --mat-tab-header-inactive-ripple-color:#3f51b5;
  --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:#3f51b5;
  --mat-tab-header-active-hover-label-text-color:#3f51b5;
  --mat-tab-header-active-focus-indicator-color:#3f51b5;
  --mat-tab-header-active-hover-indicator-color:#3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ff4081;
  --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:#ff4081;
  --mat-tab-header-active-ripple-color:#ff4081;
  --mat-tab-header-inactive-ripple-color:#ff4081;
  --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:#ff4081;
  --mat-tab-header-active-hover-label-text-color:#ff4081;
  --mat-tab-header-active-focus-indicator-color:#ff4081;
  --mat-tab-header-active-hover-indicator-color:#ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --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:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --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:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#3f51b5;
  --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:#ff4081;
  --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:#f44336;
  --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:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
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:#ff4081;
  --mdc-checkbox-selected-hover-icon-color:#ff4081;
  --mdc-checkbox-selected-icon-color:#ff4081;
  --mdc-checkbox-selected-pressed-icon-color:#ff4081;
  --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:#ff4081;
  --mdc-checkbox-selected-hover-state-layer-color:#ff4081;
  --mdc-checkbox-selected-pressed-state-layer-color:#ff4081;
  --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:#3f51b5;
  --mdc-checkbox-selected-hover-icon-color:#3f51b5;
  --mdc-checkbox-selected-icon-color:#3f51b5;
  --mdc-checkbox-selected-pressed-icon-color:#3f51b5;
  --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:#3f51b5;
  --mdc-checkbox-selected-hover-state-layer-color:#3f51b5;
  --mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;
  --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:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --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:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --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:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --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:#3f51b5;
  --mat-text-button-state-layer-color:#3f51b5;
  --mat-text-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ff4081;
  --mat-text-button-state-layer-color:#ff4081;
  --mat-text-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#3f51b5;
  --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:#ff4081;
  --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:#f44336;
  --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:#3f51b5;
  --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:#ff4081;
  --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:#f44336;
  --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:#3f51b5;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#3f51b5;
  --mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ff4081;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#ff4081;
  --mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --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:#3f51b5;
  --mat-icon-button-state-layer-color:#3f51b5;
  --mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ff4081;
  --mat-icon-button-state-layer-color:#ff4081;
  --mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 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:#3f51b5;
  --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:#ff4081;
  --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:#f44336;
  --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:#3f51b5;
  --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:#ff4081;
  --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:#f44336;
  --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:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
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:#ff4081;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --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:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#3f51b5;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ff4081;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
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:#3f51b5;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:#b9b9b9;
  --mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38);
}
.mat-badge-accent {
  --mat-badge-background-color:#ff4081;
  --mat-badge-text-color:white;
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --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:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --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:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --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:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#3f51b5;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
  --mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-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:#ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-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:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-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:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
html {
  --mat-sidenav-container-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:#3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#ff4081;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --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:#3f51b5;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ff4081;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
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:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/@angular/material/prebuilt-themes/pink-bluegrey.css */
.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: rgba(0, 0, 0, 0);
  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: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(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(255, 255, 255, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#c2185b;
  --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-accent {
  --mat-option-selected-state-label-text-color:#b0bec5;
  --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-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --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);
}
html {
  --mat-optgroup-label-text-color:white;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#c2185b;
  --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:#c2185b;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#b0bec5;
  --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:#b0bec5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#b0bec5;
  --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:#b0bec5;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --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:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
html {
  --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);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --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:#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);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
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:#c2185b;
  --mdc-linear-progress-track-color:rgba(194, 24, 91, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#b0bec5;
  --mdc-linear-progress-track-color:rgba(176, 190, 197, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
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:#c2185b;
  --mdc-filled-text-field-focus-active-indicator-color:#c2185b;
  --mdc-filled-text-field-focus-label-text-color:rgba(194, 24, 91, 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:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --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:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#c2185b;
  --mdc-outlined-text-field-focus-outline-color:#c2185b;
  --mdc-outlined-text-field-focus-label-text-color:rgba(194, 24, 91, 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:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --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:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(194, 24, 91, 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:#f44336;
  --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-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#b0bec5;
  --mdc-filled-text-field-focus-active-indicator-color:#b0bec5;
  --mdc-filled-text-field-focus-label-text-color:rgba(176, 190, 197, 0.87);
  --mdc-outlined-text-field-caret-color:#b0bec5;
  --mdc-outlined-text-field-focus-outline-color:#b0bec5;
  --mdc-outlined-text-field-focus-label-text-color:rgba(176, 190, 197, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(176, 190, 197, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --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:#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(194, 24, 91, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .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(176, 190, 197, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html .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(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --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:#424242;
}
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:#424242;
  --mdc-dialog-subhead-color:rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color:rgba(255, 255, 255, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.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:#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;
}
.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:#c2185b;
  --mdc-chip-elevated-selected-container-color:#c2185b;
  --mdc-chip-elevated-disabled-container-color:#c2185b;
  --mdc-chip-flat-disabled-selected-container-color:#c2185b;
  --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;
}
.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:rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color:#b0bec5;
  --mdc-chip-elevated-selected-container-color:#b0bec5;
  --mdc-chip-elevated-disabled-container-color:#b0bec5;
  --mdc-chip-flat-disabled-selected-container-color:#b0bec5;
  --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:rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87);
}
.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:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --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;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --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-state-layer-color:#f06292;
  --mdc-switch-selected-handle-color:#f06292;
  --mdc-switch-selected-hover-state-layer-color:#f06292;
  --mdc-switch-selected-pressed-state-layer-color:#f06292;
  --mdc-switch-selected-focus-handle-color:#f48fb1;
  --mdc-switch-selected-hover-handle-color:#f48fb1;
  --mdc-switch-selected-pressed-handle-color:#f48fb1;
  --mdc-switch-selected-focus-track-color:#d81b60;
  --mdc-switch-selected-hover-track-color:#d81b60;
  --mdc-switch-selected-pressed-track-color:#d81b60;
  --mdc-switch-selected-track-color:#d81b60;
  --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);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:white;
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#90a4ae;
  --mdc-switch-selected-handle-color:#90a4ae;
  --mdc-switch-selected-hover-state-layer-color:#90a4ae;
  --mdc-switch-selected-pressed-state-layer-color:#90a4ae;
  --mdc-switch-selected-focus-handle-color:#b0bec5;
  --mdc-switch-selected-hover-handle-color:#b0bec5;
  --mdc-switch-selected-pressed-handle-color:#b0bec5;
  --mdc-switch-selected-focus-track-color:#546e7a;
  --mdc-switch-selected-hover-track-color:#546e7a;
  --mdc-switch-selected-pressed-track-color:#546e7a;
  --mdc-switch-selected-track-color:#546e7a;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e57373;
  --mdc-switch-selected-handle-color:#e57373;
  --mdc-switch-selected-hover-state-layer-color:#e57373;
  --mdc-switch-selected-pressed-state-layer-color:#e57373;
  --mdc-switch-selected-focus-handle-color:#ef9a9a;
  --mdc-switch-selected-hover-handle-color:#ef9a9a;
  --mdc-switch-selected-pressed-handle-color:#ef9a9a;
  --mdc-switch-selected-focus-track-color:#e53935;
  --mdc-switch-selected-hover-track-color:#e53935;
  --mdc-switch-selected-pressed-track-color:#e53935;
  --mdc-switch-selected-track-color:#e53935;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --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: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:#c2185b;
  --mdc-radio-selected-hover-icon-color:#c2185b;
  --mdc-radio-selected-icon-color:#c2185b;
  --mdc-radio-selected-pressed-icon-color:#c2185b;
  --mat-radio-ripple-color:white;
  --mat-radio-checked-ripple-color:#c2185b;
  --mat-radio-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color:white;
}
.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:#b0bec5;
  --mdc-radio-selected-hover-icon-color:#b0bec5;
  --mdc-radio-selected-icon-color:#b0bec5;
  --mdc-radio-selected-pressed-icon-color:#b0bec5;
  --mat-radio-ripple-color:white;
  --mat-radio-checked-ripple-color:#b0bec5;
  --mat-radio-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color:white;
}
.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:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:white;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color:white;
}
html {
  --mdc-radio-state-layer-size:40px;
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --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:#c2185b;
  --mdc-slider-focus-handle-color:#c2185b;
  --mdc-slider-hover-handle-color:#c2185b;
  --mdc-slider-active-track-color:#c2185b;
  --mdc-slider-inactive-track-color:#c2185b;
  --mdc-slider-with-tick-marks-inactive-container-color:#c2185b;
  --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:#c2185b;
  --mat-slider-hover-state-layer-color:rgba(194, 24, 91, 0.05);
  --mat-slider-focus-state-layer-color:rgba(194, 24, 91, 0.2);
  --mat-slider-value-indicator-opacity:0.9;
}
html .mat-accent {
  --mdc-slider-handle-color:#b0bec5;
  --mdc-slider-focus-handle-color:#b0bec5;
  --mdc-slider-hover-handle-color:#b0bec5;
  --mdc-slider-active-track-color:#b0bec5;
  --mdc-slider-inactive-track-color:#b0bec5;
  --mdc-slider-with-tick-marks-inactive-container-color:#b0bec5;
  --mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color:#b0bec5;
  --mat-slider-hover-state-layer-color:rgba(176, 190, 197, 0.05);
  --mat-slider-focus-state-layer-color:rgba(176, 190, 197, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
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: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);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --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: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;
}
.mdc-list-item__start,
.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:#c2185b;
  --mdc-radio-selected-hover-icon-color:#c2185b;
  --mdc-radio-selected-icon-color:#c2185b;
  --mdc-radio-selected-pressed-icon-color:#c2185b;
}
.mat-accent .mdc-list-item__start,
.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:#b0bec5;
  --mdc-radio-selected-hover-icon-color:#b0bec5;
  --mdc-radio-selected-icon-color:#b0bec5;
  --mdc-radio-selected-pressed-icon-color:#b0bec5;
}
.mat-warn .mdc-list-item__start,
.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:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.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:#c2185b;
  --mdc-checkbox-selected-hover-icon-color:#c2185b;
  --mdc-checkbox-selected-icon-color:#c2185b;
  --mdc-checkbox-selected-pressed-icon-color:#c2185b;
  --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:#c2185b;
  --mdc-checkbox-selected-hover-state-layer-color:#c2185b;
  --mdc-checkbox-selected-pressed-state-layer-color:#c2185b;
  --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-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-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#b0bec5;
  --mdc-checkbox-selected-hover-icon-color:#b0bec5;
  --mdc-checkbox-selected-icon-color:#b0bec5;
  --mdc-checkbox-selected-pressed-icon-color:#b0bec5;
  --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:#b0bec5;
  --mdc-checkbox-selected-hover-state-layer-color:#b0bec5;
  --mdc-checkbox-selected-pressed-state-layer-color:#b0bec5;
  --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-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:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --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:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --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-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: #c2185b;
}
.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:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --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);
}
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:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
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:#c2185b;
  --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:#c2185b;
  --mat-tab-header-active-ripple-color:#c2185b;
  --mat-tab-header-inactive-ripple-color:#c2185b;
  --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:#c2185b;
  --mat-tab-header-active-hover-label-text-color:#c2185b;
  --mat-tab-header-active-focus-indicator-color:#c2185b;
  --mat-tab-header-active-hover-indicator-color:#c2185b;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#b0bec5;
  --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:#b0bec5;
  --mat-tab-header-active-ripple-color:#b0bec5;
  --mat-tab-header-inactive-ripple-color:#b0bec5;
  --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:#b0bec5;
  --mat-tab-header-active-hover-label-text-color:#b0bec5;
  --mat-tab-header-active-focus-indicator-color:#b0bec5;
  --mat-tab-header-active-hover-indicator-color:#b0bec5;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --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:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --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:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#c2185b;
  --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:#b0bec5;
  --mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --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:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
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(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#b0bec5;
  --mdc-checkbox-selected-hover-icon-color:#b0bec5;
  --mdc-checkbox-selected-icon-color:#b0bec5;
  --mdc-checkbox-selected-pressed-icon-color:#b0bec5;
  --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:#b0bec5;
  --mdc-checkbox-selected-hover-state-layer-color:#b0bec5;
  --mdc-checkbox-selected-pressed-state-layer-color:#b0bec5;
  --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;
}
.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:#c2185b;
  --mdc-checkbox-selected-hover-icon-color:#c2185b;
  --mdc-checkbox-selected-icon-color:#c2185b;
  --mdc-checkbox-selected-pressed-icon-color:#c2185b;
  --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:#c2185b;
  --mdc-checkbox-selected-hover-state-layer-color:#c2185b;
  --mdc-checkbox-selected-pressed-state-layer-color:#c2185b;
  --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-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:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --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:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
html {
  --mdc-checkbox-state-layer-size:40px;
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --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: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;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#c2185b;
  --mat-text-button-state-layer-color:#c2185b;
  --mat-text-button-ripple-color:rgba(194, 24, 91, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#b0bec5;
  --mat-text-button-state-layer-color:#b0bec5;
  --mat-text-button-ripple-color:rgba(176, 190, 197, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#c2185b;
  --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:#b0bec5;
  --mdc-filled-button-label-text-color:black;
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --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:#c2185b;
  --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:#b0bec5;
  --mdc-protected-button-label-text-color:black;
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --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:#c2185b;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color:#c2185b;
  --mat-outlined-button-ripple-color:rgba(194, 24, 91, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#b0bec5;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color:#b0bec5;
  --mat-outlined-button-ripple-color:rgba(176, 190, 197, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --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(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;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#c2185b;
  --mat-icon-button-state-layer-color:#c2185b;
  --mat-icon-button-ripple-color:rgba(194, 24, 91, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#b0bec5;
  --mat-icon-button-state-layer-color:#b0bec5;
  --mat-icon-button-ripple-color:rgba(176, 190, 197, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 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:#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);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#c2185b;
  --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:#b0bec5;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
  --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:#c2185b;
  --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:#b0bec5;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
  --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:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --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);
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --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);
}
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:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#c2185b;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#b0bec5;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
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:#c2185b;
  --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-badge-accent {
  --mat-badge-background-color:#b0bec5;
  --mat-badge-text-color:rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --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:white;
  --mat-bottom-sheet-container-background-color:#424242;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --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(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;
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --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:#c2185b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(194, 24, 91, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(194, 24, 91, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(194, 24, 91, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#c2185b;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(194, 24, 91, 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-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color:#b0bec5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(176, 190, 197, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(176, 190, 197, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(176, 190, 197, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(176, 190, 197, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#b0bec5;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.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:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(255, 255, 255, 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:#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);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#c2185b;
}
.mat-icon.mat-accent {
  --mat-icon-color:#b0bec5;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
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(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);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#c2185b;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#c2185b;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#c2185b;
  --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:#f44336;
  --mat-stepper-header-icon-background-color:rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color:#b0bec5;
  --mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color:#b0bec5;
  --mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color:#b0bec5;
  --mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:#c6c6c6;
}
html {
  --mat-toolbar-container-background-color:#212121;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#c2185b;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#b0bec5;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:#424242;
  --mat-tree-node-text-color:white;
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css */
.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: rgba(0, 0, 0, 0);
  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: .6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(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:#673ab7;
  --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:#ffd740;
  --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:#f44336;
  --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:#673ab7;
  --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:#673ab7;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#ffd740;
  --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:#ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#ffd740;
  --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:#ffd740;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --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:#f44336;
  --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:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --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:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
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:#673ab7;
  --mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#ffd740;
  --mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
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:#673ab7;
  --mdc-filled-text-field-focus-active-indicator-color:#673ab7;
  --mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 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:#f44336;
  --mdc-filled-text-field-error-focus-label-text-color:#f44336;
  --mdc-filled-text-field-error-label-text-color:#f44336;
  --mdc-filled-text-field-error-caret-color:#f44336;
  --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:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
  --mdc-outlined-text-field-caret-color:#673ab7;
  --mdc-outlined-text-field-focus-outline-color:#673ab7;
  --mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 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:#f44336;
  --mdc-outlined-text-field-error-focus-label-text-color:#f44336;
  --mdc-outlined-text-field-error-label-text-color:#f44336;
  --mdc-outlined-text-field-error-hover-label-text-color:#f44336;
  --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:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
  --mat-form-field-focus-select-arrow-color:rgba(103, 58, 183, 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:#f44336;
  --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:#ffd740;
  --mdc-filled-text-field-focus-active-indicator-color:#ffd740;
  --mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);
  --mdc-outlined-text-field-caret-color:#ffd740;
  --mdc-outlined-text-field-focus-outline-color:#ffd740;
  --mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(255, 215, 64, 0.87);
}
.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color:#f44336;
  --mdc-filled-text-field-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color:#f44336;
  --mdc-outlined-text-field-focus-outline-color:#f44336;
  --mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --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(103, 58, 183, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 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, 215, 64, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 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(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --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:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.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:#673ab7;
  --mdc-chip-elevated-selected-container-color:#673ab7;
  --mdc-chip-elevated-disabled-container-color:#673ab7;
  --mdc-chip-flat-disabled-selected-container-color:#673ab7;
  --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:rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color:#ffd740;
  --mdc-chip-elevated-selected-container-color:#ffd740;
  --mdc-chip-elevated-disabled-container-color:#ffd740;
  --mdc-chip-flat-disabled-selected-container-color:#ffd740;
  --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:rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87);
}
.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:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --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:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --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-state-layer-color:#5e35b1;
  --mdc-switch-selected-handle-color:#5e35b1;
  --mdc-switch-selected-hover-state-layer-color:#5e35b1;
  --mdc-switch-selected-pressed-state-layer-color:#5e35b1;
  --mdc-switch-selected-focus-handle-color:#311b92;
  --mdc-switch-selected-hover-handle-color:#311b92;
  --mdc-switch-selected-pressed-handle-color:#311b92;
  --mdc-switch-selected-focus-track-color:#9575cd;
  --mdc-switch-selected-hover-track-color:#9575cd;
  --mdc-switch-selected-pressed-track-color:#9575cd;
  --mdc-switch-selected-track-color:#9575cd;
  --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 .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#ffb300;
  --mdc-switch-selected-handle-color:#ffb300;
  --mdc-switch-selected-hover-state-layer-color:#ffb300;
  --mdc-switch-selected-pressed-state-layer-color:#ffb300;
  --mdc-switch-selected-focus-handle-color:#ff6f00;
  --mdc-switch-selected-hover-handle-color:#ff6f00;
  --mdc-switch-selected-pressed-handle-color:#ff6f00;
  --mdc-switch-selected-focus-track-color:#ffd54f;
  --mdc-switch-selected-hover-track-color:#ffd54f;
  --mdc-switch-selected-pressed-track-color:#ffd54f;
  --mdc-switch-selected-track-color:#ffd54f;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e53935;
  --mdc-switch-selected-handle-color:#e53935;
  --mdc-switch-selected-hover-state-layer-color:#e53935;
  --mdc-switch-selected-pressed-state-layer-color:#e53935;
  --mdc-switch-selected-focus-handle-color:#b71c1c;
  --mdc-switch-selected-hover-handle-color:#b71c1c;
  --mdc-switch-selected-pressed-handle-color:#b71c1c;
  --mdc-switch-selected-focus-track-color:#e57373;
  --mdc-switch-selected-hover-track-color:#e57373;
  --mdc-switch-selected-pressed-track-color:#e57373;
  --mdc-switch-selected-track-color:#e57373;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --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:#673ab7;
  --mdc-radio-selected-hover-icon-color:#673ab7;
  --mdc-radio-selected-icon-color:#673ab7;
  --mdc-radio-selected-pressed-icon-color:#673ab7;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#673ab7;
  --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:#ffd740;
  --mdc-radio-selected-hover-icon-color:#ffd740;
  --mdc-radio-selected-icon-color:#ffd740;
  --mdc-radio-selected-pressed-icon-color:#ffd740;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#ffd740;
  --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:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
  --mat-radio-ripple-color:black;
  --mat-radio-checked-ripple-color:#f44336;
  --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:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --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:#673ab7;
  --mdc-slider-focus-handle-color:#673ab7;
  --mdc-slider-hover-handle-color:#673ab7;
  --mdc-slider-active-track-color:#673ab7;
  --mdc-slider-inactive-track-color:#673ab7;
  --mdc-slider-with-tick-marks-inactive-container-color:#673ab7;
  --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:#673ab7;
  --mat-slider-hover-state-layer-color:rgba(103, 58, 183, 0.05);
  --mat-slider-focus-state-layer-color:rgba(103, 58, 183, 0.2);
  --mat-slider-value-indicator-opacity:0.6;
}
html .mat-accent {
  --mdc-slider-handle-color:#ffd740;
  --mdc-slider-focus-handle-color:#ffd740;
  --mdc-slider-hover-handle-color:#ffd740;
  --mdc-slider-active-track-color:#ffd740;
  --mdc-slider-inactive-track-color:#ffd740;
  --mdc-slider-with-tick-marks-inactive-container-color:#ffd740;
  --mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87);
  --mat-slider-ripple-color:#ffd740;
  --mat-slider-hover-state-layer-color:rgba(255, 215, 64, 0.05);
  --mat-slider-focus-state-layer-color:rgba(255, 215, 64, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color:#f44336;
  --mdc-slider-focus-handle-color:#f44336;
  --mdc-slider-hover-handle-color:#f44336;
  --mdc-slider-active-track-color:#f44336;
  --mdc-slider-inactive-track-color:#f44336;
  --mdc-slider-with-tick-marks-inactive-container-color:#f44336;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
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:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --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:#673ab7;
  --mdc-radio-selected-hover-icon-color:#673ab7;
  --mdc-radio-selected-icon-color:#673ab7;
  --mdc-radio-selected-pressed-icon-color:#673ab7;
}
.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:#ffd740;
  --mdc-radio-selected-hover-icon-color:#ffd740;
  --mdc-radio-selected-icon-color:#ffd740;
  --mdc-radio-selected-pressed-icon-color:#ffd740;
}
.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:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.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:#673ab7;
  --mdc-checkbox-selected-hover-icon-color:#673ab7;
  --mdc-checkbox-selected-icon-color:#673ab7;
  --mdc-checkbox-selected-pressed-icon-color:#673ab7;
  --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:#673ab7;
  --mdc-checkbox-selected-hover-state-layer-color:#673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color:#673ab7;
  --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:black;
  --mdc-checkbox-selected-focus-icon-color:#ffd740;
  --mdc-checkbox-selected-hover-icon-color:#ffd740;
  --mdc-checkbox-selected-icon-color:#ffd740;
  --mdc-checkbox-selected-pressed-icon-color:#ffd740;
  --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:#ffd740;
  --mdc-checkbox-selected-hover-state-layer-color:#ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color:#ffd740;
  --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:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --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:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --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: #673ab7;
}
.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:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
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:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
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:#673ab7;
  --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:#673ab7;
  --mat-tab-header-active-ripple-color:#673ab7;
  --mat-tab-header-inactive-ripple-color:#673ab7;
  --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:#673ab7;
  --mat-tab-header-active-hover-label-text-color:#673ab7;
  --mat-tab-header-active-focus-indicator-color:#673ab7;
  --mat-tab-header-active-hover-indicator-color:#673ab7;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#ffd740;
  --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:#ffd740;
  --mat-tab-header-active-ripple-color:#ffd740;
  --mat-tab-header-inactive-ripple-color:#ffd740;
  --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:#ffd740;
  --mat-tab-header-active-hover-label-text-color:#ffd740;
  --mat-tab-header-active-focus-indicator-color:#ffd740;
  --mat-tab-header-active-hover-indicator-color:#ffd740;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
  --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:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --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:#f44336;
  --mat-tab-header-active-hover-label-text-color:#f44336;
  --mat-tab-header-active-focus-indicator-color:#f44336;
  --mat-tab-header-active-hover-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color:#673ab7;
  --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:#ffd740;
  --mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --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:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
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:black;
  --mdc-checkbox-selected-focus-icon-color:#ffd740;
  --mdc-checkbox-selected-hover-icon-color:#ffd740;
  --mdc-checkbox-selected-icon-color:#ffd740;
  --mdc-checkbox-selected-pressed-icon-color:#ffd740;
  --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:#ffd740;
  --mdc-checkbox-selected-hover-state-layer-color:#ffd740;
  --mdc-checkbox-selected-pressed-state-layer-color:#ffd740;
  --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:#673ab7;
  --mdc-checkbox-selected-hover-icon-color:#673ab7;
  --mdc-checkbox-selected-icon-color:#673ab7;
  --mdc-checkbox-selected-pressed-icon-color:#673ab7;
  --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:#673ab7;
  --mdc-checkbox-selected-hover-state-layer-color:#673ab7;
  --mdc-checkbox-selected-pressed-state-layer-color:#673ab7;
  --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:#f44336;
  --mdc-checkbox-selected-hover-icon-color:#f44336;
  --mdc-checkbox-selected-icon-color:#f44336;
  --mdc-checkbox-selected-pressed-icon-color:#f44336;
  --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:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --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:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --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:#673ab7;
  --mat-text-button-state-layer-color:#673ab7;
  --mat-text-button-ripple-color:rgba(103, 58, 183, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#ffd740;
  --mat-text-button-state-layer-color:#ffd740;
  --mat-text-button-ripple-color:rgba(255, 215, 64, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
  --mat-text-button-state-layer-color:#f44336;
  --mat-text-button-ripple-color:rgba(244, 67, 54, 0.1);
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color:#673ab7;
  --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:#ffd740;
  --mdc-filled-button-label-text-color:black;
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --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:#673ab7;
  --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:#ffd740;
  --mdc-protected-button-label-text-color:black;
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --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:#673ab7;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#673ab7;
  --mat-outlined-button-ripple-color:rgba(103, 58, 183, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#ffd740;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#ffd740;
  --mat-outlined-button-ripple-color:rgba(255, 215, 64, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color:#f44336;
  --mat-outlined-button-ripple-color:rgba(244, 67, 54, 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:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --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:#673ab7;
  --mat-icon-button-state-layer-color:#673ab7;
  --mat-icon-button-ripple-color:rgba(103, 58, 183, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#ffd740;
  --mat-icon-button-state-layer-color:#ffd740;
  --mat-icon-button-ripple-color:rgba(255, 215, 64, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
  --mat-icon-button-state-layer-color:#f44336;
  --mat-icon-button-ripple-color:rgba(244, 67, 54, 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:#673ab7;
  --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:#ffd740;
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
  --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:#673ab7;
  --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:#ffd740;
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
  --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:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
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:#ffd740;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --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:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#673ab7;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#ffd740;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color:#f44336;
}
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:#673ab7;
  --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:#ffd740;
  --mat-badge-text-color:rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --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:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --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:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --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:#673ab7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#673ab7;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 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:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color:#ffd740;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#ffd740;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.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:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-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:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#673ab7;
}
.mat-icon.mat-accent {
  --mat-icon-color:#ffd740;
}
.mat-icon.mat-warn {
  --mat-icon-color:#f44336;
}
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:#673ab7;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#673ab7;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#673ab7;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:white;
  --mat-stepper-line-color:rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color:#ffd740;
  --mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color:#ffd740;
  --mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color:#ffd740;
  --mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --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:#673ab7;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#ffd740;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
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:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* node_modules/ng-pick-datetime/assets/style/picker.min.css */
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  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: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  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;
  -webkit-transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  -o-transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  -moz-transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .288);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
.owl-dialog-container {
  position: relative;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 1.5em;
  -webkit-box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
  -moz-box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
  -moz-border-radius: 2px;
  border-radius: 2px;
  overflow: auto;
  background: #fff;
  color: rgba(0, 0, 0, .87);
  width: 100%;
  height: 100%;
  outline: 0;
}
.owl-dt-container,
.owl-dt-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.owl-dt-container {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  background: #fff;
  pointer-events: auto;
  z-index: 1000;
}
.owl-dt-container-row {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.owl-dt-container-row:last-child {
  border-bottom: none;
}
.owl-dt-calendar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.owl-dt-calendar-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1em;
  width: 100%;
  padding: .5em;
  color: #000;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button {
  padding: 0 .8em;
}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-calendar-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 .5em .5em;
  outline: 0;
}
.owl-dt-calendar-view {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.owl-dt-calendar-multi-year-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table {
  width: -webkit-calc(100% - 3em);
  width: -moz-calc(100% - 3em);
  width: calc(100% - 3em);
}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th {
  padding-bottom: .25em;
}
.owl-dt-calendar-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.owl-dt-calendar-table .owl-dt-calendar-header {
  color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: .7em;
  font-weight: 400;
  text-align: center;
  padding-bottom: 1em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider {
  position: relative;
  height: 1px;
  padding-bottom: .5em;
}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after {
  content: "";
  position: absolute;
  top: 0;
  left: -.5em;
  right: -.5em;
  height: 1px;
  background: rgba(0, 0, 0, .12);
}
.owl-dt-calendar-table .owl-dt-calendar-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: 0;
  color: rgba(0, 0, 0, .85);
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  position: absolute;
  top: 5%;
  left: 5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  font-size: .8em;
  line-height: 1;
  border: 1px solid transparent;
  -moz-border-radius: 999px;
  border-radius: 999px;
  color: inherit;
  cursor: pointer;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-out {
  opacity: .2;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255, 255, 255, .85);
  background-color: #3f51b5;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85);
  -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .85);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled {
  cursor: default;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  color: rgba(0, 0, 0, .4);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected {
  opacity: .4;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled > .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: rgba(0, 0, 0, .2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),
.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover > .owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected) {
  background-color: rgba(0, 0, 0, .04);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range {
  background: rgba(63, 81, 181, .2);
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from {
  -moz-border-radius-topleft: 999px;
  border-top-left-radius: 999px;
  -moz-border-radius-bottomleft: 999px;
  border-bottom-left-radius: 999px;
}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to {
  -moz-border-radius-topright: 999px;
  border-top-right-radius: 999px;
  -moz-border-radius-bottomright: 999px;
  border-bottom-right-radius: 999px;
}
.owl-dt-timer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 7em;
  padding: .5em;
  outline: 0;
}
.owl-dt-timer-box {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 25%;
  height: 100%;
}
.owl-dt-timer-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: .2em 0;
}
.owl-dt-timer-content .owl-dt-timer-input {
  display: block;
  width: 2em;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .5);
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: medium none;
  font-size: 1.2em;
  padding: .2em;
}
.owl-dt-timer-divider {
  display: inline-block;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  position: absolute;
  width: .6em;
  height: 100%;
  left: -.3em;
}
.owl-dt-timer-divider:after,
.owl-dt-timer-divider:before {
  content: "";
  display: inline-block;
  width: .35em;
  height: .35em;
  position: absolute;
  left: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: currentColor;
}
.owl-dt-timer-divider:before {
  top: 35%;
}
.owl-dt-timer-divider:after {
  bottom: 35%;
}
.owl-dt-control-button {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 1em;
  color: inherit;
}
.owl-dt-control-button .owl-dt-control-button-content {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: 0;
}
.owl-dt-control-period-button .owl-dt-control-button-content {
  height: 1.5em;
  padding: 0 .5em;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.owl-dt-control-period-button:hover > .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-control-period-button .owl-dt-control-button-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1em;
  height: 1em;
  margin: .1em;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  -o-transition: transform .2s ease;
  -moz-transition: transform .2s ease, -moz-transform .2s ease;
  transition: transform .2s ease;
  transition:
    transform .2s ease,
    -webkit-transform .2s ease,
    -moz-transform .2s ease;
}
.owl-dt-control-arrow-button .owl-dt-control-button-content {
  padding: 0;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
}
.owl-dt-control-arrow-button[disabled] {
  color: rgba(0, 0, 0, .4);
  cursor: default;
}
.owl-dt-control-arrow-button svg {
  width: 50%;
  height: 50%;
  fill: currentColor;
}
.owl-dt-inline-container,
.owl-dt-popup-container {
  position: relative;
  width: 18.5em;
  -webkit-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
  -moz-box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-inline-container .owl-dt-timer,
.owl-dt-popup-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-timer {
  width: 100%;
}
.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
  height: 20.25em;
}
.owl-dt-dialog-container {
  max-height: 95vh;
  margin: -1.5em;
}
.owl-dt-dialog-container .owl-dt-calendar {
  min-width: 250px;
  min-height: 330px;
  max-width: 750px;
  max-height: 750px;
}
.owl-dt-dialog-container .owl-dt-timer {
  min-width: 250px;
  max-width: 750px;
}
@media all and (orientation:landscape) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 58vh;
    height: 62vh;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 58vh;
  }
}
@media all and (orientation:portrait) {
  .owl-dt-dialog-container .owl-dt-calendar {
    width: 80vw;
    height: 80vw;
  }
  .owl-dt-dialog-container .owl-dt-timer {
    width: 80vw;
  }
}
.owl-dt-container-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 2em;
  color: #3f51b5;
}
.owl-dt-container-control-button {
  font-size: 1em;
  width: 50%;
  height: 100%;
  -moz-border-radius: 0;
  border-radius: 0;
}
.owl-dt-container-control-button .owl-dt-control-button-content {
  height: 100%;
  width: 100%;
  -webkit-transition: background-color .1s linear;
  -o-transition: background-color .1s linear;
  -moz-transition: background-color .1s linear;
  transition: background-color .1s linear;
}
.owl-dt-container-control-button:hover .owl-dt-control-button-content {
  background-color: rgba(0, 0, 0, .1);
}
.owl-dt-container-info {
  padding: 0 .5em;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.owl-dt-container-info .owl-dt-container-range {
  outline: 0;
}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5em 0;
  font-size: .8em;
}
.owl-dt-container-info .owl-dt-container-range:last-child {
  border-top: 1px solid rgba(0, 0, 0, .12);
}
.owl-dt-container-info .owl-dt-container-info-active {
  color: #3f51b5;
}
.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
  cursor: default !important;
}
.owl-dt-timer-hour12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3f51b5;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box {
  border: 1px solid currentColor;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background .2s ease;
  -o-transition: background .2s ease;
  -moz-transition: background .2s ease;
  transition: background .2s ease;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content {
  width: 100%;
  height: 100%;
  padding: .5em;
}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background: #3f51b5;
  color: #fff;
}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out {
  visibility: hidden;
  cursor: default;
}
.owl-dt-inline {
  display: inline-block;
}
.owl-dt-control {
  outline: 0;
  cursor: pointer;
}
.owl-dt-control .owl-dt-control-content {
  outline: 0;
}
.owl-dt-control:focus > .owl-dt-control-content {
  background-color: rgba(0, 0, 0, .12);
}
.owl-dt-control:not(:-moz-focusring):focus > .owl-dt-control-content {
  -moz-box-shadow: none;
  box-shadow: none;
}
.owl-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* src/styles.scss */
@font-face {
  font-family: "Open Sans Bold";
  src: url(/assets/fonts/OpenSans-Bold.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans Regular";
  src: url(/assets/fonts/OpenSans-Regular.ttf) format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans Italic";
  src: url(/assets/fonts/OpenSans-Italic.ttf) format("truetype");
  font-display: swap;
}
.veh-mod {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 50px;
  max-width: 140px;
}
html,
body {
  height: 100%;
  background: url(/src/assets/images/landing-page/BottomPattern.svg);
}
body {
  margin: 0;
  font-family:
    Roboto,
    "Helvetica Neue",
    sans-serif;
  background: url(/src/assets/images/landing-page/BottomPattern.svg);
}
.font-small {
  font-size: 12px;
}
.font-normal {
  font-size: 14px;
}
.font-medium {
  font-size: 16px;
}
.font-card-heading {
  font-size: 18px;
}
.font-sub-card-heading {
  font-size: 20px;
}
.font-sub-heading {
  font-size: 22px;
}
.font-heading {
  font-size: 24px;
}
.font-main-heading {
  font-size: 26px;
}
.font-10 {
  font-size: 0.62vw;
}
.font-12 {
  font-size: 0.75vw;
}
.font-14 {
  font-size: 0.87vw;
}
.font-15 {
  font-size: 0.93vw;
}
.font-16 {
  font-size: 1vw;
}
.font-18 {
  font-size: 1.12vw;
}
.font-20 {
  font-size: 1.25vw;
}
.font-22 {
  font-size: 1.37vw;
}
.font-24 {
  font-size: 1.5vw;
}
.font-26 {
  font-size: 1.62vw;
}
.font-28 {
  font-size: 1.75vw;
}
.font-30 {
  font-size: 1.87vw;
}
.font-rem-1_2 {
  font-size: 1.2rem;
}
.font-rem-1_4 {
  font-size: 1.4rem;
}
.line-h-15 {
  line-height: 0.93vw;
}
.line-h-16 {
  line-height: 1vw;
}
.line-h-17 {
  line-height: 1.05vw;
}
.line-h-19 {
  line-height: 1.18vw;
}
.line-h-20 {
  line-height: 1.24vw;
}
.line-h-21 {
  line-height: 1.3vw;
}
.line-h-22 {
  line-height: 1.36vw;
}
.line-h-23 {
  line-height: 1.42vw;
}
.line-h-25 {
  line-height: 1.55vw;
}
.line-h-27 {
  line-height: 1.67vw;
}
.line-h-29 {
  line-height: 1.8vw;
}
.line-h-31 {
  line-height: 1.92vw;
}
.line-h-33 {
  line-height: 2.04vw;
}
.line-h-35 {
  line-height: 2.17vw;
}
.font-weight-thin {
  font-weight: 100;
}
.font-weight-normal {
  font-weight: 400;
}
.font-weight-medium {
  font-weight: 600;
}
.font-weight-bold {
  font-weight: 700;
}
.font-weight-heavy {
  font-weight: 900;
}
.font-italic {
  font-style: italic;
}
.last-updated-label-perfor {
  color: grey;
  font-size: 1rem;
  font-weight: 400;
  font-family: "Open Sans";
}
.d-flex-space-between {
  display: flex;
  justify-content: space-between;
}
.display-flex-with-gap {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media only screen and (max-width: 800px) {
  .display-flex-with-gap {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.last-update-right-bottom-corner {
  position: absolute;
  bottom: 0;
  right: 0;
}
.vehicle-pl-image {
  height: 5rem;
}
.linked-unlinked-vehicle-card-style {
  width: 121px;
  height: 20px;
  border-radius: 2px;
  background-color: #999999;
  font-size: 10px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-left: 2rem;
  text-align: center;
  padding-top: 0.2rem;
}
.unsubscribe-vehicle-class {
  background-color: #E58088 !important;
}
.subscribe-vehicle-class {
  background-color: #55C72D !important;
}
::ng-deep .md-drppicker.ltr {
  direction: ltr;
  text-align: left;
  left: 542.5px !important;
  right: auto;
  display: flex !important;
  top: 5rem !important;
}
::ng-deep .md-drppicker .buttons {
  text-align: right;
  margin: 0 5px 5px 0;
  display: flex !important;
  align-items: flex-end !important;
}
@media only screen and (max-width: 375px) {
  .md-drppicker.ltr {
    top: 17rem !important;
    left: 70px !important;
  }
}
@media only screen and (max-width: 302px) {
  .linked-unlinked-vehicle-card-style {
    margin-left: unset !important;
    margin-top: 2px;
  }
}
.buses-edit-route-modalbox .mat-dialog-container,
.buses-cancel-trip-modalbox .mat-dialog-container {
  padding: 0px 24px;
  border-radius: 12px;
}
.heading-text-color {
  color: #0a0a5f;
}
[appScrollVisibility][appScrollBar] {
  overflow: auto;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
[appScrollVisibility][appScrollBar]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
[appScrollVisibility][appScrollBar]::-webkit-scrollbar-track {
  background: transparent;
}
[appScrollVisibility][appScrollBar]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
[appScrollVisibility][appScrollBar].scrolling {
  scrollbar-color: #C5CDE4 transparent;
}
[appScrollVisibility][appScrollBar].scrolling::-webkit-scrollbar-thumb {
  background-color: #C5CDE4;
}
[appScrollBar] {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
[appScrollBar]::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}
[appScrollBar]::-webkit-scrollbar-track {
  background: transparent;
}
[appScrollBar]::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
[appScrollBar].scrolling {
  scrollbar-color: #C5CDE4 transparent;
}
[appScrollBar].scrolling::-webkit-scrollbar-thumb {
  background-color: #C5CDE4;
}
.info-pop-deatils-portal {
  border: 1px solid #e8ecf8;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0px #edf1ff;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1rem;
  padding: 1.5rem;
  width: 28rem;
  border-radius: 0.5rem;
  align-items: flex-start;
  fill: #FFFFFF;
  filter: drop-shadow(0px 0px 5px #c3cff0);
  top: 1rem;
  left: 2rem;
}
.info-pop-deatils-portal .pin-point {
  content: "";
  position: absolute;
  border-top: 11px solid rgba(232, 237, 248, 0.2196078431);
  border-left: 11px solid rgba(232, 237, 248, 0.2196078431);
  border-bottom: 11px solid #FFFFFF;
  border-right: 11px solid rgba(232, 237, 248, 0.2196078431);
  top: -2rem;
  right: 1.5rem;
}
.info-pop-deatils-portal .disclaimer-text {
  display: flex;
  flex-direction: column;
  font-family: Open Sans;
  font-size: 1.2rem;
  font-style: italic;
  font-weight: 400;
  gap: 0.5rem;
  line-height: normal;
}
.info-pop-deatils-portal .disclaimer-text .italic-style {
  font-style: italic;
}
.info-pop-deatils-portal .disclaimer-text .data-item .ul-list {
  padding: 1rem;
  list-style: disc;
}
::ng-deep .p-radiobutton .p-radiobutton-box {
  display: flex;
  justify-content: center;
  align-items: center;
}
::ng-deep .custom-dropdown-style .p-dropdown-items-wrapper {
  overflow: hidden;
  max-height: unset !important;
}
::ng-deep .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background-color: #0A0A5F;
  width: 10px;
  height: 10px;
}
::ng-deep .intended-dropdown-custom-panel {
  border-radius: 2px !important;
  box-shadow: 0 0 5px rgba(10, 10, 95, 0.3) !important;
  color: #666666 !important;
  padding: 0;
}
::ng-deep .intended-dropdown-custom-panel .p-inputtext {
  min-width: initial !important;
}
::ng-deep .intended-dropdown-custom-panel .p-dropdown-items-wrapper {
  padding: 0;
}

/* src/assets/css/plyr.css */
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font:
    400 24px/32px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font:
    500 20px/32px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font:
    400 16px/28px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font:
    400 15px/24px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font:
    400 11.62px/20px Roboto,
    Helvetica Neue,
    sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font:
    400 9.38px/20px Roboto,
    Helvetica Neue,
    sans-serif;
  margin: 0 0 12px;
}
.mat-body-2,
.mat-body-strong {
  font:
    500 14px/24px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font:
    400 14px/20px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-caption,
.mat-small {
  font:
    400 12px/20px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font:
    300 112px/112px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: -.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font:
    400 56px/56px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: -.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font:
    400 45px/48px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: -.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font:
    400 34px/40px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font:
    400 14px/20px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle,
.mat-card {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-content,
.mat-card-subtitle {
  font-size: 14px;
}
.mat-checkbox {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font:
    500 20px/32px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font:
    400 14px/20px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: .5em 0;
  border-top: .84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -.84375em;
  padding-top: .84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: .6666666667em;
  top: calc(100% - 1.79167em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: .4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);
  -ms-transform: translateY(-1.28125em) scale(.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);
  -ms-transform: translateY(-1.28124em) scale(.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);
  -ms-transform: translateY(-1.28123em) scale(.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: .5416666667em;
  top: calc(100% - 1.66667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: .25em 0 .75em;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59375em) scale(.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-.59374em) scale(.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(.75);
  width: 133.3333433333%;
}
.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}
.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -.0625em;
}
.mat-menu-item {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 12px;
}
.mat-radio-button,
.mat-select {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content,
.mat-slider-thumb-label-text {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: 400;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group,
.mat-tab-label,
.mat-tab-link {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font:
    500 20px/32px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item,
.mat-list-option {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font:
    500 14px/24px Roboto,
    Helvetica Neue,
    sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  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,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  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 .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast:active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@-webkit-keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-start {
}
@-webkit-keyframes cdk-text-field-autofill-end {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1);
}
.mat-option {
  color: rgba(0, 0, 0, .87);
}
.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, .04);
}
.mat-option.mat-active {
  color: rgba(0, 0, 0, .87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, .54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, .38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, .54);
}
.mat-pseudo-checkbox:after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-elevation-z0 {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z1 {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, .2),
    0 1px 1px 0 rgba(0, 0, 0, .14),
    0 1px 3px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z2 {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z3 {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, .2),
    0 3px 4px 0 rgba(0, 0, 0, .14),
    0 1px 8px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z4 {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z5 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 5px 8px 0 rgba(0, 0, 0, .14),
    0 1px 14px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z6 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 6px 10px 0 rgba(0, 0, 0, .14),
    0 1px 18px 0 rgba(0, 0, 0, .12);
}
.mat-elevation-z7 {
  box-shadow:
    0 4px 5px -2px rgba(0, 0, 0, .2),
    0 7px 10px 1px rgba(0, 0, 0, .14),
    0 2px 16px 1px rgba(0, 0, 0, .12);
}
.mat-elevation-z8 {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.mat-elevation-z9 {
  box-shadow:
    0 5px 6px -3px rgba(0, 0, 0, .2),
    0 9px 12px 1px rgba(0, 0, 0, .14),
    0 3px 16px 2px rgba(0, 0, 0, .12);
}
.mat-elevation-z10 {
  box-shadow:
    0 6px 6px -3px rgba(0, 0, 0, .2),
    0 10px 14px 1px rgba(0, 0, 0, .14),
    0 4px 18px 3px rgba(0, 0, 0, .12);
}
.mat-elevation-z11 {
  box-shadow:
    0 6px 7px -4px rgba(0, 0, 0, .2),
    0 11px 15px 1px rgba(0, 0, 0, .14),
    0 4px 20px 3px rgba(0, 0, 0, .12);
}
.mat-elevation-z12 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, .2),
    0 12px 17px 2px rgba(0, 0, 0, .14),
    0 5px 22px 4px rgba(0, 0, 0, .12);
}
.mat-elevation-z13 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, .2),
    0 13px 19px 2px rgba(0, 0, 0, .14),
    0 5px 24px 4px rgba(0, 0, 0, .12);
}
.mat-elevation-z14 {
  box-shadow:
    0 7px 9px -4px rgba(0, 0, 0, .2),
    0 14px 21px 2px rgba(0, 0, 0, .14),
    0 5px 26px 4px rgba(0, 0, 0, .12);
}
.mat-elevation-z15 {
  box-shadow:
    0 8px 9px -5px rgba(0, 0, 0, .2),
    0 15px 22px 2px rgba(0, 0, 0, .14),
    0 6px 28px 5px rgba(0, 0, 0, .12);
}
.mat-elevation-z16 {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, .2),
    0 16px 24px 2px rgba(0, 0, 0, .14),
    0 6px 30px 5px rgba(0, 0, 0, .12);
}
.mat-elevation-z17 {
  box-shadow:
    0 8px 11px -5px rgba(0, 0, 0, .2),
    0 17px 26px 2px rgba(0, 0, 0, .14),
    0 6px 32px 5px rgba(0, 0, 0, .12);
}
.mat-elevation-z18 {
  box-shadow:
    0 9px 11px -5px rgba(0, 0, 0, .2),
    0 18px 28px 2px rgba(0, 0, 0, .14),
    0 7px 34px 6px rgba(0, 0, 0, .12);
}
.mat-elevation-z19 {
  box-shadow:
    0 9px 12px -6px rgba(0, 0, 0, .2),
    0 19px 29px 2px rgba(0, 0, 0, .14),
    0 7px 36px 6px rgba(0, 0, 0, .12);
}
.mat-elevation-z20 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, .2),
    0 20px 31px 3px rgba(0, 0, 0, .14),
    0 8px 38px 7px rgba(0, 0, 0, .12);
}
.mat-elevation-z21 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, .2),
    0 21px 33px 3px rgba(0, 0, 0, .14),
    0 8px 40px 7px rgba(0, 0, 0, .12);
}
.mat-elevation-z22 {
  box-shadow:
    0 10px 14px -6px rgba(0, 0, 0, .2),
    0 22px 35px 3px rgba(0, 0, 0, .14),
    0 8px 42px 7px rgba(0, 0, 0, .12);
}
.mat-elevation-z23 {
  box-shadow:
    0 11px 14px -7px rgba(0, 0, 0, .2),
    0 23px 36px 3px rgba(0, 0, 0, .14),
    0 9px 44px 8px rgba(0, 0, 0, .12);
}
.mat-elevation-z24 {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, .87);
}
.mat-badge-content {
  color: #fff;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff;
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, .38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform .2s ease-in-out;
  transform: scale(.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, .2),
    0 16px 24px 2px rgba(0, 0, 0, .14),
    0 6px 30px 5px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: .1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, .12);
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, .87);
  background-color: #fff;
}
.mat-fab.mat-accent,
.mat-fab.mat-primary,
.mat-fab.mat-warn,
.mat-flat-button.mat-accent,
.mat-flat-button.mat-primary,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, .26);
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #3f51b5;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ff4081;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, .12);
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1);
}
.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, .2),
    0 8px 10px 1px rgba(0, 0, 0, .14),
    0 3px 14px 2px rgba(0, 0, 0, .12);
}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 6px 10px 0 rgba(0, 0, 0, .14),
    0 1px 18px 0 rgba(0, 0, 0, .12);
}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, .2),
    0 12px 17px 2px rgba(0, 0, 0, .14),
    0 5px 22px 4px rgba(0, 0, 0, .12);
}
.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, .38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, .12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: 1px solid rgba(0, 0, 0, .12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(0, 0, 0, .12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, .87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, .26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid rgba(0, 0, 0, .12);
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, .2),
    0 1px 1px 0 rgba(0, 0, 0, .14),
    0 1px 3px 0 rgba(0, 0, 0, .12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, .54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, .54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, .54);
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, .87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, .87);
  opacity: .4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, .2),
    0 3px 4px 0 rgba(0, 0, 0, .14),
    0 1px 8px 0 rgba(0, 0, 0, .12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: .54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: .4;
}
.mat-chip.mat-standard-chip:after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: .4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .1);
}
.mat-table {
  background: #fff;
}
.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit;
}
mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, .12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, .54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, .87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, .54);
}
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, .54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, .38);
}
.mat-calendar-table-header-divider:after {
  background: rgba(0, 0, 0, .12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, .54);
}
.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, .87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, .38);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, .04);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, .18);
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, .4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
  background-color: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, .4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, .4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content-touch {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, .2),
    0 0 0 0 rgba(0, 0, 0, .14),
    0 0 0 0 rgba(0, 0, 0, .12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-dialog-container {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, .2),
    0 24px 38px 3px rgba(0, 0, 0, .14),
    0 9px 46px 8px rgba(0, 0, 0, .12);
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, .12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, .87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 2px 2px 0 rgba(0, 0, 0, .14),
    0 1px 5px 0 rgba(0, 0, 0, .12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, .04);
}
@media (hover:none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, .87);
}
.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, .54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, .26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit;
}
.mat-form-field-label,
.mat-hint {
  color: rgba(0, 0, 0, .6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, .87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .42) 0,
      rgba(0, 0, 0, .42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .42) 0,
      rgba(0, 0, 0, .42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, .02);
}
.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: rgba(0, 0, 0, .42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, .12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, .87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, .38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, .06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: rgba(0, 0, 0, .54);
}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::-ms-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
  color: #f44336;
}
.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, .87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, .54);
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, .04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: rgba(0, 0, 0, .12);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, .87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled]:after {
  color: rgba(0, 0, 0, .38);
}
.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, .54);
}
.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, .04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, .54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, .54);
  border-right: 2px solid rgba(0, 0, 0, .54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, .54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, .38);
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill:after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, .38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, .38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: rgba(0, 0, 0, .87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, .42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, .38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, .54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, .2),
    0 4px 5px 0 rgba(0, 0, 0, .14),
    0 1px 10px 0 rgba(0, 0, 0, .12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, .12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, .38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, .87);
}
.mat-drawer {
  color: rgba(0, 0, 0, .87);
}
.mat-drawer,
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, .2),
    0 16px 24px 2px rgba(0, 0, 0, .14),
    0 6px 30px 5px rgba(0, 0, 0, .12);
}
.mat-drawer-side {
  border-right: 1px solid rgba(0, 0, 0, .12);
}
.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
  border-left: 1px solid rgba(0, 0, 0, .12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, .12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, .6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, .54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, .54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, .2),
    0 1px 1px 0 rgba(0, 0, 0, .14),
    0 1px 3px 0 rgba(0, 0, 0, .12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, .38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26);
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, .2);
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .38);
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, .12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, .26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, .26);
}
.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: rgba(0, 0, 0, .7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, .7),
      rgba(0, 0, 0, .7) 2px,
      transparent 0,
      transparent);
  background-image: -moz-repeating-linear-gradient(.0001deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      180deg,
      rgba(0, 0, 0, .7),
      rgba(0, 0, 0, .7) 2px,
      transparent 0,
      transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, .04);
}
@media (hover:none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, .54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, .54);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, .87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line:before {
  border-left-color: rgba(0, 0, 0, .12);
}
.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, .12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, .12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, .87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, .38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, .38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, .3);
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, .3);
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, .3);
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, .4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, .4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, .12);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, .87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor;
}
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, .9);
}
.mat-tree {
  background: #fff;
}
.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, .87);
}
.mat-snack-bar-container {
  color: hsla(0, 0%, 100%, .7);
  background: #323232;
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, .2),
    0 6px 10px 0 rgba(0, 0, 0, .14),
    0 1px 18px 0 rgba(0, 0, 0, .12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
body,
html {
  height: 100%;
}
body {
  margin: 0;
  font-family:
    Roboto,
    Helvetica Neue,
    sans-serif;
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family:
    Avenir,
    Avenir Next,
    Helvetica Neue,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  height: 100%;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow .3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in .3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform .4s ease-in-out;
  width: 100%;
}
.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, .8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: .2em .5em;
  white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
  display: inline;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width:480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width:768px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}
.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all .3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform .3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup .2s ease;
  background: hsla(0, 0%, 100%, .9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  color: #4a5764;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
}
.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: hsla(0, 0%, 100%, .9);
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5764;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: rgba(74, 87, 100, .8);
  right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px 7px 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: rgba(74, 87, 100, .8);
  left: 7px;
}
.plyr__menu__container .plyr__control--back:before {
  background: rgba(114, 133, 151, .2);
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, .1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all .3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease, opacity .3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b3ff;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(0, 0, 0, .1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  color: #00b3ff;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow .3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image:
    linear-gradient(
      90deg,
      currentColor var(--value, 0),
      transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
  height: 13px;
  position: relative;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  -webkit-appearance: none;
  margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -moz-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
  height: 13px;
  position: relative;
  -moz-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow .3s ease;
  transition: box-shadow .3s ease;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);
  height: 13px;
  position: relative;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
  width: 13px;
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, .5);
  outline: 0;
}
.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr__time {
  font-size: 14px;
}
.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px;
}
@media (max-width:767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: hsla(0, 0%, 100%, .9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  color: #4a5764;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
  left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}
.plyr__progress__buffer,
.plyr__progress input[type=range] {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -moz-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width .2s ease;
  transition: width .2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image:
    linear-gradient(
      -45deg,
      rgba(35, 41, 47, .6) 25%,
      transparent 0,
      transparent 50%,
      rgba(35, 41, 47, .6) 0,
      rgba(35, 41, 47, .6) 75%,
      transparent 0,
      transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, .25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, .66);
}
.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  z-index: 2;
}
.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4a5764;
  padding: 10px;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 201, 209, .66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 201, 209, .66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 201, 209, .66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, .15),
    0 0 0 1px rgba(35, 41, 47, .2),
    0 0 0 3px rgba(0, 0, 0, .1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, .15),
    0 0 0 1px rgba(35, 41, 47, .2),
    0 0 0 3px rgba(0, 0, 0, .1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, .15),
    0 0 0 1px rgba(35, 41, 47, .2),
    0 0 0 3px rgba(0, 0, 0, .1);
}
.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, .66);
}
.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, .7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  z-index: 3;
}
@media (min-width:480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}
.plyr__control--overlaid {
  background: rgba(0, 179, 255, .8);
  border: 0;
  border-radius: 100%;
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, .25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, .25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0, 0%, 100%, .25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, .15),
    0 0 0 1px rgba(35, 41, 47, .2),
    0 0 0 3px hsla(0, 0%, 100%, .5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, .15),
    0 0 0 1px rgba(35, 41, 47, .2),
    0 0 0 3px hsla(0, 0%, 100%, .5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, .15),
    0 0 0 1px rgba(35, 41, 47, .2),
    0 0 0 3px hsla(0, 0%, 100%, .5);
}
.plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, .25);
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width:1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: rgba(35, 41, 47, .8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}
.plyr__ads:after:empty {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: .8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: hsla(0, 0%, 100%, .9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(.8);
  transform-origin: 50% 100%;
  transition: transform .2s ease .1s, opacity .2s ease .1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, .9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, .55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}

/* src/assets/css/swiper.min.css */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate(0, -50%);
  -ms-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image:
    linear-gradient(
      to left,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image:
    linear-gradient(
      to right,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image:
    linear-gradient(
      to top,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .5),
      rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* src/assets/css/theme.css */
@font-face {
  font-family: "Open Sans Regular";
  src: url("./media/OpenSans-Regular-D2LPZWSF.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("./media/OpenSans-Bold-DRBCWKZR.ttf") format("truetype");
  font-display: swap;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-widget {
  font-family:
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  text-decoration: none;
}
.fastag-dropdown-list {
  background-color: red;
}
.ui-corner-all {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-corner-top {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-corner-bottom {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-corner-left {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-corner-right {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
a {
  color: #007ad9;
  text-decoration: none;
}
a:hover {
  color: #116fbf;
}
a:active {
  color: #005b9f;
}
.ui-helper-reset {
  line-height: normal;
}
.ui-state-disabled,
.ui-widget:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.pi {
  font-size: 1.25em;
  font-family: "primeicons";
}
.ui-inputtext {
  color: #333333;
  background: #ffffff;
  padding: 0.429em;
  border: 1px solid #a6a6a6;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}
.ui-chkbox .ui-chkbox-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  -o-transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  -webkit-transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):hover {
  border-color: #212121;
}
.ui-chkbox .ui-chkbox-box.ui-state-focus {
  border-color: #007ad9;
  background-color: #ffffff;
  color: #007ad9;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.ui-chkbox .ui-chkbox-box.ui-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
.ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
.ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-focus {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
  overflow: hidden;
  position: relative;
  font-size: 18px;
}
.ui-chkbox-label {
  margin: 0 0 0 0.5em;
}
.ui-radiobutton {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  width: 20px;
  height: 20px;
}
.ui-radiobutton .ui-radiobutton-box {
  border: 1px solid #a6a6a6;
  background-color: #ffffff;
  width: 20px;
  height: 20px;
  text-align: center;
  position: relative;
  -moz-transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  -o-transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  -webkit-transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  transition:
    background-color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border-color: #212121;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-focus {
  border-color: #007ad9;
  background-color: #ffffff;
  color: #007ad9;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon {
  background-color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
  border-color: #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-focus {
  border-color: #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
  background: transparent;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before {
  display: none;
}
.ui-radiobutton-label {
  margin: 0 0 0 0.5em;
}
.ui-inputswitch {
  width: 3em;
  height: 1.75em;
}
.ui-inputswitch .ui-inputswitch-slider {
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  border-radius: 30px;
  background: #cccccc;
}
.ui-inputswitch .ui-inputswitch-slider:before {
  background-color: #ffffff;
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider:before {
  -webkit-transform: translateX(1.25em);
  -ms-transform: translateX(1.25em);
  transform: translateX(1.25em);
}
.ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #b7b7b7;
}
.ui-inputswitch:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #b7b7b7;
}
.ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
  background-color: #007ad9;
}
.ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled):hover .ui-inputswitch-slider {
  background-color: #116fbf;
}
.ui-inputswitch.ui-inputswitch-checked.ui-inputswitch-focus .ui-inputswitch-slider {
  background: #005b9f;
}
.ui-autocomplete .ui-autocomplete-input {
  padding: 0.429em;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled):hover {
  border-color: #212121;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token {
  margin: 0;
  padding: 0;
  color: #333333;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
  font-family:
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  padding: 0;
  margin: 0;
}
.ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container .ui-autocomplete-token {
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}
.ui-autocomplete-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-autocomplete-panel .ui-autocomplete-items {
  padding: 0;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-list-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-group {
  padding: 0.429em 0.857em;
  background-color: #d8dae2;
  color: #333333;
}
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2.357em;
}
.ui-fluid .ui-autocomplete.ui-autocomplete-multiple.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-inputtext {
  border-right: 0 none;
  width: calc(100% - 2.357em);
}
.ui-chips > ul.ui-inputtext {
  padding: 0.2145em 0.429em;
  display: inline-block;
}
.ui-chips > ul.ui-inputtext:not(.ui-state-disabled):hover {
  border-color: #212121;
}
.ui-chips > ul.ui-inputtext:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token {
  padding: 0.2145em 0;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token input {
  font-family:
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  padding: 0;
  margin: 0;
  color: #333333;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token input:hover {
  border: 0 none;
}
.ui-chips > ul.ui-inputtext .ui-chips-input-token input:focus {
  border: 0 none;
}
.ui-chips > ul.ui-inputtext .ui-chips-token {
  padding: 0.2145em 0.429em;
  margin: 0 0.286em 0 0;
  background: #007ad9;
  color: #ffffff;
}
.ui-dropdown {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.ui-dropdown:not(.ui-state-disabled):hover {
  border-color: #212121;
}
.ui-dropdown:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-dropdown .ui-dropdown-label {
  padding-right: 2em;
}
.ui-dropdown .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}
.ui-dropdown .ui-dropdown-clear-icon {
  color: #848484;
}
.ui-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  padding-right: 4em;
}
.ui-dropdown-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-dropdown-panel .ui-dropdown-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter {
  width: 100%;
  padding-right: 2em;
}
.ui-dropdown-panel .ui-dropdown-filter-container .ui-dropdown-filter-icon {
  top: 50%;
  right: 1.357em;
  color: #007ad9;
}
.ui-dropdown-panel .ui-dropdown-items {
  padding: 0;
}
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:not(.ui-state-highlight):not(.ui-state-disabled):hover,
.ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item-group:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
.ui-multiselect {
  background: #ffffff;
  border: 1px solid #a6a6a6;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.ui-multiselect:not(.ui-state-disabled):hover {
  border-color: #212121;
}
.ui-multiselect:not(.ui-state-disabled).ui-state-focus {
  border-color: #007ad9;
  outline: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ui-multiselect .ui-multiselect-label {
  padding: 0.429em;
  padding-right: 2em;
  color: #333333;
}
.ui-multiselect .ui-multiselect-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #848484;
}
.ui-multiselect-panel {
  padding: 0;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-multiselect-panel .ui-multiselect-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container {
  float: none;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-inputtext {
  padding: 0.429em;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-filter-container .ui-multiselect-filter-icon {
  color: #007ad9;
  top: 50%;
  margin-top: -0.5em;
  right: 0.5em;
  left: auto;
}
.ui-multiselect-panel .ui-multiselect-header .ui-chkbox {
  margin-right: 0.5em;
  float: none;
  vertical-align: middle;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close {
  color: #848484;
  top: 29%;
  margin-top: -0.5em;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-multiselect-panel .ui-multiselect-header .ui-multiselect-close:hover {
  color: #333333;
}
.ui-multiselect-panel .ui-multiselect-items {
  padding: 0;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box {
  cursor: auto;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box:hover {
  border: 1px solid #a6a6a6;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-disabled .ui-chkbox-box.ui-state-active:hover {
  border-color: #007ad9;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
  display: inline-block;
  vertical-align: middle;
}
.ui-listbox {
  padding: 0;
  min-width: 12em;
  background: #ffffff;
  border: 1px solid #a6a6a6;
}
.ui-listbox .ui-chkbox {
  margin: 0 0.5em 0 0;
}
.ui-listbox .ui-listbox-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-bottom: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
}
.ui-listbox .ui-listbox-header .ui-listbox-filter-container {
  width: calc(100% - (0.857em + 0.857em + 0.5em));
}
.ui-listbox .ui-listbox-header .ui-listbox-filter-container input {
  padding: 0.429em;
  padding-right: 2em;
}
.ui-listbox .ui-listbox-header .ui-listbox-filter-container .ui-listbox-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.5em;
  color: #007ad9;
}
.ui-listbox .ui-listbox-list {
  background-color: #ffffff;
}
.ui-listbox .ui-listbox-list .ui-listbox-item {
  margin: 0;
  padding: 0.429em 0.857em;
  border: 0 none;
  color: #333333;
  background-color: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-listbox .ui-listbox-list .ui-listbox-item.ui-state-highlight {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-listbox .ui-listbox-list .ui-listbox-item .ui-chkbox {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5em 0 0;
}
.ui-listbox .ui-listbox-list .ui-listbox-item label {
  display: inline-block;
  vertical-align: middle;
}
.ui-listbox:not(.ui-state-disabled) .ui-listbox-item:not(.ui-state-highlight):not(.ui-state-disabled):hover {
  color: #333333;
  background-color: #eaeaea;
}
.ui-listbox.ui-state-disabled .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
  border: 1px solid #a6a6a6;
}
.ui-listbox .ui-listbox-footer {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border-top: 1px solid #eaeaea;
  color: #333333;
  background-color: #ffffff;
}
.ui-editor-container .ui-editor-toolbar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
}
.ui-editor-container .ui-editor-content {
  border: 1px solid #c8c8c8;
}
.ui-editor-container .ui-editor-content .ql-editor {
  background-color: #ffffff;
  color: #333333;
}
.ui-editor-container .ql-picker.ql-expanded .ql-picker-label {
  color: #333333;
}
.ui-editor-container .ql-stroke {
  stroke: #333333;
}
.ui-editor-container .ql-picker-label {
  color: #333333;
}
.ui-editor-container .ql-snow.ql-toolbar button:hover,
.ui-editor-container .ql-snow .ql-toolbar button:hover,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #007ad9;
}
.ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ui-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ui-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ui-editor-container .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #007ad9;
}
.ui-rating a {
  text-align: center;
  display: inline-block;
  color: #333333;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-rating a.ui-rating-cancel {
  color: #e4018d;
}
.ui-rating a .ui-rating-icon {
  font-size: 20px;
}
.ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a:hover {
  color: #007ad9;
}
.ui-rating:not(.ui-state-disabled):not(.ui-rating-readonly) a.ui-rating-cancel:hover {
  color: #b5019f;
}
.ui-spinner .ui-spinner-input {
  padding-right: 2.429em;
}
.ui-spinner .ui-spinner-button {
  width: 2em;
}
.ui-spinner .ui-spinner-button.ui-spinner-up {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-spinner .ui-spinner-button.ui-spinner-down {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}
.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2.429em;
}
.ui-fluid .ui-spinner .ui-spinner-button {
  width: 2em;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: 50%;
}
.ui-slider {
  background-color: #c8c8c8;
  border: 0 none;
}
.ui-slider.ui-slider-horizontal {
  height: 0.286em;
}
.ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: 50%;
  margin-top: -0.5715em;
}
.ui-slider.ui-slider-vertical {
  width: 0.286em;
}
.ui-slider.ui-slider-vertical .ui-slider-handle {
  left: 50%;
  margin-left: -0.5715em;
}
.ui-slider .ui-slider-handle {
  height: 1.143em;
  width: 1.143em;
  background-color: #ffffff;
  border: 2px solid #666666;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -moz-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
}
.ui-slider .ui-slider-range {
  background-color: #007ad9;
}
.ui-slider:not(.ui-state-disabled) .ui-slider-handle:hover {
  background-color: 2px solid #666666;
  border: 2px solid #007ad9;
}
.ui-datepicker {
  padding: 0.857em;
  min-width: 20em;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #a6a6a6;
}
.ui-datepicker:not(.ui-datepicker-inline) {
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:hover {
  color: #007ad9;
}
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-prev:focus,
.ui-datepicker:not(.ui-state-disabled) .ui-datepicker-header .ui-datepicker-next:focus {
  outline: 0 none;
  color: #007ad9;
}
.ui-datepicker:not(.ui-state-disabled) table td a:not(.ui-state-active):not(.ui-state-highlight):hover {
  background-color: #eaeaea;
}
.ui-datepicker:not(.ui-state-disabled) .ui-monthpicker a.ui-monthpicker-month:not(.ui-state-active):hover {
  background-color: #eaeaea;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0.429em 0.857em 0.429em 0.857em;
  background-color: #ffffff;
  color: #333333;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  top: 0;
  color: #a6a6a6;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  margin-top: -0.35em;
  margin-bottom: 0;
}
.ui-datepicker table {
  margin: 0.857em 0 0 0;
}
.ui-datepicker table th {
  padding: 0.5em;
}
.ui-datepicker table th.ui-datepicker-weekheader {
  border-right: 1px solid #a6a6a6;
}
.ui-datepicker table td {
  padding: 0.5em;
}
.ui-datepicker table td > a,
.ui-datepicker table td > span {
  display: block;
  text-align: center;
  color: #333333;
  padding: 0.5em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-datepicker table td > a.ui-state-active,
.ui-datepicker table td > span.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-datepicker table td > a {
  cursor: pointer;
}
.ui-datepicker table td.ui-datepicker-today > a,
.ui-datepicker table td.ui-datepicker-today > span {
  background-color: #d0d0d0;
  color: #333333;
}
.ui-datepicker table td.ui-datepicker-today > a.ui-state-active,
.ui-datepicker table td.ui-datepicker-today > span.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-datepicker table td.ui-datepicker-weeknumber {
  border-right: 1px solid #a6a6a6;
}
.ui-datepicker .ui-datepicker-buttonbar {
  border-top: 1px solid #d8dae2;
}
.ui-datepicker .ui-timepicker {
  border: 0 none;
  border-top: 1px solid #d8dae2;
  padding: 0.857em;
}
.ui-datepicker .ui-timepicker a {
  color: #333333;
  font-size: 1.286em;
}
.ui-datepicker .ui-timepicker a:hover {
  color: #007ad9;
}
.ui-datepicker .ui-timepicker span {
  font-size: 1.286em;
}
.ui-datepicker .ui-monthpicker .ui-monthpicker-month {
  color: #333333;
}
.ui-datepicker .ui-monthpicker .ui-monthpicker-month.ui-state-active {
  color: #ffffff;
  background-color: #007ad9;
}
.ui-datepicker.ui-datepicker-timeonly {
  padding: 0;
}
.ui-datepicker.ui-datepicker-timeonly .ui-timepicker {
  border-top: 0 none;
}
.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group {
  border-right: 1px solid #d8dae2;
  padding-right: 0.857em;
  padding-left: 0.857em;
  padding-top: 0;
  padding-bottom: 0;
}
.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:first-child {
  padding-left: 0;
}
.ui-datepicker.ui-datepicker-multiple-month .ui-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}
.ui-calendar.ui-calendar-w-btn .ui-inputtext {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}
.ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:hover:not(.ui-state-error),
.ui-calendar.ui-calendar-w-btn .ui-inputtext:enabled:focus:not(.ui-state-error) {
  border-right: 0 none;
}
.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
  width: 2.357em;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ui-fluid .ui-calendar.ui-calendar-w-btn input.ui-inputtext {
  width: calc(100% - 2.357em);
}
.ui-fileupload .ui-fileupload-buttonbar {
  background-color: #f4f4f4;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  border-bottom: 0 none;
}
.ui-fileupload .ui-fileupload-buttonbar .ui-button {
  margin-right: 8px;
}
.ui-fileupload .ui-fileupload-content {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}
.ui-fileupload .ui-progressbar {
  top: 0;
}
.ui-fileupload-choose:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.ui-fileupload-choose:not(.ui-state-disabled):active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
.ui-fileupload-choose.ui-state-focus {
  outline: 0 none;
  outline-offset: 0px;
}
.ui-password-panel {
  padding: 12px;
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-inputgroup .ui-inputgroup-addon {
  border-color: #a6a6a6;
  background-color: #eaeaea;
  color: #848484;
  padding: 0.429em;
  min-width: 2em;
}
.ui-inputgroup .ui-inputgroup-addon:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-inputgroup .ui-inputgroup-addon:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox {
  position: relative;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-checkbox .ui-chkbox {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton {
  position: relative;
}
.ui-inputgroup .ui-inputgroup-addon.ui-inputgroup-addon-radiobutton .ui-radiobutton {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
}
.ui-inputgroup .ui-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-inputgroup .ui-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}
.ui-fluid .ui-inputgroup .ui-button.ui-button-icon-only {
  width: 2.357em;
}
::-webkit-input-placeholder {
  color: #666666;
}
:-moz-placeholder {
  color: #666666;
}
::-moz-placeholder {
  color: #666666;
}
:-ms-input-placeholder {
  color: #666666;
}
.ui-inputtext.ng-dirty.ng-invalid,
p-dropdown.ng-dirty.ng-invalid > .ui-dropdown,
p-autocomplete.ng-dirty.ng-invalid > .ui-autocomplete > .ui-inputtext,
p-calendar.ng-dirty.ng-invalid > .ui-calendar > .ui-inputtext,
p-chips.ng-dirty.ng-invalid > .ui-inputtext,
p-inputmask.ng-dirty.ng-invalid > .ui-inputtext,
p-checkbox.ng-dirty.ng-invalid .ui-chkbox-box,
p-radiobutton.ng-dirty.ng-invalid .ui-radiobutton-box,
p-inputswitch.ng-dirty.ng-invalid .ui-inputswitch,
p-listbox.ng-dirty.ng-invalid .ui-inputtext,
p-multiselect.ng-dirty.ng-invalid > .ui-multiselect,
p-spinner.ng-dirty.ng-invalid > .ui-inputtext,
p-selectbutton.ng-dirty.ng-invalid .ui-button,
p-togglebutton.ng-dirty.ng-invalid .ui-button {
  border: 1px solid #a80000;
}
.ui-button {
  margin: 0;
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}
.ui-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.ui-button:enabled:focus {
  outline: 0 none;
  outline-offset: 0px;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.ui-button:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
.ui-button.ui-button-text-only .ui-button-text {
  padding: 0.429em 1em;
}
.ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.429em 1em 0.429em 2em;
}
.ui-button.ui-button-text-icon-right .ui-button-text {
  padding: 0.429em 2em 0.429em 1em;
}
.ui-button.ui-button-icon-only {
  width: 2.357em;
}
.ui-button.ui-button-icon-only .ui-button-text {
  padding: 0.429em;
}
.ui-button.ui-button-raised {
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
}
.ui-button.ui-button-rounded {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.ui-fluid .ui-button-icon-only {
  width: 2.357em;
}
.ui-togglebutton {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}
.ui-togglebutton .ui-button-icon-left {
  color: #666666;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}
.ui-togglebutton:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
  color: #212121;
}
.ui-togglebutton.ui-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}
.ui-togglebutton.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}
.ui-togglebutton.ui-state-active:hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}
.ui-togglebutton.ui-state-active:hover .ui-button-icon-left {
  color: #ffffff;
}
.ui-togglebutton.ui-state-active.ui-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}
.ui-togglebutton.ui-state-active.ui-state-focus .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button {
  background-color: #dadada;
  border: 1px solid #dadada;
  color: #333333;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
}
.ui-selectbutton .ui-button .ui-button-icon-left {
  color: #666666;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active):hover .ui-button-icon-left {
  color: #212121;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
  color: #333333;
  outline: 0 none;
}
.ui-selectbutton .ui-button:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus .ui-button-icon-left {
  color: #212121;
}
.ui-selectbutton .ui-button.ui-state-active {
  background-color: #007ad9;
  border-color: #007ad9;
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover {
  background-color: #116fbf;
  border-color: #116fbf;
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active.ui-state-focus {
  background-color: #005b9f;
  border-color: #005b9f;
  color: #ffffff;
}
.ui-selectbutton .ui-button.ui-state-active.ui-state-focus .ui-button-icon-left {
  color: #ffffff;
}
.ui-selectbutton .ui-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-selectbutton .ui-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
@media (max-width: 640px) {
  .ui-buttonset:not(.ui-splitbutton) .ui-button {
    margin-bottom: 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
}
.ui-splitbutton.ui-buttonset .ui-button {
  border: 1px solid transparent;
}
.ui-splitbutton.ui-buttonset .ui-menu {
  min-width: 100%;
}
.ui-button.ui-state-default.ui-button-secondary,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
  color: #333333;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
}
.ui-button.ui-state-default.ui-button-secondary:enabled:hover,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:hover {
  background-color: #c8c8c8;
  color: #333333;
  border-color: #c8c8c8;
}
.ui-button.ui-state-default.ui-button-secondary:enabled:focus,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.ui-button.ui-state-default.ui-button-secondary:enabled:active,
.ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:active {
  background-color: #a0a0a0;
  color: #333333;
  border-color: #a0a0a0;
}
.ui-button.ui-state-default.ui-button-info,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
.ui-button.ui-state-default.ui-button-info:enabled:hover,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.ui-button.ui-state-default.ui-button-info:enabled:focus,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.ui-button.ui-state-default.ui-button-info:enabled:active,
.ui-buttonset.ui-button-info > .ui-button.ui-state-default:enabled:active {
  background-color: #005b9f;
  color: #ffffff;
  border-color: #005b9f;
}
.ui-button.ui-state-default.ui-button-success,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #34A835;
  border: 1px solid #34A835;
}
.ui-button.ui-state-default.ui-button-success:enabled:hover,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:hover {
  background-color: #107D11;
  color: #ffffff;
  border-color: #107D11;
}
.ui-button.ui-state-default.ui-button-success:enabled:focus,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #aae5aa;
  -moz-box-shadow: 0 0 0 0.2em #aae5aa;
  box-shadow: 0 0 0 0.2em #aae5aa;
}
.ui-button.ui-state-default.ui-button-success:enabled:active,
.ui-buttonset.ui-button-success > .ui-button.ui-state-default:enabled:active {
  background-color: #0C6B0D;
  color: #ffffff;
  border-color: #0C6B0D;
}
.ui-button.ui-state-default.ui-button-warning,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default {
  color: #333333;
  background-color: #ffba01;
  border: 1px solid #ffba01;
}
.ui-button.ui-state-default.ui-button-warning:enabled:hover,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:hover {
  background-color: #ED990B;
  color: #333333;
  border-color: #ED990B;
}
.ui-button.ui-state-default.ui-button-warning:enabled:focus,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #ffeab4;
  -moz-box-shadow: 0 0 0 0.2em #ffeab4;
  box-shadow: 0 0 0 0.2em #ffeab4;
}
.ui-button.ui-state-default.ui-button-warning:enabled:active,
.ui-buttonset.ui-button-warning > .ui-button.ui-state-default:enabled:active {
  background-color: #D38B10;
  color: #333333;
  border-color: #D38B10;
}
.ui-button.ui-state-default.ui-button-danger,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default {
  color: #ffffff;
  background-color: #e91224;
  border: 1px solid #e91224;
}
.ui-button.ui-state-default.ui-button-danger:enabled:hover,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:hover {
  background-color: #c01120;
  color: #ffffff;
  border-color: #c01120;
}
.ui-button.ui-state-default.ui-button-danger:enabled:focus,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:focus {
  -webkit-box-shadow: 0 0 0 0.2em #f9b4ba;
  -moz-box-shadow: 0 0 0 0.2em #f9b4ba;
  box-shadow: 0 0 0 0.2em #f9b4ba;
}
.ui-button.ui-state-default.ui-button-danger:enabled:active,
.ui-buttonset.ui-button-danger > .ui-button.ui-state-default:enabled:active {
  background-color: #a90000;
  color: #ffffff;
  border-color: #a90000;
}
.ui-widget-content p {
  line-height: 1.5;
  margin: 0;
}
.ui-panel {
  padding: 0;
  border: 0 none;
}
.ui-panel .ui-panel-titlebar {
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  background-color: #f4f4f4;
  color: #333333;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-panel .ui-panel-titlebar .ui-panel-title {
  vertical-align: middle;
  font-weight: 700;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
  margin: 0;
  position: relative;
  color: #848484;
  border: 1px solid transparent;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
  color: #333333;
}
.ui-panel .ui-panel-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border-top: 0 none;
}
.ui-panel .ui-panel-footer {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  border-top: 0 none;
  margin: 0;
}
.ui-fieldset {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}
.ui-fieldset .ui-fieldset-legend a {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #f4f4f4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-fieldset .ui-fieldset-legend a .ui-fieldset-toggler {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5em;
  color: #848484;
}
.ui-fieldset .ui-fieldset-legend a .ui-fieldset-legend-text {
  padding: 0;
}
.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
  color: #333333;
}
.ui-fieldset.ui-fieldset-toggleable .ui-fieldset-legend a:hover .ui-fieldset-toggler {
  color: #333333;
}
.ui-fieldset .ui-fieldset-content {
  padding: 0;
}
.ui-accordion .ui-accordion-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-tabview.ui-tabview-top,
.ui-tabview.ui-tabview-bottom,
.ui-tabview.ui-tabview-left,
.ui-tabview.ui-tabview-right {
  border: 0 none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav,
.ui-tabview.ui-tabview-left .ui-tabview-nav,
.ui-tabview.ui-tabview-right .ui-tabview-nav {
  padding: 0;
  background: transparent;
  border: 0 none;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li,
.ui-tabview.ui-tabview-left .ui-tabview-nav li,
.ui-tabview.ui-tabview-right .ui-tabview-nav li {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li a {
  float: none;
  display: inline-block;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-left-icon {
  margin-right: 0.5em;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li a .ui-tabview-right-icon {
  margin-left: 0.5em;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li .ui-tabview-close,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li .ui-tabview-close,
.ui-tabview.ui-tabview-left .ui-tabview-nav li .ui-tabview-close,
.ui-tabview.ui-tabview-right .ui-tabview-nav li .ui-tabview-close {
  color: #848484;
  margin: 0 0.5em 0 0;
  vertical-align: middle;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #333333;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover .ui-tabview-close {
  color: #333333;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active a {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active .ui-tabview-close,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active .ui-tabview-close,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active .ui-tabview-close,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active .ui-tabview-close {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover {
  border: 1px solid #005b9f;
  background-color: #005b9f;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-left-icon,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-state-active:hover a .ui-tabview-right-icon {
  color: #ffffff;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li.ui-tabview-selected a {
  cursor: pointer;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav {
  margin-bottom: -1px;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li {
  margin-right: 2px;
}
.ui-tabview.ui-tabview-bottom .ui-tabview-nav {
  margin-top: -1px;
}
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li {
  margin-right: 2px;
}
.ui-tabview.ui-tabview-left .ui-tabview-nav {
  margin-right: -px;
}
.ui-tabview.ui-tabview-left .ui-tabview-nav li {
  margin-bottom: 2px;
}
.ui-tabview.ui-tabview-right .ui-tabview-nav {
  margin-right: -1px;
}
.ui-tabview.ui-tabview-right .ui-tabview-nav li {
  margin-bottom: 2px;
}
.ui-tabview .ui-tabview-panels {
  background-color: #ffffff;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  color: #333333;
}
.ui-tabview .ui-tabview-panels .ui-tabview-panel {
  padding: 0;
}
.ui-toolbar {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
.ui-toolbar button {
  vertical-align: middle;
}
.ui-toolbar .ui-toolbar-separator {
  vertical-align: middle;
  color: #848484;
  margin: 0 0.5em;
}
.ui-card {
  background-color: #ffffff;
  color: #333333;
  -webkit-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  box-shadow:
    0 1px 3px 0 rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.ui-paginator {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  padding: 0;
}
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-paginator .ui-paginator-first:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-prev:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-next:not(.ui-state-disabled):not(.ui-state-active):hover,
.ui-paginator .ui-paginator-last:not(.ui-state-disabled):not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-paginator .ui-paginator-current {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  line-height: 2.286em;
}
.ui-paginator .ui-dropdown {
  border: 0 none;
}
.ui-paginator .ui-dropdown .ui-dropdown-trigger,
.ui-paginator .ui-dropdown .ui-dropdown-label {
  color: #848484;
}
.ui-paginator .ui-dropdown:hover .ui-dropdown-trigger,
.ui-paginator .ui-dropdown:hover .ui-dropdown-label {
  color: #333333;
}
.ui-paginator .ui-paginator-first:before {
  position: relative;
  top: 1px;
}
.ui-paginator .ui-paginator-prev:before {
  position: relative;
}
.ui-paginator .ui-paginator-next:before {
  position: relative;
  top: 1px;
}
.ui-paginator .ui-paginator-last:before {
  position: relative;
  top: 1px;
}
.ui-paginator .ui-paginator-pages {
  vertical-align: top;
  display: inline-block;
  padding: 0;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page {
  color: #848484;
  height: 2.286em;
  min-width: 2.286em;
  border: 0 none;
  line-height: 2.286em;
  padding: 0;
  margin: 0;
  vertical-align: top;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-paginator .ui-paginator-pages .ui-paginator-page:not(.ui-state-active):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-paginator .ui-dropdown {
  margin-left: 0.5em;
  height: 2.286em;
  min-width: auto;
}
.ui-table .ui-table-caption,
.ui-table .ui-table-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}
.ui-table .ui-table-caption {
  border-bottom: 0 none;
  font-weight: 700;
}
.ui-table .ui-table-summary {
  border-top: 0 none;
  font-weight: 700;
}
.ui-table .ui-table-thead > tr > th {
  padding: 0.571em 0.857em;
  color: #0a0a5f;
  background-color: white;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: center;
  font-family: "Open Sans Bold" !important;
}
.ui-table .ui-table-tbody > tr > td {
  padding: 0.571em 0.857em;
}
.ui-table .ui-table-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}
.ui-table .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-table .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}
.ui-table .ui-sortable-column.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
.ui-table .ui-editable-column input {
  font-family:
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}
.ui-table .ui-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}
.ui-table .ui-table-tbody > tr {
  background-color: #ffffff;
  color: #333333;
  font-size: 14px;
  font-family: "Open Sans Regular" !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  height: 40px;
}
.ui-table .ui-table-tbody > tr > td {
  background-color: inherit;
}
.ui-table .ui-table-tbody > tr.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr.ui-state-highlight a {
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr.ui-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr.ui-table-dragpoint-bottom > td {
  -webkit-box-shadow: inset 0 -2px 0 0 #007ad9;
  -moz-box-shadow: inset 0 -2px 0 0 #007ad9;
  box-shadow: inset 0 -2px 0 0 #007ad9;
}
.ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color: white;
}
.ui-table .ui-table-tbody > tr:nth-child(odd) {
  background-color: #e8ecf8;
}
.ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight a {
  color: #ffffff;
}
.ui-table .ui-table-tbody > tr:nth-child(even).ui-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-table.ui-table-hoverable-rows .ui-table-tbody > tr.ui-selectable-row:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}
.ui-table .ui-column-resizer-helper {
  background-color: #007ad9;
}
@media screen and (max-width: 40em) {
  .ui-table.ui-table-responsive .ui-paginator-top {
    border-bottom: 1px solid #c8c8c8;
  }
  .ui-table.ui-table-responsive .ui-paginator-bottom {
    border-top: 1px solid #c8c8c8;
  }
  .ui-table.ui-table-responsive .ui-table-tbody > tr > td {
    border: 0 none;
  }
}
.ui-datagrid .ui-datagrid-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
.ui-datagrid .ui-datagrid-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-datagrid .ui-datagrid-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
.ui-datalist .ui-datalist-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
.ui-datalist .ui-datalist-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-datalist .ui-datalist-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
.ui-datascroller .ui-datascroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
.ui-datascroller .ui-datascroller-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-datascroller .ui-datascroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
.ui-virtualscroller .ui-virtualscroller-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
.ui-virtualscroller .ui-virtualscroller-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
}
.ui-virtualscroller .ui-virtualscroller-content .ui-virtualscroller-list li {
  border-bottom: 1px solid #c8c8c8;
}
.ui-virtualscroller .ui-virtualscroller-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
.ui-dataview .ui-dataview-header {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
.ui-dataview .ui-dataview-content {
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-dataview .ui-dataview-footer {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  border-top: 0 none;
}
.fc th {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 1em;
}
.fc td.ui-widget-content {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
}
.fc td.fc-head-container {
  border: 1px solid #c8c8c8;
}
.fc .fc-row {
  border-right: 1px solid #c8c8c8;
}
.fc .fc-event {
  background-color: #116fbf;
  border: 1px solid #116fbf;
  color: #ffffff;
}
.fc .fc-toolbar .fc-button {
  color: #ffffff;
  background-color: #007ad9;
  border: 1px solid #007ad9;
  -moz-transition: background-color 0.2s, box-shadow 0.2s;
  -o-transition: background-color 0.2s, box-shadow 0.2s;
  -webkit-transition: background-color 0.2s, box-shadow 0.2s;
  transition: background-color 0.2s, box-shadow 0.2s;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.fc .fc-toolbar .fc-button:enabled:hover {
  background-color: #116fbf;
  color: #ffffff;
  border-color: #116fbf;
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
}
.fc .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}
.fc .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0px;
  -webkit-box-shadow: 0 0 0 0.2em #8dcdff;
  -moz-box-shadow: 0 0 0 0.2em #8dcdff;
  box-shadow: 0 0 0 0.2em #8dcdff;
}
.fc .fc-toolbar .fc-button-group .fc-button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.fc .fc-toolbar .fc-button-group .fc-button:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.fc .fc-toolbar .fc-button-group .fc-button:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.fc .fc-divider {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
}
.ui-fluid .fc .fc-toolbar .fc-button {
  width: auto;
}
.ui-picklist .ui-picklist-buttons button {
  font-size: 16px;
}
.ui-picklist .ui-picklist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-picklist .ui-picklist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}
.ui-picklist .ui-picklist-filter-container input.ui-picklist-filter {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}
.ui-picklist .ui-picklist-buttons {
  padding: 0.571em 1em;
}
.ui-picklist .ui-picklist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
.ui-picklist .ui-picklist-list .ui-picklist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}
.ui-picklist .ui-picklist-list .ui-picklist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-picklist .ui-picklist-list .ui-picklist-droppoint-highlight {
  background-color: #007ad9;
}
@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    padding: 0.571em 1em;
  }
}
.ui-orderlist .ui-orderlist-controls {
  padding: 0.571em 1em;
}
.ui-orderlist .ui-orderlist-controls button {
  font-size: 16px;
}
.ui-orderlist .ui-orderlist-caption {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  font-weight: 700;
  border-bottom: 0 none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-orderlist .ui-orderlist-filter-container {
  padding: 0.429em 0.857em 0.429em 0.857em;
  border: 1px solid #c8c8c8;
  color: #333333;
  background-color: #ffffff;
  margin: 0;
  border-bottom: 0 none;
}
.ui-orderlist .ui-orderlist-filter-container input.ui-inputtext {
  width: 100%;
  padding-right: 2em;
  text-indent: 0;
}
.ui-orderlist .ui-orderlist-filter-container .ui-orderlist-filter-icon {
  top: 50%;
  margin-top: -0.5em;
  left: auto;
  right: 1.357em;
  color: #007ad9;
}
.ui-orderlist .ui-orderlist-list {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item {
  padding: 0.429em 0.857em;
  margin: 0;
  border: 0 none;
  color: #333333;
  background-color: transparent;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-orderlist .ui-orderlist-list .ui-orderlist-droppoint-highlight {
  background-color: #007ad9;
}
.ui-tree {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-tree .ui-tree-container {
  padding: 0.286em;
  margin: 0;
}
.ui-tree .ui-tree-container .ui-treenode {
  padding: 0.143em 0;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content {
  padding: 0;
  border: 1px solid transparent;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler {
  vertical-align: middle;
  display: inline-block;
  float: none;
  margin: 0 0.143em 0 0;
  color: #848484;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon {
  vertical-align: middle;
  display: inline-block;
  margin: 0 0.143em 0 0;
  color: #848484;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label {
  margin: 0;
  vertical-align: middle;
  display: inline-block;
  padding: 0.286em;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox {
  margin: 0 0.5em 0 0;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-chkbox-icon {
  margin: 1px 0 0 0;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content > span {
  line-height: inherit;
}
.ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-dragover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree .ui-tree-container .ui-treenode-droppoint.ui-treenode-droppoint-active {
  background-color: #007ad9;
}
.ui-tree.ui-tree-horizontal {
  padding-left: 0;
  padding-right: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon {
  color: #007ad9;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content .ui-treenode-label:not(.ui-state-highlight):hover {
  background-color: inherit;
  color: inherit;
}
.ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-tree .ui-tree-filter-container .ui-tree-filter {
  width: 100%;
  padding-right: 2em;
}
.ui-tree .ui-tree-filter-container .ui-tree-filter-icon {
  top: 50%;
  left: auto;
  margin-top: -0.5em;
  right: 0.8em;
  color: #007ad9;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node:not(.ui-state-highlight):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-state-highlight .ui-node-toggler i {
  color: #00325a;
}
.ui-organizationchart .ui-organizationchart-line-down {
  background-color: #c8c8c8;
}
.ui-organizationchart .ui-organizationchart-line-left {
  border-right: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}
.ui-organizationchart .ui-organizationchart-line-top {
  border-top: 1px solid #c8c8c8;
  border-color: #c8c8c8;
}
.ui-organizationchart .ui-organizationchart-node-content {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
}
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  bottom: -0.7em;
  margin-left: -0.46em;
  color: #848484;
}
.ui-carousel {
  padding: 0;
}
.ui-carousel .ui-carousel-header {
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  margin: 0;
  font-weight: 700;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  padding: 0;
}
.ui-carousel .ui-carousel-viewport {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  border: 1px solid #c8c8c8;
}
.ui-carousel .ui-carousel-footer {
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  margin: 0;
}
.ui-carousel .ui-carousel-button {
  color: #848484;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
  content: "\e92a";
}
.ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
  content: "\e928";
}
.ui-carousel .ui-carousel-button:not(.ui-state-disabled):hover {
  color: #333333;
}
.ui-carousel .ui-carousel-page-links {
  margin: 0.125em 0.5em;
}
.ui-carousel .ui-carousel-page-links .ui-carousel-page-link {
  color: #848484;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-carousel .ui-carousel-page-links .ui-carousel-page-link:hover {
  color: #333333;
}
.ui-treetable .ui-treetable-caption,
.ui-treetable .ui-treetable-summary {
  background-color: #f4f4f4;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
  text-align: center;
}
.ui-treetable .ui-treetable-caption {
  border-bottom: 0 none;
  font-weight: 700;
}
.ui-treetable .ui-treetable-summary {
  border-top: 0 none;
  font-weight: 700;
}
.ui-treetable .ui-treetable-thead > tr > th {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #f4f4f4;
}
.ui-treetable .ui-treetable-tbody > tr > td {
  padding: 0.571em 0.857em;
}
.ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 0.571em 0.857em;
  border: 1px solid #c8c8c8;
  font-weight: 700;
  color: #333333;
  background-color: #ffffff;
}
.ui-treetable .ui-sortable-column .ui-sortable-column-icon {
  color: #848484;
}
.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #e0e0e0;
  color: #333333;
}
.ui-treetable .ui-sortable-column:not(.ui-state-highlight):hover .ui-sortable-column-icon {
  color: #333333;
}
.ui-treetable .ui-sortable-column.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-treetable .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
  color: #ffffff;
}
.ui-treetable .ui-editable-column input {
  font-family:
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}
.ui-treetable .ui-editable-column input:focus {
  outline: 1px solid #007ad9;
  outline-offset: 2px;
}
.ui-treetable .ui-treetable-tbody > tr {
  background-color: #ffffff;
  color: #333333;
}
.ui-treetable .ui-treetable-tbody > tr > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
  text-align: center;
}
.ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-toggler {
  color: #848484;
  vertical-align: middle;
}
.ui-treetable .ui-treetable-tbody > tr > td .ui-treetable-chkbox {
  vertical-align: middle;
  margin-right: 0.5em;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}
.ui-treetable .ui-treetable-tbody > tr.ui-state-highlight > td .ui-treetable-toggler {
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected {
  background-color: #007ad9;
  color: #ffffff;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td {
  background-color: inherit;
  border: 1px solid #c8c8c8;
}
.ui-treetable .ui-treetable-tbody > tr.ui-contextmenu-selected > td .ui-treetable-toggler {
  color: #ffffff;
}
.ui-treetable.ui-treetable-hoverable-rows .ui-treetable-tbody > tr:not(.ui-state-highlight):not(.ui-contextmenu-selected):hover {
  cursor: pointer;
  background-color: #eaeaea;
  color: #333333;
}
.ui-treetable .ui-column-resizer-helper {
  background-color: #007ad9;
}
.ui-messages {
  padding: 1em;
  margin: 1em 0;
}
.ui-messages.ui-messages-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
.ui-messages.ui-messages-info .ui-messages-icon {
  color: #212121;
}
.ui-messages.ui-messages-info .ui-messages-close {
  color: #212121;
}
.ui-messages.ui-messages-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
.ui-messages.ui-messages-success .ui-messages-icon {
  color: #212121;
}
.ui-messages.ui-messages-success .ui-messages-close {
  color: #212121;
}
.ui-messages.ui-messages-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
.ui-messages.ui-messages-warn .ui-messages-icon {
  color: #212121;
}
.ui-messages.ui-messages-warn .ui-messages-close {
  color: #212121;
}
.ui-messages.ui-messages-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
.ui-messages.ui-messages-error .ui-messages-icon {
  color: #212121;
}
.ui-messages.ui-messages-error .ui-messages-close {
  color: #212121;
}
.ui-messages .ui-messages-close {
  top: 0.25em;
  right: 0.5em;
  font-size: 1.5em;
}
.ui-messages .ui-messages-icon {
  font-size: 2em;
}
.ui-message {
  padding: 0.429em;
  margin: 0;
}
.ui-message.ui-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
.ui-message.ui-message-info .ui-message-icon {
  color: #212121;
}
.ui-message.ui-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
.ui-message.ui-message-success .ui-message-icon {
  color: #212121;
}
.ui-message.ui-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
.ui-message.ui-message-warn .ui-message-icon {
  color: #212121;
}
.ui-message.ui-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
.ui-message.ui-message-error .ui-message-icon {
  color: #212121;
}
.ui-message .ui-message-icon {
  font-size: 1.25em;
}
.ui-message .ui-message-text {
  font-size: 1em;
}
.ui-growl {
  top: 70px;
}
.ui-growl .ui-growl-item-container {
  margin: 0 0 1em 0;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-growl .ui-growl-item-container .ui-growl-item {
  padding: 1em;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-message {
  margin: 0 0 0 4em;
}
.ui-growl .ui-growl-item-container .ui-growl-item .ui-growl-image {
  font-size: 2.571em;
}
.ui-growl .ui-growl-item-container.ui-growl-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-info .ui-growl-image {
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-success .ui-growl-image {
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-warn .ui-growl-image {
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
.ui-growl .ui-growl-item-container.ui-growl-message-error .ui-growl-image {
  color: #212121;
}
.ui-toast .ui-toast-message {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin: 0 0 1em 0;
}
.ui-toast .ui-toast-message.ui-toast-message-info {
  background-color: #7fbcec;
  border: 0 none;
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-info .ui-toast-close-icon {
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-success {
  background-color: #b7d8b7;
  border: 0 none;
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-success .ui-toast-close-icon {
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-warn {
  background-color: #ffe399;
  border: 0 none;
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-warn .ui-toast-close-icon {
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-error {
  background-color: #f8b7bd;
  border: 0 none;
  color: #212121;
}
.ui-toast .ui-toast-message.ui-toast-message-error .ui-toast-close-icon {
  color: #212121;
}
.ui-widget-overlay {
  background-color: rgba(0, 0, 0, 0.4);
}
.ui-overlaypanel {
  background-color: #ffffff;
  color: #333333;
  padding: 0;
  border: 1px solid #c8c8c8;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-overlaypanel .ui-overlaypanel-content {
  padding: 0.571em 1em;
}
.ui-overlaypanel .ui-overlaypanel-close {
  background-color: #007ad9;
  color: #ffffff;
  width: 1.538em;
  height: 1.538em;
  line-height: 1.538em;
  text-align: center;
  position: absolute;
  top: -0.769em;
  right: -0.769em;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-overlaypanel .ui-overlaypanel-close:hover {
  background-color: #005b9f;
  color: #ffffff;
}
.ui-overlaypanel .ui-overlaypanel-close .ui-overlaypanel-close-icon {
  line-height: inherit;
}
.ui-overlaypanel:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
.ui-overlaypanel:before {
  border-color: rgba(200, 200, 200, 0);
  border-bottom-color: #c8c8c8;
}
.ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}
.ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-top-color: #c8c8c8;
}
.ui-dialog {
  padding: 0;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-dialog .ui-dialog-titlebar {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 1em;
  font-weight: 700;
  border-bottom: 0 none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0;
  float: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: #848484;
  border: 0 none;
  padding: 0;
  margin-left: auto;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover {
  color: #333333;
}
.ui-dialog .ui-dialog-content {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
.ui-dialog .ui-dialog-footer {
  border: 1px solid #c8c8c8;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  margin: 0;
  text-align: right;
  position: relative;
  top: -1px;
}
.ui-dialog .ui-dialog-footer button {
  margin: 0 0.5em 0 0;
  width: auto;
}
.ui-dialog.ui-confirm-dialog .ui-dialog-content {
  padding: 1.5em;
}
.ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
  float: none;
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
  margin: 0;
}
.ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon {
  margin-right: 0.35em;
  font-size: 16px;
}
.ui-sidebar {
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-sidebar .ui-sidebar-close {
  color: #848484;
}
.ui-sidebar .ui-sidebar-close:hover {
  color: #333333;
}
.ui-tooltip .ui-tooltip-text {
  background-color: #333333;
  color: #ffffff;
  padding: 0.429em;
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
  border-right-color: #333333;
}
.ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
  border-left-color: #333333;
}
.ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
  border-top-color: #333333;
}
.ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
  border-bottom-color: #333333;
}
.ui-lightbox {
  -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-lightbox .ui-lightbox-caption {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.571em 1em;
  font-weight: 700;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
  color: #333333;
  margin: 0;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
  padding: 0;
  color: #848484;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
.ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover {
  color: #333333;
}
.ui-lightbox .ui-lightbox-content-wrapper {
  overflow: hidden;
  background-color: #ffffff;
  color: #333333;
  border: 0 none;
  padding: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 3em;
  color: #ffffff;
  margin-top: -0.5em;
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover,
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading ~ a {
  display: none;
}
.ui-breadcrumb {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
.ui-breadcrumb ul li .ui-menuitem-link {
  color: #333333;
  margin: 0;
}
.ui-breadcrumb ul li.ui-breadcrumb-chevron {
  margin: 0 0.5em 0 0.5em;
  color: #848484;
}
.ui-breadcrumb ul li:first-child a {
  color: #848484;
  margin: 0;
}
.ui-breadcrumb ul li .ui-menuitem-icon {
  color: #848484;
}
.ui-steps {
  position: relative;
}
.ui-steps .ui-steps-item {
  background-color: transparent;
  text-align: center;
}
.ui-steps .ui-steps-item .ui-menuitem-link {
  display: inline-block;
  text-align: center;
  background-color: transparent;
  overflow: hidden;
}
.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  position: relative;
  top: 16px;
  margin-bottom: 14px;
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
  display: block;
  margin-top: 6px;
  color: #848484;
}
.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
  background: #007ad9;
  color: #ffffff;
}
.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
  font-weight: 700;
  color: #333333;
}
.ui-steps .ui-steps-item:last-child .ui-menuitem-link {
  display: block;
}
.ui-steps:before {
  content: " ";
  border-top: 1px solid #c8c8c8;
  width: 100%;
  top: 45%;
  left: 0;
  display: block;
  position: absolute;
}
.ui-menu .ui-menuitem-link,
.ui-menubar .ui-menuitem-link,
.ui-tieredmenu .ui-menuitem-link,
.ui-contextmenu .ui-menuitem-link,
.ui-megamenu .ui-menuitem-link,
.ui-slidemenu .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
  font-weight: normal;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-menu .ui-menuitem-link .ui-menuitem-text,
.ui-menubar .ui-menuitem-link .ui-menuitem-text,
.ui-tieredmenu .ui-menuitem-link .ui-menuitem-text,
.ui-contextmenu .ui-menuitem-link .ui-menuitem-text,
.ui-megamenu .ui-menuitem-link .ui-menuitem-text,
.ui-slidemenu .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-menu .ui-menuitem-link .ui-menuitem-icon,
.ui-menubar .ui-menuitem-link .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem-link .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem-link .ui-menuitem-icon,
.ui-megamenu .ui-menuitem-link .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
  margin-right: 0.5em;
}
.ui-menu .ui-menuitem-link:hover,
.ui-menubar .ui-menuitem-link:hover,
.ui-tieredmenu .ui-menuitem-link:hover,
.ui-contextmenu .ui-menuitem-link:hover,
.ui-megamenu .ui-menuitem-link:hover,
.ui-slidemenu .ui-menuitem-link:hover {
  background-color: #eaeaea;
}
.ui-menu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-menubar .ui-menuitem-link:hover .ui-menuitem-text,
.ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-megamenu .ui-menuitem-link:hover .ui-menuitem-text,
.ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-text {
  color: #333333;
}
.ui-menu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-menubar .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-megamenu .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem-link:hover .ui-menuitem-icon {
  color: #333333;
}
.ui-menu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-menu .ui-menuitem {
  margin: 0;
}
.ui-menu.ui-shadow {
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-menu .ui-submenu-header {
  margin: 0;
  padding: 0.714em 0.857em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}
.ui-menu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
.ui-menubar {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.714em 0.857em;
}
.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 0 0 0 1px;
}
.ui-menubar .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-menubar .ui-submenu-list .ui-menuitem {
  margin: 0;
}
.ui-menubar .ui-submenu-list .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
.ui-menubar .ui-menuitem {
  margin: 0;
}
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-menubar .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-contextmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-contextmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-contextmenu .ui-menuitem {
  margin: 0;
}
.ui-contextmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-contextmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-contextmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
.ui-tieredmenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-tieredmenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-tieredmenu .ui-menuitem {
  margin: 0;
}
.ui-tieredmenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-tieredmenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-tieredmenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
.ui-slidemenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-slidemenu .ui-submenu-list {
  padding: 0;
  background-color: #ffffff;
  border: 0 none;
}
.ui-slidemenu .ui-menuitem {
  margin: 0;
}
.ui-slidemenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-slidemenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-slidemenu .ui-slidemenu-backward {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}
.ui-slidemenu .ui-slidemenu-backward:hover {
  background-color: #dbdbdb;
  color: #333333;
}
.ui-slidemenu .ui-menu-separator {
  border: 1px solid #c8c8c8;
  border-width: 1px 0 0 0;
}
.ui-tabmenu {
  border: 0 none;
}
.ui-tabmenu .ui-tabmenu-nav {
  padding: 0;
  background: transparent;
  border-bottom: 1px solid #c8c8c8;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  position: static;
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  margin-right: 2px;
  margin-bottom: -1px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link {
  color: #333333;
  padding: 0.571em 1em;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
  margin-right: 0.5em;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem .ui-menuitem-link .ui-menuitem-icon {
  color: #848484;
  margin-right: 0.5em;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover {
  background-color: #dbdbdb;
  border: 1px solid #dbdbdb;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem:not(.ui-state-active):not(.ui-state-disabled):hover .ui-menuitem-link .ui-menuitem-icon {
  color: #333333;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active {
  background-color: #007ad9;
  border: 1px solid #007ad9;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-text {
  color: #ffffff;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active .ui-menuitem-link .ui-menuitem-icon {
  color: #ffffff;
}
.ui-megamenu {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
}
.ui-megamenu .ui-megamenu-submenu-header {
  margin: 0;
  padding: 0.571em 1em;
  color: #333333;
  background-color: #f4f4f4;
  font-weight: 700;
  border: 0 none;
}
.ui-megamenu .ui-megamenu-panel {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
}
.ui-megamenu .ui-menuitem {
  margin: 0;
}
.ui-megamenu .ui-menuitem .ui-menuitem-link .ui-submenu-icon {
  right: 0.429em;
}
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
  background-color: #eaeaea;
}
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
  color: #333333;
}
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon,
.ui-megamenu .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-submenu-icon {
  color: #333333;
}
.ui-megamenu.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  right: 0.429em;
}
.ui-panelmenu .ui-icon {
  position: static;
}
.ui-panelmenu .ui-panelmenu-header {
  padding: 0;
}
.ui-panelmenu .ui-panelmenu-header > a {
  border: 1px solid #c8c8c8;
  background-color: #f4f4f4;
  color: #333333;
  padding: 0.714em 0.857em;
  font-weight: 700;
  position: static;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-panelmenu .ui-panelmenu-header > a .ui-panelmenu-icon {
  color: #848484;
}
.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover {
  outline: 0 none;
  border: 1px solid #dbdbdb;
  background-color: #dbdbdb;
  color: #333333;
}
.ui-panelmenu .ui-panelmenu-header:not(.ui-state-active) > a:hover .ui-panelmenu-icon {
  color: #333333;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a {
  border: 1px solid #007ad9;
  background-color: #007ad9;
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a .ui-panelmenu-icon {
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover {
  outline: 0 none;
  border: 1px solid #005b9f;
  background-color: #005b9f;
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-header.ui-state-active > a:hover .ui-panelmenu-icon {
  color: #ffffff;
}
.ui-panelmenu .ui-panelmenu-panel {
  margin-top: 2px;
}
.ui-panelmenu .ui-panelmenu-panel:first-child {
  margin-top: 0;
}
.ui-panelmenu .ui-panelmenu-content {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  margin-top: 0;
  position: static;
  border-top: 0 none;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem {
  margin: 0;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
  padding: 0.714em 0.857em;
  color: #333333;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover {
  background-color: #eaeaea;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-icon,
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-panelmenu-icon {
  color: #333333;
}
.ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link:hover .ui-menuitem-text {
  color: #333333;
}
.ui-progressbar {
  border: 0 none;
  height: 24px;
  background-color: #eaeaea;
}
.ui-progressbar .ui-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #007ad9;
}
.ui-progressbar .ui-progressbar-label {
  margin-top: 0;
  color: #333333;
  line-height: 24px;
}
.ui-galleria .ui-galleria-nav-prev,
.ui-galleria .ui-galleria-nav-next {
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  color: #848484;
}
.ui-galleria .ui-galleria-nav-prev:hover,
.ui-galleria .ui-galleria-nav-next:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.ui-galleria .ui-galleria-nav-prev {
  font-size: 16px;
}
.ui-galleria .ui-galleria-nav-next {
  font-size: 16px;
}
.ui-terminal {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
  padding: 0.571em 1em;
}
.ui-terminal .ui-terminal-input {
  font-family:
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
  height: 16px;
}
.ui-terminal .ui-terminal-command {
  height: 16px;
}
.ui-inplace {
  min-height: 2.357em;
}
.ui-inplace .ui-inplace-display {
  padding: 0.429em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.ui-inplace .ui-inplace-display:not(.ui-state-disabled):hover {
  background-color: #eaeaea;
  color: #333333;
}
.ui-fluid .ui-inplace.ui-inplace-closable .ui-inplace-content > :first-child {
  display: inline-block;
  width: calc(100% - 2.357em);
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  color: #0A0A5F !important;
  font-size: 15px;
  font-weight: 700 !important;
}
.p-element .p-icon-wrapper {
  color: #307fe2;
}
.p-element .p-icon-wrapper .p-icon {
  height: 1.2rem;
  width: 1.2rem;
}
.p-scroller {
  max-height: 200px !important;
}

/* src/assets/css/primeng.css */
.ui-widget,
.ui-widget * {
  box-sizing: border-box;
}
.ui-helper-hidden {
  display: none !important;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-hidden-accessible input,
.ui-helper-hidden-accessible select {
  transform: scale(0);
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix::before,
.ui-helper-clearfix::after {
  content: "";
  display: table;
}
.ui-helper-clearfix::after {
  clear: both;
}
.ui-helper-clearfix {
  zoom: 1;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-state-disabled a {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-shadow {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
.ui-unselectable-text {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ui-scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
.ui-overflow-hidden {
  overflow: hidden;
}
::-webkit-input-placeholder {
  color: #898989;
}
:-moz-placeholder {
  color: #898989;
  opacity: 1;
}
::-moz-placeholder {
  color: #898989;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #898989;
}
::-ms-input-placeholder {
  color: #898989;
}
.ui-placeholder {
  color: #898989;
}
input[type=button],
input[type=submit],
input[type=reset],
input[type=file]::-webkit-file-upload-button,
button {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-accordion {
  width: 100%;
}
.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1;
}
.ui-accordion .ui-accordion-header a {
  display: block;
  padding: 0.5em;
}
.ui-accordion .ui-accordion-toggle-icon,
.ui-accordion .ui-accordion-header-text {
  vertical-align: middle;
  display: none;
}
.ui-accordion .ui-accordion-content {
  padding: 1em;
  border-top: 0;
  overflow: visible;
  zoom: 1;
}
.ui-accordion .ui-accordion-header.ui-state-disabled,
.ui-accordion .ui-accordion-header.ui-state-disabled a {
  cursor: default;
}
.ui-accordion-content-wrapper-overflown {
  overflow: hidden;
}
.ui-rtl .ui-accordion .ui-accordion-header a {
  padding: 0.5em 2em 0.5em 0.5em;
}
.ui-rtl .ui-accordion .ui-accordion-toggle-icon {
  left: initial;
  right: 0.5em;
}
.ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
  content: "\e904";
}
.ui-blockui {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-blockui-document {
  position: fixed;
}
.ui-autocomplete {
  width: auto;
  zoom: 1;
  cursor: pointer;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  display: inline-block;
}
.ui-autocomplete .ui-autocomplete-dropdown {
  height: 100%;
  width: 2em;
  margin-right: 0;
  vertical-align: top;
}
.ui-autocomplete .ui-autocomplete-input {
  padding-right: 1.5em;
}
.ui-autocomplete-loader {
  position: absolute;
  right: 0.25em;
  top: 50%;
  margin-top: -0.5em;
}
.ui-autocomplete-query {
  font-weight: bold;
}
.ui-autocomplete .ui-autocomplete-panel {
  min-width: 100%;
}
.ui-autocomplete-panel {
  position: absolute;
  overflow: auto;
}
.ui-autocomplete-panel .ui-autocomplete-list {
  padding: 0.4em;
  border: 0 none;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.186em 0.313em;
  text-align: left;
}
.ui-autocomplete .ui-button-icon-only,
.ui-autocomplete .ui-button-icon-only:enabled:hover,
.ui-autocomplete .ui-button-icon-only:enabled:focus,
.ui-autocomplete .ui-button-icon-only:enabled:active {
  border-left: 0 none;
}
.ui-autocomplete-multiple-container {
  display: inline-block;
  vertical-align: middle;
}
.ui-autocomplete-multiple-container.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 1.5em 0 0.25em;
}
.ui-autocomplete-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0.125em 0.5em;
  white-space: nowrap;
  position: relative;
  margin-right: 0.125em;
  border: 0 none;
  font-size: 0.9em;
}
.ui-autocomplete-token-label {
  display: block;
  margin-right: 2em;
}
.ui-autocomplete-token-icon {
  margin-top: -0.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}
.ui-autocomplete-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 0.125em;
  padding: 0.25em 0.25em 0.25em 0;
}
.ui-autocomplete-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-autocomplete-dd .ui-autocomplete-loader {
  right: 2.25em;
}
.ui-autocomplete-dd input.ui-corner-all,
.ui-autocomplete-dd .ui-autocomplete-multiple-container.ui-corner-all {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-autocomplete-dd .ui-autocomplete-dropdown.ui-corner-all {
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.ui-fluid p-autocomplete,
.ui-fluid .ui-autocomplete,
.ui-fluid .ui-autocomplete-input {
  width: 100%;
}
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-input,
.ui-fluid .ui-autocomplete.ui-autocomplete-dd .ui-autocomplete-multiple-container {
  width: calc(100% - 2em);
}
.ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button {
  width: 2em;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}
p-button {
  display: inline-block;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.25em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-text-empty .ui-button-text {
  padding: 0.25em;
  text-indent: -9999999px;
}
.ui-button-text-icon-left .ui-button-text {
  padding: 0.25em 1em 0.25em 2.1em;
}
.ui-button-text-icon-right .ui-button-text {
  padding: 0.25em 2.1em 0.25em 1em;
}
.ui-button-icon-only .ui-button-icon-left,
.ui-button-text-icon-left .ui-button-icon-left,
.ui-button-text-icon-right .ui-button-icon-right {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  height: 1em;
}
.ui-button-icon-only .ui-button-icon-left {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
  height: 1em;
}
.ui-button-icon-left {
  left: 0.5em;
}
.ui-button-icon-right {
  right: 0.5em;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: 0;
}
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-fluid .ui-button {
  width: 100%;
}
.ui-fluid .ui-button-text-icon-left .ui-button-text,
.ui-fluid .ui-button-text-icon-right .ui-button-text {
  padding-left: 1em;
  padding-right: 1em;
}
.ui-fluid .ui-buttonset {
  width: 100%;
}
.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button {
  width: 100%;
}
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button {
  width: 50%;
}
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button {
  width: 33.3%;
}
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button {
  width: 25%;
}
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button {
  width: 20%;
}
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
  width: 16.6%;
}
@media (max-width: 640px) {
  .ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
  .ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
    width: 100%;
  }
}
@media (max-width:400px) {
  .ui-datepicker {
    left: unset !important;
    right: 5%;
  }
}
.ui-breadcrumb {
  margin: 0;
  padding: 0;
  padding: 0.5em;
}
.ui-breadcrumb ul {
  margin: 0;
  padding: 0;
}
.ui-breadcrumb ul li {
  display: inline-block;
  margin: 0 0.25em;
}
.ui-breadcrumb-chevron,
.ui-breadcrumb-home {
  vertical-align: middle;
}
.ui-breadcrumb ul li .ui-menuitem-link {
  text-decoration: none;
}
.ui-breadcrumb .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-breadcrumb .ui-menuitem-text {
  vertical-align: middle;
}
.ui-calendar {
  position: relative;
  display: inline-block;
}
.ui-calendar .ui-calendar-button {
  height: 100%;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  width: 2em;
  border-left: 0 none;
}
.ui-calendar .ui-calendar-button:enabled:hover,
.ui-calendar .ui-calendar-button:focus {
  border-left: 0 none;
}
.ui-calendar .ui-datepicker {
  z-index: 1 !important;
  right: 0;
  left: -20% !important;
}
.ui-fluid .ui-calendar {
  width: 100%;
}
.ui-fluid .ui-calendar-button {
  width: 2em;
}
.ui-fluid .ui-datepicker-buttonbar button {
  width: auto;
}
.ui-fluid .ui-calendar.ui-calendar-w-btn .ui-inputtext {
  width: calc(100% - 2em);
}
.ui-datepicker {
  width: auto;
  padding: 0.2em;
  position: absolute;
}
.ui-datepicker.ui-datepicker-inline {
  display: inline-block;
  position: static;
}
.ui-datepicker .ui-datepicker-group {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.5em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0.5em;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0.125em;
}
.ui-datepicker .ui-datepicker-next {
  right: 0.125em;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 0.125em 0;
  vertical-align: middle;
}
.ui-datepicker select.ui-datepicker-month {
  margin-right: 0.25em;
}
.ui-datepicker span.ui-datepicker-year {
  margin-left: 0.25em;
}
.ui-datepicker-multiple-month .ui-datepicker-group {
  display: table-cell;
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-right-width: 1px;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.5em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 0;
}
.ui-datepicker td > span,
.ui-datepicker td > a {
  display: block;
  padding: 0.5em;
  text-decoration: none;
  border: 0 none;
  text-align: center;
}
.ui-datepicker .ui-datepicker-buttonbar {
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  padding: 0.5em;
}
.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div:last-child {
  text-align: right;
}
.ui-datepicker .ui-datepicker-buttonbar > .ui-g > div {
  padding: 0;
}
.ui-calendar.ui-calendar-w-btn input {
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  -khtml-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -khtml-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-monthpicker .ui-monthpicker-month {
  width: 33.3%;
  display: inline-block;
  text-align: center;
  padding: 0.5em;
  cursor: pointer;
}
.ui-datepicker-monthpicker select.ui-datepicker-year {
  width: auto;
}
.ui-timepicker {
  text-align: center;
  padding: 0.5em 0;
}
.ui-timepicker > div {
  display: inline-block;
  margin-left: 0.5em;
  min-width: 1.5em;
}
.ui-timepicker > .ui-minute-picker,
.ui-timepicker > .ui-second-picker {
  margin-left: 0;
}
.ui-timepicker > .ui-separator {
  margin-left: 0px;
  min-width: 0.75em;
}
.ui-timepicker > .ui-separator a {
  visibility: hidden;
}
.ui-timepicker > div a {
  display: block;
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  cursor: pointer;
}
.ui-timepicker > div a:last-child {
  margin-top: 0.3em;
}
.ui-timepicker > div a:hover {
  display: block;
  opacity: 1;
  filter: Alpha(Opacity=100);
}
input[type=text]::-ms-clear {
  display: none;
}
.ui-datepicker-touch-ui,
.ui-calendar .ui-datepicker-touch-ui {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 80vw;
}
.ui-datepicker-touch-ui.ui-datepicker th {
  padding: 2em 0;
}
.ui-datepicker-touch-ui.ui-datepicker td {
  padding: 0;
}
.ui-datepicker-touch-ui.ui-datepicker td > span,
.ui-datepicker-touch-ui.ui-datepicker td > a {
  padding: 2em 0;
}
.ui-datepicker-touch-ui .ui-timepicker {
  padding: 1em 0;
}
.ui-datepicker-touch-ui .ui-timepicker > div a {
  font-size: 2em;
}
.ui-datepicker-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 40em) {
  .ui-datepicker-multiple-month {
    width: 17em;
    overflow: auto;
  }
  .ui-datepicker-touch-ui.ui-datepicker th {
    padding: 1em 0;
  }
  .ui-datepicker-touch-ui.ui-datepicker td span,
  .ui-datepicker-touch-ui.ui-datepicker td a {
    padding: 1em 0;
  }
}
.ui-card-header img {
  width: 100%;
}
.ui-card-body {
  padding: 1em;
}
.ui-card-title {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.ui-card-subtitle {
  opacity: 0.7;
  margin-bottom: 0.5em;
  margin-top: -0.25em;
  font-weight: bold;
}
.ui-card-footer {
  padding-top: 1em;
}
.ui-carousel {
  position: relative;
  padding: 0.063em;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 32000px;
  left: 0;
}
.ui-carousel .ui-carousel-viewport .ui-carousel-items .ui-carousel-item {
  margin: 1px;
  padding: 0;
  float: left;
  box-sizing: border-box;
}
.ui-carousel .ui-carousel-viewport {
  overflow: hidden;
  position: relative;
  border: 0;
}
.ui-carousel .ui-carousel-footer {
  margin: 1px 1px 0px 1px;
  padding: 0.5em;
  overflow: hidden;
}
.ui-carousel .ui-carousel-header {
  margin: 0 1px;
  overflow: hidden;
  padding: 0.625em;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
  display: inline-block;
  overflow: hidden;
}
.ui-carousel .ui-carousel-dropdown,
.ui-carousel .ui-carousel-mobiledropdown {
  float: right;
  margin: 0px 0.625em;
  background-image: none;
}
.ui-carousel .ui-carousel-dropdown option,
.ui-carousel .ui-carousel-mobiledropdown option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.ui-carousel .ui-carousel-button {
  float: right;
  margin: 0.125em;
}
.ui-carousel .ui-carousel-page-link {
  float: left;
  margin: 0 0.125em;
  text-decoration: none;
}
.ui-carousel .ui-carousel-page-link,
.ui-carousel .ui-carousel-button {
  cursor: pointer;
}
.ui-carousel .ui-carousel-page-links {
  margin: 0px 0.5em;
  margin-top: 0.125em;
  float: right;
}
.ui-carousel .ui-carousel-mobiledropdown {
  display: none;
}
.ui-chkbox {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.ui-chkbox .ui-chkbox-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
}
.ui-chkbox .ui-chkbox-icon {
  display: block;
}
.ui-chkbox-label {
  vertical-align: middle;
}
.ui-chips > ul.ui-inputtext {
  clear: left;
  cursor: text;
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  padding: 0 0.25em;
}
.ui-chips-token {
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0.125em 0.5em;
  white-space: nowrap;
  position: relative;
  margin-right: 0.125em;
  border: 0 none;
  font-size: 0.9em;
}
.ui-chips-token .ui-chips-token-label {
  display: block;
  margin-right: 2em;
}
.ui-chips > .ui-state-disabled .ui-chips-token-label {
  margin-right: 0;
}
.ui-chips-token .ui-chips-token-icon {
  margin-top: -0.5em;
  position: absolute;
  right: 0.2em;
  top: 50%;
  cursor: pointer;
}
.ui-chips-input-token {
  display: inline-block;
  vertical-align: middle;
  list-style-type: none;
  margin: 0 0 0 0.125em;
  padding: 0.25em 0.25em 0.25em 0;
}
.ui-chips-input-token input {
  border: 0 none;
  width: 10em;
  outline: medium none;
  background-color: transparent;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ui-colorpicker {
  display: inline-block;
}
.ui-colorpicker-dragging {
  cursor: pointer;
}
.ui-colorpicker-overlay {
  position: relative;
}
.ui-colorpicker-panel {
  position: relative;
  width: 193px;
  height: 166px;
  background-color: #323232;
  border-color: #191919;
}
.ui-colorpicker-overlay-panel {
  position: absolute;
}
.ui-colorpicker-preview {
  width: 2em;
  cursor: pointer;
}
.ui-colorpicker-panel .ui-colorpicker-content {
  position: relative;
}
.ui-colorpicker-panel .ui-colorpicker-color-selector {
  width: 150px;
  height: 150px;
  top: 8px;
  left: 8px;
  position: absolute;
}
.ui-colorpicker-panel .ui-colorpicker-color {
  width: 150px;
  height: 150px;
}
.ui-colorpicker-panel .ui-colorpicker-color-handle {
  position: absolute;
  top: 0px;
  left: 150px;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  border: 1px solid #ffffff;
  margin: -5px 0 0 -5px;
  cursor: pointer;
}
.ui-colorpicker-panel .ui-colorpicker-hue {
  width: 17px;
  height: 150px;
  top: 8px;
  left: 167px;
  position: absolute;
  opacity: 0.85;
}
.ui-colorpicker-panel .ui-colorpicker-hue-handle {
  position: absolute;
  top: 150px;
  left: 0px;
  width: 21px;
  margin-left: -2px;
  margin-top: -5px;
  height: 10px;
  border: 2px solid #ffffff;
  opacity: 0.85;
  cursor: pointer;
}
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-hue-handle,
.ui-colorpicker-panel.ui-state-disabled .ui-colorpicker-color-handle {
  opacity: 0.5;
}
.ui-datagrid .ui-paginator {
  text-align: center;
}
.ui-datagrid-column {
  padding: 0.25em;
}
.ui-datagrid-content-empty {
  padding: 0.25em 0.625em;
}
.ui-datagrid .ui-datagrid-header,
.ui-datagrid .ui-datagrid-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}
.ui-datagrid .ui-datagrid-header {
  border-bottom: 0 none;
}
.ui-datagrid .ui-datagrid-footer {
  border-top: 0 none;
}
.ui-datagrid .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-datagrid .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-contextmenu {
  width: 12.5em;
  padding: 0.25em;
  position: absolute;
  display: none;
}
.ui-contextmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-contextmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-contextmenu .ui-submenu-list {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: 0.25em;
}
.ui-contextmenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  position: relative;
}
.ui-contextmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-contextmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-contextmenu .ui-menuitem {
  position: relative;
}
.ui-contextmenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-contextmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block !important;
}
.ui-datalist .ui-datalist-header,
.ui-datalist .ui-datalist-footer {
  text-align: center;
  padding: 0.5em 0.75em;
}
.ui-datalist .ui-datalist-header {
  border-bottom: 0 none;
}
.ui-datalist .ui-datalist-footer {
  border-top: 0 none;
}
.ui-datalist .ui-datalist-data {
  margin: 0;
  padding: 0;
}
.ui-datalist .ui-datalist-data > li {
  list-style-type: none;
}
.ui-datalist .ui-datalist-emptymessage {
  padding: 0.5em 0.75em;
}
.ui-datalist.ui-datalist-scrollable .ui-datalist-content {
  overflow: auto;
}
.ui-datalist .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-datalist .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-datascroller {
}
.ui-datascroller .ui-datascroller-header {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-datascroller .ui-datascroller-footer {
  text-align: center;
  padding: 0.25em 0.625em;
  border-top: 0px none;
}
.ui-datascroller .ui-datascroller-content {
  padding: 0.25em 0.625em;
}
.ui-datascroller-inline .ui-datascroller-content {
  overflow: auto;
}
.ui-datascroller .ui-datascroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ui-dataview {
  position: relative;
}
.ui-dataview .ui-paginator {
  text-align: center;
}
.ui-dataview-column {
  padding: 0.25em;
}
.ui-dataview-content-empty {
  padding: 0.25em 0.625em;
}
.ui-dataview .ui-dataview-header,
.ui-dataview .ui-dataview-footer {
  padding: 0.5em 0.75em;
}
.ui-dataview .ui-dataview-header {
  border-bottom: 0 none;
}
.ui-dataview .ui-dataview-footer {
  border-top: 0 none;
}
.ui-dataview .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-dataview .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-dataview.ui-dataview-list > .ui-dataview-content > div.ui-g > div {
  width: 100%;
}
.ui-dataview .ui-dataview-emptymessage {
  padding: 0.5em 0.75em;
}
.ui-dataview-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}
.ui-dataview-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}
.ui-dataview-loading-icon {
  font-size: 2em;
}
.ui-dialog {
  position: fixed;
  padding: 0;
}
.ui-dynamicdialog {
  top: 50%;
  left: 50%;
}
.ui-dialog .ui-dialog-titlebar {
  padding: 0.5em 0.75em;
  position: relative;
  border: 0;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 0.75em;
  zoom: 1;
}
.ui-dialog-resizable .ui-dialog-content {
  overflow: auto;
}
.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-dialog .ui-dialog-titlebar-icon {
  text-decoration: none;
  float: right;
  float: right;
  padding: 0.125em;
  cursor: pointer;
  border: 1px solid transparent;
}
.ui-dialog .ui-dialog-titlebar-icon span {
  display: block;
  margin: 0;
}
.ui-dialog-footer {
  padding: 1em;
  border-width: 1px 0 0 0;
  text-align: right;
}
.ui-dialog-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10099;
}
.ui-dialog-maximized {
  -webkit-transition:
    left 0.3s,
    top 0.3s,
    width 0.3s,
    height 0.3s;
  transition:
    left 0.3s,
    top 0.3s,
    width 0.3s,
    height 0.3s;
}
.ui-confirmdialog {
  width: 30em;
  top: 50%;
  left: 50%;
}
.ui-confirmdialog.ui-dialog .ui-dialog-content {
  background: #ffffff;
  padding: 1.5em 2em;
}
.ui-confirmdialog .ui-dialog-content .ui-confirmdialog-icon {
  font-size: 1.5em;
  position: relative;
  top: 0.2em;
}
.ui-dialog-footer .ui-button {
  margin-right: 0.25em;
}
.ui-fluid .ui-dialog-footer .ui-button {
  width: auto;
}
.ui-rtl .ui-dialog .ui-dialog-titlebar-close {
  float: left;
}
.ui-rtl .ui-dialog .ui-dialog-buttonpane button {
  text-align: right;
}
@media screen and (max-width: 40em) {
  .ui-confirmdialog {
    width: 90%;
  }
}
.ui-dropdown {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  min-width: 6.5em;
}
.ui-dropdown .ui-dropdown-clear-icon {
  position: absolute;
  right: 2em;
  top: 50%;
  font-size: 1em;
  height: 1em;
  margin-top: -0.5em;
}
.ui-dropdown .ui-dropdown-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25em;
}
.ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  position: absolute;
}
.ui-dropdown .ui-dropdown-label {
  display: block;
  border: none;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  width: 100%;
  padding-right: 2.5em;
}
.ui-dropdown-item-empty,
.ui-dropdown-label-empty {
  text-indent: -9999px;
  overflow: hidden;
}
.ui-dropdown.ui-state-disabled .ui-dropdown-trigger,
.ui-dropdown.ui-state-disabled .ui-dropdown-label {
  cursor: default;
}
.ui-dropdown label.ui-dropdown-label {
  cursor: pointer;
}
.ui-dropdown input.ui-dropdown-label {
  cursor: default;
}
.ui-dropdown .ui-dropdown-panel {
  min-width: 100%;
}
.ui-dropdown-panel {
  position: absolute;
  height: auto;
}
.ui-dropdown-panel .ui-dropdown-items-wrapper {
  overflow: auto;
}
.ui-dropdown-panel .ui-dropdown-item {
  font-weight: normal;
  border: 0 none;
  cursor: pointer;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
}
.ui-dropdown-panel .ui-dropdown-empty-message {
  padding: 0.5em;
}
.ui-dropdown-panel .ui-dropdown-item-group {
  font-weight: bold;
  cursor: default;
}
.ui-dropdown-panel .ui-dropdown-list {
  padding: 0.4em;
  border: 0 none;
}
.ui-dropdown-panel .ui-dropdown-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}
.ui-dropdown-panel .ui-dropdown-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.ui-fluid .ui-dropdown {
  width: 100%;
  min-width: 100%;
}
.ui-fieldset,
.ui-fieldset .ui-fieldset-legend {
  padding: 0.5em 1em;
}
.ui-fieldset-toggleable .ui-fieldset-legend {
  padding: 0;
}
.ui-fieldset-toggleable .ui-fieldset-legend a {
  padding: 0.5em 1em;
  cursor: pointer;
  white-space: nowrap;
  display: block;
}
.ui-fieldset .ui-fieldset-toggler {
  margin-right: 0.1em;
  display: inline-block;
  vertical-align: middle;
}
.ui-fieldset .ui-fieldset-legend-text {
  vertical-align: middle;
}
.ui-fieldset .ui-fieldset-content-wrapper-overflown {
  overflow: hidden;
}
.ui-fileupload-buttonbar .ui-fileupload-choose.ui-state-disabled input {
  cursor: default;
}
.pi-plus:before {
  content: "\e90d";
  display: none;
}
.ui-fileupload-buttonbar {
  padding: 0.5em;
  border-bottom: 0 none;
}
.ui-fileupload-buttonbar .ui-button {
  vertical-align: middle;
  margin-right: 0.25em;
}
.ui-fileupload-content {
  padding: 1em;
  position: relative;
  transition: border-color 0.3s;
}
.ui-fileupload-content.ui-fileupload-highlight {
  border-color: #156090;
}
.ui-fileupload-files img {
  border: none;
}
.ui-fileupload-files {
  display: table;
}
.ui-fileupload-row {
  display: table-row;
}
.ui-fileupload-row > div {
  display: table-cell;
  padding: 0.5em 1em;
  vertical-align: middle;
}
.ui-fileupload-content .ui-progressbar {
  width: 100%;
  position: absolute;
  top: 1px;
  left: 0;
  height: 0.25em;
  border: 0 none;
}
.ui-fileupload-content .ui-progressbar-value {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0 none;
}
.ui-fileupload-choose {
  position: relative;
  overflow: hidden;
}
.ui-fileupload-choose input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer;
  z-index: 1;
}
.ui-fileupload-choose.ui-fileupload-choose-selected input[type=file] {
  display: none;
}
.ui-fluid .ui-fileupload .ui-button {
  width: auto;
}
.ui-fluid .ui-fileupload-content .ui-button-icon-only {
  width: 2em;
}
@media (max-width: 40em) {
  .ui-fileupload-buttonbar .ui-button {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.25em;
  }
  .ui-fileupload-buttonbar .ui-button:last-child {
    margin-bottom: 0;
  }
  .ui-fileupload-row > div {
    display: block;
  }
}
.ui-fluid .fc .ui-button {
  width: auto;
}
.ui-galleria {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.ui-galleria .ui-galleria-panel-wrapper {
  position: relative;
  padding: 0;
  margin: 0;
}
.ui-galleria .ui-galleria-panel {
  filter: inherit;
  position: absolute;
  top: 0;
  left: 0;
  list-style-type: none;
}
.ui-galleria .ui-galleria-filmstrip-wrapper {
  overflow: hidden;
  margin: 0.25em auto;
  position: relative;
}
.ui-galleria .ui-galleria-filmstrip {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  width: 2340px;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-galleria .ui-galleria-frame {
  float: left;
  margin-right: 5px;
  opacity: 0.3;
  cursor: pointer;
}
.ui-galleria .ui-galleria-frame-active {
  opacity: 1;
}
.ui-galleria .ui-galleria-frame-content {
  overflow: hidden;
}
.ui-galleria .ui-galleria-nav-next,
.ui-galleria .ui-galleria-nav-prev {
  cursor: pointer;
  position: absolute;
  z-index: 1;
}
.ui-galleria .ui-galleria-nav-prev {
  left: 4px;
}
.ui-galleria .ui-galleria-nav-next {
  right: 4px;
}
.ui-galleria .ui-galleria-caption {
  position: absolute;
  left: 1px;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  color: #ededed;
  padding: 0.2em 1em;
}
.ui-galleria .ui-galleria-caption h4 {
  color: #ededed;
}
.ui-galleria .ui-galleria-panel-content {
  padding: 1em 1.4em;
}
.ui-grid {
  clear: both;
  padding: 0;
  margin: 0;
}
.ui-grid::before,
.ui-grid::after {
  content: "";
  display: table;
}
.ui-grid::after {
  clear: both;
}
.ui-grid .ui-grid-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  clear: both;
}
.ui-grid-row::after {
  clear: both;
  content: "";
  display: table;
}
.ui-grid-col-1,
.ui-grid-col-2,
.ui-grid-col-3,
.ui-grid-col-4,
.ui-grid-col-5,
.ui-grid-col-6,
.ui-grid-col-7,
.ui-grid-col-8,
.ui-grid-col-9,
.ui-grid-col-10,
.ui-grid-col-11,
.ui-grid-col-12 {
  float: left;
  box-sizing: border-box;
}
.ui-grid-col-1 {
  width: 8.33333%;
}
.ui-grid-col-2 {
  width: 16.66666%;
}
.ui-grid-col-3 {
  width: 25%;
}
.ui-grid-col-4 {
  width: 33.33333%;
}
.ui-grid-col-5 {
  width: 41.66666%;
}
.ui-grid-col-6 {
  width: 50%;
}
.ui-grid-col-7 {
  width: 58.33333%;
}
.ui-grid-col-8 {
  width: 66.66666%;
}
.ui-grid-col-9 {
  width: 75%;
}
.ui-grid-col-10 {
  width: 83.33333%;
}
.ui-grid-col-11 {
  width: 91.66666%;
}
.ui-grid-col-12 {
  width: 100%;
}
@media (min-width: 480px) {
  .ui-grid-fixed {
    width: 480px;
  }
}
@media (min-width: 768px) {
  .ui-grid-fixed {
    width: 768px;
  }
}
@media (min-width: 960px) {
  .ui-grid-fixed {
    width: 960px;
  }
}
@media (min-width: 1024px) {
  .ui-grid-fixed {
    width: 1024px;
  }
}
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
    display: block;
  }
  .ui-grid-responsive .ui-grid-col-1,
  .ui-grid-responsive .ui-grid-col-2,
  .ui-grid-responsive .ui-grid-col-3,
  .ui-grid-responsive .ui-grid-col-4,
  .ui-grid-responsive .ui-grid-col-5,
  .ui-grid-responsive .ui-grid-col-6,
  .ui-grid-responsive .ui-grid-col-7,
  .ui-grid-responsive .ui-grid-col-8,
  .ui-grid-responsive .ui-grid-col-9,
  .ui-grid-responsive .ui-grid-col-10,
  .ui-grid-responsive .ui-grid-col-11,
  .ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
.ui-grid.ui-grid-pad > .ui-grid-row > div {
  padding: 0.25em 0.5em;
}
@media (max-width: 640px) {
  .ui-grid-responsive .ui-grid-row {
    display: block;
  }
  .ui-grid-responsive .ui-grid-col-1,
  .ui-grid-responsive .ui-grid-col-2,
  .ui-grid-responsive .ui-grid-col-3,
  .ui-grid-responsive .ui-grid-col-4,
  .ui-grid-responsive .ui-grid-col-5,
  .ui-grid-responsive .ui-grid-col-6,
  .ui-grid-responsive .ui-grid-col-7,
  .ui-grid-responsive .ui-grid-col-8,
  .ui-grid-responsive .ui-grid-col-9,
  .ui-grid-responsive .ui-grid-col-10,
  .ui-grid-responsive .ui-grid-col-11,
  .ui-grid-responsive .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
.ui-g {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.ui-g::after {
  clear: both;
  content: "";
  display: table;
  box-sizing: border-box;
}
.ui-g-1,
.ui-g-2,
.ui-g-3,
.ui-g-4,
.ui-g-5,
.ui-g-6,
.ui-g-7,
.ui-g-8,
.ui-g-9,
.ui-g-10,
.ui-g-11,
.ui-g-12 {
  float: left;
  box-sizing: border-box;
  padding: 0.5em;
}
.ui-g-1 {
  width: 8.3333%;
}
.ui-g-2 {
  width: 16.6667%;
}
.ui-g-3 {
  width: 25%;
}
.ui-g-4 {
  width: 33.3333%;
}
.ui-g-5 {
  width: 41.6667%;
}
.ui-g-6 {
  width: 50%;
}
.ui-g-7 {
  width: 58.3333%;
}
.ui-g-8 {
  width: 66.6667%;
}
.ui-g-9 {
  width: 75%;
}
.ui-g-10 {
  width: 83.3333%;
}
.ui-g-11 {
  width: 91.6667%;
}
.ui-g-12 {
  width: 100%;
}
.ui-g-offset-12 {
  margin-left: 100%;
}
.ui-g-offset-11 {
  margin-left: 91.66666667%;
}
.ui-g-offset-10 {
  margin-left: 83.33333333%;
}
.ui-g-offset-9 {
  margin-left: 75%;
}
.ui-g-offset-8 {
  margin-left: 66.66666667%;
}
.ui-g-offset-7 {
  margin-left: 58.33333333%;
}
.ui-g-offset-6 {
  margin-left: 50%;
}
.ui-g-offset-5 {
  margin-left: 41.66666667%;
}
.ui-g-offset-4 {
  margin-left: 33.33333333%;
}
.ui-g-offset-3 {
  margin-left: 25%;
}
.ui-g-offset-2 {
  margin-left: 16.66666667%;
}
.ui-g-offset-1 {
  margin-left: 8.33333333%;
}
.ui-g-offset-0 {
  margin-left: 0%;
}
@media screen and (max-width: 40em) {
  .ui-sm-1,
  .ui-sm-2,
  .ui-sm-3,
  .ui-sm-4,
  .ui-sm-5,
  .ui-sm-6,
  .ui-sm-7,
  .ui-sm-8,
  .ui-sm-9,
  .ui-sm-10,
  .ui-sm-11,
  .ui-sm-12 {
    padding: 0.5em;
  }
  .ui-sm-1 {
    width: 8.3333%;
  }
  .ui-sm-2 {
    width: 16.6667%;
  }
  .ui-sm-3 {
    width: 25%;
  }
  .ui-sm-4 {
    width: 33.3333%;
  }
  .ui-sm-5 {
    width: 41.6667%;
  }
  .ui-sm-6 {
    width: 50%;
  }
  .ui-sm-7 {
    width: 58.3333%;
  }
  .ui-sm-8 {
    width: 66.6667%;
  }
  .ui-sm-9 {
    width: 75%;
  }
  .ui-sm-10 {
    width: 83.3333%;
  }
  .ui-sm-11 {
    width: 91.6667%;
  }
  .ui-sm-12 {
    width: 100%;
  }
  .ui-sm-offset-12 {
    margin-left: 100%;
  }
  .ui-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .ui-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .ui-sm-offset-9 {
    margin-left: 75%;
  }
  .ui-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .ui-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .ui-sm-offset-6 {
    margin-left: 50%;
  }
  .ui-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .ui-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .ui-sm-offset-3 {
    margin-left: 25%;
  }
  .ui-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .ui-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .ui-sm-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 40.063em) {
  .ui-md-1,
  .ui-md-2,
  .ui-md-3,
  .ui-md-4,
  .ui-md-5,
  .ui-md-6,
  .ui-md-7,
  .ui-md-8,
  .ui-md-9,
  .ui-md-10,
  .ui-md-11,
  .ui-md-12 {
    padding: 0.5em;
  }
  .ui-md-1 {
    width: 8.3333%;
  }
  .ui-md-2 {
    width: 16.6667%;
  }
  .ui-md-3 {
    width: 25%;
  }
  .ui-md-4 {
    width: 33.3333%;
  }
  .ui-md-5 {
    width: 41.6667%;
  }
  .ui-md-6 {
    width: 50%;
  }
  .ui-md-7 {
    width: 58.3333%;
  }
  .ui-md-8 {
    width: 66.6667%;
  }
  .ui-md-9 {
    width: 75%;
  }
  .ui-md-10 {
    width: 83.3333%;
  }
  .ui-md-11 {
    width: 91.6667%;
  }
  .ui-md-12 {
    width: 100%;
  }
  .ui-md-offset-12 {
    margin-left: 100%;
  }
  .ui-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .ui-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .ui-md-offset-9 {
    margin-left: 75%;
  }
  .ui-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .ui-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .ui-md-offset-6 {
    margin-left: 50%;
  }
  .ui-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .ui-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .ui-md-offset-3 {
    margin-left: 25%;
  }
  .ui-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .ui-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .ui-md-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 64.063em) {
  .ui-lg-1,
  .ui-lg-2,
  .ui-lg-3,
  .ui-lg-4,
  .ui-lg-5,
  .ui-lg-6,
  .ui-lg-7,
  .ui-lg-8,
  .ui-lg-9,
  .ui-lg-10,
  .ui-lg-11,
  .ui-lg-12 {
    padding: 0.5em;
  }
  .ui-lg-1 {
    width: 8.3333%;
  }
  .ui-lg-2 {
    width: 16.6667%;
  }
  .ui-lg-3 {
    width: 25%;
  }
  .ui-lg-4 {
    width: 33.3333%;
  }
  .ui-lg-5 {
    width: 41.6667%;
  }
  .ui-lg-6 {
    width: 50%;
  }
  .ui-lg-7 {
    width: 58.3333%;
  }
  .ui-lg-8 {
    width: 66.6667%;
  }
  .ui-lg-9 {
    width: 75%;
  }
  .ui-lg-10 {
    width: 83.3333%;
  }
  .ui-lg-11 {
    width: 91.6667%;
  }
  .ui-lg-12 {
    width: 100%;
  }
  .ui-lg-offset-12 {
    margin-left: 100%;
  }
  .ui-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .ui-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .ui-lg-offset-9 {
    margin-left: 75%;
  }
  .ui-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .ui-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .ui-lg-offset-6 {
    margin-left: 50%;
  }
  .ui-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .ui-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .ui-lg-offset-3 {
    margin-left: 25%;
  }
  .ui-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .ui-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .ui-lg-offset-0 {
    margin-left: 0%;
  }
}
@media screen and (min-width: 90.063em) {
  .ui-xl-1,
  .ui-xl-2,
  .ui-xl-3,
  .ui-xl-4,
  .ui-xl-5,
  .ui-xl-6,
  .ui-xl-7,
  .ui-xl-8,
  .ui-xl-9,
  .ui-xl-10,
  .ui-xl-11,
  .ui-xl-12 {
    padding: 0.5em;
  }
  .ui-xl-1 {
    width: 8.3333%;
  }
  .ui-xl-2 {
    width: 16.6667%;
  }
  .ui-xl-3 {
    width: 25%;
  }
  .ui-xl-4 {
    width: 33.3333%;
  }
  .ui-xl-5 {
    width: 41.6667%;
  }
  .ui-xl-6 {
    width: 50%;
  }
  .ui-xl-7 {
    width: 58.3333%;
  }
  .ui-xl-8 {
    width: 66.6667%;
  }
  .ui-xl-9 {
    width: 75%;
  }
  .ui-xl-10 {
    width: 83.3333%;
  }
  .ui-xl-11 {
    width: 91.6667%;
  }
  .ui-xl-12 {
    width: 100%;
  }
  .ui-xl-offset-12 {
    margin-left: 100%;
  }
  .ui-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .ui-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .ui-xl-offset-9 {
    margin-left: 75%;
  }
  .ui-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .ui-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .ui-xl-offset-6 {
    margin-left: 50%;
  }
  .ui-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .ui-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .ui-xl-offset-3 {
    margin-left: 25%;
  }
  .ui-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .ui-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .ui-xl-offset-0 {
    margin-left: 0%;
  }
}
.ui-g-nopad {
  padding: 0;
}
.ui-growl {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 20em;
}
.ui-growl-item-container {
  position: relative;
  margin: 0 0 10px 0;
  opacity: 0.95;
  filter: alpha(opacity=95);
}
.ui-growl-item {
  position: relative;
  display: block;
  padding: 0.5em 1em;
}
.ui-growl-item p {
  padding: 0;
  margin: 0;
}
.ui-growl-icon-close {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
}
.ui-growl-title {
  font-weight: bold;
  padding: 0 0 0.5em 0;
  display: block;
}
.ui-growl-image {
  position: absolute;
  display: inline-block;
  left: 0.5em;
  top: 0.25em;
  padding: 0;
  font-size: 2em;
}
.ui-growl-message {
  padding: 0 0 0.25em 0;
  margin-left: 2.5em;
}
.ui-growl-message p {
  font-weight: normal;
}
.ui-inplace .ui-inplace-display {
  display: inline;
  cursor: pointer;
  border: 0 none;
  padding: 0.25em;
  font-weight: normal;
}
.ui-inplace .ui-inplace-content {
  display: inline;
}
.ui-fluid .ui-inputgroup p-inputmask {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ui-inputgroup p-inputmask:not(:first-child) .ui-inputtext {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}
.ui-inputgroup p-inputmask:not(:last-child) .ui-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}
.ui-inputswitch {
  position: relative;
  display: inline-block;
  width: 3em;
  height: 1.75em;
}
.ui-inputswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 30px;
}
.ui-inputswitch-slider:before {
  position: absolute;
  content: "";
  height: 1.25em;
  width: 1.25em;
  left: 0.25em;
  bottom: 0.25em;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ui-inputswitch-checked .ui-inputswitch-slider:before {
  -webkit-transform: translateX(1.25em);
  -ms-transform: translateX(1.25em);
  transform: translateX(1.25em);
}
.ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,
.ui-inputswitch-readonly .ui-inputswitch-slider {
  cursor: default;
}
.ui-inputtext {
  margin: 0;
  outline: medium none;
  padding: 0.25em;
  font-weight: normal;
}
.ui-widget-header .ui-inputtext,
.ui-widget-content .ui-inputtext {
  font-weight: normal;
}
.ui-fluid .ui-inputtext {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.ui-inputgroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.ui-inputgroup .ui-inputgroup-addon {
  display: inline-block;
  text-align: center;
  min-width: 1.5em;
  padding: 0.25em;
  border-width: 1px;
  border-style: solid;
}
.ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
  border-left: 0 none;
}
.ui-inputgroup .ui-inputtext {
  padding-left: 0.5em;
}
.ui-inputgroup .ui-inputtext:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}
.ui-inputgroup .ui-inputtext:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 none;
}
.ui-inputgroup .ui-button {
  margin-right: 0;
  border-radius: 0;
}
.ui-fluid .ui-inputgroup .ui-button {
  width: auto;
}
.ui-fluid .ui-inputgroup .ui-inputtext {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.ui-inputgroup .ui-chkbox,
.ui-inputgroup .ui-radiobutton {
  margin-right: 0;
  vertical-align: bottom;
}
.ui-float-label {
  display: block;
  position: relative;
}
.ui-float-label > label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0.25em;
  top: 50%;
  margin-top: -0.5em;
  transition: 0.3s ease all;
  -moz-transition: 0.3s ease all;
  -webkit-transition: 0.3s ease all;
  color: #898989;
  line-height: 1;
}
.ui-float-label > input:-webkit-autofill ~ label {
  top: -0.75em;
  font-size: 12px;
}
.ui-float-label > input:focus ~ label,
.ui-float-label > input.ui-state-filled ~ label,
.ui-float-label > .ui-inputwrapper-focus ~ label,
.ui-float-label > .ui-inputwrapper-filled ~ label {
  top: -0.75em;
  font-size: 12px;
}
.ui-inputtextarea-resizable {
  overflow: hidden;
  resize: none;
}
.ui-fluid .ui-inputtextarea {
  width: 100%;
}
.ui-float-label > textarea ~ label {
  left: 0.25em;
  top: 0.75em;
}
.ui-float-label textarea:-webkit-autofill ~ label {
  top: -0.75em;
  font-size: 12px;
}
.ui-float-label textarea:focus ~ label,
.ui-float-label textarea.ui-state-filled ~ label {
  top: -0.75em;
  font-size: 12px;
}
.ui-lightbox {
  position: fixed;
  display: none;
}
.ui-lightbox-content-wrapper {
  position: relative;
}
.ui-lightbox-content {
  position: relative;
  margin: 0;
  padding: 0;
  background-color: #000000;
}
.ui-lightbox-nav-right,
.ui-lightbox-nav-left {
  position: absolute;
  top: 50%;
  cursor: pointer;
}
.ui-lightbox-nav-left {
  left: 0;
}
.ui-lightbox-nav-right {
  right: 0;
}
.ui-lightbox-loading .ui-lightbox-content {
}
.ui-lightbox-caption {
  padding: 0.2em 0.4em;
  display: none;
}
.ui-lightbox-caption-text {
  margin: 0.3em 0 0.1em 0;
  float: left;
}
.ui-lightbox-close {
  float: right;
  margin: 0;
  padding: 0.125em;
}
.ui-lightbox-close.ui-state-hover {
  padding: 0;
}
.ui-lightbox-nav-left,
.ui-lightbox-nav-right {
  opacity: 0.5;
}
.ui-lightbox-nav-left:hover,
.ui-lightbox-nav-right:hover {
  opacity: 1;
}
.ui-listbox {
  padding: 0.25em;
  width: 10em;
}
.ui-listbox .ui-listbox-list-wrapper {
  overflow: auto;
}
.ui-listbox .ui-listbox-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.ui-listbox .ui-listbox-item {
  padding: 0.25em;
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin-bottom: 1px;
}
.ui-listbox .ui-listbox-item > span {
  vertical-align: middle;
}
.ui-listbox .ui-listbox-item:last-child {
  margin-bottom: 0;
}
.ui-listbox.ui-state-disabled .ui-listbox-item {
  cursor: default;
}
.ui-listbox-header {
  margin-bottom: 0.3em;
  padding: 0.125em 0.2em;
  position: relative;
}
.ui-listbox-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ui-listbox-header .ui-listbox-filter-container {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
}
.ui-listbox-header.ui-listbox-header-w-checkbox .ui-listbox-filter-container {
  width: calc(100% - 2em);
}
.ui-listbox-header .ui-inputtext {
  padding: 0.125em 0.125em 0.125em 1.25em;
  width: 100%;
}
.ui-listbox-footer {
  padding: 0.125em 0.2em;
}
.ui-megamenu {
  padding: 0.25em;
}
.ui-megamenu-root-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-megamenu-root-list > .ui-menuitem {
  position: relative;
}
.ui-megamenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  text-decoration: none;
}
.ui-megamenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-megamenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-megamenu-panel {
  display: none;
  position: absolute;
  width: auto;
}
.ui-megamenu-root-list > .ui-menuitem-active > .ui-megamenu-panel {
  display: block;
}
.ui-megamenu-panel .ui-menuitem {
  margin: 0.125em 0;
}
.ui-megamenu-submenu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 12.5em;
}
.ui-megamenu-submenu-header {
  padding: 0.25em;
}
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem {
  display: inline-block;
}
.ui-megamenu-horizontal .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  vertical-align: middle;
  margin-left: 0.25em;
}
.ui-megamenu-vertical {
  width: 12.5em;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem {
  display: block;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link {
  position: relative;
}
.ui-megamenu-vertical .ui-megamenu-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  position: absolute;
  width: 1em;
  height: 1em;
  top: 50%;
  right: 0;
  margin-top: -0.5em;
}
.ui-megamenu .ui-g {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.ui-menu {
  width: 12.5em;
  padding: 0.25em;
}
.ui-menu.ui-menu-dynamic {
  position: absolute;
}
.ui-menu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-menu .ui-submenu-header {
  padding: 0.25em 0.5em;
  margin: 0.125em 0;
}
.ui-menu .ui-menuitem {
  margin: 0.125em 0;
}
.ui-menu .ui-menuitem-link {
  cursor: pointer;
  padding: 0.25em;
  display: block;
  text-decoration: none;
}
.ui-menu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-menu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-message {
  border: 1px solid;
  margin: 0px 0.25em;
  padding: 0.25em 0.5em;
  display: inline-block;
  vertical-align: top;
}
.ui-message .ui-message-icon,
.ui-message .ui-message-text {
  vertical-align: middle;
}
.ui-fluid .ui-message {
  display: block;
}
.ui-menubar {
  padding: 0.25em;
}
.ui-menubar:after {
  content: "";
  clear: both;
  display: table;
}
.ui-menubar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-menubar .ui-menuitem-link {
  display: block;
  padding: 0.25em;
  position: relative;
  text-decoration: none;
}
.ui-menubar .ui-menuitem-icon {
  margin-right: 0.25em;
}
.ui-menubar .ui-menubar-root-list {
  display: inline-block;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem {
  display: inline-block;
  position: relative;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link {
  padding: 0.5em;
}
.ui-menubar .ui-menubar-root-list > .ui-menuitem > .ui-menuitem-link > .ui-submenu-icon {
  vertical-align: middle;
  margin-left: 0.25em;
}
.ui-menubar .ui-menubar-root-list > li ul {
  display: none;
}
.ui-menubar .ui-menubar-root-list > .ui-menu-separator {
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
}
.ui-menubar .ui-submenu-list {
  display: none;
  position: absolute;
  min-width: 12.5em;
  padding: 0.25em;
}
.ui-menubar .ui-submenu-list .ui-menuitem {
  margin: 0.125em 0;
  position: relative;
}
.ui-menubar .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-menubar .ui-menuitem-text {
  vertical-align: middle;
}
.ui-menubar .ui-submenu-list .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-menubar .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}
.ui-menubar .ui-menubar-custom {
  float: right;
  padding: 0.25em;
}
.ui-messages {
  border: 1px solid;
  margin: 0.5em 0;
  padding: 1em 1em 1em 0.5em;
  position: relative;
  display: flex;
}
.ui-messages .ui-messages-icon {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  font-size: 2em;
}
.ui-messages .ui-messages-summary {
  font-weight: bold;
  margin-left: 0.25em;
}
.ui-messages .ui-messages-detail {
  margin-left: 0.25em;
}
.ui-messages ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
.ui-messages ul > li {
  padding: 0.25em;
}
.ui-messages.ui-messages-noicon ul {
  margin: 0 1.5em 0 0;
}
.ui-messages .ui-messages-close {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
.ui-multiselect {
  display: inline-block;
  position: relative;
  width: auto;
  cursor: pointer;
}
.ui-multiselect .ui-multiselect-trigger {
  border-right: none;
  border-top: none;
  border-bottom: none;
  cursor: pointer;
  width: 1.5em;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 0.25em;
}
.ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  position: absolute;
}
.ui-multiselect .ui-multiselect-label-container {
  overflow: hidden;
}
.ui-multiselect .ui-multiselect-label {
  display: block;
  padding: 0.25em 2em 0.25em 0.25em;
  width: auto;
  border: none;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-multiselect.ui-state-disabled .ui-multiselect-trigger,
.ui-multiselect.ui-state-disabled .ui-multiselect-label {
  cursor: auto;
}
.ui-multiselect-panel {
  padding: 0.2em;
  position: absolute;
  min-width: 12em;
}
.ui-multiselect .ui-multiselect-panel {
  min-width: 100%;
}
.ui-multiselect-panel .ui-multiselect-items-wrapper {
  overflow: auto;
  position: relative;
  padding: 0.2em 0;
}
.ui-multiselect-panel .ui-multiselect-list {
  border: 0 none;
}
.ui-multiselect-panel .ui-multiselect-item {
  border: 0 none;
  cursor: pointer;
  font-weight: normal;
  margin: 1px 0;
  padding: 0.125em 0.25em;
  text-align: left;
  white-space: nowrap;
  display: block;
  position: relative;
}
.ui-multiselect-panel .ui-multiselect-empty-message {
  padding: 0.5em;
}
.ui-multiselect-panel .ui-multiselect-item .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}
.ui-multiselect-panel .ui-multiselect-item span {
  display: inline-block;
  vertical-align: middle;
}
.ui-multiselect-header {
  margin-bottom: 0.3em;
  padding: 0.25em;
  position: relative;
  text-align: left;
  min-height: 2em;
}
.ui-multiselect-header .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.ui-multiselect-header .ui-multiselect-filter-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 65%;
}
.ui-multiselect-header.ui-multiselect-header-no-toggleall .ui-multiselect-filter-container {
  width: 85%;
}
.ui-multiselect-header .ui-inputtext {
  padding: 0.125em 0.125em 0.125em 1.25em;
  width: 100%;
}
.ui-multiselect-header .ui-multiselect-close {
  position: absolute;
  right: 0.375em;
  top: 0.375em;
  display: block;
  border: 0 none;
  cursor: pointer;
}
.ui-multiselect-header a.ui-multiselect-all,
.ui-multiselect-header a.ui-multiselect-none {
  float: left;
  margin-right: 10px;
  display: block;
}
.ui-multiselect-footer {
  padding: 0.25em;
}
.ui-fluid .ui-multiselect {
  width: 100%;
  box-sizing: border-box;
}
.ui-orderlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ui-orderlist-controls-left {
  flex-direction: row;
}
.ui-orderlist-controls-right {
  flex-direction: row-reverse;
}
.ui-orderlist-controls,
.ui-orderlist-list-container {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ui-orderlist-controls {
  padding: 0 0.25em;
  width: 16.66666%;
  align-self: center;
}
.ui-orderlist-controls .ui-button.ui-button-icon-only {
  display: block;
  margin-bottom: 0.25em;
  width: 100%;
}
.ui-orderlist-list-container {
  width: 83.33333%;
}
.ui-orderlist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 12.5em;
}
.ui-orderlist-caption {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-orderlist-item {
  margin: 1px;
  padding: 0.125em;
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}
.ui-orderlist-filter-container {
  position: relative;
  width: 100%;
  padding: 0.5em 0.6em;
  border-bottom: 0 none;
}
.ui-orderlist-filter-container .ui-inputtext {
  text-indent: 1.1em;
  width: 100%;
}
.ui-orderlist.ui-state-disabled .ui-orderlist-item,
.ui-orderlist.ui-state-disabled .ui-button {
  cursor: default;
}
.ui-orderlist.ui-state-disabled .ui-orderlist-list {
  overflow: hidden;
}
.ui-orderlist .ui-orderlist-droppoint {
  height: 6px;
  list-style-type: none;
}
@media (max-width: 767px) {
  .ui-orderlist-controls {
    width: 100%;
    text-align: center;
  }
  .ui-orderlist .ui-orderlist-list-container {
    width: 100%;
  }
  .ui-orderlist .ui-orderlist-controls .ui-button.ui-button.ui-button-icon-only {
    display: inline-block;
    width: 20%;
    margin-right: 0.25em;
  }
}
.ui-organizationchart .ui-organizationchart-table {
  border-spacing: 0;
  border-collapse: separate;
  margin: 0 auto;
}
.ui-organizationchart .ui-organizationchart-table > tr > td {
  text-align: center;
  vertical-align: top;
  padding: 0;
  padding: 0 0.75em;
}
.ui-organizationchart .ui-organizationchart-node-content {
  padding: 0.5em 0.75em;
  display: inline-block;
  position: relative;
}
.ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
  position: absolute;
  bottom: -9px;
  margin-left: -8px;
  z-index: 2;
  left: 50%;
}
.ui-organizationchart .ui-organizationchart-line-down {
  margin: 0 auto;
  height: 20px;
  width: 1px;
  float: none;
}
.ui-organizationchart .ui-organizationchart-line-right {
  float: none;
  border-radius: 0px;
}
.ui-organizationchart .ui-organizationchart-line-left {
  float: none;
  border-radius: 0;
}
.ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
  cursor: pointer;
}
.ui-overlaypanel {
  padding: 0;
  margin: 0;
  position: absolute;
  margin-top: 10px;
}
.ui-overlaypanel-flipped {
  margin-top: 0;
  margin-bottom: 10px;
}
.ui-overlaypanel-content {
  padding: 0.5em 1em;
}
.ui-overlaypanel-close {
  position: absolute;
  top: -1em;
  right: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.ui-overlaypanel-close-icon {
  line-height: inherit;
}
.ui-overlaypanel:after,
.ui-overlaypanel:before {
  bottom: 100%;
  left: 1.25em;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ui-overlaypanel:after {
  border-width: 8px;
  margin-left: -8px;
}
.ui-overlaypanel:before {
  border-width: 10px;
  margin-left: -10px;
}
.ui-overlaypanel-shifted:after,
.ui-overlaypanel-shifted:before {
  left: auto;
  right: 1.25em;
  margin-left: auto;
}
.ui-overlaypanel-shifted:after {
  margin-right: -8px;
}
.ui-overlaypanel:before {
  margin-right: -10px;
}
.ui-overlaypanel-flipped:after,
.ui-overlaypanel-flipped:before {
  bottom: auto;
  top: 100%;
}
.ui-overlaypanel.ui-overlaypanel-flipped:after {
  border-bottom-color: transparent;
}
.ui-overlaypanel.ui-overlaypanel-flipped:before {
  border-bottom-color: transparent;
}
.ui-paginator {
  margin: 0;
  text-align: center;
  padding: 0.125em;
}
.ui-paginator .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-paginator .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-paginator .ui-paginator-left-content {
  float: left;
}
.ui-paginator .ui-paginator-right-content {
  float: right;
}
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-pages,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-current {
  display: inline-block;
  min-width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  zoom: 1;
  margin-left: 0.063em;
  margin-right: 0.063em;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.ui-paginator .ui-paginator-pages {
  width: auto;
  line-height: 1;
}
.ui-paginator .ui-paginator-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.ui-paginator .ui-paginator-page,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev {
  cursor: pointer;
}
.ui-paginator .ui-paginator-current,
.ui-paginator .ui-paginator-rpp-options {
  margin-left: 1em;
  margin-right: 1em;
  background-image: none;
}
.ui-paginator .ui-paginator-jtp-select option,
.ui-paginator .ui-paginator-rpp-options option {
  background-image: none;
  border: 0 none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.ui-paginator a.ui-state-disabled {
  outline: 0 none;
}
.ui-paginator .ui-dropdown {
  min-width: 4em;
  margin-left: 0.375em;
}
.ui-fluid .ui-paginator .ui-dropdown {
  width: auto;
}
.ui-panel {
  padding: 0.2em;
}
.ui-panel .ui-panel-titlebar {
  padding: 0.5em 0.75em;
}
.ui-panel .ui-panel-titlebar.ui-panel-titlebar-clickable {
  cursor: pointer;
}
.ui-panel .ui-panel-titlebar-icon {
  float: right;
  cursor: pointer;
}
.ui-panel .ui-panel-titlebar-icon {
  margin-left: 0.2em;
  margin-top: -0.1em;
}
.ui-panel .ui-panel-content {
  border: 0;
  background: none;
  padding: 0.5em 0.75em;
}
.ui-panel .ui-panel-footer {
  border-width: 1px 0 0;
  padding: 0.25em 0.5em;
  text-align: left;
}
.ui-panel-content-wrapper-overflown {
  overflow: hidden;
}
.ui-panelmenu {
  width: auto;
}
.ui-panelmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-panelmenu .ui-panelmenu-content-wrapper {
  overflow: hidden;
}
.ui-panelmenu .ui-panelmenu-header {
  margin: -1px 0 0 0;
  zoom: 1;
}
.ui-panelmenu .ui-panelmenu-header-link {
  padding: 0.5em;
  display: block;
  text-decoration: none;
}
.ui-panelmenu .ui-panelmenu-icon {
  vertical-align: middle;
}
.ui-panelmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-panelmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-panelmenu .ui-panelmenu-content {
  padding: 0.25em;
  border-top: 0;
  margin-bottom: 1px;
}
.ui-panelmenu .ui-submenu-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 1.5em;
}
.ui-panelmenu .ui-panelmenu-content > .ui-panelmenu-root-submenu > .ui-submenu-list {
  margin-left: 0;
}
.ui-panelmenu .ui-menuitem {
  overflow: hidden;
  margin: 0.125em 0;
}
.ui-panelmenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  text-decoration: none;
}
.ui-password-panel {
  padding: 0.25em 0.5em;
  position: absolute;
}
.ui-password-panel .ui-password-meter {
  height: 10px;
  padding: 0;
  margin: 0;
}
.ui-password-info {
  margin-top: 0.25em;
}
.ui-password-panel {
  -webkit-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%);
  opacity: 0;
  -webkit-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.ui-password-panel-visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.ui-password-panel-hidden {
  opacity: 0;
  -webkit-transform: translateY(5%);
  -ms-transform: translateY(5%);
  transform: translateY(5%);
  -webkit-transition: transform 0.3s, opacity 0.15s;
  transition: transform 0.3s, opacity 0.15s;
}
.ui-picklist > div {
  float: left;
}
.ui-picklist .ui-picklist-buttons {
  height: 12.5em;
  padding: 0 0.25em;
}
.ui-picklist .ui-picklist-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 12.5em;
  width: 12.5em;
}
.ui-picklist .ui-picklist-list li {
  margin: 1px;
  padding: 0.125em;
}
.ui-picklist .ui-button {
  display: block;
  margin-bottom: 0.25em;
}
.ui-picklist .ui-button-text-icon-left {
  width: 100%;
}
.ui-picklist .ui-picklist-item {
  cursor: pointer;
  border: 0 none;
  font-weight: inherit;
}
.ui-picklist .ui-picklist-caption {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-picklist table {
  width: 100%;
  border-collapse: collapse;
}
.ui-picklist .ui-picklist-filter-container {
  position: relative;
  width: 100%;
  padding: 0.5em 0.6em;
  border-bottom: 0 none;
}
.ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
  text-indent: 1.1em;
  width: 100%;
}
.ui-picklist {
  display: table;
}
.ui-picklist > div {
  float: none;
  display: table-cell;
  vertical-align: top;
}
.ui-picklist .ui-picklist-buttons {
  vertical-align: middle;
}
.ui-picklist.ui-picklist-vertical {
  display: table;
}
.ui-picklist.ui-picklist-vertical > div {
  float: none;
  display: table-row;
  vertical-align: top;
}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
  text-align: center;
  height: auto;
}
.ui-picklist.ui-picklist-vertical .ui-picklist-buttons .ui-button {
  display: inline-block;
}
.ui-picklist.ui-picklist-vertical .ui-button {
  margin-top: 0.25em;
}
.ui-picklist-outline {
  outline: 1px dotted black;
  z-index: 1;
}
.ui-picklist .ui-picklist-droppoint {
  height: 6px;
  list-style-type: none;
}
.ui-picklist .ui-picklist-list .ui-picklist-droppoint-empty {
  height: 100%;
  list-style-type: none;
}
.ui-picklist-list.ui-picklist-source,
.ui-picklist-list.ui-picklist-target {
  outline: none;
}
.ui-picklist.ui-picklist-responsive * {
  box-sizing: border-box;
}
.ui-picklist.ui-picklist-responsive {
  width: 100%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper {
  width: 35%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-listwrapper.ui-picklist-listwrapper-nocontrols {
  width: 45%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
  width: 10%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
  width: 100%;
}
.ui-picklist.ui-picklist-responsive .ui-picklist-list {
  width: auto;
}
@media (max-width: 40em) {
  .ui-picklist.ui-picklist-responsive {
    display: block;
  }
  .ui-picklist.ui-picklist-responsive > div {
    display: block;
    width: 100% !important;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons {
    text-align: center;
    height: auto;
    padding: 0.4em 0;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons button {
    display: inline-block;
    width: 20%;
    margin-bottom: 0;
    margin-right: 0.25em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-source-controls.ui-picklist-buttons {
    padding-bottom: 0.4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-target-controls.ui-picklist-buttons {
    padding-top: 0.4em;
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-right::before {
    content: "\e930";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-right::before {
    content: "\e92c";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-left::before {
    content: "\e933";
  }
  .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .pi-angle-double-left::before {
    content: "\e92f";
  }
}
.ui-progressbar {
  height: 1.2em;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.ui-progressbar-determinate .ui-progressbar-value {
  height: 100%;
  width: 0%;
  position: absolute;
  display: none;
  border: 0 none;
}
.ui-progressbar-determinate .ui-progressbar-value-animate {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
}
.ui-progressbar-determinate .ui-progressbar-label {
  text-align: center;
  height: 100%;
  width: 100%;
  position: absolute;
  display: none;
  font-weight: bold;
}
.ui-progressbar-indeterminate {
  height: 0.5em;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  border: 0 none;
}
.ui-progressbar-indeterminate .ui-progressbar-value::before {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
  animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.ui-progressbar-indeterminate .ui-progressbar-value::after {
  content: "";
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}
@-webkit-keyframes ui-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes ui-progressbar-indeterminate-anim {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@-webkit-keyframes ui-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
@keyframes ui-progressbar-indeterminate-anim-short {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
.ui-progress-spinner {
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: inline-block;
}
.ui-progress-spinner::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.ui-progress-spinner-svg {
  animation: ui-progress-spinner-rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.ui-progress-spinner-circle {
  stroke-dasharray: 89, 200;
  stroke-dashoffset: 0;
  stroke: #d62d20;
  animation: ui-progress-spinner-dash 1.5s ease-in-out infinite, ui-progress-spinner-color 6s ease-in-out infinite;
  stroke-linecap: round;
}
@keyframes ui-progress-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes ui-progress-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes ui-progress-spinner-color {
  100%, 0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #008744;
  }
  80%, 90% {
    stroke: #ffa700;
  }
}
.ui-radiobutton {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  margin-right: 0.25em;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.ui-radiobutton-box {
  width: 1.125em;
  height: 1.125em;
  line-height: 1.125em;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.ui-radiobutton-icon {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  margin-left: -0.5em;
}
.ui-radiobutton {
  vertical-align: middle;
}
.ui-rating {
  font-size: 1.25em;
}
.ui-fluid .fc .ui-button {
  width: auto;
}
.ui-scrollpanel-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}
.ui-scrollpanel-content {
  height: calc(100% + 18px);
  width: calc(100% + 18px);
  padding: 0 18px 18px 0;
  position: relative;
  overflow: auto;
  box-sizing: border-box;
}
.ui-scrollpanel-bar {
  position: relative;
  background: #c1c1c1;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}
.ui-scrollpanel-bar-y {
  width: 9px;
  top: 0;
}
.ui-scrollpanel-bar-x {
  height: 9px;
  bottom: 0;
}
.ui-scrollpanel-hidden {
  visibility: hidden;
}
.ui-scrollpanel:hover .ui-scrollpanel-bar,
.ui-scrollpanel:active .ui-scrollpanel-bar {
  opacity: 1;
}
.ui-scrollpanel-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ui-selectbutton {
  display: inline-block;
}
.ui-selectbutton.ui-state-error {
  padding: 0;
}
.ui-selectbutton .ui-button.ui-state-focus {
  outline: none;
}
.ui-sidebar {
  position: fixed;
  padding: 0.5em 1em;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.ui-sidebar-left {
  top: 0;
  left: 0;
  width: 20em;
  height: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ui-sidebar-right {
  top: 0;
  right: 0;
  width: 20em;
  height: 100%;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.ui-sidebar-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 10em;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.ui-sidebar-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10em;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.ui-sidebar-full {
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-transition: transform 0s;
  transition: transform 0s;
}
.ui-sidebar-left.ui-sidebar-active,
.ui-sidebar-right.ui-sidebar-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.ui-sidebar-left.ui-sidebar-sm,
.ui-sidebar-right.ui-sidebar-sm {
  width: 20em;
}
.ui-sidebar-left.ui-sidebar-md,
.ui-sidebar-right.ui-sidebar-md {
  width: 40em;
}
.ui-sidebar-left.ui-sidebar-lg,
.ui-sidebar-right.ui-sidebar-lg {
  width: 60em;
}
.ui-sidebar-top.ui-sidebar-active,
.ui-sidebar-bottom.ui-sidebar-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.ui-sidebar-top.ui-sidebar-sm,
.ui-sidebar-bottom.ui-sidebar-sm {
  height: 10em;
}
.ui-sidebar-top.ui-sidebar-md,
.ui-sidebar-bottom.ui-sidebar-md {
  height: 20em;
}
.ui-sidebar-top.ui-sidebar-lg,
.ui-sidebar-bottom.ui-sidebar-lg {
  height: 30em;
}
.ui-sidebar-mask {
  position: fixed;
  width: 100%;
  height: 100%;
}
.ui-sidebar-close {
  float: right;
}
@media screen and (max-width: 64em) {
  .ui-sidebar-left.ui-sidebar-lg,
  .ui-sidebar-left.ui-sidebar-md,
  .ui-sidebar-right.ui-sidebar-lg,
  .ui-sidebar-right.ui-sidebar-md {
    width: 20em;
  }
}
.ui-slidemenu {
  width: 12.5em;
  padding: 0.25em;
}
.ui-slidemenu.ui-slidemenu-dynamic {
  position: absolute;
}
.ui-slidemenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-slidemenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-slidemenu .ui-slidemenu-rootlist {
  position: absolute;
  top: 0;
}
.ui-slidemenu .ui-submenu-list {
  display: none;
  position: absolute;
  top: 0;
  width: 12.5em;
  padding: 0.25em;
}
.ui-slidemenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  position: relative;
  text-decoration: none;
}
.ui-slidemenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-slidemenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-slidemenu .ui-menuitem {
  position: relative;
  margin: 0.125em 0;
}
.ui-slidemenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-slidemenu .ui-slidemenu-wrapper {
  position: relative;
}
.ui-slidemenu .ui-slidemenu-content {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.ui-slidemenu-backward {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.25em;
  cursor: pointer;
  display: none;
}
.ui-slidemenu-backward .ui-slidemenu-backward-icon {
  vertical-align: middle;
}
.ui-slidemenu-backward span {
  vertical-align: middle;
}
.ui-slidemenu .ui-menuitem-active {
  position: static;
}
.ui-slidemenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}
.ui-slidemenu ul:not(.ui-active-submenu) > .ui-menuitem:not(.ui-menuitem-active),
.ui-slidemenu .ui-active-submenu > .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: none;
}
.ui-slidemenu .ui-active-submenu > .ui-menuitem-active ~ .ui-menuitem {
  display: block;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1;
}
.ui-slider .ui-slider-handle.ui-slider-handle-active {
  z-index: 2;
}
.ui-slider .ui-slider-range {
  position: absolute;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.25em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.25em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-slider-animate .ui-slider-handle {
  transition: left 0.3s;
}
.ui-spinner {
  display: inline-block;
  overflow: visible;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.ui-spinner-input {
  vertical-align: middle;
  padding-right: 1.5em;
}
.ui-spinner-button {
  cursor: default;
  display: block;
  height: 50%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 1.5em;
}
.ui-spinner .ui-spinner-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  width: 1em;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-fluid .ui-spinner {
  width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-input {
  padding-right: 2em;
  width: 100%;
}
.ui-fluid .ui-spinner .ui-spinner-button {
  width: 1.5em;
}
.ui-fluid .ui-spinner .ui-spinner-button .ui-spinner-button-icon {
  left: 0.7em;
}
.ui-steps ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.ui-steps .ui-steps-item {
  float: left;
  box-sizing: border-box;
  cursor: pointer;
}
.ui-steps.ui-steps-readonly .ui-steps-item {
  cursor: auto;
}
.ui-steps .ui-steps-item .ui-menuitem-link {
  text-decoration: none;
  display: block;
  padding: 1em;
  position: relative;
  text-align: center;
}
.ui-steps .ui-steps-item.ui-state-highlight .ui-menuitem-link,
.ui-steps .ui-steps-item.ui-state-disabled .ui-menuitem-link {
  cursor: default;
}
.ui-steps .ui-steps-number {
  font-size: 2em;
  display: block;
}
.ui-steps .ui-steps-title {
  display: block;
  white-space: nowrap;
}
@media (max-width: 40em) {
  .ui-steps .ui-steps-item .ui-menuitem-link {
    padding: 0.5em;
  }
  .ui-steps .ui-steps-item .ui-steps-title {
    display: none;
  }
}
.ui-splitbutton {
  position: relative;
  display: inline-block;
  zoom: 1;
}
.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
  vertical-align: top;
}
.ui-splitbutton.ui-state-disabled button {
  cursor: default;
}
.ui-fluid .ui-splitbutton {
  width: 100%;
}
.ui-fluid .ui-splitbutton .ui-button:first-child {
  width: calc(100% - 2em);
}
.ui-fluid .ui-splitbutton .ui-button.ui-splitbutton-menubutton {
  width: 2em;
}
.ui-splitbutton .ui-menuitem-link {
  cursor: pointer;
}
.ui-table {
  position: relative;
}
.ui-table table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-table .ui-table-thead > tr > th,
.ui-table .ui-table-tbody > tr > td,
.ui-table .ui-table-tfoot > tr > td {
  padding: 1em 0.5rem;
}
.ui-table .ui-sortable-column {
  cursor: pointer;
}
.ui-table p-sorticon {
  vertical-align: middle;
}
.ui-table-auto-layout > .ui-table-wrapper {
  overflow-x: auto;
}
.ui-table-auto-layout > .ui-table-wrapper > table {
  table-layout: auto;
}
.ui-table-caption,
.ui-table-summary {
  padding: 0.25em 0.5em;
  text-align: center;
  font-weight: bold;
}
.ui-table-caption {
  border-bottom: 0 none;
}
.ui-table-summary {
  border-top: 0 none;
}
.ui-table .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-table .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-table-scrollable-wrapper {
  position: relative;
}
.ui-table-scrollable-header,
.ui-table-scrollable-footer {
  overflow: hidden;
  border: 0 none;
}
.ui-table-scrollable-body {
  overflow: auto;
  position: relative;
}
.ui-table-virtual-table {
  position: absolute;
}
.ui-table-loading-virtual-table {
  display: none;
}
.ui-table-frozen-view .ui-table-scrollable-body {
  overflow: hidden;
}
.ui-table-frozen-view > .ui-table-scrollable-body > table > .ui-table-tbody > tr > td:last-child {
  border-right: 0 none;
}
.ui-table-unfrozen-view {
  position: absolute;
  top: 0px;
}
.ui-table-resizable > .ui-table-wrapper {
  overflow-x: auto;
}
.ui-table-resizable .ui-table-thead > tr > th,
.ui-table-resizable .ui-table-tfoot > tr > td,
.ui-table-resizable .ui-table-tbody > tr > td {
  overflow: hidden;
  text-align: center;
  justify-content: center;
}
.ui-table-resizable .ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}
.ui-table-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
  display: none;
}
.ui-table .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}
.ui-table .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}
.ui-table .ui-table-tbody > tr > td.ui-editing-cell {
  padding: 0;
}
.ui-table .ui-table-tbody > tr > td.ui-editing-cell p-celleditor > * {
  width: 100%;
}
.ui-table-reorder-indicator-up,
.ui-table-reorder-indicator-down {
  position: absolute;
  display: none;
}
.ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
  display: none;
}
@media screen and (max-width: 40em) {
  .ui-table-responsive .ui-table-thead > tr > th,
  .ui-table-responsive .ui-table-tfoot > tr > td {
    display: none !important;
  }
  .ui-table-responsive .ui-table-tbody > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-table-responsive .ui-table-tbody > tr > td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
}
.ui-table-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}
.ui-table-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}
.ui-table .ui-table-loading-icon {
  font-size: 2em;
}
.ui-tabmenu .ui-tabmenu-nav {
  margin: 0;
  padding: 0.25em 0.5em 0 0.25em;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 0.2em 1px 0;
  padding: 0;
  white-space: nowrap;
  display: block;
  border-bottom: 0;
  top: 1px;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabmenu .ui-tabmenu-nav a {
  padding: 0.5em 1em;
}
.ui-tabmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-tabmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
  cursor: default;
}
.ui-tabview {
  padding: 0.25em;
}
.ui-tabview .ui-tabview-nav {
  margin: 0;
}
.ui-tabview .ui-tabview-nav li {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 0.125em 1px 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabview .ui-tabview-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabview .ui-tabview-nav li.ui-tabview-selected a,
.ui-tabview .ui-tabview-nav li.ui-state-disabled a,
.ui-tabview .ui-tabview-nav li.ui-state-processing a {
  cursor: text;
}
.ui-tabview .ui-tabview-nav li a,
.ui-tabview.ui-tabview-collapsible .ui-tabview-nav li.ui-tabview-selected a {
  cursor: pointer;
}
.ui-tabview .ui-tabview-panel {
  border-width: 0;
  padding: 1em;
  background: none;
}
.ui-tabview .ui-tabview-nav li {
  display: block;
}
.ui-tabview .ui-tabview-nav li .ui-tabview-left-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-tabview .ui-tabview-nav li .ui-tabview-right-icon {
  margin-left: 0.25em;
  vertical-align: middle;
}
.ui-tabview .ui-tabview-title {
  vertical-align: middle;
}
.ui-tabview .ui-tabview-nav li .ui-tabview-close {
  margin: 0.5em 0.3em 0 0;
  cursor: pointer;
}
.ui-tabview.ui-tabview-top > .ui-tabview-nav li {
  border-bottom: 0;
  top: 1px;
}
.ui-tabview.ui-tabview-top > .ui-tabview-nav {
  padding: 0.2em 0.2em 0;
}
.ui-tabview.ui-tabview-bottom > .ui-tabview-nav {
  padding: 0 0.2em 0.2em;
}
.ui-tabview.ui-tabview-bottom > .ui-tabview-nav li {
  border-top: 0;
}
.ui-tabview-left::after,
.ui-tabview-right::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.ui-tabview-left > .ui-tabview-nav {
  float: left;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}
.ui-tabview-left > .ui-tabview-panels {
  float: right;
  width: 75%;
}
.ui-tabview.ui-tabview-left > .ui-tabview-nav li,
.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
  display: block;
  float: right;
  white-space: normal;
  width: 99%;
}
.ui-tabview.ui-tabview-left > .ui-tabview-nav li {
  margin: 0 0 1px 0;
  border-right: 0 none;
}
.ui-tabview.ui-tabview-right > .ui-tabview-nav {
  float: right;
  width: 25%;
  height: 300px;
  background-image: none;
  padding-top: 1px;
}
.ui-tabview.ui-tabview-right > .ui-tabview-panels {
  float: left;
  width: 75%;
}
.ui-tabview.ui-tabview-right > .ui-tabview-nav li {
  margin: 0 0 1px 0;
  border-left: 0 none;
}
.ui-rtl .ui-tabview .ui-tabview-nav li {
  float: right;
}
.ui-terminal {
  height: 18em;
  overflow: auto;
  padding: 0.25em;
}
.ui-terminal-input {
  border: 0 none;
  background-color: transparent;
  color: inherit;
  padding: 0;
  margin: 0 0 0 0.125em;
  width: 75%;
  outline: none;
  vertical-align: baseline;
}
.ui-terminal-command {
  margin-left: 0.125em;
  -moz-margin-start: 0.125em;
}
.ui-terminal-input::-ms-clear {
  display: none;
}
.ui-tieredmenu {
  width: 12.5em;
  padding: 0.25em;
}
.ui-tieredmenu.ui-tieredmenu-dynamic {
  position: absolute;
}
.ui-tieredmenu .ui-menu-separator {
  border-width: 1px 0 0 0;
}
.ui-tieredmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ui-tieredmenu .ui-submenu-list {
  display: none;
  position: absolute;
  width: 12.5em;
  padding: 0.25em;
}
.ui-tieredmenu .ui-menuitem-link {
  padding: 0.25em;
  display: block;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.ui-tieredmenu .ui-menuitem-icon {
  margin-right: 0.25em;
  vertical-align: middle;
}
.ui-tieredmenu .ui-menuitem-text {
  vertical-align: middle;
}
.ui-tieredmenu .ui-menuitem {
  position: relative;
  margin: 0.125em 0;
}
.ui-tieredmenu .ui-menuitem-link .ui-submenu-icon {
  position: absolute;
  margin-top: -0.5em;
  right: 0;
  top: 50%;
}
.ui-tieredmenu .ui-menuitem-active > .ui-submenu > .ui-submenu-list {
  display: block;
}
.ui-toast {
  position: fixed;
  width: 20em;
}
.ui-toast .ui-toast-message {
  position: relative;
  display: block;
  margin-bottom: 0.75em;
  overflow: hidden;
}
.ui-toast .ui-toast-message-content {
  padding: 0.5em 1em;
}
.ui-toast .ui-toast-close-icon {
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  cursor: pointer;
  display: inline-block;
}
.ui-toast .ui-toast-summary {
  font-weight: bold;
  padding: 0 0 0.5em 0;
  display: block;
}
.ui-toast .ui-toast-icon {
  position: absolute;
  display: inline-block;
  left: 0.5em;
  top: 0.25em;
  padding: 0;
  font-size: 2em;
}
.ui-toast .ui-toast-message-text-content {
  padding: 0 0 0.25em 0;
  margin-left: 2.5em;
}
.ui-toast-top-right {
  top: 20px;
  right: 20px;
}
.ui-toast-top-left {
  top: 20px;
  left: 20px;
}
.ui-toast-bottom-right {
  bottom: 20px;
  right: 20px;
}
.ui-toast-bottom-left {
  bottom: 20px;
  left: 20px;
}
.ui-toast-top-center {
  top: 20px;
  left: 50%;
  margin-left: -10em;
}
.ui-toast-bottom-center {
  bottom: 20px;
  left: 50%;
  margin-left: -10em;
}
.ui-toast-center {
  left: 50%;
  top: 50%;
  min-width: 20vw;
  transform: translate(-50%, -50%);
}
.ui-toolbar {
  padding: 0.25em 0.5em;
}
.ui-toolbar-group-left {
  float: left;
}
.ui-toolbar-group-right {
  float: right;
}
.ui-tooltip {
  position: absolute;
  display: none;
  padding: 0.25em 0.5em;
  max-width: 12.5em;
}
.ui-tooltip.ui-tooltip-right,
.ui-tooltip.ui-tooltip-left {
  padding: 0 0.25em;
}
.ui-tooltip.ui-tooltip-top,
.ui-tooltip.ui-tooltip-bottom {
  padding: 0.25em 0;
}
.ui-tooltip .ui-tooltip-text {
  padding: 0.125em 0.5em;
  background-color: rgb(76, 76, 76);
  color: #ffffff;
  white-space: pre-line;
}
.ui-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ui-tooltip-right .ui-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -0.25em;
  border-width: 0.25em 0.25em 0.25em 0;
  border-right-color: rgb(76, 76, 76);
}
.ui-tooltip-left .ui-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -0.25em;
  border-width: 0.25em 0 0.25em 0.25em;
  border-left-color: rgb(76, 76, 76);
}
.ui-tooltip.ui-tooltip-top {
  padding: 0.25em 0;
}
.ui-tooltip-top .ui-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.25em;
  border-width: 0.25em 0.25em 0;
  border-top-color: rgb(76, 76, 76);
}
.ui-tooltip-bottom .ui-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -0.25em;
  border-width: 0 0.25em 0.25em;
  border-bottom-color: rgb(76, 76, 76);
}
.ui-treetable {
  position: relative;
}
.ui-treetable table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ui-treetable .ui-treetable-thead > tr > th,
.ui-treetable .ui-treetable-tbody > tr > td,
.ui-treetable .ui-treetable-tfoot > tr > td {
  padding: 0.25em 0.5em;
}
.ui-treetable .ui-treetable-toggler {
  cursor: pointer;
  display: inline-block;
  height: 1em;
  position: relative;
  top: 50%;
  margin-top: -0.5em;
}
.ui-treetable .ui-sortable-column {
  cursor: pointer;
}
.ui-treetable p-treetablesorticon {
  vertical-align: middle;
}
.ui-treetable-auto-layout > .ui-treetable-wrapper {
  overflow-x: auto;
}
.ui-treetable-auto-layout > .ui-treetable-wrapper > table {
  table-layout: auto;
}
.ui-treetable .ui-treetable-chkbox {
  margin: 0 0.25em;
  vertical-align: middle;
}
.ui-treetable-caption,
.ui-treetable-summary {
  padding: 0.25em 0.5em;
  text-align: center;
  font-weight: bold;
}
.ui-treetable-caption {
  border-bottom: 0 none;
}
.ui-treetable-summary {
  border-top: 0 none;
}
.ui-treetable .ui-paginator-top {
  border-bottom: 0 none;
}
.ui-treetable .ui-paginator-bottom {
  border-top: 0 none;
}
.ui-treetable-scrollable-wrapper {
  position: relative;
}
.ui-treetable-scrollable-header,
.ui-treetable-scrollable-footer {
  overflow: hidden;
  border: 0 none;
}
.ui-treetable-scrollable-body {
  overflow: auto;
  position: relative;
}
.ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr:first-child > td {
  border-top: 0 none;
}
.ui-treetable-virtual-table {
  position: absolute;
}
.ui-treetable-frozen-view .ui-treetable-scrollable-body {
  overflow: hidden;
}
.ui-treetable-frozen-view > .ui-treetable-scrollable-body > table > .ui-treetable-tbody > tr > td:last-child {
  border-right: 0 none;
}
.ui-treetable-unfrozen-view {
  position: absolute;
  top: 0px;
}
.ui-treetable-resizable > .ui-treetable-wrapper {
  overflow-x: auto;
}
.ui-treetable-resizable .ui-treetable-thead > tr > th,
.ui-treetable-resizable .ui-treetable-tfoot > tr > td,
.ui-treetable-resizable .ui-treetable-tbody > tr > td {
  overflow: hidden;
}
.ui-treetable-resizable .ui-resizable-column {
  background-clip: padding-box;
  position: relative;
}
.ui-treetable-resizable-fit .ui-resizable-column:last-child .ui-column-resizer {
  display: none;
}
.ui-treetable .ui-column-resizer {
  display: block;
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0;
  width: 0.5em;
  height: 100%;
  padding: 0px;
  cursor: col-resize;
  border: 1px solid transparent;
}
.ui-treetable .ui-column-resizer-helper {
  width: 1px;
  position: absolute;
  z-index: 10;
  display: none;
}
.ui-treetable-reorder-indicator-up,
.ui-treetable-reorder-indicator-down {
  position: absolute;
  display: none;
}
.ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
  display: none;
}
@media screen and (max-width: 40em) {
  .ui-treetable-responsive .ui-treetable-thead > tr > th,
  .ui-treetable-responsive .ui-treetable-tfoot > tr > td {
    display: none !important;
  }
  .ui-treetable-responsive .ui-treetable-tbody > tr > td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  .ui-treetable-responsive .ui-treetable-tbody > tr > td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    font-weight: bold;
  }
}
.ui-treetable-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}
.ui-treetable-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}
.ui-treetable .ui-treetable-loading-icon {
  font-size: 2em;
}
.ui-tree {
  width: 18em;
}
.ui-tree .ui-treenode-selectable.ui-treenode-content {
  cursor: pointer;
}
.ui-tree .ui-tree-container {
  height: 100%;
  margin: 0;
  overflow: auto;
  padding: 0.25em;
  white-space: nowrap;
}
.ui-tree-empty-message {
  padding: 0.25em;
}
.ui-tree .ui-treenode-children {
  margin: 0;
  padding: 0 0 0 1em;
}
.ui-tree .ui-treenode {
  background-attachment: scroll;
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat-y;
  list-style: none outside none;
  margin: 0;
  padding: 0.125em 0 0 0;
}
.ui-tree .ui-treenode-droppoint {
  height: 4px;
  list-style-type: none;
}
.ui-tree .ui-treenode-droppoint-active {
  border: 0 none;
}
.ui-tree .ui-tree-toggler {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.ui-tree .ui-treenode-icon {
  display: inline-block;
  vertical-align: middle;
}
.ui-tree .ui-treenode-label {
  display: inline-block;
  padding: 0 0.25em;
  vertical-align: middle;
}
.ui-tree .ui-treenode-label.ui-state-hover,
.ui-tree .ui-treenode-label.ui-state-highlight {
  font-weight: normal;
  border: 0 none;
}
.ui-tree .ui-treenode.ui-treenode-leaf > .ui-treenode-content > .ui-tree-toggler {
  visibility: hidden;
}
.ui-tree .ui-chkbox-box {
  cursor: pointer;
}
.ui-tree .ui-chkbox {
  display: inline-block;
  vertical-align: middle;
}
.ui-tree .ui-chkbox .ui-chkbox-icon {
  margin-left: 1px;
}
.ui-tree .ui-tree-filter {
  width: 100%;
  box-sizing: border-box;
  padding-right: 1.5em;
}
.ui-tree .ui-tree-filter-container {
  position: relative;
  margin: 0;
  padding: 0.4em;
  display: inline-block;
  width: 100%;
}
.ui-fluid .ui-tree {
  width: 100%;
}
.ui-tree-horizontal {
  width: auto;
  padding: 0.5em 0;
  overflow: auto;
}
.ui-tree.ui-tree-horizontal table,
.ui-tree.ui-tree-horizontal tr,
.ui-tree.ui-tree-horizontal td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.ui-tree.ui-tree-horizontal .ui-tree-toggler {
  vertical-align: middle;
  margin: 0;
}
.ui-tree-horizontal .ui-treenode-content {
  font-weight: normal;
  padding: 0.4em 1em 0.4em 0.2em;
}
.ui-tree.ui-tree-horizontal .ui-tree-node-label {
  margin: 0;
}
.ui-tree-horizontal .ui-treenode-parent .ui-treenode-content {
  font-weight: normal;
  white-space: nowrap;
}
.ui-tree.ui-tree-horizontal .ui-treenode {
  padding: 0.25em 2.5em;
}
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-leaf,
.ui-tree.ui-tree-horizontal .ui-treenode.ui-treenode-collapsed {
  padding-right: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-children {
  padding: 0;
  margin: 0;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector {
  width: 1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-table {
  height: 100%;
  width: 1px;
}
.ui-tree.ui-tree-horizontal .ui-treenode-connector-line {
  width: 1px;
}
.ui-tree.ui-tree-horizontal table {
  height: 0;
}
.ui-tree.ui-tree-horizontal .ui-chkbox {
  vertical-align: bottom;
  margin-right: 0.25em;
}
.ui-tree.ui-tree-loading {
  position: relative;
  min-height: 4em;
}
.ui-tree .ui-tree-loading-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  opacity: 0.1;
  z-index: 1;
}
.ui-tree .ui-tree-loading-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  margin-top: -1em;
  margin-left: -1em;
}
.ui-tree .ui-tree-loading-content .ui-tree-loading-icon {
  font-size: 2em;
}
.ui-virtualscroller .ui-virtualscroller-header {
  text-align: center;
  padding: 0.5em 0.75em;
  border-bottom: 0 none;
}
.ui-virtualscroller .ui-virtualscroller-footer {
  text-align: center;
  padding: 0.25em 0.625em;
  border-top: 0px none;
}
.ui-virtualscroller .ui-virtualscroller-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* src/assets/scss/custom.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}
a,
.link {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
button {
  background-color: transparent;
  color: inherit;
  border-width: 0;
  padding: 0;
  cursor: pointer;
}
figure {
  margin: 0;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin: 0;
}
ul,
ol,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}
p {
  margin: 0;
}
cite {
  font-style: normal;
}
fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 10px;
}
body {
  background: #FFFFFF;
  font-size: 1.6rem;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  width: 100%;
  color: #666666;
  font-family: "Open Sans", sans-serif !important;
}
*:focus {
  outline: none !important;
}
img {
  width: 100%;
}
a {
  color: #666666;
}
a:hover {
  text-decoration: none;
  color: #0a0a5f;
}
a:focus {
  outline: none !important;
}
.main {
  width: 100%;
  overflow-x: hidden;
}
.cm-line-break {
  display: block;
}
.set-bg {
  background-size: cover;
}
.set-bg .fetch-img-src {
  display: none;
}
.swiper-button-prev,
.swiper-button-next {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px #c3cff0;
  background-size: 1.2rem;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.swiper-button-next {
  right: 10px;
}
.swiper-button-prev {
  left: 10px;
}
.timestamp {
  font-style: italic;
  font-size: 1rem;
}
.overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 9;
  transition: all 0.2s ease-in-out;
}
.overlay.active {
  visibility: visible;
  opacity: 1;
}
.mob-view {
  display: none !important;
}
.mob-search {
  display: inline-block !important;
}
.col-item-1 {
  width: 66.66%;
  padding: 0 1rem;
}
@media only screen and (max-width: 767px) {
  .col-item-1 {
    width: 100%;
    padding: 0 1rem;
  }
}
.cm-card-label {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: capitalize;
  margin-bottom: 1rem;
  display: block;
}
.row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.row .col-item {
  padding: 0 1rem;
}
.row.col-2 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-2 .col-item {
  width: 50%;
}
.row.col-3 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-3 .col-item {
  width: 33.33%;
}
.row.col-3 .col-item.full-width {
  width: 100%;
}
.row.col-3 .col-item.full-width-spare {
  width: 66.6%;
}
.row.col-4 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-4 .col-item {
  width: 25.33%;
}
.row.col-4 .col-item.full-width {
  width: 100%;
}
.row.col-table-4 {
  display: flex;
}
.row.col-table-4 .col-item {
  width: 25.33%;
}
.row.col-table-4 .col-item.full-width {
  width: 100%;
}
.row.col-5 {
  display: flex;
  flex-wrap: wrap;
}
.row.col-5 .col-item {
  width: 15%;
}
.row.col-5 .col-item.full-width {
  width: 100%;
}
.btn {
  color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
}
.btn.btn-default {
  color: #FFFFFF;
  font-size: 1.6rem;
  margin-left: 20px;
  font-weight: 700;
  line-height: 2.2rem;
  padding: 0.9rem 2.5rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background: rgb(10, 10, 95);
  background: -moz-linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
  background: -webkit-linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
  background:
    linear-gradient(
      271deg,
      rgb(10, 10, 95) 0%,
      rgb(24, 53, 144) 100%);
  filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=" #0a0a5f ", endColorstr=" #183590 ", GradientType=1)";
}
.btn.btn-default.disabled,
.btn.btn-default:disabled {
  opacity: 0.2;
}
.btn.btn-outline {
  color: #0a0a5f;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  padding: 0.8rem 1.6rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border: 1px solid #0a0a5f;
}
.btn.btn-secondary {
  color: #0a0a5f;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 700;
}
.btn.btn-secondary .icon {
  background-color: #0a0a5f;
  color: #FFFFFF;
  width: 2.8rem;
  text-align: center;
  height: 2.8rem;
  line-height: 2.8rem;
  display: inline-block;
  border-radius: 0.3rem;
  font-size: 1.2rem;
  font-weight: bold;
  margin-right: 1.2rem;
}
.btn.btn-link {
  font-weight: 700;
  color: #307fe2;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn.btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.btn.btn-link:hover {
  color: #0a0a5f;
}
.btn.btn-icon {
  font-weight: 700;
  color: #307fe2;
  padding: 0.5rem;
  text-transform: capitalize;
  transition: all 0.3s ease;
}
.btn.btn-icon .icon {
  margin: 0 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
}
.btn.btn-icon.disabled,
.btn.btn-icon:disabled {
  opacity: 0.5;
}
.lyt-form {
  padding-bottom: 10rem;
}
.lyt-form .form-btn-wrap {
  padding: 2rem 4rem;
  display: flex;
  justify-content: flex-end;
  background: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: right;
  z-index: 4;
}
.scrollable {
  overflow-y: auto;
}
@media only screen and (min-width: 1920px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .row.col-2 .col-item {
    width: 50%;
  }
  .row.col-3 .col-item {
    width: 50%;
  }
  .row.col-4 .col-item {
    width: 50%;
  }
  .row.col-5 .col-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
  body.overflow-hidden {
    overflow: hidden;
  }
  body.sticky-nav {
    margin-top: 4.8rem;
  }
  .mob-hidden {
    display: none !important;
  }
  .mob-view {
    display: block !important;
  }
  .mob-search {
    display: block !important;
  }
  .row.col-2 .col-item,
  .row.col-5 .col-item,
  .row.col-4 .col-item,
  .row.col-3 .col-item {
    width: 100%;
  }
  .lyt-form .form-btn-wrap {
    padding: 1.2rem 1.8rem;
    left: 0 !important;
  }
  .btn.btn-default {
    font-size: 1.4rem;
    padding: 0.7rem 1.8rem;
  }
  .btn.btn-outline {
    font-size: 1.4rem;
    padding: 0.6rem 1.8rem;
  }
  .btn.btn-icon .text {
    display: none;
  }
  .lyt-form {
    padding-bottom: 7rem;
  }
}
@media only screen and (max-width: 320px) {
  html {
    font-size: 9px;
  }
}
.pt-0 {
  padding-top: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.p_all-0 {
  padding: 0px !important;
}
.pt-1 {
  padding-top: 1px !important;
}
.pb-1 {
  padding-bottom: 1px !important;
}
.pl-1 {
  padding-left: 1px !important;
}
.pr-1 {
  padding-right: 1px !important;
}
.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.p_all-1 {
  padding: 1px !important;
}
.pt-2 {
  padding-top: 2px !important;
}
.pb-2 {
  padding-bottom: 2px !important;
}
.pl-2 {
  padding-left: 2px !important;
}
.pr-2 {
  padding-right: 2px !important;
}
.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.p_all-2 {
  padding: 2px !important;
}
.pt-3 {
  padding-top: 3px !important;
}
.pb-3 {
  padding-bottom: 3px !important;
}
.pl-3 {
  padding-left: 3px !important;
}
.pr-3 {
  padding-right: 3px !important;
}
.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.p_all-3 {
  padding: 3px !important;
}
.pt-4 {
  padding-top: 4px !important;
}
.pb-4 {
  padding-bottom: 4px !important;
}
.pl-4 {
  padding-left: 4px !important;
}
.pr-4 {
  padding-right: 4px !important;
}
.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.p_all-4 {
  padding: 4px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.p_all-5 {
  padding: 5px !important;
}
.pt-6 {
  padding-top: 6px !important;
}
.pb-6 {
  padding-bottom: 6px !important;
}
.pl-6 {
  padding-left: 6px !important;
}
.pr-6 {
  padding-right: 6px !important;
}
.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.p_all-6 {
  padding: 6px !important;
}
.pt-7 {
  padding-top: 7px !important;
}
.pb-7 {
  padding-bottom: 7px !important;
}
.pl-7 {
  padding-left: 7px !important;
}
.pr-7 {
  padding-right: 7px !important;
}
.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.p_all-7 {
  padding: 7px !important;
}
.pt-8 {
  padding-top: 8px !important;
}
.pb-8 {
  padding-bottom: 8px !important;
}
.pl-8 {
  padding-left: 8px !important;
}
.pr-8 {
  padding-right: 8px !important;
}
.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.p_all-8 {
  padding: 8px !important;
}
.pt-9 {
  padding-top: 9px !important;
}
.pb-9 {
  padding-bottom: 9px !important;
}
.pl-9 {
  padding-left: 9px !important;
}
.pr-9 {
  padding-right: 9px !important;
}
.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}
.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}
.p_all-9 {
  padding: 9px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.p_all-10 {
  padding: 10px !important;
}
.pt-11 {
  padding-top: 11px !important;
}
.pb-11 {
  padding-bottom: 11px !important;
}
.pl-11 {
  padding-left: 11px !important;
}
.pr-11 {
  padding-right: 11px !important;
}
.px-11 {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.py-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}
.p_all-11 {
  padding: 11px !important;
}
.pt-12 {
  padding-top: 12px !important;
}
.pb-12 {
  padding-bottom: 12px !important;
}
.pl-12 {
  padding-left: 12px !important;
}
.pr-12 {
  padding-right: 12px !important;
}
.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.p_all-12 {
  padding: 12px !important;
}
.pt-13 {
  padding-top: 13px !important;
}
.pb-13 {
  padding-bottom: 13px !important;
}
.pl-13 {
  padding-left: 13px !important;
}
.pr-13 {
  padding-right: 13px !important;
}
.px-13 {
  padding-left: 13px !important;
  padding-right: 13px !important;
}
.py-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}
.p_all-13 {
  padding: 13px !important;
}
.pt-14 {
  padding-top: 14px !important;
}
.pb-14 {
  padding-bottom: 14px !important;
}
.pl-14 {
  padding-left: 14px !important;
}
.pr-14 {
  padding-right: 14px !important;
}
.px-14 {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
.py-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
.p_all-14 {
  padding: 14px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.p_all-15 {
  padding: 15px !important;
}
.pt-16 {
  padding-top: 16px !important;
}
.pb-16 {
  padding-bottom: 16px !important;
}
.pl-16 {
  padding-left: 16px !important;
}
.pr-16 {
  padding-right: 16px !important;
}
.px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.p_all-16 {
  padding: 16px !important;
}
.pt-17 {
  padding-top: 17px !important;
}
.pb-17 {
  padding-bottom: 17px !important;
}
.pl-17 {
  padding-left: 17px !important;
}
.pr-17 {
  padding-right: 17px !important;
}
.px-17 {
  padding-left: 17px !important;
  padding-right: 17px !important;
}
.py-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}
.p_all-17 {
  padding: 17px !important;
}
.pt-18 {
  padding-top: 18px !important;
}
.pb-18 {
  padding-bottom: 18px !important;
}
.pl-18 {
  padding-left: 18px !important;
}
.pr-18 {
  padding-right: 18px !important;
}
.px-18 {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.py-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.p_all-18 {
  padding: 18px !important;
}
.pt-19 {
  padding-top: 19px !important;
}
.pb-19 {
  padding-bottom: 19px !important;
}
.pl-19 {
  padding-left: 19px !important;
}
.pr-19 {
  padding-right: 19px !important;
}
.px-19 {
  padding-left: 19px !important;
  padding-right: 19px !important;
}
.py-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}
.p_all-19 {
  padding: 19px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.p_all-20 {
  padding: 20px !important;
}
.pt-21 {
  padding-top: 21px !important;
}
.pb-21 {
  padding-bottom: 21px !important;
}
.pl-21 {
  padding-left: 21px !important;
}
.pr-21 {
  padding-right: 21px !important;
}
.px-21 {
  padding-left: 21px !important;
  padding-right: 21px !important;
}
.py-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}
.p_all-21 {
  padding: 21px !important;
}
.pt-22 {
  padding-top: 22px !important;
}
.pb-22 {
  padding-bottom: 22px !important;
}
.pl-22 {
  padding-left: 22px !important;
}
.pr-22 {
  padding-right: 22px !important;
}
.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.p_all-22 {
  padding: 22px !important;
}
.pt-23 {
  padding-top: 23px !important;
}
.pb-23 {
  padding-bottom: 23px !important;
}
.pl-23 {
  padding-left: 23px !important;
}
.pr-23 {
  padding-right: 23px !important;
}
.px-23 {
  padding-left: 23px !important;
  padding-right: 23px !important;
}
.py-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}
.p_all-23 {
  padding: 23px !important;
}
.pt-24 {
  padding-top: 24px !important;
}
.pb-24 {
  padding-bottom: 24px !important;
}
.pl-24 {
  padding-left: 24px !important;
}
.pr-24 {
  padding-right: 24px !important;
}
.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.p_all-24 {
  padding: 24px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.p_all-25 {
  padding: 25px !important;
}
.pt-26 {
  padding-top: 26px !important;
}
.pb-26 {
  padding-bottom: 26px !important;
}
.pl-26 {
  padding-left: 26px !important;
}
.pr-26 {
  padding-right: 26px !important;
}
.px-26 {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.py-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}
.p_all-26 {
  padding: 26px !important;
}
.pt-27 {
  padding-top: 27px !important;
}
.pb-27 {
  padding-bottom: 27px !important;
}
.pl-27 {
  padding-left: 27px !important;
}
.pr-27 {
  padding-right: 27px !important;
}
.px-27 {
  padding-left: 27px !important;
  padding-right: 27px !important;
}
.py-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}
.p_all-27 {
  padding: 27px !important;
}
.pt-28 {
  padding-top: 28px !important;
}
.pb-28 {
  padding-bottom: 28px !important;
}
.pl-28 {
  padding-left: 28px !important;
}
.pr-28 {
  padding-right: 28px !important;
}
.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.p_all-28 {
  padding: 28px !important;
}
.pt-29 {
  padding-top: 29px !important;
}
.pb-29 {
  padding-bottom: 29px !important;
}
.pl-29 {
  padding-left: 29px !important;
}
.pr-29 {
  padding-right: 29px !important;
}
.px-29 {
  padding-left: 29px !important;
  padding-right: 29px !important;
}
.py-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}
.p_all-29 {
  padding: 29px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.p_all-30 {
  padding: 30px !important;
}
.pt-31 {
  padding-top: 31px !important;
}
.pb-31 {
  padding-bottom: 31px !important;
}
.pl-31 {
  padding-left: 31px !important;
}
.pr-31 {
  padding-right: 31px !important;
}
.px-31 {
  padding-left: 31px !important;
  padding-right: 31px !important;
}
.py-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}
.p_all-31 {
  padding: 31px !important;
}
.pt-32 {
  padding-top: 32px !important;
}
.pb-32 {
  padding-bottom: 32px !important;
}
.pl-32 {
  padding-left: 32px !important;
}
.pr-32 {
  padding-right: 32px !important;
}
.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.p_all-32 {
  padding: 32px !important;
}
.pt-33 {
  padding-top: 33px !important;
}
.pb-33 {
  padding-bottom: 33px !important;
}
.pl-33 {
  padding-left: 33px !important;
}
.pr-33 {
  padding-right: 33px !important;
}
.px-33 {
  padding-left: 33px !important;
  padding-right: 33px !important;
}
.py-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}
.p_all-33 {
  padding: 33px !important;
}
.pt-34 {
  padding-top: 34px !important;
}
.pb-34 {
  padding-bottom: 34px !important;
}
.pl-34 {
  padding-left: 34px !important;
}
.pr-34 {
  padding-right: 34px !important;
}
.px-34 {
  padding-left: 34px !important;
  padding-right: 34px !important;
}
.py-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}
.p_all-34 {
  padding: 34px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}
.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.p_all-35 {
  padding: 35px !important;
}
.pt-36 {
  padding-top: 36px !important;
}
.pb-36 {
  padding-bottom: 36px !important;
}
.pl-36 {
  padding-left: 36px !important;
}
.pr-36 {
  padding-right: 36px !important;
}
.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.p_all-36 {
  padding: 36px !important;
}
.pt-37 {
  padding-top: 37px !important;
}
.pb-37 {
  padding-bottom: 37px !important;
}
.pl-37 {
  padding-left: 37px !important;
}
.pr-37 {
  padding-right: 37px !important;
}
.px-37 {
  padding-left: 37px !important;
  padding-right: 37px !important;
}
.py-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}
.p_all-37 {
  padding: 37px !important;
}
.pt-38 {
  padding-top: 38px !important;
}
.pb-38 {
  padding-bottom: 38px !important;
}
.pl-38 {
  padding-left: 38px !important;
}
.pr-38 {
  padding-right: 38px !important;
}
.px-38 {
  padding-left: 38px !important;
  padding-right: 38px !important;
}
.py-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}
.p_all-38 {
  padding: 38px !important;
}
.pt-39 {
  padding-top: 39px !important;
}
.pb-39 {
  padding-bottom: 39px !important;
}
.pl-39 {
  padding-left: 39px !important;
}
.pr-39 {
  padding-right: 39px !important;
}
.px-39 {
  padding-left: 39px !important;
  padding-right: 39px !important;
}
.py-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}
.p_all-39 {
  padding: 39px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.p_all-40 {
  padding: 40px !important;
}
.pt-41 {
  padding-top: 41px !important;
}
.pb-41 {
  padding-bottom: 41px !important;
}
.pl-41 {
  padding-left: 41px !important;
}
.pr-41 {
  padding-right: 41px !important;
}
.px-41 {
  padding-left: 41px !important;
  padding-right: 41px !important;
}
.py-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}
.p_all-41 {
  padding: 41px !important;
}
.pt-42 {
  padding-top: 42px !important;
}
.pb-42 {
  padding-bottom: 42px !important;
}
.pl-42 {
  padding-left: 42px !important;
}
.pr-42 {
  padding-right: 42px !important;
}
.px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}
.py-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}
.p_all-42 {
  padding: 42px !important;
}
.pt-43 {
  padding-top: 43px !important;
}
.pb-43 {
  padding-bottom: 43px !important;
}
.pl-43 {
  padding-left: 43px !important;
}
.pr-43 {
  padding-right: 43px !important;
}
.px-43 {
  padding-left: 43px !important;
  padding-right: 43px !important;
}
.py-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}
.p_all-43 {
  padding: 43px !important;
}
.pt-44 {
  padding-top: 44px !important;
}
.pb-44 {
  padding-bottom: 44px !important;
}
.pl-44 {
  padding-left: 44px !important;
}
.pr-44 {
  padding-right: 44px !important;
}
.px-44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.py-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.p_all-44 {
  padding: 44px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}
.p_all-45 {
  padding: 45px !important;
}
.pt-46 {
  padding-top: 46px !important;
}
.pb-46 {
  padding-bottom: 46px !important;
}
.pl-46 {
  padding-left: 46px !important;
}
.pr-46 {
  padding-right: 46px !important;
}
.px-46 {
  padding-left: 46px !important;
  padding-right: 46px !important;
}
.py-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}
.p_all-46 {
  padding: 46px !important;
}
.pt-47 {
  padding-top: 47px !important;
}
.pb-47 {
  padding-bottom: 47px !important;
}
.pl-47 {
  padding-left: 47px !important;
}
.pr-47 {
  padding-right: 47px !important;
}
.px-47 {
  padding-left: 47px !important;
  padding-right: 47px !important;
}
.py-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}
.p_all-47 {
  padding: 47px !important;
}
.pt-48 {
  padding-top: 48px !important;
}
.pb-48 {
  padding-bottom: 48px !important;
}
.pl-48 {
  padding-left: 48px !important;
}
.pr-48 {
  padding-right: 48px !important;
}
.px-48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.py-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.p_all-48 {
  padding: 48px !important;
}
.pt-49 {
  padding-top: 49px !important;
}
.pb-49 {
  padding-bottom: 49px !important;
}
.pl-49 {
  padding-left: 49px !important;
}
.pr-49 {
  padding-right: 49px !important;
}
.px-49 {
  padding-left: 49px !important;
  padding-right: 49px !important;
}
.py-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}
.p_all-49 {
  padding: 49px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.p_all-50 {
  padding: 50px !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.m-all-0 {
  margin: 0px !important;
}
.mt-1 {
  margin-top: 1px !important;
}
.mb-1 {
  margin-bottom: 1px !important;
}
.ml-1 {
  margin-left: 1px !important;
}
.mr-1 {
  margin-right: 1px !important;
}
.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.m-all-1 {
  margin: 1px !important;
}
.mt-2 {
  margin-top: 2px !important;
}
.mb-2 {
  margin-bottom: 2px !important;
}
.ml-2 {
  margin-left: 2px !important;
}
.mr-2 {
  margin-right: 2px !important;
}
.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.m-all-2 {
  margin: 2px !important;
}
.mt-3 {
  margin-top: 3px !important;
}
.mb-3 {
  margin-bottom: 3px !important;
}
.ml-3 {
  margin-left: 3px !important;
}
.mr-3 {
  margin-right: 3px !important;
}
.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}
.m-all-3 {
  margin: 3px !important;
}
.mt-4 {
  margin-top: 4px !important;
}
.mb-4 {
  margin-bottom: 4px !important;
}
.ml-4 {
  margin-left: 4px !important;
}
.mr-4 {
  margin-right: 4px !important;
}
.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.m-all-4 {
  margin: 4px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.m-all-5 {
  margin: 5px !important;
}
.mt-6 {
  margin-top: 6px !important;
}
.mb-6 {
  margin-bottom: 6px !important;
}
.ml-6 {
  margin-left: 6px !important;
}
.mr-6 {
  margin-right: 6px !important;
}
.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}
.m-all-6 {
  margin: 6px !important;
}
.mt-7 {
  margin-top: 7px !important;
}
.mb-7 {
  margin-bottom: 7px !important;
}
.ml-7 {
  margin-left: 7px !important;
}
.mr-7 {
  margin-right: 7px !important;
}
.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}
.m-all-7 {
  margin: 7px !important;
}
.mt-8 {
  margin-top: 8px !important;
}
.mb-8 {
  margin-bottom: 8px !important;
}
.ml-8 {
  margin-left: 8px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.m-all-8 {
  margin: 8px !important;
}
.mt-9 {
  margin-top: 9px !important;
}
.mb-9 {
  margin-bottom: 9px !important;
}
.ml-9 {
  margin-left: 9px !important;
}
.mr-9 {
  margin-right: 9px !important;
}
.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}
.m-all-9 {
  margin: 9px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.m-all-10 {
  margin: 10px !important;
}
.mt-11 {
  margin-top: 11px !important;
}
.mb-11 {
  margin-bottom: 11px !important;
}
.ml-11 {
  margin-left: 11px !important;
}
.mr-11 {
  margin-right: 11px !important;
}
.mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}
.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}
.m-all-11 {
  margin: 11px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mb-12 {
  margin-bottom: 12px !important;
}
.ml-12 {
  margin-left: 12px !important;
}
.mr-12 {
  margin-right: 12px !important;
}
.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.m-all-12 {
  margin: 12px !important;
}
.mt-13 {
  margin-top: 13px !important;
}
.mb-13 {
  margin-bottom: 13px !important;
}
.ml-13 {
  margin-left: 13px !important;
}
.mr-13 {
  margin-right: 13px !important;
}
.mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}
.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}
.m-all-13 {
  margin: 13px !important;
}
.mt-14 {
  margin-top: 14px !important;
}
.mb-14 {
  margin-bottom: 14px !important;
}
.ml-14 {
  margin-left: 14px !important;
}
.mr-14 {
  margin-right: 14px !important;
}
.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}
.m-all-14 {
  margin: 14px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.m-all-15 {
  margin: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mb-16 {
  margin-bottom: 16px !important;
}
.ml-16 {
  margin-left: 16px !important;
}
.mr-16 {
  margin-right: 16px !important;
}
.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.m-all-16 {
  margin: 16px !important;
}
.mt-17 {
  margin-top: 17px !important;
}
.mb-17 {
  margin-bottom: 17px !important;
}
.ml-17 {
  margin-left: 17px !important;
}
.mr-17 {
  margin-right: 17px !important;
}
.mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}
.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}
.m-all-17 {
  margin: 17px !important;
}
.mt-18 {
  margin-top: 18px !important;
}
.mb-18 {
  margin-bottom: 18px !important;
}
.ml-18 {
  margin-left: 18px !important;
}
.mr-18 {
  margin-right: 18px !important;
}
.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}
.m-all-18 {
  margin: 18px !important;
}
.mt-19 {
  margin-top: 19px !important;
}
.mb-19 {
  margin-bottom: 19px !important;
}
.ml-19 {
  margin-left: 19px !important;
}
.mr-19 {
  margin-right: 19px !important;
}
.mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}
.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}
.m-all-19 {
  margin: 19px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.m-all-20 {
  margin: 20px !important;
}
.mt-21 {
  margin-top: 21px !important;
}
.mb-21 {
  margin-bottom: 21px !important;
}
.ml-21 {
  margin-left: 21px !important;
}
.mr-21 {
  margin-right: 21px !important;
}
.mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}
.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}
.m-all-21 {
  margin: 21px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mb-22 {
  margin-bottom: 22px !important;
}
.ml-22 {
  margin-left: 22px !important;
}
.mr-22 {
  margin-right: 22px !important;
}
.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}
.m-all-22 {
  margin: 22px !important;
}
.mt-23 {
  margin-top: 23px !important;
}
.mb-23 {
  margin-bottom: 23px !important;
}
.ml-23 {
  margin-left: 23px !important;
}
.mr-23 {
  margin-right: 23px !important;
}
.mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}
.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}
.m-all-23 {
  margin: 23px !important;
}
.mt-24 {
  margin-top: 24px !important;
}
.mb-24 {
  margin-bottom: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.m-all-24 {
  margin: 24px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.m-all-25 {
  margin: 25px !important;
}
.mt-26 {
  margin-top: 26px !important;
}
.mb-26 {
  margin-bottom: 26px !important;
}
.ml-26 {
  margin-left: 26px !important;
}
.mr-26 {
  margin-right: 26px !important;
}
.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}
.m-all-26 {
  margin: 26px !important;
}
.mt-27 {
  margin-top: 27px !important;
}
.mb-27 {
  margin-bottom: 27px !important;
}
.ml-27 {
  margin-left: 27px !important;
}
.mr-27 {
  margin-right: 27px !important;
}
.mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}
.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}
.m-all-27 {
  margin: 27px !important;
}
.mt-28 {
  margin-top: 28px !important;
}
.mb-28 {
  margin-bottom: 28px !important;
}
.ml-28 {
  margin-left: 28px !important;
}
.mr-28 {
  margin-right: 28px !important;
}
.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.m-all-28 {
  margin: 28px !important;
}
.mt-29 {
  margin-top: 29px !important;
}
.mb-29 {
  margin-bottom: 29px !important;
}
.ml-29 {
  margin-left: 29px !important;
}
.mr-29 {
  margin-right: 29px !important;
}
.mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}
.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}
.m-all-29 {
  margin: 29px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.m-all-30 {
  margin: 30px !important;
}
.mt-31 {
  margin-top: 31px !important;
}
.mb-31 {
  margin-bottom: 31px !important;
}
.ml-31 {
  margin-left: 31px !important;
}
.mr-31 {
  margin-right: 31px !important;
}
.mx-31 {
  margin-left: 31px !important;
  margin-right: 31px !important;
}
.my-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}
.m-all-31 {
  margin: 31px !important;
}
.mt-32 {
  margin-top: 32px !important;
}
.mb-32 {
  margin-bottom: 32px !important;
}
.ml-32 {
  margin-left: 32px !important;
}
.mr-32 {
  margin-right: 32px !important;
}
.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.m-all-32 {
  margin: 32px !important;
}
.mt-33 {
  margin-top: 33px !important;
}
.mb-33 {
  margin-bottom: 33px !important;
}
.ml-33 {
  margin-left: 33px !important;
}
.mr-33 {
  margin-right: 33px !important;
}
.mx-33 {
  margin-left: 33px !important;
  margin-right: 33px !important;
}
.my-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}
.m-all-33 {
  margin: 33px !important;
}
.mt-34 {
  margin-top: 34px !important;
}
.mb-34 {
  margin-bottom: 34px !important;
}
.ml-34 {
  margin-left: 34px !important;
}
.mr-34 {
  margin-right: 34px !important;
}
.mx-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}
.my-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}
.m-all-34 {
  margin: 34px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}
.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}
.m-all-35 {
  margin: 35px !important;
}
.mt-36 {
  margin-top: 36px !important;
}
.mb-36 {
  margin-bottom: 36px !important;
}
.ml-36 {
  margin-left: 36px !important;
}
.mr-36 {
  margin-right: 36px !important;
}
.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.m-all-36 {
  margin: 36px !important;
}
.mt-37 {
  margin-top: 37px !important;
}
.mb-37 {
  margin-bottom: 37px !important;
}
.ml-37 {
  margin-left: 37px !important;
}
.mr-37 {
  margin-right: 37px !important;
}
.mx-37 {
  margin-left: 37px !important;
  margin-right: 37px !important;
}
.my-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}
.m-all-37 {
  margin: 37px !important;
}
.mt-38 {
  margin-top: 38px !important;
}
.mb-38 {
  margin-bottom: 38px !important;
}
.ml-38 {
  margin-left: 38px !important;
}
.mr-38 {
  margin-right: 38px !important;
}
.mx-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}
.my-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}
.m-all-38 {
  margin: 38px !important;
}
.mt-39 {
  margin-top: 39px !important;
}
.mb-39 {
  margin-bottom: 39px !important;
}
.ml-39 {
  margin-left: 39px !important;
}
.mr-39 {
  margin-right: 39px !important;
}
.mx-39 {
  margin-left: 39px !important;
  margin-right: 39px !important;
}
.my-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}
.m-all-39 {
  margin: 39px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.m-all-40 {
  margin: 40px !important;
}
.mt-41 {
  margin-top: 41px !important;
}
.mb-41 {
  margin-bottom: 41px !important;
}
.ml-41 {
  margin-left: 41px !important;
}
.mr-41 {
  margin-right: 41px !important;
}
.mx-41 {
  margin-left: 41px !important;
  margin-right: 41px !important;
}
.my-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}
.m-all-41 {
  margin: 41px !important;
}
.mt-42 {
  margin-top: 42px !important;
}
.mb-42 {
  margin-bottom: 42px !important;
}
.ml-42 {
  margin-left: 42px !important;
}
.mr-42 {
  margin-right: 42px !important;
}
.mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}
.my-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}
.m-all-42 {
  margin: 42px !important;
}
.mt-43 {
  margin-top: 43px !important;
}
.mb-43 {
  margin-bottom: 43px !important;
}
.ml-43 {
  margin-left: 43px !important;
}
.mr-43 {
  margin-right: 43px !important;
}
.mx-43 {
  margin-left: 43px !important;
  margin-right: 43px !important;
}
.my-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}
.m-all-43 {
  margin: 43px !important;
}
.mt-44 {
  margin-top: 44px !important;
}
.mb-44 {
  margin-bottom: 44px !important;
}
.ml-44 {
  margin-left: 44px !important;
}
.mr-44 {
  margin-right: 44px !important;
}
.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.m-all-44 {
  margin: 44px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}
.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}
.m-all-45 {
  margin: 45px !important;
}
.mt-46 {
  margin-top: 46px !important;
}
.mb-46 {
  margin-bottom: 46px !important;
}
.ml-46 {
  margin-left: 46px !important;
}
.mr-46 {
  margin-right: 46px !important;
}
.mx-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}
.my-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}
.m-all-46 {
  margin: 46px !important;
}
.mt-47 {
  margin-top: 47px !important;
}
.mb-47 {
  margin-bottom: 47px !important;
}
.ml-47 {
  margin-left: 47px !important;
}
.mr-47 {
  margin-right: 47px !important;
}
.mx-47 {
  margin-left: 47px !important;
  margin-right: 47px !important;
}
.my-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}
.m-all-47 {
  margin: 47px !important;
}
.mt-48 {
  margin-top: 48px !important;
}
.mb-48 {
  margin-bottom: 48px !important;
}
.ml-48 {
  margin-left: 48px !important;
}
.mr-48 {
  margin-right: 48px !important;
}
.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.m-all-48 {
  margin: 48px !important;
}
.mt-49 {
  margin-top: 49px !important;
}
.mb-49 {
  margin-bottom: 49px !important;
}
.ml-49 {
  margin-left: 49px !important;
}
.mr-49 {
  margin-right: 49px !important;
}
.mx-49 {
  margin-left: 49px !important;
  margin-right: 49px !important;
}
.my-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}
.m-all-49 {
  margin: 49px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.m-all-50 {
  margin: 50px !important;
}
.font-size-12 {
  font-size: 12px;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-28 {
  font-size: 28px;
}
.font-size-32 {
  font-size: 32px;
}
.font-size-40 {
  font-size: 40px;
}
@font-face {
  font-family: "icomoon";
  src: url("./media/icomoon-WFE2X3WV.eot?dld327");
  src:
    url("./media/icomoon-WFE2X3WV.eot?dld327#iefix") format("embedded-opentype"),
    url("./media/icomoon-UJTR45DD.ttf?dld327") format("truetype"),
    url("./media/icomoon-HGJQQN5S.woff?dld327") format("woff"),
    url("./media/icomoon-LKKGDHVZ.svg?dld327#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-delete:before {
  content: "\e91d";
}
.icon-location:before {
  content: "\e92d";
}
.icon-expand:before {
  content: "\e929";
}
.icon-download:before {
  content: "\e91e";
}
.icon-odometer:before {
  content: "\e92b";
}
.icon-driver:before {
  content: "\e91f";
}
.icon-export:before {
  content: "\e920";
}
.icon-eye:before {
  content: "\e921";
}
.icon-globe:before {
  content: "\e922";
}
.icon-import:before {
  content: "\e923";
}
.icon-information:before {
  content: "\e924";
}
.icon-print:before {
  content: "\e925";
}
.icon-replace:before {
  content: "\e926";
}
.icon-truck:before {
  content: "\e927";
}
.icon-upload:before {
  content: "\e928";
}
.icon-clock:before {
  content: "\e91b";
}
.icon-sos:before {
  content: "\e91c";
}
.icon-expense:before {
  content: "\e919";
}
.icon-revenue:before {
  content: "\e91a";
}
.icon-minus:before {
  content: "\e918";
}
.icon-calendar:before {
  content: "\e911";
  cursor: pointer;
}
.icon-down-arrow:before {
  content: "\e912";
}
.icon-more-ver-f:before {
  content: "\e913";
}
.icon-rupee:before {
  content: "\e914";
}
.icon-search:before {
  content: "\e915";
}
.icon-tick:before {
  content: "\e916";
}
.icon-up-arrow:before {
  content: "\e917";
}
.icon-call:before {
  content: "\e90e";
}
.icon-edit:before {
  content: "\e90f";
}
.icon-email:before {
  content: "\e910";
}
.icon-left-arrow:before {
  content: "\e90c";
}
.icon-right-arrow:before {
  content: "\e90d";
}
.icon-close:before {
  content: "\e90b";
}
.icon-more-f:before {
  content: "\e90a";
}
.icon-add:before {
  content: "\e905";
}
.icon-business-forecast:before {
  content: "\e906";
}
.icon-logout:before {
  content: "\e907";
}
.icon-notify:before {
  content: "\e908";
}
.icon-swap:before {
  content: "\e909";
}
.icon-analyse:before {
  content: "\e901";
}
.icon-more:before {
  content: "\e902";
}
.icon-plan:before {
  content: "\e903";
}
.icon-track:before {
  content: "\e904";
}
.icon-checklist:before {
  content: "\e900";
}
.icon-checklist:before {
  content: "\e900";
}
.lyt-main {
  padding-left: 18rem !important;
  padding-top: 4rem !important;
  overflow: hidden;
}
.lyt-main-collapse {
  padding-left: 7rem !important;
  padding-top: 4rem !important;
  overflow: hidden;
}
.lyt-main-open {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .lyt-main {
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
  .lyt-main-open {
    margin-top: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
}
.cp-header {
  height: 4rem;
  box-shadow: 0 0.2rem 0.4rem 0 #e8ecf8;
  position: fixed;
  top: 0;
  left: 18rem;
  right: 0;
  z-index: 10;
  background: #FFFFFF;
  padding: 0.1rem 3.6rem 0.8rem 3.6rem;
  text-align: right;
}
.cp-header .show-on-mobile {
  display: none;
}
.cp-header .options-wrap {
  text-align: left;
  display: inline-block;
}
.cp-header .logout-btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.5rem;
  color: #0a0a5f;
  cursor: pointer;
}
.cp-header .logout-btn .icon {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.cp-header .notification-wrap,
.cp-header .user-profile-wrap,
.cp-header .sos-notify-wrap {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.8rem;
  padding: 0 0.5rem;
  position: relative;
}
.cp-header .user-profile-wrap.active .profile-dd {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
}
.cp-header .sos-notify-wrap.active .sos-profile-dd {
  display: block;
}
.cp-header .sos-profile-dd {
  padding: 0;
  max-width: 38rem;
  min-width: 38rem;
  background: #FFFFFF;
  top: 4.8rem;
  right: -1.6rem;
  border-radius: 0.5rem;
}
.cp-header .sos-profile-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 2.3rem;
}
.cp-header .sos-profile-dd .sos-detail {
  padding-right: 5rem;
  position: relative;
}
.cp-header .sos-profile-dd .sos-detail .sos-typ {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #FFFFFF;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
}
.cp-header .sos-profile-dd .vehicle-no {
  font-size: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-header .sos-profile-dd .issues {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-header .sos-profile-dd .issues + .issues {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  border-left: 1px solid #666666;
}
.cp-header .profile-dd {
  max-width: 40rem;
  min-width: 40rem;
  background: #FFFFFF;
  top: 4.8rem;
  right: 0;
  border-radius: 0.5rem;
}
.cp-header .profile-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #E6EAF7;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 4rem;
}
.cp-header .profile-dd .user-pic-lg {
  width: 10rem;
  position: relative;
}
.cp-header .profile-dd .user-pic-lg .change-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #FFFFFF;
  cursor: pointer;
}
.cp-header .profile-dd .user-pic-lg .change-img:before {
  content: "\e90f";
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-header .profile-dd .user-pic-lg .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.cp-header .profile-dd .user-pic-lg .img {
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-header .profile-dd .user-pic-lg img {
  width: 100%;
}
.cp-header .profile-dd .user-details {
  margin-left: 2rem;
  width: 100%;
}
.cp-header .profile-dd .user-details .user-name {
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-header .profile-dd .user-details .designation {
  font-size: 1.2rem;
  color: #333333;
  margin-top: 0.4rem;
  font-weight: 700;
}
.cp-header .profile-dd .user-details .btn {
  display: block;
  margin-top: 1.5rem;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text {
  padding: 0;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.6rem;
}
.cp-header .profile-dd .user-details .btn.btn-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  color: #307fe2;
}
.cp-header .user-profile {
  cursor: pointer;
}
.cp-header .user-profile .user-pic {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.6rem;
  overflow: hidden;
}
.cp-header .user-profile .user-name {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.1rem;
  color: #0a0a5f;
  font-weight: 700;
  line-height: 1.22;
}
.cp-header .user-profile .user-name span {
  display: block;
}
.cp-header .sos-notify-btn {
  cursor: pointer;
}
.cp-header .sos-notify-btn .icon {
  display: inline-block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #FFFFFF;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
}
.cp-header .sos-notify-btn .count {
  position: absolute;
  top: -0.4rem;
  right: -0.6rem;
  width: 1.7rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #FFFFFF;
  height: 1.7rem;
  font-size: 0.9rem;
  text-align: center;
  line-height: 1.5rem;
  background: #e8ecf8;
}
.cp-header .sos-list .item {
  padding: 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-header .sos-list .item:last-child {
  border-bottom: 0;
}
.cp-header .sos-list .item .user-msg {
  margin-top: 2.6rem;
  display: flex;
}
.cp-header .sos-list .item .user-msg .user-pic {
  position: relative;
  margin-right: 0.2rem;
}
.cp-header .sos-list .item .user-msg .user-pic .img {
  border-radius: 0.4rem;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.cp-header .sos-list .item .user-msg .user-pic img {
  width: 100%;
}
.cp-header .sos-list .item .user-msg .plyr__progress {
  background: #e8ecf8;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
  height: 4rem;
}
.cp-header .sos-list .item .user-msg .plyr__progress__buffer {
  margin-left: 1rem;
  margin-right: 1rem;
  width: calc(100% - 2rem);
}
.cp-header .sos-list .item .user-msg .plyr__progress input[type=range] {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  padding-top: 1rem;
}
.cp-header .sos-list .item .user-msg .plyr--full-ui input[type=range] {
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr--audio .plyr__control {
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr--audio .plyr__control:hover {
  background: transparent;
  color: #95a5d5;
}
.cp-header .sos-list .item .user-msg .plyr__control svg {
  width: 1.5rem;
}
.cp-header .sos-list .item .audio-player {
  width: 100%;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls {
  background: transparent;
  padding: 0;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__progress__container {
  background: #e8ecf8;
  border-radius: 0.3rem;
}
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__menu,
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__volume,
.cp-header .sos-list .item .plyr--audio .plyr__controls .plyr__time {
  display: none;
}
.cp-header .notify-dd,
.cp-header .profile-dd,
.cp-header .sos-profile-dd {
  display: none;
  position: absolute;
}
.cp-header .notification-wrap .notify-btn {
  cursor: pointer;
  color: #0a0a5f;
  display: block;
}
.cp-header .notification-wrap .notify-btn .icon {
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
}
.cp-header .notification-wrap .notify-btn .icon:before {
  content: "\e908";
}
.cp-header .notification-wrap.active .notify-btn .icon:before {
  content: "\e932";
}
.cp-header .notification-wrap .notify-dd {
  min-width: 38rem;
  max-width: 38rem;
  right: -3.5rem;
  top: 4.8rem;
  line-height: 1.6rem;
  border-radius: 0.5rem;
  background: #FFFFFF;
  font-size: 1.2rem;
  padding-bottom: 2rem;
}
.cp-header .notification-wrap .notify-dd:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: -0.6rem;
  right: 4rem;
}
.cp-header .notification-wrap .notify-dd .notfy-head {
  padding: 1.1rem 2rem;
  font-size: 1.2rem;
  color: #333333;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-header .notification-wrap .notify-dd .clear-all {
  font-weight: 700;
  color: #307fe2;
  cursor: pointer;
}
.cp-header .notification-wrap .notify-dd .clear-all:hover {
  color: #0a0a5f;
}
.cp-header .notification-wrap .notify-dd .list {
  max-height: 40rem;
  overflow-y: auto;
}
.cp-header .notification-wrap .notify-dd .item {
  padding: 1.2rem 2rem 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-header .notification-wrap .notify-dd .item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.cp-header .notification-wrap .notify-dd .item .title {
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.6rem;
}
.cp-header .notification-wrap .notify-dd .item .desc {
  margin-bottom: 0.4rem;
}
.cp-header .notification-wrap .notify-dd .item .timestamp {
  margin-top: 0.5rem;
}
.cp-header .notification-wrap.active .notify-dd {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .cp-header {
    position: static;
    display: flex;
    height: auto;
    background: #0a0a5f;
    background: -moz-linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    background: -webkit-linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    background:
      linear-gradient(
        90deg,
        rgb(10, 10, 95) 0%,
        rgb(24, 53, 144) 100%);
    filter: 'progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1)';
    padding: 1.6rem 2rem 0.6rem;
    justify-content: space-between;
    align-items: center;
  }
  .cp-header .show-on-mobile {
    display: block;
  }
  .cp-header .logout-btn {
    color: white;
  }
  .cp-header .user-profile .user-name {
    display: none;
  }
  .cp-header .user-profile .user-pic {
    width: 3rem;
    height: 3rem;
    margin-right: 0;
  }
  .cp-header .logo-wrap img {
    width: auto;
    height: 20px;
  }
  .cp-header .sos-profile-dd {
    position: fixed;
    z-index: 10;
    max-width: 100%;
    min-width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 0;
  }
  .cp-header .sos-profile-dd .sos-list {
    height: 100%;
    overflow: auto;
    padding-bottom: 7rem;
  }
  .cp-header .sos-profile-dd .title-wrap {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e8ecf8;
    padding: 2rem;
    align-items: center;
    text-align: left;
  }
  .cp-header .sos-profile-dd .title-wrap .title {
    font-size: 1.5rem;
    font-weight: 700;
  }
  .cp-header .sos-profile-dd .close {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    margin-right: -0.5rem;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .cp-header .notification-wrap.new .notify-btn:before {
    top: 0;
    border-color: #172b86;
  }
  .cp-header .notification-wrap .notify-dd .notfy-head {
    padding: 2rem;
  }
  .cp-header .notification-wrap .notify-dd .notfy-head .title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333333;
  }
  .cp-header .notification-wrap.active .notify-dd {
    min-width: 100%;
    max-width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 15;
    border-radius: 0;
  }
  .cp-header .notification-wrap.active .notify-dd:before {
    display: none;
  }
  .cp-header .notification-wrap.active .notify-dd .right-wrap {
    display: flex;
    align-items: center;
  }
  .cp-header .notification-wrap.active .notify-dd .right-wrap .close {
    margin-left: 2.8rem;
    color: #bbb;
    cursor: pointer;
    font-size: 1.5rem;
  }
  .cp-header .notification-wrap.active .notify-dd .list {
    max-height: 95%;
  }
  .cp-header .notification-wrap .notify-btn {
    color: #FFFFFF;
  }
  .cp-header .user-profile-wrap {
    margin-right: 0;
    padding: 0;
  }
  .cp-header .user-profile-wrap .profile-dd {
    z-index: 15;
  }
  .cp-header .user-profile-wrap .profile-dd .close {
    display: none;
  }
  .cp-header .user-profile-wrap .profile-dd:before {
    right: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-header .user-profile-wrap.active .profile-dd {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    min-width: 100%;
    bottom: auto;
    z-index: 10;
    padding-top: 6rem;
    border-radius: 0 0 1rem 1rem;
  }
  .cp-header .user-profile-wrap.active .profile-dd .close {
    position: absolute;
    top: 2rem;
    right: 2rem;
    cursor: pointer;
    font-size: 1.4rem;
  }
  .cp-header .user-profile-wrap .profile-dd .close {
    display: block;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg {
    width: 6rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg .img {
    width: 6rem;
    height: 6rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-pic-lg .change-img {
    top: -0.5rem;
    right: -0.5rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .designation {
    font-size: 1.3rem;
    margin-top: 0.5rem;
    line-height: 1.8rem;
    font-weight: 700;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .contact-details {
    font-size: 1.3rem;
  }
  .cp-header .user-profile-wrap .profile-dd .user-details .contact-details .item + .item {
    margin-top: 1rem;
  }
}
.cp-sidebar {
  background: #0a0a5f;
  background: -moz-linear-gradient(180deg, rgb(10, 10, 95) 8%, rgb(24, 53, 144) 85%);
  background: -webkit-linear-gradient(180deg, rgb(10, 10, 95) 8%, rgb(24, 53, 144) 85%);
  background:
    linear-gradient(
      180deg,
      rgb(10, 10, 95) 8%,
      rgb(24, 53, 144) 85%);
  filter: 'progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1)';
  position: fixed;
  left: 0;
  width: 18rem;
  bottom: 0;
  top: 0;
  z-index: 9;
  overflow-y: auto;
}
.cp-sidebar .logo-wrap {
  padding: 2.6rem 2.6rem 2rem 2.6rem;
  position: sticky;
  top: 0;
  left: 0;
  background: #0a0a5f;
  z-index: 9;
}
.cp-sidebar .logo-wrap .logo {
  max-width: 8rem;
}
.cp-sidebar .logo-wrap .logo img {
  width: 100%;
}
.cp-sidebar .top-section {
  border-bottom: 1px solid rgba(232, 236, 248, 0.2);
  margin-bottom: 0rem;
}
.cp-sidebar .nav-list {
  padding: 0 0 0 1rem;
}
.cp-sidebar .nav-list .nav-item {
  color: #FFFFFF;
  margin-bottom: 2rem;
}
.cp-sidebar .nav-list .nav-item.vendor-logo {
  padding-left: 1rem;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .nav-link {
  padding-left: 4.5rem;
  position: relative;
  display: block;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .img {
  width: 3.5rem;
  height: 3.5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
  border-radius: 50%;
}
.cp-sidebar .nav-list .nav-item.vendor-logo .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.2px;
  display: block;
  height: 2.5rem;
}
.cp-sidebar .nav-list .nav-item .nav-link {
  padding: 1.25rem 1.8rem 1.8rem 1.5rem;
  display: block;
  cursor: pointer;
}
.cp-sidebar .nav-list .nav-item .mod-icon-text .icon {
  font-size: 2.4rem;
}
.cp-sidebar .nav-list .nav-item .mod-icon-text .text {
  margin-left: 1.8rem;
}
.cp-sidebar .nav-list .nav-item.active {
  background: #FFFFFF;
  color: #0a0a5f;
  border-radius: 0.6rem 0 0 0.6rem;
  position: relative;
}
.cp-sidebar .nav-list .nav-item.active a {
  color: #0a0a5f;
}
.cp-sidebar .nav-list .nav-item.active .text {
  font-weight: 700;
}
.cp-sidebar .nav-list .nav-item.active:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -2.5rem;
  right: 0;
  background: url("./media/rounded-corner-top-QYSQHTF6.png") bottom right no-repeat;
  background-size: cover;
}
.cp-sidebar .nav-list .nav-item.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  background: url("./media/rounded-corner-bottom-4KF7ZQ2I.png") top right no-repeat;
  background-size: cover;
}
.cp-sidebar a {
  color: #FFFFFF;
}
.cp-sidebar a:hover {
  color: #FFFFFF;
}
.cp-sidebar .show-on-mobile {
  display: none;
}
.cp-sidebar .more-wrap {
  color: #FFFFFF;
  top: 39rem;
  bottom: 0;
  left: 0;
  width: 100%;
}
.cp-sidebar .more-wrap .custom-scrollbar .ps-content {
  padding: 0;
}
.cp-sidebar .more-wrap .less {
  display: none;
}
.cp-sidebar .more-wrap .more-list {
  font-size: 1.2rem;
  transition: all 0.3s ease;
}
.cp-sidebar .more-wrap .more-list .more-item {
  margin-left: 1rem;
}
.cp-sidebar .more-wrap .more-list .parent {
  margin-left: 0;
  padding-left: 1rem;
}
.cp-sidebar .more-wrap .more-list .parent > .link {
  position: relative;
}
.cp-sidebar .more-wrap .more-list .parent > .link:after {
  content: "";
  position: absolute;
  right: 2rem;
  top: 50%;
  transition: all 0.3s ease;
  border: 0.6rem solid transparent;
  border-top: 0.6rem solid #FFFFFF;
  margin-top: -0.2rem;
}
.cp-sidebar .more-wrap .more-list .parent.opened > .link:after {
  transform: rotate(180deg);
  margin-top: -0.6rem;
}
.cp-sidebar .more-wrap .more-list .parent .more-item {
  margin-left: 0;
}
.cp-sidebar .more-wrap .more-list .parent .sub-list {
  display: none;
}
.cp-sidebar .more-wrap .more-list .parent.opened {
  background: rgba(255, 255, 255, 0.1);
}
.cp-sidebar .more-wrap .more-list .parent.opened .sub-list {
  display: block;
}
.cp-sidebar .more-wrap .hide {
  display: none;
}
.cp-sidebar .more-wrap .more-item {
  position: relative;
}
.cp-sidebar .more-wrap .more-item .link {
  display: block;
  padding: 1.6rem;
}
.cp-sidebar .more-wrap .more-item.active {
  background: #FFFFFF;
  border-radius: 1rem 0 0 1rem;
  font-weight: 700;
}
.cp-sidebar .more-wrap .more-item.active a,
.cp-sidebar .more-wrap .more-item.active .link {
  color: #0a0a5f;
}
.cp-sidebar .more-wrap .more-item.active:before {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -2.5rem;
  right: 0;
  background: url("./media/rounded-corner-top-QYSQHTF6.png") bottom right no-repeat;
  background-size: cover;
}
.cp-sidebar .more-wrap .more-item.active:after {
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  bottom: -2.5rem;
  right: 0;
  background: url("./media/rounded-corner-bottom-4KF7ZQ2I.png") top right no-repeat;
  background-size: cover;
}
.cp-sidebar .more-wrap .more-btn {
  display: block;
  cursor: pointer;
  padding: 1rem 2.9rem;
  font-size: 1.2rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 18rem;
  background-color: #183590;
}
.cp-sidebar .more-wrap .more-btn.active + .more-list {
  visibility: visible;
  opacity: 1;
}
.cp-sidebar .more-wrap .more-btn .icon {
  font-size: 2.5rem;
  margin-right: 1.1rem;
}
.cp-sidebar .settings-more-wrap {
  top: 70.1rem;
}
.cp-sidebar::-webkit-scrollbar {
  display: none;
}
.cp-sidebar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ui-autocomplete-token-icon,
.ui-dropdown-clear-icon {
  width: 16px;
  height: 16px;
}
.ui-autocomplete-token-icon:before,
.ui-dropdown-clear-icon:before {
  content: "x";
}
perfect-scrollbar .ps__thumb-y {
  right: 0 !important;
  width: 0.8rem !important;
}
perfect-scrollbar > .ps.ps--active-y .ps__thumb-y,
perfect-scrollbar .ps.ps--scrolling-y .ps__thumb-y {
  background-color: #d6dffb !important;
}
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y,
perfect-scrollbar .ps.ps--scrolling-y > .ps__rail-y {
  background-color: transparent !important;
  border-radius: 1.2rem;
  right: 0 !important;
  width: 0.8rem !important;
}
@media only screen and (max-width: 767px) {
  .cp-sidebar {
    transition: all 0.3s ease;
    position: static;
    width: auto !important;
    background: #0a0a5f;
    background: -moz-linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    background: -webkit-linear-gradient(90deg, rgb(10, 10, 95) 0%, rgb(24, 53, 144) 100%);
    background:
      linear-gradient(
        90deg,
        rgb(10, 10, 95) 0%,
        rgb(24, 53, 144) 100%);
    filter: 'progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#183590", GradientType=1)';
    padding: 1rem 2rem 0 2rem;
    z-index: 9;
    position: relative;
  }
  .cp-sidebar .logo-wrap,
  .cp-sidebar .vendor-logo {
    display: none;
  }
  .cp-sidebar.logo-show {
    height: 6rem;
    align-items: center;
    padding: 0;
  }
  .cp-sidebar.logo-show .logo-wrap {
    display: block;
    padding: 0;
    width: 11rem;
  }
  .cp-sidebar.logo-show .logo-wrap .logo {
    max-width: none;
    display: block;
  }
  .cp-sidebar.logo-show .top-section {
    height: 100%;
    align-items: center;
    padding: 0 1.5rem;
  }
  .cp-sidebar .top-section {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .cp-sidebar .nav-list {
    padding: 0;
    display: block;
    width: 100%;
  }
  .cp-sidebar .nav-list .nav-item {
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-right: 0.7rem;
    display: inline-block;
  }
  .cp-sidebar .nav-list .nav-item.vendor-logo {
    display: none;
  }
  .cp-sidebar .nav-list .nav-item:last-child {
    margin-right: 0;
    float: right;
  }
  .cp-sidebar .nav-list .nav-item.active {
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .cp-sidebar .nav-list .nav-item.active:before {
    width: 1.2rem;
    height: 1.2rem;
    right: -1.2rem;
    bottom: 0;
    top: inherit;
    background: url("./media/rounded-corner-right-FHFJNJVJ.png") bottom right no-repeat;
    background-size: cover;
  }
  .cp-sidebar .nav-list .nav-item.active:after {
    width: 1.2rem;
    height: 1.2rem;
    left: -1.2rem;
    bottom: 0;
    top: inherit;
    background: url("./media/rounded-corner-left-QYSQHTF6.png") bottom right no-repeat;
    background-size: cover;
  }
  .cp-sidebar .nav-list .nav-item .nav-link {
    padding: 1rem 1.2rem 1rem 1.2rem;
  }
  .cp-sidebar .nav-list .nav-item .mod-icon-text .icon {
    font-size: 1.8rem;
  }
  .cp-sidebar .nav-list .nav-item .mod-icon-text .text {
    margin-left: 1rem;
  }
  .cp-sidebar .show-more {
    display: flex;
    align-items: center;
    color: #FFFFFF;
  }
  .cp-sidebar .show-on-mobile {
    display: block;
  }
  .cp-sidebar .more-wrap {
    display: none;
    position: fixed;
    top: 11rem;
    left: 0;
    overflow: auto;
    right: 0;
    bottom: 0;
    padding: 0;
    margin-bottom: 0;
    overflow: auto;
    background: #FFFFFF;
  }
  .cp-sidebar .more-wrap .custom-scrollbar {
    overflow: initial;
  }
  .cp-sidebar .more-wrap .custom-scrollbar > .ps {
    overflow: initial !important;
  }
  .cp-sidebar .more-wrap .custom-scrollbar .ps-content {
    padding: 0;
    overflow: initial;
    height: 100%;
  }
  .cp-sidebar .more-wrap.active {
    display: block;
  }
  .cp-sidebar .more-wrap .more-item.active:before,
  .cp-sidebar .more-wrap .more-item.active:after {
    display: none;
  }
  .cp-sidebar .more-wrap .more-btn {
    display: none;
  }
  .cp-sidebar .more-wrap .more-list {
    padding: 0;
    margin-bottom: 6rem;
  }
  .cp-sidebar .more-wrap .more-list .more-item {
    margin-left: 0;
    padding: 0 2rem;
  }
  .cp-sidebar .more-wrap .more-list .parent > .link:before {
    margin-top: -0.8rem;
    transform: rotate(90deg) !important;
  }
  .cp-sidebar .more-wrap .more-list .parent .sub-list {
    margin: 0 -2rem;
    background: rgba(48, 127, 226, 0.05);
  }
  .cp-sidebar .more-wrap .more-list .parent .sub-list .link {
    padding-left: 1rem;
    font-weight: normal;
  }
  .cp-sidebar .more-wrap .more-list .link {
    color: #333333;
    font-size: 1.4rem;
    padding: 2rem 0;
    font-weight: 700;
    display: flex;
    letter-spacing: 0.23px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e8ecf8;
  }
  .cp-sidebar .more-wrap .more-list .link:before {
    content: "\e90d";
    font-family: "icomoon" !important;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #307fe2;
  }
  .cp-sidebar .more-wrap .more-list .vendor-link .img {
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 10px 3px #ddd;
    margin-right: 1rem;
  }
  .cp-sidebar .more-wrap .logout-link {
    font-size: 1.4rem;
    padding: 2rem;
    cursor: pointer;
    position: fixed;
    bottom: 0;
    background: #FFFFFF;
    width: 100%;
    color: black;
    left: 0;
    box-shadow: 0 0 13px 1px #f1f1f1;
  }
  .cp-sidebar .more-wrap .logout-link a {
    color: #666666;
    display: inline-block;
  }
  .cp-sidebar.sticky-nav {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
  }
  .cp-sidebar .custom-scrollbar {
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 740px) {
  .cp-sidebar .more-wrap {
    top: 12rem;
  }
}
@media only screen and (max-width: 474px) {
  .cp-sidebar .more-wrap {
    top: 16rem;
  }
}
.collapsed-width {
  width: 7rem;
}
.full-width {
  width: 18rem;
}
@media only screen and (max-width: 740px) {
  .full-width {
    width: 0rem;
  }
}
.cp-form .form-group {
  margin-bottom: 2.5rem;
}
.cp-form .form-group.disabled {
  opacity: 0.4;
}
.cp-form .form-group .form-label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
}
.cp-form .form-group .form-label-language {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: #333333;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-bottom: 2rem;
}
.cp-form .form-group .vin-popup-label {
  display: flex;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-bottom: 0.8rem;
}
.cp-form .form-group .note {
  float: right;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.cp-form .form-group .note.btn-link:after {
  display: none;
}
.cp-form .form-group .input-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.cp-form .form-group.typ-multiple .input-group:first-child {
  width: 25%;
  float: left;
}
.cp-form .form-group.typ-multiple .input-group.input-switch {
  width: 75%;
  float: left;
  padding-left: 2rem;
}
.cp-form .form-group .vehicle-form-group.typ-multiple .input-group:first-child {
  width: 25%;
  float: left;
}
.cp-form .form-group .vehicle-form-group.typ-multiple .input-group.input-switch {
  width: 75%;
  float: left;
  padding-left: 2rem;
}
.cp-form .form-group .input-group {
  position: relative;
  background: #FFFFFF;
  border-radius: 0.5rem;
}
.cp-form .form-group .input-group > .icon {
  position: absolute;
  color: #307fe2;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 3rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .input-group.success:after {
  content: "\e916";
  font-family: "icomoon";
  color: #0c9f41;
  font-size: 1.3rem;
  position: absolute;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group.success input,
.cp-form .form-group .input-group.success .form-control {
  padding-right: 4.5rem;
}
.cp-form .form-group .input-group.verified:after {
  content: "Verified";
  color: #0c9f41;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  font-style: italic;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group.verified input,
.cp-form .form-group .input-group.verified .form-control {
  padding-right: 6rem;
}
.cp-form .form-group .input-group-weight {
  display: flex;
  position: relative;
  background: #FFFFFF;
  border-radius: 0.5rem;
}
.cp-form .form-group .input-group-weight > .icon {
  position: absolute;
  color: #307fe2;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 3rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .input-group-weight.success:after {
  content: "\e916";
  font-family: "icomoon";
  color: #0c9f41;
  font-size: 1.3rem;
  position: absolute;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group-weight.success input,
.cp-form .form-group .input-group-weight.success .form-control {
  padding-right: 4.5rem;
}
.cp-form .form-group .input-group-weight.verified:after {
  content: "Verified";
  color: #0c9f41;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  font-style: italic;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group-weight.verified input,
.cp-form .form-group .input-group-weight.verified .form-control {
  padding-right: 6rem;
}
.cp-form .form-group .input-group-language {
  position: relative;
  border-radius: 0.5rem;
}
.cp-form .form-group .input-group-language > .icon {
  position: absolute;
  color: #307fe2;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .input-group-language.success:after {
  content: "\e916";
  font-family: "icomoon";
  color: #0c9f41;
  font-size: 1.3rem;
  position: absolute;
  font-weight: 700;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group-language.success input,
.cp-form .form-group .input-group-language.success .form-control {
  padding-right: 4.5rem;
}
.cp-form .form-group .input-group-language.verified:after {
  content: "Verified";
  color: #0c9f41;
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 1rem;
  width: 4rem;
  height: 4rem;
  font-style: italic;
  text-align: center;
  line-height: 4rem;
}
.cp-form .form-group .input-group-language.verified input,
.cp-form .form-group .input-group-language.verified .form-control {
  padding-right: 6rem;
}
.cp-form .form-group .vin-popup-input-group {
  width: 65%;
}
.cp-form .form-group .ui-calendar,
.cp-form .form-group .ui-dropdown,
.cp-form .form-group .ui-multiselect {
  display: flex;
}
.cp-form .form-group .ui-button {
  color: #307fe2;
  background-color: white;
  border: 1px solid white;
}
.cp-form .form-group .ui-button:enabled:focus {
  box-shadow: 0 0 0 0em #ffffff;
}
.cp-form .form-group .ui-datepicker {
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 10px 0 #cfd7ec;
  border: 0;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-header {
  color: #0a0a5f;
  padding: 0.7em 0;
  font-weight: 700;
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-title {
  font-size: 1.5rem;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev,
.cp-form .form-group .ui-datepicker .ui-datepicker-next {
  top: 0.3rem;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev span,
.cp-form .form-group .ui-datepicker .ui-datepicker-next span {
  line-height: 1;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-prev span:before,
.cp-form .form-group .ui-datepicker .ui-datepicker-next span:before {
  content: "\e90c";
  font-family: "icomoon";
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #0a0a5f;
}
.cp-form .form-group .ui-datepicker .ui-datepicker-next span:before {
  content: "\e90d";
}
.cp-form .form-group .ui-datepicker th {
  font-weight: normal;
  font-size: 1.2rem;
  color: #666666;
  padding: 0.9em 0.5em;
}
.cp-form .form-group .ui-datepicker table thead tr {
  border-bottom: 1px solid #e8ecf8;
}
.cp-form .form-group .ui-datepicker table td {
  padding: 0.3rem;
  font-size: 1.2rem;
}
.cp-form .form-group .ui-datepicker table td.ui-datepicker-today > a,
.cp-form .form-group .ui-datepicker table td.ui-datepicker-today > span {
  background: #307fe2;
  color: #FFFFFF;
  border-radius: 50%;
}
.cp-form .form-group .ui-datepicker table td > a,
.cp-form .form-group .ui-datepicker table td > span {
  width: 3rem;
  height: 3rem;
  text-align: center;
  line-height: 3rem;
  padding: 0;
}
.cp-form .form-group .ui-datepicker table td > a.ui-state-active,
.cp-form .form-group .ui-datepicker table td > span.ui-state-active {
  background-color: rgba(163, 204, 255, 0.5);
  border-radius: 50%;
  color: #333333;
}
.cp-form .form-group .ui-multiselect {
  font-size: 1.2rem;
  padding: 0 1.2rem;
  border: 0;
  position: static;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  min-width: inherit;
  font-weight: 700;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-label {
  padding: 0;
  color: #666666;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-empty-token {
  color: #666666;
  font-weight: 400;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-label-container {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border-radius: 1.8rem;
  background: #0a0a5f;
  color: #FFFFFF;
  font-weight: 700;
  padding: 0 1.2rem 0 1.6rem;
  border: 0;
  position: static;
  min-width: inherit;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token + .ui-multiselected-item-token {
  margin-left: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token .icon-close {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-left: 0;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token-addon {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border-radius: 1.75rem;
  background: white;
  color: #666666;
  font-weight: 700;
  padding: 0 1rem 0 1.2rem;
  border: solid 1px #d8ddeb;
  position: static;
  min-width: inherit;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token-addon + .ui-multiselected-item-token {
  margin-left: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselected-item-token-addon .icon-close {
  display: inline-block;
  vertical-align: middle;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  margin-left: 0;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  padding: 0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-trigger .ui-multiselect-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel {
  padding: 0.5rem;
  width: 100%;
  border: 0;
  box-shadow: 0 3px 8px 0 #c3cff0;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item {
  padding: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item .label {
  display: inline-block;
  vertical-align: middle;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item.ui-state-highlight {
  background: transparent;
  color: #666666;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item:hover {
  color: #666666;
  background-color: transparent;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox {
  width: auto;
  height: auto;
  margin-right: 1.3rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box {
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.6rem;
  border: 0;
  background: #e8ecf8;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active {
  background: #0a0a5f;
  color: #FFFFFF;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
  font-size: 1rem;
}
.cp-form .form-group .ui-multiselect .ui-multiselect-panel .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before {
  content: "\e916";
  font-family: "icomoon";
}
.cp-form .form-group .form-control,
.cp-form .form-group input {
  border: 0;
  width: 100%;
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  height: 4rem;
  width: 100%;
  font-weight: 700;
  color: #666666;
  background: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 0.5rem;
}
.cp-form .form-group .form-control:disabled,
.cp-form .form-group input:disabled {
  opacity: 1;
}
.cp-form .form-group .form-control.is-invalid,
.cp-form .form-group input.is-invalid {
  box-shadow: 0 0 10px 0 rgba(199, 34, 42, 0.26);
}
.cp-form .form-group .form-control.ng-valid,
.cp-form .form-group input.ng-valid {
  border-color: none;
}
.cp-form .form-group .form-control::placeholder,
.cp-form .form-group input::placeholder {
  font-weight: 400;
}
.cp-form .form-group .invalid-error {
  position: absolute;
  font-size: 1.1rem;
  font-style: italic;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10%;
  line-height: 1.4rem;
  margin-top: 0.4rem;
  color: #db0b0b;
}
.cp-form .form-group .error-msg-top {
  position: absolute;
  font-size: 1.1rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-top: 5rem;
  color: #db0b0b;
}
.cp-form .form-group p-dropdown .ui-dropdown {
  box-sizing: border-box;
  display: block;
  width: auto;
  line-height: 2.4rem;
  font-size: 1.2rem;
  padding: 0 1.2rem;
  border: 0;
  position: relative;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  min-width: 6.7rem;
  font-weight: 700;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-inputtext {
  padding: 0;
  font-weight: 700;
  display: flex;
}
.cp-form .form-group p-dropdown .ui-dropdown .ui-inputtext.ui-placeholder {
  font-weight: 400;
}
.cp-form .form-group p-dropdown .ui-dropdown-order {
  display: block;
  width: auto;
  line-height: 2.4rem;
  font-size: 1.2rem;
  padding: 0 0.7rem;
  border: 0;
  position: absolute;
  height: 4rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  min-width: 6.7rem;
  font-weight: 700;
  bottom: -25%;
  right: -6.8%;
}
.cp-form .form-group p-dropdown .ui-dropdown-order .ui-dropdown-trigger {
  border-radius: 0.5rem;
  right: 1.2rem;
  width: 2rem;
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown-order .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 4rem;
  position: static;
  font-size: 1rem;
  color: #307fe2;
  margin: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown-order .ui-dropdown-trigger .ui-dropdown-trigger-icon:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown-order .ui-inputtext {
  padding: 0;
  font-weight: 700;
  display: flex;
}
.cp-form .form-group p-dropdown .ui-dropdown-order .ui-inputtext.ui-placeholder {
  font-weight: 400;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-label {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  line-height: 2.4rem;
  font-size: 1.2rem;
  border-radius: 1.8rem;
  font-weight: 700;
  padding: 1px;
  border: 0;
  position: static;
  min-width: inherit;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  padding: 0 1.6rem 0 0.5rem;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0 1.8rem 1.8rem 0;
  font-style: inherit;
  font-size: 0.8rem;
  color: #c8c8c8;
}
.cp-form .form-group p-dropdown.ui-inputwrapper-filled .ui-dropdown-clear-icon:before {
  content: "\e90b";
  font-family: "icomoon";
}
.cp-form .form-group p-dropdown .ui-dropdown-panel {
  box-shadow: 0 3px 8px 0 #c3cff0;
  border: 0;
  padding: 0.5rem;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-list {
  padding: 0;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item {
  padding: 1rem 0.1rem 1rem 3.5rem;
  color: #666666;
  position: relative;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item:before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #0a0a5f;
  background: #FFFFFF;
  position: absolute;
  left: 1rem;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
  background: transparent;
  color: #666666;
}
.cp-form .form-group p-dropdown .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight:after {
  content: "";
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  border: 0;
  left: 1.4rem;
  top: 1.4rem;
  position: absolute;
  background: #0a0a5f;
}
.cp-form .form-group p-dropdown.ui-dropdown-clearable .ui-dropdown-label {
  border-radius: 1.8rem 0 0 1.8rem;
  padding: 0 0.5rem 0 1.6rem;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd {
  position: relative;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd .ui-autocomplete-input {
  padding-right: 3.2rem;
  text-transform: capitalize;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown {
  display: block;
  position: absolute;
  top: 0;
  right: 0.5rem;
  background: transparent;
  border: 0;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left {
  color: #307fe2;
  font-size: 1.2rem;
  margin-left: -0.7em;
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-dd button.ui-autocomplete-dropdown .ui-button-icon-left:before {
  content: "\e912";
  font-family: "icomoon";
}
.cp-form .form-group .dropdown-with-icon .ui-autocomplete-panel {
  box-shadow: none;
  left: -1px !important;
  right: -1px !important;
  max-height: 115px;
}
.cp-form .form-group .ui-autocomplete {
  display: block;
}
.cp-form .form-group .ui-autocomplete ul.ui-inputtext {
  border-radius: 0.5rem;
  display: block;
  padding-left: 1.2rem;
}
.cp-form .form-group .ui-autocomplete-panel .ui-autocomplete-list {
  font-size: 1.2rem;
  text-transform: capitalize;
}
.cp-form .form-group .ui-autocomplete-dd button.ui-autocomplete-dropdown {
  display: none;
}
.cp-form .form-group.with-icon .form-control,
.cp-form .form-group.with-icon input {
  padding-right: 4rem;
}
.cp-form .form-group .qty-wrap {
  display: flex;
}
.cp-form .form-group .qty-wrap .form-control {
  text-align: center;
}
.cp-form .form-group .qty-wrap .btn {
  padding: 1rem;
}
.cp-form .form-group .qty-wrap .btn.decrement {
  border-right: 1px solid #e8ecf8;
}
.cp-form .form-group .qty-wrap .btn.increment {
  border-left: 1px solid #e8ecf8;
}
.cp-form .form-group .qty-wrap .btn .icon {
  background: #0a0a5f;
  color: #FFFFFF;
  border-radius: 0.3rem;
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  line-height: 1.8rem;
  font-size: 1rem;
}
.cp-form .form-group .ui-selectbutton {
  display: flex;
  justify-content: space-between;
  margin: 0 -1rem;
}
.cp-form .form-group .select-button .ui-button {
  border: 0;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 1rem;
  line-height: 1.7rem;
  background: #FFFFFF;
  padding: 0.7rem 1.2rem;
  width: 25%;
  margin: 0 1rem;
}
.cp-form .form-group .select-button .ui-button:hover {
  background: #FFFFFF;
}
.cp-form .form-group .select-button .ui-button.ui-state-active {
  background: #0a0a5f;
}
.cp-form .form-group .select-button .ui-button.ui-state-active .title,
.cp-form .form-group .select-button .ui-button.ui-state-active .desc {
  color: #FFFFFF;
}
.cp-form .form-group .select-button .title {
  font-weight: 700;
  color: #333333;
}
.cp-form .form-group .select-button .desc {
  margin-top: 0.3rem;
  color: #666666;
}
.cp-form .form-group .radio-list {
  background: #e8ecf8;
}
.cp-form .form-group .radio-list .list-item {
  display: inline-block;
  margin: 0.4rem 0;
  margin-right: 1.5rem;
}
.cp-form .form-group .radio-list .list-item:last-child {
  margin-right: 0;
}
.cp-form .form-group .radio-list .ui-radiobutton-label {
  display: inline-block;
  height: 3.5rem;
  cursor: pointer;
  line-height: 3.5rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  background: #FFFFFF;
  margin: 0;
  transition: all 0.3s ease;
}
.cp-form .form-group .radio-list .ui-radiobutton-label.ui-label-active {
  background: #0a0a5f;
  color: #FFFFFF;
}
.cp-form .form-group .radio-list .ui-radiobutton-label + .dynamic-text {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  bottom: -3rem;
}
.cp-form .form-group .radio-list p-radiobutton .ui-radiobutton {
  display: none;
}
.cp-form .form-group .driver-leave-radio-btn {
  background: none;
}
.cp-form .form-group .driver-leave-radio-btn .list-item {
  display: inline-block;
  margin: 0.4rem 0.5rem;
}
.cp-form .form-group .driver-leave-radio-btn .ui-radiobutton-label {
  display: inline-block;
  height: 3.5rem;
  cursor: pointer;
  line-height: 3.5rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  background: #FFFFFF;
  margin: 0;
  transition: all 0.3s ease;
  border: 1px solid #e8ecf8;
}
.cp-form .form-group .driver-leave-radio-btn .ui-radiobutton-label.ui-label-active {
  background: #0a0a5f;
  color: #FFFFFF;
}
.cp-form .form-group .driver-leave-radio-btn .ui-radiobutton-label + .dynamic-text {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  bottom: -3rem;
}
.cp-form .form-group .driver-leave-radio-btn p-radiobutton .ui-radiobutton {
  display: none;
}
.cp-form .form-group .radio-list-label {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(149, 165, 213, 0.39);
  background: #FFFFFF;
}
.cp-form .form-group .radio-list-label .list-item {
  display: inline-block;
  margin: 0.4rem 0;
  margin-left: 1.2rem;
  margin-top: 1.2rem;
}
.cp-form .form-group .radio-list-label .list-item:last-child {
  margin-right: 0;
}
.cp-form .form-group .radio-list-label .ui-radiobutton-label {
  display: inline-block;
  height: 3.5rem;
  cursor: pointer;
  line-height: 3.5rem;
  font-size: 1.2rem;
  font-weight: 700;
  min-width: 9rem;
  text-align: center;
  background: #FFFFFF;
  margin: 0;
  color: #333333;
  transition: all 0.3s ease;
}
.cp-form .form-group .radio-list-label .ui-radiobutton-label.ui-label-active {
  color: #333333;
}
.cp-form .form-group .radio-list-label .ui-radiobutton-label + .dynamic-text {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  bottom: -3rem;
}
.cp-form .form-group .radio-list-label p-radiobutton .ui-radiobutton {
  display: inline-block;
  margin: 0.5rem;
}
.cp-form .form-group p-radiobutton .ui-radiobutton {
  display: inline-block;
}
.cp-form .form-group .input-switch {
  background: transparent;
  position: relative;
  display: inline-block;
  font-size: 0;
}
.cp-form .form-group .input-switch .ui-radiobutton {
  display: none;
}
.cp-form .form-group .input-switch .switch-wrap {
  background: #FFFFFF;
  display: inline-block;
  border-radius: 3rem;
  overflow: hidden;
}
.cp-form .form-group .input-switch .switch-wrap-2 {
  background: #FFFFFF;
  display: inline-block;
  border-radius: 3rem;
  overflow: hidden;
  border: solid 1px #e8ecf8;
}
.cp-form .form-group .input-switch .ui-radiobutton-label {
  display: inline-block;
  height: 4rem;
  cursor: pointer;
  line-height: 4rem;
  font-size: 1.2rem;
  padding: 0 2rem;
  border-radius: 3rem;
  min-width: 9rem;
  text-align: center;
  margin: 0;
  transition: all 0.3s ease;
}
.cp-form .form-group .input-switch .ui-radiobutton-label.ui-label-active {
  border-radius: 3rem;
  background: #0a0a5f;
  color: #FFFFFF;
  font-weight: 700;
}
.cp-form .form-group .switch {
  background: #FFFFFF;
  border-radius: 3rem;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.cp-form .form-group .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cp-form .form-group .switch input:checked + .slider:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.cp-form .form-group .switch .val {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  padding: 0 2rem;
}
.cp-form .form-group .switch .slider:before {
  position: absolute;
  content: "";
  height: 4rem;
  width: 50%;
  left: 4px;
  bottom: 4px;
  z-index: 0;
  background-color: #0a0a5f;
  border-radius: 3rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.cp-form.typ-sleek .form-group {
  margin-bottom: 0;
}
.cp-form .user-img-wrap {
  display: flex;
}
.cp-form .user-img-wrap .profile-pic {
  position: relative;
  margin-right: 2rem;
  height: 7.6rem;
}
.cp-form .user-img-wrap .form-group {
  width: 100%;
}
.cp-form .user-img-wrap .img-wrap {
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 50%;
  overflow: hidden;
  padding-right: 0.2rem;
  background: #FFFFFF;
}
.cp-form .user-img-wrap .change-img {
  position: absolute;
  bottom: 0.2rem;
  right: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #FFFFFF;
  cursor: pointer;
}
.cp-form .user-img-wrap .change-img:before {
  content: "\e90f";
  font-size: 1.1rem;
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .user-img-wrap .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.cp-form.typ-shadow {
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-form .form-head-document {
  padding: 1.8rem 2rem 0.3rem 2rem;
  position: relative;
}
.cp-form .form-head-document .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
  padding-left: 3rem;
}
.cp-form .form-head-document .title .small {
  color: #333333;
  font-size: 1.4rem;
}
.cp-form .form-head-document .linked-acc-wrap {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.cp-form .form-head {
  padding: 1.8rem 2rem;
  border: 1px solid #e8ecf8;
  position: relative;
}
.cp-form .form-head .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .form-head .title .small {
  color: #333333;
  font-size: 1.4rem;
}
.cp-form .form-head .linked-acc-wrap {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.cp-form .form-head.typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-form .form-head.typ-flex .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-form .form-head.typ-flex .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-form .form-head.typ-flex .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .form-head .icon-close {
  color: #333333;
}
.cp-form .form-head .left-wrap {
  display: flex;
  align-items: center;
}
.cp-form .form-head .left-wrap .checkbox-wrap {
  margin-left: 2rem;
}
.cp-form .form-head .left-wrap .support-text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #333333;
  display: inline-block;
}
.cp-form .form-head .left-wrap .support-text.typ-italic {
  font-style: italic;
}
.cp-form .form-head .left-wrap.typ-block {
  display: block;
}
.cp-form .form-head .left-wrap.typ-block .support-text {
  margin-top: 0.5rem;
}
.cp-form .form-head-order {
  border: 1px solid #e8ecf8;
  position: relative;
}
.cp-form .form-head-order .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .form-head-order .title .small {
  color: #333333;
  font-size: 1.4rem;
}
.cp-form .form-head-order .linked-acc-wrap {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.cp-form .form-head-order.typ-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-form .form-head-order.typ-flex .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-form .form-head-order.typ-flex .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-form .form-head-order.typ-flex .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .form-head-order .icon-close {
  color: #333333;
}
.cp-form .form-head-order .left-wrap {
  display: flex;
  align-items: center;
}
.cp-form .form-head-order .left-wrap .checkbox-wrap {
  margin-left: 2rem;
}
.cp-form .form-head-order .left-wrap .support-text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #333333;
  display: inline-block;
}
.cp-form .form-head-order .left-wrap .support-text.typ-italic {
  font-style: italic;
}
.cp-form .form-head-order .left-wrap.typ-block {
  display: block;
}
.cp-form .form-head-order .left-wrap.typ-block .support-text {
  margin-top: 0.5rem;
}
.cp-form .form-head-table {
  padding: 1.8rem 2rem;
  position: relative;
}
.cp-form .form-head-table .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .form-head-table .title .small {
  color: #333333;
  font-size: 1.4rem;
}
.cp-form .form-head-table .linked-acc-wrap {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.cp-form .form-head-table.typ-flex {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cp-form .form-head-table.typ-flex .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-form .form-head-table.typ-flex .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-form .form-head-table.typ-flex .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .form-head-table .icon-close {
  color: #333333;
}
.cp-form .form-head-table .left-wrap {
  display: flex;
  align-items: center;
}
.cp-form .form-head-table .left-wrap .checkbox-wrap {
  margin-left: 2rem;
}
.cp-form .form-head-table .left-wrap .support-text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #333333;
  display: inline-block;
}
.cp-form .form-head-table .left-wrap .support-text.typ-italic {
  font-style: italic;
}
.cp-form .form-head-table .left-wrap.typ-block {
  display: block;
}
.cp-form .form-head-table .left-wrap.typ-block .support-text {
  margin-top: 0.5rem;
}
.cp-form .form-cont {
  padding: 2rem 2rem 1rem 2rem;
  background: #e8ecf8;
}
.cp-form .form-cont .subtitle {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #0a0a5f;
}
.cp-form .form-cont .map-container.typ-pin-location {
  height: 22.5rem;
}
.cp-form .form-cont .map-container.typ-pin-location agm-map {
  height: 100%;
  width: 100%;
}
.cp-form .form-cont .map-container.typ-geofence {
  margin-top: 2.5rem;
  height: 35rem;
}
.cp-form .form-cont .map-container.typ-geofence agm-map {
  height: 100%;
  width: 100%;
}
.cp-form .form-cont .two-col-right {
  display: flex;
}
.cp-form .form-cont .two-col-right .left-wrap {
  width: 66.66%;
  padding-right: 1rem;
}
.cp-form .form-cont .two-col-right .right-wrap {
  width: 33.33%;
  padding-left: 1rem;
}
.cp-form .form-cont .two-col-left {
  display: flex;
}
.cp-form .form-cont .two-col-left .left-wrap {
  width: 33.33%;
  padding-right: 1rem;
}
.cp-form .form-cont .two-col-left .right-wrap {
  width: 66.66%;
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.cp-form .form-cont .two-col-left .right-wrap .row.col-2 {
  width: 100%;
}
.cp-form .add-new-fields {
  padding: 0 2rem 2rem 2rem;
  background: #e8ecf8;
}
.cp-form .new-fieldset .form-head-order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cp-form .new-fieldset .form-head-order .title {
  font-size: 1.4rem;
}
.cp-form .new-fieldset .form-head-order .remove-fields {
  display: inline-block;
  cursor: pointer;
}
.cp-form .new-fieldset .form-head-order .remove-fields .icon {
  font-size: 0.9rem;
  margin-right: 0.5rem;
  font-weight: 700;
}
.cp-form .new-fieldset .form-head-order .remove-fields::after {
  display: none;
}
.cp-form .new-fieldset .form-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cp-form .new-fieldset .form-head .title {
  font-size: 1.4rem;
}
.cp-form .new-fieldset .form-head .remove-fields {
  display: inline-block;
  cursor: pointer;
}
.cp-form .new-fieldset .form-head .remove-fields .icon {
  font-size: 0.9rem;
  margin-right: 0.5rem;
  font-weight: 700;
}
.cp-form .new-fieldset .form-head .remove-fields::after {
  display: none;
}
.cp-form .new-fieldset .ifsc-field-wrap {
  display: none;
}
.cp-form .new-fieldset.show-ifsc-fields .ifsc-field-wrap {
  display: block;
}
.cp-form .file-upload-status .ui-fileupload-files {
  display: inline-block;
  max-width: 50%;
  position: relative;
  padding-right: 6rem;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar {
  position: absolute;
  background-color: transparent;
  padding: 0;
  border: 0;
  z-index: 1;
  right: 2rem;
  top: 1.35rem;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button {
  margin-right: 0;
  background-color: #0a0a5f;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  text-align: center;
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button:before {
  content: "\e928";
  font-family: "icomoon";
}
.cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button .ui-button-text {
  display: none;
}
.cp-form .file-upload-status .ui-fileupload-row {
  display: table-row;
}
.cp-form .file-upload-status .ui-fileupload-row > div {
  padding: 0;
  display: table-cell;
  font-size: 1.2rem;
  line-height: 1.7rem;
  vertical-align: top;
}
.cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9rem;
  margin-bottom: 0.5rem;
}
.cp-form .file-upload-status .ui-fileupload-row > div:nth-child(3) {
  position: absolute;
  top: 2rem;
  left: 10rem;
}
.cp-form .file-upload-status .ui-fileupload-row button {
  position: absolute;
  right: -1.4rem;
  top: 0.4rem;
  background: transparent;
  border: 0;
  width: auto;
}
.cp-form .file-upload-status .ui-fileupload-row button:before {
  content: "\e90b";
  margin-right: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.7rem;
  font-family: "icomoon";
}
.cp-form .file-upload-status .ui-fileupload-row button:after {
  content: "Remove";
}
.cp-form .file-upload-status .ui-fileupload-row button .ui-button-icon-left,
.cp-form .file-upload-status .ui-fileupload-row button .ui-button-text {
  display: none;
}
.cp-form .file-upload-status .ui-fileupload-row img {
  max-width: 8rem;
  margin-right: 2rem;
}
.cp-form .file-upload-status .ui-fileupload-content {
  padding: 0;
  border: 0;
  display: none;
  margin-top: 1.5rem;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar {
  height: 0.8rem;
  background: #d8d8d8;
  border-radius: 0;
  width: 35%;
  left: inherit;
  right: 0;
  top: 1rem;
  overflow: visible;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:before {
  content: "Uploading";
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 1.2rem;
  padding-top: 0.5rem;
  animation: cssAnimationOut 5s forwards;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:after {
  content: "Uploaded";
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 1.2rem;
  padding-top: 0.5rem;
  animation: cssAnimationIn 5s forwards;
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar-value {
  background: rgb(10, 10, 95);
  background: -moz-linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(48, 127, 226) 100%);
  background: -webkit-linear-gradient(271deg, rgb(10, 10, 95) 0%, rgb(48, 127, 226) 100%);
  background:
    linear-gradient(
      271deg,
      rgb(10, 10, 95) 0%,
      rgb(48, 127, 226) 100%);
  filter: 'progid: DXImageTransform.Microsoft.gradient(startColorstr="#0a0a5f", endColorstr="#307fe2", GradientType=1)';
}
.cp-form .file-upload-status .ui-fileupload-content .ui-progressbar-determinate .ui-progressbar-value-animate {
  transition: width 2s ease-in-out;
}
.cp-form.upload-doc-wrap .form-cont {
  display: none;
}
.cp-form.upload-doc-wrap.active .form-cont,
.cp-form.upload-doc-wrap.active .ui-fileupload-content {
  display: block;
}
.cp-form.upload-doc-wrap.inactive .form-cont,
.cp-form.upload-doc-wrap.inactive .ui-fileupload-content {
  display: none;
}
.cp-form .document-detail-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.8rem;
}
.cp-form .document-detail-wrap .left-wrap {
  display: flex;
  align-items: top;
}
.cp-form .document-detail-wrap .left-wrap > div {
  margin-right: 2rem;
}
.cp-form .document-detail-wrap .file-details {
  display: flex;
  line-height: 1.9rem;
  min-width: 20rem;
}
.cp-form .document-detail-wrap .file-details img {
  margin-right: 2rem;
  max-width: 8rem;
  float: left;
}
.cp-form .document-detail-wrap .file-details .fname {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  max-width: 15rem;
}
.cp-form .document-detail-wrap .file-details .fsize {
  font-size: 1.2rem;
}
.cp-form .document-detail-wrap .doc-detail {
  line-height: 1.9rem;
  min-width: 12rem;
}
.cp-form .document-detail-wrap .doc-detail .name {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.cp-form .document-detail-wrap .doc-detail .value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .document-detail-wrap + .document-detail-wrap {
  padding-top: 1.8rem;
  border-top: 1px solid #e8ecf8;
  margin-top: 1.8rem;
  padding-bottom: 0.3rem;
}
.cp-form .document-detail-wrap-trip {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.8rem;
}
.cp-form .document-detail-wrap-trip .left-wrap {
  display: flex;
  align-items: top;
  flex-direction: column-reverse;
}
.cp-form .document-detail-wrap-trip .left-wrap > div {
  margin-right: 2rem;
}
.cp-form .document-detail-wrap-trip .file-details {
  display: flex;
  line-height: 1.9rem;
  min-width: 20rem;
}
.cp-form .document-detail-wrap-trip .file-details img {
  margin-right: 2rem;
  max-width: 8rem;
  float: left;
}
.cp-form .document-detail-wrap-trip .file-details .fname {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  max-width: 15rem;
}
.cp-form .document-detail-wrap-trip .file-details .fsize {
  font-size: 1.2rem;
}
.cp-form .document-detail-wrap-trip .doc-detail {
  line-height: 1.9rem;
  min-width: 12rem;
}
.cp-form .document-detail-wrap-trip .doc-detail .name {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.cp-form .document-detail-wrap-trip .doc-detail .value {
  font-size: 1.4rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-form .document-detail-wrap-trip + .document-detail-wrap-trip {
  padding-top: 1.8rem;
  border-top: 1px solid #e8ecf8;
  margin-top: 1.8rem;
  padding-bottom: 0.3rem;
}
.cp-form .action-wrap button + button {
  margin-left: 3rem;
}
.cp-form .col-item .btn-wrap {
  margin-top: 2.7rem;
}
.cp-form .cp-verify {
  margin-top: 1.1rem;
}
.cp-form .cp-verify .otp-varification {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
}
.cp-form .cp-verify .otp-varification .btn {
  padding-right: 0;
}
.cp-form .cp-verify .otp-varification .otp-note {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
  margin-top: 0.5rem;
  line-height: 1.4rem;
}
.cp-form .cp-verify .otp-varification .resend-otp-btn {
  display: none;
  text-align: right;
}
.cp-form .cp-verify .enter-otp-wrap {
  display: none;
  margin-top: 1.5rem;
}
.cp-form .cp-verify .enter-otp-wrap .input-group {
  background: transparent;
  margin-top: 1rem;
}
.cp-form .cp-verify .enter-otp-wrap .form-control {
  width: 4rem;
  font-size: 2.4rem;
  padding: 0.7rem;
  color: #0a0a5f;
  font-weight: 700;
  background: #FFFFFF;
  text-align: center;
}
.cp-form .cp-verify .enter-otp-wrap .form-control + .form-control {
  margin-left: 2rem;
}
.cp-form .cp-verify.active .otp-varification .get-otp {
  display: none;
}
.cp-form .cp-verify.active .otp-varification .resend-otp-btn {
  display: block;
}
.cp-form .cp-verify.active .enter-otp-wrap {
  display: block;
}
.cp-form .company-image {
  margin: 0 auto;
  width: 15rem;
  position: relative;
}
.cp-form .company-image .img-wrap {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  overflow: hidden;
  background: #FFFFFF;
}
.cp-form .company-image .icon {
  position: absolute;
  bottom: 1rem;
  right: -1rem;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  background: #307fe2;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50%;
  font-size: 2rem;
}
.cp-form .company-image .img {
  width: 100%;
}
.cp-form .vehicle-image {
  height: 12rem;
  width: 12rem;
  position: relative;
}
.cp-form .vehicle-image .img-wrap {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
}
.cp-form .vehicle-image .icon {
  position: absolute;
  bottom: 2rem;
  right: 3rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  background: #307fe2;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  font-size: 2rem;
}
.cp-form .vehicle-image .img {
  width: 100%;
}
.cp-form .user-img-wrap {
  display: flex;
}
.cp-form .user-img-wrap .profile-pic {
  position: relative;
  margin-right: 2rem;
  height: 7.6rem;
}
.cp-form .user-img-wrap .form-group {
  width: 100%;
}
.cp-form .user-img-wrap .img-wrap {
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 50%;
  overflow: hidden;
  padding-right: 0.2rem;
  background: #FFFFFF;
}
.cp-form .user-img-wrap .change-img {
  position: absolute;
  bottom: 0.2rem;
  right: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  overflow: hidden;
  background: #307fe2;
  color: #FFFFFF;
  cursor: pointer;
}
.cp-form .user-img-wrap .change-img:before {
  content: "\e90f";
  font-size: 1.1rem;
  font-family: "icomoon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-form .user-img-wrap .change-img .upolad-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@keyframes cssAnimationIn {
  from {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  to {
    opacity: 1;
  }
}
@keyframes cssAnimationOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
textarea,
select,
input,
button {
  outline: none;
}
@media only screen and (max-width: 1024px) {
  .cp-form .form-cont .two-col-right,
  .cp-form .form-cont .two-col-left {
    display: block;
  }
  .cp-form .form-cont .two-col-right .left-wrap,
  .cp-form .form-cont .two-col-left .left-wrap {
    width: 100%;
    padding-right: 0;
  }
  .cp-form .form-cont .two-col-right .right-wrap,
  .cp-form .form-cont .two-col-left .right-wrap {
    width: 100%;
    padding-left: 0;
  }
  .cp-form .form-cont .company-image {
    margin-bottom: 2rem;
    width: 10rem;
  }
  .cp-form .form-cont .company-image .img-wrap {
    width: 10rem;
    height: 10rem;
  }
  .cp-form .form-cont .company-image .icon {
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 1.5rem;
  }
  .cp-form .form-cont .user-img-wrap {
    display: flex;
    flex-direction: column;
  }
  .cp-form .form-cont .user-img-wrap .profile-pic {
    width: 7.6rem;
    margin: 0 auto 1.5rem;
  }
  .cp-form .form-cont .map-container.typ-pin-location {
    height: 20rem;
  }
  .cp-form .form-cont .map-container.typ-geofence {
    margin-top: 2.5rem;
    height: 35rem;
  }
  .cp-form .form-head .linked-acc-wrap {
    position: relative;
    right: auto;
    transform: none;
    margin-top: 1.5rem;
  }
  .cp-form .form-head .left-wrap .support-text {
    font-size: 1.3rem;
  }
  .cp-form .action-wrap button + button {
    margin-left: 2rem;
  }
}
@media only screen and (max-width: 900px) {
  .cp-form .document-detail-wrap {
    align-items: flex-start;
  }
  .cp-form .document-detail-wrap .left-wrap {
    display: block;
    width: 60%;
  }
  .cp-form .document-detail-wrap .left-wrap .file-details {
    width: 100%;
    display: flex;
  }
  .cp-form .document-detail-wrap .left-wrap .doc-detail {
    margin-top: 1.4rem;
  }
  .cp-form .document-detail-wrap .left-wrap > div {
    margin-right: 0;
    width: 50%;
    min-width: auto;
    padding-right: 1rem;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .cp-form .form-head {
    padding: 1.6rem 1.6rem;
  }
  .cp-form .form-head .title {
    font-size: 1.4rem;
  }
  .cp-form .form-head .title .small {
    font-size: 1.2rem;
  }
  .cp-form .form-cont {
    padding: 6.6rem 1.6rem 0.5rem 1.6rem;
  }
  .cp-form .form-cont .map-container.typ-pin-location {
    height: 15rem;
  }
  .cp-form .form-cont .map-container.typ-geofence {
    margin-top: 2.5rem;
    height: 35rem;
  }
  .cp-form .form-group .form-label {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
  }
  .cp-form .form-group .form-control,
  .cp-form .form-group input {
    font-size: 1.3rem;
  }
  .cp-form .form-group .input-switch + .dynamic-text {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-form .action-wrap button + button {
    margin-left: 0;
  }
  .cp-form .document-detail-wrap .left-wrap {
    width: 75%;
  }
  .cp-form .document-detail-wrap .left-wrap .file-details {
    width: 100%;
    display: flex;
  }
  .cp-form .document-detail-wrap .left-wrap .doc-detail {
    margin-top: 1.4rem;
  }
  .cp-form .document-detail-wrap .left-wrap > div {
    margin-right: 0;
    width: 50%;
    padding-right: 1rem;
    display: inline-block;
  }
  .cp-form .col-item .btn-wrap {
    margin-top: 0;
    margin-bottom: 1.2rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row img {
    min-width: 7rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row button {
    right: 0;
  }
  .cp-form .file-upload-status .ui-fileupload-row button:after {
    display: none;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div {
    display: block;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 12.5rem);
    position: absolute;
    top: 0;
    left: 9.5rem;
  }
  .cp-form .file-upload-status .ui-fileupload-row > div:nth-child(2) {
    left: 9.5rem;
  }
  .cp-form .file-upload-status .ui-fileupload-content {
    padding-bottom: 3.5rem;
    margin-top: 1.8rem;
  }
  .cp-form .file-upload-status .ui-fileupload-content .ui-progressbar {
    top: inherit;
    bottom: 1.4rem;
    width: 100%;
  }
  .cp-form .file-upload-status .ui-fileupload-content .ui-progressbar:before {
    font-size: 1.1rem;
  }
  .cp-form .file-upload-status .ui-fileupload-buttonbar {
    right: 1.5rem;
    top: 1.05rem;
  }
  .cp-form .file-upload-status .ui-fileupload-buttonbar .ui-button {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.6rem;
    font-size: 1.2rem;
  }
  .cp-form .file-upload-status .ui-fileupload-files {
    max-width: 100%;
    display: block;
    margin-top: 1.5rem;
    padding-right: 4rem;
  }
}
.cp-card {
  background: #FFFFFF;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-card .card-head {
  padding: 1.2rem 2rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card .card-head .card-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  text-transform: capitalize;
}
.cp-card .card-body .mod-data-list dl {
  min-height: 6.5rem;
  padding: 1.2rem 2rem;
}
.cp-card .card-body .mod-data-list .icon-rupee {
  display: inline-block;
  vertical-align: middle;
}
.cp-card .card-body .mod-data-list .value .icon-rupee {
  font-size: 1rem;
}
.cp-card .card-body .mod-data-list .meta .icon-rupee {
  font-size: 0.9rem;
}
.cp-card .time-label {
  display: flex;
  font-size: 11px;
  line-height: 1.6rem;
  color: #666666;
  margin-left: 13px;
  font-style: italic;
}
.cp-card.typ-service {
  border: none;
  border-radius: 0.2rem;
}
.cp-card.typ-service .card-head {
  position: relative;
  padding: 1rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-head .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-card.typ-service .card-head .mod-name-value .img-wrap img {
  width: 100%;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.2rem;
  display: block;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-card.typ-service .card-head .mod-name-value .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-card.typ-service .card-head .service-count {
  position: absolute;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
  top: 1rem;
  right: 1rem;
}
.cp-card.typ-service .card-body {
  height: 11rem;
  overflow-y: auto;
}
.cp-card.typ-service .card-body .service-list {
  overflow: hidden;
}
.cp-card.typ-service .card-body .service-list .service-item {
  padding: 1.1rem 1rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-body .service-list .service-item .left-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 0.3rem;
}
.cp-card.typ-service .card-body .service-list .service-item .left-wrap .timestamp {
  line-height: 1.4rem;
  display: block;
}
.cp-card.typ-service .card-body .service-list .service-item:last-of-type {
  border-bottom: none;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration {
  text-align: right;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration .icon {
  font-size: 1.5rem;
  color: #666666;
  display: block;
  margin-bottom: 0.3rem;
}
.cp-card.typ-service .card-body .service-list .service-item.typ-col2 .right-wrap .duration .count {
  font-size: 1rem;
  line-height: 1.4rem;
  display: block;
  font-style: italic;
}
.cp-card.typ-service .card-body.one-service {
  height: auto;
}
.cp-card.typ-service .card-footer {
  padding: 1rem;
  border-top: 1px solid #e8ecf8;
}
.cp-card.typ-service .card-footer .btn {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-service .card-footer .btn::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-card.typ-incident {
  border: none;
  border-radius: 0.2rem;
  color: #333333;
}
.cp-card.typ-incident.typ-alert .card-body {
  position: relative;
}
.cp-card.typ-incident.typ-alert .issue-count {
  position: absolute;
  right: 1.5rem;
  bottom: 0.4rem;
}
.cp-card.typ-incident.typ-alert .issue-count .count {
  width: auto;
}
.cp-card.typ-incident .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-card.typ-incident .img-wrap img {
  width: 100%;
}
.cp-card.typ-incident .mod-name-value .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-card.typ-incident .mod-name-value .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-card.typ-incident .card-head {
  position: relative;
  padding: 1.5rem;
  border-bottom: 1px solid #e8ecf8;
}
.cp-card.typ-incident .card-head .more-info {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  cursor: pointer;
  transform: translateY(-50%);
}
.cp-card.typ-incident .card-head .more-info .icon {
  color: #307fe2;
  font-size: 2rem;
}
.cp-card.typ-incident .card-body {
  padding: 1.5rem;
}
.cp-card.typ-incident .card-body .alert-type {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.cp-card.typ-incident .card-body .alert-type .icon-wrap {
  margin-right: 1rem;
  width: 3.5rem;
  text-align: center;
  height: 2rem;
}
.cp-card.typ-incident .card-body .alert-type .text {
  font-size: 1.2rem;
  font-weight: 700;
}
.cp-card.typ-incident .card-body .alert-type .icon {
  font-size: 2.5rem;
  color: #0a0a5f;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-green {
  color: #0c9f41;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-error {
  color: #db0b0b;
}
.cp-card.typ-incident .card-body .alert-type .icon.typ-info {
  display: block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #FFFFFF;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.cp-card.typ-incident .card-body .issue-count {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
.cp-card.typ-incident .card-body .issue-count .count {
  width: 3.5rem;
  text-align: center;
  font-size: 2.2rem;
  color: #0a0a5f;
  margin-right: 1rem;
  font-weight: 700;
}
.cp-card.typ-incident .card-body .odometer-reading {
  font-size: 1.2rem;
  position: relative;
}
.cp-card.typ-incident .card-body .odometer-reading .mod-name-value .info-wrap .name {
  font-size: 1.2rem;
  text-transform: capitalize;
}
.cp-card.typ-incident .card-body .odometer-reading .img-wrap {
  background: #e8ecf8;
  text-align: center;
}
.cp-card.typ-incident .card-body .odometer-reading .img-wrap .icon {
  font-size: 2.3rem;
  line-height: 3.5rem;
  color: #307fe2;
}
.cp-card.typ-incident .card-body .odometer-reading .timestamp {
  position: absolute;
  right: 0;
  bottom: 0;
}
.cp-card.typ-table {
  box-shadow: none;
  background-color: transparent;
}
.cp-card.typ-table .ui-table .ui-table-wrapper {
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-card.typ-table .ui-table thead th {
  padding-bottom: 1rem;
}
.cp-card.typ-map {
  display: flex;
  padding: 2rem;
  border: 1px solid #e8ecf8;
}
.cp-card.typ-map .map-container {
  height: 35rem;
  width: 70%;
}
.cp-card.typ-map .map-container agm-map {
  width: 100%;
  height: 100%;
}
.cp-card.typ-map .map-detail {
  padding-left: 3rem;
}
.cp-card.typ-map .map-detail .status {
  display: inline-block;
  margin-bottom: 2rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  margin-bottom: 2rem;
  padding: 0.2rem 1rem;
}
.cp-card.typ-map .map-detail .status.typ-disabled {
  background-color: #999999;
}
.cp-card.typ-map .map-detail .status.typ-enabled {
  background-color: #0a0a5f;
}
.cp-card.typ-map .map-detail .label-value-list .item {
  margin-bottom: 2rem;
}
.cp-card.typ-map .map-detail .label-value-list .item:last-of-type {
  margin-bottom: 0;
}
.cp-card.typ-map .map-detail .label-value .label,
.cp-card.typ-map .map-detail .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-map .map-detail .label-value .value {
  font-weight: 700;
  color: #333333;
  max-width: 25rem;
}
.cp-card.typ-map .map-detail .label-value .label {
  margin-bottom: 0.3rem;
}
.cp-card.typ-inline {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-inline .card-head {
  padding: 1.5rem 2rem;
  padding-right: 1rem;
  width: 33.33%;
  border-bottom: none;
}
.cp-card.typ-inline .card-body {
  flex-grow: 1;
  padding: 1.5rem 2rem;
  padding-left: 1rem;
}
.cp-card .card-body .detail-item {
  margin-bottom: 1.5rem;
}
.cp-card .card-body .detail-item .label-value .label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card .card-body .detail-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-card .card-body .detail-item .label-value .value.typ-highlight {
  color: #0a0a5f;
}
.cp-card .user-desg-list {
  padding-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-card .user-desg-list .desg-tag {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.3rem 0.7rem;
  background-color: #95a5d5;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: capitalize;
  margin-right: 1.2rem;
}
.cp-card .user-desg-list .desg-tag:last-of-type {
  margin-right: 0;
}
.cp-card.typ-detail .card-head .mod-name-value .img-wrap {
  width: 8rem;
  height: 8rem;
  margin-right: 1.8rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  margin-bottom: 0.5rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location {
  font-size: 1.4rem;
  display: block;
  margin-bottom: 1.2rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span:first-of-type {
  padding-left: 0;
  border-right: 1px solid #666666;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span:last-of-type {
  padding-right: 0;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text {
  margin-bottom: 0.8rem;
  display: block;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .icon {
  font-size: 1.5rem;
  color: #95a5d5;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-left: 0.8rem;
}
.cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text:last-of-type {
  margin-bottom: 0;
}
.cp-card.typ-detail .card-body.typ-no-pad {
  padding-bottom: 0;
}
.cp-card.typ-detail .user-desg-list .desg-tag {
  margin-top: 0;
  margin-bottom: 0;
}
.cp-card.typ-detail .driver-attributes {
  padding-bottom: 2rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .img-wrap {
  width: auto;
  height: auto;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .img-wrap .icon {
  font-size: 2.5rem;
  color: #95a5d5;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .name {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  margin-bottom: 0.3rem;
}
.cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card.typ-detail .driver-attributes.typ-offboard {
  margin-bottom: 0;
  border-bottom: none;
  padding-top: 2rem;
}
.cp-card.typ-detail .details-list.col-3 {
  width: 80%;
}
.cp-card.typ-detail .details-list.col-3.typ-offboard {
  width: 100%;
}
.cp-card.typ-driver .card-head {
  display: flex;
  justify-content: space-between;
}
.cp-card.typ-driver .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
}
.cp-card.typ-driver .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-card.typ-driver .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #666666;
}
.cp-card.typ-driver .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-card.typ-driver .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-card.typ-driver .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-card.typ-driver .card-head .contact-details .item .icon {
  font-size: 1.5rem;
}
@media only screen and (max-width: 1024px) {
  .cp-card .card-head {
    padding: 1.2rem 1.5rem;
  }
  .cp-card .card-head .card-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-card .card-body .mod-data-list dl {
    min-height: 6rem;
    padding: 1.2rem 1.5rem;
  }
  .cp-card .user-desg-list .desg-tag {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
  }
  .cp-card.typ-table {
    margin: 0 -1.5rem;
  }
  .cp-card.typ-map {
    padding: 1.5rem;
    flex-direction: column;
  }
  .cp-card.typ-map .map-container {
    width: 100%;
    height: 25rem;
  }
  .cp-card.typ-map .map-detail {
    padding-left: 0;
    padding-top: 1.5rem;
  }
  .cp-card.typ-map .map-detail .label-value-list {
    display: flex;
    flex-wrap: wrap;
  }
  .cp-card.typ-map .map-detail .label-value-list .item {
    min-width: 50%;
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-inline {
    display: block;
  }
  .cp-card.typ-inline .card-head {
    width: 100%;
    padding: 1.5rem 1.5rem;
  }
  .cp-card.typ-inline .card-body {
    width: 100%;
    padding: 1.5rem;
    padding-top: 0;
  }
  .cp-card.typ-detail .card-head .mod-name-value .img-wrap {
    width: 5rem;
    height: 5rem;
    margin-right: 1.5rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .location span {
    line-height: 1.3rem;
  }
  .cp-card.typ-detail .card-head .mod-name-value .info-wrap .value .mod-icon-text .icon {
    font-size: 1.4rem;
  }
  .cp-card.typ-detail .detail-item {
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-detail .detail-item .label-value .value {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-card.typ-detail .user-desg-list {
    padding-top: 1rem;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag {
    font-size: 1.3rem;
    line-height: 1.7rem;
    margin-right: 1.5rem;
  }
  .cp-card.typ-detail .details-list {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .cp-card.typ-detail .driver-attributes {
    display: block;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value {
    margin-bottom: 1.5rem;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value:last-of-type {
    margin-bottom: 0;
  }
  .cp-card.typ-detail .driver-attributes .mod-name-value .info-wrap .name {
    font-size: 1.5rem;
  }
  .cp-card.typ-detail .driver-attributes.typ-offboard {
    padding-top: 0;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag {
    margin-bottom: 1rem;
  }
  .cp-card.typ-detail .user-desg-list .desg-tag:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@font-face {
  font-family: "Open Sans Bold";
  src: url(/src/assets/fonts/OpenSans-Bold.ttf) format("truetype");
  font-display: swap;
}
.cp-section {
  padding: 2.5rem 3.5rem;
  position: relative;
}
.cp-section .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  align-items: center;
}
.cp-section .sec-head.typ-prev {
  position: relative;
}
.cp-section .sec-head.typ-prev .sec-title {
  padding-left: 1.8rem;
}
.cp-section .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-section .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-section .sec-head .prev-btn {
  position: absolute;
  left: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.cp-section .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
  font-weight: 400 !important;
}
.cp-section .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.cp-section .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
  cursor: pointer;
}
.cp-section .sec-head .sec-title .sec-child-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section .sec-head .sec-title .sec-child-title .title-margin {
  font-weight: normal;
  margin-left: 0.5em;
}
.cp-section .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.3rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-section .sec-head .sec-title .period .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section .sec-head .cp-form .form-group {
  width: 47.5%;
  display: inline-block;
  margin-bottom: 0;
}
.cp-section .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
}
.cp-section .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section .sec-head .cp-form .search-box-wrap input {
  font-weight: 400;
  color: #307fe2;
}
.cp-section .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section .sec-head .right-wrap .search-wrap {
  display: flex;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .search-wrap .input-width {
  width: 15rem !important;
}
.cp-section .sec-head .right-wrap .search-wrap .search-input-width {
  width: 25rem !important;
}
.cp-section .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .search-box-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .search-box-wrap .input-width {
  width: 22rem !important;
}
.cp-section .sec-head .right-wrap .search-box-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section .sec-head .right-wrap .btn-icon-text1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section .sec-head .right-wrap .btn-icon-text1 .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section .sec-head .right-wrap .btn-icon-text1 .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-section .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 2;
  height: auto;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-section .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-section .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-section .sec-head .branch-wrap {
  margin-right: 2rem;
  margin-left: auto;
  font-family: "Open Sans Bold" !important;
  color: solid #307fe2;
}
.cp-section .sec-head .branch-wrap .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #007ad9;
}
.cp-section .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-section .sec-cont .detail-wrap .cp-card {
  border: 1px solid #e8ecf8;
}
.cp-section .sec-cont .detail-wrap .cp-card.typ-inline {
  margin-bottom: 2rem;
}
.cp-section .sec-cont .detail-wrap .cp-vehicle {
  margin-bottom: 2rem;
}
.cp-section .sec-cont .inner-section {
  margin: 0 -4rem;
  padding-top: 1.5rem;
}
.cp-section .sec-cont .inner-section .col-item {
  margin-bottom: 1.5rem;
}
.cp-section .sec-cont .inner-section .sec-head {
  margin-bottom: 2.8rem;
}
.cp-section .sec-cont .vehicle-assign-wrap {
  padding-bottom: 8rem;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-top: 0.5rem;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
  position: relative;
  height: 4.2rem;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field {
  position: absolute;
  top: 0rem;
  background-color: #FFFFFF;
  z-index: 1;
  width: 25rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 0rem;
  z-index: -1;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .btn-search {
  padding: 1rem 0.5rem;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .row {
  display: flex;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .form-group {
  margin-bottom: 0;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  max-width: 21rem;
  width: 100%;
  min-width: 21rem;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section .sec-cont.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-section .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-section .sec-cont.typ-col2 {
  display: flex;
}
.cp-section .sec-cont.typ-col2 .left-wrap {
  padding-right: 1rem;
  width: 70%;
}
.cp-section .sec-cont.typ-col2 .right-wrap {
  padding-left: 1rem;
  width: 30%;
}
.cp-section .sec-cont.typ-col2 .right-wrap .list {
  padding: 0.5rem;
}
.cp-section .sec-cont.typ-col2 .right-wrap .list .cp-trip,
.cp-section .sec-cont.typ-col2 .right-wrap .list .cp-vehicle-status,
.cp-section .sec-cont.typ-col2 .right-wrap .list .cp-task {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
  padding-bottom: 5rem;
}
.cp-section .sec-cont.typ-col2 .left-div {
  padding-right: 1rem;
  width: 100%;
}
.cp-section .sec-cont.typ-col2.typ-big .left-wrap {
  width: 67%;
}
.cp-section .sec-cont.typ-col2.typ-big .right-wrap {
  width: 33%;
}
.cp-section .sec-cont.typ-col2.typ-chart .chart-wrap {
  width: 100%;
  padding: 2rem 0.5rem 4rem;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-section .sec-cont.typ-col2.typ-chart .chart-wrap .chart-title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  padding: 0 4rem 2rem;
}
.cp-section .sec-cont.typ-col2.typ-chart .chart-wrap > div {
  height: 100%;
}
.cp-section .sec-cont.typ-col2.typ-chart .left-wrap {
  width: 50%;
}
.cp-section .sec-cont.typ-col2.typ-chart .left-wrap .chart-wrap {
  height: 100%;
}
.cp-section .sec-cont.typ-col2.typ-chart .right-wrap {
  width: 50%;
}
.cp-section .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap {
  margin-bottom: 2rem;
  height: 22rem;
  padding-bottom: 3rem;
}
.cp-section .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-section .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap .chart-title {
  padding-bottom: 1rem;
}
.cp-section .sec-cont .company-head-card {
  background-color: #FFFFFF;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
  display: flex;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-section .sec-cont .company-head-card .mod-name-value .img-wrap {
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-section .sec-cont .company-head-card .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
}
.cp-section .sec-cont .company-head-card .right-wrap {
  position: relative;
}
.cp-section.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-section.typ-no-pad {
  padding-top: 0;
}
.cp-section .linked-acc-wrap {
  position: relative;
  z-index: 1;
}
.cp-section .linked-acc-wrap .mod-icon-text {
  cursor: pointer;
}
.cp-section .linked-acc-wrap .mod-icon-text .text {
  margin-left: 0;
  margin-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #307fe2;
  font-weight: 700;
  text-transform: capitalize;
}
.cp-section .linked-acc-wrap .mod-icon-text .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cp-section .linked-acc-wrap .mod-icon-text .icon {
  margin: 0;
  font-size: 1.8rem;
  color: #307fe2;
}
.cp-section .linked-acc-wrap .acc-dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 3rem 2.5rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  z-index: 10;
  top: 3rem;
  right: -2rem;
  transition: all 0.5s ease-in-out;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list {
  display: flex;
  justify-content: space-between;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
  width: 18rem;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .acc-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  display: block;
  margin-bottom: 1.5rem;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value {
  margin-bottom: 1.5rem;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value:last-of-type {
  margin-bottom: 0;
}
.cp-section .linked-acc-wrap .acc-dropdown .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cp-section .linked-acc-wrap .acc-dropdown .close-btn .icon {
  font-size: 1.2rem;
  color: #666666;
  font-weight: 400;
}
.cp-section .linked-acc-wrap .acc-dropdown:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 2rem;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
}
.cp-section .linked-acc-wrap.active .acc-dropdown {
  opacity: 1;
  visibility: visible;
}
.cp-section.tabs-in-head .cp-tabs {
  width: 100%;
}
.cp-section.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize !important;
}
.cp-section.tabs-in-head-rate .cp-tabs {
  width: 100%;
}
.cp-section.tabs-in-head-rate .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.4rem;
  font-weight: normal;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666666;
}
.cp-section .swiper-container.trip-analysis {
  padding: 0.5rem;
}
.cp-section .swiper-container.trip-analysis .cp-card {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section .swiper-container.trip-analysis .swiper-slide {
  width: 36rem;
}
.cp-section-attendance {
  padding: 2.5rem 2.5rem;
  position: relative;
}
.cp-section-attendance .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  align-items: center;
}
.cp-section-attendance .sec-head.typ-prev {
  position: relative;
}
.cp-section-attendance .sec-head.typ-prev .sec-title {
  padding-left: 1.8rem;
}
.cp-section-attendance .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-section-attendance .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-section-attendance .sec-head .prev-btn {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cp-section-attendance .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
}
.cp-section-attendance .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.cp-section-attendance .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
}
.cp-section-attendance .sec-head .sec-title .sec-child-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section-attendance .sec-head .sec-title .sec-child-title .title-margin {
  font-weight: normal;
  margin-left: 0.5em;
}
.cp-section-attendance .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.3rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-section-attendance .sec-head .sec-title .period .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section-attendance .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section-attendance .sec-head .cp-form .form-group {
  width: 47.5%;
  display: inline-block;
  margin-bottom: 0;
}
.cp-section-attendance .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
}
.cp-section-attendance .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section-attendance .sec-head .cp-form .search-box-wrap input {
  font-weight: 400;
  color: #307fe2;
}
.cp-section-attendance .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section-attendance .sec-head .right-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cp-section-attendance .sec-head .right-wrap .cp-section {
  padding: 2.5rem 3.5rem;
  position: relative;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  align-items: center;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head.typ-prev {
  position: relative;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head.typ-prev .sec-title {
  padding-left: 1.8rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .prev-btn {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .sec-title .sec-child-title {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .sec-title .sec-child-title .title-margin {
  font-weight: normal;
  margin-left: 0.5em;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.3rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .sec-title .period .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .cp-form .form-group {
  width: 47.5%;
  display: inline-block;
  margin-bottom: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .cp-form .search-box-wrap input {
  font-weight: 400;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-wrap {
  display: inline-block;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-wrap .input-width {
  width: 15rem !important;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-wrap .search-input-width {
  width: 25rem !important;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-box-wrap {
  display: inline-block;
  margin-top: 13px;
  margin-right: 2rem;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-box-wrap .input-width {
  width: 22rem !important;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .search-box-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  margin-right: 2rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .btn-icon-text1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .btn-icon-text1 .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .btn-icon-text1 .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 2;
  height: auto;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .branch-wrap {
  margin-right: 2rem;
  align-self: flex-end;
  font-family: "Open Sans Bold" !important;
  color: solid #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-head .branch-wrap .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #007ad9;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .detail-wrap .cp-card {
  border: 1px solid #e8ecf8;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .detail-wrap .cp-card.typ-inline {
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .detail-wrap .cp-vehicle {
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .inner-section {
  margin: 0 -4rem;
  padding-top: 1.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .inner-section .col-item {
  margin-bottom: 1.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .inner-section .sec-head {
  margin-bottom: 2.8rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap {
  padding-bottom: 8rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-top: 0.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
  position: relative;
  height: 4.2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field {
  position: absolute;
  top: 0rem;
  background-color: #FFFFFF;
  z-index: 1;
  width: 25rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 0rem;
  z-index: -1;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .btn-search {
  padding: 1rem 0.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .row {
  display: flex;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .form-group {
  margin-bottom: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  max-width: 21rem;
  width: 100%;
  min-width: 21rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 {
  display: flex;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .left-wrap {
  padding-right: 1rem;
  width: 70%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .right-wrap {
  padding-left: 1rem;
  width: 30%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .right-wrap .list {
  padding: 0.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .right-wrap .list .cp-trip,
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .right-wrap .list .cp-vehicle-status,
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .right-wrap .list .cp-task {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
  padding-bottom: 5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-big .left-wrap {
  width: 67%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-big .right-wrap {
  width: 33%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .chart-wrap {
  width: 100%;
  padding: 2rem 0.5rem 4rem;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .chart-wrap .chart-title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  padding: 0 4rem 2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .chart-wrap > div {
  height: 100%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .left-wrap {
  width: 50%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .left-wrap .chart-wrap {
  height: 100%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .right-wrap {
  width: 50%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap {
  margin-bottom: 2rem;
  height: 22rem;
  padding-bottom: 3rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap .chart-title {
  padding-bottom: 1rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .company-head-card {
  background-color: #FFFFFF;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
  display: flex;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .company-head-card .mod-name-value .img-wrap {
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .company-head-card .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .sec-cont .company-head-card .right-wrap {
  position: relative;
}
.cp-section-attendance .sec-head .right-wrap .cp-section.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section.typ-no-pad {
  padding-top: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap {
  position: relative;
  z-index: 1;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .mod-icon-text {
  cursor: pointer;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .mod-icon-text .text {
  margin-left: 0;
  margin-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #307fe2;
  font-weight: 700;
  text-transform: capitalize;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .mod-icon-text .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .mod-icon-text .icon {
  margin: 0;
  font-size: 1.8rem;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 3rem 2.5rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  z-index: 10;
  top: 3rem;
  right: -2rem;
  transition: all 0.5s ease-in-out;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list {
  display: flex;
  justify-content: space-between;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
  width: 18rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .acc-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  display: block;
  margin-bottom: 1.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value {
  margin-bottom: 1.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value:last-of-type {
  margin-bottom: 0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown .close-btn .icon {
  font-size: 1.2rem;
  color: #666666;
  font-weight: 400;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap .acc-dropdown:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 2rem;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .linked-acc-wrap.active .acc-dropdown {
  opacity: 1;
  visibility: visible;
}
.cp-section-attendance .sec-head .right-wrap .cp-section.tabs-in-head .cp-tabs {
  width: 100%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize !important;
}
.cp-section-attendance .sec-head .right-wrap .cp-section.tabs-in-head-rate .cp-tabs {
  width: 100%;
}
.cp-section-attendance .sec-head .right-wrap .cp-section.tabs-in-head-rate .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.4rem;
  font-weight: normal;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666666;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .swiper-container.trip-analysis {
  padding: 0.5rem;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .swiper-container.trip-analysis .cp-card {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section-attendance .sec-head .right-wrap .cp-section .swiper-container.trip-analysis .swiper-slide {
  width: 36rem;
}
.cp-section-attendance .sec-head .right-wrap .search-wrap {
  display: inline-block;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .search-wrap .input-width {
  width: 15rem !important;
}
.cp-section-attendance .sec-head .right-wrap .search-wrap .search-input-width {
  width: 25rem !important;
}
.cp-section-attendance .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .search-box-wrap {
  display: inline-block;
  margin-top: 13px;
  margin-right: 2rem;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .search-box-wrap .input-width {
  width: 22rem !important;
}
.cp-section-attendance .sec-head .right-wrap .search-box-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  margin-right: 2rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section-attendance .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section-attendance .sec-head .right-wrap .btn-icon-text1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section-attendance .sec-head .right-wrap .btn-icon-text1 .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section-attendance .sec-head .right-wrap .btn-icon-text1 .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 2;
  height: auto;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-section-attendance .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-section-attendance .sec-head .branch-wrap {
  margin-right: 2rem;
  margin-left: auto;
  font-family: "Open Sans Bold" !important;
  color: solid #307fe2;
}
.cp-section-attendance .sec-head .branch-wrap .ui-dropdown-trigger {
  background-color: #ffffff;
  width: 2em;
  line-height: 2em;
  text-align: center;
  padding: 0;
  color: #007ad9;
}
.cp-section-attendance .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-section-attendance .sec-cont .detail-wrap .cp-card {
  border: 1px solid #e8ecf8;
}
.cp-section-attendance .sec-cont .detail-wrap .cp-card.typ-inline {
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-cont .detail-wrap .cp-vehicle {
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-cont .inner-section {
  margin: 0 -4rem;
  padding-top: 1.5rem;
}
.cp-section-attendance .sec-cont .inner-section .col-item {
  margin-bottom: 1.5rem;
}
.cp-section-attendance .sec-cont .inner-section .sec-head {
  margin-bottom: 2.8rem;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap {
  padding-bottom: 8rem;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-top: 0.5rem;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
  position: relative;
  height: 4.2rem;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field {
  position: absolute;
  top: 0rem;
  background-color: #FFFFFF;
  z-index: 1;
  width: 25rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 0rem;
  z-index: -1;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .btn-search {
  padding: 1rem 0.5rem;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .row {
  display: flex;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .form-group {
  margin-bottom: 0;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  max-width: 21rem;
  width: 100%;
  min-width: 21rem;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section-attendance .sec-cont .vehicle-assign-wrap .head-wrap .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section-attendance .sec-cont.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-section-attendance .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-cont.typ-col2 {
  display: flex;
}
.cp-section-attendance .sec-cont.typ-col2 .left-wrap {
  padding-right: 1rem;
  width: 70%;
}
.cp-section-attendance .sec-cont.typ-col2 .right-wrap {
  padding-left: 1rem;
  width: 30%;
}
.cp-section-attendance .sec-cont.typ-col2 .right-wrap .list {
  padding: 0.5rem;
}
.cp-section-attendance .sec-cont.typ-col2 .right-wrap .list .cp-trip,
.cp-section-attendance .sec-cont.typ-col2 .right-wrap .list .cp-vehicle-status,
.cp-section-attendance .sec-cont.typ-col2 .right-wrap .list .cp-task {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section-attendance .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
  padding-bottom: 5rem;
}
.cp-section-attendance .sec-cont.typ-col2.typ-big .left-wrap {
  width: 67%;
}
.cp-section-attendance .sec-cont.typ-col2.typ-big .right-wrap {
  width: 33%;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .chart-wrap {
  width: 100%;
  padding: 2rem 0.5rem 4rem;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .chart-wrap .chart-title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  padding: 0 4rem 2rem;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .chart-wrap > div {
  height: 100%;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .left-wrap {
  width: 50%;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .left-wrap .chart-wrap {
  height: 100%;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .right-wrap {
  width: 50%;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap {
  margin-bottom: 2rem;
  height: 22rem;
  padding-bottom: 3rem;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-section-attendance .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap .chart-title {
  padding-bottom: 1rem;
}
.cp-section-attendance .sec-cont .company-head-card {
  background-color: #FFFFFF;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
  display: flex;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-section-attendance .sec-cont .company-head-card .mod-name-value .img-wrap {
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-section-attendance .sec-cont .company-head-card .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
}
.cp-section-attendance .sec-cont .company-head-card .right-wrap {
  position: relative;
}
.cp-section-attendance.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-section-attendance.typ-no-pad {
  padding-top: 0;
}
.cp-section-attendance .linked-acc-wrap {
  position: relative;
  z-index: 1;
}
.cp-section-attendance .linked-acc-wrap .mod-icon-text {
  cursor: pointer;
}
.cp-section-attendance .linked-acc-wrap .mod-icon-text .text {
  margin-left: 0;
  margin-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #307fe2;
  font-weight: 700;
  text-transform: capitalize;
}
.cp-section-attendance .linked-acc-wrap .mod-icon-text .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cp-section-attendance .linked-acc-wrap .mod-icon-text .icon {
  margin: 0;
  font-size: 1.8rem;
  color: #307fe2;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 3rem 2.5rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  z-index: 10;
  top: 3rem;
  right: -2rem;
  transition: all 0.5s ease-in-out;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list {
  display: flex;
  justify-content: space-between;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
  width: 18rem;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list .acc-item .acc-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  display: block;
  margin-bottom: 1.5rem;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value {
  margin-bottom: 1.5rem;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value:last-of-type {
  margin-bottom: 0;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown .close-btn .icon {
  font-size: 1.2rem;
  color: #666666;
  font-weight: 400;
}
.cp-section-attendance .linked-acc-wrap .acc-dropdown:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 2rem;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
}
.cp-section-attendance .linked-acc-wrap.active .acc-dropdown {
  opacity: 1;
  visibility: visible;
}
.cp-section-attendance.tabs-in-head .cp-tabs {
  width: 100%;
}
.cp-section-attendance.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: capitalize !important;
}
.cp-section-attendance.tabs-in-head-rate .cp-tabs {
  width: 100%;
}
.cp-section-attendance.tabs-in-head-rate .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.4rem;
  font-weight: normal;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #666666;
}
.cp-section-attendance .swiper-container.trip-analysis {
  padding: 0.5rem;
}
.cp-section-attendance .swiper-container.trip-analysis .cp-card {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section-attendance .swiper-container.trip-analysis .swiper-slide {
  width: 36rem;
}
@media only screen and (max-width: 1024px) {
  .cp-section {
    padding: 2rem 1.5rem;
  }
  .cp-section .sec-head {
    margin-bottom: 1.5rem;
  }
  .cp-section .sec-head .sec-title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0;
  }
  .cp-section .sec-head.typ-inline {
    flex-direction: row;
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .cp-section .sec-head.typ-inline .sec-title {
    order: initial;
    align-self: flex-start;
  }
  .cp-section .sec-head.typ-inline .right-wrap {
    margin-bottom: 0;
  }
  .cp-section .sec-cont.typ-col2 {
    display: block;
  }
  .cp-section .sec-cont.typ-col2 .mob-head {
    display: none !important;
  }
  .cp-section .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
    padding-bottom: 0;
  }
  .cp-section .sec-cont.typ-col2 .left-wrap .chart-wrap {
    margin-bottom: 2rem !important;
  }
  .cp-section .sec-cont.typ-col2 .right-wrap,
  .cp-section .sec-cont.typ-col2 .left-wrap {
    padding: 0;
    width: 100%;
  }
  .cp-section .sec-cont.typ-col2 .right-wrap .chart-wrap,
  .cp-section .sec-cont.typ-col2 .left-wrap .chart-wrap {
    height: 20rem !important;
  }
  .cp-section .sec-cont.typ-col2 .right-wrap .chart-wrap .chart-title,
  .cp-section .sec-cont.typ-col2 .left-wrap .chart-wrap .chart-title {
    padding-bottom: 1rem;
  }
  .cp-section .sec-cont.typ-col2.typ-big .left-wrap {
    width: 100%;
    margin-bottom: 3rem;
  }
  .cp-section .sec-cont.typ-col2.typ-big .right-wrap {
    width: 100%;
  }
  .cp-section .sec-cont .inner-section {
    margin: 0 -1.5rem;
  }
  .cp-section .sec-cont .inner-section .cp-section.typ-no-pad {
    padding-top: 0;
  }
  .cp-section .sec-cont .vehicle-assign-wrap {
    padding-bottom: 6rem;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap {
    flex-direction: column;
    position: relative;
    align-items: flex-start;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .title {
    padding-right: 5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap {
    margin-right: 0;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field {
    left: auto;
    width: calc(100vw - 3rem);
    right: 0;
    bottom: auto;
    height: 4rem;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group {
    padding: 0.8rem 1.5rem;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap {
    margin-top: 3rem;
    display: block;
    width: 100%;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap .form-group {
    width: 100%;
  }
  .cp-section .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap .form-group .input-group {
    max-width: 100%;
  }
  .cp-section .sec-cont .company-head-card {
    display: block;
  }
  .cp-section .sec-cont .company-head-card .left-wrap {
    margin-bottom: 1.5rem;
  }
  .cp-section .sec-cont .company-head-card .mod-name-value .img-wrap {
    width: 4rem;
    height: 4rem;
  }
  .cp-section .sec-cont .company-head-card .mod-name-value .info-wrap .name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-section .sec-cont.acc-list .cp-accordion {
    padding: 1.5rem 0 2rem;
  }
  .cp-section .linked-acc-wrap .acc-dropdown {
    width: 29rem;
    padding: 1.5rem 0;
    right: auto;
    left: -2rem;
  }
  .cp-section .linked-acc-wrap .acc-dropdown .acc-list {
    display: block;
    max-height: 29rem;
    overflow-y: auto;
  }
  .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-bottom: 1px solid #e8ecf8;
  }
  .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .cp-section .linked-acc-wrap .acc-dropdown .acc-list .acc-item:first-of-type {
    padding-top: 0;
  }
  .cp-section .linked-acc-wrap .acc-dropdown:before {
    right: 11.5rem;
  }
  .cp-section .swiper-container.trip-analysis .swiper-slide {
    width: 28rem;
  }
  .cp-section .task-overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in;
    background: #FFFFFF;
    padding-top: 8rem;
    overflow-y: auto;
    padding-bottom: 5rem;
  }
  .cp-section .task-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .cp-section .task-overlay .mob-head {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #e8ecf8;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    right: 0;
    background: #FFFFFF;
  }
  .cp-section .task-overlay .mob-head .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .cp-section .task-overlay .mob-head .btn-close .icon {
    color: #979797;
    font-size: 1.5rem;
  }
  .cp-section .task-overlay .left-wrap,
  .cp-section .task-overlay .right-wrap {
    padding: 0 1.5rem;
  }
  .cp-section .task-overlay .left-wrap {
    display: block !important;
    margin-bottom: 1.5rem;
  }
  .cp-section .task-overlay .cp-task-list .title,
  .cp-section .task-overlay .cp-task-list .date-label {
    display: none;
  }
  .cp-section .task-overlay .cp-task-list .btn-icon {
    display: none;
  }
  .cp-section .task-overlay .cp-task-list .item {
    display: block;
    margin-bottom: 2rem !important;
  }
  .cp-section .task-overlay .cp-task-list .item:last-of-type {
    margin-bottom: 0 !important;
  }
  .cp-section .task-overlay .cp-task-list .act-wrap {
    display: block;
  }
  .cp-section .task-overlay .cp-calendar .cal-cont {
    padding-top: 0;
    position: relative;
    border-top: 1px solid transparent;
    max-height: 0;
    overflow: hidden;
    background: #FFFFFF;
    transition: all 0.5s ease-in;
  }
  .cp-section .task-overlay .cp-calendar .cal-cont.show {
    padding-top: 5rem;
    max-height: 45rem;
    border-top-color: #e8ecf8;
  }
  .cp-section .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle {
    height: 5rem;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem;
    align-items: center;
    border-bottom: 1px solid #e8ecf8;
    background: #FFFFFF;
  }
  .cp-section .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle .icon,
  .cp-section .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle .month-name {
    color: #0a0a5f;
    font-weight: 700;
  }
  .cp-section .map-overlay .cp-section .sec-cont > .right-wrap {
    display: none;
  }
  .cp-section .map-overlay .cp-section .sec-cont > .left-wrap {
    margin-bottom: 0;
    height: 100%;
  }
  .cp-section .map-overlay .cp-section .cp-map-wrap {
    display: flex;
    flex-direction: column;
  }
  .cp-section .map-overlay .cp-section .cp-map-wrap .map-container {
    height: auto;
    flex-grow: 1;
  }
  .vehiclelist-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #FFFFFF;
    z-index: 12;
    transition: all 0.5s ease-in-out;
  }
  .vehiclelist-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .vehiclelist-overlay .mob-head {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #e8ecf8;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    background: #FFFFFF;
  }
  .vehiclelist-overlay .mob-head .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .vehiclelist-overlay .mob-head .btn-close .icon {
    color: #979797;
    font-size: 1.5rem;
  }
  .vehiclelist-overlay .left-wrap .map-container {
    display: none;
  }
  .vehiclelist-overlay .right-wrap {
    padding: 1rem 0 0;
    height: calc(100% - 11.7rem);
  }
  .vehiclelist-overlay .right-wrap .cp-map-filter-list {
    height: 100%;
  }
  .vehiclelist-overlay .right-wrap .list-head {
    padding: 0 1.5rem;
  }
  .vehiclelist-overlay .right-wrap .list-head .search-wrap {
    display: flex;
  }
  .vehiclelist-overlay .right-wrap .list-head .btn-link {
    display: none !important;
  }
  .vehiclelist-overlay .right-wrap .list-body {
    height: calc(100% - 3.3rem);
    overflow-y: auto;
  }
  .vehiclelist-overlay .right-wrap .list-body .item {
    display: block;
  }
  .vehiclelist-overlay .right-wrap .list-body .list {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 900px) {
  .cp-section .sec-head {
    flex-direction: row;
    align-items: stretch;
  }
  .cp-section .sec-head .sec-title {
    order: 2;
  }
  .cp-section .sec-head .right-wrap .list-head .search-wrap {
    display: flex;
  }
  .cp-section .tile-view {
    flex-direction: row-reverse;
  }
  .cp-section .sec-head .cp-form .form-group {
    width: 47%;
  }
  .cp-section > .act-wrap.typ-fixed {
    padding: 1.2rem 1.8rem;
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cp-section.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
    font-size: 1.4rem;
  }
  .cp-section .sec-cont.typ-col2.typ-chart .left-wrap,
  .cp-section .sec-cont.typ-col2.typ-chart .right-wrap {
    width: 100%;
  }
  .cp-section .sec-cont.typ-col2.typ-chart .right-wrap {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 1920px) {
  .cp-section .sec-head {
    margin-left: 1rem;
  }
}
.cp-section-alert {
  padding: 2.5rem 4rem;
  position: relative;
}
.cp-section-alert .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  align-items: center;
}
.cp-section-alert .sec-head .branch-wrap {
  margin-right: 2rem;
  margin-left: auto;
}
.cp-section-alert .sec-head .left-wrap {
  display: flex;
  align-items: center;
}
.cp-section-alert .sec-head .left-wrap .incident-types {
  font-size: 1.4rem;
}
.cp-section-alert .sec-head .left-wrap .incident-types > div {
  margin-left: 1.5rem;
  display: inline-block;
}
.cp-section-alert .sec-head .left-wrap .incident-types .count {
  font-weight: 700;
}
.cp-section-alert .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-section-alert .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-section-alert .sec-head .prev-btn {
  margin-top: 0.2rem;
  margin-right: 0.5rem;
}
.cp-section-alert .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
}
.cp-section-alert .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.cp-section-alert .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
}
.cp-section-alert .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.8rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-section-alert .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-section-alert .sec-head .cp-form .form-group {
  margin-bottom: 0;
}
.cp-section-alert .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  max-width: 21rem;
  width: 100%;
  min-width: 21rem;
}
.cp-section-alert .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-section-alert .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-section-alert .sec-head .right-wrap .search-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
}
.cp-section-alert .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-section-alert .sec-head .right-wrap .form-group {
  margin-bottom: 0;
}
.cp-section-alert .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  margin-right: 2rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-section-alert .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-section-alert .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 1;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-section-alert .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-section-alert .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-section-alert .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-section-alert .sec-cont.typ-col2 {
  display: flex;
}
.cp-section-alert .sec-cont.typ-col2 .left-wrap {
  padding-right: 1rem;
  width: 70%;
}
.cp-section-alert .sec-cont.typ-col2 .right-wrap {
  padding-left: 1rem;
}
.cp-section-alert .sec-cont.typ-col2 .right-wrap .list {
  padding: 0.5rem;
}
.cp-section-alert .sec-cont.typ-col2 .right-wrap .list .cp-trip,
.cp-section-alert .sec-cont.typ-col2 .right-wrap .list .cp-vehicle-status,
.cp-section-alert .sec-cont.typ-col2 .right-wrap .list .cp-task {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-section-alert .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
  padding-bottom: 5rem;
}
.cp-section-alert .sec-cont.typ-col2.typ-big .left-wrap {
  width: 67%;
}
.cp-section-alert .sec-cont.typ-col2.typ-big .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
  font-weight: bold !important;
  color: #307fe2 !important;
}
.cp-section-alert .sec-cont.typ-col2.typ-big .ui-dropdown .ui-dropdown-label {
  font-family: "Open Sans" !important;
  font-weight: bold !important;
  color: #307fe2 !important;
}
.cp-section-alert .sec-cont.typ-col2.typ-big .ui-dropdown {
  border: 0px solid white !important;
  font-size: 12px !important;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .chart-wrap {
  width: 100%;
  padding: 2rem 0.5rem 4rem;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .chart-wrap .chart-title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  padding: 0 4rem 2rem;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .chart-wrap > div {
  height: 100%;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .left-wrap {
  width: 50%;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .left-wrap .chart-wrap {
  height: 100%;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .right-wrap {
  width: 50%;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap {
  margin-bottom: 2rem;
  height: 22rem;
  padding-bottom: 3rem;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-section-alert .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap .chart-title {
  padding-bottom: 1rem;
}
.cp-section-alert .sec-cont .company-head-card {
  background-color: #FFFFFF;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
  display: flex;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-section-alert .sec-cont .company-head-card .mod-name-value .img-wrap {
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-section-alert .sec-cont .company-head-card .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
}
.cp-section-alert .sec-cont .company-head-card .right-wrap {
  position: relative;
}
.cp-section-alert > .act-wrap.typ-fixed {
  padding: 2rem 4rem;
  background: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: fixed;
  left: 18rem;
  bottom: 0;
  right: 0;
  text-align: right;
  z-index: 4;
}
.cp-section-alert.typ-no-pad {
  padding-top: 0;
}
.cp-section-alert .linked-acc-wrap {
  position: relative;
  z-index: 1;
}
.cp-section-alert .linked-acc-wrap .mod-icon-text {
  cursor: pointer;
}
.cp-section-alert .linked-acc-wrap .mod-icon-text .text {
  margin-left: 0;
  margin-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #307fe2;
  font-weight: 700;
  text-transform: capitalize;
}
.cp-section-alert .linked-acc-wrap .mod-icon-text .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cp-section-alert .linked-acc-wrap .mod-icon-text .icon {
  margin: 0;
  font-size: 1.8rem;
  color: #307fe2;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 3rem 2.5rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  z-index: 10;
  top: 3rem;
  right: -2rem;
  transition: all 0.5s ease-in-out;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list {
  display: flex;
  justify-content: space-between;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
  width: 18rem;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item .acc-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  display: block;
  margin-bottom: 1.5rem;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value {
  margin-bottom: 1.5rem;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value:last-of-type {
  margin-bottom: 0;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown .close-btn .icon {
  font-size: 1.2rem;
  color: #666666;
  font-weight: 400;
}
.cp-section-alert .linked-acc-wrap .acc-dropdown:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 2rem;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
}
.cp-section-alert .linked-acc-wrap.active .acc-dropdown {
  opacity: 1;
  visibility: visible;
}
.cp-section-alert.tabs-in-head .cp-tabs {
  width: 100%;
}
.cp-section-alert.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cp-section-alert .swiper-container.trip-analysis {
  padding: 0.5rem;
}
.cp-section-alert .swiper-container.trip-analysis .swiper-slide {
  width: 36rem;
}
.map-overlay {
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  z-index: 12;
}
.map-overlay.active {
  opacity: 1;
  visibility: visible;
}
.map-overlay .cp-map-wrap {
  height: 100%;
  border: 0;
}
.map-overlay .cp-map-wrap .map-container {
  height: calc(100% - 5.8rem);
}
.map-overlay .cp-map-wrap .map-container .btn-enlarge .icon:before {
  content: "\e92c";
}
.map-overlay .right-wrap {
  display: none;
}
.map-overlay .left-wrap {
  width: 100%;
  height: 100vh;
}
.map-overlay .cp-map-filter-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.map-overlay .cp-map-filter-list .list-body {
  flex-grow: 1;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .cp-section-alert {
    padding: 2rem 1.5rem;
  }
  .cp-section-alert.typ-no-pad {
    padding-top: 2rem;
  }
  .cp-section-alert .sec-head {
    margin-bottom: 1.5rem;
  }
  .cp-section-alert .sec-head .sec-title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0;
  }
  .cp-section-alert .sec-head .search-btn .icon {
    color: #307fe2;
    font-size: 1.5rem;
  }
  .cp-section-alert .sec-head.typ-inline {
    flex-direction: row;
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .cp-section-alert .sec-head.typ-inline .sec-title {
    order: initial;
  }
  .cp-section-alert .sec-head.typ-inline .right-wrap {
    margin-bottom: 0;
  }
  .cp-section-alert .sec-cont.typ-col2 {
    display: block;
  }
  .cp-section-alert .sec-cont.typ-col2 .mob-head {
    display: none !important;
  }
  .cp-section-alert .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
    padding-bottom: 0;
  }
  .cp-section-alert .sec-cont.typ-col2 .left-wrap .chart-wrap {
    margin-bottom: 2rem !important;
  }
  .cp-section-alert .sec-cont.typ-col2 .right-wrap,
  .cp-section-alert .sec-cont.typ-col2 .left-wrap {
    padding: 0;
    width: 100%;
  }
  .cp-section-alert .sec-cont.typ-col2 .right-wrap .chart-wrap,
  .cp-section-alert .sec-cont.typ-col2 .left-wrap .chart-wrap {
    height: 20rem !important;
  }
  .cp-section-alert .sec-cont.typ-col2 .right-wrap .chart-wrap .chart-title,
  .cp-section-alert .sec-cont.typ-col2 .left-wrap .chart-wrap .chart-title {
    padding-bottom: 1rem;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-big .left-wrap {
    width: 100%;
    margin-bottom: 3rem;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-big .right-wrap {
    width: 100%;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-big .ui-dropdown .ui-dropdown-trigger .ui-dropdown-trigger-icon {
    font-weight: bold !important;
    color: #307fe2 !important;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-big .ui-dropdown .ui-dropdown-label {
    font-family: "Open Sans" !important;
    font-weight: bold !important;
    color: #307fe2 !important;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-big .ui-dropdown {
    border: 0px solid white !important;
    font-size: 12px !important;
  }
  .cp-section-alert .sec-cont .company-head-card {
    display: block;
  }
  .cp-section-alert .sec-cont .company-head-card .left-wrap {
    margin-bottom: 1.5rem;
  }
  .cp-section-alert .sec-cont .company-head-card .mod-name-value .img-wrap {
    width: 4rem;
    height: 4rem;
  }
  .cp-section-alert .sec-cont .company-head-card .mod-name-value .info-wrap .name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-section-alert > .act-wrap.typ-fixed {
    padding: 1.2rem 1.8rem;
    left: 0;
  }
  .cp-section-alert .linked-acc-wrap .acc-dropdown {
    width: 29rem;
    padding: 1.5rem 0;
    right: auto;
    left: -2rem;
  }
  .cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list {
    display: block;
    max-height: 29rem;
    overflow-y: auto;
  }
  .cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-bottom: 1px solid #e8ecf8;
  }
  .cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .cp-section-alert .linked-acc-wrap .acc-dropdown .acc-list .acc-item:first-of-type {
    padding-top: 0;
  }
  .cp-section-alert .linked-acc-wrap .acc-dropdown:before {
    right: 11.5rem;
  }
  .cp-section-alert .swiper-container.trip-analysis .swiper-slide {
    width: 28rem;
  }
  .cp-section-alert .task-overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in;
    background: #FFFFFF;
    padding-top: 8rem;
    overflow-y: auto;
    padding-bottom: 5rem;
  }
  .cp-section-alert .task-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .cp-section-alert .task-overlay .mob-head {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #e8ecf8;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    right: 0;
    background: #FFFFFF;
  }
  .cp-section-alert .task-overlay .mob-head .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .cp-section-alert .task-overlay .mob-head .btn-close .icon {
    color: #979797;
    font-size: 1.5rem;
  }
  .cp-section-alert .task-overlay .left-wrap,
  .cp-section-alert .task-overlay .right-wrap {
    padding: 0 1.5rem;
  }
  .cp-section-alert .task-overlay .left-wrap {
    display: block !important;
    margin-bottom: 1.5rem;
  }
  .cp-section-alert .task-overlay .cp-task-list .title,
  .cp-section-alert .task-overlay .cp-task-list .date-label {
    display: none;
  }
  .cp-section-alert .task-overlay .cp-task-list .btn-icon {
    display: none;
  }
  .cp-section-alert .task-overlay .cp-task-list .item {
    display: block;
    margin-bottom: 2rem !important;
  }
  .cp-section-alert .task-overlay .cp-task-list .item:last-of-type {
    margin-bottom: 0 !important;
  }
  .cp-section-alert .task-overlay .cp-task-list .act-wrap {
    display: block;
  }
  .cp-section-alert .task-overlay .cp-calendar .cal-cont {
    padding-top: 0;
    position: relative;
    border-top: 1px solid transparent;
    max-height: 0;
    overflow: hidden;
    background: #FFFFFF;
    transition: all 0.5s ease-in;
  }
  .cp-section-alert .task-overlay .cp-calendar .cal-cont.show {
    padding-top: 5rem;
    max-height: 45rem;
    border-top-color: #e8ecf8;
  }
  .cp-section-alert .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle {
    height: 5rem;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem;
    align-items: center;
    border-bottom: 1px solid #e8ecf8;
    background: #FFFFFF;
  }
  .cp-section-alert .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle .icon,
  .cp-section-alert .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle .month-name {
    color: #0a0a5f;
    font-weight: 700;
  }
  .map-overlay .cp-section-alert .sec-cont > .right-wrap {
    display: none;
  }
  .map-overlay .cp-section-alert .sec-cont > .left-wrap {
    margin-bottom: 0;
    height: 100%;
  }
  .map-overlay .cp-section-alert .cp-map-wrap {
    display: flex;
    flex-direction: column;
  }
  .map-overlay .cp-section-alert .cp-map-wrap .map-container {
    height: auto;
    flex-grow: 1;
  }
  .vehiclelist-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #FFFFFF;
    z-index: 12;
    transition: all 0.5s ease-in-out;
  }
  .vehiclelist-overlay.active {
    opacity: 1;
    visibility: visible;
    height: 100vh;
  }
  .vehiclelist-overlay .mob-head {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #e8ecf8;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    background: #FFFFFF;
  }
  .vehiclelist-overlay .mob-head .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .vehiclelist-overlay .mob-head .btn-close .icon {
    color: #979797;
    font-size: 1.5rem;
  }
  .vehiclelist-overlay .left-wrap .map-container {
    display: none;
  }
  .vehiclelist-overlay .right-wrap {
    padding: 1rem 0 0;
    height: calc(100% - 11.7rem);
    overflow: auto;
  }
  .vehiclelist-overlay .right-wrap .cp-map-filter-list {
    height: 100%;
  }
  .vehiclelist-overlay .right-wrap .list-head {
    padding: 0 1.5rem;
  }
  .vehiclelist-overlay .right-wrap .list-head .search-wrap {
    display: flex;
  }
  .vehiclelist-overlay .right-wrap .list-head .btn-link {
    display: none !important;
  }
  .vehiclelist-overlay .right-wrap .list-body {
    height: calc(100% - 3.3rem);
    overflow-y: auto;
  }
  .vehiclelist-overlay .right-wrap .list-body .item {
    display: block;
  }
  .vehiclelist-overlay .right-wrap .list-body .list {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 900px) {
  .cp-section-alert .sec-head .right-wrap {
    margin: 2rem 0 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-section-alert.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
    font-size: 1.4rem;
  }
  .cp-section-alert .sec-head .left-wrap {
    align-items: flex-start;
    flex-direction: row;
  }
  .cp-section-alert .sec-head .left-wrap .incident-types > div {
    margin-left: 0;
    margin-right: 1.5rem;
    margin-top: 0.4rem;
  }
  .cp-section-alert .sec-head .form-wrap {
    width: 50%;
  }
  .cp-section-alert .sec-head .cp-form .input-group {
    min-width: auto;
  }
  .cp-section-alert .sec-head.break-lw .left-wrap {
    flex-direction: column;
  }
  .cp-section-alert .sec-head.full-width-lw {
    flex-direction: column;
    align-items: flex-start;
  }
  .cp-section-alert .sec-head.full-width-lw .left-wrap {
    flex-direction: row;
  }
  .cp-section-alert .sec-head.full-width-lw .left-wrap .incident-types > div {
    margin-left: 1.5rem;
    margin-right: 0;
    margin-top: 0;
  }
  .cp-section-alert .sec-head.full-width-lw .form-wrap {
    margin-top: 1.5rem;
    width: 100%;
  }
  .cp-section-alert .sec-head.full-width-lw .form-wrap .cp-form {
    display: block;
  }
  .cp-section-alert .sec-head.full-width-lw .form-wrap .cp-form .row {
    display: flex;
    align-items: flex-end;
  }
  .cp-section-alert .sec-head.full-width-lw .form-wrap .cp-form .row .col-item {
    width: 50%;
  }
  .cp-section-alert .sec-head.full-width-lw .form-wrap .cp-form .row .col-item:last-child {
    margin-left: auto;
  }
  .cp-section-alert .sec-head .cp-form .form-group {
    margin-bottom: 0;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-chart .left-wrap,
  .cp-section-alert .sec-cont.typ-col2.typ-chart .right-wrap {
    width: 100%;
  }
  .cp-section-alert .sec-cont.typ-col2.typ-chart .right-wrap {
    margin-top: 2rem;
  }
}
.cp-kpi .cp-card {
  height: 8rem;
  display: flex;
  padding: 1rem;
  justify-content: space-between;
  border: 1px solid #e8ecf8;
}
.cp-kpi .cp-card .left-wrap {
  align-self: center;
}
.cp-kpi .cp-card .right-wrap {
  align-self: center;
  text-align: right;
}
.cp-kpi .cp-card .right-wrap .mod-currency {
  margin-bottom: 0.3rem;
}
.cp-kpi .cp-card .right-wrap .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-kpi .cp-card .wrap-icon-text .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  color: #95a5d5;
  font-size: 3.5rem;
  position: relative;
}
.cp-kpi .cp-card .wrap-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-kpi .cp-card .wrap-icon-text .text {
  display: inline-block;
  vertical-align: middle;
}
.cp-kpi .cp-card .wrap-icon-text .text .count {
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.3rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-kpi .cp-card .wrap-icon-text .text .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-kpi .cp-card.typ-bg {
  position: relative;
}
.cp-kpi .cp-card.typ-bg .left-wrap {
  padding-left: 1rem;
  position: relative;
  z-index: 1;
}
.cp-kpi .cp-card.typ-bg .left-wrap .count {
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-bg:before {
  content: "";
  background: url("./media/buss-card-bg-6C2GS23G.png") center center no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  width: 65%;
  z-index: 0;
}
.cp-kpi .cp-card.typ-bg .right-wrap {
  text-align: right;
  width: 50%;
  position: relative;
  z-index: 1;
}
.cp-kpi .cp-card.typ-bg .right-wrap .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-bg .right-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-kpi .cp-card.typ-analyse {
  padding: 0 1rem;
}
.cp-kpi .cp-card.typ-analyse .left-wrap {
  max-width: 48%;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  color: #95a5d5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.8rem;
  font-size: 3.5rem;
  position: relative;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-kpi .cp-card.typ-analyse .left-wrap .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  font-weight: 700;
  color: #333333;
}
.cp-kpi .cp-card.typ-analyse .left-wrap .label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont {
  position: relative;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 0.4rem;
  font-weight: 700;
  color: #333333;
  display: block;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count .value,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency .value {
  font-size: 2.4rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .count .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .mod-currency .icon {
  font-size: 1.6rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label {
  padding-top: 0.3rem;
  border-top: 1px solid #e8ecf8;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .value,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency {
  font-size: 1.2rem;
  font-weight: 400;
  display: inline-block;
  color: #666666;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .value .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label .icon,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency .icon {
  font-size: 1rem;
  color: #666666;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label > .value {
  padding-right: 0.3rem;
  border-right: 1px solid #666666;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  vertical-align: middle;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency {
  margin-bottom: 0;
  padding-right: 0;
  line-height: 1.2rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .mod-currency .value {
  line-height: 1.2rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont .value-label .label {
  line-height: 1.2rem;
  vertical-align: middle;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont:before {
  position: absolute;
  right: -1rem;
  top: -0.5rem;
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  background: transparent;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high > .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high > .mod-currency {
  padding-right: 1.5rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-high:before {
  background: url("./media/high-TZSA4QBM.svg") center center no-repeat;
  background-size: contain;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low > .count,
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low > .mod-currency {
  padding-right: 1.5rem;
}
.cp-kpi .cp-card.typ-analyse .right-wrap .analysis-cont.typ-low:before {
  background: url("./media/low-B6KJWNGI.svg") center center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 1024px) {
  .cp-kpi .cp-card .wrap-icon-text .icon {
    width: 4rem;
    height: 4rem;
    margin-right: 1.2rem;
  }
  .cp-kpi .cp-card .wrap-icon-text .text .count {
    font-size: 1.6rem;
    line-height: 2rem;
  }
}
.cp-task-list {
  position: relative;
  height: 100%;
}
.cp-task-list .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.cp-task-list .date-label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 1.1rem;
  margin-top: 1.2rem;
}
.cp-task-list .list {
  max-height: 50rem;
  transition: max-height 0.4s ease-in-out;
}
.cp-task-list .list .item {
  margin-bottom: 2rem;
}
.cp-task-list .list .item:last-child {
  margin-bottom: 1.5rem;
}
.cp-task-list .scrollable {
  padding-bottom: 5rem;
}
.cp-task-list .act-wrap {
  box-shadow: 0 0 15px 0 #c3cff0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
}
.cp-task-list .act-wrap .btn {
  display: block;
  padding: 1.5rem 2rem;
  font-size: 1.2rem;
  overflow: hidden;
  width: 100%;
}
.cp-task-list .act-wrap .btn:after {
  content: none;
}
.cp-task-list .act-wrap .btn .text {
  float: left;
}
.cp-task-list .act-wrap .btn .text:after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-task-list .act-wrap .btn .icon {
  float: right;
  font-size: 1.2rem;
  color: #0a0a5f;
}
.cp-task-list .act-wrap-top {
  box-shadow: 0 0 15px 0 #c3cff0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
}
.cp-task-list .act-wrap-top .btn {
  display: block;
  padding: 1.5rem 2rem;
  font-size: 1.2rem;
  overflow: hidden;
  width: 100%;
}
.cp-task-list .act-wrap-top .btn:after {
  content: none;
}
.cp-task-list .act-wrap-top .btn .text {
  float: left;
}
.cp-task-list .act-wrap-top .btn .text:after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-task-list .act-wrap-top .btn .icon {
  float: right;
  font-size: 1.2rem;
  color: #0a0a5f;
}
.cp-task-list .btn-icon {
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  position: absolute;
  top: -0.5rem;
  right: 0;
  border-radius: 0.3rem;
}
.cp-task-list .btn-icon .icon {
  color: #FFFFFF;
  font-size: 1.4rem;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .cp-task-list .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
  }
  .cp-task-list .date-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cp-task-list .list {
    overflow-y: initial;
  }
  .cp-task-list .list .item {
    display: block;
  }
  .cp-task-list .list .item:nth-of-type(1),
  .cp-task-list .list .item:nth-of-type(2),
  .cp-task-list .list .item:nth-of-type(3) {
    display: block;
  }
  .cp-task-list .act-wrap {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
  .cp-task-list .scrollable {
    max-height: inherit !important;
    padding-bottom: 0;
  }
}
.cp-task {
  padding: 1rem 2rem;
  background: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: relative;
}
.cp-task .status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-task .location-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.cp-task .location-wrap .place {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-task .location-wrap .timestamp {
  display: block;
  line-height: 1.4rem;
}
.cp-task .location-wrap .to {
  padding-left: 4.5rem;
  position: relative;
}
.cp-task .location-wrap .to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-task .desc {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.5rem;
}
.cp-task.completed .icon-tick {
  font-size: 1.2rem;
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  color: #0c9f41;
}
.cp-task .more-option-wrap {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  z-index: 1;
}
.cp-task .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-task .more-option-wrap .list {
  width: 20rem;
  top: -1rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(149, 165, 213, 0.39);
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-task .more-option-wrap .list .item {
  cursor: pointer;
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0;
}
.cp-task .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-task:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.5rem;
  background: transparent;
}
.cp-task.trip:before {
  background: #1414ae;
}
.cp-task.service:before {
  background: #396be5;
}
.cp-task.renewal:before {
  background: #70acf7;
}
.cp-task.payment:before {
  background: #c9e1ff;
}
.cp-task .btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
.cp-tasks {
  padding: 0;
  background: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: relative;
}
.cp-tasks .status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-tasks .location-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.cp-tasks .location-wrap .place {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-tasks .location-wrap .timestamp {
  display: block;
  line-height: 1.4rem;
}
.cp-tasks .location-wrap .to {
  padding-left: 4.5rem;
  position: relative;
}
.cp-tasks .location-wrap .to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-tasks .desc {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0.5rem;
}
.cp-tasks.completed .icon-tick {
  font-size: 1.2rem;
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  color: #0c9f41;
}
.cp-tasks .more-option-wrap {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  z-index: 1;
}
.cp-tasks .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-tasks .more-option-wrap .list {
  width: 20rem;
  top: -1rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 rgba(149, 165, 213, 0.39);
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-tasks .more-option-wrap .list .item {
  cursor: pointer;
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 0;
}
.cp-tasks .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-tasks:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.5rem;
  background: transparent;
}
.cp-tasks.trip:before {
  background: #1414ae;
}
.cp-tasks.service:before {
  background: #396be5;
}
.cp-tasks.renewal:before {
  background: #70acf7;
}
.cp-tasks.payment:before {
  background: #c9e1ff;
}
.cp-tasks .btn-link::after {
  content: "\e90d";
  font-family: "icomoon";
  display: inline-block;
  font-size: 0.85rem;
  margin-left: 0.3rem;
}
@media only screen and (max-width: 767px) {
  .cp-task .location-wrap .place {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-tasks .location-wrap .place {
    font-size: 1.5rem;
  }
}
.cp-calendar {
  border: 1px solid #e8ecf8;
  border-radius: 2px;
  background: #FFFFFF;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-calendar .cal-filter {
  padding-bottom: 0.8rem;
}
.cp-calendar .cal-filter .list {
  display: flex;
  align-content: center;
}
.cp-calendar .cal-filter .list .item {
  text-transform: capitalize;
  width: 20%;
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  align-content: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  background: #FFFFFF;
  transition: all 0.4s ease-in-out;
  padding: 1.8rem 0;
  cursor: pointer;
}
.cp-calendar .cal-filter .list .item.active {
  color: #FFFFFF;
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item.active:before {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item.active:after {
  content: "";
}
.cp-calendar .cal-filter .list .item.active.all {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item.active.trip {
  background: #1414ae;
}
.cp-calendar .cal-filter .list .item.active.service {
  background: #396be5;
}
.cp-calendar .cal-filter .list .item.active.renewal {
  background: #70acf7;
}
.cp-calendar .cal-filter .list .item.active.payment {
  background: #c9e1ff;
}
.cp-calendar .cal-filter .list .item:last-of-type {
  border-right: none;
}
.cp-calendar .cal-filter .list .item:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-calendar .cal-filter .list .item:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-bottom: 0.8rem solid #FFFFFF;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8rem;
  position: absolute;
}
.cp-calendar .cal-filter .list .item.all:before {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item.trip:before {
  background: #1414ae;
}
.cp-calendar .cal-filter .list .item.service:before {
  background: #396be5;
}
.cp-calendar .cal-filter .list .item.renewal:before {
  background: #70acf7;
}
.cp-calendar .cal-filter .list .item.payment:before {
  background: #c9e1ff;
}
.cp-calendar .cal-filter .list .legend-mm-item {
  text-transform: capitalize;
  width: 20%;
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  align-content: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  background: #FFFFFF;
  transition: all 0.4s ease-in-out;
  padding: 1.8rem 0;
  cursor: pointer;
}
.cp-calendar .cal-filter .list .legend-mm-item.active {
  color: #FFFFFF;
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .legend-mm-item.active:before {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .legend-mm-item.active:after {
  content: "";
}
.cp-calendar .cal-filter .list .legend-mm-item.active.all {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item.active.Warrenty {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item.active.AMC {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item.active.Planned {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item:last-of-type {
  border-right: none;
}
.cp-calendar .cal-filter .list .legend-mm-item:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-calendar .cal-filter .list .legend-mm-item:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-bottom: 0.8rem solid #FFFFFF;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8rem;
  position: absolute;
}
.cp-calendar .cal-filter .list .legend-mm-item.all:before {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item.service:before {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item.renewal:before {
  background: #396be5;
}
.cp-calendar .cal-filter .list .legend-mm-item.payment:before {
  background: #396be5;
}
.cp-calendar .cal-filter .list .item-accounting {
  text-transform: capitalize;
  width: 25%;
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  align-content: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  background: #FFFFFF;
  transition: all 0.4s ease-in-out;
  padding: 1.8rem 0;
  cursor: pointer;
}
.cp-calendar .cal-filter .list .item-accounting.active {
  color: #FFFFFF;
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item-accounting.active:before {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item-accounting.active:after {
  content: "";
}
.cp-calendar .cal-filter .list .item-accounting.active.all {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item-accounting.active.payables {
  background: #db0b0b;
}
.cp-calendar .cal-filter .list .item-accounting.active.receivables {
  background: #0c9f41;
}
.cp-calendar .cal-filter .list .item-accounting.active.renevables {
  background: #70acf7;
}
.cp-calendar .cal-filter .list .item-accounting:last-of-type {
  border-right: none;
}
.cp-calendar .cal-filter .list .item-accounting:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-calendar .cal-filter .list .item-accounting:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-bottom: 0.8rem solid #FFFFFF;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8rem;
  position: absolute;
}
.cp-calendar .cal-filter .list .item-accounting.all:before {
  background: #0a0a5f;
}
.cp-calendar .cal-filter .list .item-accounting.payables:before {
  background: #db0b0b;
}
.cp-calendar .cal-filter .list .item-accounting.receivables:before {
  background: #0c9f41;
}
.cp-calendar .cal-filter .list .item-accounting.renevables:before {
  background: #70acf7;
}
.cp-calendar .leave-cal-filter {
  padding-bottom: 0.8rem;
}
.cp-calendar .leave-cal-filter .list {
  display: flex;
  align-content: center;
}
.cp-calendar .leave-cal-filter .list .item {
  text-transform: capitalize;
  width: 35%;
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  align-content: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  background: #FFFFFF;
  transition: all 0.4s ease-in-out;
  padding: 1.8rem 0;
  cursor: pointer;
}
.cp-calendar .leave-cal-filter .list .item.active {
  color: #FFFFFF;
  background: #0a0a5f;
}
.cp-calendar .leave-cal-filter .list .item.active:before {
  background: #0a0a5f;
}
.cp-calendar .leave-cal-filter .list .item.active:after {
  content: "";
}
.cp-calendar .leave-cal-filter .list .item.active.all {
  background: #0a0a5f;
}
.cp-calendar .leave-cal-filter .list .item.active.trips {
  background: #1414ae;
}
.cp-calendar .leave-cal-filter .list .item.active.request {
  background: #999999;
}
.cp-calendar .leave-cal-filter .list .item.active.approve {
  background: #06ba3f;
}
.cp-calendar .leave-cal-filter .list .item.active.payment {
  background: #c9e1ff;
}
.cp-calendar .leave-cal-filter .list .item:last-of-type {
  border-right: none;
}
.cp-calendar .leave-cal-filter .list .item:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-calendar .leave-cal-filter .list .item:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-bottom: 0.8rem solid #FFFFFF;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8rem;
  position: absolute;
}
.cp-calendar .leave-cal-filter .list .item.all:before {
  background: #0a0a5f;
}
.cp-calendar .leave-cal-filter .list .item.trips:before {
  background: #1414ae;
}
.cp-calendar .leave-cal-filter .list .item.request:before {
  background: #999999;
}
.cp-calendar .leave-cal-filter .list .item.approve:before {
  background: #06ba3f;
}
.cp-calendar .leave-cal-filter .list .item.payment:before {
  background: #c9e1ff;
}
.cp-calendar .date-wrap .list:before,
.cp-calendar .date-wrap .list:after,
.cp-calendar .days-wrap .list:before,
.cp-calendar .days-wrap .list:after {
  display: table;
  content: "";
  clear: both;
}
.cp-calendar .date-wrap .item,
.cp-calendar .days-wrap .item {
  width: 14.2857142857%;
  text-align: center;
  float: left;
}
.cp-calendar .days-wrap .item {
  padding: 1.5rem 1.2rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-align: right;
}
.cp-calendar .date-wrap .item {
  position: relative;
  height: 7rem;
  border: 1px solid #e8ecf8;
  border-bottom: none;
  border-left: none;
  background: #FFFFFF;
}
.cp-calendar .date-wrap .item:nth-of-type(7n) {
  border-right: none;
}
.cp-calendar .date-wrap .item:nth-of-type(7n+1) {
  border-left: none;
}
.cp-calendar .date-wrap .item:first-of-type {
  border-left: none;
  border-right: 1px solid #e8ecf8;
}
.cp-calendar .date-wrap .item.leave-approve {
  position: absolute;
  display: flex;
}
.cp-calendar .date-wrap .item.leave-approve .img {
  height: 15px;
  width: 25px;
}
.cp-calendar .date-wrap .item .date {
  position: absolute;
  top: 1.2rem;
  right: 1rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-calendar .date-wrap .item .task-type {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.8rem;
}
.cp-calendar .date-wrap .item .task-type .legend-item {
  width: 25%;
  position: absolute;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 0.7rem 0;
  font-weight: 700;
  text-align: center;
  height: 2.8rem;
}
.cp-calendar .date-wrap .item .task-type .legend-item.all {
  left: 25%;
  background: #0a0a5f;
}
.cp-calendar .date-wrap .item .task-type .legend-item.trip {
  left: 0;
  background: #1414ae;
}
.cp-calendar .date-wrap .item .task-type .legend-item.servicing {
  left: 25%;
  background: #396be5;
}
.cp-calendar .date-wrap .item .task-type .legend-item.renew {
  left: 50%;
  background: #70acf7;
}
.cp-calendar .date-wrap .item .task-type .legend-item.pay {
  left: 75%;
  background: #c9e1ff;
}
.cp-calendar .date-wrap .item .task-type-mm {
  position: relative;
  top: 3.2rem;
  right: 1rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-calendar .date-wrap .item .task-type-mm .legend-mm-item {
  width: 25%;
  position: absolute;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 0.7rem 0;
  font-weight: 700;
  text-align: center;
  height: 2.8rem;
}
.cp-calendar .date-wrap .item .task-type-mm .legend-mm-item:after {
  content: "";
}
.cp-calendar .date-wrap .item .task-type-mm .legend-mm-item.all {
  left: 25%;
  background: #0a0a5f;
}
.cp-calendar .date-wrap .item .task-type-mm .legend-mm-item.Warrenty {
  left: 25%;
  background: #1414ae;
}
.cp-calendar .date-wrap .item .task-type-mm .legend-mm-item.AMC {
  left: 50%;
  background: #396be5;
}
.cp-calendar .date-wrap .item .task-type-mm .legend-mm-item.Planned {
  left: 75%;
  background: #70acf7;
}
.cp-calendar .date-wrap .item .task-account-type {
  position: relative;
  top: 3.2rem;
  right: 1rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-calendar .date-wrap .item .task-account-type .legend-account-item {
  width: 25%;
  position: absolute;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.4rem;
  padding: 0.7rem 0;
  font-weight: 700;
  text-align: center;
  height: 2.8rem;
}
.cp-calendar .date-wrap .item .task-account-type .legend-account-item.all {
  left: 25%;
  background: #0a0a5f;
}
.cp-calendar .date-wrap .item .task-account-type .legend-account-item.receive {
  left: 50;
  background: #0c9f41;
}
.cp-calendar .date-wrap .item .task-account-type .legend-account-item.renew {
  left: 70%;
  background: #70acf7;
}
.cp-calendar .date-wrap .item .task-account-type .legend-account-item.pay {
  left: 25%;
  background: #db0b0b;
}
.cp-calendar .date-wrap .item.disable .date {
  color: #999;
}
.cp-calendar .date-wrap .item.active {
  transform: scale(1.08);
  box-shadow: 0 0 15px 0 #c3cff0;
  z-index: 1;
}
.cp-calendar .date-wrap .item.active .date {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  color: #333333;
}
.cp-calendar .date-wrap .item.start {
  background: #edf1ff;
}
.cp-calendar .cal-mnt-toggle {
  position: absolute;
  top: 2.5rem;
  left: 16.5rem;
}
.cp-calendar .cal-mnt-toggle button {
  display: inline-block;
  vertical-align: middle;
}
.cp-calendar .cal-mnt-toggle button .icon {
  font-size: 1.4rem;
  color: #307fe2;
}
.cp-calendar .cal-mnt-toggle .month-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  color: #307fe2;
  margin: 0 1.5rem;
  width: 7rem;
  text-align: center;
}
.cp-calendar .cal-mnt-toggle .month-name .m-name {
  display: inline-block;
  margin-right: 0.5rem;
}
.cp-calendar .cal-mnt-toggle .month-name .year {
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .cp-calendar {
    border: none;
  }
  .cp-calendar .cal-filter {
    padding-bottom: 0.5rem;
    border: 1px solid #e8ecf8;
  }
  .cp-calendar .cal-filter .list .item {
    height: 4.5rem;
    font-weight: 400;
    padding: 0.6rem 0;
  }
  .cp-calendar .cal-filter .list .item .count {
    display: block;
    text-align: center;
  }
  .cp-calendar .cal-filter .list .item:before {
    height: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-calendar .cal-filter .list .item:after {
    border-right-width: 0.5rem;
    border-left-width: 0.5rem;
    border-bottom-width: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-calendar .date-wrap .item {
    height: 5rem;
  }
  .cp-calendar .date-wrap .item .task-type {
    display: none;
  }
  .cp-calendar .date-selection {
    height: 5rem;
    display: none !important;
    align-items: center;
    padding: 0 1.2rem;
  }
  .cp-calendar .date-selection .cal-btn .icon {
    font-size: 2rem;
    color: #307fe2;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
  }
  .cp-calendar .date-selection .cal-btn .date-wrap {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  .cp-calendar .date-selection .cal-btn .date-wrap .month {
    display: inline-block;
  }
  .cp-calendar .date-selection .cal-btn .date-wrap .day {
    display: inline-block;
    margin-right: 0.3rem;
  }
}
.cp-order-enq-list {
  height: auto;
}
.cp-order-enq-list .list-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
.cp-order-enq-list .search-wrap .btn-icon .icon {
  font-size: 1.7rem;
  color: #307fe2;
}
.cp-order-enq-list .search-wrap .btn-icon .icon.icon-add {
  color: #FFFFFF;
}
.cp-order-enq-list .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-order-enq-list .date-label {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  margin-bottom: 1.1rem;
}
.cp-order-enq-list .list .item {
  margin-bottom: 2rem;
}
.cp-order-enq-list .search-wrap .btn-icon {
  margin-left: 2.5rem;
}
.cp-order-enq-list .date-wrap .view-all {
  display: none;
}
.cp-order-enq-list .redirect-new-page {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .cp-order-enq-list .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 767px) {
  .cp-order-enq-list .title {
    font-size: 1.4rem;
    text-transform: inherit;
  }
  .cp-order-enq-list .redirect-new-page {
    display: inline-block;
  }
  .cp-order-enq-list .redirect-new-page .icon {
    width: 2.4rem;
    height: 2.4rem;
    background: #0a0a5f;
    display: inline-block;
    text-align: center;
    line-height: 2.4rem;
    color: #FFFFFF;
    border-radius: 0.3rem;
    font-size: 1.3rem !important;
  }
  .cp-order-enq-list .date-wrap {
    display: flex;
    justify-content: space-between;
  }
  .cp-order-enq-list .date-wrap .view-all {
    display: inline-block;
  }
  .cp-order-enq-list .search-wrap .btn-icon {
    display: inline-block;
    vertical-align: middle;
  }
  .cp-order-enq-list .search-wrap .btn-icon.btn-seatch {
    display: none;
  }
  .cp-order-enq-list .search-wrap .btn-icon .icon {
    font-size: 2rem;
  }
}
.cp-order-enquiry {
  box-shadow: 0 0 15px 0 #c3cff0;
  background: #FFFFFF;
}
.cp-order-enquiry .order-detail {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-order-enquiry .order-detail .vendor-detail {
  max-width: 48%;
}
.cp-order-enquiry .order-detail .vendor-name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.cp-order-enquiry .order-detail .price-wrap {
  text-align: right;
  max-width: 48%;
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.cp-order-enquiry .order-detail .price-wrap .mod-currency {
  margin-bottom: 0.3rem;
}
.cp-order-enquiry .order-detail .price-wrap .mod-currency .icon,
.cp-order-enquiry .order-detail .price-wrap .mod-currency .value {
  font-size: 1.6rem;
  color: #0a0a5f;
}
.cp-order-enquiry .order-detail .price-wrap .negotiation {
  font-size: 1.2rem;
  line-height: 1.2rem;
  font-size: 1.2rem;
  height: fit-content;
  position: relative;
  top: 65%;
}
.cp-order-enquiry .order-detail .price-wrap .negotiation .label {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.3rem;
  margin-right: 0.4rem;
  border-right: 1px solid #666666;
}
.cp-order-enquiry .order-detail .price-wrap .negotiation .mod-currency {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.cp-order-enquiry .order-detail .price-wrap .negotiation .mod-currency .icon,
.cp-order-enquiry .order-detail .price-wrap .negotiation .mod-currency .value {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.7rem;
}
.cp-order-enquiry .location-wrap {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1.5rem;
}
.cp-order-enquiry .location-wrap .place {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
}
.cp-order-enquiry .location-wrap .to {
  padding-left: 4.5rem;
  position: relative;
  text-transform: uppercase;
}
.cp-order-enquiry .location-wrap .to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1.8rem;
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-order-enquiry .location-wrap-stop {
  display: flex;
  justify-content: space-between;
}
.cp-order-enquiry .location-wrap-stop .place {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  cursor: pointer;
}
.cp-order-enquiry .location-wrap-stop .to {
  padding-left: 4.5rem;
  position: relative;
  text-transform: uppercase;
}
.cp-order-enquiry .location-wrap-stop .to:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1.8rem;
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-order-enquiry .business-model {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.7rem;
}
.cp-service-list .swiper-slide {
  width: 23rem;
}
.cp-tabs .ui-tabview {
  border-radius: 0;
  padding: 0;
}
.cp-tabs .ui-tabview .ui-tabview-nav {
  margin-bottom: 1.2rem;
  border-radius: 0;
  padding: 0;
  position: relative;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default {
  margin-right: 1.8rem;
  border: none;
  background-color: transparent;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  padding: 1rem 0.2rem 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #ccc;
  font-weight: 700;
  position: relative;
  transition: all 0.4s ease-in;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a:before {
  content: "";
  position: absolute;
  bottom: 0.3rem;
  left: 0.3rem;
  width: 0rem;
  background-color: #0a0a5f;
  height: 0.3rem;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 4px 0 #0a0a5f;
  border-radius: 0.3rem;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default:hover {
  background-color: transparent !important;
  border: none !important;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected,
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
  background-color: transparent;
  border: none;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a,
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a {
  color: #0a0a5f !important;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a:before,
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a:before {
  width: 3rem;
}
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected:hover,
.cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active:hover {
  background-color: transparent;
  border: none;
}
.cp-tabs .ui-tabview .ui-tabview-panels {
  padding: 0;
  background-color: transparent;
  border: none;
  overflow: unset;
}
.cp-tabs .offtrip-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.cp-tabs .offtrip-list-head .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-tabs .offtrip-list-head .search-field {
  position: absolute;
  top: -1.2rem;
  background-color: #FFFFFF;
  z-index: 1;
  right: 0;
  height: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s ease-in-out;
}
.cp-tabs .offtrip-list-head .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-tabs .offtrip-list-head .search-field .input-group .icon {
  font-size: 1.5rem;
  display: inline-block;
  color: #307fe2;
  vertical-align: middle;
}
.cp-tabs .offtrip-list-head .search-field .input-group .icon.icon-search {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  transform: translateY(-50%);
}
.cp-tabs .offtrip-list-head .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-tabs .offtrip-list-head .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-tabs .offtrip-list-head .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 2.5rem;
  z-index: -1;
}
.cp-tabs .offtrip-list-head .search-field.active {
  opacity: 1;
  visibility: visible;
}
.ui-tabview.ui-tabview-top .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-bottom .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-left .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a,
.ui-tabview.ui-tabview-right .ui-tabview-nav li:not(.ui-state-active):not(.ui-state-disabled):hover a {
  color: #0a0a5f;
}
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-tabview-selected a:before,
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a:before {
  width: 0rem !important;
}
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
  width: 100% !important;
}
.abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active a {
  width: 100% !important;
}
@media only screen and (max-width: 767px) {
  .cp-tabs .ui-tabview .ui-tabview-nav {
    height: 50px !important;
    padding-left: 15px;
    overflow-x: auto;
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
  }
  .abc .ui-tabview .ui-tabview-nav {
    padding-left: 0 !important;
  }
  .abc .ui-tabview .ui-tabview-nav .ui-state-default.ui-state-active {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 468px) {
  .cp-tabs .ui-tabview .ui-tabview-nav {
    margin-bottom: 3.2rem;
  }
}
.cp-smart-card .swiper-slide {
  width: 26rem;
}
.cp-smart-card .cp-card {
  padding: 1rem;
  display: flex;
  border-radius: 0.5rem;
  border: solid 1px #d2ef97;
  background-color: #efffcf;
  justify-content: space-between;
}
.cp-smart-card .cp-card.typ-keep-going {
  border: solid 1px #faddb8;
  background-color: #ffefdb;
}
.cp-smart-card .cp-card.typ-keep-going .left-wrap {
  border-color: #faddb8;
}
.cp-smart-card .cp-card .left-wrap {
  width: 36%;
  padding: 0.6rem;
  text-align: center;
  border-radius: 0.5rem;
  border: solid 1px #d2ef97;
  background: #FFFFFF;
}
.cp-smart-card .cp-card .left-wrap .icon {
  max-width: 4.5rem;
  margin: 0 auto 0.6rem;
  display: block;
}
.cp-smart-card .cp-card .left-wrap .text {
  font-size: 1.2rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.7rem;
}
.cp-smart-card .cp-card .right-wrap {
  width: 60%;
  text-align: right;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.cp-smart-card .mod-currency .value {
  font-size: 2.4rem;
  font-weight: 700;
  color: #333333;
  line-height: 3.5rem;
}
.cp-smart-card .mod-currency .small {
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1.5rem;
}
.cp-smart-card .label {
  font-size: 1.2rem;
  color: #666666;
  line-height: 1.6rem;
}
@media only screen and (max-width: 767px) {
  .cp-smart-card .cp-card {
    min-height: 12rem;
  }
  .cp-smart-card .cp-card .left-wrap img {
    width: auto;
    height: 4.4rem;
  }
  .cp-smart-card .cp-card .left-wrap .text {
    line-height: 1.5rem;
    display: inline-block;
  }
  .cp-smart-card .mod-currency .value {
    font-size: 1.8rem;
    line-height: 2rem;
  }
  .cp-smart-card .mod-currency .small {
    font-size: 1.2rem;
    color: #333333;
  }
  .cp-smart-card .swiper-slide {
    width: 23.5rem;
  }
}
.cp-vehicle-status {
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  background-color: #FFFFFF;
}
.cp-vehicle-status .vehicle-details {
  padding: 1rem 0.6rem 1rem 1.7rem;
  border-bottom: 1px solid #e8ecf8;
  position: relative;
}
.cp-vehicle-status .vehicle-details .vehicle-num {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  display: inline-block;
  color: #0a0a5f;
  position: relative;
}
.cp-vehicle-status .vehicle-details .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-width: 50px;
  max-width: 100px;
}
.cp-vehicle-status .vehicle-details .status {
  position: absolute;
  top: 1rem;
  right: 2rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #000000;
}
.cp-vehicle-status .vehicle-details:before {
  content: "";
  position: absolute;
  width: 1rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-vehicle-status .vehicle-details .location-btn {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  padding: 0;
}
.cp-vehicle-status .vehicle-details .location-btn .icon {
  margin: 0;
  font-size: 1.5rem;
  color: #307fe2;
  font-weight: 700 !important;
}
.cp-vehicle-status .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-status .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle-status .label-value .value span {
  line-height: 1.2rem;
  display: inline-block;
  padding-right: 0.3rem;
  margin-right: 0.4rem;
  border-right: 1px solid #666666;
}
.cp-vehicle-status .label-value .value span:last-of-type {
  border-right: none;
}
.cp-vehicle-status .vehicle-alerts .alert-item {
  padding: 1rem 2rem;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
  justify-content: space-between;
}
.cp-vehicle-status .vehicle-alerts .alert-item .timestamp {
  line-height: 1.4rem;
}
.cp-vehicle-status .vehicle-alerts .alert-item:last-of-type {
  border-bottom: none;
}
.cp-vehicle-status .vehicle-cont {
  padding: 1rem 2rem;
}
.cp-vehicle-status .vehicle-cont .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-vehicle-status .vehicle-cont .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-vehicle-status .vehicle-cont .data-list .data-item:nth-last-of-type(1),
.cp-vehicle-status .vehicle-cont .data-list .data-item:nth-last-of-type(2) {
  margin-bottom: 0;
}
.cp-vehicle-status .vehicle-cont .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
}
.cp-vehicle-status .vehicle-cont .label-value .value {
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-status.sos .vehicle-details:before {
  background-color: #db0b0b;
}
.cp-vehicle-status.sos .vehicle-details .vehicle-num:before {
  content: "";
  position: absolute;
  right: -4rem;
  width: 4rem;
  height: 4rem;
  background: url("./media/alert-C7C6GEE4.svg") center center no-repeat;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}
.cp-vehicle-status.ontime .vehicle-details:before {
  background-color: #0c9f41;
}
.cp-vehicle-status.delayed .vehicle-details:before {
  background-color: #ffa100;
}
.cp-vehicle-status.moving .vehicle-details:before {
  background-color: #0c9f41;
}
.cp-vehicle-status.inservice .vehicle-details:before {
  background-color: #333333;
}
.cp-vehicle-status.unallocated .vehicle-details:before {
  background-color: #f3b04a;
}
.cp-vehicle-status.scheduled .vehicle-details:before {
  background-color: #307fe2;
}
.cp-vehicle-status.stopped .vehicle-details:before {
  background-color: #aa00bf;
}
.cp-vehicle-status.idle .vehicle-details:before {
  background-color: #ffa100;
}
.cp-vehicle-status.offline .vehicle-details:before {
  background-color: #999999;
}
.cp-vehicle-status.unLinked .vehicle-details:before {
  background-color: #FF3F3F;
}
@media only screen and (max-width: 1024px) {
  .cp-vehicle-status .vehicle-details .location-btn {
    display: none;
  }
}
.cp-map-filter-list .cp-tabs .item {
  margin-bottom: 2rem;
}
.cp-map-filter-list .cp-tabs .item:last-of-type {
  margin-bottom: 0;
}
.cp-map-filter-list .cp-tabs .ui-tabview-panels {
  height: 45.7rem;
  padding: 1.5rem 0;
}
.cp-map-filter-list .list-head {
  display: flex;
  justify-content: space-between;
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.cp-map-filter-list .list-head .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
}
.cp-map-filter-list .list-head .search-field {
  margin: 0 0.5rem;
  background-color: #FFFFFF;
  z-index: 1;
  height: 4rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.05s ease-in-out;
}
.cp-map-filter-list .list-head .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-map-filter-list .list-head .search-field .input-group .icon {
  font-size: 1.5rem;
  display: inline-block;
  color: #307fe2;
  vertical-align: middle;
}
.cp-map-filter-list .list-head .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-map-filter-list .list-head .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 0.5rem 0 0.5rem;
}
.cp-map-filter-list .list-head .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-map-filter-list .list-body {
  height: 46.6rem;
  overflow-y: auto;
  padding: 1.5rem 0;
}
.cp-map-filter-list .list-body .item {
  margin-bottom: 1.5rem;
}
.cp-map-filter-list .list-body .item:last-of-type {
  margin-bottom: 0;
}
.cp-map-filter-list .search-wrap .btn-icon {
  padding: 0;
  margin: 1rem 0;
}
.cp-map-filter-list .search-wrap .btn-icon .icon {
  font-size: 1.5rem;
  color: #307fe2;
  font-weight: normal;
}
@media only screen and (max-width: 1024px) {
  .cp-map-filter-list .cp-tabs {
    position: relative;
  }
  .cp-map-filter-list .cp-tabs .ui-tabview-panels {
    height: auto;
  }
  .cp-map-filter-list .cp-tabs .btn-link {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
  }
  .cp-map-filter-list .list-body {
    height: auto;
    padding: 0;
  }
  .cp-map-filter-list .list-body .item {
    display: none;
  }
  .cp-map-filter-list .list-body .item:nth-of-type(1),
  .cp-map-filter-list .list-body .item:nth-of-type(2),
  .cp-map-filter-list .list-body .item:nth-of-type(3) {
    display: block;
  }
  .cp-map-filter-list .list-body .item:nth-of-type(3) {
    margin-bottom: 0;
  }
}
.cp-trip {
  background-color: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
}
.cp-trip .trip-head {
  background-color: #f5f6f9;
  padding: 1.2rem 2rem;
  position: relative;
}
.cp-trip .trip-head .from,
.cp-trip .trip-head .to {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cp-trip .trip-head .from .place,
.cp-trip .trip-head .to .place {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-trip .trip-head .from {
  padding-right: 4rem;
}
.cp-trip .trip-head .to:before {
  content: "";
  position: absolute;
  left: -4rem;
  top: 0;
  height: 1.8rem;
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-trip .trip-head .status {
  position: absolute;
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 0.3rem 1rem;
  background-color: transparent;
  left: 2rem;
  top: -0.9rem;
  color: #FFFFFF;
  font-weight: 700;
}
.cp-trip .trip-head:before {
  content: "";
  position: absolute;
  width: 0.8rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-trip .trip-body .trip-item {
  display: flex;
  border-bottom: 1px solid #e8ecf8;
  padding: 1.2rem 2rem;
}
.cp-trip .trip-body .trip-item .mod-name-value {
  width: 50%;
}
.cp-trip .trip-body .trip-item .mod-name-value .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.cp-trip .trip-body .trip-item .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-trip .trip-body .trip-item .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #666666;
  overflow: hidden;
}
.cp-trip .trip-body .trip-item:last-of-type {
  border-bottom: none;
}
.cp-trip.sos .trip-head:before,
.cp-trip.sos .trip-head .status {
  background-color: #db0b0b;
}
.cp-trip.moving .trip-head:before,
.cp-trip.moving .trip-head .status {
  background-color: #0c9f41;
}
.cp-trip.moving .trip-head .to:before {
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
}
.cp-trip.stopped .trip-head:before,
.cp-trip.stopped .trip-head .status {
  background-color: #aa00bf;
}
.cp-trip.stopped .trip-head .to:before {
  background: url("./media/route-purple-V4GB2CT4.svg") center center no-repeat;
}
.cp-trip.idle .trip-head:before,
.cp-trip.idle .trip-head .status {
  background-color: #ffa100;
}
.cp-trip.idle .trip-head .to:before {
  background: url("./media/route-orange-SBGGH7HI.svg") center center no-repeat;
}
.cp-trip.offline .trip-head:before,
.cp-trip.offline .trip-head .status {
  background-color: #999999;
}
.cp-trip.offline .trip-head .to:before {
  background: url("./media/route-grey-DDML7SJD.svg") center center no-repeat;
}
.cp-trip.delayed .trip-head:before,
.cp-trip.delayed .trip-head .status {
  background-color: #ffa100;
}
.cp-trip.delayed .trip-head .to:before {
  background: url("./media/route-yellow-I7QZMK5W.svg") center center no-repeat;
}
.cp-trip-attendance {
  background-color: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  width: 100%;
}
.cp-trip-attendance .trip-head {
  background-color: #FFFFFF;
  padding: 1.2rem 2rem;
  position: relative;
}
.cp-trip-attendance .trip-head .from,
.cp-trip-attendance .trip-head .to {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.cp-trip-attendance .trip-head .from .place,
.cp-trip-attendance .trip-head .to .place {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
}
.cp-trip-attendance .trip-head .from {
  padding-right: 4rem;
}
.cp-trip-attendance .trip-head .to:before {
  content: "";
  position: absolute;
  left: -4rem;
  top: 0;
  height: 1.8rem;
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
  background-size: cover;
  width: 4rem;
}
.cp-trip-attendance .trip-head .status {
  position: absolute;
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 0.3rem 1rem;
  background-color: transparent;
  left: 2rem;
  top: -0.9rem;
  color: #FFFFFF;
  font-weight: 700;
}
.cp-trip-attendance .trip-head:before {
  content: "";
  position: absolute;
  width: 0.5rem;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}
.cp-trip-attendance .trip-body .trip-item {
  display: flex;
  border-bottom: 1px solid #e8ecf8;
  padding: 1.2rem 2rem;
}
.cp-trip-attendance .trip-body .trip-item .mod-name-value {
  width: 50%;
}
.cp-trip-attendance .trip-body .trip-item .mod-name-value .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.cp-trip-attendance .trip-body .trip-item .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-trip-attendance .trip-body .trip-item .mod-name-value .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background-color: #666666;
  overflow: hidden;
}
.cp-trip-attendance .trip-body .trip-item:last-of-type {
  border-bottom: none;
}
.cp-trip-attendance.sos .trip-head:before,
.cp-trip-attendance.sos .trip-head .status {
  background-color: #db0b0b;
}
.cp-trip-attendance.moving .trip-head:before,
.cp-trip-attendance.moving .trip-head .status {
  background-color: #0c9f41;
}
.cp-trip-attendance.moving .trip-head .to:before {
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
}
.cp-trip-attendance.stopped .trip-head:before,
.cp-trip-attendance.stopped .trip-head .status {
  background-color: #1414ae;
}
.cp-trip-attendance.stopped .trip-head .to:before {
  background: url("./media/route-M3BR3YO2.svg") center center no-repeat;
}
.cp-trip-attendance.idle .trip-head:before,
.cp-trip-attendance.idle .trip-head .status {
  background-color: #ffa100;
}
.cp-trip-attendance.idle .trip-head .to:before {
  background: url("./media/route-orange-SBGGH7HI.svg") center center no-repeat;
}
.cp-trip-attendance.offline .trip-head:before,
.cp-trip-attendance.offline .trip-head .status {
  background-color: #999999;
}
.cp-trip-attendance.offline .trip-head .to:before {
  background: url("./media/route-grey-DDML7SJD.svg") center center no-repeat;
}
.cp-trip-attendance.delayed .trip-head:before,
.cp-trip-attendance.delayed .trip-head .status {
  background-color: #ffa100;
}
.cp-trip-attendance.delayed .trip-head .to:before {
  background: url("./media/route-yellow-I7QZMK5W.svg") center center no-repeat;
}
.cp-accordion.typ-2 {
  position: relative;
}
.cp-accordion.typ-2 .acc-header {
  display: flex;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header {
  margin-left: 0rem;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header a {
  padding: 0;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header .icon-down-arrow {
  transition: all 0.4s ease;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header.ui-state-active .icon-down-arrow {
  transform: rotate(180deg);
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-header.ui-state-active .view-all {
  display: inline-block;
}
.cp-accordion.typ-2 .ui-accordion .ui-accordion-content {
  padding: 0 0 0;
  border: 0;
}
.cp-accordion.typ-2 .ui-accordion .vehicle-accordian-content .ui-accordion-content {
  padding: 0rem 0 0;
  border: 0;
}
.cp-accordion.typ-2 .sort-data {
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.cp-accordion.typ-2 .title-wrap {
  color: #333333;
  position: relative;
  width: 100%;
}
.cp-accordion.typ-2 .title-wrap:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  min-height: 1px;
  background: #e8ecf8;
}
.cp-accordion.typ-2 .title-wrap .icon {
  position: absolute;
  top: 0;
  right: 3rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #e8ecf8;
  text-align: center;
  line-height: 3rem;
  color: #307fe2;
}
.cp-accordion.typ-2 .title-wrap-without-line {
  color: #333333;
  position: relative;
  width: 100%;
}
.cp-accordion.typ-2 .title-wrap-without-line .icon {
  position: absolute;
  top: 0;
  right: 3rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  color: #307fe2;
}
.cp-accordion.typ-2 .vehicle-title-wrap {
  color: #333333;
  position: relative;
  width: 100%;
  color: #0a0a5f;
}
.cp-accordion.typ-2 .vehicle-title-wrap:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  min-height: 1px;
}
.cp-accordion.typ-2 .vehicle-title-wrap .icon {
  position: absolute;
  top: 0;
  right: 3rem;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background: #FFFFFF;
  border-radius: 50%;
  text-align: center;
  line-height: 3rem;
  color: #307fe2;
  font-weight: 400;
}
.cp-accordion.typ-2 .card-head {
  padding-right: 8.5rem;
  position: relative;
}
.cp-accordion.typ-2 .card-head .card-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cp-accordion.typ-2 .title {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #0a0a5f;
}
.cp-accordion.typ-2 .title span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background: #FFFFFF;
  padding-right: 2rem;
}
.cp-accordion.typ-2 .vehicle-title {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 700;
  color: #0a0a5f span;
  color-position: relative;
  color-z-index: 2;
  color-display: inline-block;
  color-background: #FFFFFF;
  color-padding-right: 2rem;
}
.cp-accordion.typ-2 .Add-supporting-docum {
  font-size: 14px;
  font-style: italic;
  padding: 0.7rem 0rem 0rem 1rem;
}
.cp-accordion.typ-2 .accordion-form-heading {
  display: flex;
}
.cp-accordion.typ-2 .mod-data-list .data .meta {
  font-size: 1.1rem;
}
.cp-accordion.typ-2.push-left .ui-accordion .ui-accordion-header {
  margin-left: 0;
}
.cp-accordion.typ-2 .vehicle-acc-header {
  padding: 1.5rem 2rem;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-accordion .data-item {
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  overflow: hidden;
}
.cp-accordion .data-item > div {
  float: left;
}
.cp-accordion .data-item .timestamp {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-style: normal;
}
.cp-accordion .data-item .view-all {
  font-size: 1.2rem;
  float: right;
}
.cp-accordion .data-item .view-all .icon-right-arrow {
  display: inline-block;
  margin-left: 0.5rem;
  font-size: 0.8rem;
  vertical-align: middle;
}
.cp-accordion.sort-by-bottom .sort-data,
.cp-accordion.sort-by-top .sort-data {
  background: url("./media/top-bottom-indicator-PEON7LRP.png") right top no-repeat;
  background-size: 7rem;
}
.cp-accordion.sort-by-bottom .card-head .indicator,
.cp-accordion.sort-by-top .card-head .indicator {
  position: absolute;
  right: 2rem;
  top: 0.4rem;
}
.cp-accordion.sort-by-bottom .card-head .indicator:before,
.cp-accordion.sort-by-top .card-head .indicator:before {
  content: "Bottom 3";
  background: url("./media/bottom-3-DNOJEMBU.png") top center no-repeat;
  display: inline-block;
  padding-top: 1.9rem;
  font-size: 1.2rem;
  background-size: 2.6rem;
}
.cp-accordion.sort-by-bottom .mod-data-list .label,
.cp-accordion.sort-by-top .mod-data-list .label {
  max-width: 50%;
}
.cp-accordion.sort-by-bottom .mod-data-list .data .value,
.cp-accordion.sort-by-top .mod-data-list .data .value {
  color: #c7222a;
}
.cp-accordion.sort-by-top .sort-data {
  background: url("./media/top-bottom-indicator-PEON7LRP.png") left top no-repeat;
  background-size: 7rem;
}
.cp-accordion.sort-by-top .card-head .indicator:before {
  content: "Top 3";
  background: url("./media/top-3-CDJEV2GR.png") top center no-repeat;
  background-size: 2.6rem;
}
.cp-accordion.sort-by-top .mod-data-list .data .value {
  color: #0c9f41;
}
@media only screen and (max-width: 1170px) {
  .cp-accordion.typ-2 .swiper-container {
    overflow: hidden;
    padding: 0.5rem;
  }
  .cp-accordion.typ-2 .swiper-container .cp-card {
    box-shadow: 0px 0px 5px 0 #c3cff0;
  }
  .cp-accordion.typ-2 .swiper-slide {
    width: 40rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-accordion.typ-2 .swiper-slide {
    width: 29.5rem;
  }
  .cp-accordion.typ-2 .swiper-container {
    overflow: inherit;
  }
  .cp-accordion.typ-2 .title-wrap-without-line .icon {
    right: 1rem;
  }
  .cp-accordion.typ-2 .title-wrap-without-line .title {
    font-size: 1.5rem;
  }
  .cp-accordion.typ-2 .title-wrap-without-line .title span {
    padding-right: 1rem;
  }
  .cp-accordion.typ-2 .title-wrap .icon {
    right: 1rem;
  }
  .cp-accordion.typ-2 .title-wrap .title {
    font-size: 1.5rem;
  }
  .cp-accordion.typ-2 .title-wrap .title span {
    padding-right: 1rem;
  }
  .cp-accordion.typ-2 .ui-accordion .ui-accordion-content {
    padding: 0 0 0.5rem;
  }
  .cp-accordion.typ-2 .accordion-form-heading {
    display: block;
  }
  .cp-accordion.typ-2 .Add-supporting-docum {
    padding: 0rem;
  }
}
@media only screen and (max-width: 1920px) {
}
.cp-map-wrap {
  border: 1px solid #e8ecf8;
  border-radius: 2px;
  background: #FFFFFF;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-map-wrap .map-filter {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 4.5rem;
}
.cp-map-wrap .map-filter.typ-sm {
  padding-right: 0;
}
.cp-map-wrap .map-filter.typ-sm .filter-list {
  width: 68%;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap {
  width: 32%;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .form-group {
  margin-bottom: 0;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .search {
  position: absolute;
  left: 1rem;
  top: 54%;
  transform: translateY(-50%);
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .search .icon {
  color: #999999;
  font-size: 1.5rem;
}
.cp-map-wrap .map-filter.typ-sm .search-wrap .ui-autocomplete {
  padding-left: 2.4rem;
}
.cp-map-wrap .map-filter .filter-list {
  display: flex;
  align-items: center;
  width: 100%;
}
.cp-map-wrap .map-filter .filter-list ul {
  background-color: #FFFFFF;
  padding-bottom: 0.8rem;
  display: flex;
  align-items: center;
}
.cp-map-wrap .map-filter .filter-list ul.assigned-list {
  width: 57%;
}
.cp-map-wrap .map-filter .filter-list ul.assigned-list .item {
  width: 25%;
}
.cp-map-wrap .map-filter .filter-list ul.unassigned-list {
  width: 43%;
}
.cp-map-wrap .map-filter .filter-list ul.unassigned-list .item {
  width: 33.33%;
}
.cp-map-wrap .map-filter .filter-list ul.vehicle-list {
  width: 100%;
}
.cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
  width: 20%;
}
.cp-map-wrap .map-filter .search-btn {
  width: 4.5rem;
  background-color: #FFFFFF;
  position: absolute;
  right: 0;
  height: 5.8rem;
}
.cp-map-wrap .map-filter .search-btn .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-map-wrap .map-filter .search-input {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  height: 5.8rem;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
}
.cp-map-wrap .map-filter .search-input .form-control {
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 1.5rem;
  width: 100%;
  padding-right: 4.5rem;
  color: #999;
  font-size: 1.6rem;
}
.cp-map-wrap .map-filter .search-input .close-btn {
  width: 4.5rem;
  background: #FFFFFF;
  position: absolute;
  right: 0;
  height: 5.8rem;
}
.cp-map-wrap .map-filter .search-input .close-btn .icon {
  font-size: 1.5rem;
  color: #999;
}
.cp-map-wrap .map-filter .search-input.active {
  opacity: 1;
  visibility: visible;
}
.cp-map-wrap .map-filter .item {
  height: 5rem;
  position: relative;
  border-right: 1px solid #e8ecf8;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.6rem;
  transition: all 0.4s ease-in-out;
  background-color: #FFFFFF;
  padding: 0.7rem 0rem;
  cursor: pointer;
}
.cp-map-wrap .map-filter .item .count {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8rem;
  margin-bottom: 0.2rem;
  font-weight: 700;
  color: #333333;
}
.cp-map-wrap .map-filter .item .text {
  display: block;
  color: #666666;
}
.cp-map-wrap .map-filter .item.active .count,
.cp-map-wrap .map-filter .item.active .text {
  color: #FFFFFF !important;
}
.cp-map-wrap .map-filter .item.active:after {
  content: "";
}
.cp-map-wrap .map-filter .item:before {
  content: "";
  position: absolute;
  height: 0.8rem;
  left: 0;
  right: 0;
  bottom: -0.8rem;
  background: transparent;
}
.cp-map-wrap .map-filter .item:after {
  content: none;
  border-right: 0.8rem solid transparent;
  border-left: 0.8rem solid transparent;
  border-top: 0.8rem solid #0a0a5f;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.6rem;
  position: absolute;
  z-index: 1;
}
.cp-map-wrap .map-filter .item.all-assigned.active,
.cp-map-wrap .map-filter .item.all-assigned:before {
  background-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.scheduled.active,
.cp-map-wrap .map-filter .item.scheduled:before {
  background-color: #307fe2;
}
.cp-map-wrap .map-filter .item.scheduled.active:after {
  border-top-color: #307fe2;
}
.cp-map-wrap .map-filter .item.inservice.active,
.cp-map-wrap .map-filter .item.inservice:before {
  background-color: #333333;
}
.cp-map-wrap .map-filter .item.inservice.active:after {
  border-top-color: #333333;
}
.cp-map-wrap .map-filter .item.unallocated.active,
.cp-map-wrap .map-filter .item.unallocated:before {
  background-color: #f3b04a;
}
.cp-map-wrap .map-filter .item.unallocated.active:after {
  border-top-color: #f3b04a;
}
.cp-map-wrap .map-filter .item.moving.active,
.cp-map-wrap .map-filter .item.moving:before {
  background-color: #0c9f41;
}
.cp-map-wrap .map-filter .item.moving.active:after {
  border-top-color: #0c9f41;
}
.cp-map-wrap .map-filter .item.delayed.active,
.cp-map-wrap .map-filter .item.delayed:before,
.cp-map-wrap .map-filter .item.idle.active,
.cp-map-wrap .map-filter .item.idle:before {
  background-color: #ffa100;
}
.cp-map-wrap .map-filter .item.delayed.active:after,
.cp-map-wrap .map-filter .item.idle.active:after {
  border-top-color: #ffa100;
}
.cp-map-wrap .map-filter .item.halt.active,
.cp-map-wrap .map-filter .item.halt:before,
.cp-map-wrap .map-filter .item.stopped.active,
.cp-map-wrap .map-filter .item.stopped:before {
  background-color: #aa00bf;
}
.cp-map-wrap .map-filter .item.halt.active:after,
.cp-map-wrap .map-filter .item.stopped.active:after {
  border-top-color: #aa00bf;
}
.cp-map-wrap .map-filter .item.all-unassigned.active,
.cp-map-wrap .map-filter .item.all-unassigned:before {
  background-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.all-unassigned.active:after {
  border-top-color: #0a0a5f;
}
.cp-map-wrap .map-filter .item.offline.active,
.cp-map-wrap .map-filter .item.offline:before {
  background-color: #999999;
}
.cp-map-wrap .map-filter .item.offline.active:after {
  border-top-color: #999999;
}
.cp-map-wrap .map-filter .item.unLinked.active,
.cp-map-wrap .map-filter .item.unLinked:before {
  background-color: #FF3F3F;
}
.cp-map-wrap .map-filter .item.unLinked.active:after {
  border-top-color: #FF3F3F;
}
.cp-map-wrap .map-filter .item.avlbl.active,
.cp-map-wrap .map-filter .item.avlbl:before {
  background-color: #a4c700;
}
.cp-map-wrap .map-filter .item.avlbl.active:after {
  border-top-color: #a4c700;
}
.cp-map-wrap .map-filter .item.service.active,
.cp-map-wrap .map-filter .item.service:before {
  background-color: #333333;
}
.cp-map-wrap .map-filter .item.service.active:after {
  border-top-color: #333333;
}
.cp-map-wrap .map-container {
  height: 44.2rem;
  background-color: #666666;
  position: relative;
}
.cp-map-wrap .map-container .btn-enlarge {
  position: absolute;
  top: 3rem;
  right: 2rem;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  box-shadow: 0 0 10px 0 #d1d6eb;
  width: 3rem;
  height: 3rem;
  z-index: 1;
}
.cp-map-wrap .map-container .btn-enlarge .icon {
  color: #333333;
  font-size: 1.8rem;
}
.cp-map-wrap .map-container agm-map {
  width: 100%;
  height: 100%;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div {
  width: 3rem !important;
  height: 6rem !important;
  border-radius: 0.5rem !important;
  box-shadow: 0 0 10px 0 #d1d6eb !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > button.gm-control-active {
  width: 100% !important;
  height: 50% !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > button.gm-control-active img {
  width: 1rem !important;
}
.cp-map-wrap .map-container agm-map .gm-bundled-control.gm-bundled-control-on-bottom .gmnoprint > div > div {
  width: 100% !important;
  margin: 0 !important;
}
@media only screen and (max-width: 767px) {
  .cp-map-wrap .map-filter {
    padding-right: 0;
  }
  .cp-map-wrap .map-filter .search-btn {
    display: none;
  }
  .cp-map-wrap .map-filter .filter-list {
    overflow-x: auto;
  }
  .cp-map-wrap .map-filter .filter-list ul {
    padding-bottom: 0.5rem;
  }
  .cp-map-wrap .map-filter .filter-list ul.assigned-list,
  .cp-map-wrap .map-filter .filter-list ul.unassigned-list,
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list {
    width: auto;
  }
  .cp-map-wrap .map-filter .filter-list ul.assigned-list .item,
  .cp-map-wrap .map-filter .filter-list ul.unassigned-list .item,
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
    width: 7.2rem;
  }
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list {
    min-width: 100%;
  }
  .cp-map-wrap .map-filter .filter-list ul.vehicle-list .item {
    min-width: 16.66%;
    height: 6rem;
  }
  .cp-map-wrap .map-filter .item .count {
    font-size: 1.4rem;
    outline-width: 1.6rem;
  }
  .cp-map-wrap .map-filter .item:before {
    height: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-map-wrap .map-filter .item:after {
    border-right-width: 0.5rem;
    border-bottom-width: 0.5rem;
    border-left-width: 0.5rem;
    bottom: -0.5rem;
  }
  .cp-map-wrap .map-filter.typ-sm .filter-list {
    width: 100%;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap {
    position: absolute;
    height: 5.5rem;
    background-color: #FFFFFF;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .search {
    display: none;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap .ui-autocomplete {
    padding-left: 1.5rem;
  }
  .cp-map-wrap .map-filter.typ-sm .search-wrap.active {
    opacity: 1;
    visibility: visible;
  }
  .cp-map-wrap .map-container {
    height: 32.5rem;
  }
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-1 {
  width: 33%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-2 {
  width: 33%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-3 {
  width: 33%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4 {
  width: 66%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-5 {
  width: 33%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-6 {
  width: 66%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-7 {
  width: 16.5%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-8 {
  width: 16.5%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-9 {
  width: 66%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-10 {
  width: 16.5%;
}
.cp-order-steps .order-steps-wrap.step-1 .field-item.col-4.col-11 {
  width: 16.5%;
}
.cp-order-steps .order-steps-wrap.step-2 .field-item {
  width: 33%;
}
.cp-order-steps .order-steps-wrap.step-2 .field-item.col-4 {
  width: 66%;
}
.cp-order-steps .order-steps-wrap.step-2 .field-item.col-5 {
  width: 70%;
}
.cp-order-steps .order-steps-wrap.step-2 .field-item.col-6 {
  width: 33%;
}
.cp-order-steps .order-steps-wrap.step-3 .field-item {
  width: 25%;
}
.cp-order-steps .order-steps-wrap + .order-steps-wrap {
  margin-top: 2rem;
}
.cp-order-steps .order-steps-wrap .estimation {
  position: absolute;
  padding: 0.3rem 1.5rem;
  top: -2.3rem;
  right: 0;
  background: #95a5d5;
  color: #FFFFFF;
}
.cp-order-steps .order-steps-wrap .estimation .list {
  display: flex;
  justify-content: space-between;
}
.cp-order-steps .order-steps-wrap .estimation .item + .item {
  margin-left: 4rem;
}
.cp-order-steps .order-steps-wrap .estimation .label-value-pair {
  font-size: 1.2rem;
  line-height: 1.7rem;
}
.cp-order-steps .order-steps-wrap .estimation .label-value-pair .value,
.cp-order-steps .order-steps-wrap .estimation .label-value-pair .label {
  display: inline-block;
}
.cp-order-steps .order-steps-wrap .estimation .label-value-pair .value {
  font-weight: 700;
  margin-left: 0.5rem;
}
.cp-order-steps .order-steps-wrap .material-load-status {
  position: absolute;
  padding: 0.3rem 1.5rem;
  bottom: 13rem;
  right: 0;
  background: #95a5d5;
  color: #FFFFFF;
}
.cp-order-steps .order-steps-wrap .material-load-status .list {
  display: flex;
  justify-content: space-between;
}
.cp-order-steps .order-steps-wrap .material-load-status .item + .item {
  margin-left: 4rem;
}
.cp-order-steps .order-steps-wrap .material-load-status .label-value-pair {
  font-size: 1.2rem;
  line-height: 1.7rem;
}
.cp-order-steps .order-steps-wrap .material-load-status .label-value-pair .value,
.cp-order-steps .order-steps-wrap .material-load-status .label-value-pair .label {
  display: inline-block;
}
.cp-order-steps .order-steps-wrap .material-load-status .label-value-pair .value {
  font-weight: 700;
  margin-right: 0.5rem;
}
.cp-order-steps .order-steps-wrap .contract-name .ui-autocomplete-panel .ui-autocomplete-list-item {
  font-size: 1.2rem;
  background: #f5f6f9;
  color: #333333;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
}
.cp-order-steps .order-steps-wrap .contract-name .ui-autocomplete-panel .ui-autocomplete-list-item + .ui-autocomplete-list-item {
  margin-top: 1rem;
}
.cp-order-steps .order-steps-wrap .contract-name .ui-autocomplete-panel .ui-autocomplete-list-item .cname {
  font-style: 1.4rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-order-steps .order-steps-wrap .contract-name .ui-autocomplete-panel .ui-autocomplete-list-item .label-value-pair {
  margin: 0.5rem 0;
}
.cp-order-steps .order-steps-wrap .contract-name .ui-autocomplete-panel .ui-autocomplete-list-item .label {
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  min-width: 10rem;
}
.cp-order-steps .order-steps-wrap .contract-name .ui-autocomplete-panel .ui-autocomplete-list-item .value {
  display: inline-block;
  vertical-align: middle;
}
.cp-order-steps .step-fields {
  background: #e8ecf8;
  position: relative;
  border-radius: 0.2rem;
  padding: 1.5rem 2rem 0.2rem;
}
.cp-order-steps .step-fields .field-list {
  flex-flow: wrap;
  display: flex;
  margin-left: -1rem;
  margin-right: -1rem;
}
.cp-order-steps .step-fields .field-list .field-item {
  padding: 0 1rem;
}
.cp-order-steps .step-fields .field-list .location-swap {
  display: flex;
  align-items: flex-start;
}
.cp-order-steps .step-fields .field-list .location-swap input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
}
.cp-order-steps .step-fields .field-list .location-swap .swap-btn {
  background: #0a0a5f;
  margin-top: 3.2rem;
  color: #FFFFFF;
  text-align: center;
  border-radius: 0.5rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  position: relative;
  font-size: 1.3rem;
  z-index: 1;
  flex: 0 0 3rem;
  height: 3rem;
}
.cp-order-steps .step-title {
  font-size: 1.2rem;
  color: #666666;
  font-style: italic;
  margin-bottom: 0.5rem;
  line-height: 1.7rem;
}
.cp-order-steps .step-title .number {
  display: inline-block;
  font-weight: 700;
  color: #333333;
  margin-right: 0.5rem;
  font-style: normal;
}
.cp-order-steps .continue {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: solid 1px #e8ecf8;
}
.cp-order-steps .total-cost {
  font-size: 1.4rem;
  font-weight: 700;
  color: #333333;
}
.cp-order-steps.typ-contract .order-steps-wrap.step-1 .field-item.col-1 {
  width: 50%;
}
.cp-order-steps.typ-contract .order-steps-wrap.step-1 .field-item.col-4,
.cp-order-steps.typ-contract .order-steps-wrap.step-1 .field-item.col-5 {
  width: 100%;
}
.cp-order-steps.typ-contract .order-steps-wrap.step-1 .field-item.col-2,
.cp-order-steps.typ-contract .order-steps-wrap.step-1 .field-item.col-6 {
  width: 25%;
}
.cp-order-steps.typ-contract .order-steps-wrap.step-1 .field-item.col-3 {
  width: 25%;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap {
  margin: 0 -1rem;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap .bm-field {
  display: none;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap .bm-field.active {
  display: flex;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap .field-item {
  width: auto;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap .rent .item-col-1 {
  width: 25%;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap .trip .item-col-1 {
  width: 50%;
}
.cp-order-steps.typ-contract .order-steps-wrap .bm-field-wrap .trip .item-col-2 {
  width: 25%;
}
.cp-order-steps .select-button {
  background: #e8ecf8;
}
.cp-unalloc-trip .swiper-slide {
  width: 28.2rem;
}
.cp-vendors {
  background-color: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  padding: 2.4rem 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.cp-vendors .filter-tag {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #95a5d5;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: capitalize;
  padding: 0.1rem 0.2rem;
  width: 12rem;
  text-align: center;
}
.cp-vendors .left-wrap,
.cp-vendors .right-wrap {
  width: 50%;
  padding-right: 1rem;
}
.cp-vendors .mod-name-value.typ-img .img-wrap {
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.cp-vendors .mod-name-value.typ-img .img-wrap .initials {
  font-size: 2rem;
  color: #FFFFFF;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}
.cp-vendors .mod-name-value.typ-img .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 0.5rem;
  color: #333333;
  text-transform: capitalize;
}
.cp-vendors .mod-name-value.typ-img .info-wrap .value span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.2rem;
  border-right: 1px solid #666666;
}
.cp-vendors .mod-name-value.typ-img .info-wrap .value span:first-of-type {
  padding-left: 0;
}
.cp-vendors .mod-name-value.typ-img .info-wrap .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vendors .mod-icon-text {
  margin-bottom: 1rem;
  display: block;
}
.cp-vendors .mod-icon-text .icon {
  color: #95a5d5;
  font-size: 1.6rem;
}
.cp-vendors .mod-icon-text .text {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vendors .mod-icon-text:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .cp-vendors {
    padding-bottom: 1.5rem;
  }
  .cp-vendors .left-wrap,
  .cp-vendors .right-wrap {
    width: 100%;
  }
  .cp-vendors .left-wrap {
    margin-bottom: 1.5rem;
  }
  .cp-vendors .mod-name-value.typ-img .img-wrap {
    width: 3.5rem;
    height: 3.5rem;
  }
  .cp-vendors .mod-name-value.typ-img .img-wrap .initials {
    font-weight: 600;
    font-size: 1.4rem;
  }
}
.cp-user {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
  height: 100%;
  cursor: pointer;
}
.cp-user .card-head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cp-user .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.cp-user .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-user .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #666666;
}
.cp-user .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-user .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-user .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-user .card-head .contact-details .item .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-user .card-head .user-desg-list {
  padding-top: 1.5rem;
  width: 100%;
}
.cp-user .user-desg-list {
  padding: 0;
  border: 0;
}
.cp-user .card-body {
  padding: 1.5rem 2rem;
}
.cp-user .details-list {
  display: flex;
}
.cp-user .details-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-user .details-list .detail-item + .detail-item {
  margin-left: 10rem;
}
@media only screen and (max-width: 1024px) {
  .cp-user .card-head .mod-name-value .name {
    font-size: 1.5rem;
  }
  .cp-user .details-list .detail-item + .detail-item {
    margin-left: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-user .card-head {
    display: block;
  }
  .cp-user .card-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-user .card-head .contact-details {
    margin-top: 1rem;
  }
  .cp-user .card-head .contact-details .item {
    padding: 0.3rem 0;
  }
  .cp-user .details-list {
    display: block;
  }
  .cp-user .details-list .detail-item + .detail-item {
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
.cp-filter-wrap .filter-head .filter-tag {
  display: inline-block;
  margin-right: 1rem;
  padding: 0.8rem 2.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  background-color: transparent;
  border: 1px solid #e8ecf8;
  border-radius: 1.8rem;
  text-transform: capitalize;
  color: #666666;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cp-filter-wrap .filter-head .filter-tag:last-of-type {
  margin-right: 0;
}
.cp-filter-wrap .filter-head .filter-tag:hover,
.cp-filter-wrap .filter-head .filter-tag.active {
  color: #FFFFFF;
  background-color: #0a0a5f;
  border-color: #0a0a5f;
}
.cp-filter-wrap .filter-head .filter-tag1 {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0.8rem 2.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  background-color: transparent;
  border: 1px solid #e8ecf8;
  border-radius: 1.8rem;
  text-transform: capitalize;
  color: #666666;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  text-overflow: ellipsis !important;
}
.cp-filter-wrap .filter-head .filter-tag1:last-of-type {
  margin-right: 0;
}
.cp-filter-wrap .filter-head .filter-tag1:hover,
.cp-filter-wrap .filter-head .filter-tag1:active {
  color: #FFFFFF !important;
  background-color: #0a0a5f !important;
  border-color: #0a0a5f !important;
}
.cp-filter-wrap .filter-cont {
  padding-top: 2rem;
}
.cp-filter-wrap .filter-cont .filter-item {
  margin-bottom: 2rem;
}
.cp-filter-wrap .filter-cont .filter-item .cp-vendors {
  height: 100%;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.cp-filter-wrap .filter-cont .filter-item .cp-vendors:hover {
  box-shadow: 0 0 25px 0 #d1d6eb;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+1) .cp-vendors .img-wrap {
  background-color: #ff8535;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+2) .cp-vendors .img-wrap {
  background-color: #b620e0;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+3) .cp-vendors .img-wrap {
  background-color: #14bfba;
}
.cp-filter-wrap .filter-cont .filter-item:nth-of-type(4n+4) .cp-vendors .img-wrap {
  background-color: #307fe2;
}
.cp-filter-wrap .filter-cont .select-wrap {
  margin: 0 0 2rem;
}
.cp-filter-wrap .filter-cont .select-wrap .selected-count {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  font-style: italic;
  margin-left: 1rem;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.6rem;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box {
  width: 2.5rem;
  height: 2.5rem;
  background-color: transparent;
  border: none;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box span {
  display: none;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:before,
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:before {
  background: url(/assets/images/empty-check-box.png) center center no-repeat;
  background-size: cover;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box:after {
  background: url(/assets/images/green-tick.png) center center no-repeat;
  background-size: cover;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default:before {
  opacity: 1;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default:after {
  opacity: 0;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:before {
  opacity: 0;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:after {
  opacity: 1;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-focus {
  outline: none;
  box-shadow: none;
}
.cp-filter-wrap .filter-cont .select-wrap .ui-chkbox-label {
  margin-left: 0;
  color: #333333;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .cp-filter-wrap .filter-head {
    overflow-x: auto;
    margin: 0 -1.5rem;
    padding: 0 1.5rem;
  }
  .cp-filter-wrap .filter-head .tag-list {
    white-space: nowrap;
  }
}
.cp-card-listing .card-item {
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card {
  height: 23.5rem;
  display: flex;
  flex-flow: column;
}
.cp-card-listing .cp-card .card-head {
  padding: 2rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-card-listing .cp-card .card-head .timestamp {
  display: block;
  margin-bottom: 0.3rem;
  text-align: right;
}
.cp-card-listing .cp-card .card-head .right-wrap {
  position: absolute;
  right: 2rem;
}
.cp-card-listing .cp-card .card-head .right-wrap .pan {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
}
.cp-card-listing .cp-card .card-head .right-wrap .license {
  font-weight: 700;
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #0a0a5f;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .img-wrap {
  background-color: #14bfba;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .name {
  color: #0a0a5f;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-bottom: 0.3rem;
}
.cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .value {
  font-size: 1.4rem;
  color: #333333;
}
.cp-card-listing .cp-card .card-head .desg {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #95a5d5;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: capitalize;
  padding: 0.1rem 0.2rem;
  width: 12rem;
  text-align: center;
}
.cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  position: relative;
  margin-right: 1.5rem;
}
.cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap .initials {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #FFFFFF;
}
.cp-card-listing .cp-card .card-body {
  padding: 2rem;
  position: relative;
  background-color: #FFFFFF;
  flex-grow: 1;
  overflow-y: auto;
}
.cp-card-listing .cp-card .card-body.typ-flex {
  display: flex;
  align-items: center;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item {
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item .mod-icon-text .icon {
  font-size: 1.5rem;
  color: #95a5d5;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item .mod-icon-text .text {
  margin-left: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .icon-text-list .item:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .address-wrap {
  margin-bottom: 1.5rem;
}
.cp-card-listing .cp-card .card-body .address-wrap .title {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.3rem;
  display: block;
}
.cp-card-listing .cp-card .card-body .address-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .address-wrap address {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
  font-style: normal;
}
.cp-card-listing .cp-card .card-body .locate-btn {
  font-size: 1.2rem;
  line-height: 1.6rem;
  text-transform: initial;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .locate-btn:after {
  content: none;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img.align-top {
  align-items: flex-start;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  margin-bottom: 0.5rem;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span {
  margin-bottom: 0.8rem;
  display: block;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details > span span {
  display: inline-block;
  vertical-align: middle;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span {
  line-height: 1.2rem;
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-right: 1px solid #666666;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span:first-of-type {
  padding-left: 0;
}
.cp-card-listing .cp-card .card-body .mod-name-value.typ-img .bank-details .address span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-card-listing .cp-card .card-body .gst {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
}
.cp-card-listing .cp-card .card-body > .img-wrap {
  width: 20rem;
  margin: 0 auto;
}
.cp-card-listing .cp-card .card-body > .img-wrap img {
  width: 100%;
}
.cp-card-listing .cp-card .card-body .doc-list {
  width: 100%;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .name {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .icon {
  font-size: 1.8rem;
  color: #307fe2;
  font-weight: 400;
  margin: 0;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .btn {
  display: inline-block;
  margin-right: 2rem;
}
.cp-card-listing .cp-card .card-body .doc-list .doc-item .act-wrap .btn:last-of-type {
  margin-right: 0;
}
.cp-card-listing .cp-card .card-body .profile-wrap .img-wrap {
  background-color: #14bfba;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value > span {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value > span:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value .contact a {
  display: block;
  margin-bottom: 0.5rem;
}
.cp-card-listing .cp-card .card-body .profile-wrap .info-wrap .value .contact a:last-of-type {
  margin-bottom: 0;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list {
  display: flex;
  justify-content: space-between;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text {
  width: 50%;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #e8ecf8;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5rem;
  color: #95a5d5;
  font-size: 3.5rem;
  position: relative;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text {
  display: inline-block;
  vertical-align: middle;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text .count {
  font-size: 2.4rem;
  line-height: 2.6rem;
  margin-bottom: 0.3rem;
  color: #333333;
  font-weight: 700;
  display: block;
}
.cp-card-listing .cp-card .card-body .fleet-wrap .fleet-list .wrap-icon-text .text .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .data-list .data-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .label {
  max-width: 49%;
}
.cp-card-listing .cp-card .card-body .data-list .data-item .value {
  max-width: 49%;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-card-listing .cp-card .card-body .data-list .data-item:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .cp-card-listing .cp-card {
    height: auto;
  }
  .cp-card-listing .cp-card .card-head {
    padding: 1.8rem 1.5rem;
  }
  .cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-card-listing .cp-card .card-head .mod-name-value.typ-img .info-wrap .value {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .cp-card-listing .cp-card .card-head .desg {
    width: 11rem;
  }
  .cp-card-listing .cp-card .card-body {
    padding: 1.5rem;
  }
  .cp-card-listing .cp-card .card-body address {
    margin-bottom: 1rem;
  }
  .cp-card-listing .cp-card .card-body .locate-btn {
    position: static;
  }
  .cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap {
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1rem;
  }
  .cp-card-listing .cp-card .mod-name-value.typ-img .img-wrap .initials {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.cp-modal .ui-dialog {
  border-radius: 0.2rem;
  border: none;
  box-shadow: none;
  background-color: #FFFFFF;
  overflow: hidden;
  display: block;
}
.cp-modal .ui-dialog .ui-dialog-titlebar {
  padding: 2rem;
  background-color: #FFFFFF;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #e8ecf8;
  display: flex;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .modal-header .close-btn .icon {
  font-size: 1.6rem;
  color: #666666;
  font-weight: 400;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title .last-updated {
  font-size: 1.1rem;
  color: #333333;
  font-style: italic;
  font-weight: normal;
}
.cp-modal .ui-dialog .ui-dialog-titlebar .title.typ-center {
  text-align: center;
}
.cp-modal .ui-dialog .ui-dialog-titlebar-close {
  padding: 0.5rem;
}
.cp-modal .ui-dialog .ui-dialog-titlebar-close .pi-times:before {
  content: "\e90b";
  font-family: "icomoon";
}
.cp-modal .ui-dialog .ui-dialog-content {
  padding: 2rem 2rem 2rem 2rem;
  overflow: hidden;
}
.cp-modal .ui-dialog .ui-dialog-content .modal-body {
  height: 100%;
}
.cp-modal .ui-dialog .heading-1 {
  font-weight: 700;
  color: #333333;
}
.cp-modal .ui-dialog .mod-name-value.typ-img {
  margin-bottom: 2rem;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .name {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  display: block;
  text-transform: uppercase;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value span {
  border-right: 1px solid #666666;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1.2rem;
  display: inline-block;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .info-wrap .value span:last-of-type {
  border-right: none;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .img-wrap {
  width: 3.5rem;
  height: 3.5rem;
  overflow: hidden;
  border-radius: 50%;
}
.cp-modal .ui-dialog .mod-name-value.typ-img .img-wrap img {
  width: 100%;
}
.cp-modal .ui-dialog .title-desc-wrap {
  margin-bottom: 1.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap .heading-1 {
  margin-bottom: 0.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap .desc {
  line-height: 1.5;
}
.cp-modal .ui-dialog .title-desc-wrap .desc + .desc {
  margin-top: 1.5rem;
}
.cp-modal .ui-dialog .title-desc-wrap.typ-bg {
  background-color: rgba(48, 127, 226, 0.1);
  padding: 1.5rem 1rem;
}
.cp-modal .ui-dialog .title-desc-wrap.typ-bg .desc {
  color: #666666;
}
.cp-modal .ui-dialog .issue-list-wrap,
.cp-modal .ui-dialog .alert-list-wrap {
  font-size: 1.2rem;
}
.cp-modal .ui-dialog .issue-list-wrap .count-wrap,
.cp-modal .ui-dialog .alert-list-wrap .count-wrap {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.cp-modal .ui-dialog .issue-list-wrap .count-wrap span,
.cp-modal .ui-dialog .alert-list-wrap .count-wrap span {
  margin-right: 0.3rem;
  vertical-align: middle;
  display: inline-block;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item,
.cp-modal .ui-dialog .alert-list-wrap .list .item {
  margin-bottom: 1rem;
  line-height: 1.5;
  position: relative;
  display: flex;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item > span,
.cp-modal .ui-dialog .alert-list-wrap .list .item > span {
  width: calc(100% - 3.5rem);
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon {
  width: 2.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon img,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon img {
  width: 100%;
}
.cp-modal .ui-dialog .issue-list-wrap .list .item .img-icon.typ-alert,
.cp-modal .ui-dialog .alert-list-wrap .list .item .img-icon.typ-alert {
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #ffffff;
  height: 2rem;
  font-size: 1.4rem;
  text-align: center;
}
.cp-modal .ui-dialog .alert-type {
  padding-bottom: 1.5rem;
  display: flex;
  align-items: center;
}
.cp-modal .ui-dialog .alert-type .icon-wrap {
  margin-right: 1rem;
  width: auto;
  text-align: center;
  height: auto;
}
.cp-modal .ui-dialog .alert-type .text {
  font-size: 1.2rem;
  font-weight: 700;
}
.cp-modal .ui-dialog .alert-type .icon {
  font-size: 2.5rem;
}
.cp-modal .ui-dialog .alert-type .icon.typ-green {
  color: #0c9f41;
}
.cp-modal .ui-dialog .alert-type .icon.typ-error {
  color: #db0b0b;
}
.cp-modal .ui-dialog .alert-type .icon.typ-info {
  display: block;
  background: #db0b0b;
  border-radius: 50%;
  box-shadow: 0 0 10px 0 rgba(219, 11, 11, 0.75);
  overflow: hidden;
  width: 2rem;
  color: #FFFFFF;
  height: 2rem;
  font-size: 1.1rem;
  text-align: center;
  line-height: 2rem;
  margin: 0 auto;
}
.cp-modal.typ-servicing .ui-dialog {
  width: 45rem;
  min-height: 36rem;
  max-height: 48rem;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 3rem;
  display: flex;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-servicing .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 85%;
  flex-direction: column;
  padding: 12px 25px 0px 25px;
  background-color: #FFFFFF;
}
.cp-modal.typ-servicing .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-servicing .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-servicing .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-servicing .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-tasklist-AM .ui-dialog {
  width: 42rem;
  min-height: 46.7rem;
  max-height: 48rem;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding: 2.1rem 2.5rem 2rem 2.5rem;
  display: flex;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-tasklist-AM .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 325px;
  flex-direction: column;
  padding: 12px 25px 0px 25px;
  background-color: #FFFFFF;
  justify-content: space-between;
}
.cp-modal.typ-tasklist-AM .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-tasklist-AM .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-tasklist-AM .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-tasklist-AM .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-reject-leave .ui-dialog {
  width: 60rem;
  height: 37.8rem;
  border-radius: 2px;
  box-shadow: 0 0 15px 0 #000000;
  background-color: white;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar {
  height: 64px;
  display: flex;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-reject-leave .ui-dialog .ui-dialog-content {
  display: flex;
  height: 313px;
  flex-direction: column;
  background-color: #FFFFFF;
  padding: 0;
}
.cp-modal.typ-reject-leave .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-reject-leave .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-reject-leave .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-reject-leave .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-leave-request-message .ui-dialog {
  width: 60rem;
  height: 26.9rem;
  box-shadow: 0 0 15px 0 #000000;
  background-color: white;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar {
  padding: 2rem;
  height: 64px;
  display: flex;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-leave-request-message .ui-dialog .ui-dialog-content {
  padding: 19px 20px 20px 20px;
  display: flex;
  height: 204px;
  flex-direction: column;
  background-color: #FFFFFF;
}
.cp-modal.typ-leave-request-message .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-leave-request-message .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-leave-request-message .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-leave-request-message .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-remove-rate .ui-dialog {
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.75rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  padding-left: 4rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar-close {
  display: none;
  right: 1.5rem;
  top: 1.3rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-remove-rate .ui-dialog .ui-dialog-content {
  padding: 50px;
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
  gap: 20px;
}
.cp-modal.typ-remove-rate .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-remove-rate .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-remove-rate .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-remove-rate .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-delete .ui-dialog {
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  padding: 2rem !important;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.75rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 90px;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar-close {
  right: 1.5rem;
  top: 1.3rem;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.2rem;
}
.cp-modal.typ-delete .ui-dialog .ui-dialog-content {
  padding: 0;
  display: flex;
  height: 50%;
  flex-direction: row;
  background-color: #FFFFFF;
}
.cp-modal.typ-delete .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-delete .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-delete .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-delete .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-trip-advance .ui-dialog {
  width: 42rem;
  box-shadow: 0 0 30px 0 rgba(128, 129, 132, 0.2);
  background-color: white;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  padding-left: 2rem;
  padding-right: 2.6rem;
  padding-bottom: 2rem;
  display: flex;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-titlebar-close span {
  font-size: 1.5rem;
}
.cp-modal.typ-trip-advance .ui-dialog .ui-dialog-content {
  padding: 20px 20px 30px 20px;
  display: flex;
  height: 80%;
  flex-direction: column;
  background-color: #FFFFFF;
}
.cp-modal.typ-trip-advance .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-trip-advance .act-wrap button {
  width: 150px;
  height: 45px;
  border-radius: 5px;
  border: solid 1px #122382;
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-trip-advance .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-trip-advance .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-confirm .ui-dialog {
  width: 58rem;
  display: block;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 4rem;
  display: flex;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm .ui-dialog .ui-dialog-content {
  padding: 4rem 0;
  background-color: #FFFFFF;
}
.cp-modal.typ-confirm .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.cp-modal.typ-confirm .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cp-modal.typ-sync-popup {
    width: 50vw !important;
    top: 17% !important;
  }
}
.cp-modal.typ-sync-popup .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 2rem;
  display: flex;
  color: #0a0a5f;
}
.cp-modal.typ-sync-popup .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
  font-size: 1.8rem;
}
.cp-modal.typ-sync-popup .ui-dialog .ui-dialog-content {
  padding: 1rem 2rem !important;
  overflow: hidden;
  background: #e6eaf7;
  min-height: 20rem !important;
  max-height: 45rem !important;
}
.cp-modal.typ-sync-popup .ui-dialog .ui-dialog-footer {
  border-top: none;
  background-color: #ffffff;
  color: #333333;
  padding: 0.571em 1em;
  margin: 0;
  text-align: right;
  position: relative;
  top: 0;
}
.cp-modal.typ-sync-popup .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-sync-popup .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-sync-popup .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-sync-popup .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.popup .ui-dialog {
  width: 58rem !important;
  top: 155px !important;
  height: 35rem !important;
}
.cp-modal.popup .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 4rem;
  display: flex;
}
.cp-modal.popup .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.popup .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #FFFFFF;
}
.cp-modal.popup .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.popup .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.popup .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-validation .ui-dialog {
  width: 58rem;
  height: 18rem;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding: 5rem 2rem 1.5rem 2rem !important;
  display: flex;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm-validation .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #FFFFFF;
}
.cp-modal.typ-confirm-validation .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm-validation .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm-validation .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-validation .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-confirm-material .ui-dialog {
  width: 58rem;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-titlebar {
  border-bottom: none;
  padding-top: 2rem;
  display: flex;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.typ-confirm-material .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #FFFFFF;
}
.cp-modal.typ-confirm-material .act-wrap {
  text-align: center;
  margin-bottom: 4rem;
  padding: 2rem 0 0;
}
.cp-modal.typ-confirm-material .act-wrap button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.typ-confirm-material .act-wrap button:last-of-type {
  margin-right: 0;
}
.cp-modal.typ-confirm-material .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.type-load-unload .ui-dialog {
  width: 42rem;
  height: 53.9rem;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.type-load-unload .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #FFFFFF;
}
.cp-modal.type-load-unload .ui-dialog .trip-leg-time {
  color: #666666;
  font-size: 10px;
}
.cp-modal.type-load-unload .ui-dialog .location-popup-name {
  padding: 2rem;
}
.cp-modal.type-load-unload .act-wrap {
  background: #e6eaf7;
  height: 20rem;
  padding: 0rem 0 0;
}
.cp-modal.type-load-unload .act-wrap .field-item {
  margin-top: 0.6rem;
}
.cp-modal.type-load-unload .act-wrap .form-group input {
  height: 4rem;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #ffffff;
  border-right: 1px solid #e8ecf8;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  width: 30rem;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown {
  height: 4rem;
  vertical-align: bottom;
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown .ui-dropdown-trigger {
  color: #307fe2;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown-panel {
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .ui-dropdown label.ui-dropdown-label {
  color: #307fe2;
}
.cp-modal.type-load-unload .act-wrap .ui-corner-all {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  padding-top: 0.5rem;
  z-index: 200000 !important;
}
.cp-modal.type-load-unload .act-wrap .footer-part {
  text-align: center;
}
.cp-modal.type-load-unload .act-wrap .footer-part button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.type-load-unload .act-wrap .footer-part button:last-of-type {
  margin-right: 0;
}
.cp-modal.type-load-unload .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.type-other-expense .ui-dialog {
  width: 42rem;
  height: 48.9rem;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-titlebar {
  padding-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-titlebar .modal-header {
  display: block;
}
.cp-modal.type-other-expense .ui-dialog .ui-dialog-content {
  padding: 0;
  background-color: #FFFFFF;
}
.cp-modal.type-other-expense .ui-dialog .trip-leg-time {
  color: #666666;
  font-size: 10px;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name {
  padding: 2rem;
  border-bottom: 1px solid #e8ecf8;
  padding-bottom: 1rem;
  padding-top: 2rem;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .blocks .lable-class-input {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--black) !important;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .name {
  width: 131px;
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .value {
  font-size: 18px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .estimated-amount-block .value img {
  top: 0px;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .name {
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .value {
  font-size: 18px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .rate-card-data {
  font-size: 14px;
  font-weight: bold;
  color: var(--dark-indigo);
}
.cp-modal.type-other-expense .ui-dialog .location-popup-name .rate-card-block .class-add {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #ffffff;
  padding-top: 0px;
  padding-left: 5px;
}
.cp-modal.type-other-expense .act-wrap {
  background: #e6eaf7;
  height: 32rem;
  padding: 0rem 0 0;
}
.cp-modal.type-other-expense .act-wrap .field-item {
  margin-top: 0.6rem;
}
.cp-modal.type-other-expense .act-wrap .form-group input {
  height: 4rem;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  border-right: 1px solid #e8ecf8;
  color: #666666;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  width: 39rem;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown {
  height: 4rem;
  vertical-align: bottom;
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown .ui-dropdown-trigger {
  color: #307fe2;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown-panel {
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .ui-dropdown label.ui-dropdown-label {
  color: #307fe2;
}
.cp-modal.type-other-expense .act-wrap .ui-corner-all {
  border-radius: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  font-family: "Open Sans";
  padding-top: 0.5rem;
  z-index: 200000 !important;
}
.cp-modal.type-other-expense .act-wrap .footer-part {
  text-align: center;
}
.cp-modal.type-other-expense .act-wrap .footer-part button {
  display: inline-block;
  margin-right: 2rem;
}
.cp-modal.type-other-expense .act-wrap .footer-part button:last-of-type {
  margin-right: 0;
}
.cp-modal.type-other-expense .note {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000000;
  text-align: center;
}
.cp-modal.typ-map .ui-dialog {
  width: 60rem;
}
.cp-modal.typ-map .ui-dialog-content {
  padding: 0;
}
.cp-modal.typ-map .address-cont {
  background-color: #FFFFFF;
  padding: 2rem;
}
.cp-modal.typ-map .address-cont address {
  font-size: 1.2rem;
  line-height: 1.6rem;
  width: 40rem;
}
.cp-modal.typ-map .map-wrap {
  height: 34rem;
}
.cp-modal agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal.typ-big .ui-dialog {
  max-width: 90rem;
  width: 95%;
  display: block;
}
.cp-modal.typ-big.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal.typ-big-dic .ui-dialog {
  max-width: 100rem;
  width: 100% !important;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog {
  min-height: 45rem;
  max-height: 80vh;
}
.cp-modal.typ-big-dic.typ-live .ui-dialog-content {
  max-height: none;
}
.cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
  max-height: 30rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .ui-dialog-content {
  max-height: 42rem;
  overflow: auto;
}
.cp-modal.typ-big-dic .vehicle-detail {
  display: flex;
  justify-content: space-between;
}
.cp-modal.typ-big-dic .vehicle-detail a {
  margin-top: 0.2rem;
}
.cp-modal.notification-setting .ui-dialog {
  max-width: 76rem;
  width: 100% !important;
}
.cp-modal.notification-setting .ui-dialog .ui-dialog-titlebar {
  display: flex;
}
.cp-modal.notification-setting .ui-dialog .ui-dialog-content {
  padding: unset !important;
  overflow: auto;
}
.cp-modal .detail-with-map {
  display: flex;
}
.cp-modal .detail-with-map .map-wrap {
  width: 56%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .veh-detail-with-map {
  display: flex;
}
.cp-modal .veh-detail-with-map .map-wrap {
  width: 100%;
  margin-right: 4%;
  height: 35rem;
}
.cp-modal .veh-detail-with-map .map-wrap agm-map {
  width: 100%;
  height: 100%;
}
.cp-modal .veh-detail-with-map .right-wrap {
  width: 40%;
  display: flex;
  flex-direction: column;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap {
  padding-bottom: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #FFFFFF;
  font-weight: 700;
  padding: 0.2rem 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.moving {
  background-color: #0c9f41;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.stopped {
  background-color: #aa00bf;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.idle {
  background-color: #ffa100;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .vehicle-status.offline {
  background-color: #999999;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .name {
  font-size: 1.6rem;
  line-height: 2rem;
}
.cp-modal .veh-detail-with-map .right-wrap .head-wrap .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap {
  padding-top: 0.5rem;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
}
.cp-modal .veh-detail-with-map .right-wrap .cont-wrap .data-list .data-item {
  width: 50%;
  margin-bottom: 1.5rem;
}
.cp-modal .label-value .label {
  font-weight: 400;
  margin-bottom: 0.3rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #666666;
}
.cp-modal .label-value .value {
  font-size: 1.2rem;
  line-height: 1.6rem;
  display: block;
  font-weight: 700;
  color: #333333;
}
.cp-modal .address-with-map,
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .address-with-map .heading,
.cp-modal .vehicle-live-status .heading {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cp-modal .address-with-map .left-wrap,
.cp-modal .vehicle-live-status .left-wrap {
  width: 30%;
  padding-right: 2rem;
}
.cp-modal .address-with-map .right-wrap,
.cp-modal .vehicle-live-status .right-wrap {
  width: 70%;
  padding-left: 2rem;
}
.cp-modal .address-with-map .desc.vehicle-status,
.cp-modal .vehicle-live-status .desc.vehicle-status {
  font-size: 1rem;
  font-style: italic;
  color: #666666;
}
.cp-modal .address-with-map {
  padding-top: 1.5rem;
  margin-top: 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-modal .address-with-map .map-wrap {
  height: 20rem;
  padding-bottom: 1.5rem;
}
.cp-modal.typ-scrollable .ui.ui-dialog {
  max-height: initial;
}
.cp-modal .vehicle-live-status {
  display: flex;
}
.cp-modal .vehicle-live-status .left-wrap {
  border-right: 1px solid #e8ecf8;
  z-index: 2;
}
.cp-modal .vehicle-live-status .data-list .data-item {
  margin-bottom: 1.5rem;
}
.cp-modal .vehicle-live-status .data-list .data-item:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 1024px) {
  .cp-modal.typ-map .ui-dialog {
    height: 100vh;
  }
  .cp-modal.typ-map .address-cont address {
    width: 100%;
  }
  .cp-modal.typ-map .map-wrap {
    height: calc(100vh - 13.5rem);
  }
  .cp-modal.typ-confirm .act-wrap button {
    display: block;
    align-items: center;
  }
  .cp-modal.typ-confirm .act-wrap button:last-of-type {
    align-items: center;
    margin-bottom: 0;
  }
  .cp-modal.popup .act-wrap button {
    display: block;
    margin: 0 auto 1.5rem;
  }
  .cp-modal.popup .act-wrap button:last-of-type {
    margin-right: auto;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .cp-modal.head-typ-2 .ui-dialog {
    padding-top: 7.5rem;
  }
  .cp-modal.head-typ-2-dic .ui-dialog {
    padding-top: 7.5rem;
  }
  .cp-modal.notification-setting .ui-dialog {
    max-width: 100%;
  }
  .cp-modal .ui-dialog {
    top: 0 !important;
    width: 100% !important;
    left: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    padding-top: 5.5rem;
    overflow: auto;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: 1.5rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar .title .last-updated {
    display: block;
  }
  .cp-modal .ui-dialog .ui-dialog-content {
    padding: 3rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close {
    right: 1.5rem;
    top: 1.3rem;
  }
  .cp-modal .ui-dialog .ui-dialog-titlebar-close span {
    font-size: 1.5rem;
  }
  .cp-modal.typ-remove-rate .ui-dialog .ui-dialog-content {
    padding: 5rem 0;
  }
  .cp-modal .detail-with-map {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
  }
  .cp-modal .detail-with-map .map-wrap {
    width: 100%;
  }
  .cp-modal .detail-with-map .right-wrap {
    width: 100%;
    padding: 2rem;
  }
  .cp-modal .veh-detail-with-map {
    display: block;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: -1.5rem;
  }
  .cp-modal .veh-detail-with-map .map-wrap {
    width: 100%;
  }
  .cp-modal .veh-detail-with-map .right-wrap {
    width: 100%;
    padding: 2rem;
  }
  .cp-modal.typ-big .ui-dialog-content {
    max-height: initial;
    overflow: auto;
    height: 100% !important;
  }
  .cp-modal.typ-big.typ-live .right-wrap .cont-wrap {
    max-height: inherit;
  }
  .cp-modal.typ-big-dic .ui-dialog {
    max-width: 100rem;
    width: 100% !important;
  }
  .cp-modal.typ-big-dic .ppp4 {
    display: flex;
  }
  .cp-modal.typ-big-dic .ui-dialog-content {
    max-height: initial;
    overflow: auto;
    height: 100% !important;
  }
  .cp-modal.typ-big-dic.typ-live .right-wrap .cont-wrap {
    max-height: inherit;
  }
  .cp-modal .address-with-map,
  .cp-modal .vehicle-live-status {
    display: block;
  }
  .cp-modal .address-with-map .heading,
  .cp-modal .vehicle-live-status .heading {
    font-size: 1.5rem;
  }
  .cp-modal .address-with-map .left-wrap,
  .cp-modal .address-with-map .right-wrap,
  .cp-modal .vehicle-live-status .left-wrap,
  .cp-modal .vehicle-live-status .right-wrap {
    width: 100%;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e8ecf8;
    margin-bottom: 1.5rem;
  }
  .cp-modal .address-with-map {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  .cp-modal .address-with-map .right-wrap {
    border: 0;
    margin-bottom: 0;
  }
  .cp-modal .vehicle-live-status .data-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cp-modal .vehicle-live-status .data-list .data-item {
    width: 46%;
  }
}
.table-cont {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: solid 1px #e8ecf8;
  margin-bottom: 0rem;
}
.table-cont .icon {
  color: #307fe2;
}
.table-cont .space {
  margin-left: 10px;
}
.table-cont .btn {
  display: block;
  cursor: pointer;
  color: #307fe2;
  text-align: left;
}
.table-cont .btn.btn-icon-text .icon {
  color: #307fe2;
  vertical-align: middle;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 1.8rem;
  font-family: icomoon !important;
  font-weight: 400;
}
.table-cont .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
@media only screen and (max-width: 1920px) {
  .table-cont {
    margin-left: 1.5rem;
  }
}
.cp-onboarding {
  background: rgba(244, 247, 255, 0.85);
  box-shadow: 0 0 20px 0 rgba(10, 10, 95, 0.35);
  width: 90%;
  max-width: 50rem;
  padding: 3.5rem 8rem 4rem;
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: 98vh;
  overflow: auto;
  transform: translate(-50%, -50%);
  color: #333333;
}
.cp-onboarding .logo-wrap img {
  max-height: 2rem;
}
.cp-onboarding .cp-form {
  min-height: 34.5rem;
}
.cp-onboarding .btn-icon {
  font-size: 1.4rem;
}
.cp-onboarding .view-pwd {
  border: 0 !important;
  cursor: pointer;
}
.cp-onboarding .title {
  font-size: 2.8rem;
  line-height: 1.25;
  margin-top: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
  text-align: center;
}
.cp-onboarding .verification-title {
  font-size: 48px;
}
.cp-onboarding .subtitle {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0a0a5f;
  text-align: center;
  margin-top: 0.5rem;
}
.cp-onboarding .desc {
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 1.6rem;
  text-align: center;
}
.cp-onboarding .field-list {
  margin: 3.5rem 0 4rem;
}
.cp-onboarding .btn-wrap {
  text-align: center;
}
.cp-onboarding .btn-wrap button + button {
  margin-left: 3rem;
}
.cp-onboarding .btn-wrap .helpdesk-note {
  margin-top: 2rem;
}
.cp-onboarding .otp-note {
  font-size: 1.4rem;
  font-style: italic;
  margin-top: 1rem;
  color: #666666;
  margin-bottom: 2.5rem;
}
.cp-onboarding .invalid-error {
  position: absolute;
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.4rem;
  margin-top: 0.6rem;
  color: #db0b0b;
}
.cp-onboarding .pwd-note {
  font-size: 1.3rem;
  color: #666666;
  padding-top: 1rem;
}
.cp-onboarding .helpdesk-note {
  text-align: center;
  font-size: 1.4rem;
}
.cp-onboarding .helpdesk-note.fixed {
  position: absolute;
  bottom: 2.2rem;
  left: 0;
  right: 0;
}
.cp-onboarding .helpdesk-note .question {
  font-style: italic;
}
.cp-onboarding .otp-wrap .input-group {
  background: transparent;
}
.cp-onboarding .otp-wrap .form-control {
  width: 12.5%;
  margin-left: 5%;
  text-align: center;
  background: #FFFFFF;
  font-size: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.cp-onboarding .otp-wrap .form-control:first-child {
  margin-left: 0;
}
.cp-onboarding .resend-otp {
  text-align: right;
  margin-top: 2.1rem;
}
.cp-onboarding .resend-otp .btn-icon {
  padding-right: 0;
}
.cp-onboarding .timer {
  font-style: italic;
  font-size: 1.4rem;
  display: block;
  color: #666666;
}
.cp-onboarding .signuptimer {
  padding-right: 10%;
  font-style: italic;
  font-size: 1.4rem;
  color: #666666;
}
.cp-onboarding .resendOtp {
  padding-right: 18px;
}
.typ-login {
  background: url("./media/login-bg-B2AJ3CFM.jpg") center center no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .cp-onboarding {
    padding: 3rem 1.8rem 3rem;
    overflow: auto;
  }
  .cp-onboarding .logo-wrap img {
    max-height: 1.4rem;
  }
  .cp-onboarding .title {
    font-size: 2.4rem;
  }
  .cp-onboarding .desc {
    line-height: 1.5;
  }
  .cp-onboarding .helpdesk-note {
    font-size: 1.3rem;
  }
  .cp-onboarding .helpdesk-note.fixed {
    position: static;
  }
  .cp-onboarding .helpdesk-note .btn {
    font-size: 1.3rem;
  }
}
.cp-table .ui-table .ui-table-wrapper {
  border-top: 1px solid #e8ecf8;
  border-bottom: 1px solid #e8ecf8;
}
.cp-table .ui-table .ui-paginator {
  border: none;
  background-color: transparent;
  margin-top: 2rem;
  padding: 0;
  text-align: right;
}
.cp-table .ui-table .ui-paginator .ui-paginator-right-content,
.cp-table .ui-table .ui-paginator .ui-paginator-left-content {
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages {
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1.5rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 700;
  background-color: #95a5d5;
  margin-right: 1.5rem;
  font-size: 1rem;
  line-height: 2.5rem;
  transition: background-color 0.4s ease-in-out;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page:last-of-type {
  margin-right: 0;
}
.cp-table .ui-table .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #0a0a5f;
}
.cp-table .ui-table .ui-paginator .ui-paginator-first,
.cp-table .ui-table .ui-paginator .ui-paginator-last {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev {
  font-size: 1.2rem;
  color: #307fe2;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 1rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:hover {
  color: #0a0a5f;
  background-color: transparent;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev span {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:before {
  content: "Prev";
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev:after {
  position: absolute;
  left: 0;
  top: 56%;
  transform: translateY(-50%);
  content: "\e90c";
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-table .ui-table .ui-paginator .ui-paginator-prev.ui-state-disabled {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next {
  font-size: 1.2rem;
  color: #307fe2;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-right: 1rem;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:hover {
  color: #0a0a5f;
  background-color: transparent;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next span {
  display: none;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:before {
  content: "Next";
}
.cp-table .ui-table .ui-paginator .ui-paginator-next:after {
  position: absolute;
  right: 0;
  top: 62%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  content: "\e90d";
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cp-table .ui-table .ui-paginator .ui-paginator-next.ui-state-disabled {
  display: none;
}
.cp-table .ui-table thead tr {
  background-color: #FFFFFF;
}
.cp-table .ui-table thead tr th {
  padding: 2rem 1rem 2rem 2.5rem;
  color: #0a0a5f;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.7rem;
  text-align: left;
  border: none;
  background-color: #FFFFFF;
  vertical-align: top;
}
.cp-table .ui-table thead tr th .text {
  display: inline-block;
  position: relative;
  padding-right: 1.5rem;
}
.cp-table .ui-table .ui-sortable-column:not(.ui-state-highlight):hover {
  background-color: #FFFFFF;
  color: #0a0a5f;
}
.cp-table .ui-table .ui-sortable-column.ui-state-highlight {
  color: #0a0a5f;
  background-color: #FFFFFF;
}
.cp-table .ui-table .ui-sortable-column p-sorticon {
  display: inline-block;
  position: absolute;
  top: 0.2rem;
  right: 0rem;
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon {
  width: 1rem;
  height: 1.2rem;
  background: url(/src/assets/images/degault.svg) center center no-repeat;
  background-size: cover;
  display: inline-block;
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon.pi-sort-up {
  background-image: url(/src/assets/images/sort-asc.svg);
}
.cp-table .ui-table .ui-sortable-column .ui-sortable-column-icon.pi-sort-down {
  background-image: url(/src/assets/images/sort-desc.svg);
}
.cp-table .ui-table tbody tr {
  background-color: #e8ecf8;
}
.cp-table .ui-table tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}
.cp-table .ui-table tbody tr td {
  padding: 1rem 2.5rem !important;
  font-size: 14px;
  line-height: 1.7rem;
  text-align: left;
  border: none;
  padding: 0;
}
.cp-table .ui-table tbody tr td .timestamp {
  font-size: 1.2rem;
}
.cp-table.hidePagination .ui-paginator-pages {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .cp-table .ui-table .ui-table-wrapper {
    overflow-x: auto;
  }
  .cp-table .ui-table .ui-paginator {
    padding: 0 2rem;
    margin-top: 1.5rem;
    text-align: center;
  }
  .cp-table .ui-table .ui-paginator .ui-paginator-left-content {
    float: none;
    margin-bottom: 1rem;
  }
  .cp-table .ui-table table {
    width: 100rem;
  }
  .cp-table .ui-table thead tr th {
    padding: 1.6rem 2rem;
  }
  .cp-table .ui-table tbody tr td {
    padding: 1rem 2rem !important;
  }
}
.cp-document-sec {
  margin-top: 4rem;
}
.cp-document-sec .sec-heading {
  font-size: 1.8rem;
  font-weight: 700;
  color: #0a0a5f;
  padding: 1rem 4rem;
}
.cp-document-sec .cp-section {
  padding: 1rem 4rem;
}
@media only screen and (max-width: 1024px) {
  .cp-document-sec {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .cp-document-sec .sec-heading {
    padding: 1rem 1.5rem;
  }
  .cp-document-sec .cp-section {
    padding: 1rem 1.5rem;
  }
  .cp-document-sec .RC-title {
    display: block;
  }
}
.cp-vehicle {
  background: #FFFFFF;
  position: relative;
  box-shadow: 0 0 15px 0 #c3cff0;
  border: 1px solid #e8ecf8;
  cursor: pointer;
}
.cp-vehicle .vehicle-head {
  padding: 1.2rem 1rem;
  display: flex;
  align-items: center;
  position: relative;
}
.cp-vehicle .vehicle-head .mod-name-value .img-wrap {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle .vehicle-head .mod-name-value .img-wrap img {
  width: 100%;
}
.cp-vehicle .vehicle-head .mod-name-value .name {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #0a0a5f;
  margin-bottom: 0.3rem;
}
.cp-vehicle .vehicle-head .mod-name-value .value {
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
}
.cp-vehicle .vehicle-head .mod-name-value .value span {
  display: inline-block;
  padding-right: 0.3rem;
  padding-left: 0.3rem;
  border-right: 1px solid #333333;
}
.cp-vehicle .vehicle-head .mod-name-value .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vehicle .vehicle-head .mod-name-value .value span:first-of-type {
  padding-left: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox-label {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  cursor: pointer;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  background-color: transparent;
  border: none;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box span {
  display: none;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:before,
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default:before {
  opacity: 1;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default:after {
  opacity: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:before {
  opacity: 0;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-active:after {
  opacity: 1;
}
.cp-vehicle .vehicle-head .ui-chkbox .ui-chkbox-box.ui-state-default.ui-state-focus {
  outline: none;
  box-shadow: none;
}
.cp-vehicle .label-value .label {
  display: block;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #333333;
  font-weight: 700;
}
.cp-vehicle .label-value .value span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  border-right: 1px solid #333333;
}
.cp-vehicle .label-value .value span:first-of-type {
  padding-left: 0;
}
.cp-vehicle .label-value .value span:last-of-type {
  padding-right: 0;
  border-right: none;
}
.cp-vehicle .vehicle-body {
  padding: 1.5rem 2rem 1.5rem;
  border-top: 1px solid #e8ecf8;
}
.cp-vehicle .vehicle-body .detail-item {
  margin-top: 1.5rem;
  margin-bottom: 0 !important;
}
.cp-vehicle .vehicle-body .detail-item .label-value .label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle .vehicle-body .detail-item .label-value .value {
  display: block;
  font-size: 1.2rem;
  line-height: 1.5rem;
  color: #333333;
  font-weight: 700;
}
.cp-vehicle .vehicle-body .detail-item .label-value .value.typ-highlight {
  color: #0a0a5f;
}
.cp-vehicle.typ-big {
  padding: 0 2rem;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
}
.cp-vehicle.typ-big .vehicle-head {
  padding: 1.5rem 0;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .value {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #666666;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location {
  margin-top: 0.5rem;
  display: block;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span {
  display: inline-block;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  line-height: 1.4rem;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span:first-of-type {
  padding-left: 0;
  border-right: 1px solid #666666;
}
.cp-vehicle.typ-big .vehicle-head .mod-name-value .location span:last-of-type {
  padding-right: 0;
}
.cp-vehicle.typ-big .vehicle-body {
  padding: 0rem 0 1.5rem;
}
.cp-vehicle.typ-big .vehicle-body .data-list {
  justify-content: initial;
}
.cp-vehicle.typ-big .vehicle-body .data-list .data-item {
  width: 20%;
  margin-bottom: 2rem;
}
.cp-vehicle.typ-big .label-value .label {
  margin-bottom: 0.3rem;
}
.cp-vehicle.typ-inline {
  display: flex;
  align-items: center;
}
.cp-vehicle.typ-inline .vehicle-head {
  width: 33.33%;
}
.cp-vehicle.typ-inline .vehicle-head .mod-name-value .img-wrap {
  width: 8rem;
  height: 8rem;
}
.cp-vehicle.typ-inline .vehicle-body {
  flex-grow: 1;
  padding: 0rem 0 2rem;
  border-top: none;
}
.cp-vehicle.typ-inline .vehicle-body .data-list {
  align-items: center;
}
.cp-vehicle.typ-inline .vehicle-body .data-list .data-item {
  width: 25%;
}
.cp-vehicle .status {
  height: 2.2rem;
  font-size: 1.1rem;
  padding: 0 1rem;
  min-width: 12rem;
  line-height: 2.2rem;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: capitalize;
  background: #666666;
}
.cp-vehicle.typ-approved .status {
  background: #0c9f41;
}
.cp-vehicle.typ-pending .status {
  background: #ffa100;
}
.cp-vehicle.typ-rejected .status {
  background: #db0b0b;
}
@media only screen and (max-width: 1024px) {
  .cp-vehicle.typ-big .vehicle-head .mod-name-value .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-vehicle.typ-big .vehicle-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item {
    width: 33.33%;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item:last-of-type {
    margin-bottom: 2rem;
  }
  .cp-vehicle.typ-inline {
    display: block;
  }
  .cp-vehicle.typ-inline .vehicle-head {
    width: 100%;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .img-wrap {
    width: 5rem;
    height: 5rem;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .name {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .value,
  .cp-vehicle.typ-inline .vehicle-head .mod-name-value .location {
    font-size: 1.3rem;
  }
  .cp-vehicle.typ-inline .vehicle-body {
    padding-bottom: 1.5rem;
    border-top: 1px solid #e8ecf8;
  }
  .cp-vehicle.typ-inline .vehicle-body .data-list .data-item {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .cp-vehicle.typ-big .vehicle-body {
    padding-bottom: 2rem;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item {
    width: 100%;
  }
  .cp-vehicle.typ-big .vehicle-body .data-list .data-item:last-of-type {
    margin-bottom: 0;
  }
  .cp-vehicle.typ-inline .data-list .data-item {
    width: 100%;
  }
}
.empty-state {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 20rem;
  align-items: center;
  text-align: center;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.empty-state .empty-img {
  display: flex;
  justify-content: center;
  height: 140px;
  -o-object-fit: contain;
  object-fit: contain;
}
.empty-state .empty-txt {
  display: flex;
  justify-content: center;
  font-weight: bold;
  color: #333333;
  font-family: "Open Sans";
  padding: 20px;
}
.empty-state .empty-txt1 {
  display: flex;
  justify-content: center;
  height: 19px;
  font-family: OpenSans;
  font-size: 15px;
  font-weight: normal;
  padding: 0 1rem 5rem;
  color: #666666;
}
.empty-state .add-button {
  display: flex !important;
  color: #ffffff;
  font-weight: 700;
  line-height: 2.2rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  background: #0a0a5f;
  width: 187px;
  height: 45px;
  justify-content: center;
  background:
    linear-gradient(
      96deg,
      #1c42e9 2%,
      #0a0a5f 90%);
}
.empty-state .add-button .btn {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: bold;
  cursor: pointer;
  font-family: "Open Sans";
}
.cp-vehicle-show {
  padding: 2.5rem 4rem;
  position: relative;
}
.cp-vehicle-show .sec-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.8rem;
  align-items: center;
  position: relative;
}
.cp-vehicle-show .sec-head.typ-top {
  align-items: flex-start;
}
.cp-vehicle-show .sec-head .sub-text {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-style: italic;
}
.cp-vehicle-show .sec-head .left-wrap {
  display: flex;
  align-items: center;
}
.cp-vehicle-show .sec-head .left-wrap .incident-types {
  font-size: 1.4rem;
}
.cp-vehicle-show .sec-head .left-wrap .incident-types > div {
  margin-left: 1.5rem;
  display: inline-block;
}
.cp-vehicle-show .sec-head .left-wrap .incident-types .count {
  font-weight: 700;
}
.cp-vehicle-show .sec-head .left-wrap.typ-break {
  display: block;
}
.cp-vehicle-show .sec-head .edit-btn {
  font-size: 1.2rem;
  color: #307fe2;
  font-weight: 700;
}
.cp-vehicle-show .sec-head .edit-btn .icon {
  font-weight: 700 !important;
}
.cp-vehicle-show .sec-head .prev-btn {
  margin-top: 0.2rem;
  margin-right: 0.5rem;
}
.cp-vehicle-show .sec-head .prev-btn .icon {
  font-size: 1.4rem;
  color: #333333;
}
.cp-vehicle-show .sec-head .sec-title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.cp-vehicle-show .sec-head .sec-title .icon-left-arrow {
  padding-right: 0.5rem;
}
.cp-vehicle-show .sec-head .sec-title .period {
  display: inline-block;
  padding-left: 0.8rem;
  margin-left: 0.8rem;
  line-height: 1.8rem;
  border-left: 2px solid #333333;
}
.cp-vehicle-show .sec-head .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-vehicle-show .sec-head .cp-form .row {
  display: flex;
}
.cp-vehicle-show .sec-head .cp-form .form-group {
  margin-bottom: 0;
}
.cp-vehicle-show .sec-head .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  max-width: 21rem;
  width: 100%;
  min-width: 21rem;
}
.cp-vehicle-show .sec-head .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-vehicle-show .sec-head .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
  position: relative;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field {
  position: absolute;
  top: 0rem;
  background-color: #FFFFFF;
  z-index: 1;
  width: 25rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 0.5rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 0rem;
  z-index: -1;
}
.cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-vehicle-show .sec-head .right-wrap .download-btn {
  background-color: #0a0a5f;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 0.5rem;
  position: relative;
  vertical-align: middle;
}
.cp-vehicle-show .sec-head .right-wrap .download-btn .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  margin: 0;
}
.cp-vehicle-show .sec-head .right-wrap .form-group {
  margin-bottom: 0;
}
.cp-vehicle-show .sec-head .right-wrap .btn-icon-text {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.4rem;
  color: #0a0a5f;
  font-weight: 700;
  vertical-align: middle;
}
.cp-vehicle-show .sec-head .right-wrap .btn-icon-text .icon {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  background: #0a0a5f;
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.3rem;
  margin-right: 0.8rem;
  color: #FFFFFF;
}
.cp-vehicle-show .sec-head .right-wrap .btn-icon-text .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .icon {
  color: #307fe2;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list {
  width: 23rem;
  top: 3rem;
  right: -0.5rem;
  position: absolute;
  border-radius: 0.5rem;
  box-shadow: 0 0 25px 0 #c3cff0;
  background: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in;
  z-index: 1;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list .item .btn {
  display: block;
  cursor: pointer;
  padding: 1.5rem 1rem;
  border-bottom: 1px solid #e8ecf8;
  margin-bottom: 0;
  color: #307fe2;
  text-transform: capitalize;
  width: 100%;
  text-align: left;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon {
  color: #307fe2;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  background-color: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  font-size: 2rem;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .icon:before {
  position: static;
  transform: none;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list .item .btn.btn-icon-text .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list .item:last-of-type {
  border-bottom: 0;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap .list:before {
  content: "";
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
  right: 0.6rem;
  top: -0.8rem;
}
.cp-vehicle-show .sec-head .right-wrap .more-option-wrap.active .list {
  visibility: visible;
  opacity: 1;
}
.cp-vehicle-show .sec-cont > .cp-table {
  margin: 0 -1.5rem;
}
.cp-vehicle-show .sec-cont .inner-section {
  margin: 0 -4rem;
  padding-top: 1.5rem;
}
.cp-vehicle-show .sec-cont .inner-section .col-item {
  margin-bottom: 1.5rem;
}
.cp-vehicle-show .sec-cont .inner-section .sec-head {
  margin-bottom: 2.8rem;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap {
  padding-bottom: 8rem;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
  margin-top: 0.5rem;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #0a0a5f;
  font-weight: 700;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap {
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle;
  position: relative;
  height: 4.2rem;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .icon {
  font-size: 2rem;
  color: #307fe2;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field {
  position: absolute;
  top: 0rem;
  background-color: #FFFFFF;
  z-index: 1;
  width: 25rem;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group {
  width: 100%;
  border: 1px solid #e8ecf8;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  height: 100%;
  background-color: #FFFFFF;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .btn-close .icon {
  font-size: 1.2rem;
  color: #999999;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group .form-control {
  border: none;
  font-size: 1.2rem;
  line-height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0 2rem 0 0rem;
  z-index: -1;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field.active {
  opacity: 1;
  visibility: visible;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .btn-search {
  padding: 1rem 0.5rem;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .cp-form {
  display: flex;
  justify-content: space-between;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .row {
  display: flex;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .form-group {
  margin-bottom: 0;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .cp-form .input-group {
  border: 1px solid #e8ecf8;
  color: #307fe2;
  max-width: 21rem;
  width: 100%;
  min-width: 21rem;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .cp-form input {
  font-weight: 700;
  color: #307fe2;
}
.cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .cp-form ul.ui-inputtext {
  border: 0;
}
.cp-vehicle-show .sec-cont.acc-list .cp-accordion {
  padding: 2.5rem 0;
}
.cp-vehicle-show .sec-cont .card-list .col-item {
  margin-bottom: 2rem;
}
.cp-vehicle-show .sec-cont.typ-col2 {
  display: flex;
}
.cp-vehicle-show .sec-cont.typ-col2 .left-wrap {
  padding-right: 1rem;
  width: 70%;
}
.cp-vehicle-show .sec-cont.typ-col2 .right-wrap {
  padding-left: 1rem;
  width: 30%;
}
.cp-vehicle-show .sec-cont.typ-col2 .right-wrap .list {
  padding: 0.5rem;
}
.cp-vehicle-show .sec-cont.typ-col2 .right-wrap .list .cp-trip,
.cp-vehicle-show .sec-cont.typ-col2 .right-wrap .list .cp-vehicle-status,
.cp-vehicle-show .sec-cont.typ-col2 .right-wrap .list .cp-task {
  box-shadow: 0px 0px 5px 0 #c3cff0;
}
.cp-vehicle-show .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
  padding-bottom: 5rem;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-big .left-wrap {
  width: 67%;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-big .right-wrap {
  width: 33%;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .chart-wrap {
  width: 100%;
  padding: 2rem 0.5rem 4rem;
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .chart-wrap .chart-title {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #333333;
  font-weight: 700;
  padding: 0 4rem 2rem;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .chart-wrap > div {
  height: 100%;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .left-wrap {
  width: 50%;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .left-wrap .chart-wrap {
  height: 100%;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .right-wrap {
  width: 50%;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap {
  margin-bottom: 2rem;
  height: 22rem;
  padding-bottom: 3rem;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap:last-of-type {
  margin-bottom: 0;
}
.cp-vehicle-show .sec-cont.typ-col2.typ-chart .right-wrap .chart-wrap .chart-title {
  padding-bottom: 1rem;
}
.cp-vehicle-show .sec-cont .company-head-card {
  background-color: #FFFFFF;
  border: 1px solid #e8ecf8;
  box-shadow: 0 0 20px 0 #edf1ff;
  display: flex;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.cp-vehicle-show .sec-cont .company-head-card .mod-name-value .img-wrap {
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  border-radius: 50%;
  overflow: hidden;
}
.cp-vehicle-show .sec-cont .company-head-card .mod-name-value .info-wrap .name {
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #333333;
}
.cp-vehicle-show .sec-cont .company-head-card .right-wrap {
  position: relative;
}
.cp-vehicle-show > .act-wrap.typ-fixed {
  padding: 2rem 4rem;
  background: #FFFFFF;
  box-shadow: 0 0 15px 0 #c3cff0;
  position: fixed;
  left: 18rem;
  bottom: 0;
  right: 0;
  text-align: right;
  z-index: 4;
}
.cp-vehicle-show.typ-no-pad {
  padding-top: 0;
}
.cp-vehicle-show .linked-acc-wrap {
  position: relative;
  z-index: 1;
}
.cp-vehicle-show .linked-acc-wrap .mod-icon-text {
  cursor: pointer;
}
.cp-vehicle-show .linked-acc-wrap .mod-icon-text .text {
  margin-left: 0;
  margin-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #307fe2;
  font-weight: 700;
  text-transform: capitalize;
}
.cp-vehicle-show .linked-acc-wrap .mod-icon-text .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}
.cp-vehicle-show .linked-acc-wrap .mod-icon-text .icon {
  margin: 0;
  font-size: 1.8rem;
  color: #307fe2;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 3rem 2.5rem;
  background-color: #FFFFFF;
  border-radius: 0.2rem;
  box-shadow: 0 0 15px 0 #c3cff0;
  z-index: 10;
  top: 3rem;
  right: -2rem;
  transition: all 0.5s ease-in-out;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list {
  display: flex;
  justify-content: space-between;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
  width: 18rem;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item .acc-name {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #0a0a5f;
  display: block;
  margin-bottom: 1.5rem;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value {
  margin-bottom: 1.5rem;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value .value {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #333333;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item .label-value:last-of-type {
  margin-bottom: 0;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .close-btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown .close-btn .icon {
  font-size: 1.2rem;
  color: #666666;
  font-weight: 400;
}
.cp-vehicle-show .linked-acc-wrap .acc-dropdown:before {
  content: "";
  position: absolute;
  top: -8px;
  right: 2rem;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid #FFFFFF;
}
.cp-vehicle-show .linked-acc-wrap.active .acc-dropdown {
  opacity: 1;
  visibility: visible;
}
.cp-vehicle-show.tabs-in-head .cp-tabs {
  width: 100%;
}
.cp-vehicle-show.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
}
.cp-vehicle-show .swiper-container.trip-analysis {
  padding: 0.5rem;
}
.cp-vehicle-show .swiper-container.trip-analysis .swiper-slide {
  width: 36rem;
}
.map-overlay {
  background-color: #FFFFFF;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  z-index: 12;
}
.map-overlay.active {
  opacity: 1;
  visibility: visible;
}
.map-overlay .cp-map-wrap {
  height: 100%;
  border: 0;
}
.map-overlay .cp-map-wrap .map-container {
  height: calc(100% - 5.8rem);
}
.map-overlay .cp-map-wrap .map-container .btn-enlarge .icon:before {
  content: "\e92c";
}
.map-overlay .right-wrap {
  display: none;
}
.map-overlay .left-wrap {
  width: 100%;
  height: 100vh;
}
.map-overlay .cp-map-filter-list {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.map-overlay .cp-map-filter-list .list-body {
  flex-grow: 1;
  height: auto;
}
@media only screen and (max-width: 1024px) {
  .cp-vehicle-show {
    padding: 2rem 1.5rem;
  }
  .cp-vehicle-show.typ-no-pad {
    padding-top: 2rem;
  }
  .cp-vehicle-show .sec-head {
    margin-bottom: 1.5rem;
  }
  .cp-vehicle-show .sec-head .sub-text {
    max-width: 27rem;
  }
  .cp-vehicle-show .sec-head .sec-title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    margin-bottom: 0;
  }
  .cp-vehicle-show .sec-head .search-btn .icon {
    color: #307fe2;
    font-size: 1.5rem;
  }
  .cp-vehicle-show .sec-head.typ-inline {
    flex-direction: row;
    align-items: center;
    margin-bottom: 2.5rem;
  }
  .cp-vehicle-show .sec-head.typ-inline .sec-title {
    order: initial;
  }
  .cp-vehicle-show .sec-head.typ-inline .right-wrap {
    margin-bottom: 0;
  }
  .cp-vehicle-show .sec-head .right-wrap .search-wrap {
    position: static;
  }
  .cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field {
    width: auto;
    left: 0;
    top: 2rem;
    bottom: auto;
    height: 4rem;
  }
  .cp-vehicle-show .sec-head .right-wrap .search-wrap .search-field .input-group {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }
  .cp-vehicle-show .sec-cont.typ-col2 {
    display: block;
  }
  .cp-vehicle-show .sec-cont.typ-col2 .mob-head {
    display: none !important;
  }
  .cp-vehicle-show .sec-cont.typ-col2 .right-wrap .cp-task-list .list.scrollable {
    padding-bottom: 0;
  }
  .cp-vehicle-show .sec-cont.typ-col2 .left-wrap .chart-wrap {
    margin-bottom: 2rem !important;
  }
  .cp-vehicle-show .sec-cont.typ-col2 .right-wrap,
  .cp-vehicle-show .sec-cont.typ-col2 .left-wrap {
    padding: 0;
    width: 100%;
  }
  .cp-vehicle-show .sec-cont.typ-col2 .right-wrap .chart-wrap,
  .cp-vehicle-show .sec-cont.typ-col2 .left-wrap .chart-wrap {
    height: 20rem !important;
  }
  .cp-vehicle-show .sec-cont.typ-col2 .right-wrap .chart-wrap .chart-title,
  .cp-vehicle-show .sec-cont.typ-col2 .left-wrap .chart-wrap .chart-title {
    padding-bottom: 1rem;
  }
  .cp-vehicle-show .sec-cont.typ-col2.typ-big .left-wrap {
    width: 100%;
    margin-bottom: 3rem;
  }
  .cp-vehicle-show .sec-cont.typ-col2.typ-big .right-wrap {
    width: 100%;
  }
  .cp-vehicle-show .sec-cont .inner-section {
    margin: 0 -1.5rem;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap {
    padding-bottom: 6rem;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap {
    flex-direction: column;
    position: relative;
    align-items: flex-start;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .title {
    padding-right: 5rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap {
    position: absolute;
    top: -0.6rem;
    right: 0;
    margin-right: 0;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field {
    left: auto;
    width: calc(100vw - 3rem);
    right: 0;
    bottom: auto;
    height: 4rem;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .search-wrap .search-field .input-group {
    padding: 0.8rem 1.5rem;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap {
    margin-top: 3rem;
    display: block;
    width: 100%;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap .form-group {
    width: 100%;
  }
  .cp-vehicle-show .sec-cont .vehicle-assign-wrap .head-wrap .right-wrap .form-group .input-group {
    max-width: 100%;
  }
  .cp-vehicle-show .sec-cont .company-head-card {
    display: block;
  }
  .cp-vehicle-show .sec-cont .company-head-card .left-wrap {
    margin-bottom: 1.5rem;
  }
  .cp-vehicle-show .sec-cont .company-head-card .mod-name-value .img-wrap {
    width: 4rem;
    height: 4rem;
  }
  .cp-vehicle-show .sec-cont .company-head-card .mod-name-value .info-wrap .name {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  .cp-vehicle-show .sec-cont.acc-list .cp-accordion {
    padding: 1.5rem 0 2rem;
  }
  .cp-vehicle-show > .act-wrap.typ-fixed {
    padding: 1.2rem 1.8rem;
    left: 0;
  }
  .cp-vehicle-show .linked-acc-wrap .acc-dropdown {
    width: 29rem;
    padding: 1.5rem 0;
    right: auto;
    left: -2rem;
  }
  .cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list {
    display: block;
    max-height: 29rem;
    overflow-y: auto;
  }
  .cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item {
    width: 100%;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-bottom: 1px solid #e8ecf8;
  }
  .cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
  }
  .cp-vehicle-show .linked-acc-wrap .acc-dropdown .acc-list .acc-item:first-of-type {
    padding-top: 0;
  }
  .cp-vehicle-show .linked-acc-wrap .acc-dropdown:before {
    right: 11.5rem;
  }
  .cp-vehicle-show .swiper-container.trip-analysis .swiper-slide {
    width: 28rem;
  }
  .cp-vehicle-show .task-overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.5s ease-in;
    background: #FFFFFF;
    padding-top: 8rem;
    overflow-y: auto;
    padding-bottom: 5rem;
  }
  .cp-vehicle-show .task-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .cp-vehicle-show .task-overlay .mob-head {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #e8ecf8;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    right: 0;
    background: #FFFFFF;
  }
  .cp-vehicle-show .task-overlay .mob-head .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .cp-vehicle-show .task-overlay .mob-head .btn-close .icon {
    color: #979797;
    font-size: 1.5rem;
  }
  .cp-vehicle-show .task-overlay .left-wrap,
  .cp-vehicle-show .task-overlay .right-wrap {
    padding: 0 1.5rem;
  }
  .cp-vehicle-show .task-overlay .left-wrap {
    display: block !important;
    margin-bottom: 1.5rem;
  }
  .cp-vehicle-show .task-overlay .cp-task-list .title,
  .cp-vehicle-show .task-overlay .cp-task-list .date-label {
    display: none;
  }
  .cp-vehicle-show .task-overlay .cp-task-list .btn-icon {
    display: none;
  }
  .cp-vehicle-show .task-overlay .cp-task-list .item {
    display: block;
    margin-bottom: 2rem !important;
  }
  .cp-vehicle-show .task-overlay .cp-task-list .item:last-of-type {
    margin-bottom: 0 !important;
  }
  .cp-vehicle-show .task-overlay .cp-task-list .act-wrap {
    display: block;
  }
  .cp-vehicle-show .task-overlay .cp-calendar .cal-cont {
    padding-top: 0;
    position: relative;
    border-top: 1px solid transparent;
    max-height: 0;
    overflow: hidden;
    background: #FFFFFF;
    transition: all 0.5s ease-in;
  }
  .cp-vehicle-show .task-overlay .cp-calendar .cal-cont.show {
    padding-top: 5rem;
    max-height: 45rem;
    border-top-color: #e8ecf8;
  }
  .cp-vehicle-show .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle {
    height: 5rem;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 1.2rem;
    align-items: center;
    border-bottom: 1px solid #e8ecf8;
    background: #FFFFFF;
  }
  .cp-vehicle-show .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle .icon,
  .cp-vehicle-show .task-overlay .cp-calendar .cal-cont .cal-mnt-toggle .month-name {
    color: #0a0a5f;
    font-weight: 700;
  }
  .map-overlay .cp-vehicle-show .sec-cont > .right-wrap {
    display: none;
  }
  .map-overlay .cp-vehicle-show .sec-cont > .left-wrap {
    margin-bottom: 0;
    height: 100%;
  }
  .map-overlay .cp-vehicle-show .cp-map-wrap {
    display: flex;
    flex-direction: column;
  }
  .map-overlay .cp-vehicle-show .cp-map-wrap .map-container {
    height: auto;
    flex-grow: 1;
  }
  .vehiclelist-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background-color: #FFFFFF;
    z-index: 12;
    transition: all 0.5s ease-in-out;
  }
  .vehiclelist-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .vehiclelist-overlay .mob-head {
    padding: 2rem 1.5rem;
    border-bottom: 1px solid #e8ecf8;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    background: #FFFFFF;
  }
  .vehiclelist-overlay .mob-head .title {
    font-size: 1.5rem;
    line-height: 1.9rem;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .vehiclelist-overlay .mob-head .btn-close .icon {
    color: #979797;
    font-size: 1.5rem;
  }
  .vehiclelist-overlay .left-wrap .map-container {
    display: none;
  }
  .vehiclelist-overlay .right-wrap {
    padding: 1rem 0 0;
    height: calc(100% - 11.7rem);
  }
  .vehiclelist-overlay .right-wrap .cp-map-filter-list {
    height: 100%;
  }
  .vehiclelist-overlay .right-wrap .list-head {
    padding: 0 1.5rem;
  }
  .vehiclelist-overlay .right-wrap .list-head .search-wrap {
    display: flex;
  }
  .vehiclelist-overlay .right-wrap .list-head .btn-link {
    display: none !important;
  }
  .vehiclelist-overlay .right-wrap .list-body {
    height: calc(100% - 3.3rem);
    overflow-y: auto;
  }
  .vehiclelist-overlay .right-wrap .list-body .item {
    display: block;
  }
  .vehiclelist-overlay .right-wrap .list-body .list {
    padding: 1.5rem;
  }
}
@media only screen and (max-width: 900px) {
  .cp-vehicle-show .sec-head .right-wrap {
    margin: 2rem 0 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-vehicle-show.tabs-in-head .cp-tabs .ui-tabview .ui-tabview-nav .ui-state-default a {
    font-size: 1.4rem;
  }
  .cp-vehicle-show .sec-head .left-wrap {
    align-items: flex-start;
    flex-direction: row;
  }
  .cp-vehicle-show .sec-head .left-wrap .incident-types > div {
    margin-left: 0;
    margin-right: 1.5rem;
    margin-top: 0.4rem;
  }
  .cp-vehicle-show .sec-head .form-wrap {
    width: 50%;
  }
  .cp-vehicle-show .sec-head .cp-form .input-group {
    min-width: auto;
  }
  .cp-vehicle-show .sec-head.break-lw .left-wrap {
    flex-direction: column;
  }
  .cp-vehicle-show .sec-head.full-width-lw {
    flex-direction: column;
    align-items: flex-start;
  }
  .cp-vehicle-show .sec-head.full-width-lw .left-wrap {
    flex-direction: row;
  }
  .cp-vehicle-show .sec-head.full-width-lw .left-wrap .incident-types > div {
    margin-left: 1.5rem;
    margin-right: 0;
    margin-top: 0;
  }
  .cp-vehicle-show .sec-head.full-width-lw .form-wrap {
    margin-top: 1.5rem;
    width: 100%;
  }
  .cp-vehicle-show .sec-head.full-width-lw .form-wrap .cp-form {
    display: block;
  }
  .cp-vehicle-show .sec-head.full-width-lw .form-wrap .cp-form .row {
    display: flex;
    align-items: flex-end;
  }
  .cp-vehicle-show .sec-head.full-width-lw .form-wrap .cp-form .row .col-item {
    width: 50%;
  }
  .cp-vehicle-show .sec-head.full-width-lw .form-wrap .cp-form .row .col-item:last-child {
    margin-left: auto;
  }
  .cp-vehicle-show .sec-head.full-width-lw .right-wrap {
    width: 100%;
    text-align: right;
  }
  .cp-vehicle-show .sec-head.full-width-lw .right-wrap .search-wrap {
    position: absolute;
    top: -0.8rem;
    right: 0;
    margin-right: 0;
  }
  .cp-vehicle-show .sec-head.full-width-lw .right-wrap .search-wrap .search-field {
    top: 0;
    left: auto;
    width: calc(100vw - 3rem);
    right: 0;
  }
  .cp-vehicle-show .sec-head .cp-form .form-group {
    margin-bottom: 0;
  }
  .cp-vehicle-show .sec-cont.typ-col2.typ-chart .left-wrap,
  .cp-vehicle-show .sec-cont.typ-col2.typ-chart .right-wrap {
    width: 100%;
  }
  .cp-vehicle-show .sec-cont.typ-col2.typ-chart .right-wrap {
    margin-top: 2rem;
  }
}
.cp-carousel .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-details > .p-grid {
  border: 1px solid #b3c2ca;
  border-radius: 3px;
  margin: 0.3em;
  text-align: center;
  padding: 2em 0 2.25em 0;
}
.cp-carousel .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data .car-title {
  font-weight: 700;
  font-size: 20px;
  margin-top: 24px;
}
.cp-carousel .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data .car-subtitle {
  margin: 0.25em 0 2em 0;
}
.cp-carousel .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data button {
  margin-left: 0.5em;
}
.cp-carousel .carousel-demo .ui-carousel .ui-carousel-content .ui-carousel-item .car-data button:first-child {
  margin-left: 0;
}
.cp-carousel .carousel-demo .ui-carousel.custom-carousel .ui-carousel-dot-icon {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}
.cp-carousel .carousel-demo .ui-carousel.ui-carousel-horizontal .ui-carousel-content .ui-carousel-item.ui-carousel-item-start .car-details > .p-grid {
  margin-left: 0.6em;
}
.cp-carousel .carousel-demo .ui-carousel.ui-carousel-horizontal .ui-carousel-content .ui-carousel-item.ui-carousel-item-end .car-details > .p-grid {
  margin-right: 0.6em;
}
.cp-driver {
  box-shadow: 0 0 20px 0 #edf1ff;
  border: 1px solid #e8ecf8;
  cursor: pointer;
}
.cp-driver .card-head {
  display: flex;
  justify-content: space-between;
}
.cp-driver .card-head .mod-name-value .img-wrap {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}
.cp-driver .card-head .mod-name-value .name {
  font-size: 1.8rem;
  color: #0a0a5f;
}
.cp-driver .card-head .mod-name-value .value {
  margin-top: 0.8rem;
  font-size: 1.2rem;
  color: #666666;
}
.cp-driver .card-head .mod-name-value .value span {
  display: inline-block;
  line-height: 1.4rem;
}
.cp-driver .card-head .mod-name-value .value span + span {
  margin-left: 0.6rem;
  padding-left: 0.6rem;
  border-left: 1px solid #666666;
}
.cp-driver .card-head .contact-details .item {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #666666;
}
.cp-driver .card-head .contact-details .item .icon {
  font-size: 1.5rem;
  color: #307fe2;
}
.cp-driver .details-list {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.cp-driver .details-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-driver .details-leave-list {
  display: flex;
  margin-bottom: 2rem;
}
.cp-driver .details-leave-list .detail-item {
  margin-bottom: 0;
  min-width: 6.5rem;
}
.cp-driver .details-leave-list .detail-item + .detail-item {
  margin-left: 4rem;
}
.cp-driver .card-body {
  padding: 1.5rem 0;
}
@media only screen and (max-width: 1024px) {
  .cp-driver .card-head .mod-name-value .name {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .cp-driver .card-head {
    display: block;
  }
  .cp-driver .card-head .mod-name-value .value {
    font-size: 1.3rem;
  }
  .cp-driver .card-head .contact-details {
    margin-top: 1rem;
  }
  .cp-driver .card-head .contact-details .item {
    padding: 0.3rem 0;
  }
  .cp-driver .details-list .detail-item {
    margin: 2%;
  }
}
.dashboard-section {
  width: 100%;
  display: flex;
  height: auto;
  flex-direction: column;
}
.dashboard-section .dashboard-section-title {
  font-size: 1.25vw;
  margin-bottom: 1vw;
  font-weight: 700;
}
.dashboard-section .dashboard-section-content {
  background-color: #F5FAFF;
  border-radius: 0.8vw;
  width: 100%;
  padding: 2vw;
  display: grid;
}
.dashboard-section .dashboard-section-content .dashboard-card {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 18vw;
  border-radius: 0.8vw;
  border: 0.04vw solid #E9ECF7;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.015vw 0.4vw -0.1vw, rgba(0, 0, 0, 0.06) 0px 0.15vw 0.4vw -0.01vw;
  display: flex;
  flex-direction: column;
}
.dashboard-section .dashboard-section-content .dashboard-card .dashboard-card-header {
  display: flex;
  justify-content: space-between;
  height: 3vw;
  background-color: #E9ECF7;
  align-items: center;
  padding: 0 1vw;
}
.dashboard-section .dashboard-section-content .dashboard-card .dashboard-card-header .dashboard-card-header-title {
  font-size: 1vw;
  color: #000000;
  font-weight: bold;
}
.dashboard-section .dashboard-section-content .dashboard-card .dashboard-card-header .dashboard-card-header-date {
  font-size: 0.75vw;
  color: #747474;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
}
.dashboard-section .dashboard-section-content .dashboard-card .dashboard-card-content {
  font-size: 3.5vw;
  color: #747474;
}
.dashboard-section .dashboard-section-content .dashboard-card .dashboard-card-content-graph {
  overflow: hidden;
  width: 100%;
}
.dashboard-section .dashboard-section-content .dashboard-card .dashboard-card-content-graph .graph-padding-right {
  padding-right: 1vw;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 18vw;
  border-radius: 0.8vw;
  border: 0.04vw solid #E9ECF7;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.015vw 0.4vw -0.1vw, rgba(0, 0, 0, 0.06) 0px 0.15vw 0.4vw -0.01vw;
  display: flex;
  flex-direction: column;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card .dashboard-card-header {
  display: flex;
  justify-content: space-between;
  height: 3vw;
  background-color: #E9ECF7;
  align-items: center;
  padding: 0 1vw;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card .dashboard-card-header .dashboard-card-header-title {
  font-size: 1vw;
  color: #000000;
  font-weight: bold;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card .dashboard-card-header .dashboard-card-header-date {
  font-size: 0.75vw;
  color: #747474;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card .dashboard-card-content {
  font-size: 3.5vw;
  color: #747474;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card .dashboard-card-content-graph {
  overflow: hidden;
  width: 100%;
}
.dashboard-section .dashboard-section-content .dashboard-div-sections .dashboard-card .dashboard-card-content-graph .graph-padding-right {
  padding-right: 1vw;
}
.dashboard-section .dashboard-issue-list-card {
  display: grid;
  grid-template-columns: auto auto;
  height: 13vw;
  row-gap: 1vw;
  column-gap: 1vw;
}
.dashboard-section .dashboard-issue-list-card .dashboard-issue-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.2vw;
  gap: 0.4vw;
  width: 13vw;
  height: 6vw;
  background: #FFFFFF;
  box-shadow: 0px 10px 19px rgba(98, 110, 147, 0.06), 0px -3px 6px rgba(0, 0, 0, 0.03);
  border-radius: 10px;
}
.dashboard-section .dashboard-issue-list-card .dashboard-issue-card .dashboard-issue-details {
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  padding: 2px;
}
.dashboard-section .dashboard-issue-list-card .dashboard-issue-card .dashboard-issue-details .dashboard-issue-name {
  width: 8vw;
  height: 1vw;
  font-weight: 600;
  font-size: 0.8vw;
  color: #242424;
}
.dashboard-section .dashboard-issue-list-card .dashboard-issue-card .dashboard-issue-details .dashboard-instance-row .dashboard-issue-count {
  width: 1.5vw;
  height: 2.4vw;
  font-weight: 700;
  font-size: 2vw;
  align-items: center;
  color: #000000;
}
.dashboard-section .dashboard-issue-list-card .dashboard-issue-card .dashboard-issue-details .dashboard-instance-row .dashboard-instance-text {
  width: 5vw;
  font-weight: 400;
  font-size: 0.85vw;
  align-items: end;
  color: #747474;
  padding-bottom: 0.25vw;
}
.dashboard-single-card {
  background-color: #FFFFFF;
  overflow: hidden;
  height: 18vw;
  border-radius: 0.8vw;
  border: 0.04vw solid #E9ECF7;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0.015vw 0.4vw -0.1vw, rgba(0, 0, 0, 0.06) 0px 0.15vw 0.4vw -0.01vw;
  display: flex;
  flex-direction: column;
}
.dashboard-single-card .dashboard-card-header {
  display: flex;
  justify-content: space-between;
  height: 3vw;
  background-color: #E9ECF7;
  align-items: center;
  padding: 0 1vw;
}
.dashboard-single-card .dashboard-card-header .dashboard-card-header-title {
  font-size: 1vw;
  color: #000000;
  font-weight: bold;
}
.dashboard-single-card .dashboard-card-header .dashboard-card-header-date {
  font-size: 0.75vw;
  color: #747474;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
}
.dashboard-single-card .dashboard-card-content {
  font-size: 3.5vw;
  color: #747474;
}
.dashboard-single-card .dashboard-card-content-graph {
  overflow: hidden;
  width: 100%;
}
.dashboard-single-card .dashboard-card-content-graph .graph-padding-right {
  padding-right: 1vw;
}
.subscription-btn {
  background:
    linear-gradient(
      113.54deg,
      #1C429E 9.5%,
      #0A0A5F 80.6%);
  border-radius: 5px;
  padding: 0.7vw 2vw;
  border-radius: 0.3vw;
  width: fit-content;
}
.subscription-btn-text {
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 0.922vw;
}
.subscription-disclaimer {
  font-style: italic;
  font-weight: 400;
  font-size: 0.922vw;
}
@media only screen and (max-width: 767px) {
  .subscription-btn-text {
    font-size: 1.2rem;
  }
  .subscription-btn {
    border-radius: 5px;
    padding: 0.7rem 1rem;
    border-radius: 5px;
  }
}
.mod-icon-text {
  display: inline-block;
}
.mod-icon-text .icon {
  font-size: 2rem;
  vertical-align: middle;
}
.mod-icon-text .text {
  vertical-align: middle;
  margin-left: 1rem;
}
.mod-currency .icon {
  display: inline-block;
  font-size: 1.4rem;
  color: #333333;
  vertical-align: middle;
}
.mod-currency .value {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  color: #0a0a5f;
}
.mod-name-value .name {
  display: block;
}
.mod-name-value .value {
  display: block;
}
.mod-name-value.typ-img {
  display: flex;
  align-items: center;
}
.mod-name-value.typ-img .img-wrap {
  margin-right: 1rem;
  overflow: hidden;
  border-radius: 50%;
}
.mod-data-list dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8ecf8;
  margin: 0;
}
.mod-data-list dl:last-of-type {
  border-bottom: none;
}
.mod-data-list .label {
  font-size: 1.4rem;
  line-height: 1.8rem;
}
.mod-data-list .data {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: right;
}
.mod-data-list .data .value {
  display: block;
}
.mod-data-list .data .meta {
  margin-top: 0.3rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
  display: block;
}
.mod-data-list .data .meta span {
  display: inline-block;
  padding-right: 0.3rem;
  margin-right: 0.3rem;
  line-height: 1rem;
  border-right: 1px solid #666666;
}
.mod-data-list .data .meta span:last-of-type {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .mod-data-list .label {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .mod-data-list .data {
    font-size: 1.3rem;
    line-height: 1.7rem;
  }
  .mod-data-list .data .meta {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }
}
.Vehicle-BS6 {
  font-family: "Roboto";
  font-style: normal;
  font-size: 1.2rem;
  background: #e8fff4;
  font-style: italic;
  color: #1A9E57;
  margin-left: 0.8rem;
  border-radius: 10%;
  padding: 0px 4px 0px 4px;
  font-weight: 500;
}
.Vehicle-electric {
  font-family: "Roboto";
  font-style: normal;
  font-size: 1.2rem;
  background: #e8fff4;
  font-style: italic;
  color: green;
  margin-left: 0.8rem;
  border-radius: 10%;
  padding: 0px 4px 0px 4px;
  font-weight: 500;
  text-transform: capitalize;
}
.Vehicle-BS4 {
  font-family: "Roboto";
  font-style: normal;
  font-size: 1.2rem;
  background: #F9FFE8;
  font-style: italic;
  color: #66A01D;
  margin-left: 1rem;
  border-radius: 10%;
  padding: 0px 4px 0px 4px;
  font-weight: 500;
}
.swiper-container.disable-on-desktop .swiper-wrapper {
  display: block;
  margin-left: -1%;
  margin-right: -1%;
  width: auto;
  transform: none !important;
}
.swiper-container.disable-on-desktop .swiper-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.swiper-container.disable-on-desktop .swiper-wrapper .swiper-slide {
  width: 31.33%;
  float: left;
  margin: 0 1% 2% !important;
}
.swiper-container.with-shadow {
  padding: 0.5rem;
}
.swiper-container.with-shadow .cp-card,
.swiper-container.with-shadow .cp-task {
  box-shadow: 0px 0px 10px 0 #d1d6eb;
}
.swiper-container.trip-incident .swiper-slide {
  width: 29rem;
}
@media only screen and (min-width: 1600px) and (max-width: 1920px) {
  .swiper-container.trip-incident .swiper-slide {
    width: 30rem;
  }
}
@media only screen and (max-width: 767px) {
  .swiper-container {
    overflow: inherit;
  }
  .swiper-container.with-shadow {
    padding: 0;
  }
  .swiper-container.with-shadow .cp-card,
  .swiper-container.with-shadow .cp-task {
    box-shadow: 0 0 10px 0 #d1d6eb;
  }
  .swiper-container.disable-on-mobile .swiper-wrapper {
    transform: none !important;
    display: block;
  }
  .swiper-container.disable-on-mobile .swiper-slide {
    margin-bottom: 1.5rem;
  }
  .swiper-container.disable-on-mobile .swiper-slide:nth-of-type(3) {
    margin-bottom: 0;
  }
  .swiper-container.disable-on-mobile .swiper-slide:nth-of-type(n+4) {
    display: none;
  }
  .swiper-container.disable-on-mobile.trip-incident .swiper-slide {
    width: 100%;
  }
}
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography h1 {
  font: 400 24px/32px;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography h2 {
  font: 500 20px/32px;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography h3 {
  font: 400 16px/28px;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography h4 {
  font: 400 15px/24px;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography h5 {
  font: 400 11.62px/20px;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography h6 {
  font: 400 9.38px/20px;
  margin: 0 0 12px;
}
.mat-body-2,
.mat-body-strong {
  font: 500 14px/24px;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography {
  font: 400 14px/20px;
  letter-spacing: normal;
}
.mat-body-1 p,
.mat-body p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-caption,
.mat-small {
  font: 400 12px/20px;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px/112px;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px/56px;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px/48px;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px/40px;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px/20px;
  letter-spacing: normal;
}
.mat-button,
.mat-fab,
.mat-flat-button,
.mat-icon-button,
.mat-mini-fab,
.mat-raised-button,
.mat-stroked-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-content,
.mat-card-subtitle {
  font-size: 14px;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-remove.mat-icon,
.mat-chip .mat-chip-trailing-icon.mat-icon {
  font-size: 18px;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell,
.mat-footer-cell {
  font-size: 14px;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px/32px;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px/20px;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.79167em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  -ms-transform: translateY(-1.28125em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  -ms-transform: translateY(-1.28124em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  -ms-transform: translateY(-1.28123em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.66667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-footer,
.mat-grid-tile-header {
  font-size: 14px;
}
.mat-grid-tile-footer .mat-line,
.mat-grid-tile-header .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-footer .mat-line:nth-child(n+2),
.mat-grid-tile-header .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-size: 12px;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slider-thumb-label-text {
  font-size: 12px;
  font-weight: 500;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: 400;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-label,
.mat-tab-link {
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px/32px;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px/24px;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-nested-tree-node,
.mat-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  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,
.cdk-overlay-pane {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  pointer-events: auto;
  box-sizing: border-box;
  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 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
@-webkit-keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-start {
}
@-webkit-keyframes cdk-text-field-autofill-end {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;
  animation: cdk-text-field-autofill-end 0s 1ms;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  height: auto !important;
  overflow: hidden !important;
  padding: 2px 0 !important;
  box-sizing: content-box !important;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-active,
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),
.mat-option:focus:not(.mat-option-disabled),
.mat-option:hover:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #3f51b5;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #ff4081;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox:after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #3f51b5;
}
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate,
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate {
  background: #ff4081;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-elevation-z0 {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 5px 8px 0 rgba(0, 0, 0, 0.14),
    0 1px 14px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow:
    0 4px 5px -2px rgba(0, 0, 0, 0.2),
    0 7px 10px 1px rgba(0, 0, 0, 0.14),
    0 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow:
    0 5px 6px -3px rgba(0, 0, 0, 0.2),
    0 9px 12px 1px rgba(0, 0, 0, 0.14),
    0 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow:
    0 6px 6px -3px rgba(0, 0, 0, 0.2),
    0 10px 14px 1px rgba(0, 0, 0, 0.14),
    0 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow:
    0 6px 7px -4px rgba(0, 0, 0, 0.2),
    0 11px 15px 1px rgba(0, 0, 0, 0.14),
    0 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14),
    0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow:
    0 7px 9px -4px rgba(0, 0, 0, 0.2),
    0 14px 21px 2px rgba(0, 0, 0, 0.14),
    0 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow:
    0 8px 9px -5px rgba(0, 0, 0, 0.2),
    0 15px 22px 2px rgba(0, 0, 0, 0.14),
    0 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow:
    0 8px 11px -5px rgba(0, 0, 0, 0.2),
    0 17px 26px 2px rgba(0, 0, 0, 0.14),
    0 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow:
    0 9px 11px -5px rgba(0, 0, 0, 0.2),
    0 18px 28px 2px rgba(0, 0, 0, 0.14),
    0 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow:
    0 9px 12px -6px rgba(0, 0, 0, 0.2),
    0 19px 29px 2px rgba(0, 0, 0, 0.14),
    0 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, 0.2),
    0 20px 31px 3px rgba(0, 0, 0, 0.14),
    0 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow:
    0 10px 13px -6px rgba(0, 0, 0, 0.2),
    0 21px 33px 3px rgba(0, 0, 0, 0.14),
    0 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow:
    0 10px 14px -6px rgba(0, 0, 0, 0.2),
    0 22px 35px 3px rgba(0, 0, 0, 0.14),
    0 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow:
    0 11px 14px -7px rgba(0, 0, 0, 0.2),
    0 23px 36px 3px rgba(0, 0, 0, 0.14),
    0 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: #fff;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge-content {
  color: #fff;
  background: #3f51b5;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: 1px solid;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #ff4081;
  color: #fff;
}
.mat-badge-warn .mat-badge-content {
  color: #fff;
  background: #f44336;
}
.mat-badge {
  position: relative;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 0.2s ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.mat-badge-content._mat-animation-noopable,
.ng-animate-disabled .mat-badge-content {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-bottom-sheet-container {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button,
.mat-icon-button,
.mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary,
.mat-icon-button.mat-primary,
.mat-stroked-button.mat-primary {
  color: #3f51b5;
}
.mat-button.mat-accent,
.mat-icon-button.mat-accent,
.mat-stroked-button.mat-accent {
  color: #ff4081;
}
.mat-button.mat-warn,
.mat-icon-button.mat-warn,
.mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-accent[disabled],
.mat-button.mat-primary[disabled],
.mat-button.mat-warn[disabled],
.mat-button[disabled][disabled],
.mat-icon-button.mat-accent[disabled],
.mat-icon-button.mat-primary[disabled],
.mat-icon-button.mat-warn[disabled],
.mat-icon-button[disabled][disabled],
.mat-stroked-button.mat-accent[disabled],
.mat-stroked-button.mat-primary[disabled],
.mat-stroked-button.mat-warn[disabled],
.mat-stroked-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay,
.mat-icon-button.mat-primary .mat-button-focus-overlay,
.mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #3f51b5;
}
.mat-button.mat-accent .mat-button-focus-overlay,
.mat-icon-button.mat-accent .mat-button-focus-overlay,
.mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #ff4081;
}
.mat-button.mat-warn .mat-button-focus-overlay,
.mat-icon-button.mat-warn .mat-button-focus-overlay,
.mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button[disabled] .mat-button-focus-overlay,
.mat-icon-button[disabled] .mat-button-focus-overlay,
.mat-stroked-button[disabled] .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element,
.mat-icon-button .mat-ripple-element,
.mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: #000;
}
.mat-stroked-button:not([disabled]) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-fab,
.mat-flat-button,
.mat-mini-fab,
.mat-raised-button {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
.mat-fab.mat-accent,
.mat-fab.mat-primary,
.mat-fab.mat-warn,
.mat-flat-button.mat-accent,
.mat-flat-button.mat-primary,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-accent,
.mat-mini-fab.mat-primary,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-accent,
.mat-raised-button.mat-primary,
.mat-raised-button.mat-warn {
  color: #fff;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-fab.mat-primary,
.mat-flat-button.mat-primary,
.mat-mini-fab.mat-primary,
.mat-raised-button.mat-primary {
  background-color: #3f51b5;
}
.mat-fab.mat-accent,
.mat-flat-button.mat-accent,
.mat-mini-fab.mat-accent,
.mat-raised-button.mat-accent {
  background-color: #ff4081;
}
.mat-fab.mat-warn,
.mat-flat-button.mat-warn,
.mat-mini-fab.mat-warn,
.mat-raised-button.mat-warn {
  background-color: #f44336;
}
.mat-fab.mat-accent[disabled],
.mat-fab.mat-primary[disabled],
.mat-fab.mat-warn[disabled],
.mat-fab[disabled][disabled],
.mat-flat-button.mat-accent[disabled],
.mat-flat-button.mat-primary[disabled],
.mat-flat-button.mat-warn[disabled],
.mat-flat-button[disabled][disabled],
.mat-mini-fab.mat-accent[disabled],
.mat-mini-fab.mat-primary[disabled],
.mat-mini-fab.mat-warn[disabled],
.mat-mini-fab[disabled][disabled],
.mat-raised-button.mat-accent[disabled],
.mat-raised-button.mat-primary[disabled],
.mat-raised-button.mat-warn[disabled],
.mat-raised-button[disabled][disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-accent .mat-ripple-element,
.mat-fab.mat-primary .mat-ripple-element,
.mat-fab.mat-warn .mat-ripple-element,
.mat-flat-button.mat-accent .mat-ripple-element,
.mat-flat-button.mat-primary .mat-ripple-element,
.mat-flat-button.mat-warn .mat-ripple-element,
.mat-mini-fab.mat-accent .mat-ripple-element,
.mat-mini-fab.mat-primary .mat-ripple-element,
.mat-mini-fab.mat-warn .mat-ripple-element,
.mat-raised-button.mat-accent .mat-ripple-element,
.mat-raised-button.mat-primary .mat-ripple-element,
.mat-raised-button.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.mat-flat-button:not([class*=mat-elevation-z]),
.mat-stroked-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]),
.mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),
.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]) {
  box-shadow:
    0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 12px 17px 2px rgba(0, 0, 0, 0.14),
    0 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab[disabled]:not([class*=mat-elevation-z]),
.mat-mini-fab[disabled]:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group,
.mat-button-toggle-standalone {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: #000;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: #fff;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-group-appearance-standard,
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-card {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background {
  background-color: #3f51b5;
}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #ff4081;
}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox .mat-ripple-element {
  background-color: #000;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #3f51b5;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #ff4081;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow:
    0 3px 3px -2px rgba(0, 0, 0, 0.2),
    0 3px 4px 0 rgba(0, 0, 0, 0.14),
    0 1px 8px 0 rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:after {
  background: #000;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #3f51b5;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #ff4081;
  color: #fff;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #fff;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.mat-table {
  background: #fff;
}
.mat-table-sticky,
.mat-table tbody,
.mat-table tfoot,
.mat-table thead,
[mat-footer-row],
[mat-header-row],
[mat-row],
mat-footer-row,
mat-header-row,
mat-row {
  background: inherit;
}
mat-footer-row,
mat-header-row,
mat-row,
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell,
.mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  border-top-color: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-toggle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-table-header-divider:after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  color: rgba(0, 0, 0, 0.38);
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected),
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-selected {
  background-color: #3f51b5;
  color: #fff;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(63, 81, 181, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #ff4081;
  color: #fff;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(255, 64, 129, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: #fff;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px #fff;
}
.mat-datepicker-content-touch {
  box-shadow:
    0 0 0 0 rgba(0, 0, 0, 0.2),
    0 0 0 0 rgba(0, 0, 0, 0.14),
    0 0 0 0 rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #3f51b5;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #ff4081;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-dialog-container {
  box-shadow:
    0 11px 15px -7px rgba(0, 0, 0, 0.2),
    0 24px 38px 3px rgba(0, 0, 0, 0.14),
    0 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),
.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),
.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: #fff;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-indicator:after,
.mat-expansion-panel-header-description {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title {
  color: inherit;
}
.mat-form-field-label,
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #ff4081;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3f51b5;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #ff4081;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix:after {
  color: #3f51b5;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix:after {
  color: #ff4081;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix:after,
.mat-form-field.mat-form-field-invalid .mat-form-field-label,
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label,
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.42) 0,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.42) 0,
      rgba(0, 0, 0, 0.42) 33%,
      transparent 0);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline:before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline:before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #3f51b5;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #ff4081;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #3f51b5;
}
.mat-icon.mat-accent {
  color: #ff4081;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix:after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix:after,
.mat-input-element:disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #3f51b5;
}
.mat-input-element::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-accent .mat-input-element {
  caret-color: #ff4081;
}
.mat-form-field-invalid .mat-input-element,
.mat-warn .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix:after {
  color: #f44336;
}
.mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-item-disabled {
  background-color: #eee;
}
.mat-action-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-list-option:focus,
.mat-list-option:hover,
.mat-nav-list .mat-list-item:focus,
.mat-nav-list .mat-list-item:hover {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option,
.mat-list-single-selected-option:focus,
.mat-list-single-selected-option:hover {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: #fff;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled]:after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item-submenu-trigger:after,
.mat-menu-item .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: #fff;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-progress-bar-background {
  fill: #c5cae9;
}
.mat-progress-bar-buffer {
  background-color: #c5cae9;
}
.mat-progress-bar-fill:after {
  background-color: #3f51b5;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #ff80ab;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill:after {
  background-color: #ff4081;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #ffcdd2;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill:after {
  background-color: #f44336;
}
.mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #3f51b5;
}
.mat-progress-spinner.mat-accent circle,
.mat-spinner.mat-accent circle {
  stroke: #ff4081;
}
.mat-progress-spinner.mat-warn circle,
.mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #3f51b5;
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #3f51b5;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4081;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #ff4081;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: #000;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: #fff;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #3f51b5;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #ff4081;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow,
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer,
.mat-drawer.mat-drawer-push {
  background-color: #fff;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow:
    0 8px 10px -5px rgba(0, 0, 0, 0.2),
    0 16px 24px 2px rgba(0, 0, 0, 0.14),
    0 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end,
[dir=rtl] .mat-drawer-side {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 64, 129, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #ff4081;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #3f51b5;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: #000;
}
.mat-slide-toggle-thumb {
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-primary .mat-slider-thumb,
.mat-primary .mat-slider-thumb-label,
.mat-primary .mat-slider-track-fill {
  background-color: #3f51b5;
}
.mat-primary .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-accent .mat-slider-thumb,
.mat-accent .mat-slider-thumb-label,
.mat-accent .mat-slider-track-fill {
  background-color: #ff4081;
}
.mat-accent .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-warn .mat-slider-thumb,
.mat-warn .mat-slider-thumb-label,
.mat-warn .mat-slider-track-fill {
  background-color: #f44336;
}
.mat-warn .mat-slider-thumb-label-text {
  color: #fff;
}
.mat-slider-focus-ring {
  background-color: rgba(255, 64, 129, 0.2);
}
.cdk-focused .mat-slider-track-background,
.mat-slider:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-disabled .mat-slider-thumb,
.mat-slider-disabled .mat-slider-track-background,
.mat-slider-disabled .mat-slider-track-fill,
.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper:after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image:
    repeating-linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.7),
      rgba(0, 0, 0, 0.7) 2px,
      transparent 0,
      transparent);
}
.mat-step-header.cdk-keyboard-focused,
.mat-step-header.cdk-program-focused,
.mat-step-header:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: #fff;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #3f51b5;
  color: #fff;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal,
.mat-stepper-vertical {
  background-color: #fff;
}
.mat-stepper-vertical-line:before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header:after,
.mat-horizontal-stepper-header:before,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-header,
.mat-tab-nav-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-header,
.mat-tab-group-inverted-header .mat-tab-nav-bar {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label,
.mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled,
.mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #3f51b5;
}
.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #ff4081;
}
.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,
.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,
.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {
  background-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(197, 202, 233, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-header,
.mat-tab-group.mat-background-primary .mat-tab-header-pagination,
.mat-tab-group.mat-background-primary .mat-tab-links,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-primary .mat-tab-links {
  background-color: #3f51b5;
}
.mat-tab-group.mat-background-primary .mat-tab-label,
.mat-tab-group.mat-background-primary .mat-tab-link,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, 0.4);
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, 0.4);
}
.mat-tab-group.mat-background-primary .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.12);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 128, 171, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-header,
.mat-tab-group.mat-background-accent .mat-tab-header-pagination,
.mat-tab-group.mat-background-accent .mat-tab-links,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-accent .mat-tab-links {
  background-color: #ff4081;
}
.mat-tab-group.mat-background-accent .mat-tab-label,
.mat-tab-group.mat-background-accent .mat-tab-link,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, 0.4);
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, 0.4);
}
.mat-tab-group.mat-background-accent .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.12);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-header,
.mat-tab-group.mat-background-warn .mat-tab-header-pagination,
.mat-tab-group.mat-background-warn .mat-tab-links,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,
.mat-tab-nav-bar.mat-background-warn .mat-tab-links {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn .mat-tab-label,
.mat-tab-group.mat-background-warn .mat-tab-link,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link {
  color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {
  color: hsla(0, 0%, 100%, 0.4);
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {
  border-color: #fff;
}
.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: hsla(0, 0%, 100%, 0.4);
}
.mat-tab-group.mat-background-warn .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn .mat-ripple-element {
  background-color: hsla(0, 0%, 100%, 0.12);
}
.mat-toolbar {
  background: #f5f5f5;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #3f51b5;
  color: #fff;
}
.mat-toolbar.mat-accent {
  background: #ff4081;
  color: #fff;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: #fff;
}
.mat-toolbar .mat-focused .mat-form-field-ripple,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-form-field-underline {
  background-color: currentColor;
}
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-select-value {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: #fff;
}
.mat-nested-tree-node,
.mat-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-snack-bar-container {
  color: hsla(0, 0%, 100%, 0.7);
  background: #323232;
  box-shadow:
    0 3px 5px -1px rgba(0, 0, 0, 0.2),
    0 6px 10px 0 rgba(0, 0, 0, 0.14),
    0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #ff4081;
}
body,
html {
  height: 100%;
}
body {
  margin: 0;
}
@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family:
    Avenir,
    Avenir Next,
    Helvetica Neue,
    Segoe UI,
    Helvetica,
    Arial,
    sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  height: 100%;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}
.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}
.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}
.plyr__badge {
  background: #4a5764;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}
.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
  display: inline;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}
.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
a.plyr__control {
  text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}
.plyr--full-ui ::-webkit-media-controls {
  display: none;
}
.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}
.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
}
.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
}
.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}
.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}
.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}
.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded=true] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: hsla(0, 0%, 100%, 0.9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top-color: hsla(0, 0%, 100%, 0.9);
  content: "";
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}
.plyr__menu__container [role=menu] {
  padding: 7px;
}
.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}
.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5764;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward:after {
  border-left-color: rgba(74, 87, 100, 0.8);
  right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px 7px 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back:after {
  border-right-color: rgba(74, 87, 100, 0.8);
  left: 7px;
}
.plyr__menu__container .plyr__control--back:before {
  background: rgba(114, 133, 151, 0.2);
  box-shadow: 0 1px 0 #fff;
  content: "";
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b3ff;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}
.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  color: #00b3ff;
  display: block;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -webkit-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  background-image:
    linear-gradient(
      90deg,
      currentColor var(--value, 0),
      transparent var(--value, 0));
}
.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  -webkit-appearance: none;
  margin-top: -4px;
}
.plyr--full-ui input[type=range]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
}
.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  height: 5px;
}
.plyr--full-ui input[type=range]::-ms-track {
  color: transparent;
}
.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  height: 5px;
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(35, 41, 47, 0.2);
  height: 13px;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  margin-top: 0;
}
.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type=range]:focus {
  outline: 0;
}
.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(0, 179, 255, 0.5);
  outline: 0;
}
.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}
.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}
.plyr__time {
  font-size: 14px;
}
.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px;
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: hsla(0, 0%, 100%, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4a5764;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}
.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
  left: 16px;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}
.plyr__progress {
  left: 6.5px;
  margin-right: 13px;
  position: relative;
}
.plyr__progress__buffer,
.plyr__progress input[type=range] {
  margin-left: -6.5px;
  margin-right: -6.5px;
  width: calc(100% + 13px);
}
.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}
.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  left: 0;
  margin-top: -2.5px;
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}
.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image:
    linear-gradient(
      -45deg,
      rgba(35, 41, 47, 0.6) 25%,
      transparent 0,
      transparent 50%,
      rgba(35, 41, 47, 0.6) 0,
      rgba(35, 41, 47, 0.6) 75%,
      transparent 0,
      transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}
.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  z-index: 2;
}
.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}
.plyr--audio {
  display: block;
}
.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4a5764;
  padding: 10px;
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 201, 209, 0.66);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(35, 41, 47, 0.2),
    0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(35, 41, 47, 0.2),
    0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(35, 41, 47, 0.2),
    0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 201, 209, 0.66);
}
.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}
.plyr__video-wrapper {
  background: #000;
  height: 100%;
  margin: auto;
  overflow: hidden;
  width: 100%;
}
.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  left: 0;
  position: absolute;
  top: 0;
}
.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}
.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b3ff;
  color: #fff;
}
.plyr__control--overlaid {
  background: rgba(0, 179, 255, 0.8);
  border: 0;
  border-radius: 100%;
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  background: #00b3ff;
}
.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: hsla(0, 0%, 100%, 0.25);
}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(35, 41, 47, 0.2),
    0 0 0 3px hsla(0, 0%, 100%, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(35, 41, 47, 0.2),
    0 0 0 3px hsla(0, 0%, 100%, 0.5);
}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.15),
    0 0 0 1px rgba(35, 41, 47, 0.2),
    0 0 0 3px hsla(0, 0%, 100%, 0.5);
}
.plyr--video .plyr__progress__buffer {
  color: hsla(0, 0%, 100%, 0.25);
}
.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads:after {
  background: rgba(35, 41, 47, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}
.plyr__ads:after:empty {
  display: none;
}
.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  left: 0;
  margin: -2.5px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}
.plyr__preview-thumb {
  background-color: hsla(0, 0%, 100%, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 10px;
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}
.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}
.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid hsla(0, 0%, 100%, 0.9);
  bottom: -4px;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}
.plyr__preview-thumb__image-container {
  background: #c1c9d1;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}
.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
}
.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}
.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}
.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}
.plyr--no-transition {
  transition: none !important;
}
.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.plyr [hidden] {
  display: none !important;
}
.strong {
  font-weight: bold;
}

/* node_modules/ngx-toastr/toastr.css */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+);
}
.toast-error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+);
}
.toast-success {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==);
}
.toast-warning {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==);
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "PrimeIcons";
  font-display: auto;
  src: url("./media/primeicons-SGRXEGUB.eot");
  src:
    url("./media/primeicons-SGRXEGUB.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons-I73PHYGK.ttf") format("truetype"),
    url("./media/primeicons-WEH7AI34.woff") format("woff"),
    url("./media/primeicons-CQD3DT45.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-o:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/snazzy-info-window/dist/snazzy-info-window.css */
.si-float-wrapper {
  position: absolute;
  width: 100%;
}
.si-float-wrapper,
.si-float-wrapper * {
  box-sizing: border-box;
}
[class*=si-wrapper] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  cursor: default;
}
.si-wrapper-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: -40px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.si-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-top: 0px;
  margin-left: 0px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.si-wrapper-left {
  margin-top: -20px;
  margin-left: -11px;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.si-wrapper-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: -20px;
  margin-left: 11px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
[class*=si-shadow-wrapper] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.29804;
  z-index: 1;
}
.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}
.si-shadow-frame {
  box-shadow: 0 1px 3px 0 #000;
}
[class*=si-shadow-pointer] {
  position: relative;
  width: 15px;
  height: 15px;
  margin: auto;
}
[class*=si-shadow-inner-pointer] {
  position: absolute;
  width: 141%;
  height: 141%;
  box-shadow: -0.70711px 0.70711px 3px 0 #000;
}
.si-shadow-inner-pointer-top {
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.si-shadow-inner-pointer-bottom {
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
  transform: translate(-50%, 50%) rotate(-45deg);
}
.si-shadow-inner-pointer-left {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.si-shadow-inner-pointer-right {
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%) rotate(-45deg);
  transform: translate(50%, -50%) rotate(-45deg);
}
.si-frame {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  border-radius: 3px;
  overflow: hidden;
  z-index: 2;
}
.si-content-wrapper {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 30px;
  background-color: #fff;
}
.si-has-border .si-content-wrapper {
  border: 1px solid #bbb;
}
.si-content {
  overflow: auto;
}
.si-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  outline: none;
  background-color: transparent;
  color: inherit;
  font-family:
    Arial,
    Baskerville,
    monospace;
  font-size: 24px;
  cursor: pointer;
  opacity: 0.5;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.si-close-button:hover,
.si-close-button:focus {
  opacity: 0.7;
}
[class*=si-pointer-border] {
  position: absolute;
  border: 15px solid transparent;
  z-index: 3;
}
[class*=si-pointer-bg] {
  position: relative;
  border: 15px solid transparent;
  z-index: 4;
}
.si-has-border [class*=si-pointer-bg] {
  border-width: 15px;
}
.si-pointer-border-top,
.si-pointer-border-bottom {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.si-pointer-border-left,
.si-pointer-border-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.si-pointer-top {
  border-bottom: 0;
}
.si-pointer-border-top {
  bottom: 0;
  border-top-color: #bbb;
}
.si-pointer-bg-top {
  border-top-color: #fff;
}
.si-has-border .si-pointer-bg-top {
  top: -1px;
  margin-bottom: 0px;
}
.si-pointer-bottom {
  border-top: 0;
}
.si-pointer-border-bottom {
  top: 0;
  border-bottom-color: #bbb;
}
.si-pointer-bg-bottom {
  border-bottom-color: #fff;
}
.si-has-border .si-pointer-bg-bottom {
  bottom: -1px;
  margin-top: 0px;
}
.si-pointer-left {
  border-right: 0;
}
.si-pointer-border-left {
  right: 0;
  border-left-color: #bbb;
}
.si-pointer-bg-left {
  border-left-color: #fff;
}
.si-has-border .si-pointer-bg-left {
  left: -1px;
  margin-right: 0px;
}
.si-pointer-right {
  border-left: 0;
}
.si-pointer-border-right {
  left: 0;
  border-right-color: #bbb;
}
.si-pointer-bg-right {
  border-right-color: #fff;
}
.si-has-border .si-pointer-bg-right {
  right: -1px;
  margin-left: 0px;
}

/* node_modules/primeng/resources/themes/md-light-indigo/theme.css */
:root {
  font-family:
    Roboto,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --font-family:
    Roboto,
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    "Lucida Grande",
    sans-serif;
  --surface-a: #ffffff;
  --surface-b: #fafafa;
  --surface-c: rgba(0, 0, 0, 0.04);
  --surface-d: rgba(0, 0, 0, 0.12);
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: rgba(0, 0, 0, 0.87);
  --text-color-secondary: rgba(0, 0, 0, 0.6);
  --primary-color: #3F51B5;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #eeeeee;
  --gray-300: #e0e0e0;
  --gray-400: #bdbdbd;
  --gray-500: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 4px;
  --surface-ground: #fafafa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: rgba(0, 0, 0, 0.12);
  --surface-hover: rgba(0, 0, 0, 0.04);
  --maskbg: rgba(0, 0, 0, 0.32);
  --highlight-bg: rgba(63, 81, 181, 0.12);
  --highlight-text-color: #3F51B5;
  --focus-ring: none;
  color-scheme: light;
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto"),
    local("Roboto-Regular"),
    url("./media/roboto-v20-latin-ext_latin-regular-B2TBCAKK.woff2") format("woff2"),
    url("./media/roboto-v20-latin-ext_latin-regular-NPMDQIK3.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Medium"),
    local("Roboto-Medium"),
    url("./media/roboto-v20-latin-ext_latin-500-QCKPPE42.woff2") format("woff2"),
    url("./media/roboto-v20-latin-ext_latin-500-UKPROMCT.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src:
    local("Roboto Bold"),
    local("Roboto-Bold"),
    url("./media/roboto-v20-latin-ext_latin-700-L5E4QLQF.woff2") format("woff2"),
    url("./media/roboto-v20-latin-ext_latin-700-XH376R4L.woff") format("woff");
}
:root {
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f7faf5;
  --green-100:#dbe8cf;
  --green-200:#bed6a9;
  --green-300:#a1c384;
  --green-400:#85b15e;
  --green-500:#689f38;
  --green-600:#588730;
  --green-700:#496f27;
  --green-800:#39571f;
  --green-900:#2a4016;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f6f7fc;
  --indigo-100:#d5d9ef;
  --indigo-200:#b3bae2;
  --indigo-300:#919cd5;
  --indigo-400:#707dc8;
  --indigo-500:#4e5fbb;
  --indigo-600:#42519f;
  --indigo-700:#374383;
  --indigo-800:#2b3467;
  --indigo-900:#1f264b;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fffaf2;
  --orange-100:#ffe6c2;
  --orange-200:#ffd391;
  --orange-300:#ffbf61;
  --orange-400:#ffac30;
  --orange-500:#ff9800;
  --orange-600:#d98100;
  --orange-700:#b36a00;
  --orange-800:#8c5400;
  --orange-900:#663d00;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fef6f5;
  --red-100:#fcd2cf;
  --red-200:#faaea9;
  --red-300:#f88a82;
  --red-400:#f6675c;
  --red-500:#f44336;
  --red-600:#cf392e;
  --red-700:#ab2f26;
  --red-800:#86251e;
  --red-900:#621b16;
  --primary-50:#f5f6fb;
  --primary-100:#d1d5ed;
  --primary-200:#acb4df;
  --primary-300:#8893d1;
  --primary-400:#6372c3;
  --primary-500:#3f51b5;
  --primary-600:#36459a;
  --primary-700:#2c397f;
  --primary-800:#232d64;
  --primary-900:#192048;
}
.p-editor-container .p-editor-toolbar {
  background: #ffffff;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #e0e0e0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: rgba(0, 0, 0, 0.6);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: rgba(0, 0, 0, 0.6);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: rgba(0, 0, 0, 0.6);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: rgba(0, 0, 0, 0.87);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.04);
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 1rem 1rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #e0e0e0;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: rgba(0, 0, 0, 0.87);
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: rgba(0, 0, 0, 0.87);
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: rgba(0, 0, 0, 0.87);
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #3F51B5;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #3F51B5;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #3F51B5;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #3F51B5;
}
@layer primeng {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }
  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.32);
    transition-duration: 0.2s;
  }
  .p-disabled,
  .p-component:disabled {
    opacity: 0.38;
  }
  .p-error {
    color: #b00020;
  }
  .p-text-secondary {
    color: rgba(0, 0, 0, 0.6);
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 4px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 1rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 4rem;
  }
  .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.5rem 1rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.5rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 16px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
    background: rgba(0, 0, 0, 0.24);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #b00020;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 1rem 1rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:first-child {
    margin-top: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.6);
    background: #ffffff;
    font-weight: 400;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
  }
  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
    border-color: #b00020;
  }
  p-autocomplete.p-autocomplete-clearable .p-inputtext {
    padding-right: 3rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 1rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 4rem;
  }
  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
    border-color: #b00020;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    font-weight: 500;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: rgba(0, 0, 0, 0.87);
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    font-weight: 500;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #3F51B5;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: none;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-color: black;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: none;
    border-radius: 4px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: none;
    border-radius: 4px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  p-calendar.p-calendar-clearable .p-inputtext {
    padding-right: 3rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 1rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 4rem;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.38);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 1rem 1rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    width: 2.357rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #b00020;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f5f5f5;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #ececec;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #dcdcdc;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 1rem 1rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-input-filled .p-cascadeselect {
    background: #f5f5f5;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
    background-color: #dcdcdc;
  }
  p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
    border-color: #b00020;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
    padding-right: 1rem;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 2.357rem;
  }
  .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
    box-shadow: none;
    border-radius: 0;
    padding: 0.25rem 0 0.25rem 0.5rem;
  }
  .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
    transform: rotate(90deg);
  }
  .p-checkbox {
    width: 18px;
    height: 18px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #757575;
    background: #ffffff;
    width: 18px;
    height: 18px;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 4px;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #3F51B5;
    background: #3F51B5;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #3F51B5;
    background: #3F51B5;
    color: #ffffff;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f5f5f5;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #3F51B5;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #ececec;
  }
  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #3F51B5;
  }
  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #b00020;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f5f5f5;
  }
  .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
    background: #3F51B5;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #ececec;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #3F51B5;
  }
  .p-checkbox-label {
    margin-left: 0.5rem;
  }
  p-tristatecheckbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #b00020;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.5rem 1rem;
    gap: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: rgba(0, 0, 0, 0.24);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.5rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    margin: 0;
  }
  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: #b00020;
  }
  p-chips.p-chips-clearable .p-inputtext {
    padding-right: 2rem;
  }
  p-chips.p-chips-clearable .p-chips-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 1rem;
  }
  .p-colorpicker-preview,
  .p-fluid .p-colorpicker-preview.p-inputtext {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-dropdown {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.38);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 2rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-dropdown .p-dropdown-label:focus,
  .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    width: 2.357rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #b00020;
  }
  .p-dropdown.p-variant-filled {
    background-color: #f5f5f5;
  }
  .p-dropdown.p-variant-filled:enabled:hover {
    background-color: #ececec;
  }
  .p-dropdown.p-variant-filled:enabled:focus {
    background-color: #dcdcdc;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 2rem;
    margin-right: -2rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 1rem 1rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.6);
    background: #ffffff;
    font-weight: 400;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
  }
  .p-input-filled .p-dropdown {
    background: #f5f5f5;
  }
  .p-input-filled .p-dropdown:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
    background-color: #dcdcdc;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
    border-color: #b00020;
  }
  .p-icon-field .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-inputgroup-addon {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.38);
    border-left: 1px solid rgba(0, 0, 0, 0.38);
    border-bottom: 1px solid rgba(0, 0, 0, 0.38);
    padding: 1rem 1rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid rgba(0, 0, 0, 0.38);
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-component,
  .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-component,
  .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 3rem;
  }
  .p-icon-field-left .p-input-icon:first-of-type {
    left: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-icon-field-right .p-input-icon:last-of-type {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
    border-color: #b00020;
  }
  p-inputmask.p-inputmask-clearable .p-inputtext {
    padding-right: 3rem;
  }
  p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 1rem;
  }
  .p-inputmask.p-variant-filled {
    background-color: #f5f5f5;
  }
  .p-inputmask.p-variant-filled:enabled:hover {
    background-color: #ececec;
  }
  .p-inputmask.p-variant-filled:enabled:focus {
    background-color: #dcdcdc;
  }
  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
    border-color: #b00020;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 3rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 1rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
    right: 4rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
    right: 4rem;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
    background-color: #f5f5f5;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
    background-color: #ececec;
  }
  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
    background-color: #dcdcdc;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 3rem;
  }
  .p-inputswitch {
    width: 2.75rem;
    height: 1rem;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: rgba(0, 0, 0, 0.38);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 0.5rem;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.5rem;
    height: 1.5rem;
    left: -1px;
    margin-top: -0.75rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(1.5rem);
  }
  .p-inputswitch.p-focus .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: rgba(0, 0, 0, 0.38);
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: rgba(63, 81, 181, 0.5);
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: #3F51B5;
  }
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: rgba(63, 81, 181, 0.5);
  }
  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch > .p-inputswitch-slider {
    border-color: #b00020;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    padding: 1rem 1rem;
    border: 1px solid rgba(0, 0, 0, 0.38);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    appearance: none;
    border-radius: 4px;
  }
  .p-inputtext:enabled:hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-inputtext.ng-dirty.ng-invalid {
    border-color: #b00020;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f5f5f5;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #ececec;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #dcdcdc;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.875rem 0.875rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 1.25rem 1.25rem;
  }
  .p-float-label > label {
    left: 1rem;
    color: rgba(0, 0, 0, 0.6);
    transition-duration: 0.2s;
  }
  .p-float-label > .ng-invalid.ng-dirty + label {
    color: #b00020;
  }
  .p-input-icon-left > .p-icon-wrapper.p-icon,
  .p-input-icon-left > i:first-of-type {
    left: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-input-icon-left > .p-inputtext {
    padding-left: 3rem;
  }
  .p-input-icon-left.p-float-label > label {
    left: 3rem;
  }
  .p-input-icon-right > .p-icon-wrapper,
  .p-input-icon-right > i:last-of-type {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-input-icon-right > .p-inputtext {
    padding-right: 3rem;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 3rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 3rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 3rem;
  }
  ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  :-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-input-filled .p-inputtext {
    background-color: #f5f5f5;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #ececec;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #dcdcdc;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.875rem 0.875rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 1.25rem 1.25rem;
  }
  .p-listbox {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-listbox .p-listbox-header {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 2rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-listbox .p-listbox-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list {
    padding: 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 1rem 1rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.6);
    background: #ffffff;
    font-weight: 400;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  p-listbox.ng-dirty.ng-invalid > .p-listbox {
    border-color: #b00020;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.38);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-multiselect .p-multiselect-label {
    padding: 1rem 1rem;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    width: 2.357rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-multiselect.p-variant-filled {
    background: #f5f5f5;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #dcdcdc;
  }
  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.5rem 1rem;
  }
  .p-multiselect-clearable .p-multiselect-label-container {
    padding-right: 2rem;
  }
  .p-multiselect-clearable .p-multiselect-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 2.357rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 2rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 1rem 1rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.6);
    background: #ffffff;
    font-weight: 400;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
  }
  .p-input-filled .p-multiselect {
    background: #f5f5f5;
  }
  .p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
    background-color: #dcdcdc;
  }
  p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
    border-color: #b00020;
  }
  p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
    border-color: #b00020;
  }
  .p-password-panel {
    padding: 1rem;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: rgba(63, 81, 181, 0.32);
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #d32f2f;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #fbc02d;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #689f38;
  }
  p-password.p-password-clearable .p-password-input {
    padding-right: 3rem;
  }
  p-password.p-password-clearable .p-password-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 1rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-input {
    padding-right: 5rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 3rem;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #757575;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 50%;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 10px;
    height: 10px;
    transition-duration: 0.2s;
    background-color: #3F51B5;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #3F51B5;
    background: #ffffff;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: #3F51B5;
    background: #ffffff;
    color: #3F51B5;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f5f5f5;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
    background: #ffffff;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #ffffff;
  }
  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
    border-color: #b00020;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f5f5f5;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #ffffff;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #ffffff;
  }
  .p-radiobutton-label {
    margin-left: 0.5rem;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    border-radius: 50%;
    outline-color: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #3F51B5;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #b00020;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #3F51B5;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #3F51B5;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #b00020;
  }
  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #f6f6f6;
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-selectbutton .p-button.p-highlight {
    background: #e0e0e1;
    border-color: #e0e0e1;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #d9d8d9;
    border-color: #d9d8d9;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
    border-color: #b00020;
  }
  .p-slider {
    background: #c1c1c1;
    border: 0 none;
    border-radius: 4px;
  }
  .p-slider.p-slider-horizontal {
    height: 2px;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -10px;
    margin-left: -10px;
  }
  .p-slider.p-slider-vertical {
    height: 100%;
    width: 2px;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    height: 20px;
    width: 20px;
    margin-left: -10px;
    margin-bottom: -10px;
  }
  .p-slider .p-slider-handle {
    height: 20px;
    width: 20px;
    background: #3F51B5;
    border: 0 none;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-slider .p-slider-range {
    background: #3F51B5;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #3F51B5;
    border-color: 0 none;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1),
      left 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
    transition: width 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1),
      bottom 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
    transition: height 0.2s;
  }
  .p-togglebutton.p-button {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-togglebutton.p-button .p-button-icon-left,
  .p-togglebutton.p-button .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #f6f6f6;
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-togglebutton.p-button.p-highlight {
    background: #e0e0e1;
    border-color: #e0e0e1;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-togglebutton.p-button.p-highlight .p-button-icon-left,
  .p-togglebutton.p-button.p-highlight .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-togglebutton.p-button.p-highlight:hover {
    background: #d9d8d9;
    border-color: #d9d8d9;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
    color: rgba(0, 0, 0, 0.6);
  }
  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
    border-color: #b00020;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.38);
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-treeselect .p-treeselect-label {
    padding: 1rem 1rem;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
    background: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
    width: 2.357rem;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-treeselect.p-variant-filled {
    background-color: #f5f5f5;
  }
  .p-treeselect.p-variant-filled:enabled:hover {
    background-color: #ececec;
  }
  .p-treeselect.p-variant-filled:enabled:focus {
    background-color: #dcdcdc;
  }
  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
    border-color: #b00020;
  }
  .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.5rem 1rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 4rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f5f5f5;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #dcdcdc;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
    padding-right: 2rem;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: rgba(0, 0, 0, 0.6);
    right: 3rem;
  }
  .p-button {
    color: #ffffff;
    background: #3F51B5;
    border: 0 none;
    padding: 0.714rem 1rem;
    font-size: 1rem;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 4px;
    outline-color: transparent;
  }
  .p-button:not(:disabled):hover {
    background: rgba(63, 81, 181, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button:not(:disabled):active {
    background: rgba(63, 81, 181, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #3F51B5;
    border: 0 none;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(63, 81, 181, 0.04);
    color: #3F51B5;
    border: 0 none;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(63, 81, 181, 0.16);
    color: #3F51B5;
    border: 0 none;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: rgba(0, 0, 0, 0.6);
    border-color: rgba(0, 0, 0, 0.6);
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #3F51B5;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(63, 81, 181, 0.04);
    color: #3F51B5;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(63, 81, 181, 0.16);
    color: #3F51B5;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: rgba(0, 0, 0, 0.16);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #3F51B5;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.714rem;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.62475rem 0.875rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.8925rem 1.25rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin-right: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary,
  .p-button-group.p-button-secondary > .p-button,
  .p-splitbutton.p-button-secondary > .p-button {
    color: #ffffff;
    background: #ff4081;
    border: 0 none;
  }
  .p-button.p-button-secondary:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
    background: rgba(255, 64, 129, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-secondary:not(:disabled):focus,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-secondary:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
    background: rgba(255, 64, 129, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-outlined,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
    background-color: transparent;
    color: #ff4081;
    border: 0 none;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(255, 64, 129, 0.04);
    color: #ff4081;
    border: 0 none;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(255, 64, 129, 0.16);
    color: #ff4081;
    border: 0 none;
  }
  .p-button.p-button-secondary.p-button-text,
  .p-button-group.p-button-secondary > .p-button.p-button-text,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text {
    background-color: transparent;
    color: #ff4081;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(255, 64, 129, 0.04);
    border-color: transparent;
    color: #ff4081;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active,
  .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
    background: rgba(255, 64, 129, 0.16);
    border-color: transparent;
    color: #ff4081;
  }
  .p-button.p-button-info,
  .p-button-group.p-button-info > .p-button,
  .p-splitbutton.p-button-info > .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 0 none;
  }
  .p-button.p-button-info:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-info:not(:disabled):focus,
  .p-button-group.p-button-info > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-info:not(:disabled):active,
  .p-button-group.p-button-info > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-outlined,
  .p-button-group.p-button-info > .p-button.p-button-outlined,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 0 none;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 0 none;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 0 none;
  }
  .p-button.p-button-info.p-button-text,
  .p-button-group.p-button-info > .p-button.p-button-text,
  .p-splitbutton.p-button-info > .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    border-color: transparent;
    color: #2196f3;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active,
  .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    border-color: transparent;
    color: #2196f3;
  }
  .p-button.p-button-success,
  .p-button-group.p-button-success > .p-button,
  .p-splitbutton.p-button-success > .p-button {
    color: #ffffff;
    background: #689f38;
    border: 0 none;
  }
  .p-button.p-button-success:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-success:not(:disabled):focus,
  .p-button-group.p-button-success > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-success:not(:disabled):active,
  .p-button-group.p-button-success > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-outlined,
  .p-button-group.p-button-success > .p-button.p-button-outlined,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 0 none;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 0 none;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 0 none;
  }
  .p-button.p-button-success.p-button-text,
  .p-button-group.p-button-success > .p-button.p-button-text,
  .p-splitbutton.p-button-success > .p-button.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active,
  .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning,
  .p-button-group.p-button-warning > .p-button,
  .p-splitbutton.p-button-warning > .p-button {
    color: #212529;
    background: #fbc02d;
    border: 0 none;
  }
  .p-button.p-button-warning:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.92);
    color: #212529;
    border-color: transparent;
  }
  .p-button.p-button-warning:not(:disabled):focus,
  .p-button-group.p-button-warning > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-warning:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.68);
    color: #212529;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-outlined,
  .p-button-group.p-button-warning > .p-button.p-button-outlined,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 0 none;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 0 none;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 0 none;
  }
  .p-button.p-button-warning.p-button-text,
  .p-button-group.p-button-warning > .p-button.p-button-text,
  .p-splitbutton.p-button-warning > .p-button.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active,
  .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help,
  .p-button-group.p-button-help > .p-button,
  .p-splitbutton.p-button-help > .p-button {
    color: #ffffff;
    background: #9c27b0;
    border: 0 none;
  }
  .p-button.p-button-help:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-help:not(:disabled):focus,
  .p-button-group.p-button-help > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-help:not(:disabled):active,
  .p-button-group.p-button-help > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-outlined,
  .p-button-group.p-button-help > .p-button.p-button-outlined,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 0 none;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 0 none;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 0 none;
  }
  .p-button.p-button-help.p-button-text,
  .p-button-group.p-button-help > .p-button.p-button-text,
  .p-splitbutton.p-button-help > .p-button.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active,
  .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger,
  .p-button-group.p-button-danger > .p-button,
  .p-splitbutton.p-button-danger > .p-button {
    color: #ffffff;
    background: #d32f2f;
    border: 0 none;
  }
  .p-button.p-button-danger:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-danger:not(:disabled):focus,
  .p-button-group.p-button-danger > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-danger:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-outlined,
  .p-button-group.p-button-danger > .p-button.p-button-outlined,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 0 none;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 0 none;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 0 none;
  }
  .p-button.p-button-danger.p-button-text,
  .p-button-group.p-button-danger > .p-button.p-button-text,
  .p-splitbutton.p-button-danger > .p-button.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active,
  .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-contrast,
  .p-button-group.p-button-contrast > .p-button,
  .p-splitbutton.p-button-contrast > .p-button {
    color: #ffffff;
    background: #212121;
    border: 1px solid #212121;
  }
  .p-button.p-button-contrast:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
    background: #424242;
    color: #ffffff;
    border-color: #424242;
  }
  .p-button.p-button-contrast:not(:disabled):focus,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
    box-shadow: none;
  }
  .p-button.p-button-contrast:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
    background: #616161;
    color: #ffffff;
    border-color: #616161;
  }
  .p-button.p-button-contrast.p-button-outlined,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
    background-color: transparent;
    color: #212121;
    border: 0 none;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 33, 33, 0.04);
    color: #212121;
    border: 0 none;
  }
  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 33, 33, 0.16);
    color: #212121;
    border: 0 none;
  }
  .p-button.p-button-contrast.p-button-text,
  .p-button-group.p-button-contrast > .p-button.p-button-text,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text {
    background-color: transparent;
    color: #212121;
    border-color: transparent;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):hover,
  .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 33, 33, 0.04);
    border-color: transparent;
    color: #212121;
  }
  .p-button.p-button-contrast.p-button-text:not(:disabled):active,
  .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 33, 33, 0.16);
    border-color: transparent;
    color: #212121;
  }
  .p-button.p-button-link {
    color: #3F51B5;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #3F51B5;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: none;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #3F51B5;
    border-color: transparent;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 2rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-item.p-focus > .p-speeddial-action {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #ff4081;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: rgba(255, 64, 129, 0.92);
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem 0;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem 0;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child,
  .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .p-splitbutton {
    border-radius: 4px;
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-raised {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #dcdcdc;
    width: 2rem;
    height: 0.5rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #ececec;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
  }
  .p-datatable .p-datatable-footer {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    transition: none;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-datatable .p-sortable-column.p-highlight:hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: none;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    transition: none;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr:focus-visible {
    outline: 0.15rem solid transparent;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 rgba(63, 81, 181, 0.12);
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 rgba(63, 81, 181, 0.12);
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-datatable .p-column-resizer-helper {
    background: #3F51B5;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #ffffff;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #ffffff;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.02);
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
    color: #3F51B5;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
    color: #3F51B5;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    padding: 1rem 0;
  }
  .p-dataview .p-dataview-footer {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-emptymessage {
    padding: 1rem;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open,
  .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active,
  .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-column-filter-clear-button {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 1rem 1rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:first-child {
    margin-top: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 1rem 1rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-list-container {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    outline-color: transparent;
  }
  .p-orderlist .p-orderlist-list-container.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-orderlist .p-orderlist-header {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem;
    font-weight: 500;
  }
  .p-orderlist .p-orderlist-header .p-orderlist-title {
    font-weight: 500;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 2rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-orderlist .p-orderlist-list {
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list:not(:first-child) {
    border-top: 1px solid #e0e0e0;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 1rem 1rem;
    margin: 0;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:first-child {
    margin-top: 0;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: rgba(0, 0, 0, 0.02);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-orderlist-item.cdk-drag-preview {
    padding: 1rem 1rem;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: rgba(30, 39, 86, 0.12);
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #e0e0e0;
    border-color: rgba(0, 0, 0, 0.12);
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #e0e0e0;
    border-color: rgba(0, 0, 0, 0.12);
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-paginator {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: solid #e4e4e4;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 4px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: rgba(0, 0, 0, 0.6);
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: none;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    border-color: transparent;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 3rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 3rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: rgba(0, 0, 0, 0.6);
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: rgba(0, 0, 0, 0.6);
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: none;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: rgba(63, 81, 181, 0.12);
    border-color: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    border-color: transparent;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-picklist .p-picklist-buttons {
    padding: 1rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-list-wrapper {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
    outline-color: transparent;
  }
  .p-picklist .p-picklist-list-wrapper.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
    border-color: #3F51B5;
  }
  .p-picklist .p-picklist-header {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem;
    font-weight: 500;
  }
  .p-picklist .p-picklist-header .p-picklist-title {
    font-weight: 500;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 2rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-picklist .p-picklist-list {
    color: rgba(0, 0, 0, 0.87);
    padding: 0;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list:not(:first-child) {
    border-top: 1px solid #e0e0e0;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 1rem 1rem;
    margin: 0;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: transparent;
    transition: none;
  }
  .p-picklist .p-picklist-list .p-picklist-item:first-child {
    margin-top: 0;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-picklist .p-picklist-list .p-picklist-empty-message {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: rgba(0, 0, 0, 0.02);
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-picklist-item.cdk-drag-preview {
    padding: 1rem 1rem;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    margin: 0;
  }
  .p-timeline .p-timeline-event-marker {
    border: 0 none;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #bdbdbd;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #bdbdbd;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-tree {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem;
    border-radius: 4px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.25rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 4px;
    transition: none;
    padding: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f5f5f5;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #3F51B5;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #ececec;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #3F51B5;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #3F51B5;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #3F51B5;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 2rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 1rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: rgba(50, 65, 145, 0.12);
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    background-color: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.5rem;
    transition: none;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #3F51B5;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
    background-color: inherit;
    color: inherit;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
  }
  .p-treetable .p-treetable-footer {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    transition: none;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
  }
  .p-treetable .p-sortable-column {
    outline-color: transparent;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #3F51B5;
    background: rgba(63, 81, 181, 0.12);
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    transition: none;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f5f5f5;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
    background: #3F51B5;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
    background-color: #ececec;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
    background: #3F51B5;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid transparent;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #3F51B5;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #3F51B5;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-treetable .p-column-resizer-helper {
    background: #3F51B5;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #ffffff;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-virtualscroller .p-virtualscroller-header {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
  }
  .p-virtualscroller .p-virtualscroller-content {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    padding: 1rem 0;
  }
  .p-virtualscroller .p-virtualscroller-footer {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e4e4e4;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 500;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.5rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    transition: none;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #f6f6f6;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #ffffff;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: transparent;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-accordion .p-accordion-content {
    padding: 1rem 1.5rem;
    border: 0 none;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-accordion p-accordiontab .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion p-accordiontab .p-accordion-content {
    border-radius: 0;
  }
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
  .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-accordion p-accordiontab:last-child .p-accordion-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-card {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    box-shadow:
      0 2px 1px -1px rgba(0, 0, 0, 0.2),
      0 1px 1px 0 rgba(0, 0, 0, 0.14),
      0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-card .p-card-body {
    padding: 1rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px rgba(0, 0, 0, 0.12);
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px rgba(0, 0, 0, 0.12);
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-fieldset {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 4px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    font-weight: 500;
    border-radius: 4px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1rem;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 4px;
    transition: none;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: rgba(0, 0, 0, 0.04);
    border-color: #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .p-panel .p-panel-header {
    border: 1px solid #e0e0e0;
    padding: 1rem;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 500;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-top: 0 none;
  }
  .p-panel .p-panel-content:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-panel .p-panel-footer {
    padding: 1rem 1rem;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top: 0 none;
  }
  .p-panel .p-panel-icons-end {
    order: 2;
    margin-left: auto;
  }
  .p-panel .p-panel-icons-start {
    order: 0;
    margin-right: 0.5rem;
  }
  .p-panel .p-panel-icons-center {
    order: 2;
    width: 100%;
    text-align: center;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: rgba(0, 0, 0, 0.12);
    border: 0 none;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-splitter {
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-splitter .p-splitter-gutter {
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-tabview .p-tabview-nav-content {
    scroll-padding-inline: 3rem;
  }
  .p-tabview .p-tabview-nav {
    background: #ffffff;
    border: solid rgba(0, 0, 0, 0.12);
    border-width: 0 0 1px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid rgba(0, 0, 0, 0.12);
    border-width: 0 0 1px 0;
    border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.6);
    padding: 1rem 1.5rem;
    font-weight: 500;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transition: none;
    margin: 0 0 0 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: rgba(63, 81, 181, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #3F51B5;
  }
  .p-tabview .p-tabview-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabview .p-tabview-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #3F51B5;
    width: 3rem;
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-toolbar {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 1rem;
    border-radius: 4px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-stepper .p-stepper-nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow-x: auto;
  }
  .p-stepper-vertical .p-stepper-nav {
    flex-direction: column;
  }
  .p-stepper-header {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
  }
  .p-stepper-header:last-of-type {
    flex: initial;
  }
  .p-stepper-header .p-stepper-action {
    border: 0 none;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
  }
  .p-stepper-header .p-stepper-action:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-stepper.p-stepper-readonly .p-stepper-header {
    cursor: auto;
  }
  .p-stepper-header.p-highlight .p-stepper-action {
    cursor: default;
  }
  .p-stepper-title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .p-stepper-number {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-stepper-separator {
    flex: 1 1 0;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: none;
    border-radius: 4px;
    background: transparent;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid transparent;
    border-width: 2px;
    background: transparent;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #3F51B5;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-stepper .p-stepper-separator {
    background-color: #bdbdbd;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: none;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #3F51B5;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 11px 15px -7px rgba(0, 0, 0, 0.2),
      0 24px 38px 3px rgba(0, 0, 0, 0.14),
      0 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 1rem 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 4px;
    box-shadow:
      0 11px 15px -7px rgba(0, 0, 0, 0.2),
      0 24px 38px 3px rgba(0, 0, 0, 0.14),
      0 9px 46px 8px rgba(0, 0, 0, 0.12);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    padding: 1.5rem;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 500;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    border-radius: 4px;
    box-shadow:
      0 11px 15px -7px rgba(0, 0, 0, 0.2),
      0 24px 38px 3px rgba(0, 0, 0, 0.14),
      0 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #3F51B5;
    color: #ffffff;
    width: 2.5rem;
    height: 2.5rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1.25rem;
    right: -1.25rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: rgba(63, 81, 181, 0.92);
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }
  .p-sidebar {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    box-shadow:
      0 11px 15px -7px rgba(0, 0, 0, 0.2),
      0 24px 38px 3px rgba(0, 0, 0, 0.14),
      0 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2.5rem;
    height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: rgba(0, 0, 0, 0.6);
    border-color: transparent;
    background: rgba(0, 0, 0, 0.04);
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-footer {
    padding: 1rem;
  }
  .p-tooltip .p-tooltip-text {
    background: rgba(97, 97, 97, 0.9);
    color: #ffffff;
    padding: 0.5rem;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: rgba(97, 97, 97, 0.9);
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: rgba(97, 97, 97, 0.9);
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: rgba(97, 97, 97, 0.9);
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: rgba(97, 97, 97, 0.9);
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #ffffff;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
    border-bottom: 0 none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #e0e0e0;
    color: rgba(0, 0, 0, 0.87);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-fileupload .p-fileupload-content.p-fileupload-highlight {
    border-color: 1px dashed #3F51B5;
    border-style: dashed;
    background-color: rgba(63, 81, 181, 0.12);
  }
  .p-fileupload .p-progressbar {
    height: 4px;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-fileupload-choose:not(.p-disabled):hover {
    background: rgba(63, 81, 181, 0.92);
    color: #ffffff;
    border-color: transparent;
  }
  .p-fileupload-choose:not(.p-disabled):active {
    background: rgba(63, 81, 181, 0.68);
    color: #ffffff;
    border-color: transparent;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: none;
    border-radius: 4px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: rgba(0, 0, 0, 0.6);
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-contextmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 4px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-dock .p-dock-link {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current,
  .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current,
  .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  @media screen and (max-width: 960px) {
    .p-dock.p-dock-top .p-dock-list-container,
    .p-dock.p-dock-bottom .p-dock-list-container {
      overflow-x: auto;
      width: 100%;
    }
    .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
      margin: 0 auto;
    }
    .p-dock.p-dock-left .p-dock-list-container,
    .p-dock.p-dock-right .p-dock-list-container {
      overflow-y: auto;
      height: 100%;
    }
    .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
    .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
      margin: auto 0;
    }
    .p-dock .p-dock-list .p-dock-item {
      transform: none;
      margin: 0;
    }
  }
  .p-megamenu {
    padding: 1rem;
    background: transparent;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.6);
    background: #ffffff;
    font-weight: 400;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.5rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.5rem 0;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 4px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 1rem;
    color: rgba(0, 0, 0, 0.6);
    background: #ffffff;
    font-weight: 400;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-menu .p-menuitem-badge {
    background: #3F51B5;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-menubar {
    padding: 1rem;
    background: transparent;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 4px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-menubar .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 12.5rem;
    border-radius: 4px;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2.5rem;
      height: 2.5rem;
      color: rgba(0, 0, 0, 0.6);
      border-radius: 50%;
      transition:
        background-color 0.2s,
        color 0.2s,
        box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: rgba(0, 0, 0, 0.6);
      background: rgba(0, 0, 0, 0.04);
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: none;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.5rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow:
        0 2px 4px -1px rgba(0, 0, 0, 0.2),
        0 4px 5px 0 rgba(0, 0, 0, 0.14),
        0 1px 10px 0 rgba(0, 0, 0, 0.12);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menuitem-separator {
      border-top: 1px solid rgba(0, 0, 0, 0.12);
      margin: 0.5rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 3rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 5rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 7rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 9rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 11rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 0 none;
    color: rgba(0, 0, 0, 0.87);
    background: #ffffff;
    border-radius: 4px;
    transition: none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
    color: rgba(0, 0, 0, 0.87);
    padding: 1.5rem;
    font-weight: 400;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #f6f6f6;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #ffffff;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.87);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: transparent;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.5rem 0;
    border: 0 none;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content,
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-slidemenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 12.5rem;
  }
  .p-slidemenu .p-slidemenu-root-list {
    outline: 0 none;
  }
  .p-slidemenu .p-submenu-list {
    outline: 0 none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 1rem 1rem;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-slidemenu .p-menuitem-badge {
    background: #3F51B5;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: none;
    border-radius: 4px;
    background: transparent;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid transparent;
    background: transparent;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: solid rgba(0, 0, 0, 0.12);
    border-width: 0 0 1px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
    background: #3F51B5;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid rgba(0, 0, 0, 0.12);
    border-width: 0 0 1px 0;
    border-color: transparent transparent rgba(0, 0, 0, 0.12) transparent;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.6);
    padding: 1rem 1.5rem;
    font-weight: 500;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    transition: none;
    margin: 0 0 0 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: rgba(63, 81, 181, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: rgba(0, 0, 0, 0.12);
    color: #3F51B5;
  }
  .p-tabmenu .p-tabmenu-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #ffffff;
    color: #3F51B5;
    width: 3rem;
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset none;
  }
  .p-tieredmenu {
    padding: 0.5rem 0;
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.5rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    transition: none;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: rgba(0, 0, 0, 0.87);
    padding: 1rem 1rem;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: rgba(0, 0, 0, 0.6);
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.12);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: rgba(0, 0, 0, 0.87);
    background: rgba(0, 0, 0, 0.04);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: rgba(0, 0, 0, 0.87);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0.5rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 1rem 1rem;
    margin: 0;
    border-radius: 4px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid transparent;
    border-width: 1px;
    color: #01579b;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #01579b;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid transparent;
    border-width: 1px;
    color: #1b5e20;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1b5e20;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid transparent;
    border-width: 1px;
    color: #7f6003;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #7f6003;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid transparent;
    border-width: 1px;
    color: #b71c1c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #b71c1c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 4px;
  }
  .p-message .p-message-wrapper {
    padding: 1.25rem 1.5rem;
  }
  .p-message .p-message-close {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: transparent;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #01579b;
  }
  .p-message.p-message-info .p-message-icon {
    color: #01579b;
  }
  .p-message.p-message-info .p-message-close {
    color: #01579b;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #1b5e20;
  }
  .p-message.p-message-success .p-message-icon {
    color: #1b5e20;
  }
  .p-message.p-message-success .p-message-close {
    color: #1b5e20;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #7f6003;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #7f6003;
  }
  .p-message.p-message-warn .p-message-close {
    color: #7f6003;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #b71c1c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #b71c1c;
  }
  .p-message.p-message-error .p-message-close {
    color: #b71c1c;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-message.p-message-secondary {
    background: #ff4081;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #ffffff;
  }
  .p-message.p-message-secondary .p-message-icon {
    color: #ffffff;
  }
  .p-message.p-message-secondary .p-message-close {
    color: #ffffff;
  }
  .p-message.p-message-contrast {
    background: #212121;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #ffffff;
  }
  .p-message.p-message-contrast .p-message-icon {
    color: #ffffff;
  }
  .p-message.p-message-contrast .p-message-close {
    color: #ffffff;
  }
  .p-toast {
    opacity: 0.9;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1.5rem;
    border-width: 0 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #01579b;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #01579b;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #1b5e20;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1b5e20;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #7f6003;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #7f6003;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #b71c1c;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #b71c1c;
  }
  .p-toast .p-toast-message.p-toast-message-secondary {
    background: #ff4081;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #ffffff;
  }
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-icon-close {
    color: #ffffff;
  }
  .p-toast .p-toast-message.p-toast-message-contrast {
    background: #212121;
    border: solid transparent;
    border-width: 0 0 0 0;
    color: #ffffff;
  }
  .p-toast .p-toast-message.p-toast-message-contrast .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-contrast .p-toast-icon-close {
    color: #ffffff;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: rgba(255, 255, 255, 0.87);
    width: 4rem;
    height: 4rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.87);
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f6f6f6;
    width: 4rem;
    height: 4rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.87);
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 0.87);
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #dcdcdc;
    width: 1.25rem;
    height: 1.25rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #ececec;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
  .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: rgba(63, 81, 181, 0.12);
    color: #3F51B5;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.87);
    width: 2rem;
    height: 2rem;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.87);
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link i {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-badge {
    background: #3F51B5;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #ff4081;
    color: #ffffff;
  }
  .p-badge.p-badge-contrast {
    background-color: #212121;
    color: #ffffff;
  }
  .p-badge.p-badge-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #2196f3;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-badge.p-badge-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .p-chip {
    background-color: rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 16px;
    padding: 0 1rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    margin-left: 0.5rem;
  }
  .p-chip img {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: -1rem;
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    border-radius: 4px;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-chip .pi-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-chip .pi-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-inplace .p-inplace-display {
    padding: 1rem 1rem;
    border-radius: 4px;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(0, 0, 0, 0.87);
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: none;
  }
  .p-metergroup {
    display: flex;
  }
  .p-metergroup-meters {
    display: flex;
  }
  .p-metergroup-vertical .p-metergroup-meters {
    flex-direction: column;
  }
  .p-metergroup-labels {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-metergroup-vertical .p-metergroup-labels {
    align-items: start;
  }
  .p-metergroup-labels-vertical {
    flex-direction: column;
  }
  .p-metergroup-label {
    display: inline-flex;
    align-items: center;
  }
  .p-metergroup-label-marker {
    display: inline-flex;
  }
  .p-metergroup {
    gap: 1rem;
  }
  .p-metergroup .p-metergroup-meters {
    background: rgba(63, 81, 181, 0.32);
    border-radius: 4px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #3F51B5;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-marker {
    background: #3F51B5;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
  }
  .p-metergroup .p-metergroup-labels .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-vertical {
    gap: 0.5rem;
  }
  .p-metergroup .p-metergroup-labels.p-metergroup-labels-horizontal {
    gap: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal {
    flex-direction: column;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meters {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-metergroup.p-metergroup-vertical {
    flex-direction: row;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meters {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-progressbar {
    border: 0 none;
    height: 4px;
    background: rgba(63, 81, 181, 0.32);
    border-radius: 4px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #3F51B5;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 4px;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow:
      0 5px 5px -3px rgba(0, 0, 0, 0.2),
      0 8px 10px 1px rgba(0, 0, 0, 0.14),
      0 3px 14px 2px rgba(0, 0, 0, 0.12);
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: #ff4081;
  }
  .p-scrolltop.p-link:hover {
    background: rgba(255, 64, 129, 0.92);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #ffffff;
  }
  .p-scrolltop .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: rgba(0, 0, 0, 0.08);
    border-radius: 4px;
  }
  .p-skeleton:after {
    background:
      linear-gradient(
        90deg,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.4),
        rgba(255, 255, 255, 0));
  }
  .p-tag {
    background: #3F51B5;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 4px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #2196f3;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-tag.p-tag-secondary {
    background-color: #ff4081;
    color: #ffffff;
  }
  .p-tag.p-tag-contrast {
    background-color: #212121;
    color: #ffffff;
  }
  .p-terminal {
    background: #ffffff;
    color: rgba(0, 0, 0, 0.87);
    border: 1px solid #e0e0e0;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
}
@layer primeng {
  .p-accordion .p-accordion-tab {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    transition: margin-bottom 225ms;
  }
  .p-accordion .p-accordion-tab:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .p-accordion .p-accordion-tab:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-accordion .p-accordion-tab .p-accordion-toggle-icon {
    order: 1;
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
    background: #f6f6f6;
  }
  .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
    transform: rotate(-270deg);
  }
  .p-accordion .p-accordion-tab.p-accordion-tab-active {
    margin-bottom: 1rem;
  }
  .p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
    transform: rotate(-180deg);
  }
  .p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
    opacity: 1;
  }
  .p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
    opacity: 0.38;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus,
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover,
  .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 1rem;
  }
  .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    font-size: 75%;
  }
  .p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0;
  }
  .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
    box-shadow: none;
    border-color: transparent;
  }
  .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus,
  .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-breadcrumb .p-menuitem-link {
    padding: 0.25rem 0.5rem;
  }
  .p-breadcrumb .p-menuitem-link:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-button {
    font-weight: 500;
    min-width: 4rem;
  }
  .p-button.p-button-icon-only {
    min-width: auto;
  }
  .p-button:enabled:focus {
    background: rgba(63, 81, 181, 0.76);
  }
  .p-button:enabled:active {
    background: rgba(63, 81, 181, 0.68);
  }
  .p-button .p-ink {
    background-color: rgba(255, 255, 255, 0.32);
  }
  .p-button.p-button-text:enabled:focus,
  .p-button.p-button-outlined:enabled:focus {
    background: rgba(63, 81, 181, 0.12);
  }
  .p-button.p-button-text:enabled:active,
  .p-button.p-button-outlined:enabled:active {
    background: rgba(63, 81, 181, 0.16);
  }
  .p-button.p-button-text .p-ink,
  .p-button.p-button-outlined .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-button.p-button-outlined {
    box-shadow: inset 0 0 0 1px;
  }
  .p-button.p-button-outlined:enabled:focus {
    box-shadow: inset 0 0 0 1px;
  }
  .p-button.p-button-outlined:enabled:active {
    box-shadow: inset 0 0 0 1px;
  }
  .p-button:disabled {
    background-color: rgba(0, 0, 0, 0.12) !important;
    color: rgba(0, 0, 0, 0.38) !important;
    opacity: 1;
  }
  .p-button:disabled.p-button-text {
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.38) !important;
  }
  .p-button:disabled.p-button-outlined {
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.38) !important;
    border-color: rgba(0, 0, 0, 0.38) !important;
  }
  .p-button.p-button-raised:enabled:focus {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-secondary:enabled:focus,
  .p-buttonset.p-button-secondary > .p-button:enabled:focus,
  .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
    background: rgba(255, 64, 129, 0.76);
  }
  .p-button.p-button-secondary:enabled:active,
  .p-buttonset.p-button-secondary > .p-button:enabled:active,
  .p-splitbutton.p-button-secondary > .p-button:enabled:active {
    background: rgba(255, 64, 129, 0.68);
  }
  .p-button.p-button-secondary.p-button-text:enabled:focus,
  .p-button.p-button-secondary.p-button-outlined:enabled:focus,
  .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus,
  .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
    background: rgba(255, 64, 129, 0.12);
  }
  .p-button.p-button-secondary.p-button-text:enabled:active,
  .p-button.p-button-secondary.p-button-outlined:enabled:active,
  .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
  .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
    background: rgba(255, 64, 129, 0.16);
  }
  .p-button.p-button-secondary.p-button-text .p-ink,
  .p-button.p-button-secondary.p-button-outlined .p-ink,
  .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink,
  .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
    background-color: rgba(255, 64, 129, 0.16);
  }
  .p-button.p-button-info:enabled:focus,
  .p-buttonset.p-button-info > .p-button:enabled:focus,
  .p-splitbutton.p-button-info > .p-button:enabled:focus {
    background: rgba(33, 150, 243, 0.76);
  }
  .p-button.p-button-info:enabled:active,
  .p-buttonset.p-button-info > .p-button:enabled:active,
  .p-splitbutton.p-button-info > .p-button:enabled:active {
    background: rgba(33, 150, 243, 0.68);
  }
  .p-button.p-button-info.p-button-text:enabled:focus,
  .p-button.p-button-info.p-button-outlined:enabled:focus,
  .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus,
  .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
    background: rgba(33, 150, 243, 0.12);
  }
  .p-button.p-button-info.p-button-text:enabled:active,
  .p-button.p-button-info.p-button-outlined:enabled:active,
  .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
  .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
    background: rgba(33, 150, 243, 0.16);
  }
  .p-button.p-button-info.p-button-text .p-ink,
  .p-button.p-button-info.p-button-outlined .p-ink,
  .p-buttonset.p-button-info > .p-button.p-button-text .p-ink,
  .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
    background-color: rgba(33, 150, 243, 0.16);
  }
  .p-button.p-button-success:enabled:focus,
  .p-buttonset.p-button-success > .p-button:enabled:focus,
  .p-splitbutton.p-button-success > .p-button:enabled:focus {
    background: rgba(104, 159, 56, 0.76);
  }
  .p-button.p-button-success:enabled:active,
  .p-buttonset.p-button-success > .p-button:enabled:active,
  .p-splitbutton.p-button-success > .p-button:enabled:active {
    background: rgba(104, 159, 56, 0.68);
  }
  .p-button.p-button-success.p-button-text:enabled:focus,
  .p-button.p-button-success.p-button-outlined:enabled:focus,
  .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus,
  .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
    background: rgba(104, 159, 56, 0.12);
  }
  .p-button.p-button-success.p-button-text:enabled:active,
  .p-button.p-button-success.p-button-outlined:enabled:active,
  .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
  .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
    background: rgba(104, 159, 56, 0.16);
  }
  .p-button.p-button-success.p-button-text .p-ink,
  .p-button.p-button-success.p-button-outlined .p-ink,
  .p-buttonset.p-button-success > .p-button.p-button-text .p-ink,
  .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
    background-color: rgba(104, 159, 56, 0.16);
  }
  .p-button.p-button-warning:enabled:focus,
  .p-buttonset.p-button-warning > .p-button:enabled:focus,
  .p-splitbutton.p-button-warning > .p-button:enabled:focus {
    background: rgba(251, 192, 45, 0.76);
  }
  .p-button.p-button-warning:enabled:active,
  .p-buttonset.p-button-warning > .p-button:enabled:active,
  .p-splitbutton.p-button-warning > .p-button:enabled:active {
    background: rgba(251, 192, 45, 0.68);
  }
  .p-button.p-button-warning.p-button-text:enabled:focus,
  .p-button.p-button-warning.p-button-outlined:enabled:focus,
  .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus,
  .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
    background: rgba(251, 192, 45, 0.12);
  }
  .p-button.p-button-warning.p-button-text:enabled:active,
  .p-button.p-button-warning.p-button-outlined:enabled:active,
  .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
  .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
    background: rgba(251, 192, 45, 0.16);
  }
  .p-button.p-button-warning.p-button-text .p-ink,
  .p-button.p-button-warning.p-button-outlined .p-ink,
  .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink,
  .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
    background-color: rgba(251, 192, 45, 0.16);
  }
  .p-button.p-button-help:enabled:focus,
  .p-buttonset.p-button-help > .p-button:enabled:focus,
  .p-splitbutton.p-button-help > .p-button:enabled:focus {
    background: rgba(156, 39, 176, 0.76);
  }
  .p-button.p-button-help:enabled:active,
  .p-buttonset.p-button-help > .p-button:enabled:active,
  .p-splitbutton.p-button-help > .p-button:enabled:active {
    background: rgba(156, 39, 176, 0.68);
  }
  .p-button.p-button-help.p-button-text:enabled:focus,
  .p-button.p-button-help.p-button-outlined:enabled:focus,
  .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus,
  .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
    background: rgba(156, 39, 176, 0.12);
  }
  .p-button.p-button-help.p-button-text:enabled:active,
  .p-button.p-button-help.p-button-outlined:enabled:active,
  .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
  .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
    background: rgba(156, 39, 176, 0.16);
  }
  .p-button.p-button-help.p-button-text .p-ink,
  .p-button.p-button-help.p-button-outlined .p-ink,
  .p-buttonset.p-button-help > .p-button.p-button-text .p-ink,
  .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
    background-color: rgba(156, 39, 176, 0.16);
  }
  .p-button.p-button-danger:enabled:focus,
  .p-buttonset.p-button-danger > .p-button:enabled:focus,
  .p-splitbutton.p-button-danger > .p-button:enabled:focus {
    background: rgba(211, 47, 47, 0.76);
  }
  .p-button.p-button-danger:enabled:active,
  .p-buttonset.p-button-danger > .p-button:enabled:active,
  .p-splitbutton.p-button-danger > .p-button:enabled:active {
    background: rgba(211, 47, 47, 0.68);
  }
  .p-button.p-button-danger.p-button-text:enabled:focus,
  .p-button.p-button-danger.p-button-outlined:enabled:focus,
  .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus,
  .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
    background: rgba(211, 47, 47, 0.12);
  }
  .p-button.p-button-danger.p-button-text:enabled:active,
  .p-button.p-button-danger.p-button-outlined:enabled:active,
  .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
  .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
    background: rgba(211, 47, 47, 0.16);
  }
  .p-button.p-button-danger.p-button-text .p-ink,
  .p-button.p-button-danger.p-button-outlined .p-ink,
  .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink,
  .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
    background-color: rgba(211, 47, 47, 0.16);
  }
  .p-button.p-button-contrast:enabled:focus,
  .p-button-group.p-button-contrast > .p-button:enabled:focus,
  .p-splitbutton.p-button-contrast > .p-button:enabled:focus {
    background: rgba(33, 33, 33, 0.76);
  }
  .p-button.p-button-contrast:enabled:active,
  .p-button-group.p-button-contrast > .p-button:enabled:active,
  .p-splitbutton.p-button-contrast > .p-button:enabled:active {
    background: rgba(33, 33, 33, 0.68);
  }
  .p-button.p-button-contrast.p-button-text:enabled:focus,
  .p-button.p-button-contrast.p-button-outlined:enabled:focus,
  .p-button-group.p-button-contrast > .p-button.p-button-text:enabled:focus,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:focus,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:focus,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:focus {
    background: rgba(33, 33, 33, 0.12);
  }
  .p-button.p-button-contrast.p-button-text:enabled:active,
  .p-button.p-button-contrast.p-button-outlined:enabled:active,
  .p-button-group.p-button-contrast > .p-button.p-button-text:enabled:active,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined:enabled:active,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text:enabled:active,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:enabled:active {
    background: rgba(33, 33, 33, 0.16);
  }
  .p-button.p-button-contrast.p-button-text .p-ink,
  .p-button.p-button-contrast.p-button-outlined .p-ink,
  .p-button-group.p-button-contrast > .p-button.p-button-text .p-ink,
  .p-button-group.p-button-contrast > .p-button.p-button-outlined .p-ink,
  .p-splitbutton.p-button-contrast > .p-button.p-button-text .p-ink,
  .p-splitbutton.p-button-contrast > .p-button.p-button-outlined .p-ink {
    background-color: rgba(33, 33, 33, 0.16);
  }
  .p-calendar-w-btn {
    border: 1px solid rgba(0, 0, 0, 0.38);
    background: #ffffff;
    border-radius: 4px;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s,
      box-shadow 0.2s,
      background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  }
  .p-calendar-w-btn .p-inputtext {
    background-image: none;
    background-color: transparent;
    border: 0 none;
  }
  .p-calendar-w-btn .p-inputtext:enabled:focus {
    box-shadow: none;
  }
  .p-calendar-w-btn .p-datepicker-trigger.p-button {
    background-color: transparent;
    border: 0 none;
  }
  .p-calendar-w-btn .p-datepicker-trigger.p-button span {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-calendar-w-btn .p-datepicker-trigger.p-button .p-icon {
    color: rgba(0, 0, 0, 0.6);
  }
  .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
    background: rgba(0, 0, 0, 0.04);
  }
  .p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active,
  .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
    background-color: transparent !important;
  }
  .p-calendar-w-btn:not(.p-calendar-disabled):hover {
    border-color: rgba(0, 0, 0, 0.87);
  }
  .p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
    border-color: #3F51B5;
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-calendar-w-btn.p-calendar-disabled {
    opacity: 0.38;
  }
  .p-calendar-w-btn.p-calendar-disabled .p-inputtext {
    opacity: 1;
  }
  .p-datepicker .p-datepicker-header {
    border-bottom: 0 none;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    margin: 0 auto 0 0;
    order: 1;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev {
    order: 2;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    order: 3;
  }
  .p-datepicker table th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    color: rgba(0, 0, 0, 0.38);
    font-weight: 400;
    font-size: 0.875rem;
  }
  .p-datepicker table td.p-datepicker-today > span {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38);
  }
  .p-datepicker table td.p-datepicker-today.p-highlight {
    box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12);
  }
  p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
    border-color: #b00020;
  }
  p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus {
    box-shadow: none;
  }
  p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-input-filled .p-calendar-w-btn {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-calendar-w-btn .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus,
  .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover,
  .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-input-filled .p-calendar-w-btn .p-inputtext {
    border: 0 none;
  }
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow: none;
    border-color: transparent;
  }
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus,
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext {
    border: 0 none;
    background-image: none;
  }
  .p-cascadeselect .p-inputtext,
  .p-cascadeselect .p-cascadeselect-trigger {
    background-image: none;
    background: transparent;
  }
  .p-cascadeselect .p-inputtext {
    border: 0 none;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-cascadeselect-item .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-input-filled .p-cascadeselect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-cascadeselect .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus,
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-cascadeselect .p-inputtext:enabled:hover,
  .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-input-filled .p-cascadeselect .p-inputtext {
    border: 0 none;
  }
  .p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
    background-image: none;
    background: transparent;
  }
  .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus,
  .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-cascadeselect.p-invalid {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus,
  .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #ff4081;
    color: #ffffff;
  }
  .p-checkbox {
    border-radius: 50%;
    transition: box-shadow 0.2s;
  }
  .p-checkbox .p-checkbox-box {
    border-color: #757575;
    border-radius: 2px;
    position: relative;
  }
  .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
    border-color: #757575;
  }
  .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
    border-color: #757575;
  }
  .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
    border-color: #3F51B5;
  }
  .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 1px;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 50ms linear forwards;
  }
  .p-checkbox:not(.p-checkbox-disabled):hover {
    box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
  }
  .p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
    box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
  }
  .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
    box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
  }
  .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
    box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #ffffff;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
    background-color: #ffffff;
  }
  @keyframes checkbox-check {
    0% {
      width: 0;
      height: 0;
      border-color: #ffffff;
      transform: translate3d(0, 0, 0) rotate(45deg);
    }
    33% {
      width: 4px;
      height: 0;
      transform: translate3d(0, 0, 0) rotate(45deg);
    }
    100% {
      width: 4px;
      height: 10px;
      border-color: #ffffff;
      transform: translate3d(0, -10px, 0) rotate(45deg);
    }
  }
  .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-input-filled .p-chips-multiple-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-chips-multiple-container .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus,
  .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover,
  .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-float-label .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 1rem;
  }
  .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    font-size: 75%;
  }
  .p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0;
  }
  .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus,
  .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-datatable .p-sortable-column {
    outline: 0 none;
  }
  .p-datatable .p-sortable-column:focus {
    background-color: rgba(0, 0, 0, 0.03);
  }
  .p-datatable .p-datatable-tbody > tr {
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
    background-color: rgba(0, 0, 0, 0.03);
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #3F51B5;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #3F51B5;
  }
  .p-dropdown .p-inputtext,
  .p-dropdown .p-dropdown-trigger {
    background-image: none;
    background: transparent;
  }
  .p-dropdown .p-inputtext {
    border: 0 none;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-dropdown.p-variant-filled {
    background: #f5f5f5;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #ececec;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #dcdcdc;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .p-dropdown-item .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-input-filled .p-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-dropdown .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-dropdown:not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus,
  .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-dropdown .p-inputtext:enabled:hover,
  .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-input-filled .p-dropdown .p-inputtext {
    border: 0 none;
  }
  .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus,
  .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #ff4081;
    color: #ffffff;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: rgba(255, 64, 129, 0.68);
    color: #ffffff;
  }
  .p-inputtext:enabled:focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-inputtext:enabled:focus.ng-invalid.ng-dirty {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-input-filled .p-inputtext {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-inputtext:enabled:focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-inputtext.ng-invalid.ng-dirty {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus {
    box-shadow: none;
    border-color: transparent;
  }
  .p-input-filled .p-inputgroup .p-inputgroup-addon {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
    border-right-color: transparent;
  }
  .p-input-filled .p-inputgroup-addon:first-child,
  .p-input-filled .p-inputgroup button:first-child,
  .p-input-filled .p-inputgroup input:first-child {
    border-bottom-left-radius: 0;
  }
  .p-input-filled .p-inputgroup .p-float-label:first-child input {
    border-bottom-left-radius: 0;
  }
  .p-input-filled .p-inputgroup-addon:last-child,
  .p-input-filled .p-inputgroup button:last-child,
  .p-input-filled .p-inputgroup input:last-child {
    border-bottom-right-radius: 0;
  }
  .p-input-filled .p-inputgroup .p-float-label:last-child input {
    border-bottom-right-radius: 0;
  }
  p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow: none;
    border-color: transparent;
  }
  p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
    box-shadow: none;
    border-color: transparent;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    transition-property: box-shadow transform;
    box-shadow:
      0px 3px 1px -2px rgba(0, 0, 0, 0.2),
      0px 2px 2px 0px rgba(0, 0, 0, 0.14),
      0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  }
  .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow:
      0px 3px 1px -2px rgba(0, 0, 0, 0.2),
      0px 2px 2px 0px rgba(0, 0, 0, 0.14),
      0px 1px 5px 0px rgba(0, 0, 0, 0.12),
      0 0 1px 10px rgba(0, 0, 0, 0.04);
  }
  .p-inputswitch.p-focus .p-inputswitch-slider:before,
  .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow:
      0 0 1px 10px rgba(0, 0, 0, 0.12),
      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);
  }
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow:
      0 0 1px 10px rgba(63, 81, 181, 0.04),
      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);
  }
  .p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before,
  .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
    box-shadow:
      0 0 1px 10px rgba(63, 81, 181, 0.12),
      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);
  }
  .p-fieldset .p-fieldset-legend {
    border: 0 none;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-float-label input:focus ~ label,
  .p-float-label input.p-filled ~ label,
  .p-float-label textarea:focus ~ label,
  .p-float-label textarea.p-filled ~ label,
  .p-float-label .p-inputwrapper-focus ~ label,
  .p-float-label .p-inputwrapper-filled ~ label {
    top: -0.5rem !important;
    background-color: #ffffff;
    padding: 2px 4px;
    margin-left: -4px;
    margin-top: 0;
  }
  .p-float-label textarea ~ label {
    margin-top: 0;
  }
  .p-float-label input:focus ~ label,
  .p-float-label .p-inputwrapper-focus ~ label {
    color: #3F51B5;
  }
  .p-input-filled .p-float-label .p-inputtext {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-float-label input:focus ~ label,
  .p-input-filled .p-float-label input.p-filled ~ label,
  .p-input-filled .p-float-label textarea:focus ~ label,
  .p-input-filled .p-float-label textarea.p-filled ~ label,
  .p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
  .p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
    top: 0.25rem !important;
    margin-top: 0;
    background: transparent;
  }
  .p-listbox .p-listbox-list .p-listbox-item .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-listbox .p-listbox-list .p-listbox-item:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-menu .p-menuitem .p-menuitem-link:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-multiselect .p-multiselect-label,
  .p-multiselect .p-multiselect-trigger {
    background-image: none;
    background: transparent;
  }
  .p-multiselect .p-multiselect-label {
    border: 0 none;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus.p-highlight {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-multiselect-panel .p-multiselect-close:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-input-filled .p-multiselect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-multiselect .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus,
  .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-multiselect .p-inputtext:enabled:hover,
  .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-input-filled .p-multiselect .p-multiselect-label:hover {
    background-image: none;
    background: transparent;
  }
  .p-float-label .p-multiselect-label .p-multiselect-token {
    padding: 0.25rem 1rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    font-size: 75%;
  }
  .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus,
  .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.5rem;
  }
  .p-paginator {
    justify-content: flex-end;
  }
  .p-paginator .p-paginator-element:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-paginator .p-paginator-element:focus.p-highlight {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-panel {
    border-radius: 4px;
    box-shadow:
      0 2px 1px -1px rgba(0, 0, 0, 0.2),
      0 1px 1px 0 rgba(0, 0, 0, 0.14),
      0 1px 3px 0 rgba(0, 0, 0, 0.12);
  }
  .p-panel .p-panel-header,
  .p-panel .p-panel-content,
  .p-panel .p-panel-footer {
    border: 0 none;
  }
  .p-panel .p-panel-content {
    padding-top: 0;
  }
  .p-panel .p-panel-title {
    font-size: 1.25rem;
  }
  .p-panel .p-panel-header-icon:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-panelmenu .p-panelmenu-panel {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 0;
    border-radius: 0;
    position: relative;
    transition: margin-bottom 225ms;
  }
  .p-panelmenu .p-panelmenu-panel:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
    order: 1;
    margin-left: auto;
    margin-right: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
    opacity: 1;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-action > * {
    opacity: 0.38;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-action:focus {
    background: #f6f6f6;
  }
  .p-panelmenu .p-panelmenu-panel .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-panelmenu .p-panelmenu-panel .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-picklist .p-picklist-list .p-picklist-item:focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-progressbar {
    border-radius: 0;
  }
  .p-progressbar .p-progressbar-label {
    display: none !important;
  }
  .p-radiobutton {
    border-radius: 50%;
    transition: box-shadow 0.2s;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border: 2px solid #757575;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    border: 2px solid #757575;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
    border-color: #3F51B5;
  }
  .p-radiobutton:not(.p-radiobutton-disabled):hover {
    box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04);
  }
  .p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
    box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12);
  }
  .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
    box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04);
  }
  .p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
    box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #ffffff;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #ffffff;
  }
  .p-rating {
    gap: 0;
  }
  .p-rating .p-rating-item {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    align-items: center;
    display: inline-flex;
    justify-content: center;
  }
  .p-rating .p-rating-item.p-focus {
    background: rgba(63, 81, 181, 0.12);
  }
  .p-rating .p-rating-item.p-focus.p-rating-cancel-item {
    background: rgba(176, 0, 32, 0.12);
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
    background-color: rgba(0, 0, 0, 0.04);
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
    background: rgba(176, 0, 32, 0.04);
  }
  .p-selectbutton .p-button:focus {
    background: #e0e0e1;
    border-color: #e0e0e1;
  }
  .p-selectbutton .p-button:focus.p-highlight {
    background: #d9d8d9;
    border-color: #d9d8d9;
  }
  .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-slider .p-slider-handle {
    transition: transform 0.2s, box-shadow 0.2s;
    transform: scale(0.7);
  }
  .p-slider .p-slider-handle:focus {
    box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2);
  }
  .p-slider.p-slider-sliding .p-slider-handle {
    transform: scale(1);
  }
  .p-steps {
    padding: 1rem 0;
  }
  .p-steps .p-steps-item {
    justify-content: flex-start;
    flex-direction: row-reverse;
    align-items: center;
  }
  .p-steps .p-steps-item:before {
    position: static;
    left: auto;
    top: auto;
    margin-top: 0;
  }
  .p-steps .p-steps-item:last-child {
    flex-grow: 0;
  }
  .p-steps .p-steps-item:last-child:before {
    display: none;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    flex-direction: row;
    flex: 1 1 auto;
    overflow: visible;
    padding: 1rem 0.5rem;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    background-color: #9e9d9e;
    color: #ffffff;
    font-size: 0.857rem;
    min-width: 1.714rem;
    height: 1.714rem;
    line-height: 1.714rem;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin: 0;
    padding-left: 0.5rem;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background-color: #3F51B5;
    color: #ffffff;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 600;
    color: rgba(0, 0, 0, 0.87);
  }
  .p-steps .p-steps-item.p-disabled {
    opacity: 1;
  }
  .p-tabview .p-tabview-nav {
    position: relative;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    transition: background-color 0.2s;
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
    background-color: rgba(63, 81, 181, 0.12);
  }
  .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    z-index: 1;
    display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3F51B5;
    transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
  }
  .p-toolbar {
    border: 0 none;
  }
  .p-tooltip .p-tooltip-text {
    box-shadow: none;
    font-size: 0.875rem;
  }
  .p-tooltip .p-tooltip-arrow {
    display: none;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-treeselect .p-treeselect-label,
  .p-treeselect .p-treeselect-trigger {
    background-image: none;
    background: transparent;
  }
  .p-treeselect .p-treeselect-label {
    border: 0 none;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5,
      inset 0 0 0 1px #3F51B5;
  }
  .p-treeselect-item .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-input-filled .p-treeselect {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid transparent;
    background: #f5f5f5 no-repeat;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.38),
        rgba(0, 0, 0, 0.38));
    background-size: 0 2px, 100% 1px;
    background-position: 50% 100%, 50% 100%;
    background-origin: border-box;
  }
  .p-input-filled .p-treeselect .p-inputtext {
    background-image: none;
    background-color: transparent;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #ececec;
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #3F51B5,
        #3F51B5),
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.87),
        rgba(0, 0, 0, 0.87));
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus,
  .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-color: #dcdcdc;
    border-color: transparent;
    background-size: 100% 2px, 100% 1px;
  }
  .p-input-filled .p-treeselect .p-inputtext:enabled:hover,
  .p-input-filled .p-treeselect .p-inputtext:enabled:focus {
    background-image: none;
    background: transparent;
  }
  .p-input-filled .p-treeselect .p-treeselect-label:hover {
    background-image: none;
    background: transparent;
  }
  .p-float-label .p-treeselect-label .p-treeselect-token {
    padding: 0.25rem 1rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-input-filled .p-float-label .p-treeselect .p-treeselect-label {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
  .p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon {
    font-size: 75%;
  }
  .p-input-filled .p-treeselect.p-invalid {
    border-color: transparent;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover {
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus,
  .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
    box-shadow: none;
    background-image:
      linear-gradient(
        to bottom,
        #b00020,
        #b00020),
      linear-gradient(
        to bottom,
        #b00020,
        #b00020);
  }
  .p-treeselect.p-invalid:not(.p-disabled).p-focus {
    box-shadow:
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020,
      inset 0 0 0 1px #b00020;
  }
  .p-tree .p-tree-container .p-treenode {
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    background: rgba(0, 0, 0, 0.12);
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content.p-highlight {
    background: rgba(63, 81, 181, 0.24);
  }
  .p-treetable .p-sortable-column {
    outline: 0 none;
  }
  .p-treetable .p-sortable-column:focus {
    background-color: rgba(0, 0, 0, 0.03);
  }
  .p-treetable .p-treetable-tbody > tr {
    outline: 0 none;
  }
  .p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
    background-color: rgba(0, 0, 0, 0.03);
  }
  .p-tabmenu .p-tabmenu-nav {
    position: relative;
  }
  .p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
    transition: background-color 0.2s;
    border-radius: 0;
  }
  .p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
    background-color: rgba(63, 81, 181, 0.16);
  }
  .p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
    background-color: rgba(63, 81, 181, 0.12);
  }
  .p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus {
    background-color: rgba(63, 81, 181, 0.12);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
    display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #3F51B5;
    transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    margin: 0.5rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    margin: 0 0.5rem;
  }
  .p-togglebutton.p-button:focus {
    background: #e0e0e1;
    border-color: #e0e0e1;
  }
  .p-togglebutton.p-button:focus.p-highlight {
    background: #d9d8d9;
    border-color: #d9d8d9;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(63, 81, 181, 0.12);
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(63, 81, 181, 0.16);
  }
  .p-splitbutton.p-button-outlined > .p-button {
    box-shadow: inset 0 0 0 1px;
  }
  .p-splitbutton.p-button-outlined > .p-button:enabled:focus {
    box-shadow: inset 0 0 0 1px;
  }
  .p-splitbutton.p-button-outlined > .p-button:enabled:active {
    box-shadow: inset 0 0 0 1px;
  }
  .p-splitbutton.p-button-outlined > .p-button.p-splitbutton-menubutton {
    margin-left: -1px;
    width: calc(3rem + 1px);
  }
  .p-splitbutton.p-disabled.p-button-text > .p-button {
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.38) !important;
  }
  .p-splitbutton.p-disabled.p-button-outlined > .p-button {
    background-color: transparent !important;
    color: rgba(0, 0, 0, 0.38) !important;
    border-color: rgba(0, 0, 0, 0.38) !important;
  }
  .p-splitbutton.p-button-raised > .p-button:not(:disabled):focus {
    box-shadow:
      0 3px 1px -2px rgba(0, 0, 0, 0.2),
      0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(255, 64, 129, 0.12);
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(255, 64, 129, 0.16);
  }
  .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(33, 150, 243, 0.12);
  }
  .p-splitbutton.p-button-info > .p-button.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-info > .p-button.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(104, 159, 56, 0.12);
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(251, 192, 45, 0.12);
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(156, 39, 176, 0.12);
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):focus,
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):focus {
    background: rgba(211, 47, 47, 0.12);
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active,
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
  }
  .p-scrollpanel .p-scrollpanel-bar:focus {
    box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2);
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    transition: transform 0.2s, box-shadow 0.2s;
    transform: scale(0.7);
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
    box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2);
  }
  .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
    transform: scale(1);
  }
}

/* node_modules/primeng/resources/primeng.min.css */
.p-overflow-hidden {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
@layer primeng {
  .p-component,
  .p-component * {
    box-sizing: border-box;
  }
  .p-hidden {
    display: none;
  }
  .p-hidden-space {
    visibility: hidden;
  }
  .p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .p-hidden-accessible input,
  .p-hidden-accessible select {
    transform: scale(0);
  }
  .p-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
  }
  .p-disabled,
  .p-disabled * {
    cursor: default !important;
    pointer-events: none;
  }
  .p-component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-unselectable-text {
    -webkit-user-select: none;
    user-select: none;
  }
  .p-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
  }
  @-webkit-keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  input[type=button],
  input[type=submit],
  input[type=reset],
  input[type=file]::-webkit-file-upload-button,
  button {
    border-radius: 0;
  }
  .p-link {
    text-align: left;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-link:disabled {
    cursor: default;
  }
  .p-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .p-connected-overlay {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
  }
  .p-connected-overlay-visible {
    opacity: 1;
    transform: scaleY(1);
  }
  .p-connected-overlay-hidden {
    opacity: 0;
    transform: scaleY(1);
    transition: opacity .1s linear;
  }
  .p-toggleable-content.ng-animating {
    overflow: hidden;
  }
  .p-icon-wrapper {
    display: inline-flex;
  }
  .p-icon {
    display: inline-block;
  }
  .p-icon-spin {
    -webkit-animation: p-icon-spin 2s infinite linear;
    animation: p-icon-spin 2s infinite linear;
  }
}
@-webkit-keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@layer primeng {
  .p-badge {
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    padding: 0 .5rem;
  }
  .p-overlay-badge {
    position: relative;
  }
  .p-overlay-badge .p-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0;
    margin: 0;
  }
  .p-badge-dot {
    width: .5rem;
    min-width: .5rem;
    height: .5rem;
    border-radius: 50%;
    padding: 0;
  }
  .p-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
  }
}
@layer primeng {
  .p-button {
    margin: 0;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    vertical-align: bottom;
    text-align: center;
    overflow: hidden;
    position: relative;
  }
  .p-button-label {
    flex: 1 1 auto;
  }
  .p-button-icon-right {
    order: 1;
  }
  .p-button:disabled {
    cursor: default;
    pointer-events: none;
  }
  .p-button-icon-only {
    justify-content: center;
  }
  .p-button-icon-only:after {
    content: "p";
    visibility: hidden;
    clip: rect(0 0 0 0);
    width: 0;
  }
  .p-button-vertical {
    flex-direction: column;
  }
  .p-button-icon-bottom {
    order: 2;
  }
  .p-button-group .p-button {
    margin: 0;
  }
  .p-button-group .p-button:focus,
  .p-button-group p-button:focus .p-button,
  .p-buttonset .p-button:focus,
  .p-buttonset .p-button:focus,
  .p-buttonset p-button:focus .p-button,
  .p-buttonset .p-button:focus {
    position: relative;
    z-index: 1;
  }
  .p-button-group .p-button:not(:last-child),
  .p-button-group .p-button:not(:last-child):hover,
  .p-button-group p-button:not(:last-child) .p-button,
  .p-button-group p-button:not(:last-child) .p-button:hover,
  .p-buttonset .p-button:not(:last-child),
  .p-buttonset .p-button:not(:last-child):hover,
  .p-buttonset p-button:not(:last-child) .p-button,
  .p-buttonset p-button:not(:last-child) .p-button:hover {
    border-right: 0 none;
  }
  .p-button-group .p-button:not(:first-of-type):not(:last-of-type),
  .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,
  .p-buttonset .p-button:not(:first-of-type):not(:last-of-type),
  .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button {
    border-radius: 0;
  }
  .p-button-group .p-button:first-of-type:not(:only-of-type),
  .p-button-group p-button:first-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:first-of-type:not(:only-of-type),
  .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-button-group .p-button:last-of-type:not(:only-of-type),
  .p-button-group p-button:last-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:last-of-type:not(:only-of-type),
  .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  p-button[iconpos=right] spinnericon {
    order: 1;
  }
}
@layer primeng {
  .p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-checkbox-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  p-checkbox {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-checkbox-label {
    line-height: 1;
  }
}
.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url("./media/color-727V6BA6.png") no-repeat left top;
}
.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url("./media/hue-3YTJE6JS.png") no-repeat left top;
}
@layer primeng {
  .p-inputtext {
    margin: 0;
  }
  .p-fluid .p-inputtext {
    width: 100%;
  }
  .p-inputgroup {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .p-inputgroup-addon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-inputgroup .p-float-label {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .p-inputgroup .p-inputtext,
  .p-fluid .p-inputgroup .p-inputtext,
  .p-inputgroup .p-inputwrapper,
  .p-inputgroup .p-inputwrapper > .p-component {
    flex: 1 1 auto;
    width: 1%;
  }
  .p-float-label {
    display: block;
    position: relative;
  }
  .p-float-label label {
    position: absolute;
    pointer-events: none;
    top: 50%;
    margin-top: -0.5rem;
    transition-property: all;
    transition-timing-function: ease;
    line-height: 1;
  }
  .p-float-label textarea ~ label {
    top: 1rem;
  }
  .p-float-label input:focus ~ label,
  .p-float-label input.p-filled ~ label,
  .p-float-label textarea:focus ~ label,
  .p-float-label textarea.p-filled ~ label,
  .p-float-label .p-inputwrapper-focus ~ label,
  .p-float-label .p-inputwrapper-filled ~ label {
    top: -0.75rem;
    font-size: 12px;
  }
  .p-float-label .input:-webkit-autofill ~ label {
    top: -20px;
    font-size: 12px;
  }
  .p-float-label .p-placeholder,
  .p-float-label input::placeholder,
  .p-float-label .p-inputtext::placeholder {
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-float-label .p-focus .p-placeholder,
  .p-float-label input:focus::placeholder,
  .p-float-label .p-inputtext:focus::placeholder {
    opacity: 1;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-input-icon-left,
  .p-input-icon-right {
    position: relative;
    display: inline-block;
  }
  .p-input-icon-left > i,
  .p-input-icon-left > .p-icon-wrapper,
  .p-input-icon-right > i,
  .p-input-icon-right > .p-icon-wrapper {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-input-icon-left,
  .p-fluid .p-input-icon-right {
    display: block;
    width: 100%;
  }
}
@layer primeng {
  .p-inputtextarea-resizable {
    overflow: hidden;
    resize: none;
  }
  .p-fluid .p-inputtextarea {
    width: 100%;
  }
}
@layer primeng {
  .p-password {
    position: relative;
    display: inline-flex;
  }
  .p-password-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-password .p-password-panel {
    min-width: 100%;
  }
  .p-password-meter {
    height: 10px;
  }
  .p-password-strength {
    height: 100%;
    width: 0;
    transition: width 1s ease-in-out;
  }
  .p-fluid .p-password {
    display: flex;
  }
  .p-password-input::-ms-reveal,
  .p-password-input::-ms-clear {
    display: none;
  }
  .p-password-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    cursor: pointer;
  }
  .p-password .p-icon {
    cursor: pointer;
  }
  .p-password-clearable.p-password-mask .p-password-clear-icon {
    margin-top: unset;
  }
  .p-password-clearable {
    position: relative;
  }
}
@layer primeng {
  .p-radiobutton {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton-box.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  p-radiobutton {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-radiobutton-label {
    line-height: 1;
  }
}
@layer primeng {
  .p-ripple {
    overflow: hidden;
    position: relative;
  }
  .p-ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    transform: scale(0);
  }
  .p-ink-active {
    animation: ripple .4s linear;
  }
  .p-ripple-disabled .p-ink {
    display: none !important;
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@layer primeng {
  .p-tooltip {
    position: absolute;
    display: none;
    padding: .25em .5rem;
    max-width: 12.5rem;
    pointer-events: none;
  }
  .p-tooltip.p-tooltip-right,
  .p-tooltip.p-tooltip-left {
    padding: 0 .25rem;
  }
  .p-tooltip.p-tooltip-top,
  .p-tooltip.p-tooltip-bottom {
    padding: .25em 0;
  }
  .p-tooltip .p-tooltip-text {
    white-space: pre-line;
    word-break: break-word;
  }
  .p-tooltip-arrow {
    scale: 2;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .p-tooltip-right .p-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -0.25rem;
    border-width: .25em .25em .25em 0;
  }
  .p-tooltip-left .p-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -0.25rem;
    border-width: .25em 0 .25em .25rem;
  }
  .p-tooltip.p-tooltip-top {
    padding: .25em 0;
  }
  .p-tooltip-top .p-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: .25em .25em 0;
  }
  .p-tooltip-bottom .p-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: 0 .25em .25rem;
  }
}

/* angular:styles/global:styles */