/* Build a Material theme */
/*  Typography */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
/* Shape */
/* Color */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
.mdc-button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 8px 0 8px;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 64px;
  height: 36px;
  border: none;
  outline: none;
  /* @alternate */
  line-height: inherit;
  user-select: none;
  -webkit-appearance: none;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 4px;
}
.mdc-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-button:active {
  outline: none;
}
.mdc-button:hover {
  cursor: pointer;
}
.mdc-button:disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.37);
  cursor: default;
  pointer-events: none;
}
.mdc-button.mdc-button--dense {
  border-radius: 4px;
}
.mdc-button:not(:disabled) {
  background-color: transparent;
}
.mdc-button .mdc-button__icon {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-size: 18px;
  vertical-align: top;
}
[dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
.mdc-button:not(:disabled) {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}

.mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}

svg.mdc-button__icon {
  fill: currentColor;
}

.mdc-button--raised .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}
[dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__icon,
.mdc-button--unelevated .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__icon,
.mdc-button--outlined .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
.mdc-button--raised .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: -4px;
}
[dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
.mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
[dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
.mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 8px;
}

.mdc-button--raised,
.mdc-button--unelevated {
  padding: 0 16px 0 16px;
}
.mdc-button--raised:disabled,
.mdc-button--unelevated:disabled {
  background-color: rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.37);
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #ffffff);
}

.mdc-button--raised {
  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);
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-button--raised:hover, .mdc-button--raised:focus {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:active {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-button--raised:disabled {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mdc-button--outlined {
  border-style: solid;
  padding: 0 15px 0 15px;
  border-width: 1px;
}
.mdc-button--outlined:disabled {
  border-color: rgba(0, 0, 0, 0.37);
}
.mdc-button--outlined:not(:disabled) {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
}

.mdc-button--dense {
  height: 32px;
  font-size: 0.8125rem;
}

@keyframes mdc-ripple-fg-radius-in {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  from {
    animation-timing-function: linear;
    opacity: 0;
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  from {
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0);
  }
  to {
    opacity: 0;
  }
}
.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
  border: var(--mdc-ripple-surface-test-edge-var);
}

.mdc-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-button::before, .mdc-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-button.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-button.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-button::before, .mdc-button::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-button::before, .mdc-button::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button::before, .mdc-button::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-button:hover::before {
  opacity: 0.08;
}
.mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after {
  background-color: #ffffff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-button--raised::before, .mdc-button--raised::after,
.mdc-button--unelevated::before,
.mdc-button--unelevated::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-primary, #ffffff);
  }
}
.mdc-button--raised:hover::before,
.mdc-button--unelevated:hover::before {
  opacity: 0.08;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
.mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button--raised:not(.mdc-ripple-upgraded)::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
.mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-button--raised.mdc-ripple-upgraded,
.mdc-button--unelevated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-card {
  border-radius: 4px;
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.mdc-card--outlined {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
}

.mdc-card__media {
  position: relative;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.mdc-card__media::before {
  display: block;
  content: "";
}

.mdc-card__media:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mdc-card__media:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.mdc-card__media--square::before {
  margin-top: 100%;
}

.mdc-card__media--16-9::before {
  margin-top: 56.25%;
}

.mdc-card__media-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}

.mdc-card__primary-action {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  outline: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
}

.mdc-card__primary-action:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.mdc-card__primary-action:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.mdc-card__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  min-height: 52px;
  padding: 8px;
}

.mdc-card__actions--full-bleed {
  padding: 0;
}

.mdc-card__action-buttons,
.mdc-card__action-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}

.mdc-card__action-icons {
  color: rgba(0, 0, 0, 0.6);
  flex-grow: 1;
  justify-content: flex-end;
}

.mdc-card__action-buttons + .mdc-card__action-icons {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
}

.mdc-card__action {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  cursor: pointer;
  user-select: none;
}
.mdc-card__action:focus {
  outline: none;
}

.mdc-card__action--button {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  padding: 0 8px;
}
[dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
.mdc-card__action--button:last-child {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}

.mdc-card__actions--full-bleed .mdc-card__action--button {
  justify-content: space-between;
  width: 100%;
  height: auto;
  max-height: none;
  margin: 0;
  padding: 8px 16px;
  /* @noflip */
  text-align: left;
}
[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
  /* @noflip */
  text-align: right;
}

.mdc-card__action--icon {
  margin: -6px 0;
  padding: 12px;
}

.mdc-card__action--icon:not(:disabled) {
  color: rgba(0, 0, 0, 0.6);
}

.mdc-card__primary-action {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-card__primary-action::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-card__primary-action.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-card__primary-action::before, .mdc-card__primary-action::after {
  background-color: #000;
}
.mdc-card__primary-action:hover::before {
  opacity: 0.04;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-card__primary-action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%, 50% {
    stroke-dashoffset: 29.7833385;
  }
  50% {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%, 68.2% {
    transform: scaleX(0);
  }
  68.2% {
    animation-timing-function: cubic-bezier(0, 0, 0, 1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  from {
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0;
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  from {
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(45deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    transform: rotate(360deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  from {
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  from {
    animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1;
  }
  to {
    transform: rotate(315deg);
    opacity: 0;
  }
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1;
  }
  32.8%, 100% {
    transform: scaleX(0);
    opacity: 0;
  }
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 18px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
}
.mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
  background-color: #16577b;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
.mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after {
  background-color: #16577b;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox.mdc-checkbox--selected::before, .mdc-checkbox.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
.mdc-checkbox.mdc-checkbox--selected:hover::before {
  opacity: 0.04;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
  background-color: #16577b;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}

.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #16577b;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #16577b);
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
}

@keyframes mdc-checkbox-fade-in-background-us50k8p {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    border-color: #16577b;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #16577b);
    background-color: #16577b;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
@keyframes mdc-checkbox-fade-out-background-us50k8p {
  0%, 80% {
    border-color: #16577b;
    /* @alternate */
    border-color: var(--mdc-theme-secondary, #16577b);
    background-color: #16577b;
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-us50k8p;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-us50k8p;
}

.mdc-checkbox__checkmark {
  color: #ffffff;
}

.mdc-checkbox__mixedmark {
  border-color: #ffffff;
}

.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.26);
}

.mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, 0.26);
}

@media screen and (-ms-high-contrast: active) {
  .mdc-checkbox__mixedmark {
    margin: 0 1px;
  }
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__background {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__background .mdc-checkbox__background::before {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox__background .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}

.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1;
}

.mdc-checkbox__checkmark-path {
  transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}

.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  transition: none !important;
}

.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  animation-duration: 180ms;
  animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  transition: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0;
}

.mdc-checkbox__background::before {
  position: absolute;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}

.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  transform: scale(1);
  opacity: 0.12;
  transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-checkbox__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
}
.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  opacity: 1;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(-45deg);
}

.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(0deg);
  opacity: 1;
}

.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  padding: 11px;
}
.mdc-checkbox::before, .mdc-checkbox::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-checkbox::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-checkbox.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox::before, .mdc-checkbox::after {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-checkbox::before, .mdc-checkbox::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}
.mdc-checkbox:hover::before {
  opacity: 0.04;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-checkbox::before, .mdc-checkbox::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox .mdc-checkbox__background {
  /* @noflip */
  left: 11px;
  /* @noflip */
  right: initial;
  top: 11px;
}
.mdc-checkbox[dir=rtl] .mdc-checkbox .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 11px;
}

.mdc-checkbox .mdc-checkbox__background::before {
  top: -13px;
  left: -13px;
  width: 40px;
  height: 40px;
}

.mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
  content: none;
}

.mdc-chip__icon--leading {
  color: rgba(0, 0, 0, 0.54);
}

.mdc-chip__icon--trailing {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-chip__icon--trailing:hover {
  color: rgba(0, 0, 0, 0.62);
}
.mdc-chip__icon--trailing:focus {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.mdc-chip__icon.mdc-chip__icon--trailing {
  width: 18px;
  height: 18px;
  font-size: 18px;
}

.mdc-chip__icon--trailing {
  margin-right: -4px;
  margin-left: 4px;
}

.mdc-chip {
  border-radius: 16px;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: inline-flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  border-width: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
}
.mdc-chip:hover {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  /* @noflip */
  margin-left: -4px;
  /* @noflip */
  margin-right: 4px;
}
[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],
[dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),
.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
  /* @noflip */
  margin-left: 4px;
  /* @noflip */
  margin-right: -4px;
}
.mdc-chip::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-chip:hover {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-chip--exit {
  transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;
  opacity: 0;
}

.mdc-chip__text {
  white-space: nowrap;
}

.mdc-chip__icon {
  border-radius: 50%;
  outline: none;
  vertical-align: middle;
}

.mdc-chip__checkmark {
  height: 20px;
}

.mdc-chip__checkmark-path {
  transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  stroke-width: 2px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385;
}

.mdc-chip--selected .mdc-chip__checkmark-path {
  stroke-dashoffset: 0;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
  color: rgba(0, 159, 227, 0.54);
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  stroke: #009fe3;
  /* @alternate */
  stroke: var(--mdc-theme-primary, #009fe3);
}
.mdc-chip-set--choice .mdc-chip--selected {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
}

.mdc-chip__checkmark-svg {
  width: 0;
  height: 20px;
  transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-chip--selected .mdc-chip__checkmark-svg {
  width: 20px;
}

.mdc-chip-set--filter .mdc-chip__icon--leading {
  transition: opacity 75ms linear;
  transition-delay: -50ms;
  opacity: 1;
}
.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
  transition: opacity 75ms linear;
  transition-delay: 80ms;
  opacity: 0;
}
.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
  transition: width 0ms;
}
.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  opacity: 0;
}
.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
  width: 0;
  opacity: 1;
}
.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  width: 0;
  opacity: 0;
}
.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
  width: 20px;
}

.mdc-chip {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-chip::before, .mdc-chip::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-chip::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-chip.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-chip.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-chip.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-chip.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-chip::before, .mdc-chip::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-chip.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-chip::before, .mdc-chip::after {
  background-color: rgba(0, 0, 0, 0.87);
}
.mdc-chip:hover::before {
  opacity: 0.04;
}
.mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-chip:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-chip:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-chip.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  opacity: 0.16;
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before {
  opacity: 0.24;
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.4;
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.4;
}
.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.4;
}

@keyframes mdc-chip-entry {
  from {
    transform: scale(0.8);
    opacity: 0.4;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.mdc-chip-set {
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.mdc-chip-set .mdc-chip {
  margin: 4px;
}

.mdc-chip-set--input .mdc-chip {
  animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-dialog,
.mdc-dialog__scrim {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

.mdc-dialog {
  display: none;
  z-index: 7;
}
.mdc-dialog .mdc-dialog__surface {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
}
.mdc-dialog .mdc-dialog__scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
.mdc-dialog .mdc-dialog__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-dialog .mdc-dialog__content {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
  border-color: rgba(0, 0, 0, 0.12);
}
.mdc-dialog .mdc-dialog__surface {
  min-width: 280px;
}
@media (max-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: calc(100vw - 32px);
  }
}
@media (min-width: 592px) {
  .mdc-dialog .mdc-dialog__surface {
    max-width: 560px;
  }
}
.mdc-dialog .mdc-dialog__surface {
  max-height: calc(100% - 32px);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .mdc-dialog .mdc-dialog__container {
    /* stylelint-disable */
    /* stylelint-enable*/
  }
}
.mdc-dialog .mdc-dialog__surface {
  border-radius: 4px;
}

.mdc-dialog__scrim {
  opacity: 0;
  z-index: -1;
}

.mdc-dialog__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}

.mdc-dialog__surface {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  pointer-events: auto;
  overflow-y: auto;
}
.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface {
  /* @noflip */
  text-align: right;
}

.mdc-dialog__title {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0 24px 9px;
  border-bottom: 1px solid transparent;
}
.mdc-dialog__title::before {
  display: inline-block;
  width: 0;
  height: 40px;
  content: "";
  vertical-align: 0;
}
.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title {
  /* @noflip */
  text-align: right;
}

.mdc-dialog--scrollable .mdc-dialog__title {
  padding-bottom: 15px;
}

.mdc-dialog__content {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 20px 24px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.mdc-dialog__content > :first-child {
  margin-top: 0;
}
.mdc-dialog__content > :last-child {
  margin-bottom: 0;
}

.mdc-dialog__title + .mdc-dialog__content {
  padding-top: 0;
}

.mdc-dialog--scrollable .mdc-dialog__content {
  padding-top: 8px;
  padding-bottom: 8px;
}

.mdc-dialog__content .mdc-list:first-child:last-child {
  padding: 6px 0 0;
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
  padding: 0;
}

.mdc-dialog__actions {
  display: flex;
  position: relative;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  min-height: 52px;
  margin: 0;
  padding: 8px;
  border-top: 1px solid transparent;
}
.mdc-dialog--stacked .mdc-dialog__actions {
  flex-direction: column;
  align-items: flex-end;
}

.mdc-dialog__button {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
  max-width: 100%;
  /* @noflip */
  text-align: right;
}
[dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}
.mdc-dialog__button:first-child {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}
.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button {
  /* @noflip */
  text-align: left;
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  margin-top: 12px;
}

.mdc-dialog--open,
.mdc-dialog--opening,
.mdc-dialog--closing {
  display: flex;
}

.mdc-dialog--opening .mdc-dialog__scrim {
  transition: opacity 150ms linear;
}
.mdc-dialog--opening .mdc-dialog__container {
  transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-dialog--closing .mdc-dialog__scrim,
.mdc-dialog--closing .mdc-dialog__container {
  transition: opacity 75ms linear;
}
.mdc-dialog--closing .mdc-dialog__container {
  transform: scale(1);
}

.mdc-dialog--open .mdc-dialog__scrim {
  opacity: 1;
}
.mdc-dialog--open .mdc-dialog__container {
  transform: scale(1);
  opacity: 1;
}

.mdc-dialog-scroll-lock {
  overflow: hidden;
}

.mdc-drawer {
  border-color: rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @noflip */
  border-radius: 0 0px 0px 0;
  z-index: 6;
  width: 256px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  box-sizing: border-box;
  height: 100%;
  /* @noflip */
  border-right-width: 1px;
  /* @noflip */
  border-right-style: solid;
  overflow: hidden;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer .mdc-drawer__title {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-drawer .mdc-list-group__subheader {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-drawer__subtitle {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-drawer .mdc-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  color: #009fe3;
}
.mdc-drawer .mdc-list-item--activated {
  color: rgba(0, 159, 227, 0.87);
}
[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  /* @noflip */
  border-radius: 0px 0 0 0px;
}
.mdc-drawer .mdc-list-item {
  border-radius: 4px;
}
.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  /* @noflip */
  margin-left: 256px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 256px;
}
[dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  /* @noflip */
  border-right-width: 0;
  /* @noflip */
  border-left-width: 1px;
  /* @noflip */
  border-right-style: none;
  /* @noflip */
  border-left-style: solid;
}
.mdc-drawer .mdc-list-item {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
  height: calc(48px - 2 * 4px);
  margin: 8px 8px;
  padding: 0 8px;
}
.mdc-drawer .mdc-list-item:nth-child(1) {
  margin-top: 2px;
}
.mdc-drawer .mdc-list-item:nth-last-child(1) {
  margin-bottom: 0;
}
.mdc-drawer .mdc-list-group__subheader {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  padding: 0 16px;
}
.mdc-drawer .mdc-list-group__subheader::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-drawer .mdc-list-divider {
  margin: 3px 0 4px 0;
}
.mdc-drawer .mdc-list-item__text,
.mdc-drawer .mdc-list-item__graphic {
  pointer-events: none;
}

.mdc-drawer--animate {
  transform: translateX(-100%);
}
[dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
  transform: translateX(100%);
}

.mdc-drawer--opening {
  transform: translateX(0);
  transition-duration: 250ms;
}
[dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
  transform: translateX(0);
}

.mdc-drawer--closing {
  transform: translateX(-100%);
  transition-duration: 200ms;
}
[dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
  transform: translateX(100%);
}

.mdc-drawer__header {
  flex-shrink: 0;
  box-sizing: border-box;
  min-height: 64px;
  padding: 0 16px 4px;
}

.mdc-drawer__title {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-drawer__title::before {
  display: inline-block;
  width: 0;
  height: 36px;
  content: "";
  vertical-align: 0;
}
.mdc-drawer__title::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-drawer__subtitle {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: 0;
}
.mdc-drawer__subtitle::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-drawer__content {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mdc-drawer--dismissible {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
  display: none;
  position: absolute;
}
[dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.mdc-drawer--dismissible.mdc-drawer--open {
  display: flex;
}

.mdc-drawer-app-content {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
  position: relative;
}
[dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 0;
}

.mdc-drawer--modal {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
  display: none;
  position: fixed;
}
.mdc-drawer--modal + .mdc-drawer-scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
[dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}
.mdc-drawer--modal.mdc-drawer--open {
  display: flex;
}

.mdc-drawer-scrim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-drawer--open + .mdc-drawer-scrim {
  display: block;
}
.mdc-drawer--animate + .mdc-drawer-scrim {
  opacity: 0;
}
.mdc-drawer--opening + .mdc-drawer-scrim {
  transition-duration: 250ms;
  opacity: 1;
}
.mdc-drawer--closing + .mdc-drawer-scrim {
  transition-duration: 200ms;
  opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mdc-elevation-transition {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  will-change: box-shadow;
}

.mdc-fab {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  padding: 0;
  border: none;
  fill: currentColor;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  overflow: hidden;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  background-color: #16577b;
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-theme-on-secondary, #ffffff);
}
.mdc-fab:not(.mdc-fab--extended) {
  border-radius: 50%;
}
.mdc-fab::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mdc-fab:hover, .mdc-fab:focus {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mdc-fab:active, .mdc-fab:focus {
  outline: none;
}
.mdc-fab:hover {
  cursor: pointer;
}
.mdc-fab > svg {
  width: 100%;
}
@supports not (-ms-ime-align: auto) {
  .mdc-fab {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
.mdc-fab .mdc-fab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.mdc-fab--mini {
  width: 40px;
  height: 40px;
}

.mdc-fab--extended {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 24px;
  padding: 0 20px;
  width: auto;
  max-width: 100%;
  height: 48px;
}
.mdc-fab--extended .mdc-fab__icon {
  /* @noflip */
  margin-left: -8px;
  /* @noflip */
  margin-right: 12px;
}
[dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: -8px;
}
.mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  /* @noflip */
  margin-left: 12px;
  /* @noflip */
  margin-right: -8px;
}
[dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
  /* @noflip */
  margin-left: -8px;
  /* @noflip */
  margin-right: 12px;
}

.mdc-fab__label {
  justify-content: flex-start;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-fab__icon {
  transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  fill: currentColor;
  will-change: transform;
}

.mdc-fab .mdc-fab__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mdc-fab--exited {
  transform: scale(0);
  opacity: 0;
  transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
}
.mdc-fab--exited .mdc-fab__icon {
  transform: scale(0);
  transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-fab {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-fab::before, .mdc-fab::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-fab::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-fab.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-fab.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-fab.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-fab.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-fab::before, .mdc-fab::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-fab.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-fab::before, .mdc-fab::after {
  background-color: #ffffff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-fab::before, .mdc-fab::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-secondary, #ffffff);
  }
}
.mdc-fab:hover::before {
  opacity: 0.08;
}
.mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-fab:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-fab:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-fab.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-form-field {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.mdc-form-field > label {
  order: 0;
  /* @noflip */
  margin-right: auto;
  /* @noflip */
  padding-left: 4px;
}
[dir=rtl] .mdc-form-field > label, .mdc-form-field[dir=rtl] > label {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  padding-right: 4px;
}

.mdc-form-field--align-end > label {
  order: -1;
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  padding-right: 4px;
}
[dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir=rtl] > label {
  /* @noflip */
  margin-right: auto;
  /* @noflip */
  padding-left: 4px;
}

.mdc-icon-button {
  width: 48px;
  height: 48px;
  padding: 12px;
  font-size: 24px;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border: none;
  outline: none;
  background-color: transparent;
  fill: currentColor;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}
.mdc-icon-button svg,
.mdc-icon-button img {
  width: 24px;
  height: 24px;
}
.mdc-icon-button:disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  cursor: default;
  pointer-events: none;
}

.mdc-icon-button__icon {
  display: inline-block;
}
.mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: none;
}

.mdc-icon-button--on .mdc-icon-button__icon {
  display: none;
}
.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  display: inline-block;
}

.mdc-icon-button {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-icon-button::before, .mdc-icon-button::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-icon-button::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-icon-button.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-icon-button::before, .mdc-icon-button::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-icon-button::before, .mdc-icon-button::after {
  background-color: #000;
}
.mdc-icon-button:hover::before {
  opacity: 0.04;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-icon-button.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

.mdc-image-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0;
}

.mdc-image-list__item,
.mdc-image-list__image-aspect-container {
  position: relative;
  box-sizing: border-box;
}

.mdc-image-list__item {
  list-style-type: none;
}

.mdc-image-list__image {
  width: 100%;
}

.mdc-image-list__image-aspect-container .mdc-image-list__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.mdc-image-list__image-aspect-container {
  padding-bottom: calc(100% / 1);
}

.mdc-image-list__image {
  border-radius: 0;
}

.mdc-image-list--with-text-protection .mdc-image-list__supporting {
  border-radius: 0 0 0 0;
}

.mdc-image-list__supporting {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 8px 0;
  line-height: 24px;
}

.mdc-image-list__label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-image-list--with-text-protection .mdc-image-list__supporting {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.mdc-image-list--masonry {
  display: block;
}
.mdc-image-list--masonry .mdc-image-list__item {
  break-inside: avoid-column;
}
.mdc-image-list--masonry .mdc-image-list__image {
  display: block;
  height: auto;
}

@keyframes primary-indeterminate-translate {
  0% {
    transform: translateX(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(0);
  }
  59.15% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(83.67142%);
  }
  100% {
    transform: translateX(200.611057%);
  }
}
@keyframes primary-indeterminate-scale {
  0% {
    transform: scaleX(0.08);
  }
  36.65% {
    animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
    transform: scaleX(0.08);
  }
  69.15% {
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
    transform: scaleX(0.661479);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes secondary-indeterminate-translate {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    transform: translateX(0);
  }
  25% {
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    transform: translateX(37.651913%);
  }
  48.35% {
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    transform: translateX(84.386165%);
  }
  100% {
    transform: translateX(160.277782%);
  }
}
@keyframes secondary-indeterminate-scale {
  0% {
    animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
    transform: scaleX(0.08);
  }
  19.15% {
    animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
    transform: scaleX(0.457104);
  }
  44.15% {
    animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
    transform: scaleX(0.72796);
  }
  100% {
    transform: scaleX(0.08);
  }
}
@keyframes buffering {
  to {
    transform: translateX(-10px);
  }
}
@keyframes primary-indeterminate-translate-reverse {
  0% {
    transform: translateX(0);
  }
  20% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(0);
  }
  59.15% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(-83.67142%);
  }
  100% {
    transform: translateX(-200.611057%);
  }
}
@keyframes secondary-indeterminate-translate-reverse {
  0% {
    animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
    transform: translateX(0);
  }
  25% {
    animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
    transform: translateX(-37.651913%);
  }
  48.35% {
    animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
    transform: translateX(-84.386165%);
  }
  100% {
    transform: translateX(-160.277782%);
  }
}
@keyframes buffering-reverse {
  to {
    transform: translateX(10px);
  }
}
.mdc-linear-progress {
  position: relative;
  width: 100%;
  height: 4px;
  transform: translateZ(0);
  overflow: hidden;
  transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-linear-progress__bar {
  position: absolute;
  width: 100%;
  height: 100%;
  animation: none;
  transform-origin: top left;
  transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-linear-progress__bar-inner {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  animation: none;
}
.mdc-linear-progress__buffering-dots {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: repeat-x;
  background-size: 10px 4px;
  animation: buffering 250ms infinite linear;
}
.mdc-linear-progress__buffer {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: top left;
  transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-linear-progress__primary-bar {
  transform: scaleX(0);
}
.mdc-linear-progress__secondary-bar {
  visibility: hidden;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  transition: none;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  left: -145.166611%;
  animation: primary-indeterminate-translate 2s infinite linear;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  animation: primary-indeterminate-scale 2s infinite linear;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  left: -54.888891%;
  visibility: visible;
  animation: secondary-indeterminate-translate 2s infinite linear;
}
.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  animation: secondary-indeterminate-scale 2s infinite linear;
}
.mdc-linear-progress--reversed .mdc-linear-progress__bar,
.mdc-linear-progress--reversed .mdc-linear-progress__buffer {
  right: 0;
  transform-origin: center right;
}
.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  animation-name: primary-indeterminate-translate-reverse;
}
.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  animation-name: secondary-indeterminate-translate-reverse;
}
.mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
  animation: buffering-reverse 250ms infinite linear;
}
.mdc-linear-progress--closed {
  opacity: 0;
  animation: none;
}

.mdc-linear-progress__bar-inner {
  background-color: #009fe3;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3);
}

.mdc-linear-progress__buffering-dots {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
}

.mdc-linear-progress__buffer {
  background-color: #e6e6e6;
}

.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  right: -145.166611%;
  left: auto;
}
.mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  right: -54.888891%;
  left: auto;
}

.mdc-list {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  /* @alternate */
  line-height: 1.5rem;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mdc-list:focus {
  outline: none;
}

.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__graphic {
  background-color: transparent;
}

.mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-group__subheader {
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.812rem;
}

.mdc-list-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
  overflow: hidden;
}
.mdc-list-item:focus {
  outline: none;
}

.mdc-list-item--selected,
.mdc-list-item--activated {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.mdc-list-item--selected .mdc-list-item__graphic,
.mdc-list-item--activated .mdc-list-item__graphic {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}

.mdc-list-item--disabled {
  color: rgba(0, 0, 0, 0.38);
  /* @alternate */
  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 32px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  fill: currentColor;
}
.mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 32px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list .mdc-list-item__graphic {
  display: inline-flex;
}

.mdc-list-item__meta {
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
}
.mdc-list-item__meta:not(.material-icons) {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
}
.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}

.mdc-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mdc-list-item__text[for] {
  pointer-events: none;
}

.mdc-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
  display: block;
}
.mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0;
}
.mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin-bottom: -20px;
}
.mdc-list--dense .mdc-list-item__primary-text::before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__primary-text::after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px;
}

.mdc-list-item__secondary-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  display: block;
}
.mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}
.mdc-list--dense .mdc-list-item__secondary-text {
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  font-size: inherit;
}
.mdc-list--dense .mdc-list-item__secondary-text::before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0;
}

.mdc-list--dense .mdc-list-item {
  height: 40px;
}

.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 36px;
  width: 20px;
  height: 20px;
}
.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 36px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list--avatar-list .mdc-list-item {
  height: 56px;
}

.mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 16px;
  /* @noflip */
  margin-right: 0;
}

.mdc-list--two-line .mdc-list-item__text {
  align-self: flex-start;
}

.mdc-list--two-line .mdc-list-item {
  height: 72px;
}

.mdc-list--two-line.mdc-list--dense .mdc-list-item,
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  height: 60px;
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 20px;
  width: 36px;
  height: 36px;
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  /* @noflip */
  margin-left: 20px;
  /* @noflip */
  margin-right: 0;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  cursor: pointer;
}

a.mdc-list-item {
  color: inherit;
  text-decoration: none;
}

.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.mdc-list-divider {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-list-divider--padded {
  margin: 0 16px;
}

.mdc-list-divider--inset {
  /* @noflip */
  margin-left: 72px;
  /* @noflip */
  margin-right: 0;
  width: calc(100% - 72px);
}
.mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 72px;
}

.mdc-list-divider--inset.mdc-list-divider--padded {
  width: calc(100% - 72px - 16px);
}

.mdc-list-group .mdc-list {
  padding: 0;
}

.mdc-list-group__subheader {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 0.75rem 16px;
}

:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  background-color: #000;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  opacity: 0.04;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
  opacity: 0.32;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.48;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.48;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.48;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0.16;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
  opacity: 0.24;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.4;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.4;
}
:not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.4;
}

:not(.mdc-list--non-interactive) > .mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled::after {
  background-color: #000;
}
:not(.mdc-list--non-interactive) > .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}

.mdc-menu {
  min-width: 112px;
}
.mdc-menu .mdc-list-item__meta {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-item__graphic {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-menu .mdc-list-divider {
  margin: 8px 0;
}
.mdc-menu .mdc-list-item {
  user-select: none;
}
.mdc-menu .mdc-list-item--disabled {
  cursor: auto;
}
@media screen and (-ms-high-contrast: active) {
  .mdc-menu .mdc-list-item--disabled {
    opacity: 0.38;
  }
}
.mdc-menu a.mdc-list-item .mdc-list-item__text,
.mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  pointer-events: none;
}

.mdc-menu__selection-group {
  padding: 0;
  fill: currentColor;
}
.mdc-menu__selection-group .mdc-list-item {
  /* @noflip */
  padding-left: 56px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 56px;
}
.mdc-menu__selection-group .mdc-menu__selection-group-icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
  display: inline;
}

.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  /* @noflip */
  transform-origin-left: top left;
  /* @noflip */
  transform-origin-right: top right;
}
.mdc-menu-surface:focus {
  outline: none;
}
.mdc-menu-surface--open {
  display: inline-block;
  transform: scale(1);
  opacity: 1;
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  transform: scale(0.8);
  opacity: 0;
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 0.075s linear;
}
[dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  /* @noflip */
  transform-origin-left: top right;
  /* @noflip */
  transform-origin-right: top left;
}

.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible;
}

.mdc-menu-surface--fixed {
  position: fixed;
}

.mdc-radio {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 10px;
  cursor: pointer;
  /* @alternate */
  will-change: opacity, transform, border-color, color;
}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #16577b;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #16577b;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-radio .mdc-radio__background::before {
  background-color: #16577b;
}
@supports not (-ms-ime-align: auto) {
  .mdc-radio .mdc-radio__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
.mdc-radio__background {
  display: inline-block;
  position: absolute;
  left: 10px;
  box-sizing: border-box;
  width: 50%;
  height: 50%;
}
.mdc-radio__background::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0, 0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-radio__outer-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-radio__inner-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transform: scale(0, 0);
  border-width: 10px;
  border-style: solid;
  border-radius: 50%;
  transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
}
.mdc-radio__native-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1;
}

.mdc-radio__native-control:checked + .mdc-radio__background,
.mdc-radio__native-control:disabled + .mdc-radio__background {
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio--disabled {
  cursor: default;
  pointer-events: none;
}

.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  transform: scale(0.5);
  transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio__native-control:disabled + .mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
  cursor: default;
}
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.26);
}
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: rgba(0, 0, 0, 0.26);
}

.mdc-radio__native-control:focus + .mdc-radio__background::before {
  transform: scale(2, 2);
  opacity: 0.12;
  transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
}

.mdc-radio {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-radio::before, .mdc-radio::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-radio::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-radio.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-radio.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-radio.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-radio::before, .mdc-radio::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-radio.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-radio::before, .mdc-radio::after {
  background-color: #16577b;
}
@supports not (-ms-ime-align: auto) {
  .mdc-radio::before, .mdc-radio::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
.mdc-radio:hover::before {
  opacity: 0.04;
}
.mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-radio:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-radio:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-radio.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}
.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
  content: none;
}

@keyframes mdc-select-float-native-control {
  0% {
    transform: translateY(8px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.mdc-line-ripple {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scaleX(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: 2;
}

.mdc-line-ripple--active {
  transform: scaleX(1);
  opacity: 1;
}

.mdc-line-ripple--deactivating {
  opacity: 0;
}

.mdc-notched-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  /* @noflip */
  text-align: left;
  pointer-events: none;
}
[dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  /* @noflip */
  text-align: right;
}
.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none;
}
.mdc-notched-outline__leading {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
  width: 12px;
}
[dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
}
.mdc-notched-outline__trailing {
  /* @noflip */
  border-left: none;
  /* @noflip */
  border-right: 1px solid;
  flex-grow: 1;
}
[dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-left: 1px solid;
  /* @noflip */
  border-right: none;
}
.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 12px * 2);
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  top: 17px;
  bottom: auto;
  max-width: 100%;
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip;
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: calc(100% / .75);
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
  border-top: none;
}
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  padding: 0;
}

.mdc-floating-label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  position: absolute;
  /* @noflip */
  left: 0;
  /* @noflip */
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  /* @alternate */
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  will-change: transform;
}
[dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
  /* @noflip */
  transform-origin: right top;
  /* @noflip */
  text-align: right;
}

.mdc-floating-label--float-above {
  cursor: auto;
}

.mdc-floating-label--float-above {
  transform: translateY(-50%) scale(0.75);
}

.mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}

@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  }
}
.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-select--with-leading-icon .mdc-select__icon {
  display: inline-block;
  position: absolute;
  bottom: 16px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: none;
  background-color: transparent;
  fill: currentColor;
  opacity: 0.54;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-select-helper-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.mdc-select-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-select-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-select {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}
.mdc-select:not(.mdc-select--disabled) {
  background-color: whitesmoke;
}
.mdc-select::before, .mdc-select::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-select::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-select.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-select.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-select.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-select::before, .mdc-select::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-select.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-select::before, .mdc-select::after {
  background-color: rgba(0, 0, 0, 0.87);
}
.mdc-select:hover::before {
  opacity: 0.04;
}
.mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-select, .mdc-select__native-control {
  border-radius: 4px 4px 0 0;
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  background-color: #009fe3;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: rgba(0, 159, 227, 0.87);
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-select .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(0.75);
}
.mdc-select .mdc-floating-label {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  top: 21px;
  pointer-events: none;
}
[dir=rtl] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 48px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 48px;
}
.mdc-select.mdc-select--outlined .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
  top: 17px;
}
[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 8px;
  position: absolute;
  bottom: 16px;
  width: 24px;
  height: 24px;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
[dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  /* @noflip */
  left: 8px;
  /* @noflip */
  right: auto;
}
.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23009fe3%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}
.mdc-select--activated .mdc-select__dropdown-icon {
  transform: rotate(180deg) translateY(-5px);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-select__native-control {
  padding-top: 20px;
}
.mdc-select.mdc-select--focused .mdc-line-ripple::after {
  transform: scale(1, 2);
  opacity: 1;
}

.mdc-select + .mdc-select-helper-text {
  margin-right: 12px;
  margin-left: 12px;
}
.mdc-select--outlined + .mdc-select-helper-text {
  margin-right: 16px;
  margin-left: 16px;
}

.mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
  opacity: 1;
}

.mdc-select__selected-text {
  min-width: 200px;
  padding-top: 22px;
}

.mdc-select__native-control,
.mdc-select__selected-text {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 52px;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  padding-top: 20px;
  padding-bottom: 4px;
  border: none;
  border-bottom: 1px solid;
  outline: none;
  background-color: transparent;
  color: inherit;
  white-space: nowrap;
  cursor: pointer;
  appearance: none;
}
[dir=rtl] .mdc-select__native-control, .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select__selected-text,
.mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 52px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-select__native-control::-ms-expand,
.mdc-select__selected-text::-ms-expand {
  display: none;
}
.mdc-select__native-control::-ms-value,
.mdc-select__selected-text::-ms-value {
  background-color: transparent;
  color: inherit;
}
@-moz-document url-prefix("") {
  .mdc-select__native-control,
.mdc-select__selected-text {
    text-indent: -2px;
  }
}

.mdc-select--outlined {
  border: none;
  overflow: visible;
}
.mdc-select--outlined:not(.mdc-select--disabled) {
  background-color: transparent;
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-select--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
.mdc-select--outlined .mdc-select__native-control {
  border-radius: 4px;
}
.mdc-select--outlined::before, .mdc-select--outlined::after {
  content: none;
}
.mdc-select--outlined:not(.mdc-select--disabled) {
  background-color: transparent;
}
.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
}
.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(0.75);
}
.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--outlined .mdc-select__native-control,
.mdc-select--outlined .mdc-select__selected-text {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 52px;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  border: none;
  background-color: transparent;
  z-index: 1;
}
[dir=rtl] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-select__selected-text,
.mdc-select--outlined .mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 52px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-select--outlined .mdc-select__selected-text {
  padding-top: 14px;
}
.mdc-select--outlined .mdc-select__icon {
  z-index: 2;
}
.mdc-select--outlined .mdc-floating-label {
  line-height: 1.15rem;
  pointer-events: auto;
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  background-color: #b00020;
  /* @alternate */
  background-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #b00020;
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-select--invalid .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}
.mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  opacity: 1;
}

.mdc-select--required .mdc-floating-label::after {
  content: "*";
}

.mdc-select--disabled {
  background-color: #fafafa;
  cursor: default;
  pointer-events: none;
}
.mdc-select--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-select--disabled .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
}
.mdc-select--disabled .mdc-line-ripple {
  display: none;
}
.mdc-select--disabled .mdc-select__icon {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-select--disabled .mdc-select__native-control,
.mdc-select--disabled .mdc-select__selected-text {
  color: rgba(0, 0, 0, 0.37);
  border-bottom-style: dotted;
}
.mdc-select--disabled .mdc-select__selected-text {
  pointer-events: none;
}
.mdc-select--disabled.mdc-select--outlined {
  background-color: transparent;
}
.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
.mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
  border-bottom-style: none;
}
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.16);
}

.mdc-select--with-leading-icon .mdc-select__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-select--with-leading-icon .mdc-select__native-control,
.mdc-select--with-leading-icon .mdc-select__selected-text {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 32px;
}
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text,
.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl] {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 48px;
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-144%) translateX(32px) scale(1);
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-130%) translateX(32px) scale(0.75);
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
}
.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px;
}
[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl] {
  /* @noflip */
  padding-left: 32px;
  /* @noflip */
  padding-right: 32px;
}

.mdc-select__menu .mdc-list .mdc-list-item--selected {
  color: #000;
  /* @alternate */
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
  background-color: #000;
}
@supports not (-ms-ime-align: auto) {
  .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-surface, #000);
  }
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before {
  opacity: 0.04;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  0% {
    transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-slider-emphasize {
  0% {
    animation-timing-function: ease-out;
  }
  50% {
    animation-timing-function: ease-in;
    transform: scale(0.85);
  }
  100% {
    transform: scale(0.571);
  }
}
.mdc-slider {
  position: relative;
  width: 100%;
  height: 48px;
  cursor: pointer;
  touch-action: pan-x;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
  background-color: rgba(22, 87, 123, 0.26);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  fill: #16577b;
  /* @alternate */
  fill: var(--mdc-theme-secondary, #16577b);
  stroke: #16577b;
  /* @alternate */
  stroke: var(--mdc-theme-secondary, #16577b);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  color: white;
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-dark, white);
}
.mdc-slider--disabled {
  cursor: auto;
}
.mdc-slider--disabled .mdc-slider__track {
  background-color: #9a9a9a;
}
.mdc-slider--disabled .mdc-slider__track-container {
  background-color: rgba(154, 154, 154, 0.26);
}
.mdc-slider--disabled .mdc-slider__track-marker::after,
.mdc-slider--disabled .mdc-slider__track-marker-container::after {
  background-color: #9a9a9a;
}
.mdc-slider--disabled .mdc-slider__thumb {
  fill: #9a9a9a;
  stroke: #9a9a9a;
}
.mdc-slider--disabled .mdc-slider__thumb {
  /* @alternate */
  stroke: white;
  stroke: var(--mdc-slider-bg-color-behind-component, white);
}
.mdc-slider:focus {
  outline: none;
}
.mdc-slider__track-container {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  overflow: hidden;
}
.mdc-slider__track {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-origin: left top;
  will-change: transform;
}
.mdc-slider[dir=rtl] .mdc-slider__track, [dir=rtl] .mdc-slider .mdc-slider__track {
  transform-origin: right top;
}

.mdc-slider__track-marker-container {
  display: flex;
  margin-right: 0;
  margin-left: -1px;
  visibility: hidden;
}
.mdc-slider[dir=rtl] .mdc-slider__track-marker-container, [dir=rtl] .mdc-slider .mdc-slider__track-marker-container {
  margin-right: -1px;
  margin-left: 0;
}

.mdc-slider__track-marker-container::after {
  display: block;
  width: 2px;
  height: 2px;
  content: "";
}
.mdc-slider__track-marker {
  flex: 1;
}
.mdc-slider__track-marker::after {
  display: block;
  width: 2px;
  height: 2px;
  content: "";
}
.mdc-slider__track-marker:first-child::after {
  width: 3px;
}
.mdc-slider__thumb-container {
  position: absolute;
  top: 15px;
  left: 0;
  width: 21px;
  height: 100%;
  user-select: none;
  will-change: transform;
}
.mdc-slider__thumb {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.571);
  stroke-width: 3.5;
  transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
}
.mdc-slider__focus-ring {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  opacity: 0;
  transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
}
.mdc-slider__pin {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-top: -2px;
  margin-left: -2px;
  transform: rotate(-45deg) scale(0) translate(0, 0);
  border-radius: 50% 50% 50% 0%;
  z-index: 1;
  transition: transform 100ms ease-out;
}
.mdc-slider__pin-value-marker {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  transform: rotate(45deg);
}

.mdc-slider--active .mdc-slider__thumb {
  transform: scale3d(1, 1, 1);
}

.mdc-slider--focus .mdc-slider__thumb {
  animation: mdc-slider-emphasize 266.67ms linear;
}
.mdc-slider--focus .mdc-slider__focus-ring {
  transform: scale3d(1.55, 1.55, 1.55);
  opacity: 0.25;
}

.mdc-slider--in-transit .mdc-slider__thumb {
  transition-delay: 140ms;
}

.mdc-slider--in-transit .mdc-slider__thumb-container,
.mdc-slider--in-transit .mdc-slider__track,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
.mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
  transition: transform 80ms ease;
}

.mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
  transform: scale(calc(12 / 21));
}
.mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
  transform: rotate(-45deg) scale(1) translate(19px, -20px);
}
.mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
  animation: none;
}
.mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
  visibility: visible;
}

.mdc-snackbar {
  z-index: 8;
  margin: 8px;
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mdc-snackbar__surface {
  background-color: #333333;
}

.mdc-snackbar__label {
  color: rgba(255, 255, 255, 0.87);
}

.mdc-snackbar__surface {
  min-width: 344px;
}
@media (max-width: 480px), (max-width: 344px) {
  .mdc-snackbar__surface {
    min-width: 100%;
  }
}

.mdc-snackbar__surface {
  max-width: 672px;
}

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

.mdc-snackbar__surface {
  border-radius: 4px;
}

.mdc-snackbar--opening,
.mdc-snackbar--open,
.mdc-snackbar--closing {
  display: flex;
}

.mdc-snackbar--leading {
  justify-content: flex-start;
}

.mdc-snackbar--stacked .mdc-snackbar__surface {
  flex-direction: column;
  align-items: flex-start;
}
.mdc-snackbar--stacked .mdc-snackbar__actions {
  align-self: flex-end;
  margin-bottom: 8px;
}

.mdc-snackbar__surface {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  transform: scale(0.8);
  opacity: 0;
}
.mdc-snackbar--open .mdc-snackbar__surface {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-snackbar--closing .mdc-snackbar__surface {
  transform: scale(1);
  transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
}

.mdc-snackbar__label {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  flex-grow: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 14px 16px;
}

.mdc-snackbar__label::before {
  display: inline;
  content: attr(data-mdc-snackbar-label-text);
}

.mdc-snackbar__actions {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  box-sizing: border-box;
}
[dir=rtl] .mdc-snackbar__actions, .mdc-snackbar__actions[dir=rtl] {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}

.mdc-snackbar__action:not(:disabled) {
  color: #bb86fc;
}
.mdc-snackbar__action::before, .mdc-snackbar__action::after {
  background-color: #bb86fc;
}
.mdc-snackbar__action:hover::before {
  opacity: 0.08;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__action.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-snackbar__dismiss {
  color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after {
  background-color: rgba(255, 255, 255, 0.87);
}
.mdc-snackbar__dismiss:hover::before {
  opacity: 0.08;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before, .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-snackbar__dismiss.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  width: 36px;
  height: 36px;
  padding: 9px;
  font-size: 18px;
}
.mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
.mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
  width: 18px;
  height: 18px;
}

.mdc-snackbar__action + .mdc-snackbar__dismiss {
  /* @noflip */
  margin-left: 8px;
  /* @noflip */
  margin-right: 0;
}
[dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: 8px;
}

.mdc-switch {
  display: inline-block;
  position: relative;
  outline: none;
  user-select: none;
}
.mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
  border-color: #16577b;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  background-color: #16577b;
  /* @alternate */
  background-color: var(--mdc-theme-secondary, #16577b);
  border-color: #16577b;
  /* @alternate */
  border-color: var(--mdc-theme-secondary, #16577b);
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  background-color: #000;
  border-color: #000;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  background-color: #fff;
  border-color: #fff;
}

.mdc-switch__native-control {
  /* @noflip */
  left: 0;
  /* @noflip */
  right: initial;
  position: absolute;
  top: 0;
  width: 68px;
  height: 48px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: auto;
}
[dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 0;
}

.mdc-switch__track {
  box-sizing: border-box;
  width: 32px;
  height: 14px;
  border: 1px solid;
  border-radius: 7px;
  opacity: 0.38;
  transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-switch__thumb-underlay {
  /* @noflip */
  left: -18px;
  /* @noflip */
  right: initial;
  display: flex;
  position: absolute;
  top: -17px;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  transform: translateX(0);
  transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: -18px;
}

.mdc-switch__thumb {
  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);
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 10px solid;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}

.mdc-switch--checked .mdc-switch__track {
  opacity: 0.54;
}
.mdc-switch--checked .mdc-switch__thumb-underlay {
  transform: translateX(20px);
}
[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
  transform: translateX(-20px);
}
.mdc-switch--checked .mdc-switch__native-control {
  transform: translateX(-20px);
}
[dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
  transform: translateX(20px);
}

.mdc-switch--disabled {
  opacity: 0.38;
  pointer-events: none;
}
.mdc-switch--disabled .mdc-switch__thumb {
  border-width: 1px;
}
.mdc-switch--disabled .mdc-switch__native-control {
  cursor: default;
  pointer-events: none;
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  background-color: #9e9e9e;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
  opacity: 0.08;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-switch__thumb-underlay {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-switch__thumb-underlay::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  top: calc(50% - 50%);
  /* @noflip */
  left: calc(50% - 50%);
  width: 100%;
  height: 100%;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  top: var(--mdc-ripple-top, calc(50% - 50%));
  /* @noflip */
  left: var(--mdc-ripple-left, calc(50% - 50%));
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  background-color: #16577b;
}
@supports not (-ms-ime-align: auto) {
  .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
    /* @alternate */
    background-color: var(--mdc-theme-secondary, #16577b);
  }
}
.mdc-switch__thumb-underlay:hover::before {
  opacity: 0.04;
}
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-bar {
  width: 100%;
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-scroller {
  overflow-y: hidden;
}

.mdc-tab-scroller__test {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow-x: scroll;
}

.mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-x: hidden;
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar {
  display: none;
}

.mdc-tab-scroller__scroll-area--scroll {
  overflow-x: scroll;
}

.mdc-tab-scroller__scroll-content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  transform: none;
  will-change: transform;
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  justify-content: flex-start;
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  justify-content: flex-end;
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  justify-content: center;
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: auto;
}
.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}

/**
 * @license
 * Copyright 2018 Google Inc.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
  color: #16577b;
  /* @alternate */
  color: var(--mdc-theme-secondary, #16577b);
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-top-width: 2px;
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
  height: 34px;
  font-size: 34px;
}

.mdc-tab-indicator__content {
  transform-origin: left;
  opacity: 0;
}

.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid;
}

.mdc-tab-indicator__content--icon {
  align-self: center;
  margin: 0 auto;
}

.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1;
}

.mdc-tab-indicator .mdc-tab-indicator__content {
  transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  transition: none;
}

.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition: 150ms opacity linear;
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition-delay: 100ms;
}

.mdc-tab {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
  padding-right: 24px;
  padding-left: 24px;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}
.mdc-tab .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-tab .mdc-tab__icon {
  color: rgba(0, 0, 0, 0.54);
  fill: currentColor;
}
.mdc-tab::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mdc-tab--min-width {
  flex: 0 1 auto;
}

.mdc-tab__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none;
}

.mdc-tab__text-label,
.mdc-tab__icon {
  transition: 150ms color linear;
  display: inline-block;
  line-height: 1;
  z-index: 2;
}

.mdc-tab--stacked {
  height: 72px;
}
.mdc-tab--stacked .mdc-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.mdc-tab--stacked .mdc-tab__icon {
  padding-top: 12px;
}
.mdc-tab--stacked .mdc-tab__text-label {
  padding-bottom: 16px;
}

.mdc-tab--active .mdc-tab__text-label {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.mdc-tab--active .mdc-tab__icon {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
  fill: currentColor;
}
.mdc-tab--active .mdc-tab__text-label,
.mdc-tab--active .mdc-tab__icon {
  transition-delay: 100ms;
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  /* @noflip */
  padding-left: 8px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 8px;
}

.mdc-tab__ripple {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-tab__ripple::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-tab__ripple.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-tab__ripple.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-tab__ripple.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-tab__ripple::before, .mdc-tab__ripple::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-tab__ripple::before, .mdc-tab__ripple::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-tab__ripple:hover::before {
  opacity: 0.08;
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-tab__ripple.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}

.mdc-text-field-helper-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-text-field-character-counter {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  /* @noflip */
  margin-left: auto;
  /* @noflip */
  margin-right: 0;
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0;
  white-space: nowrap;
}
.mdc-text-field-character-counter::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /* @noflip */
  margin-left: 0;
  /* @noflip */
  margin-right: auto;
}
[dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 16px;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  position: absolute;
  bottom: 16px;
  cursor: pointer;
}

.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none;
}

.mdc-text-field {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 4px 4px 0 0;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  /* @alternate */
  will-change: opacity, transform, color;
}
.mdc-text-field::before, .mdc-text-field::after {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
}
.mdc-text-field::before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1;
}
.mdc-text-field.mdc-ripple-upgraded::before {
  transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field.mdc-ripple-upgraded::after {
  top: 0;
  /* @noflip */
  left: 0;
  transform: scale(0);
  transform-origin: center center;
}
.mdc-text-field.mdc-ripple-upgraded--unbounded::after {
  top: var(--mdc-ripple-top, 0);
  /* @noflip */
  left: var(--mdc-ripple-left, 0);
}
.mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
}
.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
  animation: mdc-ripple-fg-opacity-out 150ms;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field::before, .mdc-text-field::after {
  background-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field:hover::before {
  opacity: 0.04;
}
.mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.12;
}
.mdc-text-field::before, .mdc-text-field::after {
  top: calc(50% - 100%);
  /* @noflip */
  left: calc(50% - 100%);
  width: 200%;
  height: 200%;
}
.mdc-text-field.mdc-ripple-upgraded::after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #009fe3;
  /* @alternate */
  caret-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field .mdc-line-ripple {
  background-color: #009fe3;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) {
  background-color: whitesmoke;
}
.mdc-text-field .mdc-floating-label {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
  top: 18px;
  pointer-events: none;
}
[dir=rtl] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--textarea .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  left: 4px;
  /* @noflip */
  right: initial;
  top: 17px;
}
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 4px;
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
  /* @noflip */
  left: 40px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 40px;
}

.mdc-text-field__input {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 16px 6px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom: 1px solid;
  border-radius: 0;
  background: none;
  appearance: none;
}
.mdc-text-field__input::placeholder {
  transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field__input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.54) !important;
}
.mdc-text-field--fullwidth .mdc-text-field__input::placeholder, .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: 110ms;
  opacity: 1;
}
.mdc-text-field__input:focus {
  outline: none;
}
.mdc-text-field__input:invalid {
  box-shadow: none;
}
.mdc-text-field__input:-webkit-autofill {
  z-index: auto !important;
}
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
  transform: translateY(-50%) scale(0.75);
  cursor: auto;
}

.mdc-text-field--outlined {
  border: none;
  overflow: visible;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(0.75);
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--outlined::before, .mdc-text-field--outlined::after {
  content: none;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field--outlined .mdc-text-field__input {
  display: flex;
  padding: 12px 16px 14px;
  border: none !important;
  background-color: transparent;
  z-index: 1;
}
.mdc-text-field--outlined .mdc-text-field__icon {
  z-index: 2;
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}

.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: transparent;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  border-bottom: none;
}

.mdc-text-field--outlined.mdc-text-field--dense {
  height: 48px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) scale(1);
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 0.8rem;
}
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) scale(0.8);
}
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 7px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  top: 14px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
  top: 12px;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--with-leading-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
.mdc-text-field--with-leading-icon .mdc-floating-label {
  /* @noflip */
  left: 48px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-144%) translateX(32px) scale(1);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-130%) translateX(32px) scale(0.75);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  /* @noflip */
  left: 36px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 36px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) translateX(-21px) scale(1);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-134%) translateX(21px) scale(1);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 0.8rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) translateX(-21px) scale(0.8);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  transform: translateY(-120%) translateX(21px) scale(0.8);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 32px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 32px;
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 16px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  right: 12px;
  /* @noflip */
  left: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 48px;
  /* @noflip */
  padding-right: 48px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  bottom: 16px;
  transform: scale(0.8);
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 16px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 44px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  /* @noflip */
  left: 44px;
  /* @noflip */
  right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 44px;
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 12px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 44px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 16px;
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  /* @noflip */
  left: 12px;
  /* @noflip */
  right: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  left: auto;
  /* @noflip */
  right: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
  /* @noflip */
  right: 12px;
  /* @noflip */
  left: auto;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 44px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  /* @noflip */
  padding-left: 44px;
  /* @noflip */
  padding-right: 44px;
}

.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(0.8);
}
.mdc-text-field--dense .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
}
.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 0;
}
.mdc-text-field--dense .mdc-floating-label {
  font-size: 0.813rem;
}
.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: 0.813rem;
}

.mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  margin-left: 1px;
  content: "*";
}

.mdc-text-field--textarea {
  display: inline-flex;
  width: auto;
  height: auto;
  transition: none;
  overflow: visible;
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
}
.mdc-text-field--textarea .mdc-floating-label--shake {
  animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
  /* @noflip */
  border-radius: 0 4px 4px 0;
}
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  /* @noflip */
  border-radius: 4px 0 0 4px;
}
.mdc-text-field--textarea::before, .mdc-text-field--textarea::after {
  content: none;
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field--textarea .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
}
.mdc-text-field--textarea .mdc-floating-label--float-above {
  font-size: 0.75rem;
}
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(0.75);
}
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem;
}
.mdc-text-field--textarea .mdc-text-field-character-counter {
  /* @noflip */
  left: initial;
  /* @noflip */
  right: 16px;
  position: absolute;
  bottom: 13px;
}
[dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter, .mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl] {
  /* @noflip */
  left: 16px;
  /* @noflip */
  right: initial;
}
.mdc-text-field--textarea .mdc-text-field__input {
  align-self: auto;
  box-sizing: border-box;
  height: auto;
  margin: 8px 1px 1px 0;
  padding: 0 16px 16px;
  border: none;
}
.mdc-text-field--textarea .mdc-text-field-character-counter + .mdc-text-field__input {
  margin-bottom: 28px;
  padding-bottom: 0;
}
.mdc-text-field--textarea .mdc-floating-label {
  top: 17px;
  bottom: auto;
  width: auto;
  pointer-events: none;
}
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px;
}

.mdc-text-field--fullwidth {
  width: 100%;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
  display: block;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after {
  content: none;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
  background-color: transparent;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
  padding: 0;
}
.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
  resize: vertical;
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
}
.mdc-text-field--dense + .mdc-text-field-helper-line {
  margin-bottom: 4px;
}
.mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-form-field > .mdc-text-field + label {
  align-self: flex-start;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 159, 227, 0.87);
}
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  color: rgba(0, 159, 227, 0.87);
}
.mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1;
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  border-bottom-color: #b00020;
  /* @alternate */
  border-bottom-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  background-color: #b00020;
  /* @alternate */
  background-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b00020;
  /* @alternate */
  caret-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon {
  color: #b00020;
  /* @alternate */
  color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1;
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #b00020;
  /* @alternate */
  border-color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field--disabled {
  background-color: #fafafa;
  border-bottom: none;
  pointer-events: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__icon {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mdc-text-field--disabled .mdc-floating-label {
  cursor: default;
}

.mdc-text-field--textarea.mdc-text-field--disabled {
  background-color: transparent;
  /* @alternate */
  background-color: #f9f9f9;
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
  border-bottom: none;
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  0% {
    transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  0% {
    transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
  }
  100% {
    transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea {
  0% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
  33% {
    animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
    transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  }
  66% {
    animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
    transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  }
  100% {
    transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  }
}
.mdc-text-field-helper-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-top: 0;
  /* @alternate */
  line-height: normal;
  margin: 0;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  will-change: opacity;
}
.mdc-text-field-helper-text::before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0;
}

.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: initial;
}

.mdc-top-app-bar {
  background-color: #009fe3;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3);
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  position: fixed;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  z-index: 4;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #ffffff);
}
.mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  background-color: #ffffff;
}
@supports not (-ms-ime-align: auto) {
  .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
    /* @alternate */
    background-color: var(--mdc-theme-on-primary, #ffffff);
  }
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
  opacity: 0.08;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
.mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
.mdc-top-app-bar__row {
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 64px;
}
.mdc-top-app-bar__section {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  min-width: 0;
  padding: 8px 12px;
  z-index: 1;
}
.mdc-top-app-bar__section--align-start {
  justify-content: flex-start;
  order: -1;
}
.mdc-top-app-bar__section--align-end {
  justify-content: flex-end;
  order: 1;
}
.mdc-top-app-bar__title {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  z-index: 1;
}
[dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 20px;
}

.mdc-top-app-bar--short-collapsed {
  /* @noflip */
  border-radius: 0 0 24px 0;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  /* @noflip */
  border-radius: 0 0 0 24px;
}

.mdc-top-app-bar--short {
  top: 0;
  /* @noflip */
  right: auto;
  /* @noflip */
  left: 0;
  width: 100%;
  transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
[dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  /* @noflip */
  right: 0;
  /* @noflip */
  left: auto;
}
.mdc-top-app-bar--short .mdc-top-app-bar__row {
  height: 56px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__section {
  padding: 4px;
}
.mdc-top-app-bar--short .mdc-top-app-bar__title {
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}

.mdc-top-app-bar--short-collapsed {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  width: 56px;
  transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  display: none;
}
.mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  width: 112px;
}
.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 12px;
}
[dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0;
}

.mdc-top-app-bar--dense .mdc-top-app-bar__row {
  height: 48px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__section {
  padding: 0 4px;
}
.mdc-top-app-bar--dense .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 12px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 12px;
}

.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 128px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  align-self: flex-end;
  padding-bottom: 2px;
}
.mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
.mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  align-self: flex-start;
}

.mdc-top-app-bar--fixed {
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--fixed-scrolled {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms linear;
}

.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  height: 96px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  padding: 0 12px;
}
.mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  /* @noflip */
  padding-left: 20px;
  /* @noflip */
  padding-right: 0;
  padding-bottom: 9px;
}
[dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 20px;
}

.mdc-top-app-bar--fixed-adjust {
  padding-top: 64px;
}

.mdc-top-app-bar--dense-fixed-adjust {
  padding-top: 48px;
}

.mdc-top-app-bar--short-fixed-adjust {
  padding-top: 56px;
}

.mdc-top-app-bar--prominent-fixed-adjust {
  padding-top: 128px;
}

.mdc-top-app-bar--dense-prominent-fixed-adjust {
  padding-top: 96px;
}

@media (max-width: 599px) {
  .mdc-top-app-bar__row {
    height: 56px;
  }

  .mdc-top-app-bar__section {
    padding: 4px;
  }

  .mdc-top-app-bar--short {
    transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mdc-top-app-bar--short-collapsed {
    transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
    /* @noflip */
    padding-left: 0;
    /* @noflip */
    padding-right: 12px;
  }
  [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
    /* @noflip */
    padding-left: 12px;
    /* @noflip */
    padding-right: 0;
  }

  .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
    padding-bottom: 6px;
  }

  .mdc-top-app-bar--fixed-adjust {
    padding-top: 56px;
  }
}
.mdc-typography {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.mdc-typography--headline1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 6rem;
  line-height: 6rem;
  font-weight: 300;
  letter-spacing: -0.015625em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 3.75rem;
  line-height: 3.75rem;
  font-weight: 300;
  letter-spacing: -0.0083333333em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline3 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 3rem;
  line-height: 3.125rem;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline4 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.0073529412em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline5 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--headline6 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--subtitle1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--subtitle2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--body1 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--body2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--caption {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-typography--button {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: uppercase;
}

.mdc-typography--overline {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.75rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.1666666667em;
  text-decoration: none;
  text-transform: uppercase;
}

.mdc-data-table__content {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-data-table {
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow-x: auto;
}
.mdc-data-table__row {
  background-color: inherit;
}

.mdc-data-table__header-row {
  background-color: inherit;
}

.mdc-data-table__row--selected {
  background-color: rgba(0, 159, 227, 0.04);
}

.mdc-data-table__row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mdc-data-table__row {
  border-top-width: 1px;
  border-top-style: solid;
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.mdc-data-table__header-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__header-row {
  height: 56px;
}

.mdc-data-table__row {
  height: 52px;
}

.mdc-data-table__cell,
.mdc-data-table__header-cell {
  padding-right: 16px;
  padding-left: 16px;
}

.mdc-data-table__header-cell--checkbox,
.mdc-data-table__cell--checkbox {
  /* @noflip */
  padding-left: 16px;
  /* @noflip */
  padding-right: 0;
}
[dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl],
[dir=rtl] .mdc-data-table__cell--checkbox,
.mdc-data-table__cell--checkbox[dir=rtl] {
  /* @noflip */
  padding-left: 0;
  /* @noflip */
  padding-right: 16px;
}

.mdc-data-table__table {
  width: 100%;
  border: 0;
  white-space: nowrap;
  border-collapse: collapse;
}

.mdc-data-table__cell {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
}

.mdc-data-table__cell--numeric {
  text-align: right;
}
[dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  /* @noflip */
  text-align: left;
}

.mdc-data-table__header-cell {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: left;
}
[dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  /* @noflip */
  text-align: right;
}

.mdc-data-table__header-cell--numeric {
  text-align: right;
}
[dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  /* @noflip */
  text-align: left;
}

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:hover::before {
  opacity: 0.08;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus::before,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused::before {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded)::after {
  transition: opacity 150ms linear;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after,
.mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active::after {
  transition-duration: 75ms;
  opacity: 0.24;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
.mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24;
}
.mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
  background-color: #009fe3;
}
@supports not (-ms-ime-align: auto) {
  .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before, .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::before,
.mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected::after {
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #009fe3;
  /* @alternate */
  border-color: var(--mdc-theme-primary, #009fe3);
  background-color: #009fe3;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3);
}
@keyframes mdc-checkbox-fade-in-background-us50k9m {
  0% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
  50% {
    border-color: #009fe3;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #009fe3);
    background-color: #009fe3;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
}
@keyframes mdc-checkbox-fade-out-background-us50k9m {
  0%, 80% {
    border-color: #009fe3;
    /* @alternate */
    border-color: var(--mdc-theme-primary, #009fe3);
    background-color: #009fe3;
    /* @alternate */
    background-color: var(--mdc-theme-primary, #009fe3);
  }
  100% {
    border-color: rgba(0, 0, 0, 0.54);
    background-color: transparent;
  }
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-us50k9m;
}
.mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-us50k9m;
}

:root {
  --mdc-layout-grid-margin-desktop: 24px;
  --mdc-layout-grid-gutter-desktop: 24px;
  --mdc-layout-grid-column-width-desktop: 72px;
  --mdc-layout-grid-margin-tablet: 16px;
  --mdc-layout-grid-gutter-tablet: 16px;
  --mdc-layout-grid-column-width-tablet: 72px;
  --mdc-layout-grid-margin-phone: 16px;
  --mdc-layout-grid-gutter-phone: 16px;
  --mdc-layout-grid-column-width-phone: 72px;
}

@media (min-width: 840px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 24px;
    padding: var(--mdc-layout-grid-margin-desktop, 24px);
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-tablet, 16px);
  }
}
@media (max-width: 479px) {
  .mdc-layout-grid {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--mdc-layout-grid-margin-phone, 16px);
  }
}

@media (min-width: 840px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: grid;
      margin: 0;
      grid-gap: 24px;
      grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: grid;
      margin: 0;
      grid-gap: 16px;
      grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
}
@media (max-width: 479px) {
  .mdc-layout-grid__inner {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
  }
  @supports (display: grid) {
    .mdc-layout-grid__inner {
      display: grid;
      margin: 0;
      grid-gap: 16px;
      grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

@media (min-width: 840px) {
  .mdc-layout-grid__cell {
    width: calc(33.3333333333% - 24px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-desktop {
    width: calc(8.3333333333% - 24px);
    width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-desktop {
      width: auto;
      grid-column-end: span 1;
    }
  }

  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-desktop {
    width: calc(16.6666666667% - 24px);
    width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-desktop {
      width: auto;
      grid-column-end: span 2;
    }
  }

  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-desktop {
    width: calc(25% - 24px);
    width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-desktop {
      width: auto;
      grid-column-end: span 3;
    }
  }

  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-desktop {
    width: calc(33.3333333333% - 24px);
    width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-desktop {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-desktop {
    width: calc(41.6666666667% - 24px);
    width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-desktop {
      width: auto;
      grid-column-end: span 5;
    }
  }

  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-desktop {
    width: calc(50% - 24px);
    width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-desktop {
      width: auto;
      grid-column-end: span 6;
    }
  }

  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-desktop {
    width: calc(58.3333333333% - 24px);
    width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-desktop {
      width: auto;
      grid-column-end: span 7;
    }
  }

  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-desktop {
    width: calc(66.6666666667% - 24px);
    width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-desktop {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-desktop {
    width: calc(75% - 24px);
    width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-desktop {
      width: auto;
      grid-column-end: span 9;
    }
  }

  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-desktop {
    width: calc(83.3333333333% - 24px);
    width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-desktop {
      width: auto;
      grid-column-end: span 10;
    }
  }

  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-desktop {
    width: calc(91.6666666667% - 24px);
    width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-desktop {
      width: auto;
      grid-column-end: span 11;
    }
  }

  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-desktop {
    width: calc(100% - 24px);
    width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-desktop {
      width: auto;
      grid-column-end: span 12;
    }
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid__cell {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-tablet {
    width: calc(12.5% - 16px);
    width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-tablet {
      width: auto;
      grid-column-end: span 1;
    }
  }

  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-tablet {
    width: calc(25% - 16px);
    width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-tablet {
      width: auto;
      grid-column-end: span 2;
    }
  }

  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-tablet {
    width: calc(37.5% - 16px);
    width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-tablet {
      width: auto;
      grid-column-end: span 3;
    }
  }

  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-tablet {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-tablet {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-tablet {
    width: calc(62.5% - 16px);
    width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-tablet {
      width: auto;
      grid-column-end: span 5;
    }
  }

  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-tablet {
    width: calc(75% - 16px);
    width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-tablet {
      width: auto;
      grid-column-end: span 6;
    }
  }

  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-tablet {
    width: calc(87.5% - 16px);
    width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-tablet {
      width: auto;
      grid-column-end: span 7;
    }
  }

  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }

  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-tablet {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-tablet {
      width: auto;
      grid-column-end: span 8;
    }
  }
}
@media (max-width: 479px) {
  .mdc-layout-grid__cell {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell {
      margin: 0;
    }
  }
  .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-phone {
    width: calc(25% - 16px);
    width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-1,
.mdc-layout-grid__cell--span-1-phone {
      width: auto;
      grid-column-end: span 1;
    }
  }

  .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-phone {
    width: calc(50% - 16px);
    width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-2,
.mdc-layout-grid__cell--span-2-phone {
      width: auto;
      grid-column-end: span 2;
    }
  }

  .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-phone {
    width: calc(75% - 16px);
    width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-3,
.mdc-layout-grid__cell--span-3-phone {
      width: auto;
      grid-column-end: span 3;
    }
  }

  .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-4,
.mdc-layout-grid__cell--span-4-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-5,
.mdc-layout-grid__cell--span-5-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-6,
.mdc-layout-grid__cell--span-6-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-7,
.mdc-layout-grid__cell--span-7-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-8,
.mdc-layout-grid__cell--span-8-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-9,
.mdc-layout-grid__cell--span-9-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-10,
.mdc-layout-grid__cell--span-10-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-11,
.mdc-layout-grid__cell--span-11-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }

  .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-phone {
    width: calc(100% - 16px);
    width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  }
  @supports (display: grid) {
    .mdc-layout-grid__cell--span-12,
.mdc-layout-grid__cell--span-12-phone {
      width: auto;
      grid-column-end: span 4;
    }
  }
}
.mdc-layout-grid__cell--order-1 {
  order: 1;
}
.mdc-layout-grid__cell--order-2 {
  order: 2;
}
.mdc-layout-grid__cell--order-3 {
  order: 3;
}
.mdc-layout-grid__cell--order-4 {
  order: 4;
}
.mdc-layout-grid__cell--order-5 {
  order: 5;
}
.mdc-layout-grid__cell--order-6 {
  order: 6;
}
.mdc-layout-grid__cell--order-7 {
  order: 7;
}
.mdc-layout-grid__cell--order-8 {
  order: 8;
}
.mdc-layout-grid__cell--order-9 {
  order: 9;
}
.mdc-layout-grid__cell--order-10 {
  order: 10;
}
.mdc-layout-grid__cell--order-11 {
  order: 11;
}
.mdc-layout-grid__cell--order-12 {
  order: 12;
}
.mdc-layout-grid__cell--align-top {
  align-self: flex-start;
}
@supports (display: grid) {
  .mdc-layout-grid__cell--align-top {
    align-self: start;
  }
}
.mdc-layout-grid__cell--align-middle {
  align-self: center;
}
.mdc-layout-grid__cell--align-bottom {
  align-self: flex-end;
}
@supports (display: grid) {
  .mdc-layout-grid__cell--align-bottom {
    align-self: end;
  }
}

@media (min-width: 840px) {
  .mdc-layout-grid--fixed-column-width {
    width: 1176px;
    width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 );
  }
}
@media (min-width: 480px) and (max-width: 839px) {
  .mdc-layout-grid--fixed-column-width {
    width: 720px;
    width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 );
  }
}
@media (max-width: 479px) {
  .mdc-layout-grid--fixed-column-width {
    width: 368px;
    width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 );
  }
}

.mdc-layout-grid--align-left {
  margin-right: auto;
  margin-left: 0;
}

.mdc-layout-grid--align-right {
  margin-right: 0;
  margin-left: auto;
}

.aut-bottom-drawer {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}
.aut-bottom-drawer .aut-bottom-drawer__fab {
  top: 40px;
  right: 12px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.aut-bottom-drawer .aut-bottom-drawer__fab .mdc-fab {
  border: solid #fff;
  border-radius: 50%;
  box-shadow: none;
}
.aut-bottom-drawer .aut-bottom-drawer__fab.hidden {
  visibility: hidden;
}
.aut-bottom-drawer ::-webkit-scrollbar {
  width: 0px;
  /* Remove scrollbar space */
  background: transparent;
  /* Optional: just make scrollbar invisible */
}
.aut-bottom-drawer .aut-bottom-drawer__inner {
  background: white;
  margin-top: 10px;
  border-radius: 12px 12px 0px 0px;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .handle {
  border-radius: 12px 12px 0px 0px;
  height: 24px;
  background-color: #fff;
  display: flex;
  width: 100%;
  justify-content: center;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .handle i {
  position: fixed;
  margin: 0 auto;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__content {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 40px;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__content--closed {
  max-height: 40px;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__content--open_full {
  max-height: 90vh;
  transition: max-height 0.5s ease-in-out;
  height: 100%;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__content--open_half {
  max-height: 50vh;
  transition: max-height 0.5s ease-in-out;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__scrim {
  width: 0%;
  transition: background-color 0.2s ease-in-out;
  background-color: rgba(0, 0, 0, 0);
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__scrim--open {
  background-color: rgba(0, 0, 0, 0.32);
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
  display: block;
}
.aut-bottom-drawer .aut-bottom-drawer__inner .aut-bottom-drawer__scrim--closed {
  background-color: rgba(0, 0, 0, 0);
  width: 0%;
}

.mdc-bottom-app-bar {
  transition: bottom 0.2s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: linear-gradient(0deg, #009FE3 0%, #0AB5FF 100%);
  color: #16577b;
  /* @alternate */
  color: var(--mdc-theme-secondary, #16577b);
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-bottom-app-bar .mdc-icon-button {
  height: 56px;
}
.mdc-bottom-app-bar.no-fab .mdc-bottom-app-bar--inner {
  float: right;
}
.mdc-bottom-app-bar.fab-end .mdc-bottom-app-bar--inner {
  width: 100%;
}
.mdc-bottom-app-bar.fab-end .mdc-fab {
  display: block;
  margin-left: auto;
  margin-right: 16px;
  bottom: 84px;
}
.mdc-bottom-app-bar.fab-center .mdc-bottom-app-bar--inner {
  width: 100%;
}
.mdc-bottom-app-bar.fab-center .mdc-bottom-app-bar--inner button:nth-child(4) {
  margin-left: auto;
}
.mdc-bottom-app-bar.fab-center .mdc-fab {
  display: block;
  margin: 0 auto;
  bottom: 84px;
}
.mdc-bottom-app-bar.fab-center-cut .mdc-bottom-app-bar--inner {
  width: 100%;
}
.mdc-bottom-app-bar.fab-center-cut .mdc-bottom-app-bar--inner button:nth-child(4) {
  margin-left: auto;
}
.mdc-bottom-app-bar.fab-center-cut .mdc-fab {
  display: block;
  margin: 0 auto;
  bottom: 84px;
  border: white;
  border-radius: 50%;
  border-style: solid;
  box-shadow: none;
}
.mdc-bottom-app-bar.nav-hide {
  bottom: -56px;
}
.mdc-bottom-app-bar.nav-hide .mdc-fab {
  bottom: 132px;
}
.mdc-bottom-app-bar .mdc-bottom-app-bar--inner {
  height: 56px;
  display: flex;
  flex-direction: row;
}
.mdc-bottom-app-bar .mdc-fab {
  display: none;
  transition: bottom 0.2s ease-in-out;
}
.mdc-bottom-app-bar button:nth-child(n+7) {
  display: none;
}

.overview-tab .mdc-card {
  height: 100%;
}
.overview-tab .mdc-card .aut-card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}
.overview-tab .mdc-card .aut-card-header h2 {
  padding: 8px 16px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.overview-tab .mdc-card .aut-card-header button {
  margin-left: auto;
}
.overview-tab .mdc-card .mdc-card-content {
  margin: 16px 16px 0px 16px;
}
.overview-tab .mdc-card .mdc-card-content .info-text {
  margin-bottom: 8px;
}
.overview-tab .mdc-card .mdc-card__actions {
  display: block;
  padding: 0 8px !important;
  min-height: 44px;
}
.overview-tab .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  float: right;
  display: block;
}
.overview-tab .additional-info .mdc-button {
  width: 100%;
  justify-content: flex-start !important;
  color: #16577B !important;
}
.overview-tab .additional-info .mdc-button .mdc-button__icon {
  width: 40px;
  height: 30px;
  margin-right: 18px;
  filter: invert(16%) sepia(77%) saturate(2860%) hue-rotate(185deg) brightness(93%) contrast(83%) !important;
}
.overview-tab .additional-info .mdc-button:disabled .mdc-button__icon {
  filter: sepia(0%) brightness(0%) contrast(0%) saturate(100%) grayscale(0%) invert(0%) hue-rotate(0deg) !important;
}

.aut-additional-info-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.aut-additional-info-modal .mdc-dialog__surface {
  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
  height: calc(100% - 32px) !important;
  max-height: calc(100% - 32px) !important;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
  align-content: center;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu {
  margin-left: auto;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .mdc-icon-button {
  text-align: center !important;
  padding: 0;
  width: 90px;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .mdc-icon-button .icon-container {
  display: block;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .mdc-icon-button .icon-container .material-icons {
  fill: #ffffff !important;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);
  font-size: 32px;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 0.7rem;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .mdc-icon-button::before,
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .mdc-icon-button::after {
  border-radius: 3px !important;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 23px;
  position: absolute;
  top: 14px;
  right: 0;
  background: #009FE3;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu :last-child .icon-container::before {
  background: transparent;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu :disabled {
  color: #16577B;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__title .aut-additional-info-modal-menu :disabled .material-icons {
  filter: invert(25%) sepia(22%) saturate(2935%) hue-rotate(168deg) brightness(96%) contrast(86%) !important;
}
.aut-additional-info-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0 !important;
}

.property-tab .mdc-card {
  height: auto;
  min-height: 372px;
  margin-bottom: 24px;
}
.property-tab .mdc-card .aut-card-header {
  background: #f9f9f9;
  display: flex;
}
.property-tab .mdc-card h2 {
  font-size: 1.25rem;
  line-height: 0;
}
.property-tab .mdc-card button {
  margin-left: auto;
}
.property-tab .mdc-card .action-button .mdc-card__actions {
  padding: 0;
}
.property-tab .property-details .mdc-layout-grid {
  padding: 16px 16px 0 16px;
}

.legend {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 16px 0px 16px 0px;
  color: #717173;
  margin-left: auto;
  float: right;
}
.legend label {
  margin-left: 5px;
  font-size: 12px;
}
.legend .item-distance {
  margin-right: 15px;
}
.legend .material-icons {
  font-size: 18px;
}

.action-button {
  display: inline-block;
}

.three-state-button {
  justify-content: space-between;
}
.three-state-button .material-icons {
  font-size: 33px;
}

.mdc-chip__text {
  white-space: inherit;
}

.grey-button {
  color: #B4B1B5;
}

.blue-button {
  color: #009fe3;
}

.orange-button {
  color: #FE6200;
}

.green-button {
  color: #9dc430;
}

.red-button {
  color: #E50052;
}

.land-content .legend label {
  margin-left: 3px;
}
.land-content .legend .item-distance {
  margin-right: 10px;
}

.aut-property-details-town-planning .edit-property-details {
  padding-bottom: 0;
}
.aut-property-details-town-planning .mdc-tab-bar {
  height: 48px;
}
.aut-property-details-town-planning .mdc-tab-panels {
  padding: 16px;
}
.aut-property-details-town-planning .mdc-tab-panels .ember-content-editable {
  min-height: 15mm;
  padding: 8px;
}

.ember-content-editable {
  outline-color: #009fe3;
}

html {
  height: 100%;
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  margin: 0;
  font-family: Roboto, sans-serif;
}

*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

*::-webkit-scrollbar-track {
  background: #ddd;
}

*::-webkit-scrollbar-thumb {
  background: #939393;
}

.grid-test .mdc-layout-grid__cell {
  background: #ccc;
}

.tooltip {
  position: relative;
  display: inline-block;
  padding: 0;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #ffffff;
  color: #000;
  text-align: left;
  border-radius: 6px;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -78px;
  opacity: 0;
  margin-bottom: 25px;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  list-style: none;
}

.tooltip .tooltiptext li {
  padding: 4px 14px;
  white-space: normal;
  width: auto;
  word-wrap: normal;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip .material-icons {
  position: absolute;
  line-height: 0px !important;
  top: -6px;
}

.mdc-tab .mdc-tab__text-label {
  color: #1C5B7E;
}

.mdc-tab--active .mdc-tab__text-label {
  color: #15B6FD;
}

.page-tab-nav {
  background: #0ab5ff;
  color: #fff;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 48px;
}
.page-tab-nav .tab-divider {
  height: 23px;
  width: 1px;
  opacity: 0.15;
  background-color: #000000;
}
.page-tab-nav .page-tab-nav-select {
  width: 220px;
  border-radius: 0 !important;
  border: none;
  background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='%23fff'/%3E%3C/svg%3E") 180px center no-repeat;
  background-size: 24px;
  height: auto;
}
.page-tab-nav .page-tab-nav-select .mdc-select__dropdown-icon {
  background: none !important;
}
.page-tab-nav .page-tab-nav-select:not(.mdc-select--disabled) {
  background-color: transparent !important;
}
.page-tab-nav .page-tab-nav-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent !important;
}
.page-tab-nav .page-tab-nav-select:not(.mdc-select--disabled) .mdc-select__anchor .mdc-select__selected-text {
  padding-top: 20px;
}
.page-tab-nav .page-tab-nav-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
  border-radius: 0;
  height: 48px;
}
.page-tab-nav .page-tab-nav-select .mdc-select__selected-text {
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  opacity: 1;
  padding-top: 10px !important;
  font-size: 14px;
  letter-spacing: 0.0125rem;
  font-weight: 500;
}
.page-tab-nav .page-tab-nav-select :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0;
}
.page-tab-nav .page-tab-nav-select .mdc-select__dropdown-icon {
  bottom: 13px;
  filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(344deg) brightness(108%) contrast(101%);
  opacity: 1;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface {
  top: 48px !important;
  min-width: 280px;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list {
  position: relative;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__graphic {
  color: #000000 !important;
  opacity: 1 !important;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item .material-icons {
  position: absolute;
  left: 12px;
  font-size: 24px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
  height: 24px;
  width: 24px;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item--selected.with-icon {
  background-image: none !important;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon {
  background-image: none !important;
}
.page-tab-nav .page-tab-nav-select .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon .material-icons {
  color: #ffffff;
}

.page-tab-nav-left .mdc-tab {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.page-tab-nav-left .mdc-tab__content .mdc-tab__text-label {
  color: #ffffff !important;
  font-size: 13px;
  letter-spacing: 0.0125rem;
}
.page-tab-nav-left .mdc-tab--active .mdc-tab__content .mdc-tab__text-label {
  color: #ffffff !important;
  line-height: 2;
  padding-left: 4px;
  padding-right: 4px;
  border-bottom: 2px solid #ffffff;
}
.page-tab-nav-left .mdc-tab__icon {
  color: #ffffff !important;
}
.page-tab-nav-left .mdc-tab--active .mdc-tab__icon {
  color: inherit !important;
}
.page-tab-nav-left .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  display: none;
}
.page-tab-nav-left .tab-divider {
  margin-top: 11px;
}

.page-tab-nav-right {
  display: flex;
  margin-left: auto;
  align-items: flex-end;
  position: relative;
}
.page-tab-nav-right .mdc-tab {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.page-tab-nav-right .mdc-tab__content .mdc-tab__text-label {
  color: #ffffff !important;
  font-size: 13px;
  letter-spacing: 0.0125rem;
}
.page-tab-nav-right .mdc-tab--active .mdc-tab__content .mdc-tab__text-label {
  color: #ffffff !important;
  line-height: 2;
  padding-left: 4px;
  padding-right: 4px;
  border-bottom: 2px solid #ffffff;
}
.page-tab-nav-right .mdc-tab__icon {
  color: #ffffff !important;
}
.page-tab-nav-right .mdc-tab--active .mdc-tab__icon {
  color: inherit !important;
}
.page-tab-nav-right .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  display: none;
}
.page-tab-nav-right .mdc-button {
  margin: 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  border-radius: 0;
  height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 16px;
}
.page-tab-nav-right .mdc-button:disabled {
  opacity: 0.6;
}
.page-tab-nav-right .mdc-button:disabled .material-icons {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(312deg) brightness(105%) contrast(100%);
  opacity: 0.6;
}
.page-tab-nav-right .mdc-button-disabled {
  opacity: 0.5;
}
.page-tab-nav-right .mdc-icon-button .material-icons {
  color: #000000;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%);
}
.page-tab-nav-right .mdc-icon-button:disabled .material-icons {
  color: #000000;
  filter: invert(21%) sepia(100%) saturate(2399%) hue-rotate(179deg) brightness(92%) contrast(102%);
}
.page-tab-nav-right .custom-dropdown {
  position: absolute;
  right: 16px;
  top: -8px;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface {
  top: 48px !important;
  min-width: 280px !important;
  right: 0px !important;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list {
  position: relative;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 46px;
  font-weight: 400;
  background: #ffffff;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .material-icons, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .material-icons {
  position: absolute;
  left: 16px;
  top: 8px;
  font-size: 22px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item:hover, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item--selected:hover, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3;
  opacity: 1;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item--selected:hover .mdc-list-item__text, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover .mdc-list-item__text, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item--selected:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item:hover .material-icons, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item--selected:hover .material-icons, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover .material-icons, .page-tab-nav-right .custom-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item--selected:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, .page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #ffffff;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, .page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #ffffff;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0;
}
.page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, .page-tab-nav-right .custom-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  background-color: #ffffff;
}
.page-tab-nav-right .tab-divider {
  margin-bottom: 11px;
}

.search-toggler {
  display: none;
}

.mdc-drawer {
  height: 100vh !important;
}

.mdc-drawer__content {
  overflow-y: auto;
  height: 100vh;
}

.mdc-drawer-app-content {
  overflow: hidden;
  overflow-y: auto;
  height: 100vh;
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  margin-left: 350px;
  margin-right: 0;
}

.mdc-drawer.mdc-drawer--open {
  width: 350px;
}

.drawer-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-drawer .mdc-select {
  width: 100%;
}

.mdc-drawer .mdc-layout-grid {
  padding: 16px !important;
  padding: var(--mdc-layout-grid-margin-desktop, 16px);
}

.mdc-drawer .mdc-chip-set {
  padding: 8px 0 !important;
}

.mdc-drawer .mdc-chip--selected {
  background-color: #0ab5ff !important;
  color: #ffffff;
}

.mdc-drawer .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  color: #ffffff;
  background: #0ab5ff;
  fill: #ffffff;
  fill: currentColor !important;
}

.mdc-drawer .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  stroke: #ffffff !important;
}

.mdc-drawer .drawer-label {
  color: rgba(0, 0, 0, 0.6);
  display: block;
  line-height: 2.5rem;
  font-weight: 500;
  display: flex;
}

.mdc-drawer .drawer-label .mdc-form-field {
  margin-left: auto;
  order: 2;
  margin-top: -6px;
  padding-bottom: 4;
  margin-bottom: 0;
}

.mdc-drawer .drawer-label .mdc-form-field .mdc-radio {
  margin-right: -10px;
  margin-left: -10px !important;
  padding-left: -10 !important;
}

.mdc-drawer .drawer-label label {
  padding-right: 20px !important;
}

.blue-add-btn {
  background: #16577b;
  color: #fff;
  border-radius: 50px;
  margin-right: 4px;
  box-shadow: 0px 3px 3px 0px rgba(22, 87, 123, 0.5);
  margin-bottom: -4px;
  margin-top: -4px;
}

.tb-collapse-box {
  padding-left: 46px;
  position: relative;
}

.white-collapse-btn {
  background: #ffffff;
  color: #fff;
  border: none;
  margin: 0;
  padding: 0;
  border-radius: 50px;
  margin-right: 4px !important;
  color: #000000;
  box-shadow: 0px 3px 3px 0px #16577b;
  line-height: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  overflow: hidden;
  position: absolute;
  left: 14px;
  top: 16px;
}

.remix-fab {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 200;
}

.mdc-select,
.mdc-text-field {
  width: 100%;
}

/*.mdc-select__menu {
    display: inline-block;
}*/
.text-field-trailing-text .mdc-text-field__input {
  padding-left: 48px;
  padding-right: 16 px;
}

.mdc-text-field--textarea {
  background: #f5f5f5 !important;
  border-bottom: 1px solid #0000001f;
}
.mdc-text-field--textarea.mdc-text-field--disabled {
  background: #fafafa;
}

.mdc-text-field--textarea textarea {
  resize: none;
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
  top: 32px !important;
}

.mdc-text-field--textarea .mdc-floating-label {
  left: 16px;
}

.mdc-text-field--textarea .mdc-text-field__input {
  margin: 26px 1px 1px 0;
  line-height: 20px;
}

.mdc-menu-surface--open .mdc-list-item .mdc-form-field--align-end {
  background: red;
}

.form-buttons-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.card-divider {
  height: 0;
  margin: 0 -16px 0 -16px;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #0000001f;
}

.mdc-card .card-header {
  background: #F9F9F9;
  padding: 0 16px;
  line-height: 0;
  display: flex;
}
.mdc-card .card-header h2 {
  font-size: 1.25rem;
  line-height: 1rem;
}
.mdc-card .card-header button {
  margin-left: auto;
}

.mdc-card .mdc-typography--subtitle2 {
  line-height: 0.5rem;
}

.mdc-card .mdc-typography--caption {
  line-height: 1rem;
  font-size: 1rem;
  font-weight: 100;
}

.property-details-input .mdc-chip-set {
  padding: 0 !important;
  flex-flow: column nowrap;
  margin: 0;
}

.property-details-input .mdc-chip-set .mdc-chip {
  background-color: #F9F9F9;
  color: #636363;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 18px;
  border-width: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #7C7C7C !important;
  margin: 12px 0 0 0;
}

.property-details-input .mdc-chip-set .mdc-chip--selected {
  display: flex;
  background-color: #009FE3;
  border: 1px solid #009FE3 !important;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: #ffffff;
}

.property-details-input .mdc-chip-set .mdc-chip--selected .mdc-chip__checkmark {
  margin-left: auto !important;
}

.property-details-input .multiselect-checkboxes li {
  background-color: #F9F9F9;
  color: #636363;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  flex-direction: row;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  border-width: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #7C7C7C !important;
  margin: 12px 0 0 0;
  list-style-type: none;
}

.property-details-input .multiselect-checkboxes li label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 18px;
}

.property-details-input .multiselect-checkboxes li.active {
  background-color: #009FE3;
  border: 1px solid #009FE3 !important;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: #ffffff;
}

.property-details-input .multiselect-checkboxes li .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: transparent;
}
.property-details-input .multiselect-checkboxes li .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.property-details-input .multiselect-checkboxes li .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: transparent;
}
@keyframes mdc-checkbox-fade-in-background-us50ka8 {
  0% {
    border-color: transparent;
    background-color: transparent;
  }
  50% {
    border-color: transparent;
    background-color: transparent;
  }
}
@keyframes mdc-checkbox-fade-out-background-us50ka8 {
  0%, 80% {
    border-color: transparent;
    background-color: transparent;
  }
  100% {
    border-color: transparent;
    background-color: transparent;
  }
}
.property-details-input .multiselect-checkboxes li .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .property-details-input .multiselect-checkboxes li .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-us50ka8;
}
.property-details-input .multiselect-checkboxes li .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .property-details-input .multiselect-checkboxes li .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-us50ka8;
}
.property-details-input .multiselect-checkboxes li .mdc-checkbox .mdc-checkbox__checkmark {
  color: #ffffff;
}
.property-details-input .multiselect-checkboxes li .mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: #ffffff;
}

.property-details-input .mdc-layout-grid__inner {
  grid-auto-rows: 30px;
}

.property-details-input .multiselect-checkboxes {
  display: contents;
}

.mdc-data-table {
  display: block;
  width: 100%;
  margin-bottom: 16px;
}

.mdc-data-table .mdc-data-table__header-row {
  background: #F9F9F9;
}

.mdc-data-table .bold {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.00714em;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: left;
}

.page-tab-nav .page-tab-nav-left .sub-tab .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content .mdc-tab__text-label {
  opacity: 1 !important;
}

.mdc-dialog--open {
  z-index: 1001;
}

.image-viewer-container {
  width: 600px;
  height: 600px;
  position: relative;
  z-index: 1002;
}

.image-viewer-container img {
  width: 500px;
}

.image-viewer-container .mdc-dialog__surface {
  border-radius: 0 !important;
  width: auto;
}

.image-viewer-container .close-img {
  color: #ffffff;
  font-size: 3rem;
  position: absolute;
  top: 50px !important;
  right: 0px;
  cursor: pointer;
  z-index: 1003;
  padding: 0;
  margin-top: 0 !important;
}

.image-viewer-container .prev-img {
  position: absolute;
  left: 0px;
  top: 50%;
  font-size: 2.25rem;
  background: #fff;
  border-radius: 50px;
  padding: 0;
  height: 35px;
  width: 35px;
  box-shadow: 0px 0px 5px 0px #000000;
}

.image-viewer-container .next-img {
  position: absolute;
  right: 0px;
  top: 50%;
  font-size: 2.25rem;
  background: #fff;
  border-radius: 50px;
  padding: 0;
  height: 35px;
  width: 35px;
  box-shadow: 0px 0px 5px 0px #000000;
}

.mdc-menu-surface {
  z-index: -99999;
}

.mdc-menu-surface--open {
  z-index: 9999999;
}

.grey-card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}
.grey-card-header h2 {
  color: #202124;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1rem;
  padding: 0px 16px;
}
.grey-card-header .btn-right {
  margin-left: auto;
}

/* default card content container */
.default-card-cont {
  padding: 16px;
}

/* button override */
.mdc-button:disabled .mdc-button__label,
.mdc-button:disabled .material-icons,
.mdc-button:disabled .filter-icon-new {
  color: #000000;
  filter: sepia(0%) brightness(0%) contrast(0%) saturate(100%) grayscale(0%) invert(0%) hue-rotate(0deg);
}

/*mdc-tab contents*/
.content {
  display: none;
}

.content--active {
  display: block;
}

/*default collapsible list*/
.collapsible-list {
  color: #636363;
  line-height: 20px;
  font-size: 14px;
}
.collapsible-list .collapsible-item {
  border-bottom: 1px solid #f2f2f2;
}
.collapsible-list .collapsible-item .collapsible-btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px;
}
.collapsible-list .collapsible-item .collapsible-content {
  padding: 0 16px;
  display: none;
}
.collapsible-list .collapsible-item .collapsible-content p {
  margin-block-start: 0em !important;
}

/*mdc-select 4.0 dropdown menu full width*/
.mdc-select .mdc-select__anchor {
  width: 100%;
}
.mdc-select .mdc-select__menu {
  width: 100%;
}

/*custom-affix*/
.custom-currency-prefix {
  position: relative;
}
.custom-currency-prefix .mdc-floating-label--float-above {
  overflow: unset;
}
.custom-currency-prefix .mdc-floating-label--float-above::after {
  content: "$";
  position: absolute;
  font-size: 1rem !important;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  left: 0px;
  top: 25px;
  color: rgba(0, 0, 0, 0.54);
  transform: scale(1.25);
}
.custom-currency-prefix .mdc-text-field__input {
  text-indent: 10px;
}

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

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

/*checkbox overide*/
.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: 2px solid #979797;
  background-color: transparent;
}
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: #009fe3;
  border-color: var(--mdc-theme-primary, #009fe3);
  background-color: #16577b;
  background-color: var(--mdc-theme-primary, #009fe3);
}

/*radio button override*/
.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #979797 !important;
}
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #009FE3 !important;
}
.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #009FE3 !important;
}

.main-header {
  background: linear-gradient(0deg, #0ab5ff 0%, #009fe3 100%);
  z-index: 1000;
}

.htw-top-app-bar {
  background: #fff;
  height: auto;
  border: none;
}

.main-top-app-bar {
  background: linear-gradient(0deg, #0ab5ff 0%, #009fe3 100%);
  color: #fff;
  height: 74px;
}
.main-top-app-bar .mdc-top-app-bar__title {
  color: #fff;
  font-weight: 500;
}
.main-top-app-bar .mdc-top-app-bar__title .mdc-top-app-bar__sub_title {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
}
.main-top-app-bar .mdc-top-app-bar__title .mdc-top-app-bar__sub_title_list {
  display: block;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
  list-style: none;
}
.main-top-app-bar .mdc-top-app-bar__title .mdc-top-app-bar__sub_title_list li {
  font-size: 14px;
  line-height: 14px;
  border-right: 1px solid #ffffff;
  padding: 0 8px;
  font-weight: 400;
}
.main-top-app-bar .mdc-top-app-bar__title .mdc-top-app-bar__sub_title_list li:first-child {
  padding-left: 0;
}
.main-top-app-bar .mdc-top-app-bar__title .mdc-top-app-bar__sub_title_list li:last-child {
  border-right: none;
}
.main-top-app-bar .mdc-top-app-bar__title.editing-cue .mdc-top-app-bar__sub_title {
  margin-left: 82px;
}
.main-top-app-bar .main-menu .mdc-icon-button {
  text-align: center !important;
  padding: 0;
  padding-top: 0.2em;
  width: 90px;
}
.main-top-app-bar .main-menu .mdc-icon-button .material-icons {
  font-size: 28px;
}
.main-top-app-bar .main-menu .mdc-icon-button .icon-container {
  display: block;
  fill: #fff;
}
.main-top-app-bar .main-menu .mdc-icon-button .icon-container .material-icons {
  opacity: 1 !important;
  color: #000000;
  filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(87deg) brightness(115%) contrast(105%);
}
.main-top-app-bar .main-menu .mdc-icon-button .icon-container::before {
  content: "";
  width: 1px;
  height: 23px;
  position: absolute;
  top: 14px;
  right: 0;
  background: #ffffff;
  opacity: 0.3;
}
.main-top-app-bar .main-menu .mdc-icon-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  /*.icon-container {
    .material-icons {
      color: #000000;
      filter: invert(28%) sepia(9%) saturate(5579%) hue-rotate(164deg) brightness(90%) contrast(88%);
    }
  }   */
}
.main-top-app-bar .main-menu .mdc-icon-button:last-child .icon-container::before {
  background: none;
}
.main-top-app-bar .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  font-weight: 500;
  display: block;
  text-align: center;
}

.sub-menu {
  padding: 0;
  margin: 0;
  height: 48px !important;
  border: none !important;
  background: #fff;
}
.sub-menu .mdc-tab-bar .mdc-tab .mdc-tab__content {
  align-items: center;
}
.sub-menu .mdc-tab-bar .mdc-tab .mdc-tab__content .mdc-tab__icon {
  color: #000000 !important;
  letter-spacing: 0.0125rem !important;
  font-size: 22px;
  filter: invert(26%) sepia(35%) saturate(1444%) hue-rotate(162deg) brightness(95%) contrast(89%);
}
.sub-menu .mdc-tab-bar .mdc-tab .mdc-tab__content .mdc-tab__text-label {
  color: #16577b !important;
  letter-spacing: 0.0125rem !important;
  font-size: 13px;
  font-weight: 500;
  padding-left: 14px;
}
.sub-menu .mdc-tab-bar .mdc-tab.mdc-tab--active .mdc-tab__icon {
  color: #000000;
  filter: invert(56%) sepia(75%) saturate(3464%) hue-rotate(165deg) brightness(91%) contrast(102%);
}
.sub-menu .mdc-tab-bar .mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #009FE3 !important;
}
.sub-menu .mdc-tab-bar .mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline {
  display: none;
}
.sub-menu .mdc-tab-bar .mdc-tab:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sub-menu .mdc-tab-bar .mdc-tab:disabled .mdc-tab__ripple {
  display: none;
}
.sub-menu .mdc-tab-bar {
  border: none !important;
}
.sub-menu .mdc-tab-bar .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content :first-child .mdc-tab-indicator::before {
  content: "";
}
.sub-menu .mdc-tab-bar .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab-indicator::before {
  content: "|";
  float: right;
  line-height: 2em;
  color: #cccccc;
  font-size: 1.8em;
  font-weight: 100;
}
.sub-menu .mdc-tab-bar .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content .material-icons {
  opacity: 1 !important;
}
.sub-menu .mdc-tab-bar .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content .mdc-tab__text-label {
  opacity: 1 !important;
}
.sub-menu .mdc-tab-bar .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab .mdc-ripple-upgraded--background-focused::before {
  opacity: 0 !important;
}

.mdc-top-app-bar__navigation-icon {
  display: none;
}

.mdc-top-app-bar--fixed-adjust {
  padding-top: 0px;
  margin-top: 122px;
}

.single-level-nav-adjust {
  margin-top: 70px;
}

.three-level-nav-adjust {
  margin-top: 170px;
}

.red-dot-notification {
  background: #e50052;
  display: inline-block;
  width: 14px;
  height: 14px;
  content: "";
  border-radius: 100%;
  margin: 0 2px -2px 2px;
}

.orange-dot-notification {
  background: #f28e00;
  display: inline-block;
  width: 14px;
  height: 14px;
  content: "";
  border-radius: 100%;
  margin: 0 2px -2px 2px;
}

/*sticky header on scroll*/
.sticky-nav {
  position: fixed;
  top: 74px;
  width: 100%;
  will-change: transform;
  background: #fffff;
}

.header-unpin {
  transform: translateY(-74px);
  transition: transform 0.1s ease-in-out;
}

.header-pin {
  transform: translateY(0);
  transition: transform 0.2s ease-in-out;
}

.site-header__nav {
  flex-grow: 1;
  width: 0%;
  display: block;
}

.p-plus__primary {
  justify-content: flex-end;
}

.p-plus__overflow {
  background: #ffffff;
  padding: 0;
  list-style: none;
  top: 38px;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.45);
}

.p-plus__primary li {
  padding: 0;
  margin: 0;
  width: 90px !important;
  flex: none;
  justify-content: flex-end;
}

.p-plus__primary .icon-container::after {
  content: "|";
  font-style: normal !important;
  float: right;
  color: #009FE3;
}

.p-plus__toggle-btn {
  background: none !important;
  border: none !important;
  color: #ffffff !important;
  width: 90px;
  padding: 0;
}

.p-plus__toggle-btn .icon-container::after {
  content: "|";
  font-style: normal !important;
  float: right;
  color: #009FE3;
  font-size: 1.6em;
  line-height: 1.5em;
  font-weight: 100;
}

.p-plus__toggle-btn .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  letter-spacing: 0.15em;
  font-size: 0.7em !important;
  display: block;
  text-align: center;
}

.p-plus__overflow li {
  border-bottom: 1px solid #f2f2f2;
}

.p-plus__overflow .mdc-icon-button {
  width: 200px !important;
  color: #0AB5FF;
  display: flex;
  padding-left: 1em !important;
}

.p-plus__overflow .mdc-icon-button:disabled {
  color: #16577B !important;
}

.p-plus__overflow .mdc-icon-button .icon-container {
  margin-right: 1em;
}

.p-plus__overflow .mdc-icon-button .icon-item-title {
  line-height: 2.7em;
}

.p-plus-container .p-plus .p-plus__primary .mdc-icon-button {
  text-align: center !important;
  padding: 0;
  padding-top: 0.2em;
  width: 90px;
}

.htw-brand {
  text-indent: -200%;
  overflow: hidden;
  background: transparent url(/assets/logo-htw-3829d8ad76e681088e2617993807dcd66cd786f0fb295d1efe1a041cdf5444d9.svg) left center no-repeat;
  background-size: contain;
  width: 176px;
  height: 53px;
  margin-right: 24px;
}
.htw-brand::after {
  content: "";
  font-style: normal !important;
  float: right;
  background: #8dd4fa;
  width: 1px;
  height: 23px;
  margin-top: 14px;
}

.main-top-app-bar .custom-top-bar-select {
  width: 200px;
  border-radius: 0 !important;
  border: none !important;
  margin-right: 10px;
}
.main-top-app-bar .custom-top-bar-select::before .mdc-select__anchor, .main-top-app-bar .custom-top-bar-select::after .mdc-select__anchor, .main-top-app-bar .custom-top-bar-select::before, .main-top-app-bar .custom-top-bar-select::after {
  background-color: transparent !important;
}
.main-top-app-bar .mdc-select__dropdown-icon {
  background: none !important;
}
.main-top-app-bar .mdc-select {
  background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='%23fff'/%3E%3C/svg%3E") center right no-repeat;
  background-size: 24px;
}
.main-top-app-bar .mdc-select .mdc-select__anchor {
  background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='%23fff'/%3E%3C/svg%3E") center right no-repeat;
  background-size: 24px;
}
.main-top-app-bar .mdc-select:not(.mdc-select--disabled) {
  background-color: transparent !important;
}
.main-top-app-bar .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent !important;
}
.main-top-app-bar .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor .mdc-select__selected-text {
  padding-top: 20px;
}
.main-top-app-bar .mdc-select:before {
  border: none !important;
}
.main-top-app-bar .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: #ffffff !important;
  font-size: 1.125rem;
  line-height: 1rem;
  border: none !important;
  text-overflow: ellipsis;
  width: 220px;
  overflow: hidden;
}
.main-top-app-bar .mdc-select__anchor {
  width: 100%;
}
.main-top-app-bar .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  font-weight: 500;
  text-transform: none;
  letter-spacing: none;
}

.hawk-top-bar .main-menu button {
  width: 120px !important;
}
.hawk-top-bar .mdc-menu-surface {
  top: 48px !important;
  min-width: 280px;
}
.hawk-top-bar .mdc-menu-surface .mdc-list {
  position: relative;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .orange-dot {
  background: #eb8f00;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 0.6rem;
  position: absolute;
  top: 12px;
  right: 14px;
  text-align: center;
  line-height: 15px;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__graphic {
  color: #000000 !important;
  opacity: 1 !important;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item .material-icons {
  position: absolute;
  left: 12px;
  font-size: 24px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
  height: 24px;
  width: 24px;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item--selected.with-icon {
  background-image: none !important;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon {
  background-image: none !important;
}
.hawk-top-bar .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon .material-icons {
  color: #ffffff;
}
.hawk-top-bar .more-surface {
  min-width: 200px !important;
  max-width: 200px !important;
}
.hawk-top-bar .more-surface .mdc-list-item {
  padding-left: 46px !important;
}
.hawk-top-bar :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0 !important;
}
.hawk-top-bar .dot-notification-button .dot-notification {
  width: 14px;
  height: 14px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 0.6rem;
  position: absolute;
  top: 12px;
  left: 52%;
  text-align: center;
  line-height: 15px;
}
.hawk-top-bar .dot-notification-button .dot-notification.orange-dot {
  background: #eb8f00;
}
.hawk-top-bar .dot-notification-button .dot-notification.red-dot {
  background: #E50052;
}
.hawk-top-bar .dot-notification-button .dot-notification.notifications-counter {
  font-size: 10px !important;
}
.hawk-top-bar .enq-team-icon-btn {
  margin-right: -16px;
}
.hawk-top-bar .enq-team-icon-btn.mdc-icon-button::after {
  opacity: 0.4 !important;
  top: calc(50% - 25%);
  left: calc(50% - 25%);
  width: 50%;
  height: 50%;
}
.hawk-top-bar .enq-team-icon-btn.team_enquiry-icon {
  color: #ffffff;
  filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(262deg) brightness(102%) contrast(102%);
  font-size: 16px;
  background-size: 16px;
}

.enquiry-tab {
  width: auto !important;
}
.enquiry-tab .mdc-tab {
  padding-left: 47px;
  padding-right: 47px;
}

.sub-menu-right {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  position: relative;
  justify-content: flex-end;
}
.sub-menu-right button {
  font-size: 13px;
  color: #16577B !important;
  flex-grow: 0;
  letter-spacing: 0.0125rem !important;
}
.sub-menu-right .mdc-icon-button {
  font-size: 22px;
  line-height: 0.4rem;
  padding: 0px;
  font-weight: 500;
}
.sub-menu-right .mdc-button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  height: 48px;
  border-radius: 0 !important;
}
.sub-menu-right .mdc-button .material-icons {
  color: #000000;
  filter: invert(26%) sepia(35%) saturate(1444%) hue-rotate(162deg) brightness(95%) contrast(89%);
}
.sub-menu-right .mdc-button__icon {
  font-size: 22px;
  height: 20px;
  width: 20px;
}
.sub-menu-right .enq-dropdown {
  position: absolute;
  right: 16px;
  top: -8px;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface {
  top: 48px !important;
  min-width: 280px !important;
  right: 0px !important;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list {
  position: relative;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 46px;
  font-weight: 400;
  background: #ffffff;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .material-icons, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .material-icons {
  position: absolute;
  left: 16px;
  top: 12px;
  font-size: 18px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item:hover, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item--selected:hover, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3;
  opacity: 1;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item--selected:hover .mdc-list-item__text, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover .mdc-list-item__text, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item--selected:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item:hover .material-icons, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item--selected:hover .material-icons, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover .material-icons, .sub-menu-right .enq-dropdown .mdc-menu-surface .mdc-list .mdc-list-item--selected .mdc-list-item--selected:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, .sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #ffffff;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, .sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  background-color: #ffffff;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0;
}
.sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, .sub-menu-right .enq-dropdown .mdc-menu-surface :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  background-color: #ffffff;
}
.sub-menu-right .custom-icon {
  filter: invert(26%) sepia(35%) saturate(1444%) hue-rotate(162deg) brightness(95%) contrast(89%);
}

.drop-down-container {
  position: relative;
  display: block;
}

.drop-down-container .mdc-menu-surface {
  position: absolute;
  top: 45px !important;
  right: 0px !important;
  max-height: calc( 100vh - 64px ) !important;
}

.acc-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 6px;
  padding-right: 6px;
}

.page-tab-nav .mdc-tab__content .orange-dot {
  background: #F28E00;
  border-radius: 50px;
  color: #ffffff;
  font-size: 0.625rem;
  height: 17.5px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  line-height: 19px;
  display: inline;
  margin-left: 12px;
}

.page-tab-nav-full-width {
  flex: 1;
}

.page-tab-nav-fixed {
  position: fixed;
  z-index: 999;
}

/*account full name*/
.account-btn .full-profile-name {
  display: none;
}
.account-btn:hover .full-profile-name {
  display: block;
  position: absolute;
  top: 45px;
  right: 0px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #575757;
  background: #ffffff;
  padding: 1rem;
  border-radius: 3px;
  line-height: 0;
  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);
}

.main-menu-tip {
  position: relative;
}
.main-menu-tip .tip-content {
  font-family: Roboto;
  width: auto;
  font-weight: 500;
  background-color: #ffffff;
  color: #636363;
  text-align: left;
  border-radius: 4px;
  padding: 8px 16px 16px 16px;
  position: absolute;
  z-index: 1;
  top: 54px;
  left: 0;
  opacity: 0;
  display: none;
  margin-bottom: 0px;
  transition: opacity 0.3s;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
}
.main-menu-tip .tip-content .status-due {
  flex-direction: column;
}
.main-menu-tip .tip-content .status-due .status-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 2rem;
}
.main-menu-tip .tip-content .status-due .due-warning {
  color: #900000;
}
.main-menu-tip .tip-content .status-due .due-timer {
  height: 31px;
  width: 100%;
  letter-spacing: 0;
  display: flex;
  color: #636363;
  flex-direction: row;
}
.main-menu-tip .tip-content .status-due .due-timer .big-time {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0;
  padding-right: 8px;
  line-height: 22px;
}
.main-menu-tip .tip-content .status-due .due-timer .due-text-helper {
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 12px;
  font-size: 14px;
  font-weight: 500;
  max-width: 90px;
}
.main-menu-tip .tip-content .status-due .due-timer.due-warning {
  color: #F28E00;
}
.main-menu-tip .tip-content .status-due .due-timer.due-danger {
  color: #900000;
}
.main-menu-tip .tip-content .due-date {
  height: 16px;
  min-width: 134px;
  color: #636363;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15.5px;
  font-weight: 400;
}
.main-menu-tip .tip-content:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  position: absolute;
  top: -7px;
  left: 50px;
  content: " ";
}
.main-menu-tip:hover .tip-content {
  opacity: 1;
  display: block;
}

.enq-modal {
  --mdc-layout-grid-gutter-desktop: 4px;
}
.enq-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface {
  width: 612px;
  max-width: 612px;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  padding: 0;
  color: #636363;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .input-group-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 0px;
  letter-spacing: 0;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-form-field .mdc-checkbox {
  margin-left: -10px;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-form-field label {
  font-weight: 500 !important;
  color: #636363;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-select .mdc-menu-surface--fixed {
  width: 580px;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-select-helper-text {
  opacity: 1;
  margin: 0px 12px 12px 12px;
}
.enq-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__actions {
  border: none;
  padding: 12px 24px 24px 24px;
}

.clone-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.clone-modal .mdc-dialog__container .mdc-dialog__surface {
  width: 888px;
  max-width: 888px;
}

/* Build a Material theme */
/*  Typography */
/* Shape */
/* Color */
.aut-datepicker-container {
  position: relative;
}

.aut-datepicker {
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  z-index: 1;
  overflow: hidden;
}
.aut-datepicker__calendar {
  padding: 4px 8px;
}
.aut-datepicker__calendar--hidden {
  visibility: hidden;
}
.aut-datepicker__actions {
  transition: position;
}
.aut-datepicker__actions--hide {
  visibility: hidden;
}
.aut-datepicker__selection {
  padding: 16px 24px;
  background-color: #009fe3;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3);
  color: #ffffff;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #ffffff);
}
.aut-datepicker__selection-year {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
}
.aut-datepicker__selection-day {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: 400;
  letter-spacing: 0.0073529412em;
  text-decoration: inherit;
  text-transform: inherit;
}
.aut-datepicker__header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.aut-datepicker__header-month, .aut-datepicker__header-year {
  flex-grow: 1;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
}
.aut-datepicker__prev, .aut-datepicker__next {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.aut-datepicker--disabled .fc-day-number {
  color: #eee !important;
}
.aut-datepicker--disabled.fc-today .fc-day-number {
  color: #009fe3 !important;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3) !important;
  opacity: 0.4;
}
.aut-datepicker .fc table {
  width: auto;
  white-space: nowrap;
  table-layout: fixed;
}
.aut-datepicker .fc td {
  border: 0;
}
.aut-datepicker .fc td .fc-today {
  background-color: unset;
}
.aut-datepicker .fc td .fc-today .fc-day-number {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.aut-datepicker .fc .fc-day, .aut-datepicker .fc .fc-day-top, .aut-datepicker .fc .fc-day-header {
  width: 44.44px;
}
.aut-datepicker .fc-scroller {
  overflow: hidden !important;
}
.aut-datepicker .fc-day-header {
  color: rgba(0, 0, 0, 0.54);
  /* @alternate */
  color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54));
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  border: 0;
  padding: 4px 0;
}
.aut-datepicker .fc-row {
  min-height: 0 !important;
  height: 48px;
}
.aut-datepicker .fc-row.fc-widget-header {
  height: auto;
}
.aut-datepicker .fc-day, .aut-datepicker .fc-day-top, .aut-datepicker .fc-day-header {
  width: 48px;
  border: 0;
}
.aut-datepicker .fc-day-top {
  height: 48px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.aut-datepicker .fc-day-number {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  letter-spacing: 0.03125em;
  text-decoration: inherit;
  text-transform: inherit;
  color: rgba(0, 0, 0, 0.87);
  /* @alternate */
  color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
}
.aut-datepicker--selected:not(.fc-other-month) {
  background-color: #009fe3 !important;
  /* @alternate */
  background-color: var(--mdc-theme-primary, #009fe3) !important;
  border-radius: 50%;
}
.aut-datepicker--selected:not(.fc-other-month) .fc-day-number {
  color: #ffffff !important;
  /* @alternate */
  color: var(--mdc-theme-on-primary, #ffffff) !important;
}
.aut-datepicker__content {
  position: relative;
  overflow: hidden;
}
.aut-datepicker__monthpicker {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 1;
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  transition: top 500ms, display 1ms;
}
.aut-datepicker__monthpicker--show {
  top: 0;
}
.aut-datepicker__monthpicker__header {
  display: flex;
  flex-direction: row;
}
.aut-datepicker__monthpicker__content {
  height: calc(100% - 48px - 16px);
  padding: 0 16px 16px;
  overflow: hidden;
}
.aut-datepicker__monthpicker__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: calc(100% / 4);
}
.aut-datepicker__monthpicker__month, .aut-datepicker__monthpicker__year {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.aut-datepicker__monthpicker__month--selected .aut-datepicker__monthpicker__month-label, .aut-datepicker__monthpicker__month--selected .aut-datepicker__yearpicker__year-label, .aut-datepicker__monthpicker__year--selected .aut-datepicker__monthpicker__month-label, .aut-datepicker__monthpicker__year--selected .aut-datepicker__yearpicker__year-label {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.aut-datepicker__monthpicker__month-label, .aut-datepicker__monthpicker__year-label {
  text-transform: uppercase;
  cursor: pointer;
}
.aut-datepicker__yearpicker {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 10;
  background-color: #fff;
  /* @alternate */
  background-color: var(--mdc-theme-surface, #fff);
  transition: top 500ms, display 1ms;
}
.aut-datepicker__yearpicker--show {
  top: 0;
}
.aut-datepicker__yearpicker__header {
  display: flex;
  flex-direction: row;
}
.aut-datepicker__yearpicker__content {
  height: calc(100% - 48px - 16px);
  padding: 0 16px 16px;
  overflow: hidden;
}
.aut-datepicker__yearpicker__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: calc(100% / 4);
}
.aut-datepicker__yearpicker__year {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.aut-datepicker__yearpicker__year--selected .mdc-datepicker-dialog__monthyear__year-label {
  color: #009fe3;
  /* @alternate */
  color: var(--mdc-theme-primary, #009fe3);
}
.aut-datepicker__yearpicker__year-label {
  text-transform: uppercase;
  cursor: pointer;
}

.sm-modal.mdc-dialog {
  transform: none;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
  width: 612px;
  max-width: 612px;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  line-height: 3rem;
  align-content: center;
  margin: 0;
  padding: 0 0 0 16px;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button {
  text-align: center;
  padding: 0;
  width: 90px;
  height: 90px;
  color: #ffffff;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container {
  display: block;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
  color: #000000;
  -webkit-filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(87deg) brightness(115%) contrast(105%);
  filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(87deg) brightness(115%) contrast(105%);
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  background: #009FE3;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :last-child .icon-container::before {
  background: transparent;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled {
  opacity: 0.5;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  padding: 16px;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content p {
  margin-block-start: 0.3em;
  margin-block-end: 0.3em;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content p a {
  text-decoration: none;
  font-weight: 400;
  color: #900000;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .error-msg {
  color: #900000;
}
.sm-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-card .card-contents .mdc-data-table {
  margin-bottom: 0;
  border: none;
}

/* Animations */
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes imgLoading {
  0% {
    width: 100%;
    height: 0%;
    opacity: 1;
  }
  95% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@keyframes imgLoading {
  0% {
    width: 100%;
    height: 0%;
    opacity: 1;
  }
  95% {
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.htw-loading {
  display: block;
  text-align: center;
  padding: 1rem;
}
.htw-loading .loading-text {
  text-transform: uppercase;
  margin: 0 auto;
  width: 88px;
  text-align: left;
  font-weight: 500;
}
.htw-loading .loader {
  position: relative;
  margin: 0 auto;
}
.htw-loading .htw-loader-icon .loader {
  width: 76px;
  height: auto;
  margin-bottom: 0.5rem;
}
.htw-loading .htw-loader-icon .loader span {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: 0%;
  background: url(/assets/images/icons/htw-icon.svg) center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  filter: invert(65%) sepia(93%) saturate(3098%) hue-rotate(167deg) brightness(88%) contrast(92%);
  -webkit-animation: imgLoading 6s linear infinite;
  animation: imgLoading 6s linear infinite;
  transition: 0s;
}
.htw-loading .htw-loader-icon .loader img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.3;
}
.htw-loading .loading-text:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…";
  width: 0px;
}

.htw-loaded {
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  display: block;
  text-align: center;
  padding: 1rem;
}
.htw-loaded .loading-text {
  text-transform: none;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-weight: 500;
}
.htw-loaded .loader {
  position: relative;
  margin: 0 auto;
}
.htw-loaded .htw-loader-icon .loader {
  width: 76px;
  height: auto;
  margin-bottom: 0.5rem;
}
.htw-loaded .htw-loader-icon .loader span {
  display: none;
}
.htw-loaded .htw-loader-icon .loader img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  opacity: 1;
  filter: invert(65%) sepia(93%) saturate(3098%) hue-rotate(167deg) brightness(88%) contrast(92%);
}
.htw-loaded .loading-text:after {
  display: none;
}

.info-icon {
  height: 16px;
  width: 18px;
  display: inline-block;
  margin-right: 8px;
}

.bed-icon {
  background: transparent url(/assets/images/icons/bed.svg) bottom left no-repeat;
  background-size: contain;
}

.car-icon {
  background: transparent url(/assets/images/icons/car.svg) bottom left no-repeat;
  background-size: contain;
}

.bath-icon {
  background: transparent url(/assets/images/icons/bath.svg) bottom left no-repeat;
  background-size: contain;
}

.area-icon {
  background: transparent url(/assets/images/icons/area.svg) bottom left no-repeat;
  background-size: contain;
}

.plus-photo-icon {
  background: transparent url(/assets/images/icons/add-photo.svg) center no-repeat;
  background-size: contain;
  height: 20% !important;
  width: 100% !important;
}

.attachment-icon {
  background: transparent url(/assets/images/icons/icon-attachment.svg) center no-repeat;
  background-size: contain;
}

.building-icon {
  background: transparent url(/assets/images/icons/icon-home.svg) center no-repeat;
  background-size: contain;
}

.bell-ringing-icon {
  background: transparent url(/assets/images/icons/icon-bell-ring.svg) bottom left no-repeat;
  background-size: contain;
}

.filter-icon {
  background: transparent url(/assets/images/icons/icon-filter.svg) center no-repeat;
}

.filter-icon-off {
  background: transparent url(/assets/images/icons/icon-filter-off.svg) center no-repeat;
}

.filter-icon-new {
  background: transparent url(/assets/images/icons/icon-filter-new.svg) center no-repeat;
  background-size: contain;
}

.filter-icon-add {
  background: transparent url(/assets/images/icons/icon-add-filter.svg) center no-repeat;
  background-size: contain;
}

.km-icon {
  background: transparent url(/assets/images/icons/km.svg) center no-repeat;
  background-size: contain;
}

.home-icon {
  background: transparent url(/assets/images/icons/icon-home.svg) center no-repeat;
  background-size: contain;
}

.home-add-icon {
  background: transparent url(/assets/images/icons/home-add-icon.svg) center no-repeat;
  background-size: contain;
}

.my-enquiries-icon, .user-icon {
  background: transparent url(/assets/images/icons/icon_my_enquiries.svg) center no-repeat;
  background-size: contain;
}

.log-icon {
  background: transparent url(/assets/images/icons/log-icon.svg) center no-repeat;
  background-size: contain;
}

.log-out-icon {
  background: transparent url(/assets/images/icons/icon-logout.svg) center no-repeat;
  background-size: contain;
}

.team_enquiry-icon {
  background: transparent url(/assets/images/icons/icon_team_enquiry.svg) center no-repeat;
  background-size: contain;
}

.entity_enquiry-icon {
  background: transparent url(/assets/images/icons/icon_entity_enquiry.svg) center no-repeat;
  background-size: contain;
}

.enquiry-tab .entity_enquiry-icon {
  width: 40px;
}

.standard-enquiry-icon {
  background: transparent url(/assets/images/icons/standard-enquiry-icon.svg) center no-repeat;
  background-size: contain;
}

.schedule-icon {
  background: transparent url(/assets/images/icons/schedule-icon.svg) center no-repeat;
  background-size: contain;
}

.valuation-calculator-icon {
  background: transparent url(/assets/images/icons/valuation-calculator-icon.svg) center no-repeat;
  background-size: contain;
}

.portfolio-enquiry-icon {
  background: transparent url(/assets/images/icons/portfolio-enquiry-icon.svg) center no-repeat;
  background-size: contain;
}

.rp-prof-icon {
  background: transparent url(/assets/images/icons/rp-prof-icon.svg) center no-repeat;
  background-size: contain;
}

.local-auth-icon {
  background: transparent url(/assets/images/icons/local-auth-icon.svg) center no-repeat;
  background-size: contain;
}

.aerial-map-icon {
  background: transparent url(/assets/images/icons/aerial-map-icon.svg) center no-repeat;
  background-size: contain;
}

.cadas-map-icon {
  background: transparent url(/assets/images/icons/cadas-map-icon.svg) center no-repeat;
  background-size: contain;
}

.street-map-icon {
  background: transparent url(/assets/images/icons/street-map-icon.svg) center no-repeat;
  background-size: contain;
}

.image-outline-icon {
  background: transparent url(/assets/images/icons/image-outline-icon.svg) center no-repeat;
  background-size: contain;
}

.kitchen-icon {
  background: transparent url(/assets/images/icons/kitchen.svg) center no-repeat;
  background-size: contain;
}

.laundry-icon {
  background: transparent url(/assets/images/icons/laundry.svg) center no-repeat;
  background-size: contain;
}

.living-room-icon {
  background: transparent url(/assets/images/icons/living-room.svg) center no-repeat;
  background-size: contain;
}

.workspace-icon {
  background: transparent url(/assets/images/icons/workspace.svg) center no-repeat;
  background-size: contain;
}

.external-room-icon {
  background: transparent url(/assets/images/icons/external-room.svg) center no-repeat;
  background-size: contain;
}

.dining-room-icon {
  background: transparent url(/assets/images/icons/dining.svg) center no-repeat;
  background-size: contain;
}

.activities-room-icon {
  background: transparent url(/assets/images/icons/activities.svg) center no-repeat;
  background-size: contain;
}

.store-room-icon {
  background: transparent url(/assets/images/icons/store-room.svg) center no-repeat;
  background-size: contain;
}

.subfloor-room-icon {
  background: transparent url(/assets/images/icons/subfloor-room.svg) center no-repeat;
  background-size: contain;
}

.car-accommodation-icon {
  background: transparent url(/assets/images/icons/car-accommodation.svg) center no-repeat;
  background-size: contain;
}

.essential-repair-icon {
  background: transparent url(/assets/images/icons/essential-repair.svg) center no-repeat;
  background-size: contain;
}

.ancillary-icon {
  background: transparent url(/assets/images/icons/ancillary.svg) center no-repeat;
  background-size: contain;
}

.draft-icon-filled {
  background: transparent url(/assets/images/icons/draft-icon-filled.svg) center no-repeat;
  background-size: contain;
}

.property-icon {
  background: transparent url(/assets/images/icons/property-icon.svg) center no-repeat;
  background-size: contain;
}

.property-type-icon {
  background: transparent url(/assets/images/icons/property-type-icon.svg) center no-repeat;
  background-size: contain;
}

.send-icon {
  background: transparent url(/assets/images/icons/send-icon.svg) center no-repeat;
  background-size: contain;
}

.contact-icon {
  background: transparent url(/assets/images/icons/contact-icon.svg) center no-repeat;
  background-size: contain;
}

.contact-add-icon {
  background: transparent url(/assets/images/icons/contact-add-icon.svg) center no-repeat;
  background-size: contain;
}

.fax-machine-icon {
  background: transparent url(/assets/images/icons/fax-machine-icon.svg) center no-repeat;
  background-size: contain;
}

.mail-box-icon {
  background: transparent url(/assets/images/icons/mail-box-icon.svg) center no-repeat;
  background-size: contain;
}

.clone-icon {
  background: transparent url(/assets/images/icons/clone-icon.svg) center no-repeat;
  background-size: contain;
}

.thumbs-down-icon {
  background: transparent url(/assets/images/icons/thumbs-down-icon.svg) center no-repeat;
  background-size: contain;
}

.decline-file-icon {
  background: transparent url(/assets/images/icons/decline-file-icon.svg) center no-repeat;
  background-size: contain;
}

.status-accepted-icon {
  background: transparent url(/assets/images/icons/status-accepted-icon.svg) center no-repeat;
  background-size: contain;
}

.status-accepted-filled-icon {
  background: transparent url(/assets/images/icons/status-accepted-filled-icon.svg) center no-repeat;
  background-size: contain;
}

.status-cancelled-icon {
  background: transparent url(/assets/images/icons/status-cancelled-icon.svg) center no-repeat;
  background-size: contain;
}

.status-cancelled-filled-icon {
  background: transparent url(/assets/images/icons/status-cancelled-filled-icon.svg) center no-repeat;
  background-size: contain;
}

.status-new-icon {
  background: transparent url(/assets/images/icons/status-new-icon.svg) center no-repeat;
  background-size: contain;
}

.status-new-filled-icon {
  background: transparent url(/assets/images/icons/status-new-filled-icon.svg) center no-repeat;
  background-size: contain;
}

.status-re-sent-icon {
  background: transparent url(/assets/images/icons/status-re-sent-icon.svg) center no-repeat;
  background-size: contain;
}

.status-re-sent-filled-icon {
  background: transparent url(/assets/images/icons/status-re-sent-filled-icon.svg) center no-repeat;
  background-size: contain;
}

.status-sent-icon {
  background: transparent url(/assets/images/icons/status-sent-icon.svg) center no-repeat;
  background-size: contain;
}

.status-sent-filled-icon {
  background: transparent url(/assets/images/icons/status-sent-filled-icon.svg) center no-repeat;
  background-size: contain;
}

.add-note-icon {
  background: transparent url(/assets/images/icons/add-note-icon.svg) center no-repeat;
  background-size: contain;
}

.four-columns-icon {
  background: transparent url(/assets/images/icons/four-columns-icon.svg) center no-repeat;
  background-size: contain;
}

.six-columns-icon {
  background: transparent url(/assets/images/icons/six-columns-icon.svg) center no-repeat;
  background-size: contain;
}

.in-progress-icon {
  background: transparent url(/assets/images/icons/in-progress-icon.svg) center no-repeat;
  background-size: contain;
}

.checkable-list-icon {
  background: transparent url(/assets/images/icons/checkable-list-icon.svg) center no-repeat;
  background-size: contain;
}

.share-icon {
  background: transparent url(/assets/images/icons/share-icon.svg) center no-repeat;
  background-size: contain;
}

.file-download-icon {
  background: transparent url(/assets/images/icons/file-download-icon.svg) center no-repeat;
  background-size: contain;
}

.enquiry-tab .material-icons {
  filter: invert(26%) sepia(60%) saturate(883%) hue-rotate(162deg) brightness(91%) contrast(88%);
}

.enquiry-tab .mdc-tab--active .material-icons, .enquiry-tab .mdc-tab:focus .material-icons {
  filter: invert(50%) sepia(83%) saturate(1353%) hue-rotate(167deg) brightness(102%) contrast(101%);
}

/*attachment page icons*/
.page-head-container {
  display: flex;
}

.total-results {
  line-height: 2.5rem;
  font-weight: 500;
}

.sorter {
  justify-content: flex-end;
  margin-left: auto;
}

.search-page-contents .mdc-drawer__title .drawer-header-buttons {
  padding-top: 12px;
  float: right;
}

.search-page-contents .mdc-card {
  margin: 16px 0;
}

.search-page-contents .mdc-card .card-header {
  background: #F9F9F9;
  display: flex;
  padding-left: 14px;
  border-radius: 4px 4px 0 0;
}

.search-page-contents .mdc-card .card-header h2 {
  width: 70%;
  font-size: 1.125rem;
  line-height: 1.1rem;
}

.search-page-contents .mdc-card .card-header h2 a {
  text-decoration: none;
  color: #15B6FD;
}

.search-page-contents .mdc-card .card-header .control-buttons {
  justify-content: flex-end;
  margin-left: auto;
}

.search-page-contents .mdc-card .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
}

.search-page-contents .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 15px !important;
  top: 15px !important;
}

.search-page-contents .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 15px;
  height: 15px;
}

.vertical-card {
  flex-direction: column;
  box-sizing: border-box;
}

.vertical-card .tooltip .tooltiptext li {
  padding: 4px 14px;
}

.vertical-card .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px 0px 15px 15px;
  min-width: 0;
  align-items: flex-start;
  position: relative;
}

.vertical-card .salesSearchData .mdc-icon-button {
  margin-top: -12px;
}

.vertical-card .salesSearchImage {
  min-width: 240px;
  max-width: 240px;
  min-height: 130px;
  max-height: 130px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
  position: relative;
}

.vertical-card .salesSearchImage img {
  width: 240px;
  overflow: hidden;
  height: auto;
  cursor: pointer;
}

.vertical-card .salesSearchInfo {
  padding: 0;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.vertical-card .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.vertical-card .salesSearchInfo li {
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-all;
  hyphens: auto;
  -webkit-hyphens: auto;
}

.vertical-card .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.vertical-card .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.vertical-card .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 240px;
}

.vertical-card .salesSearchDataA .icon-info li {
  padding: 8px 6px;
  align-items: flex-start;
}

.vertical-card .salesSearchDataA .icon-info li .info-icon {
  height: 14px;
  width: 14px;
  margin-right: 2px;
  background-position: bottom;
  filter: brightness(4);
}

.vertical-card .salesSearchDescription {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 14px;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.considered-sale {
  margin: 16px !important;
}

.considered-sale .list-number {
  background: #F28E00 !important;
}

.map-list .considered-sale {
  margin: 0 !important;
}

.horizontal-card {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  margin-right: -4.333%;
  list-style-type: none;
  padding-left: 0;
  align-items: stretch;
}

.horizontal-card .considered-sale {
  width: 200px;
}

.horizontal-card .tooltip .tooltiptext li {
  padding: 4px 14px;
}

.horizontal-card .mdc-card {
  width: 31.333%;
  margin-right: 1.333%;
}

.horizontal-card .mdc-card .card-header h2 {
  width: 45%;
  font-size: 1.125rem;
  line-height: 1.1rem;
}

.horizontal-card .mdc-card .card-header .control-buttons {
  padding-top: 8px;
}

.horizontal-card .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
  position: relative;
}

.horizontal-card .salesSearchData .mdc-icon-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}

.horizontal-card .salesSearchDataA {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.horizontal-card .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #666666;
  font-size: 1rem;
  font-weight: 500;
}

.horizontal-card .salesSearchDataA .icon-info li {
  padding: 12px 16px 8px 0;
  align-items: flex-start;
}

.horizontal-card .salesSearchImage {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.horizontal-card .salesSearchImage img {
  width: auto;
  height: 130px;
  cursor: pointer;
}

.horizontal-card .salesSearchInfo {
  padding: 0;
  padding-right: 8px;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
  max-height: 130px;
}

.horizontal-card .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.horizontal-card .salesSearchInfo li {
  display: block;
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all;
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.horizontal-card .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.horizontal-card .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.horizontal-card .salesSearchDescription {
  display: flex;
  flex: none;
  flex-direction: column;
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 14px 0;
  white-space: pre-wrap !important;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  width: 100%;
}

.map-list {
  height: 100vh;
  overflow-y: auto;
}

.map-list .tooltip .tooltiptext li {
  padding: 4px 14px !important;
}

.map-list .mdc-card {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  list-style: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #cccccc;
}

.map-list .mdc-card .card-header {
  background: #ffffff;
  display: flex;
  padding-left: 14px;
  padding-top: 8px;
  position: relative;
}

.map-list .mdc-card .card-header h2 {
  width: 45%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #15B6FD;
  padding-left: 18px;
}

.map-list .mdc-card .card-header .list-number {
  height: 22px;
  width: 22px;
  line-height: 1.2rem;
  border-radius: 50px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  background-color: #8E9095;
  margin-top: 16px;
  margin-right: 8px;
  display: inline-block;
  position: absolute;
  left: 8px;
  top: 8px;
}

.map-list .mdc-card .card-header .control-buttons .mdc-icon-button {
  width: 34px;
  height: 34px;
  padding: 0px;
  font-size: 18px;
}

.map-list .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 9px !important;
  top: 9px !important;
  width: 16px;
  height: 16px;
}

.map-list .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 13px;
  height: 13px;
}

.map-list .mdc-card .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
  margin-top: 0px;
  padding: 0;
}

.map-list .mdc-card .control-buttons {
  justify-content: flex-end;
  padding-top: 4px;
  margin-left: auto;
  padding-right: 8px;
  padding-top: 10px;
}

.map-list .mdc-card .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
}

.map-list .mdc-card .salesSearchDataA {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.map-list .mdc-card .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #666666;
  font-size: 1rem;
  font-weight: 500;
}

.map-list .mdc-card .salesSearchDataA .icon-info li {
  padding: 12px 16px 8px 0;
  align-items: flex-start;
}

.map-list .mdc-card .salesSearchImage {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.map-list .mdc-card .salesSearchImage img {
  width: 140px;
  height: 100px;
  cursor: pointer;
}

.map-list .mdc-card .salesSearchInfo {
  padding: 0;
  padding-right: 8px;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
}

.map-list .mdc-card .salesSearchInfo li {
  display: block;
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all;
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  max-height: 130px;
}

.map-list .mdc-card .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.map-list .mdc-card .salesSearchDescription {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 14px 0;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.map-list .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.map-container {
  width: 100%;
  height: 100vh;
  overflow: auto;
}

.map-container .sample-map {
  height: 100%;
  width: 100%;
}

.ember-google-map {
  height: 100%;
  width: 100%;
}

.salesSearchDescriptionHeader {
  width: 100%;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 0.125rem;
  font-weight: 500;
  letter-spacing: 0.00714em;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.sales-tab .comparable-sales-columned .comparable-card-container {
  width: 100%;
  overflow-x: scroll;
}

.edit-container {
  background: #F9F9F9;
}

.edit-header {
  display: flex;
}

.edit-header h2 {
  font-size: 1.125rem !important;
  color: #646464;
  margin: 16px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-all;
}

.edit-header .mdc-icon-button_sales-edit-button {
  color: #646464;
  margin-top: 8px;
}

.edit-add-bldg-btn {
  font-size: 0.875rem;
  margin: 0.875rem;
  color: #16577B !important;
  margin-left: auto;
  background: red;
  width: 200px;
  flex-grow: 0;
}

.edit-add-bldg-btn .mdc-button__icon {
  font-size: 30px;
  height: 30px;
  width: 24px;
}

.new-bldg-chips {
  flex-grow: 1;
  padding: 8px;
  min-width: 180px !important;
}

.new-bldg-chips::before {
  content: "|";
  font-style: normal !important;
  float: left;
  font-weight: 100;
  font-size: 2rem;
  line-height: 2.3rem;
  color: #e0e0e0;
  margin-right: 1rem;
}

.new-bldg-chips .mdc-chip {
  margin: 4px !important;
}

.new-bldg-chips .mdc-chip--selected {
  background: #05ABF2 !important;
  color: #ffffff !important;
}

.new-bldg-chips .mdc-chip--selected .mdc-chip__icon {
  color: #ffffff !important;
}

.new-bldg-chips .mdc-chip .mdc-chip__text {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.edit-close-btn {
  font-size: 30px;
  margin-right: 16px;
  margin-top: 8px;
  padding: 0 !important;
  flex-grow: 0;
}

.edit-property-details {
  background: #ffffff;
  padding-bottom: 80px;
}

.edit-property-details .mdc-card {
  height: auto;
  min-height: 372px;
  margin-bottom: 24px;
}

.property-photos .mdc-card {
  height: 100%;
  min-height: 100% !important;
  padding-bottom: 0px;
  margin-bottom: 0 !important;
}

.edit-property-details .mdc-card .card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}

.edit-property-details .mdc-card .card-header button {
  margin-left: auto;
}

.edit-property-details .mdc-card .card-header h2 {
  font-size: 1.25rem;
  line-height: 1.25rem;
  padding: 8px 16px;
}

.edit-property-details .mdc-card .mdc-layout-grid {
  padding: 16px !important;
  padding: var(--mdc-layout-grid-margin-desktop, 16px);
}

.edit-property-details .property-details .info, .edit-property-details .property-details .icon-info {
  padding: 0px;
  margin: 0px;
  line-height: 2;
  list-style: none;
  font-weight: 500;
  padding: 16px 16px 0 16px;
}

.property-details .mdc-layout-grid__cell {
  margin: 0 !important;
  margin-bottom: -10px !important;
  padding: 0;
}

.property-details .icon-info {
  display: flex;
  flex-direction: row;
}

.property-description {
  padding: 0 16px 16px 16px;
  line-height: 1.5rem;
}

.property-description h4 {
  font-weight: 500;
  font-size: 1rem;
  padding: 0;
  line-height: 0;
}

.property-details .icon-info li {
  padding-right: 2rem;
}

.sales-camera {
  height: 100%;
}

.sales-camera button {
  height: 100%;
  flex-direction: column;
}

.property-details-input {
  padding: 0 16px 0 16px;
}

.property-details-input .mdc-text-field {
  margin-top: 12px !important;
}

.property-details-input .mdc-text-field label {
  font-weight: 500;
}

.property-details-input .mdc-chip-set .quantity {
  display: none;
}

.property-details-input .mdc-chip-set .mdc-chip--selected .quantity {
  margin-left: auto !important;
  display: inline-block;
}

.full-ancillary-button {
  text-align: center;
}

.rating-set {
  padding-bottom: 16px;
}

.rating-system {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  position: relative;
  margin-top: 12px;
  background: #7C7C7C;
  border: 1px solid #7C7C7C;
  border-radius: 4px;
  overflow: hidden;
}

.rating-system input {
  display: none;
}

.rating-system label {
  flex-grow: 1;
  height: 40px;
  background: #F9F9F9;
  border-right: 1px solid #d3d3d3;
  position: relative;
  transition: all 0.1s;
  cursor: pointer;
}

.rating-system label.rate5 {
  border: none;
}

.rating-system label:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: inherit;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.rating-system input:checked ~ label,
.rating-system label:hover ~ label,
.rating-system label:hover {
  background: #0AB5FF;
}

.rating-text {
  color: #ffffff;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  top: 0;
  left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
  text-transform: inherit;
  pointer-events: none;
  transition: all 0.1s;
}

.rating-label {
  color: #636363;
  padding: 10px 0;
  position: absolute;
  width: 100%;
  top: 0;
  left: 20px;
  font-family: Roboto, sans-serif;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
  text-transform: inherit;
  pointer-events: none;
  transition: all 0.1s;
}

/*selecting*/
.rating-system label:hover ~ .rating-text:before {
  content: attr(data-hover) !important;
}

.rating-system input:checked ~ .rating-text:before {
  content: attr(data-checked);
}

.rating-system input:hover ~ .rating-label, input:checked ~ .rating-label {
  top: -10px;
  font-size: 0.75rem;
  color: #16577B;
  transition: all 0.2s;
}

.rating-system input:hover ~ .rating-text, input:checked ~ .rating-text {
  top: 5px;
  font-size: 1rem;
  transition: all 0.2s;
}

.edit-container .edit-tab .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab {
  max-width: 16.666% !important;
}
.edit-container .edit-tab .mdc-tab-scroller .mdc-tab-scroller__scroll-area .mdc-tab-scroller__scroll-content .mdc-tab .mdc-tab__content .mdc-tab__text-label {
  opacity: 1 !important;
}

.comparable-sales {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 16px 0;
}

.comparable-sales .mdc-card {
  margin: 0px 16px 16px 16px;
}

.comparable-sales .mdc-card .tooltip .tooltiptext li {
  padding: 4px 14px !important;
}

.comparable-sales .mdc-card .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.comparable-sales .mdc-card .card-header {
  background: #F9F9F9;
  display: flex;
  padding-left: 14px;
  border-radius: 4px 4px 0 0;
  position: relative;
}

.comparable-sales .mdc-card .card-header h2 {
  width: 70%;
  font-size: 1.125rem;
  line-height: 1.1rem;
}

.comparable-sales .mdc-card .card-header h2 a {
  text-decoration: none;
  color: #15B6FD;
}

.comparable-sales .mdc-card .card-header .control-buttons {
  justify-content: flex-end;
  margin-left: auto;
}

.comparable-sales .mdc-card .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
}

.comparable-sales .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 15px !important;
  top: 15px !important;
}

.comparable-sales .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 15px;
  height: 15px;
}

.comparable-sales .mdc-card .salesSearchData {
  display: flex;
  flex-direction: row;
}

.comparable-sales .mdc-card .salesSearchDataA {
  width: auto;
}

.comparable-sales .mdc-card .salesSearchDescription {
  display: flex;
  flex: 1;
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 0 16px 16px;
  background-color: #F2F5F8;
  margin: 0 16px;
  border-radius: 4px;
  height: 160px;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  position: relative;
  padding: 0;
}

.comparable-sales .mdc-card .salesSearchDescription p {
  overflow: hidden;
  overflow-y: auto;
  height: 128px;
  padding: 16px 32px 16px 16px;
  margin: 0;
}

.comparable-sales .mdc-card .salesSearchDescription button {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 1.25rem;
}

.comparable-sales .mdc-card .sales-comparison-box {
  width: 200px;
  height: 160px;
  border-radius: 4px;
  margin-right: 16px;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}

.comparable-sales .mdc-card .sales-comparison-box button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.25rem;
}

.comparable-sales .mdc-card .sales-comparison-box ul {
  height: 150px;
  list-style: none;
  padding: 4px 0;
  overflow-y: auto;
  margin-top: 0px;
}

.comparable-sales .mdc-card .sales-comparison-box ul li {
  padding: 6px 8px 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.comparable-sales .mdc-card .sales-comparison-box ul li span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}

.comparable-sales .mdc-card .sales-comparison-box .comparison-tags {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: normal;
}

.comparable-sales .mdc-card .sales-map-box {
  width: 200px;
  height: 160px;
  border-radius: 4px;
  margin-right: 16px;
  background: #0AB5FF;
  overflow: hidden;
}

.comparable-sales .mdc-card .sales-map-box .test-map {
  width: 100%;
  height: auto;
}

.comparable-sales .mdc-card .sales-fig {
  width: 230px;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 160px;
}

.comparable-sales .mdc-card .sales-fig ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.comparable-sales .mdc-card .sales-fig ul li {
  font-size: 0.775rem;
  vertical-align: middle;
  line-height: 2.5;
  text-indent: 8px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}

.comparable-sales .mdc-card .sales-fig ul li span {
  margin-left: auto;
  padding-right: 8px;
  font-size: 0.875rem;
}

.comparable-sales .mdc-card .sales-fig .fig-total {
  border-top: 1px solid #cccccc;
  height: 30%;
  line-height: 3;
  font-size: 1rem;
}

.comparable-sales .mdc-card .sales-fig .fig-total span {
  font-size: 1rem;
}

.comparable-sales .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
  align-items: flex-start;
  flex-wrap: wrap;
}

.comparable-sales .salesSearchImage {
  width: 300px !important;
  height: 158px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden !important;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0 12px 0 0;
  flex: 1;
  position: relative;
}

.comparable-sales .salesSearchImage img {
  width: 240px;
  overflow: hidden !important;
  height: auto;
}

.comparable-sales .salesSearchInfo {
  padding: 0;
  margin: 0 0 0 12px;
  list-style: none;
  width: 140px;
  flex: 1;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}

.comparable-sales .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.comparable-sales .salesSearchInfo li {
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-all;
  hyphens: auto;
  -webkit-hyphens: auto;
}

.comparable-sales .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.comparable-sales .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.comparable-sales .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 240px;
}

.comparable-sales .salesSearchDataA .icon-info li {
  padding: 8px 6px;
  align-items: flex-start;
}

.comparable-sales .salesSearchDataA .icon-info li .info-icon {
  height: 14px;
  width: 14px;
  margin-right: 4px;
  background-position: bottom;
  filter: brightness(4);
}

.comparable-sales .comparables {
  overflow-y: scroll;
  padding-bottom: 16px;
  margin-right: 0px;
  -webkit-margin-right: 3px;
}

.comparable-sales .comparables .mdc-card {
  margin-right: 8px;
}

.blue-dot {
  background: #15B6FD;
  color: #ffffff;
  font-size: 1rem;
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: 2px;
  border-radius: 100px;
  line-height: 24px;
  text-align: center;
  vertical-align: center;
}

.comparable-sales-columned {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  width: 100wh;
}

.comparable-sales-columned .comparables {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.comparable-sales-columned .comparables .mdc-card .card-header h2, .comparable-sales-columned .comparables-edit-view .mdc-card .card-header h2 {
  width: 60%;
  font-size: 1rem;
}

.comparable-sales-columned .comparables .mdc-card .card-header h2 .blue-dot {
  position: absolute;
  top: 12px;
  left: 8px;
}

.comparable-sales-columned .comparables .mdc-card .card-header h2 a {
  display: block;
  margin-left: 20px;
}

.comparable-sales-columned .comparables .mdc-card .salesSearchDescription {
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 128px;
  margin-bottom: 16px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 16px;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.comparable-sales-columned .mdc-card {
  margin: 16px;
  flex-direction: column;
  width: 350px !important;
  max-width: 350px;
  min-width: 350px;
}

.comparable-sales-columned .mdc-card .card-header {
  background: #F9F9F9;
  display: flex;
  padding-left: 14px;
  border-radius: 4px 4px 0 0;
  position: relative;
  height: 60px;
}

.comparable-sales-columned .mdc-card .card-header h2 {
  width: 100%;
  font-size: 1rem;
  line-height: 1.1rem;
  padding-right: 16px;
}

.comparable-sales-columned .mdc-card .card-header h2 a {
  text-decoration: none;
  color: #15B6FD;
}

.comparable-sales-columned .mdc-card .card-header .control-buttons {
  justify-content: flex-end;
  margin-left: auto;
}

.comparable-sales-columned .mdc-card .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
}

.comparable-sales-columned .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 15px !important;
  top: 15px !important;
}

.comparable-sales-columned .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 15px;
  height: 15px;
}

.comparable-sales-columned .mdc-card .salesSearchDescriptionHeader {
  width: 100%;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 0.125rem;
  font-weight: 500;
  letter-spacing: 0.00714em;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.comparable-sales-columned .mdc-card .salesSearchDescriptionHeader button {
  position: absolute;
  top: -22px;
  right: -16px;
  font-size: 1.25rem;
}

.comparable-sales-columned .mdc-card .salesSearchDescription {
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 128px;
  margin-bottom: 16px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 16px;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.comparable-sales-columned .mdc-card .sales-comparison-box {
  width: 100%;
  height: 160px;
  border-radius: 4px;
  margin: 0 0 16px 0;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}

.comparable-sales-columned .mdc-card .sales-comparison-box button {
  position: absolute;
  top: 0;
  right: -10px;
  font-size: 1.25rem;
}

.comparable-sales-columned .mdc-card .sales-comparison-box ul {
  height: 100%;
  list-style: none;
  padding: 0;
  overflow-y: auto;
  margin-top: 0px;
  padding-top: 0px;
}

.comparable-sales-columned .mdc-card .sales-comparison-box ul li {
  padding: 6px 8px 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.comparable-sales-columned .mdc-card .sales-comparison-box ul li span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}

.comparable-sales-columned .mdc-card .sales-comparison-box .comparison-tags {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-weight: normal;
}

.comparable-sales-columned .mdc-card .sales-map-box {
  width: 100%;
  height: 160px;
  margin-bottom: 16px;
  border-radius: 4px;
  background: #0AB5FF;
  overflow: hidden;
}

.comparable-sales-columned .mdc-card .sales-map-box .test-map {
  width: 100%;
  height: auto;
}

.comparable-sales-columned .mdc-card .sales-fig {
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 160px;
  width: 100%;
}

.comparable-sales-columned .mdc-card .sales-fig ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.comparable-sales-columned .mdc-card .sales-fig ul li {
  font-size: 0.775rem;
  vertical-align: middle;
  line-height: 2.5;
  text-indent: 8px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}

.comparable-sales-columned .mdc-card .sales-fig ul li span {
  margin-left: auto;
  padding-right: 8px;
  font-size: 0.875rem;
}

.comparable-sales-columned .mdc-card .sales-fig .fig-total {
  border-top: 1px solid #cccccc;
  height: 30%;
  line-height: 3;
  font-size: 1rem;
}

.comparable-sales-columned .mdc-card .sales-fig .fig-total span {
  font-size: 1rem;
}

.comparable-sales-columned .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
}

.comparable-sales-columned .salesSearchDataA {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.comparable-sales-columned .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #666666;
  font-size: 0.75rem;
  font-weight: 500;
}

.comparable-sales-columned .salesSearchDataA .icon-info li {
  padding: 12px 16px 8px 0;
  align-items: flex-start;
}

.comparable-sales-columned .salesSearchImage {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.comparable-sales-columned .salesSearchImage img {
  width: auto;
  height: 130px;
}

.comparable-sales-columned .salesSearchInfo {
  padding: 0;
  padding-right: 8px;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
}

.comparable-sales-columned .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.comparable-sales-columned .salesSearchInfo li {
  display: block;
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all;
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.comparable-sales-columned .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.comparable-sales-columned .salesSearchInfo .tooltip .tooltiptext li {
  padding: 4px 14px !important;
}

.comparable-sales-columned .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.comparable-map-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.comparable-map-list .mdc-card {
  border-radius: 0px !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ccc;
}

.comparable-map-list .mdc-drawer__header {
  padding: 0 !important;
}

.comparable-map-list .comparable-map-subject-property .card-header {
  background: #F9F9F9 !important;
}

.comparable-map-list .comparable-map-subject-property .comparable-map-list .card-header h2 {
  width: 100%;
}

.comparable-map-list .card-header {
  background: #ffffff;
  display: flex;
  padding-left: 14px;
  padding-top: 8px;
}

.comparable-map-list .card-header h2 {
  width: 50%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #15B6FD;
}

.comparable-map-list .card-header .control-buttons .mdc-icon-button {
  width: 34px;
  height: 34px;
  padding: 0px;
  font-size: 18px;
}

.comparable-map-list .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 9px !important;
  top: 9px !important;
  width: 16px;
  height: 16px;
}

.comparable-map-list .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 13px;
  height: 13px;
}

.comparable-map-list .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
  margin-top: 0px;
  padding: 0;
}

.comparable-map-list .list-number {
  height: 22px;
  width: 22px;
  line-height: 1.2rem;
  border-radius: 50px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  background-color: #15B6FD;
  margin-top: 16px;
  margin-right: 8px;
}

.comparable-map-list .control-buttons {
  justify-content: flex-end;
  padding-top: 4px;
  margin-left: auto;
  padding-right: 8px;
  padding-top: 10px;
}

.comparable-map-list .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
}

.comparable-map-list .salesSearchDataA {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.comparable-map-list .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #666666;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  flex-direction: row !important;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #636363;
  font-weight: 500;
}

.comparable-map-list .salesSearchDataA .icon-info li {
  padding: 12px 16px 8px 0;
  align-items: flex-start;
  padding: 12px 0 0 0;
}

.comparable-map-list .salesSearchDataA .icon-info li .info-icon {
  margin-right: 4px;
}

.comparable-map-list .salesSearchDataA .salesSearchImage {
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  object-fit: cover;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.comparable-map-list .salesSearchDataA .salesSearchImage img {
  width: 135px;
  height: 95px;
}

.comparable-map-list .salesSearchImage {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.comparable-map-list .salesSearchImage img {
  width: auto;
  height: 130px;
}

.comparable-map-list .salesSearchInfo {
  padding: 0;
  padding-right: 8px;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
  font-size: 0.87rem;
  line-height: 1rem;
  padding-left: 12px;
}

.comparable-map-list .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.comparable-map-list .salesSearchInfo li {
  display: block;
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all;
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.comparable-map-list .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.comparable-map-list .salesSearchInfo .tooltip .tooltiptext li {
  padding: 4px 14px !important;
}

.comparable-map-list .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.comparable-map-list .mdc-icon-button {
  margin-left: 0 !important;
}

.comparable-map-list .mdc-icon-button .mdc-checkbox {
  margin-right: 0px;
}

.comparable-map-subject-property .mdc-card {
  background: #F9F9F9;
  padding: 0 !important;
}

.comparison-edit {
  height: 175px !important;
  margin-bottom: -15px !important;
  border-radius: 4px 4px 0 0 !important;
}

.comparison-editor-container {
  background: #C2ECFF !important;
  width: 100%;
  display: flex;
  border-radius: 4px;
  margin-top: 15px;
}

.comparison-editor {
  display: block;
  width: 100%;
  padding: 0 8% 20px 8%;
}

.comparison-editor .comparison-header {
  display: flex;
  padding: 0;
  margin: 10px 0 0 0;
  line-height: 4rem;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  line-height: 3rem;
  font-weight: 400;
  letter-spacing: normal;
  text-decoration: inherit;
  text-transform: inherit;
}

.comparison-editor .comparison-header button {
  margin-left: auto;
  font-size: 35px;
  padding: 0;
}

.comparison-options {
  display: flex;
  flex-direction: row;
}

.comparison-option-set {
  padding: 0px 0 16px 0;
}

.comparison-option-set p {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 0.3rem;
  font-weight: 500;
  letter-spacing: 0.00714em;
}

.sale-subject {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sale-subject li {
  width: 30%;
  font-size: 0.875rem;
  color: #1C5B7E;
  line-height: 1rem;
  font-weight: 500;
  padding: 4px 0;
}

.sale-subject li:first-child {
  color: #000000 !important;
  width: 15%;
}

.sale-subject li span {
  margin-right: 10px;
}

.comparison-options .mdc-chip-set {
  flex: 1;
  padding: 0;
  margin: 0;
  border-radius: 4px;
  margin-right: 2rem;
  display: flex;
  flex-direction: row;
}

.comparison-options .mdc-chip-set .mdc-chip {
  border-radius: 0;
  margin: 0;
  border: 1px solid #979797;
  border-right: none;
  flex: 1;
  text-align: center !important;
  height: 56px;
  background: #ffffff;
}

.comparison-options .mdc-chip-set .mdc-chip:first-child {
  border-radius: 4px 0px 0px 4px;
}

.comparison-options .mdc-chip-set .mdc-chip:last-child {
  border-right: 1px solid #979797 !important;
  border-radius: 0 4px 4px 0;
}

.comparison-options .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  opacity: 0 !important;
}

.comparison-options .mdc-chip-set .mdc-chip--selected, .comparison-options .mdc-chip-set .mdc-chip--selected:first-child, .comparison-options .mdc-chip-set .mdc-chip--selected:last-child {
  background: #009fe3 !important;
  box-shadow: none !important;
  border: none !important;
}
.comparison-options .mdc-chip-set .mdc-chip--selected .mdc-chip__text, .comparison-options .mdc-chip-set .mdc-chip--selected:first-child .mdc-chip__text, .comparison-options .mdc-chip-set .mdc-chip--selected:last-child .mdc-chip__text {
  color: #ffffff !important;
}

.comparison-options .mdc-chip-set .suggested-comparison {
  background: #ffffff;
  box-shadow: inset 0px 0px 0px 2px #F28E00;
  border: none;
}

.comparison-options .mdc-chip-set .mdc-chip .mdc-chip__text {
  display: block;
  width: 100%;
  font-size: 0.625rem;
  color: #636363;
  white-space: normal !important;
  line-height: 0.7rem;
}

.comparison-options .mdc-text-field {
  width: 20%;
}

.comparable-sales-columned .comparables-edit-view {
  display: flex;
  flex: 1;
  flex-direction: row;
  overflow: hidden;
}

.comparable-sales-columned .comparables-edit-view .mdc-card {
  margin-right: 0px;
  z-index: 99;
}

.comparable-sales-columned .comparison-editor-container {
  margin: 0;
  border-radius: 0 !important;
  margin-top: 16px;
  margin-bottom: 16px;
  flex: 1;
}

.comparable-sales-columned .comparison-editor-container .comparison-editor {
  padding: 0 20px 20px 20px;
  height: 100%;
  overflow-y: auto;
}

.comparable-sales-columned .comparables-edit-view .sales-comparison-box {
  width: 380px !important;
  margin-right: -20px;
  border-radius: 4px 0 0 4px;
}

.comparable-sales-columned .comparables-edit-view .sales-comparison-box ul {
  width: 320px;
}

.comparison-option-set .comparison-data {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.comparison-option-set .comparison-data .saleData {
  width: 50%;
}

.comparison-option-set .comparison-data .saleData ul {
  display: block;
}

.comparison-option-set .comparison-data .saleData li {
  width: 100%;
}

.comparison-option-set .comparison-data .valuationData {
  width: 50%;
}

.comparison-option-set .comparison-data .valuationData ul {
  display: block;
}

.comparison-option-set .comparison-data .valuationData li {
  width: 100%;
}

.comparable-map-list .card-header a {
  text-decoration: none !important;
  color: #15B6FD !important;
}

.new-bldg-chips .mdc-chip div.ember-content-editable {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.edit-container .edit-property-details .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell div.content-editable-currency {
  display: inline-flex;
}

.edit-container .edit-property-details .analysis-row-textfield {
  background-color: transparent;
}

.edit-container .edit-property-details .analysis-row-textfield input {
  border-bottom-color: transparent !important;
  padding-left: 3px;
}

.edit-container .edit-property-details .analysis-row-textfield .mdc-line-ripple {
  background-color: transparent;
}

.edit-container .edit-property-details .analysis-row-textfield .mdc-line-ripple {
  background-color: transparent;
}

.edit-container .analysis-row-textfield .mdc-text-field__prefix {
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
}

.edit-container .analysis-row-textfield .separator {
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
}

.improvement-ancillaries .analysis-row-textfield .mdc-text-field__prefix {
  border-bottom-style: none !important;
}

.improvement-ancillaries .analysis-row-textfield .separator {
  border-bottom-style: none !important;
}

.edit-property-details .mdc-data-table {
  overflow-x: scroll;
}
.edit-property-details .mdc-data-table .mdc-data-table__cell .mdc-select {
  margin-top: 6px;
}
.edit-property-details .mdc-layout-grid {
  margin-left: 0px;
  margin-right: 0px;
}

.edit-container .edit-property-details .analysis-table-row {
  height: 69px;
}

.edit-container .analysis-row-textfield .mdc-floating-label--float-above {
  display: none;
}

.mdc-text-field__input.chips-placeholder {
  pointer-events: none;
  cursor: pointer;
}

.mdc-chip-set.enq-chip-set {
  padding-right: 35px !important;
}
.mdc-chip-set.enq-chip-set .enq-chip {
  padding-right: 8px;
  max-width: 270px;
}
.mdc-chip-set.enq-chip-set .enq-chip .enq-chip__text {
  font-size: 12px;
  color: #7C7C7C;
}
.mdc-chip-set.enq-chip-set .enq-chip .enq-chip__icon-gray {
  color: #7C7C7C;
  height: 18px;
  width: 18px;
  font-size: 18px;
  padding-left: 8px;
}

.enquiry-search-bar {
  height: 48px;
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}
.enquiry-search-bar .back-btn {
  flex-grow: 0;
  height: 48px;
  text-transform: none;
  border-radius: 0 !important;
  color: #16577B !important;
}
.enquiry-search-bar .back-btn .mdc-button__label {
  letter-spacing: 0.0125rem;
}
.enquiry-search-bar .back-btn .material-icons {
  font-size: 24px;
  width: 24px !important;
  height: 24px !important;
}
.enquiry-search-bar .enquiry-search-box {
  position: absolute;
  left: 200px;
  top: 2px;
  width: 560px;
}
.enquiry-search-bar .enquiry-search-box .enquiry-search-box-input {
  height: 44px !important;
  z-index: 0;
}
.enquiry-search-bar .enquiry-search-box .enquiry-search-box-input .mdc-text-field__icon {
  top: 11px !important;
}
.enquiry-search-bar .enquiry-search-box .enquiry-search-box-input .mdc-floating-label {
  top: 14px;
}
.enquiry-search-bar .enquiry-search-box .enquiry-search-box-input .mdc-text-field__input {
  padding-right: 85px;
}
.enquiry-search-bar .enquiry-search-box .icon-gray {
  color: #aaa;
}
.enquiry-search-bar .enquiry-search-box .clear-search {
  z-index: 101;
  position: absolute;
  right: 43px;
  height: 43px;
  width: 43px;
  padding: 0;
}
.enquiry-search-bar .enquiry-search-box .adv-search-btn {
  z-index: 101;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 43px;
  width: 43px;
  padding: 0;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form {
  transform-origin: top !important;
  left: 0;
  top: 0px !important;
  width: 560px !important;
  border-radius: 0 0 3px 3px;
  overflow: visible;
  position: relative;
  display: flex;
  flex-direction: column;
  /*max-height: calc(100vh - 130px)!important;*/
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .mdc-list--dense .mdc-list-item__graphic {
  margin-right: 6px;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .mdc-list-item--selected {
  color: inherit;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0 !important;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-mid {
  flex: 1;
  padding: 16px 16px 0 16px;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-bottom {
  padding: 0 16px 16px 16px;
  border-top: 1px solid #cccccc;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .form-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 12px;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .form-row .adv-form-label {
  width: 150px;
  color: #4A4A4A;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 56px;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .form-row .adv-search-input {
  width: 500px;
  align-items: flex-end;
  margin-left: auto;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .form-row .date-input {
  width: 280px;
  margin-left: 16px;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-actions {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-actions .right-action-btns {
  align-items: flex-end;
  margin-left: auto;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-actions .mdc-button__label {
  color: #16577b;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-actions .mdc-button--raised {
  background: #16577b;
}
.enquiry-search-bar .enquiry-search-box .adv-search-form .adv-search-actions .mdc-button--raised .mdc-button__label {
  color: #ffffff;
}

.mdc-menu-surface--open .adv-search-surface {
  width: 440px !important;
  z-index: 99999 !important;
}

.enq-search-suggestion {
  transform-origin: top !important;
  left: 0;
  top: 46px !important;
  width: 560px !important;
  border-radius: 0 0 3px 3px;
  max-height: calc(100vh - 130px) !important;
}
.enq-search-suggestion .mdc-list-item {
  font-size: 14px !important;
  border-bottom: 1px solid #cccccc;
  line-height: normal;
  padding: 0;
}
.enq-search-suggestion .mdc-list-item:last-child {
  border-bottom: none;
}
.enq-search-suggestion .mdc-list-item a {
  display: flex;
  width: 100%;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  align-items: center;
  position: relative;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px;
  overflow: hidden;
}
.enq-search-suggestion .mdc-list-item .list-item-message {
  padding: 0 16px;
  width: 100%;
}
.enq-search-suggestion .mdc-list-item .sug-prop {
  flex: 1;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 12px;
}
.enq-search-suggestion .mdc-list-item .sug-prop .sug-prop-sub {
  display: block;
  font-size: 12px;
  color: #636363;
}
.enq-search-suggestion .mdc-list-item .service-number {
  color: #16577B;
  font-weight: 500;
  margin-left: auto;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 94px;
}
.enq-search-suggestion .mdc-list-item .service-number .service-number-status {
  display: block;
  font-size: 12px;
  color: #636363;
  font-weight: 400;
}

.search-results-header {
  display: flex;
  flex-direction: row;
  width: 100%;
  border-bottom: 1px solid #cccccc;
}

.search-results-header-text {
  color: #202124;
  font-size: 20px;
  font-weight: 500;
  line-height: 48px;
  padding: 0px 16px;
}

.search-filter-container {
  padding-right: 24px;
  margin-left: auto;
  align-items: flex-end;
  position: relative;
}

.adv-search-form .divider,
.filter-container .divider {
  display: block;
  height: 1px;
  background: #cccccc;
  margin: 0 -15px 15px -15px;
}

.filter-toggle .material-icons {
  filter: invert(24%) sepia(71%) saturate(679%) hue-rotate(160deg) brightness(98%) contrast(90%);
}
.filter-toggle:disabled .material-icons.filter-icon {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(109%) contrast(101%);
}

/*filter drop-down*/
.filter-drp-menu {
  right: 16px;
  top: -12px;
}
.filter-drp-menu .mdc-menu {
  min-width: 323px;
  right: 0px !important;
}
.filter-drp-menu .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #636363;
}
.filter-drp-menu .mdc-menu .mdc-list .mdc-list-item .material-icons {
  margin-right: 12px;
  color: #636363 !important;
}
.filter-drp-menu .mdc-menu .mdc-list .mdc-list-item.mdc-list-item--selected {
  color: #636363 !important;
}
@media (hover: hover) {
  .filter-drp-menu .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__meta .material-icons {
    margin-right: 0px;
    color: #767676;
    opacity: 30%;
  }
}
@media (hover: none) {
  .filter-drp-menu .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__meta {
    display: none;
  }
  .filter-drp-menu .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__meta .material-icons {
    margin-right: 0px;
    color: #767676;
    opacity: 30%;
  }
  .filter-drp-menu .mdc-menu .mdc-list .mdc-list-item:hover .mdc-list-item__meta {
    display: unset;
  }
  .filter-drp-menu .mdc-menu .mdc-list .mdc-list-item:hover .mdc-list-item__meta .material-icons:active {
    cursor: grabbing;
  }
}

.clear-filter-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  display: none;
}
.clear-filter-btn.filter-on {
  display: flex;
}
.clear-filter-btn.filter-on .filter-name {
  font-size: 14px;
  font-weight: 500;
}
.clear-filter-btn.filter-on .mdc-icon-button {
  margin-left: -8px;
}
.clear-filter-btn.filter-on .mdc-icon-button .mdc-icon-button__icon {
  font-size: 17px !important;
  padding: 0px !important;
  margin-left: -6px;
}

/*filter sidebar modal*/
.enq-filter-drawer {
  min-width: 740px !important;
  z-index: 1000;
  top: 170px;
}
.enq-filter-drawer.mdc-drawer--modal {
  left: initial;
  right: 0;
}
.enq-filter-drawer.mdc-drawer--animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.enq-filter-drawer.mdc-drawer--opening {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.enq-filter-drawer.mdc-drawer--closing {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.enq-filter-drawer .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.enq-filter-drawer .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
}
.enq-filter-drawer .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.enq-filter-drawer .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.enq-filter-drawer .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.enq-filter-drawer .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enq-filter-drawer .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enq-filter-drawer .mdc-list .list-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 6px 16px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
}
.enq-filter-drawer .mdc-list .list-button .material-icons {
  margin-right: 4px;
  color: #666666 !important;
  filter: invert(41%) sepia(0%) saturate(470%) hue-rotate(147deg) brightness(90%) contrast(82%);
}
.enq-filter-drawer .mdc-list .list-button:hover {
  color: #ffffff;
  background: #009fe3;
}
.enq-filter-drawer .mdc-list .list-button:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(92deg) brightness(100%) contrast(107%);
}
.enq-filter-drawer :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0 !important;
}
.enq-filter-drawer .mdc-drawer__header {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 0 16px 4px 16px;
  -webkit-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2) !important;
}
.enq-filter-drawer .mdc-drawer__header .mdc-drawer__title {
  flex: 1;
  color: #202124 !important;
}
.enq-filter-drawer .mdc-drawer__header .filter-nav {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
}
.enq-filter-drawer .mdc-drawer__header .filter-nav .apply-filter-btn {
  background: #1279B2;
  border-radius: 2px;
  margin-right: 12px;
}
.enq-filter-drawer .mdc-drawer__header .filter-nav .close-filter-btn {
  font-size: 30px;
  padding: 0;
  filter: invert(40%) sepia(0%) saturate(457%) hue-rotate(192deg) brightness(89%) contrast(80%);
}
.enq-filter-drawer .mdc-drawer__content {
  height: calc( 100vh - 236px );
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.enq-filter-drawer .mdc-drawer__content .filter-header {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
}
.enq-filter-drawer .mdc-drawer__content .divider-title {
  font-size: 1.2rem;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  align-items: center;
  height: 26px;
  padding: 16px 16px 0px 16px;
  color: #202124;
}
.enq-filter-drawer .mdc-drawer__content .filter-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.enq-filter-drawer .mdc-drawer__content .filter-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row.filter-add-row {
  padding-left: 254px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row.filter-add-row .mdc-button {
  color: #16577B;
}
.enq-filter-drawer .mdc-drawer__content .filter-row.filter-add-row .mdc-button .mdc-button__icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label {
  display: flex;
  padding: 0 8px;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a !important;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select {
  padding: 0 8px;
  flex: 1;
  align-items: center;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select:hover, .enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select:active, .enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select.mdc-select--focused {
  background: transparent;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select.mdc-select--activated .mdc-select__dropdown-icon {
  transition: none !important;
  transform: none !important;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center !important;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select .mdc-select__anchor {
  background: transparent;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select .mdc-select__anchor .mdc-select__selected-text {
  border: none !important;
  font-size: 14px;
  font-weight: 500;
  max-width: 266px;
  text-overflow: ellipsis;
  color: #4a4a4a !important;
  overflow-x: hidden;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select .mdc-select__anchor .mdc-line-ripple {
  display: none;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-menu-surface--fixed {
  width: auto;
  min-width: 270px;
  max-width: 700px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-input-cont {
  padding: 0 8px;
  width: 320px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-select .mdc-select__dropdown-icon {
  right: 14px !important;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-select.mdc-select--activated .mdc-select__dropdown-icon {
  transition: none !important;
  transform: none !important;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-select.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center !important;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-menu-surface--fixed {
  width: auto;
  min-width: 320px;
  max-width: 600px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-range {
  display: flex;
  flex-direction: row;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-range .mdc-text-field {
  flex: 1;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-range .mdc-text-field:first-child {
  margin-right: 8px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-range .mdc-text-field:last-child {
  margin-left: 8px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-action-btns {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  width: 100px;
}
.enq-filter-drawer .mdc-drawer__content .filter-row .filter-row-action-btns button {
  margin-left: auto;
  filter: invert(40%) sepia(0%) saturate(457%) hue-rotate(192deg) brightness(89%) contrast(80%);
}

.searchable-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.searchable-list .list-search-box {
  padding: 3px;
}
.searchable-list .mdc-list {
  overflow-y: auto;
  flex: 1;
}

.fave-list .mdc-list-item {
  padding-right: 0 !important;
}
.fave-list .mdc-list-item .mdc-list-item__meta .mdc-icon-button .material-icons {
  padding-right: 0;
  filter: invert(66%) sepia(0%) saturate(0%) hue-rotate(348deg) brightness(91%) contrast(92%);
  margin-right: 16px;
}
.fave-list .mdc-list-item .mdc-list-item__meta .mdc-icon-button.mdc-icon-button--on .mdc-icon-button__icon--on {
  filter: invert(65%) sepia(43%) saturate(5107%) hue-rotate(166deg) brightness(100%) contrast(103%);
}
.fave-list .mdc-list-item:hover .mdc-list-item__meta .mdc-icon-button .material-icons {
  filter: invert(98%) sepia(98%) saturate(10%) hue-rotate(184deg) brightness(102%) contrast(103%);
}

/*save-delete modal dialogs*/
.pop-alert.mdc-dialog {
  transform: none;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
  width: 612px;
  min-height: 270px;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  font-size: 20px;
  font-weight: 500;
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 0;
  padding-left: 16px;
  border-radius: 4px 4px 0 0;
  align-items: center;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  padding: 16px;
  position: relative;
  display: flex;
  align-items: center;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-list .mdc-list-item:hover {
  background: #009fe3;
  color: #ffffff;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .combo-box {
  width: 100%;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .combo-box .mdc-icon-button {
  color: #767676;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .combo-box .mdc-menu-surface--anchor {
  width: 100%;
  position: relative;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .combo-box .mdc-menu-surface--anchor .mdc-menu {
  width: 100%;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .combo-box .mdc-menu-surface--anchor .mdc-menu .mdc-list .mdc-list-item {
  font-size: 14px;
  font-weight: 500;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .combo-box .mdc-menu-surface--anchor .mdc-menu-surface--fixed {
  left: 16px !important;
  width: 528px;
  border-radius: 0 0 4px 4px;
}
.pop-alert.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__actions {
  padding: 16px;
}

/*filter sidebar modal*/
.enq-dismissable-drawer {
  min-width: 740px !important;
  z-index: 1000;
  top: 170px;
  height: calc( 100vh - 170px ) !important;
}
.enq-dismissable-drawer.mdc-drawer--dismissible {
  left: initial;
  right: 0;
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.enq-dismissable-drawer.mdc-drawer--dismissible + .mdc-drawer-scrim {
  background-color: rgba(0, 0, 0, 0.32);
}
.enq-dismissable-drawer.mdc-drawer--animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.enq-dismissable-drawer.mdc-drawer--opening {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.enq-dismissable-drawer.mdc-drawer--closing {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.enq-dismissable-drawer .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.enq-dismissable-drawer .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
}
.enq-dismissable-drawer .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.enq-dismissable-drawer .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.enq-dismissable-drawer .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.enq-dismissable-drawer .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enq-dismissable-drawer .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enq-dismissable-drawer .mdc-list .list-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 6px 16px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
}
.enq-dismissable-drawer .mdc-list .list-button .material-icons {
  margin-right: 4px;
  color: #666666 !important;
  filter: invert(41%) sepia(0%) saturate(470%) hue-rotate(147deg) brightness(90%) contrast(82%);
}
.enq-dismissable-drawer .mdc-list .list-button:hover {
  color: #ffffff;
  background: #009fe3;
}
.enq-dismissable-drawer .mdc-list .list-button:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(92deg) brightness(100%) contrast(107%);
}
.enq-dismissable-drawer .mdc-drawer__header {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  padding: 0 16px 4px 16px;
  -webkit-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2) !important;
  box-shadow: inset 0px 4px 4px -4px rgba(0, 0, 0, 0.2) !important;
}
.enq-dismissable-drawer .mdc-drawer__header .mdc-drawer__title {
  flex: 1;
  color: #202124 !important;
}
.enq-dismissable-drawer .mdc-drawer__header .filter-nav {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  align-items: center;
}
.enq-dismissable-drawer .mdc-drawer__header .filter-nav .apply-filter-btn {
  background: #1279B2;
  border-radius: 2px;
  margin-right: 12px;
}
.enq-dismissable-drawer .mdc-drawer__header .filter-nav .close-filter-btn {
  font-size: 30px;
  padding: 0;
  filter: invert(40%) sepia(0%) saturate(457%) hue-rotate(192deg) brightness(89%) contrast(80%);
}
.enq-dismissable-drawer .mdc-drawer__content {
  height: calc( 100vh - 236px );
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-header {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
}
.enq-dismissable-drawer .mdc-drawer__content .divider-title {
  font-size: 1.2rem;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  align-items: center;
  height: 26px;
  padding: 16px 16px 0px 16px;
  color: #202124;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row.filter-add-row {
  padding-left: 254px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row.filter-add-row .mdc-button {
  color: #16577B;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row.filter-add-row .mdc-button .mdc-button__icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label {
  display: flex;
  padding: 0 8px;
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #4a4a4a !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select {
  padding: 0 8px;
  flex: 1;
  align-items: center;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select:hover, .enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select:active, .enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select.mdc-select--focused {
  background: transparent;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select.mdc-select--activated .mdc-select__dropdown-icon {
  transition: none !important;
  transform: none !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select .mdc-select__anchor {
  background: transparent;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select .mdc-select__anchor .mdc-select__selected-text {
  border: none !important;
  font-size: 14px;
  font-weight: 500;
  max-width: 266px;
  text-overflow: ellipsis;
  color: #4a4a4a !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-select .mdc-select__anchor .mdc-line-ripple {
  display: none;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-label-select .mdc-menu-surface--fixed {
  width: auto;
  min-width: 270px;
  max-width: 700px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont {
  padding: 0 8px;
  width: 320px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-select .mdc-select__dropdown-icon {
  right: 14px !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-select.mdc-select--activated .mdc-select__dropdown-icon {
  transition: none !important;
  transform: none !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-select.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .mdc-menu-surface--fixed {
  width: auto;
  min-width: 320px;
  max-width: 600px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box {
  background-color: whitesmoke;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #939393;
  min-height: 54px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-icon-button {
  color: #767676;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set {
  padding-right: 35px !important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .mdc-chip, .enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .custom-mdc-chip {
  padding-right: 8px;
  max-width: 270px;
  cursor: default;
  border-radius: 16px;
  background-color: #e0e0e0;
  color: #7C7C7C;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: inline-flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  border-width: 0;
  outline: none;
  -webkit-appearance: none;
  margin: 4px;
  --mdc-ripple-fg-size: 0 !important;
  --mdc-ripple-fg-scale: 0 !important;
  --mdc-ripple-fg-translate-start: none!important;
  --mdc-ripple-fg-translate-end: none!important;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .mdc-chip .mdc-chip__text, .enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .custom-mdc-chip .mdc-chip__text {
  font-size: 12px;
  color: #7C7C7C;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .mdc-chip .mdc-chip__icon, .enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .custom-mdc-chip .mdc-chip__icon {
  color: #7C7C7C;
  height: 18px;
  width: 18px;
  font-size: 18px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .mdc-chip .mdc-chip__icon--trailing, .enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-input-cont .combo-box .mdc-chip-set .custom-mdc-chip .mdc-chip__icon--trailing {
  padding-right: 2px;
  cursor: pointer;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-range {
  display: flex;
  flex-direction: row;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-range .mdc-text-field {
  flex: 1;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-range .mdc-text-field:first-child {
  margin-right: 8px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-range .mdc-text-field:last-child {
  margin-left: 8px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-action-btns {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  width: 100px;
}
.enq-dismissable-drawer .mdc-drawer__content .filter-row .filter-row-action-btns button {
  margin-left: auto;
  filter: invert(40%) sepia(0%) saturate(457%) hue-rotate(192deg) brightness(89%) contrast(80%);
}

.enq-favorite-list.mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.enq-favorite-list.mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
}
.enq-favorite-list.mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.enq-favorite-list.mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.enq-favorite-list.mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.enq-favorite-list.mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.enq-favorite-list.mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}

.enquiry-table {
  background: #ffffff;
  margin-bottom: 0px;
}
.enquiry-table a {
  text-decoration: none !important;
  color: #16577B;
}
.enquiry-table ul li {
  line-height: 18px !important;
  margin-bottom: 6px !important;
}
.enquiry-table .enq-service-col {
  flex: 1;
  max-width: 180px;
}
.enquiry-table .enq-details-col {
  flex: 1;
}
.enquiry-table .service-location-col {
  flex: 1;
  max-width: 184px;
}
.enquiry-table .service-location-col .no-service-location {
  margin-block-start: 1.2em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  display: flex;
  flex-direction: row;
}
.enquiry-table .service-location-col .no-service-location .material-icons {
  color: #900000;
  font-size: 18px;
  height: 14px;
  width: 24px;
}
.enquiry-table .enq-alerts-col {
  width: 60px;
  display: flex;
  flex-direction: row;
}
.enquiry-table .enq-alerts-col a.enq-alerts {
  position: relative;
  text-decoration: none;
  align-items: baseline;
  margin-block-start: 1.2em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  display: flex;
  flex-direction: row;
}
.enquiry-table .enq-alerts-col a.enq-alerts .material-icons {
  color: #636363;
  font-size: 24px;
  filter: invert(40%) sepia(0%) saturate(580%) hue-rotate(191deg) brightness(90%) contrast(81%);
  height: 14px;
  width: 60px;
}
.enquiry-table .enq-alerts-col a.enq-alerts .alert-count {
  position: absolute;
  color: #16577B;
  font-weight: 700;
  left: 38px;
  top: -2px;
}
.enquiry-table .enq-client-col {
  flex: 1;
  max-width: 400px;
}
@media only screen and (max-width: 1440px) {
  .enquiry-table .enq-client-col {
    max-width: 300px;
  }
}
.enquiry-table .enq-client-col .client .client-ref-number {
  color: #1B5A7E;
}
.enquiry-table .enq-client-col .client .client-ref-number a {
  color: #1B5A7E;
  text-decoration: none;
}
.enquiry-table .enq-status-col {
  width: 234px;
}
.enquiry-table .enq-status-col .enq-status-timeline {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(62, 62, 62, 0.87);
  padding-bottom: 8px;
  display: block;
  height: 20px;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-pointer {
  background: transparent url(/assets/images/icons/dot-arrow-icon.svg) 0px 34px no-repeat;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
  height: 60px;
  width: 30px;
  background-size: contain;
  content: " ";
  opacity: 0.5;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-cont {
  flex-direction: column;
  width: 34px;
}
.enquiry-table .enq-status-col .enq-status-timeline .draft-status .status-icon {
  content: " ";
  height: 34px;
  width: 34px;
  background: transparent url(/assets/images/icons/draft-icon.svg) top left no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline .new-status .status-icon {
  content: " ";
  height: 34px;
  width: 34px;
  background: transparent url(/assets/images/icons/status-new-icon.svg) top left no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline .sent-status .status-icon {
  content: " ";
  height: 34px;
  width: 34px;
  background: transparent url(/assets/images/icons/status-sent-icon.svg) top left no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline .re-sent-status .status-icon {
  content: " ";
  height: 34px;
  width: 34px;
  background: transparent url(/assets/images/icons/status-re-sent-icon.svg) top left no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due {
  flex-direction: column;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-warning {
  color: #900000;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-timer {
  height: 31px;
  width: 134px;
  letter-spacing: 0;
  display: flex;
  color: #636363;
  flex-direction: row;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-timer .big-time {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: 0;
  padding-right: 8px;
  line-height: 22px;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-timer .due-text-helper {
  width: 60px;
  white-space: normal;
  overflow-wrap: break-word;
  line-height: 12px;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-timer.due-warning {
  color: #F28E00;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-timer.due-danger {
  color: #900000;
}
.enquiry-table .enq-status-col .enq-status-timeline .status-due .due-date {
  height: 16px;
  width: 134px;
  color: #636363;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 15.5px;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-declined {
  justify-content: flex-start;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-declined .status-icon {
  margin-right: 16px;
  content: " ";
  height: 34px;
  width: 34px;
  background: transparent url(/assets/images/icons/status-declined-icon.svg) top left no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-declined .status-title {
  padding-bottom: 0px;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-accepted {
  justify-content: flex-start;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-accepted .status-icon {
  margin-right: 16px;
  content: " ";
  height: 38px;
  width: 30px;
  background: transparent url(/assets/images/icons/status-accepted-icon.svg) 0 2px no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-accepted .status-title {
  padding-bottom: 0px;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-expired {
  justify-content: flex-start;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-expired .status-icon {
  margin-right: 16px;
  content: " ";
  height: 38px;
  width: 34px;
  background: transparent url(/assets/images/icons/status-expired-icon.svg) 0 2px no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-expired .status-title {
  padding-bottom: 0px;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-cancelled {
  justify-content: flex-start;
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-cancelled .status-icon {
  margin-right: 16px;
  content: " ";
  height: 38px;
  width: 30px;
  background: transparent url(/assets/images/icons/status-cancelled-icon.svg) 0 2px no-repeat;
  background-size: contain;
  filter: invert(39%) sepia(0%) saturate(0%) hue-rotate(298deg) brightness(97%) contrast(90%);
}
.enquiry-table .enq-status-col .enq-status-timeline.enq-status-cancelled .status-title {
  padding-bottom: 0px;
}
.enquiry-table .mdc-data-table__header-row {
  background: #ffffff;
  height: 42px !important;
  padding-right: 5px;
}
.enquiry-table .child-row {
  border: none !important;
}
.enquiry-table td {
  font-family: "Roboto";
  font-size: 14px;
  color: #636363;
  line-height: 20px;
  vertical-align: top;
}
.enquiry-table td ul {
  list-style: none;
  padding: 0;
  color: #636363;
}
.enquiry-table td ul li {
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: break-word;
  white-space: initial;
  word-wrap: break-word;
}
.enquiry-table td ul li.bold {
  font-weight: 700;
  color: rgba(62, 62, 62, 0.87);
}
.enquiry-table td .service-number {
  font-size: 14px;
  color: #16577B;
  font-weight: 700;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.enquiry-table td .service-number a {
  text-decoration: none;
  color: #16577B;
}
.enquiry-table td .property {
  position: relative;
  padding-left: 28px;
  line-height: 25px;
}
.enquiry-table td .properties {
  color: #16577B;
}
.enquiry-table td .property .material-icons {
  position: absolute;
  top: 0px;
  left: -2px;
}
.enquiry-table td .properties .material-icons a {
  color: #636363;
}

.row-collapse-container:hover {
  background: #ffffff !important;
}

.enquiry-table td .properties a {
  color: #16577B;
  text-decoration: none;
}
.enquiry-table .view-less a {
  color: #16577B;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.service li {
  padding-left: 30px;
}

.white-dot {
  webkit-font-smoothing: antialiased;
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border: 1px solid #575757;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #575757;
  font-weight: 400;
  background: #ffffff;
  display: inline-block;
  line-height: 20px;
}

.purple-dot {
  webkit-font-smoothing: antialiased;
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border: 1px solid #7300D9;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #7300D9;
  display: inline-block;
  line-height: 20px;
}

.grey-dot {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #636363;
  display: inline-block;
  line-height: 20px;
}

.enq-tooltip {
  padding: 0;
  z-index: 999;
  background: red;
}
.enq-tooltip .purple-dot {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #7300D9;
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
}
.enq-tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #ffffff;
  color: #636363;
  text-align: left;
  border-radius: 6px;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  top: 28px;
  left: 0px;
  opacity: 0;
  margin-bottom: 25px;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  list-style: none;
}
.enq-tooltip .tooltiptext li {
  padding: 4px 14px;
  white-space: normal;
  width: auto;
  word-wrap: normal;
  font-weight: 500 !important;
  position: relative;
}
.enq-tooltip .tooltiptext li .material-icons {
  position: absolute;
  top: 0px;
  left: -16px;
}
.enq-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.enq-tooltip .tooltiptext .team-member {
  text-indent: 30px;
  font-size: 14px;
}

.multiple-property-counter {
  position: relative;
}
.multiple-property-counter .tooltiptext {
  width: 300px;
  font-weight: 500;
  background-color: #ffffff;
  color: #636363;
  text-align: center;
  border-radius: 6px;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: -100%;
  opacity: 0;
  margin-bottom: 0px !important;
  transition: opacity 0.3s;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
}

.fixed-table-header {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
.fixed-table-header tr {
  display: flex;
}
.fixed-table-header thead th {
  align-items: center;
  border-bottom: 1px solid #ccc;
  display: flex;
}
.fixed-table-header tbody {
  display: block;
  width: 100%;
  overflow-y: scroll;
  height: calc(100vh - 216px);
}
.fixed-table-header .mdc-data-table__row {
  height: auto !important;
}

button.mdc-button.loading-more-button {
  background-color: #F9F9F9;
  text-align: center;
  padding: 0px 30px;
  color: #6c6c6c;
  box-shadow: 1px 1px 3px #888888;
}

.loading-more {
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.advanced-search-count {
  z-index: -100;
  background: #fff;
}
.advanced-search-count .mdc-typography.mdc-typography--headline5 {
  padding: 10px;
  color: rgba(0, 0, 0, 0.85);
}

.prop-toggle-list .toggle-list {
  display: none;
}
.prop-toggle-list .toggle-list + label {
  cursor: pointer;
  color: #000000;
  padding-right: 24px;
  margin-bottom: 8px;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' width='24px' height='24px'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z'/%3E%3C/svg%3E") center right no-repeat;
  filter: invert(26%) sepia(86%) saturate(646%) hue-rotate(162deg) brightness(88%) contrast(89%);
}
.prop-toggle-list .toggle-list + label + ul {
  display: none;
  margin-bottom: 14px;
}
.prop-toggle-list .toggle-list:checked + label {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z'/%3E%3C/svg%3E") center right no-repeat !important;
  margin-bottom: 14px;
}
.prop-toggle-list .toggle-list:checked + label + ul {
  display: block;
  margin-top: 4px;
}

.dashboard-header {
  display: flex;
}

.five-col {
  display: flex;
  flex-wrap: wrap;
  padding: 12px 8px;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.five-col .one-col {
  flex: 1;
  padding: 16px;
  align-items: flex-start;
  flex-direction: row;
}
.five-col .one-col h6 {
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  margin: 0;
  color: #15B6FD;
  border-bottom: 5px solid #202124;
}
.five-col .one-col h6 span {
  color: #666666;
  font-size: 16px;
  line-height: 24px;
  display: block;
  font-weight: 100;
}
.five-col .one-col .mdc-card {
  margin: 24px 0;
  flex: 1;
}
.five-col .one-col .mdc-card__primary-action:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.five-col .one-col .mdc-card .card-header {
  flex-direction: column;
  background-color: #F9F9F9;
  padding: 0.1rem 0.6rem;
  margin: 0;
  border-radius: 4px 4px 0 0;
  min-height: 44px;
  justify-content: center;
}
.five-col .one-col .mdc-card .card-title {
  align-items: center;
  font-weight: 500;
  color: #202124;
  font-size: 16px;
  margin: 6px 0px;
}
.five-col .one-col .mdc-card .card-sub-title {
  font-size: 13px;
  margin: 4px 0 12px 0;
  color: #636363;
}
.five-col .one-col .mdc-card .card-body {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  padding: 0.8rem 0.8rem 1rem 0.6rem;
  color: #636363;
  font-weight: 500;
}
.five-col .one-col .mdc-card .card-body .sched {
  display: flex;
  margin-bottom: 8px;
}
.five-col .one-col .mdc-card .card-body .sched .time {
  line-height: 24px;
  margin-left: 4px;
}
.five-col .one-col .mdc-card .card-body .info {
  display: flex;
}
.five-col .one-col .mdc-card .card-body .info .property {
  margin-left: auto;
  text-align: left;
}
.five-col .one-col .prog-ending {
  border: 1px solid #F28E00 !important;
}
.five-col .one-col .prog-ending .card-header {
  background: #F28E00 !important;
}
.five-col .one-col .prog-ending .card-title {
  color: #ffffff !important;
}
.five-col .one-col .prog-ending .card-sub-title {
  color: #ffffff;
}
.five-col .one-col .prog-ending .sched {
  color: #F28E00 !important;
}
.five-col .one-col .prog-ended {
  border: 1px solid #E50052 !important;
}
.five-col .one-col .prog-ended .card-header {
  background: #E50052 !important;
}
.five-col .one-col .prog-ended .card-title {
  color: #ffffff !important;
}
.five-col .one-col .prog-ended .card-sub-title {
  color: #ffffff;
}
.five-col .one-col .prog-ended .sched {
  color: #E50052 !important;
}

.fr-search-box {
  width: 380px;
  margin-left: auto;
  margin-right: 16px;
}

.fr-search-box .mdc-text-field__icon {
  left: 0 !important;
}

.fr-search-box .mdc-text-field__input {
  text-indent: 26px;
}

.valuers-table {
  background: #ffffff;
}

.valuers-table .mdc-data-table__header-row {
  background: #ffffff;
}

.valuers-table .mdc-data-table__header-row .mdc-data-table__header-cell {
  cursor: pointer;
}

.valuers-table .mdc-data-table__header-row .mdc-data-table__header-cell:hover {
  background: transparent url(/assets/images/icons/table-header-hover.svg) center right no-repeat;
}

.valuers-table .child-row {
  border: none !important;
}

.valuers-table td {
  font-family: "Roboto";
  font-size: 12px;
  vertical-align: top;
}

.valuers-table td .big {
  font-size: 16px;
  color: #16577B;
  font-weight: 600;
  position: relative;
  line-height: 25px;
}

.valuers-table td .big a {
  text-decoration: none;
  color: #009FE3;
}

.valuers-table td .big a:hover {
  color: #2285bc;
}

.valuers-table td .small {
  font-size: 11px;
  color: #7300D9;
}

.valuers-table td .property {
  position: relative;
  padding-left: 28px;
  line-height: 25px;
}

.valuers-table td .properties {
  color: #16577B;
}

.valuers-table td .property .material-icons {
  position: absolute;
  top: 0px;
  left: -2px;
}

.valuers-table td .properties .material-icons a {
  color: #636363;
}

.row-collapse-container:hover {
  background: #ffffff !important;
}

.valuers-table td ul {
  list-style: none;
  padding: 0;
  color: #636363;
}

.valuers-table td ul li {
  line-height: 18px;
}

.valuers-table td ul li.bold {
  font-size: 12px !important;
}

.valuers-table td .properties a {
  color: #16577B;
  text-decoration: none;
}

.valuers-table .view-less a {
  color: #16577B;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.job li {
  padding-left: 28px;
}

.purple-dot {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #7300D9;
  display: inline-block;
  line-height: 20px;
}

.grey-dot {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #636363;
  display: inline-block;
  line-height: 20px;
}

.valuers-table .alerts li a {
  color: #16577B;
  font-size: 10px;
  line-height: 24px;
  position: relative;
  padding-left: 26px;
  text-decoration: none;
}

.valuers-table .alerts .request {
  color: #DF2425;
}

.valuers-table .alerts .response {
  color: #9DC430;
}

.alerts .material-icons {
  position: absolute;
  top: -4px;
  left: 0;
  color: #636363;
  font-size: 18px;
}

.acs-prv li {
  position: relative;
  line-height: 24px !important;
}

.acs-prv li .material-icons {
  position: absolute;
}

.acs-prv-type {
  font-size: 10px;
  letter-spacing: 1.51px;
  text-transform: uppercase;
}

.acs-prv-name {
  color: #636363;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  position: relative;
}

.acs-prv-number {
  margin-left: 24px;
  font-weight: 500;
}

.valuers-table .client-ref-number a {
  color: #0AB5FF;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
}

.valuers-table .status-container {
  width: 340px;
  min-width: 340px;
}

.valuers-table .status {
  display: flex;
  margin-left: -24px;
}

.valuers-table .status li {
  text-align: center;
  color: #8B8B8B;
  font-size: 8px;
  flex: 1;
  position: relative;
  height: 45px;
}

.valuers-table .status li .line {
  position: absolute;
  top: 15px;
  bottom: 0px;
  left: 50%;
  border-left: 1px dashed #DADADA;
}

.valuers-table .status .date {
  display: block;
  position: absolute;
  bottom: -18px;
  width: 100%;
}

.valuers-table .stat-green .created:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #6DD400;
}
.valuers-table .stat-green .expires:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #6DD400;
}
.valuers-table .stat-green .draft:after,
.valuers-table .stat-green .sent:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  height: 3px;
  width: 100%;
  background: #6DD400;
}

.valuers-table .stat-orange .created:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #F28E00;
}
.valuers-table .stat-orange .expires:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #F28E00;
}
.valuers-table .stat-orange .draft:after,
.valuers-table .stat-orange .sent:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  height: 3px;
  width: 100%;
  background: #F28E00;
}

.valuers-table .stat-red .created:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #D0021B;
}
.valuers-table .stat-red .expires:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #D0021B;
}
.valuers-table .stat-red .draft:after,
.valuers-table .stat-red .sent:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  height: 3px;
  width: 100%;
  background: #D0021B;
}

.valuers-table .stat-inactive .created:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #8B8B8B;
}
.valuers-table .stat-inactive .expires:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  width: 50%;
  height: 3px;
  background: #8B8B8B;
}
.valuers-table .stat-inactive .draft:after,
.valuers-table .stat-inactive .sent:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 100;
  bottom: 0px;
  height: 3px;
  width: 100%;
  background: #8B8B8B;
}

.val-tooltip {
  padding: 0;
  z-index: 999;
  background: red;
}

.val-tooltip .purple-dot {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 20px;
  width: 20px;
  border-radius: 50px;
  font-weight: 200;
  font-size: 9px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  background: #7300D9;
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
}

.val-tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #ffffff;
  color: #636363;
  text-align: left;
  border-radius: 6px;
  padding: 12px 0;
  position: absolute;
  z-index: 1;
  top: 28px;
  left: 0px;
  opacity: 0;
  margin-bottom: 25px;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
  list-style: none;
}

.val-tooltip .tooltiptext li {
  padding: 4px 14px;
  white-space: normal;
  width: auto;
  word-wrap: normal;
  font-weight: 500 !important;
  position: relative;
}

.val-tooltip .tooltiptext li .material-icons {
  position: absolute;
  top: 0px;
  left: -16px;
}

.val-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.val-tooltip .tooltiptext .team-member {
  text-indent: 30px;
  font-size: 14px;
}

.route-container {
  display: flex;
}

.route-container .mdc-drawer {
  width: 336px;
}

.route-head {
  padding: 1rem 0 1rem 1rem;
  display: flex;
  flex-direction: row;
  vertical-align: middle;
}

.route-head .today-btn:not(:disabled) {
  background: #F9F9F9 !important;
  color: #636363;
  margin-top: 5px;
}

.date-scroller {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  text-align: center;
}

.sel-date {
  line-height: 48px;
  width: 138px;
  text-align: center;
  color: #16577B;
  font-weight: 500;
  font-size: 20px;
}

.route-container ul {
  margin: 0.5rem 1rem 1rem 1.5rem;
  list-style: none;
  padding-left: 0;
  list-style: none;
  position: relative;
}

.route-container ul li {
  position: relative;
  margin-left: 16px;
  padding-bottom: 2rem;
}

.route-container ul li:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 2px dashed #D8D8D8;
  left: -16px;
}

.route-container ul li:first-child:before {
  top: 14px;
}

.route-container ul li:last-child:before {
  border: none !important;
}

.route-container .route-start .mdc-text-field {
  margin-left: 6px;
}

.route-container .route-start::after {
  position: absolute;
  left: -32px;
  top: 12px;
  content: " ";
  border: 8px solid rgba(255, 255, 255, 0.74);
  box-shadow: inset 0 0 0 2px #ffffff;
  border-radius: 500%;
  background: #258CC7;
  height: 16px;
  width: 16px;
}

.route-container ul li .loc {
  line-height: 25px;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 0 6px 7px;
  display: flex;
}

.route-container ul li .loc span {
  background: #0088C2;
  color: #fff;
  border-radius: 100px;
  font-size: 0.75rem;
  min-width: 17px;
  height: 17px;
  padding: 2px;
  display: inline-block;
  margin-right: 6px;
  text-align: center;
  line-height: 18px;
}

.route-container .sched {
  display: flex;
  width: 100%;
  position: relative;
  vertical-align: middle;
  font-size: 0.875rem !important;
  line-height: 2.125rem;
  padding-left: 7px;
}

.route-container .sched .material-icons {
  line-height: 34px;
  margin-right: 6px;
}

.route-container .sched .property {
  font-weight: 500;
  margin-left: auto;
  margin-right: 8px;
}

.route-container .navigate-btn {
  color: #16577B !important;
}

.route-container .navigate-btn .mdc-button__icon {
  font-size: 22px !important;
}

.route-container .route-point {
  content: " ";
  position: absolute;
  left: -23px;
  top: 3px;
  content: " ";
  border-radius: 500%;
  background: #636363;
  height: 16px;
  width: 16px;
  border: none;
  cursor: pointer;
}

.route-container .route-point:active {
  background: #16577B;
  border: 2px solid #0AB5FF;
}

.route-container .route-point:focus {
  outline: none;
}

.route-container .route-point:disabled {
  cursor: default;
}

.route-container .in-transit .route-point {
  background-color: #16577B;
  border: 2px solid #0AB5FF;
}

.route-container .in-transit .in-transit-label {
  background: #16577B;
  border-radius: 50px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  margin: 0 0 12px 6px;
  display: inline-block;
}

.in-transit-where .loc span {
  background: #8E9095 !important;
}

.where-toggle {
  height: 24px;
  width: 24px;
  display: inline-block;
  padding: 0;
  margin-right: 6px;
  color: #636363 !important;
}

.risk-cont {
  padding: 24px;
}

.risk-rating-table th {
  padding-left: 24px !important;
}
.risk-rating-table td {
  vertical-align: baseline;
}

.risk-rating-col {
  width: auto;
}

.risk-comment-col {
  width: auto;
}

.risk-rating-toggle {
  padding-left: 0;
  display: inline-block;
}
.risk-rating-toggle .mdc-chip {
  border-radius: 2px;
  background: #F9F9F9;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  text-align: center;
  padding: 12px;
  width: 45px;
}
.risk-rating-toggle .mdc-chip span {
  display: block;
  width: 100%;
}
.risk-rating-toggle .mdc-chip .mdc-chip__text {
  font-size: 14px;
  font-weight: 500;
  color: #636363;
}
.risk-rating-toggle .mdc-chip--selected {
  background: #009FE3;
  border-radius: 3px;
}
.risk-rating-toggle .mdc-chip--selected .mdc-chip__text {
  color: #ffffff;
}

.risk-rating-toggle .mdc-chip--selected:nth-child(n+3) {
  background: #D0021B;
  color: #ffffff;
}

.risk-comment {
  color: #636363;
  padding: 0;
  margin-bottom: 8px;
}
.risk-comment .comment-head {
  font-weight: 500;
  display: flex;
  align-items: center;
}
.risk-comment .comment-head .mdc-icon-button {
  margin-left: auto;
  height: 32px;
  width: 32px;
  padding: 4px;
}
.risk-comment .comment {
  white-space: normal;
}

.add-com-btn {
  color: #16577b !important;
  margin: 16px 0;
}
.add-com-btn .mdc-button__icon {
  height: 22px;
  width: 22px;
  font-size: 22px;
}

.mandatory-comment .add-com-btn {
  color: #D0021B !important;
}

.val-risk-alerts-cont {
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  align-items: flex-start;
}

.val-risk-alert {
  margin: 0 1rem;
  flex: 1;
  border-radius: 3px;
  padding: 0.5rem 1rem 1rem 1rem;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  flex-grow: 1;
}
.val-risk-alert .risk-q {
  color: #636363;
  font-size: 14px;
  font-weight: 500;
  min-height: 58px;
}
.val-risk-alert .mdc-chip-set {
  width: 160px;
  padding: 0 0 16px 0;
}
.val-risk-alert .mdc-chip-set .mdc-chip {
  border-radius: 2px;
  background: #F9F9F9;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  width: 70px;
  text-align: center;
  padding: 18px 12px;
  margin-left: auto;
}
.val-risk-alert .mdc-chip-set .mdc-chip span {
  display: block;
  width: 100%;
}
.val-risk-alert .mdc-chip-set .mdc-chip .mdc-chip__text {
  font-size: 14px;
  font-weight: 500;
  color: #636363;
}
.val-risk-alert .mdc-chip-set .mdc-chip--selected {
  background: #009FE3;
  border-radius: 3px;
}
.val-risk-alert .mdc-chip-set .mdc-chip--selected .mdc-chip__text {
  color: #ffffff;
}
.val-risk-alert .mdc-action-button {
  display: flex;
  flex-direction: row;
}
.val-risk-alert .mdc-action-button .mdc-button.mdc-button-cancel {
  margin-left: auto;
}

.val-risk-alert:first-child {
  margin-left: 0;
}

.val-risk-alert:last-child {
  margin-right: 0;
}

.risk-com-box .mdc-text-field + .mdc-text-field-helper-line {
  padding-left: 0;
}
.risk-com-box .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text.is-red-label {
  color: red;
}
.risk-com-box .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label.is-red-label {
  color: red;
}
.risk-com-box .mdc-text-field--textarea.is-red-label {
  border-bottom: 1px solid red !important;
}

/*risk comment modal*/
.add-comment-dialog .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.add-comment-dialog .mdc-dialog__surface {
  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
  height: calc(100% - 32px) !important;
  max-height: calc(100% - 32px) !important;
  /*.mdc-dialog__title {
      background: #0AB5FF !important;
      color: #ffffff !important;
      display: flex;
      padding: 12px 12px 12px 22px;
      line-height: 3rem !important;

      .mdc-icon-button {
          margin-left: auto;
      }
  }*/
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  line-height: 3rem;
  align-content: center;
  margin: 0;
  padding: 0 0 0 16px;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button {
  text-align: center;
  padding: 0;
  width: 90px;
  height: 90px;
  color: #ffffff;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container {
  display: block;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  background: #009FE3;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :last-child .icon-container::before {
  background: transparent;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled {
  color: #ffffff;
  opacity: 0.5;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled .material-icons {
  color: #000;
  fill: #ffffff;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content {
  padding: 0 !important;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment {
  color: #636363;
  padding: 16px;
  font-size: 0.875rem;
  border-bottom: 1px solid #f2f2f2;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head {
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head i {
  color: #0AB5FF;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head .mdc-icon-button {
  height: 32px;
  width: 32px;
  padding: 4px;
  margin-right: 4px;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head .mdc-icon-button--on .mdc-icon-button__icon {
  color: #0AB5FF;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment {
  padding-left: 36px;
  white-space: normal;
}
.add-comment-dialog .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment h2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-inline-start: 24px;
  margin-inline-end: 24px;
  margin-bottom: -12px;
}
.add-comment-dialog .com-search-cont {
  padding: 8px 16px 8px 16px;
  border-bottom: 1px solid #f2f2f2;
}
.add-comment-dialog .com-search-cont .com-search-box {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin: 8px;
}
.add-comment-dialog .com-search-cont .com-search-box .mdc-chip-set .mdc-chip {
  background: #0AB5FF !important;
  color: #ffffff !important;
}
.add-comment-dialog .com-search-cont .com-search-box .mdc-chip-set .mdc-chip .mdc-chip__icon--leading {
  color: #ffffff !important;
}
.add-comment-dialog .com-search-cont .com-search-box .mdc-chip-set .mdc-chip .mdc-chip__icon--trailing {
  background: #ffffff !important;
  border-radius: 50px;
  color: #0AB5FF !important;
  margin-left: 8px;
}
.add-comment-dialog .com-search-cont .com-search-box .mdc-text-field {
  flex: 1;
  flex-direction: row;
}
.add-comment-dialog .com-search-cont .com-search-box .mdc-text-field .mdc-text-field__input {
  padding-left: 50px !important;
  border-bottom: none !important;
}

/** risk market custom modal **/
.add-comment-dialog-custom .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.add-comment-dialog-custom .mdc-dialog__surface {
  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
  height: calc(100% - 32px) !important;
  max-height: calc(100% - 32px) !important;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  line-height: 3rem;
  align-content: center;
  margin: 0;
  padding: 0 0 0 16px;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button {
  text-align: center;
  padding: 0;
  width: 90px;
  height: 90px;
  color: #ffffff;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container {
  display: block;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  background: #009FE3;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :last-child .icon-container::before {
  background: transparent;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled {
  color: #ffffff;
  opacity: 0.5;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled .material-icons {
  color: #000;
  fill: #ffffff;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content {
  padding: 0 !important;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment {
  color: #636363;
  padding: 16px;
  padding-top: 0;
  padding-bottom: 8px;
  font-size: 0.875rem;
  border-bottom: 1px solid #f2f2f2;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head {
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head i {
  color: #0AB5FF;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head .mdc-icon-button {
  margin-left: auto;
  margin-right: 4px;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment-head .mdc-icon-button--on .mdc-icon-button__icon {
  color: #0AB5FF;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment .dialog-comment {
  padding-left: 36px;
  padding-right: 36px;
  white-space: normal;
  margin-top: -35px;
}
.add-comment-dialog-custom .mdc-dialog__surface .mdc-dialog__content .dialog-risk-comment h2 {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  margin-inline-start: 24px;
  margin-inline-end: 24px;
  margin-bottom: -12px;
}
.add-comment-dialog-custom .com-search-cont {
  padding: 8px 16px 8px 16px;
  border-bottom: 1px solid #f2f2f2;
}
.add-comment-dialog-custom .com-search-cont .com-search-box {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin: 8px;
}
.add-comment-dialog-custom .com-search-cont .com-search-box .mdc-chip-set .mdc-chip {
  background: #0AB5FF !important;
  color: #ffffff !important;
}
.add-comment-dialog-custom .com-search-cont .com-search-box .mdc-chip-set .mdc-chip .mdc-chip__icon--leading {
  color: #ffffff !important;
}
.add-comment-dialog-custom .com-search-cont .com-search-box .mdc-chip-set .mdc-chip .mdc-chip__icon--trailing {
  background: #ffffff !important;
  border-radius: 50px;
  color: #0AB5FF !important;
  margin-left: 8px;
}
.add-comment-dialog-custom .com-search-cont .com-search-box .mdc-text-field {
  flex: 1;
  flex-direction: row;
}
.add-comment-dialog-custom .com-search-cont .com-search-box .mdc-text-field .mdc-text-field__input {
  padding-left: 50px !important;
  border-bottom: none !important;
}
.add-comment-dialog-custom .com-search-cont .mdc-chip.selected {
  background: #0AB5FF !important;
  color: #ffffff !important;
}
.add-comment-dialog-custom .com-search-cont .mdc-chip__icon--trailing {
  background: #ffffff !important;
  border-radius: 50px;
  color: #0AB5FF !important;
  margin-left: 8px;
}
.add-comment-dialog-custom .com-search-cont .mdc-chip__icon--leading {
  color: #ffffff !important;
}
.add-comment-dialog-custom .selected-risk-comment {
  background-color: #ddd !important;
}

.risk-maket-cont {
  padding: 16px;
}

.card-risk-comments {
  padding: 16px;
}

.required-btn {
  color: #D0021B !important;
}
.required-btn .required__helper {
  position: absolute;
  font-size: 0.5rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.0333333333em;
  text-decoration: inherit;
  text-transform: inherit;
  display: block;
  width: 100%;
  top: 26px;
  left: -20px;
  line-height: normal;
  margin: 0;
}

.multi-col {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.market-factors-form {
  padding: 16px 16px 0px 16px;
}
.market-factors-form .mdc-select {
  margin-bottom: 16px;
  width: 100%;
}
.market-factors-form .mdc-select .mdc-select__anchor {
  width: 100%;
}

.mk-factors-list {
  width: 280px;
}

.property-factors {
  flex: 1;
}

.property-factors-cont {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  flex-direction: row;
  align-items: flex-start;
}
.property-factors-cont .property-factors-yn {
  padding: 0 8px;
}
.property-factors-cont .property-factors-yn p {
  color: #636363;
  font-size: 14px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 1rem;
}
.property-factors-cont .property-factors-yn .mdc-chip-set {
  flex-wrap: no-wrap;
  align-items: flex-start;
  padding: 0 0 16px 0;
}
.property-factors-cont .property-factors-yn .mdc-chip-set .mdc-chip {
  border-radius: 2px;
  background: #F9F9F9;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  width: 94px;
  text-align: center;
  padding: 18px 12px;
}
.property-factors-cont .property-factors-yn .mdc-chip-set .mdc-chip span {
  display: block;
  width: 100%;
}
.property-factors-cont .property-factors-yn .mdc-chip-set .mdc-chip .mdc-chip__text {
  font-size: 14px;
  font-weight: 500;
  color: #636363;
}
.property-factors-cont .property-factors-yn .mdc-chip-set .mdc-chip--selected {
  background: #009FE3;
  border-radius: 3px;
}
.property-factors-cont .property-factors-yn .mdc-chip-set .mdc-chip--selected .mdc-chip__text {
  color: #ffffff;
}

.market-disclaimer .card-header h2 {
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: left;
  line-height: 22px;
  padding-left: 0;
}
.market-disclaimer .mdc-tab-bar {
  background: #F9F9F9;
}
.market-disclaimer .collapsible-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.market-disclaimer .collapsible-item .collapsible-btn {
  flex: 1;
  padding-left: 0px;
  font-weight: 500;
}
.market-disclaimer .collapsible-item .collapsible-btn .col-exp-icon {
  margin-right: 4px !important;
}
.market-disclaimer .collapsible-item .collapsible-btn .col-exp-icon {
  transition: all 0.2s ease;
}
.market-disclaimer .collapsible-item .content-shown .col-exp-icon {
  transform: rotate(180deg);
  transition: all 0.2s ease;
}
.market-disclaimer .collapsible-item .collapsible-content {
  flex: 100%;
  padding-left: 66px;
}

.card-risk-comments .mdc-tabs .mdc-tab-panels .mdc-tab-panel .custom-comment-area {
  margin-bottom: 16px;
}

.additional-comments-card .aut-card-header {
  width: 100%;
  display: flex;
}

.additional-comments-card .aut-card-header .aut-card-header-title {
  width: 95%;
}

.additional-comments-card .risk-comment {
  display: flex;
}

.additional-comments-card .risk-comment .riskCommentText {
  width: 98%;
}

.add-comment-dialog-custom .mdc-chip {
  align-items: center;
  justify-content: center;
  min-width: 200px;
}

.attachments-cont {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0.5rem;
}
.attachments-cont .sortable-objects {
  width: 100%;
}
.attachments-cont .sortable-objects .draggable-object-target {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.attachments-cont .accepts-drag {
  border: 2px dashed #999;
}

.file-drop-box {
  border: 2px dashed #999;
  box-shadow: none !important;
  text-align: center;
  align-content: center;
  flex-flow: column !important;
  cursor: pointer;
  margin: 0.5rem;
  width: 100%;
  border-radius: 3px;
  padding: 1rem !important;
}
.file-drop-box p {
  color: #6D7278;
}
.file-drop-box .material-icons {
  font-size: 54px !important;
  color: #4A4A4A;
}
.file-drop-box h2 {
  color: #16577B !important;
  letter-spacing: 0.0125rem !important;
  text-transform: uppercase;
  font-size: 0.875rem !important;
  margin: 0 1rem;
}

.att-header {
  padding: 0rem 0.5rem;
  margin-block-start: 0.5em;
  margin-block-end: 0em;
  flex: 100%;
}

.att-txt-helper {
  padding: 0rem 0.5rem;
  color: rgba(0, 0, 0, 0.84);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: 100 !important;
  margin-block-start: 0em;
  margin-block-end: 0em;
  flex: 100%;
  font-style: italic;
}

.att-box {
  margin-bottom: 1rem;
}
.att-box .att-cont {
  margin: 0.5rem 0.5rem 0rem 0.5rem;
  height: 100%;
  border-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: row;
}
.att-box .att-cont .att-thumb {
  overflow: hidden;
  height: 130px;
  width: 130px;
  margin: 1rem;
  object-position: 50% 50%;
  align-content: center;
  position: relative;
}
.att-box .att-cont .att-thumb .att-no {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #ffffff;
  background: #202124;
  font-size: 16px;
  font-weight: 500;
  z-index: 1;
  align-content: center;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 28px;
}
.att-box .att-cont .att-thumb img {
  width: 130px;
  height: auto;
  overflow: hidden;
}
.att-box .att-cont .att-details {
  margin: 1rem 1rem 1rem 0;
  flex: 1;
  color: #202124;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 24px;
}
.att-box .att-cont .att-details .att-head {
  display: flex;
  flex-direction: row;
}
.att-box .att-cont .att-details .att-head .att-name {
  color: #16577B;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 18px;
  flex: 1;
}
.att-box .att-cont .att-details .att-head .att-btns {
  justify-content: flex-end;
}
.att-box .att-cont .att-details .att-head .att-btns .mdc-checkbox {
  margin-right: 0px !important;
}
.att-box .att-cont .att-details .att-head .att-btns .mdc-icon-button .mdc-checkbox__background {
  left: 15px !important;
  top: 15px !important;
}
.att-box .att-cont .att-details .att-head .att-btns .mdc-icon-button .mdc-checkbox__background svg {
  width: 15px;
  height: 15px;
}
.att-box .att-cont .att-details .infor-track {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 18px;
}
.att-box .att-cont .att-details .infor-track .material-icons {
  margin-right: 0.5rem;
}
.att-box .att-cont .att-details .att-ass {
  line-height: 18px;
  padding: 6px 0;
}
.att-box .att-cont .att-details .att-button {
  border-radius: 18px;
  background-color: #F9F9F9;
  border: none;
  color: #7C7C7C;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  cursor: pointer;
  padding: 8px 16px;
}

.att-boxed .att-box {
  width: 25%;
}
.att-boxed .att-box .att-cont {
  flex-direction: row;
}
.att-boxed .att-box .att-cont .att-details {
  flex-direction: column;
}
.att-boxed .att-box .att-cont .att-details .att-btns {
  margin: -1rem -1rem 0rem auto;
}

.att-full .att-box {
  width: 100%;
}
.att-full .att-box .att-cont {
  flex-direction: row;
}
.att-full .att-box .att-cont .att-details {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
}
.att-full .att-box .att-cont .att-details .att-head {
  flex: 1;
}
.att-full .att-box .att-cont .att-details .infor-track {
  flex: 1;
}
.att-full .att-box .att-cont .att-details .att-ass {
  flex: 1;
}
.att-full .att-box .att-cont .att-details .att-button {
  flex: 1;
}
.att-full .att-box .att-cont .att-details .att-btns {
  padding-left: 3rem;
  margin-left: auto;
  align-items: center;
  align-items: flex-end;
}
.att-full .att-box .att-cont .att-details .att-btns .mdc-checkbox {
  margin-right: 0px !important;
}
.att-full .att-box .att-cont .att-details .att-btns .mdc-icon-button .mdc-checkbox__background {
  left: 15px !important;
  top: 15px !important;
}
.att-full .att-box .att-cont .att-details .att-btns .mdc-icon-button .mdc-checkbox__background svg {
  width: 15px;
  height: 15px;
}

.att-photos {
  padding: 0.5rem;
}
.att-photos .att-photo-container {
  width: 100%;
  min-height: 150px;
}
.att-photos .att-photo-container .att-photo-list {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.att-photos .att-photo-container .att-photo-list .accepts-drag {
  border: 2px dashed #999;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box {
  width: 33.3333%;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-card {
  margin: 0.5rem;
  position: relative;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-card .att-photo-no {
  position: absolute;
  top: 4px;
  left: 4px;
  color: #ffffff;
  background: #202124;
  font-size: 16px;
  font-weight: 500;
  z-index: 1;
  align-content: center;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 28px;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .att-photos-select {
  width: 260px;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-select__native-control,
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-select__selected-text {
  line-height: 1rem;
  padding-left: 4px;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom: none !important;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: #ffffff !important;
}
.att-photos .att-photo-container .att-photo-list .att-photo-box .mdc-line-ripple {
  display: none;
}

.att-photos-menu {
  width: 260px !important;
}

/*attachment modals*/
.att-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.att-modal .mdc-dialog__surface {
  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
  /*height: calc(100% - 32px) !important;
  max-height: calc(100% - 32px) !important;*/
}

.att-modal-cont {
  display: flex;
  flex-direction: row;
  height: calc(100% - 32px);
}
.att-modal-cont .att-left-bar {
  flex-direction: column;
  padding: 1rem;
}
.att-modal-cont .att-left-bar button {
  width: 150px;
}
.att-modal-cont .att-modal-content {
  flex: 1;
  flex-direction: column;
  -webkit-box-shadow: inset 3px 0px 6px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 3px 0px 6px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 3px 0px 6px -6px rgba(0, 0, 0, 0.5);
}
.att-modal-cont .att-modal-content .att-modal-header {
  display: flex;
  flex-direction: row;
  padding-left: 16px;
  align-items: center;
}
.att-modal-cont .att-modal-content .att-modal-header h2 {
  flex: 1;
  margin-block-start: 0.8em;
  margin-block-end: 0.8em;
  line-height: 1.5rem;
}
.att-modal-cont .att-modal-content .att-modal-header .att-header-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.att-modal-cont .att-modal-content .att-modal-header .att-header-btns button {
  margin-left: 1rem;
}
.att-modal-cont .att-modal-content .att-modal-header .att-header-btns .mdc-button {
  color: #16577B;
}
.att-modal-cont .att-modal-content .att-recent {
  padding: 0 0.5rem 0.5rem 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.att-modal-cont .att-modal-content .att-recent .att-recent-thumb {
  width: 20%;
}
.att-modal-cont .att-modal-content .att-recent .att-recent-thumb .mdc-card {
  margin: 0.5rem;
}
.att-modal-cont .att-modal-content .mdc-data-table {
  margin-bottom: 0;
  border-radius: 0;
  border: none !important;
}
.att-modal-cont .att-modal-content .mdc-data-table .att-col {
  width: 24%;
}
.att-modal-cont .att-modal-content .mdc-data-table .att-del-col {
  width: 4%;
}
.att-modal-cont .att-modal-content .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.att-modal-cont .att-modal-content .mdc-data-table tr {
  -webkit-box-shadow: inset 3px 0px 6px -6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 3px 0px 6px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 3px 0px 6px -6px rgba(0, 0, 0, 0.5);
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell {
  padding: 16px;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-helper {
  display: block;
  font-family: Roboto;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 20px;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-uploading .att-upl-helper,
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-success .att-upl-helper {
  color: #9DC430;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-uploading .mdc-linear-progress__bar-inner,
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-success .mdc-linear-progress__bar-inner {
  background-color: #9DC430 !important;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-error .att-upl-helper {
  color: #E02020;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-upl-error .mdc-linear-progress__bar-inner {
  background-color: #E02020 !important;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .att-prop-val {
  display: block;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .mdc-select__anchor {
  width: 100%;
  max-width: 376px;
}
.att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .mdc-select__anchor .mdc-select__selected-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.att-modal-cont .att-modal-content .file-drop-box {
  height: 150px !important;
  margin: 0 1rem 1rem 1rem;
  border-radius: 4px;
}

/*photo preview modal*/
.att-photo-prev .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.att-photo-prev .mdc-dialog__surface {
  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
  padding: 0;
}
.att-photo-prev .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
  align-items: center;
}
.att-photo-prev .mdc-dialog__surface .mdc-dialog__title .att-photo-no {
  color: #ffffff;
  background: #202124;
  font-size: 16px;
  font-weight: 500;
  z-index: 1;
  align-content: center;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 28px;
  margin-right: 6px;
}
.att-photo-prev .mdc-dialog__surface .mdc-dialog__title label {
  color: #ffffff;
  font-weight: 500;
  font-size: 20px;
}
.att-photo-prev .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.att-photo-prev .mdc-dialog__surface .att-img-prev {
  padding: 0;
  margin: 0;
}
.att-photo-prev .mdc-dialog__surface .att-img-prev img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 1440px) {
  .att-boxed .att-box {
    width: 33.3333%;
  }
}
@media only screen and (max-width: 1366px) {
  .att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .mdc-text-field, .att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .mdc-select {
    width: 224px;
  }
  .att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .mdc-select__anchor {
    width: 224px;
    max-width: 224px;
  }
  .att-modal-cont .att-modal-content .mdc-data-table tr td.mdc-data-table__cell .mdc-select__anchor .mdc-select__selected-text {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.cdv {
  background: #ffffff;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}

.cdv-cont {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100% !important;
  max-width: 1024px;
  margin: 0 auto;
}
.cdv-cont .mdc-card {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0px;
  height: calc(var(--vh, 1vh) * 100);
  height: 100%;
  flex: 1;
  border-radius: 0px;
  /*.cvd-intro {
              max-height: 220px;
              overflow-y: auto;
          }*/
}
.cdv-cont .mdc-card b {
  font-weight: 500;
}
.cdv-cont .mdc-card h4 {
  width: 100%;
  margin-block-start: 0.33em;
  margin-block-end: 0.33em;
  font-size: 1.1rem;
}
.cdv-cont .mdc-card .custom-external-label {
  font-size: 0.875rem;
  line-height: 1.75rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  margin-block-start: 1em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.cdv-cont .mdc-card .cdv-htw-branding {
  background: #0ab5ff !important;
  color: #ffffff !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
}
.cdv-cont .mdc-card .cdv-htw-branding .cdv-htw-logo {
  text-indent: -200%;
  overflow: hidden;
  background: transparent url(/aut-mdc-shared/assets/images/logo-htw.svg) left center no-repeat;
  background-size: contain;
  width: 120px;
  height: 44px;
  margin-right: auto;
}
.cdv-cont .mdc-card .cdv-htw-branding .header-right {
  margin-left: auto;
  font-size: 14px;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.cdv-cont .mdc-card .cdv-htw-branding .header-right .exp-date {
  font-size: 12px;
}
.cdv-cont .mdc-card .cdv-htw-branding .header-right span {
  line-height: 1rem;
}
.cdv-cont .mdc-card .cdv-htw-branding .header-right .help-btn {
  font-size: 32px;
  padding: 0;
}
.cdv-cont .mdc-card .card-header {
  background: #f9f9f9;
  border-radius: 0;
  border-bottom: 1px solid #cccccc;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cdv-cont .mdc-card .card-header h2 {
  display: flex;
  flex: 1;
  padding: 0px 16px;
  font-size: 1.25rem;
  line-height: 1.45rem !important;
  align-items: center;
}
.cdv-cont .mdc-card .card-header p {
  padding: 0px 16px;
  line-height: 1.12rem;
  font-size: 0.85rem;
  font-weight: 500;
}
.cdv-cont .mdc-card .card-header .page-header-btn {
  margin-left: auto;
}
.cdv-cont .mdc-card .card-header .page-header-btn .mdc-menu-surface--anchor {
  right: 6px;
}
.cdv-cont .mdc-card .card-header .page-header-btn .mdc-menu-surface--anchor .mdc-menu-surface {
  display: none;
}
.cdv-cont .mdc-card .card-header .page-header-btn .mdc-menu-surface--anchor .mdc-menu-surface .mdc-list .mdc-list-item a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.cdv-cont .mdc-card .card-header .page-header-btn .mdc-menu-surface--anchor .mdc-menu-surface--open {
  display: block;
  position: absolute;
  right: 6px;
}
.cdv-cont .mdc-card .card-header .page-header-btn .mdc-menu-surface--anchor .material-icons {
  margin-right: 4px;
}
.cdv-cont .mdc-card .page-instruction {
  padding: 16px;
  border-bottom: 1px solid #ececec;
}
.cdv-cont .mdc-card .prop-rms-btns-cont {
  border-bottom: 1px solid #ececec;
  display: flex;
  flex-direction: row;
  padding: 12px 6px;
}
.cdv-cont .mdc-card .prop-rms-btns-cont .mdc-button {
  flex: 1;
  margin: 0 6px;
}
.cdv-cont .mdc-card .prop-rms-btns-cont .photo-link {
  background: #009fe3;
  color: #ffffff;
}
.cdv-cont .mdc-card .mdc-body {
  display: flex;
  flex-direction: column;
  padding: 8px 16px;
  flex: 1;
  overflow-y: auto;
}
.cdv-cont .mdc-card .mdc-body .mdc-select,
.cdv-cont .mdc-card .mdc-body .mdc-text-field {
  margin: 8px 0;
}
.cdv-cont .mdc-card .mdc-body .cdv-address {
  font-smoothing: antialiased;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding: 8px 0;
}
.cdv-cont .mdc-card .mdc-body .cdv-thumbnail {
  margin: 8px -16px;
}
.cdv-cont .mdc-card .mdc-body p {
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
}
.cdv-cont .mdc-card .mdc-body .text-director {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex: 1;
  flex-direction: column;
  font-size: 120%;
}
.cdv-cont .mdc-card .mdc-body .text-director h2 {
  line-height: 1.5rem;
  text-align: center;
  padding: 8px 16px;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  font-size: 130% !important;
}
.cdv-cont .mdc-card .mdc-body .text-director p {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0.5rem;
}
.cdv-cont .mdc-card .mdc-body .text-director .page-break-img {
  filter: invert(63%) sepia(72%) saturate(3555%) hue-rotate(169deg) brightness(103%) contrast(98%);
  flex: 1;
}
.cdv-cont .mdc-card .mdc-body .mdc-chip-set {
  padding: 0 !important;
  flex-flow: column nowrap;
  margin: 0;
}
.cdv-cont .mdc-card .mdc-body .mdc-chip-set .mdc-chip {
  background-color: #F9F9F9;
  color: #636363;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 20px 18px;
  border-width: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #7C7C7C !important;
  margin: 12px 0 0 0;
}
.cdv-cont .mdc-card .mdc-body .mdc-chip-set .mdc-chip--selected {
  display: flex;
  background-color: #009FE3;
  border: 1px solid #009FE3 !important;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: #ffffff;
}
.cdv-cont .mdc-card .mdc-body .mdc-chip-set .mdc-chip--selected .mdc-chip__checkmark {
  margin-left: auto !important;
}
.cdv-cont .mdc-card .mdc-body .consent-check-box {
  margin: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  align-items: end;
}
.cdv-cont .mdc-card .mdc-body .consent-check-box .mdc-checkbox {
  margin-top: -10px;
  margin-left: -10px;
}
.cdv-cont .mdc-card .mdc-card__actions {
  border-top: 1px solid #cccccc;
  margin-top: auto;
  flex-shrink: 1;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 8px;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons .mdc-button--raised {
  background: #16577B !important;
  color: #ffffff;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons .mdc-button--raised:disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.37) !important;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons .button-center {
  margin-left: auto;
  margin-right: auto;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons .button-right {
  margin-left: auto;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons .button-right .mdc-button__icon {
  margin-right: -4px;
  margin-left: 4px;
}
.cdv-cont .mdc-card .mdc-card__actions .mdc-card__action-buttons .button-left {
  margin-right: auto;
}

.landscape-mode {
  display: block;
  width: 100%;
  height: 150px;
  text-indent: -200%;
  background: #f2f2f2 url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='100px' height='100px' enable-background='new 0 0 24 24' fill='%23000000' version='1.1' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000'%3E%3Cpath d='m23.462 17.77 0.023-0.131c0.125-0.653 0.28-1.464-0.417-3.089v-10.334c0-0.798-0.649-1.447-1.446-1.447h-11.013c-0.057-0.151-0.201-0.259-0.371-0.259h-0.977c-0.171 0-0.314 0.108-0.371 0.259h-3.026c-0.797 0-1.446 0.649-1.446 1.447v6.265c-0.43 0.209-1.099 0.538-1.538 0.771-0.24 0.128-0.442 0.303-0.601 0.52-0.447 0.609-1.532 3.423-1.839 5.668-0.066 0.476-0.301 2.531-0.359 3.037l0.397 0.046 0.406-0.03c0.049-0.428 0.282-2.471 0.348-2.943 0.292-2.13 1.338-4.822 1.692-5.305 0.087-0.119 0.198-0.215 0.331-0.285 0.325-0.173 0.778-0.398 1.163-0.587v3.567c0 0.211 0.163 0.383 0.369 0.398 0.031 4e-3 0.065 2e-3 0.099-4e-3 0.03-5e-3 0.059-0.014 0.086-0.025 0.204-0.081 0.868-0.44 1.082-0.58 0.469-0.305 1.161-1.065 1.387-1.332 3e-3 -3e-3 0.052-0.061 0.066-0.078 0.022-0.026 0.039-0.054 0.052-0.081 0.265-0.228 0.584-0.335 0.911-0.313 0.283 0.022 0.546 0.152 0.688 0.339 0.066 0.088 0.106 0.187 0.103 0.323-0.033 0.19-0.238 0.405-0.432 0.607-0.096 0.1-0.185 0.194-0.254 0.284-0.135 0.174-0.26 0.339-0.377 0.496l-6e-3 9e-3c-0.37 0.522-0.973 1.405-1.208 1.773-0.43 0.675-0.714 1.12-1.248 1.617-0.52 0.482-0.891 0.721-1.287 0.93-0.131 0.068-0.213 0.205-0.213 0.354v0.892c0 0.221 0.179 0.4 0.4 0.4s0.4-0.18 0.4-0.4v-0.654c0.342-0.194 0.735-0.461 1.245-0.935 0.609-0.566 0.949-1.1 1.379-1.774 0.207-0.323 0.705-1.056 1.068-1.572h5.166c-7e-3 0.234 0.031 0.563 0.237 1.068l0.71 1.1c1.004 1.556 2.173 2.511 3.475 2.843l0.338 0.65c0.071 0.137 0.211 0.216 0.355 0.216 0.062 0 0.125-0.015 0.184-0.045 0.196-0.103 0.273-0.344 0.171-0.54l-0.423-0.814c-0.056-0.106-0.156-0.183-0.274-0.207-1.161-0.239-2.222-1.093-3.154-2.536l-0.683-1.046c-0.175-0.444-0.146-0.645-0.118-0.838 8e-3 -0.059 0.016-0.115 0.02-0.17 0.034-0.081 0.078-0.157 0.134-0.228l0.524 1.093c0.095 0.198 0.333 0.286 0.534 0.188 0.199-0.096 0.283-0.334 0.188-0.533l-0.821-1.711c-0.011-0.022-0.023-0.043-0.037-0.063l-1.968-4.151c-0.11-0.231-0.018-0.505 0.209-0.623l0.21-0.108c0.112-0.058 0.238-0.07 0.36-0.03 0.121 0.038 0.22 0.121 0.278 0.233l2.184 4.211c0.101 0.195 0.344 0.271 0.539 0.171 0.196-0.103 0.273-0.344 0.171-0.54l-1.221-2.354c0.011-5e-3 0.024-4e-3 0.035-0.01l0.187-0.097c0.301-0.155 0.675-0.039 0.832 0.264l1.019 1.964c0.071 0.137 0.21 0.216 0.355 0.216 0.062 0 0.125-0.015 0.184-0.045 0.196-0.103 0.273-0.344 0.171-0.54l-0.905-1.745c0.011-4e-3 0.022-4e-3 0.032-9e-3l0.317-0.164c0.1-0.051 0.215-0.032 0.293-7e-3 0.169 0.053 0.332 0.185 0.406 0.328l0.828 1.596c0.071 0.137 0.21 0.216 0.355 0.216 0.062 0 0.125-0.015 0.184-0.045 0.196-0.103 0.273-0.344 0.171-0.54l-0.71-1.368c0.097-0.044 0.271-0.032 0.349-4e-3 0.132 0.049 0.248 0.149 0.309 0.265l1.881 3.682c0.631 1.442 0.505 2.103 0.389 2.713-0.017 0.09-0.033 0.176-0.045 0.261-0.012 0.083 2e-3 0.168 0.041 0.242l0.474 0.914c0.102 0.195 0.343 0.272 0.539 0.171 0.196-0.103 0.273-0.344 0.171-0.54l-0.416-0.798zm-16.688-4.826c-0.312 0.358-0.854 0.916-1.158 1.114-0.085 0.056-0.24 0.144-0.399 0.23v-3.548-0.017-6.507c0-0.356 0.29-0.646 0.646-0.646h0.911v9.374zm12.637-9.32v6.518c-7e-3 4e-3 -0.015 7e-3 -0.022 0.011-0.031 0.016-0.053 0.041-0.078 0.063-0.156-0.134-0.338-0.241-0.536-0.303-0.316-0.101-0.636-0.078-0.903 0.06l-0.316 0.163c-0.043 0.022-0.077 0.053-0.108 0.087-0.425-0.37-1.049-0.467-1.581-0.19l-0.188 0.098c-0.011 6e-3 -0.017 0.016-0.027 0.022l-0.601-1.159c-0.156-0.303-0.421-0.525-0.747-0.628-0.324-0.105-0.669-0.075-0.969 0.083l-0.209 0.107c-0.612 0.318-0.86 1.055-0.562 1.683l1.928 4.068c-0.174 0.148-0.313 0.317-0.417 0.507h-4.732c0.023-0.024 0.048-0.051 0.075-0.078 0.248-0.258 0.556-0.58 0.63-1.014 7e-3 -0.045 0.017-0.112 0.017-0.211-5e-3 -0.245-0.101-0.504-0.269-0.728-0.279-0.37-0.751-0.614-1.263-0.654-0.331-0.031-0.652 0.029-0.958 0.166v-8.725h11.84c-4e-3 0.017-4e-3 0.035-4e-3 0.054zm2.857 9.346-1.132-2.215c-0.153-0.294-0.423-0.53-0.739-0.647-0.055-0.021-0.118-0.039-0.187-0.052v-6.432c0-0.019-1e-3 -0.036-3e-3 -0.054h1.416c0.356 0 0.646 0.29 0.646 0.646l-1e-3 8.754z'/%3E%3Cpath d='m5.994 9.48c-0.193 0-0.35 0.156-0.35 0.35v1.006c0 0.193 0.157 0.35 0.35 0.35s0.35-0.156 0.35-0.35v-1.006c0-0.194-0.157-0.35-0.35-0.35z'/%3E%3Ccircle cx='5.994' cy='8.273' r='.351'/%3E%3Ccircle cx='21.18' cy='8.884' r='.697'/%3E%3C/g%3E%3C/svg%3E%0A") center no-repeat;
  background-size: contain;
  flex: none;
}

.phone-animation {
  color: #999999;
  display: inline-grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 274px;
  position: relative;
  background: #efefefe;
}
.phone-animation .material-icons {
  width: auto;
  height: 190px;
  width: 190px;
  font-size: 190px;
}

#phone {
  -webkit-animation: rotation 4s infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
    transform-origin: center center;
  }
  20% {
    transform: rotate(-90deg);
    transform-origin: center center;
  }
  50% {
    transform: rotate(-90deg);
    transform-origin: center center;
  }
}
/*camera styles*/
.capture-btn {
  color: red;
  border-radius: 100px;
  border: 2px solid red;
  padding: 0;
  text-align: center;
  font-size: 44px;
  width: 64px;
  height: 64px;
  margin-left: auto;
  margin-right: auto;
}

.video-label {
  font-family: Roboto, sans-serif;
  background: rgba(255, 255, 255, 0.6);
  color: #000000;
  position: absolute;
  top: 32px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding: 4px;
  width: 80%;
  margin-left: 10%;
}

.prev-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.prev-btns button {
  flex: 1;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 400;
  height: 52px;
  margin: 8px;
  border-radius: 3px !important;
}

.prev-btns button .material-icons {
  width: 24px;
  height: 24px;
  font-size: 24px;
}

.camera-reject {
  background: rgba(255, 0, 0, 0.8) !important;
}

.camera-add,
.camera-accept {
  background: rgba(21, 182, 253, 0.8) !important;
}

/*device setup*/
.dvc-setup {
  list-style: none;
  padding: 0;
  padding-inline-start: 0px;
}
.dvc-setup li {
  color: #a6a6a6;
  padding: 2px 0 2px 28px;
  margin: 12px 0;
}
.dvc-setup p {
  -webkit-margin-before: 0.2em;
  margin-block-start: 0.2em;
  -webkit-margin-after: 0.2em;
  margin-block-end: 0.2em;
  line-height: 16px;
}
.dvc-setup .dvc-helper {
  color: #323232 !important;
  font-weight: 400 !important;
}
.dvc-setup .okd {
  color: #000000;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='18px' fill='black' version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='%230c0'/%3E%3C/svg%3E%0A") left 4px no-repeat;
  background-size: 24px;
  font-weight: 500;
}
.dvc-setup .not-okd {
  color: red;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='18px' height='18px' fill='black' version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z' fill='%23c00'/%3E%3C/svg%3E%0A") left 4px no-repeat;
  background-size: 24px;
  font-weight: 500;
}
.dvc-setup .dvc-reset {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  padding: 6px;
  background: #f2f2f2;
}
.dvc-setup .dvc-reset p {
  flex: 1;
  color: #323232 !important;
  line-height: 1em;
  padding-right: 4px;
  font-weight: 400;
}
.dvc-setup .dvc-reset .dvc-btn {
  background: #16577B;
  color: #ffffff;
  margin-left: auto;
  height: 30px;
  width: 90px;
  font-size: 9px;
  letter-spacing: 0.06em;
}
.dvc-setup .cam-preview {
  width: 100%;
  height: auto;
}
.dvc-setup .cam-preview-btns {
  display: flex;
  flex-direction: row;
  background: #f2f2f2;
  padding: 4px;
}
.dvc-setup .cam-preview-btns button {
  flex: 1;
  color: #fff;
  border: none;
  border-radius: 2px;
  padding: 6px;
  font-size: 9px !important;
  margin: 4px;
  letter-spacing: 0.06em;
}
.dvc-setup .cam-preview-btns .yay-cam {
  background: green;
}
.dvc-setup .cam-preview-btns .nay-cam {
  background: red;
}

/*Privacy notification*/
.privacy-notification {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}
.privacy-notification img {
  width: 125px;
  margin-right: 0.5rem;
  flex-wrap: 1;
}
.privacy-notification p {
  flex: 1;
}

/*property rooms landing page*/
.prop-room {
  border-bottom: 1px solid #cccccc;
  margin-right: -16px;
  margin-left: -16px;
}
.prop-room .prop-room-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
}
.prop-room .prop-room-head .prop-room-title {
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex: 1;
}
.prop-room .prop-room-head .prop-room-title .material-icons {
  margin-right: 8px;
  width: 28px;
  font-size: 28px;
  color: #808080;
}
.prop-room .prop-room-head .prop-room-title.checked .material-icons {
  color: green !important;
  font-weight: bold;
}
.prop-room .prop-room-head .prop-room-title .prop-room-name {
  flex: 1;
}
.prop-room .prop-room-head .head-action-btns {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.prop-room .prop-room-head .head-action-btns button {
  margin: 0 4px;
}
.prop-room .prop-room-photos .mdc-image-list__item {
  width: calc(100% / 2 - 4.5px);
  margin: 2px;
}
.prop-room .prop-room-photos .mdc-image-list__image-aspect-container {
  padding-bottom: 66.66667%;
}
.prop-room .prop-room-photos .mdc-image-list__supporting {
  padding-right: 0;
}

/*contact page*/
.contact-appt {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 2rem;
}
.contact-appt .appt-icon {
  font-size: 60px;
  color: rgba(0, 0, 0, 0.87);
  width: 60px;
  margin-right: 8px;
}
.contact-appt .appt-details {
  list-style: none;
  flex: 1;
  font-size: 0.85rem;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.contact-appt .appt-btns {
  margin-left: auto;
}
.contact-appt .appt-btns .mdc-button {
  width: 120px;
  height: auto;
  color: green;
}
.contact-appt .appt-btns .mdc-button .material-icons {
  font-size: 46px;
  width: 46px;
  height: 46px;
}
.contact-appt .appt-btns .mdc-button .mdc-button__label {
  text-align: left;
  width: 100px;
  font-size: smaller;
}

.contact-valuer {
  display: flex;
  flex-direction: row;
  align-items: top;
  padding-bottom: 2rem;
}
.contact-valuer .valuer-img {
  background: #cccccc url(/assets/images/icons/user-icon.svg) center no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-right: 8px;
  border-radius: 100%;
  overflow: hidden;
  object-fit: contain;
}
.contact-valuer .valuer-img img {
  height: inherit;
  width: auto;
}
.contact-valuer .valuer-details {
  list-style: none;
  flex: 1;
  font-size: 0.85rem;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.contact-valuer .valuer-btns {
  margin-left: auto;
  display: flex;
  flex-direction: column;
}
.contact-valuer .valuer-btns .mdc-button {
  width: 120px;
  height: auto;
  color: green;
  margin-bottom: 1rem;
}
.contact-valuer .valuer-btns .mdc-button .material-icons {
  font-size: 35px;
  width: 46px;
  height: 35px;
}
.contact-valuer .valuer-btns .mdc-button .mdc-button__label {
  text-align: left;
  width: 100px;
  font-size: smaller;
}

@media (orientation: portrait) {
  .camera-cont {
    background: #000000;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .camera-card {
    background: #000000;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }

  .player {
    width: 100%;
    height: auto;
    flex: 1;
  }

  .img-preview {
    display: flex;
    flex: 1;
    flex-direction: column;
    background: #000;
    position: relative;
  }

  .img-snapshot {
    width: 100%;
    height: auto;
    flex: none;
    margin-bottom: auto;
    margin-top: auto;
  }

  .camera__actions {
    padding: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    flex-shrink: 1;
  }

  .page-break-img {
    width: 70%;
    height: auto;
  }

  .footer-nav {
    display: flex;
    flex-direction: row;
    border: 1px solid #16577B;
    margin-top: auto;
  }
  .footer-nav .mdc-button {
    flex: 1;
    flex-direction: column;
    text-align: center;
    border-radius: 0;
    height: auto !important;
    background: #009fe3;
    color: #16577B !important;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-nav .mdc-button .mdc-button__icon {
    font-size: 30px;
    height: 30px;
  }
  .footer-nav .mdc-button .mdc-button__label {
    font-size: 0.685rem;
    font-weight: 500;
    text-transform: none;
  }
  .footer-nav .mdc-button:nth-child(2) {
    border-left: 1px solid #16577B;
    border-right: 1px solid #16577B;
  }
  .footer-nav .active-btn {
    color: #ffffff !important;
  }
}
@media (orientation: landscape) {
  .camera-cont {
    background: #000000;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .camera-card {
    background: #000000;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    position: relative;
  }

  .player {
    height: 100%;
    width: auto;
    flex: 1;
  }

  .img-preview {
    display: flex;
    flex: 1;
    flex-direction: column;
    background: #000;
    position: relative;
    height: 1px;
  }

  .img-snapshot {
    height: 100%;
    align-self: center;
  }

  .camera__actions {
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 16px;
    width: 100%;
    text-align: center;
  }

  .page-break-img {
    height: 100%;
  }

  .footer-nav {
    display: flex;
    flex-direction: row;
    border: 1px solid #16577B;
    margin-top: auto;
  }
  .footer-nav .mdc-button {
    flex: 1;
    text-align: center;
    border-radius: 0;
    height: auto !important;
    background: #009fe3;
    color: #16577B !important;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .footer-nav .mdc-button .mdc-button__icon {
    font-size: 30px;
    height: 30px;
    margin-right: 16px;
  }
  .footer-nav .mdc-button .mdc-button__label {
    font-size: 0.685rem;
    font-weight: 500;
    text-transform: none;
  }
  .footer-nav .mdc-button:nth-child(2) {
    border-left: 1px solid #16577B;
    border-right: 1px solid #16577B;
  }
  .footer-nav .active-btn {
    color: #ffffff !important;
  }
}
.mdc-drawer-toggle-icon {
  display: none;
  cursor: pointer;
}

@media only screen and (max-width: 1200px) {
  .search-toggler {
    display: inline;
  }

  .page-tab-nav-right {
    padding: 0;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 1024px) {
  /*fix for overflowing input forms inside cards*/
  .mdc-card .mdc-layout-grid {
    padding: 16px;
  }
  .mdc-card .mdc-layout-grid .mdc-layout-grid__inner {
    grid-gap: 18px 8px;
  }

  .mdc-drawer-toggle-icon {
    display: block;
  }

  .header-text-container {
    width: 40%;
  }

  .page-tab-nav-left .mdc-tab__text-label {
    font-size: 0.8em !important;
  }
}
@media only screen and (max-width: 1211px) {
  .main-header .sub-menu .mdc-tab__text-label {
    display: none;
  }
}
@media only screen and (min-width: 823px) {
  .sub-tab .sub-tab-link .mdc-tab__icon {
    display: none;
  }
}
@media only screen and (max-width: 822px) {
  .sub-tab .sub-tab-link .mdc-tab__text-label {
    display: none;
  }
}
.vertical-card .salesSearchInfo {
  width: 170px;
}

.vertical-card .salesSearchInfo li {
  word-break: break-word;
}

.salesSearchDescription {
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 128px;
  margin-bottom: 16px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 16px;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  flex: 1;
}

.mapCardCommentHeader {
  width: 100%;
  font-family: Roboto, sans-serif;
  font-size: 1rem;
  line-height: 0.125rem;
  font-weight: 500;
  letter-spacing: 0.00714em;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

.mapCardCommentHeader .mdc-icon-button {
  position: absolute;
  top: -14px;
  right: -10px;
  font-size: 1.25rem;
}

.search-page-contents .vertical-card .salesSearchDescription {
  display: flex;
  flex: 1;
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0 0 16px 16px;
  background-color: #F2F5F8;
  margin: 0 16px;
  border-radius: 4px;
  height: 160px;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  position: relative;
  padding: 0;
}

.search-page-contents .vertical-card .salesSearchDescription p {
  overflow: hidden;
  overflow-y: auto;
  height: 128px;
  padding: 16px 32px 16px 16px;
  margin: 0;
}

.search-page-contents .vertical-card .salesSearchData .mdc-icon-button {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 1.25rem;
  margin-top: 0;
}

.search-page-contents .horizontal-card .salesSearchDescription {
  color: #636363;
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 128px;
  margin-bottom: 16px;
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  padding: 16px;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  flex: 1;
}

.search-page-contents .horizontal-card .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
}

.search-page-contents .horizontal-card .salesSearchData .mdc-icon-button {
  position: absolute;
  top: -22px;
  right: -16px;
  font-size: 1.25rem;
}

.mdc-menu-surface.mdc-select-upgraded {
  z-index: 8;
}

.mdc-select-upgraded .mdc-list {
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
}

.mdc-text-field__input.text_date {
  font-size: 0.9rem;
}

.horizontal-card .salesSearchDescription {
  padding: 0px;
}

.analysis-market-value .mdc-card {
  overflow-x: visible;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.12);
}
.analysis-market-value .mdc-card .card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
  align-items: center;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.analysis-market-value .mdc-card .card-header button {
  margin-left: auto;
}
.analysis-market-value .mdc-card .card-header h2 {
  line-height: 0;
  padding: 8px 16px;
  flex: 1;
  text-align: center;
}
.analysis-market-value .mdc-card .card-header .header-checkbox {
  justify-content: flex-end;
  margin-left: auto;
}
.analysis-market-value .mdc-card .card-header .header-checkbox .mdc-form-field {
  margin-right: 20px;
}
.analysis-market-value .mdc-card .mdc-layout-grid {
  padding: 16px !important;
  padding: var(--mdc-layout-grid-margin-desktop, 16px);
}
.analysis-market-value .mdc-card .mdc-text-field--textarea {
  height: 143px;
}
.analysis-market-value div.content-editable-currency {
  display: inline-flex;
}
.analysis-market-value .mdc-data-table {
  overflow-x: visible;
  height: 100%;
  margin-bottom: 0;
}
.analysis-market-value .mdc-data-table .mdc-data-table__table .mdc-data-table__cell .mdc-select {
  margin-top: 4px;
}
.analysis-market-value .button-chips p {
  font-size: 14px;
  font-weight: 500;
  color: #636363;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.analysis-market-value .button-chips .mdc-chip-set {
  display: inline;
  padding: 0 0 16px 0;
}
.analysis-market-value .button-chips .mdc-chip-set .mdc-chip {
  border-radius: 2px;
  background: #F9F9F9;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  width: 70px;
  text-align: center;
  padding: 18px 12px;
  margin-left: auto;
}
.analysis-market-value .button-chips .mdc-chip-set .mdc-chip span {
  display: block;
  width: 100%;
}
.analysis-market-value .button-chips .mdc-chip-set .mdc-chip .mdc-chip__text {
  font-size: 14px;
  font-weight: 500;
  color: #636363;
}
.analysis-market-value .button-chips .mdc-chip-set .mdc-chip--selected {
  background: #009FE3;
  border-radius: 3px;
}
.analysis-market-value .button-chips .mdc-chip-set .mdc-chip--selected .mdc-chip__text {
  color: #ffffff;
}
.analysis-market-value .mdc-action-button {
  display: flex;
  flex-direction: row;
}
.analysis-market-value .mdc-action-button .mdc-button.mdc-button-cancel {
  margin-left: auto;
}
.analysis-market-value .fixed-two-row-label {
  display: grid;
  margin-top: 8px;
  color: gray;
}
.analysis-market-value .term-label {
  font-size: 13px;
}
.analysis-market-value .content-editable-currency {
  width: 100%;
}
.analysis-market-value .ember-content-editable {
  width: 100%;
}

.analysis-replacements .content-editable-currency {
  display: inline-flex;
  width: 100%;
}
.analysis-replacements .ember-content-editable {
  width: 100%;
}
.analysis-replacements .mdc-layout-grid {
  margin-left: 0px;
  margin-right: 0px;
}

.improvement-ancillaries .analysis-row-textfield {
  background-color: transparent;
}

.improvement-ancillaries .analysis-row-textfield input {
  border-bottom-color: transparent !important;
  padding-left: 3px;
}

.improvement-ancillaries .analysis-row-textfield .mdc-line-ripple {
  background-color: transparent;
}

.improvement-ancillaries .analysis-row-textfield .mdc-line-ripple {
  background-color: transparent;
}

.improvement-ancillaries .analysis-row-textfield .mdc-text-field__prefix {
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
}

.improvement-ancillaries .analysis-row-textfield .separator {
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
}

.improvement-ancillaries .analysis-table-row {
  height: 69px;
}

.improvement-ancillaries .analysis-row-textfield .mdc-floating-label--float-above {
  display: none !important;
}

.improvement-ancillaries .analysis-row-textfield input::-webkit-outer-spin-button, .improvement-ancillaries .analysis-row-textfield input::-webkit-inner-spin-button {
  display: none;
}

.attachments-single-service {
  display: flex;
  flex-direction: row;
}
.attachments-single-service .mdc-drawer {
  width: 348px;
  height: 100vh !important;
}
.attachments-single-service .mdc-drawer .mdc-drawer__header {
  padding: 0 16px;
  min-height: 48px;
}
.attachments-single-service .mdc-drawer .mdc-drawer__header .mdc-drawer__title {
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.attachments-single-service .mdc-drawer .mdc-drawer__header .mdc-drawer__title::before {
  height: 32px;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 8px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #636363 !important;
  text-decoration: none;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item .mdc-list-item__meta .material-icons {
  color: #767676;
  opacity: 30%;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item:hover .mdc-list-item__meta .material-icons {
  color: #ffffff;
  opacity: 30%;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item--activated {
  color: inherit;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-list-item--activated:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-button {
  width: 100%;
  color: #16577B;
  border-radius: 0;
  justify-content: start;
  padding-left: 42px;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content .mdc-list .mdc-button .mdc-button__icon {
  width: 25px;
  height: 25px;
  font-size: 25px;
}
.attachments-single-service .mdc-drawer .mdc-drawer__content :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  opacity: 0 !important;
}
.attachments-single-service .mdc-drawer .mdc-list-group__subheader {
  padding-left: 42px;
  color: #636363;
}
.attachments-single-service .mdc-drawer .header-tip {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 100 100' fill='%23000000' version='1.1' viewBox='0 0 100 100' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg transform='translate(0 -952.36)' fill='%23636363'%3E%3Ccircle cx='50' cy='1002.7' r='21.5'/%3E%3Cpath d='m41.9 1033.9c0.7 1.9 2.3 3.3 4.3 3.7v1c0 2 1.7 3.7 3.7 3.7s3.7-1.7 3.7-3.7v-1c2-0.3 3.7-1.8 4.3-3.7h-16z'/%3E%3Crect x='41.6' y='1028.4' width='16.7' height='3.7'/%3E%3Crect x='41.6' y='1022.4' width='16.7' height='3.7'/%3E%3Cpath d='m11.9 1000.5c-1 0-1.9 0.8-1.9 1.9s0.8 1.9 1.9 1.9h9.3c1 0 1.9-0.8 1.9-1.9 0-1-0.8-1.9-1.9-1.9h-9.3z'/%3E%3Cpath d='m23 973.6c-0.5 0-0.9 0.2-1.3 0.6-0.7 0.7-0.7 1.9 0 2.6l6.6 6.6c0.7 0.7 1.9 0.7 2.6 0s0.7-1.9 0-2.6l-6.6-6.6c-0.3-0.4-0.8-0.6-1.3-0.6z'/%3E%3Cpath d='m50 962.4c-1 0-1.9 0.8-1.9 1.9v9.3c0 1 0.8 1.9 1.9 1.9 1 0 1.9-0.8 1.9-1.9v-9.3c-0.1-1.1-0.9-1.9-1.9-1.9z'/%3E%3Cpath d='m76.9 973.6c-0.5 0-0.9 0.2-1.3 0.6l-6.6 6.6c-0.7 0.7-0.7 1.9 0 2.6s1.9 0.7 2.6 0l6.6-6.6c0.7-0.7 0.7-1.9 0-2.6-0.4-0.4-0.8-0.6-1.3-0.6z'/%3E%3Cpath d='M78.8,1000.5c-1,0-1.9,0.8-1.9,1.9c0,1,0.8,1.9,1.9,1.9H88c1,0,1.9-0.8,1.9-1.9s-0.8-1.9-1.9-1.9H78.8z'/%3E%3C/g%3E%3C/svg%3E%0A") 14px no-repeat;
  background-size: 20px;
}
.attachments-single-service .mdc-drawer .mdc-list-group__subheader p {
  line-height: 16px;
}
.attachments-single-service .mdc-drawer .header-tip {
  font-weight: 500;
}
.attachments-single-service .mdc-drawer-app-content {
  padding: 0 16px 16px 16px;
  flex: 1;
  height: 100vh;
}
.attachments-single-service .mdc-drawer-app-content .button-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.attachments-single-service .mdc-drawer-app-content .button-list button {
  color: #16577B;
}
.attachments-single-service .mdc-drawer-app-content .button-list button:disabled {
  color: #0AB5FF;
}

.tool-tip {
  position: relative;
}

.tool-tip::before, .tool-tip::after {
  position: absolute;
  left: 50%;
  opacity: 0;
  z-index: -999;
  transition: opacity 0.3s ease-in-out;
}

.tool-tip:hover::before, .tool-tip:focus::before, .tool-tip:hover::after, .tool-tip:focus::after {
  opacity: 1;
  z-index: 999;
}

.tool-tip::after {
  border-style: solid;
  border-width: 1em 0.75em 0 0.75em;
  border-color: white transparent transparent transparent;
  bottom: 25px;
  margin-left: -8.5em;
  content: " ";
}

.tool-tip::before {
  background: #ffffff;
  border-radius: 0.25em;
  bottom: 34px;
  width: auto;
  max-width: 304px;
  padding: 8px;
  margin-left: -138px;
  content: attr(data-tip);
  -webkit-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  color: #7C7C7C;
  font-weight: 500;
  line-height: 16px;
}

.custom-data-table .mdc-data-table__table .mdc-data-table__header-row .mdc-data-table__header-cell--checkbox {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__header-row .mdc-data-table__header-cell--checkbox .mdc-checkbox__background {
  border: 1px solid #979797;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__header-row .mdc-data-table__header-cell {
  font-size: 14px;
  color: #4A4A4A !important;
  padding-left: 25px;
  padding-right: 25px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row {
  border-top-color: rgba(151, 151, 151, 0.15);
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell {
  color: #636363;
  font-size: 14px;
  padding-left: 25px;
  padding-right: 25px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.btn-editable-cell {
  position: relative;
  padding-right: 64px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.btn-editable-cell .btn-cell-editor {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -24px;
  display: none;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.btn-editable-cell:hover .btn-cell-editor {
  display: block;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.btn-editable-cell .btn-cell-editor-hidden {
  display: none !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.sqm-suffix {
  padding-right: 58px;
  position: relative;
  width: 60px;
  max-width: auto;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.sqm-suffix::after {
  content: "sqm";
  color: rgba(0, 0, 0, 0.38);
  position: absolute;
  right: 28px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.dollar-prefix {
  padding-left: 36px;
  position: relative;
  width: 74px;
  max-width: auto;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.dollar-prefix::before {
  content: "$";
  color: rgba(0, 0, 0, 0.38);
  position: absolute;
  left: 26px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.date-cell {
  width: 78px;
  padding-right: 50px;
  position: relative;
  max-width: auto;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select {
  margin: 0;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select:hover {
  background: rgba(245, 245, 245, 0.1);
  outline: 2px solid #0AB5FF;
  outline-offset: -2px;
  background: #ffffff;
  opacity: 1;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select:hover .mdc-menu {
  outline: none !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select:hover .mdc-menu .mdc-list {
  outline: none !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select:hover .mdc-menu .mdc-list .mdc-list-item {
  outline: none !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select.mdc-select--activated + .mdc-select--focused {
  background: white !important;
  outline: 2px solid #0AB5FF;
  outline-offset: -2px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select.mdc-select--activated + .mdc-select--focused :hover {
  background: #ffffff;
  opacity: 1;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select .mdc-select__anchor {
  background: none !important;
  border-radius: 0;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select .mdc-select__anchor:hover {
  background: none !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select .mdc-select__anchor .mdc-select__selected-text {
  font-size: 14px;
  color: #636363;
  padding-left: 24px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select .mdc-select__dropdown-icon {
  color: #000000;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(2deg) brightness(95%) contrast(93%);
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-select.mdc-select--activated .mdc-select__dropdown-icon {
  transition: none !important;
  transform: none !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell.chip-set-cell {
  width: 360px;
  max-width: 360px !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set {
  padding: 0;
  width: 360px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .mdc-chip, .custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .custom-mdc-chip {
  padding-right: 8px;
  max-width: 95%;
  cursor: default;
  border-radius: 16px;
  background-color: #e0e0e0;
  color: #7C7C7C;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: inline-flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  border-width: 0;
  outline: none;
  margin: 4px 8px 4px 0;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .mdc-chip .mdc-chip__text, .custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .custom-mdc-chip .mdc-chip__text {
  font-size: 12px;
  color: #7C7C7C;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .mdc-chip .mdc-chip__icon, .custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .custom-mdc-chip .mdc-chip__icon {
  color: #7C7C7C;
  height: 18px;
  width: 18px;
  font-size: 18px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .mdc-chip .mdc-chip__icon--trailing, .custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell .mdc-chip-set .custom-mdc-chip .mdc-chip__icon--trailing {
  padding-right: 2px;
  cursor: pointer;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell--checkbox {
  padding: 0px 6px;
  width: 1px;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell--checkbox .mdc-checkbox__background {
  border: 1px solid #979797;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable] {
  outline: 0px solid transparent;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable]:hover {
  outline: 2px solid #0AB5FF;
  outline-offset: -2px;
  border-radius: 0px;
  background: transparent;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable]:hover.date-cell {
  background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 0 18 20' width='13.5' height='15' version='1.1' id='svg6' sodipodi:docname='event-icon.svg' style='fill:%23000000' inkscape:version='0.92.3 (2405546, 2018-03-11)'%3E%3Cmetadata id='metadata12'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs10' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='740' id='namedview8' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='19.1093' inkscape:cx='1.9479851' inkscape:cy='3.6567917' inkscape:window-x='0' inkscape:window-y='312' inkscape:window-maximized='1' inkscape:current-layer='svg6' /%3E%3Cpath d='M -3,-1 H 21 V 23 H -3 Z' id='path2' inkscape:connector-curvature='0' style='fill:none' /%3E%3Cpath d='M 14,11 H 9 v 5 h 5 z M 13,0 V 2 H 5 V 0 H 3 V 2 H 2 C 0.89,2 0.01,2.9 0.01,4 L 0,18 c 0,1.1 0.89,2 2,2 h 14 c 1.1,0 2,-0.9 2,-2 V 4 C 18,2.9 17.1,2 16,2 H 15 V 0 Z m 3,18 H 2 V 7 h 14 z' id='path4' inkscape:connector-curvature='0' style='fill:%23000000;fill-opacity:0.5411765' /%3E%3C/svg%3E%0A") center right 22px no-repeat !important;
  background-size: 18px !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable]:focus {
  outline: 2px solid #0AB5FF;
  outline-offset: -2px;
  border-radius: 0px;
  background: #ffffff;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable]:focus.date-cell {
  background: transparent url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 0 18 20' width='13.5' height='15' version='1.1' id='svg6' sodipodi:docname='event-icon.svg' style='fill:%23000000' inkscape:version='0.92.3 (2405546, 2018-03-11)'%3E%3Cmetadata id='metadata12'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs10' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='740' id='namedview8' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='19.1093' inkscape:cx='1.9479851' inkscape:cy='3.6567917' inkscape:window-x='0' inkscape:window-y='312' inkscape:window-maximized='1' inkscape:current-layer='svg6' /%3E%3Cpath d='M -3,-1 H 21 V 23 H -3 Z' id='path2' inkscape:connector-curvature='0' style='fill:none' /%3E%3Cpath d='M 14,11 H 9 v 5 h 5 z M 13,0 V 2 H 5 V 0 H 3 V 2 H 2 C 0.89,2 0.01,2.9 0.01,4 L 0,18 c 0,1.1 0.89,2 2,2 h 14 c 1.1,0 2,-0.9 2,-2 V 4 C 18,2.9 17.1,2 16,2 H 15 V 0 Z m 3,18 H 2 V 7 h 14 z' id='path4' inkscape:connector-curvature='0' style='fill:%23000000;fill-opacity:0.5411765' /%3E%3C/svg%3E%0A") center right 22px no-repeat !important;
  background-size: 18px !important;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable][required]:empty {
  outline: 2px solid #E02020;
  outline-offset: -2px;
  position: relative;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable][required]:empty.req-text-input {
  text-align: left;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable][required]:empty.req-text-input::after {
  content: attr(data-tip);
  display: block;
  color: #E02020;
  font-weight: 400;
  text-align: left;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable][required]:empty.sqm-suffix::before {
  content: attr(data-tip);
  display: inline-block;
  color: #E02020;
  font-weight: 400;
  text-align: right;
  margin-right: 1rem;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable][required]:empty.dollar-prefix {
  text-align: right;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row [contenteditable][required]:empty.dollar-prefix::after {
  content: attr(data-tip);
  display: block;
  color: #E02020;
  font-weight: 400;
  text-align: right;
  margin-left: 1rem;
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-data-table__row--selected {
  background-color: rgba(0, 159, 227, 0.1);
}
.custom-data-table .mdc-data-table__table .mdc-data-table__content .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  border-bottom: none !important;
}
.custom-data-table .mdc-data-table__table .del-dt-cont {
  width: 1px;
  padding: 0 !important;
}
.custom-data-table .mdc-data-table__table .menu-combo-cell {
  width: 360px;
  padding: 0 !important;
}
.custom-data-table .mdc-data-table__table .menu-combo-cell .mdc-menu {
  width: auto;
  min-width: 360px;
}
.custom-data-table .mdc-data-table__table .menu-combo-cell .combo-box {
  background: transparent !important;
  border-radius: 0px !important;
  border: none !important;
  max-width: 350px !important;
}
.custom-data-table .mdc-data-table__table .menu-combo-cell .combo-box:hover {
  outline: 2px solid #0AB5FF;
  outline-offset: -2px;
}
.custom-data-table .mdc-data-table__table .menu-combo-cell .combo-box .mdc-chip-set {
  padding-right: 44px !important;
  padding-left: 20px !important;
  padding-top: 6px !important;
}
.custom-data-table .mdc-data-table__table .menu-combo-cell::hover {
  outline: 2px solid #0AB5FF;
}
.custom-data-table .mdc-data-table__table .menu-select-cell {
  width: 230px;
  min-width: 230px;
  max-width: auto;
  padding: 0 !important;
}
.custom-data-table .mdc-data-table__table .menu-select-cell .mdc-menu {
  width: auto;
  min-width: 230px;
  max-width: auto;
}
.custom-data-table .mdc-data-table__table .menu-short-cell {
  width: 120px;
  padding: 0 !important;
}
.custom-data-table .mdc-data-table__table .menu-short-cell .mdc-select {
  width: 120px !important;
}
.custom-data-table .mdc-data-table__table .menu-short-cell .mdc-select .list-search-box .mdc-text-field:hover, .custom-data-table .mdc-data-table__table .menu-short-cell .mdc-select .list-search-box .mdc-text-field:focus {
  outline: none !important;
}
.custom-data-table .mdc-data-table__table .menu-short-cell .mdc-menu {
  width: auto;
  min-width: 120px;
  max-width: auto;
}
.custom-data-table .mdc-data-table__table .medium-cell {
  width: 190px !important;
}
.custom-data-table .mdc-data-table__table .short-cell {
  width: 120px;
}

.combo-box {
  background-color: whitesmoke;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #939393;
  min-height: 54px;
  position: relative;
}
.combo-box button {
  position: absolute;
  right: 3px;
  top: 3px;
}
.combo-box .mdc-icon-button {
  color: #aaa;
}
.combo-box .mdc-chip-set {
  padding-right: 35px !important;
}
.combo-box .mdc-chip-set .mdc-chip, .combo-box .mdc-chip-set .custom-mdc-chip {
  padding-right: 8px;
  max-width: 270px;
  cursor: default;
  border-radius: 16px;
  background-color: #e0e0e0;
  color: #7C7C7C;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  height: 32px;
  display: inline-flex;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  padding: 0 12px;
  border-width: 0;
  outline: none;
  -webkit-appearance: none;
  margin: 4px;
  --mdc-ripple-fg-size: 0 !important;
  --mdc-ripple-fg-scale: 0 !important;
  --mdc-ripple-fg-translate-start: none!important;
  --mdc-ripple-fg-translate-end: none!important;
}
.combo-box .mdc-chip-set .mdc-chip .mdc-chip__text, .combo-box .mdc-chip-set .custom-mdc-chip .mdc-chip__text {
  font-size: 12px;
  color: #7C7C7C;
  font-weight: 500;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.combo-box .mdc-chip-set .mdc-chip .mdc-chip__icon, .combo-box .mdc-chip-set .custom-mdc-chip .mdc-chip__icon {
  color: #7C7C7C;
  height: 18px;
  width: 18px;
  font-size: 18px;
}
.combo-box .mdc-chip-set .mdc-chip .mdc-chip__icon--trailing, .combo-box .mdc-chip-set .custom-mdc-chip .mdc-chip__icon--trailing {
  padding-right: 2px;
  cursor: pointer;
}
.combo-box .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.combo-box .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
}
.combo-box .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.combo-box .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.combo-box .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.combo-box .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.combo-box .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.combo-box .mdc-list .list-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 6px 16px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
}
.combo-box .mdc-list .list-button .material-icons {
  margin-right: 4px;
  color: #666666 !important;
  filter: invert(41%) sepia(0%) saturate(470%) hue-rotate(147deg) brightness(90%) contrast(82%);
}
.combo-box .mdc-list .list-button:hover {
  color: #ffffff;
  background: #009fe3;
}
.combo-box .mdc-list .list-button:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7482%) hue-rotate(92deg) brightness(100%) contrast(107%);
}
.combo-box :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0 !important;
}

.searchable-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.searchable-list .list-search-box {
  padding: 3px;
}
.searchable-list .mdc-list {
  overflow-y: auto;
  flex: 1;
}

.fave-list .mdc-list-item {
  padding-right: 0 !important;
}
.fave-list .mdc-list-item .mdc-list-item__meta .mdc-icon-button .material-icons {
  padding-right: 0;
  filter: invert(66%) sepia(0%) saturate(0%) hue-rotate(348deg) brightness(91%) contrast(92%);
  margin-right: 16px;
}
.fave-list .mdc-list-item .mdc-list-item__meta .mdc-icon-button.mdc-icon-button--on .mdc-icon-button__icon--on {
  filter: invert(65%) sepia(43%) saturate(5107%) hue-rotate(166deg) brightness(100%) contrast(103%);
}
.fave-list .mdc-list-item:hover:hover {
  color: #ffffff;
  background: #009fe3;
}
.fave-list .mdc-list-item:hover:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.fave-list .mdc-list-item:hover .mdc-list-item__meta .mdc-icon-button .material-icons {
  filter: invert(98%) sepia(98%) saturate(10%) hue-rotate(184deg) brightness(102%) contrast(103%);
}

.comparable-map-list .mdc-dialog .mdc-dialog__surface {
  max-width: 90vw !important;
}

.comparable-map-list .mdc-dialog__content {
  padding: 0;
}

.comparable-map-list .salesMapMarkerData .salesSearchData {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
  align-items: flex-start;
  flex-wrap: wrap;
}

.comparable-map-list .salesMapMarkerData .mdc-card {
  border-radius: 4px !important;
}

.comparable-map-list .salesMapMarkerData .card-header {
  background: #F9F9F9;
  display: flex;
  padding-left: 14px;
  border-radius: 4px 4px 0 0;
  position: relative;
  padding-top: 0;
}

.comparable-map-list .salesMapMarkerData .card-header h2 {
  width: 70%;
  font-size: 1.125rem !important;
  line-height: 1.1rem;
}

.comparable-map-list .salesMapMarkerData .card-header h2 a {
  text-decoration: none;
  color: #15B6FD;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA {
  display: block;
  width: auto;
  flex-wrap: none;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage {
  min-width: none;
  max-width: none;
  min-height: none;
  max-height: none;
  width: 300px !important;
  height: 158px;
  object-position: 50% 50%;
  margin: 0 12px 0 0;
  position: relative;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 240px;
}
.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage .icon-info li {
  padding: 8px 6px !important;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage img {
  width: 240px;
  overflow: hidden !important;
  height: auto;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchInfo {
  width: 140px;
  margin: 0;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription {
  display: flex;
  padding: 0;
  height: 160px;
  margin-right: 10px;
  margin-bottom: 0;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription button {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 1.25rem;
}

.comparable-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription p {
  overflow: hidden;
  overflow-y: auto;
  height: 128px;
  padding: 16px 32px 16px 16px;
  margin: 0;
}

.comparable-map-list .salesMapMarkerData .sales-comparison-box {
  width: 200px;
  height: 160px;
  border-radius: 4px;
  margin-right: 16px;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}

.comparable-map-list .salesMapMarkerData .sales-comparison-box ul {
  height: 150px;
  list-style: none;
  padding: 4px 0;
  overflow-y: auto;
  margin-top: 0px;
}

.comparable-map-list .salesMapMarkerData .sales-comparison-box ul li {
  padding: 6px 8px 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.comparable-map-list .salesMapMarkerData .sales-comparison-box ul span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}

.comparable-map-list .salesMapMarkerData .sales-comparison-box button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.25rem;
}

.comparable-map-list .salesMapMarkerData .sales-fig {
  width: 230px;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 160px;
}

.comparable-map-list .salesMapMarkerData .sales-fig ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.comparable-map-list .salesMapMarkerData .sales-fig ul li {
  font-size: 0.775rem;
  vertical-align: middle;
  line-height: 2.5;
  text-indent: 8px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}

.comparable-map-list .salesMapMarkerData .sales-fig ul span {
  margin-left: auto;
  padding-right: 8px;
  font-size: 0.875rem;
}

.comparable-map-list .salesMapMarkerData .comparison-editor-container {
  position: absolute;
  width: 100%;
  margin-top: 244px;
  z-index: 9999;
  margin-bottom: 40px;
}

.comparable-map-list .salesMapMarkerData .comparison-editor-container .comparison-header button {
  margin-left: auto !important;
  font-size: 35px;
  padding: 0;
}

.comparable-map-list .mdc-dialog {
  overflow-x: scroll;
}

.edit-address-header {
  background: #05ABF2;
  padding: 4px 0 4px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.edit-address-header .modal-title {
  color: #ffffff;
  font-weight: 500;
  font-size: 18px;
}

.edit-address-header .mdc-icon-button {
  margin-left: auto !important;
  margin-right: 8px;
  color: #ffffff;
}

.login {
  position: fixed;
  background-image: url(/aut-mdc-shared/assets/images/login-background.png);
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.login .overlay {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 0;
}
.login .logo {
  background-image: url(/aut-mdc-shared/assets/images/hawk_logo.svg);
  width: 150px;
  height: 150px;
  background-size: cover;
  background-color: #373737;
  z-index: 1;
  position: fixed;
  border-radius: 100px;
  border: 5px solid white;
  left: 50%;
  margin-left: -80px;
  top: 50%;
  margin-top: -160px;
}
.login button {
  position: fixed;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  margin-top: 30px;
}

.rebrand-login {
  background-image: url(/aut-mdc-shared/assets/images/login_bg_1920.png);
  height: 100vh;
  background-position-y: -45px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.rebrand-login .rebrand-login__center {
  padding-top: 150px;
  height: 500px;
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.rebrand-login .rebrand-login__center .rebrand-login__htw-logo {
  flex: unset;
  height: auto;
  width: 100%;
  filter: brightness(0) invert(1);
}
.rebrand-login .rebrand-login__center .rebrand-login__app-name {
  flex: unset;
  text-transform: uppercase;
  font-size: 50px;
  color: white;
  font-weight: 500;
  letter-spacing: 4px;
}
.rebrand-login .rebrand-login__center .rebrand-login__button {
  display: inline-block;
  background: white;
  color: #444;
  width: 280px;
  border-radius: 5px;
  border: thin solid #888;
  box-shadow: 1px 1px 1px grey;
  white-space: nowrap;
}
.rebrand-login .rebrand-login__center .rebrand-login__button:hover {
  cursor: pointer;
}
.rebrand-login .rebrand-login__center .rebrand-login__button span.label {
  font-family: serif;
  font-weight: normal;
}
.rebrand-login .rebrand-login__center .rebrand-login__button span.icon {
  background: url(/aut-mdc-shared/assets/images/btn_google_light_normal_ios.svg) transparent 5px 50% no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
}
.rebrand-login .rebrand-login__center .rebrand-login__button span.buttonText {
  display: inline-block;
  vertical-align: middle;
  padding-left: 42px;
  padding-right: 42px;
  font-size: 14px;
  font-weight: bold;
  /* Use the Roboto font that is loaded in the <head> */
  font-family: "Roboto", sans-serif;
}

.service-container {
  min-height: calc(100vh - 170px);
  /*custom search box*/
}
.service-container .service-select-menu {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 170px);
  align-items: center;
}
.service-container .service-select-menu h4 {
  font-weight: 500;
  display: block;
  width: 100%;
  color: #636363;
  font-size: 28px;
  -webkit-font-smoothing: antialiased;
  line-height: 1rem;
  font-weight: 500;
  letter-spacing: 0.0073529412em;
  text-decoration: inherit;
  text-transform: inherit;
  margin-block-start: 0em;
  margin-block-end: 1em;
}
.service-container .service-select-menu .service-btn-container {
  align-items: center;
  align-self: center;
  margin: auto;
}
.service-container .service-select-menu .service-btn-container .service-select-btn {
  width: 121px;
  height: 121px;
  background: #f9f9f9 !important;
  border: 1px solid #7C7C7C;
  border-radius: 0;
  display: inline-flex;
  flex-direction: column;
  margin: 4px;
  align-items: center;
  justify-content: unset;
}
.service-container .service-select-menu .service-btn-container .service-select-btn .material-icons {
  font-size: 34px;
  margin-top: 28px;
  margin-bottom: 14px;
  color: #636363;
  filter: invert(38%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(99%) contrast(89%);
}
.service-container .service-select-menu .service-btn-container .service-select-btn .icon-item-title {
  font-size: 12px;
  color: #636363;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -1px !important;
}
.service-container .service-acc .collapsible-item {
  border-bottom: 1px solid #f2f2f2;
}
.service-container .service-acc .collapsible-item .collapsible-item-header {
  padding-left: 22px;
  display: flex;
  flex-direction: row;
  background-color: #F9F9F9;
  align-items: center;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.service-container .service-acc .collapsible-item .collapsible-item-header .mdc-icon-button {
  margin-left: auto;
}
.service-container .service-acc .collapsible-item .collapsible-item-content {
  --mdc-layout-grid-gutter-desktop: 16px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-layout-grid {
  padding: 16px;
  margin-left: 0;
  margin-right: 0;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-layout-grid .mdc-layout-grid__cell .card-divider {
  height: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin: 8px -16px 16px -16px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card {
  height: 100%;
  display: flex;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-header .card-header-action-btn {
  margin-left: auto;
  color: #636363;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .card-notification {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .card-notification a {
  color: #16577B;
  text-decoration: none;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .clear-block-title {
  display: block;
  width: 100%;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .data-label {
  color: #636363;
  font-size: 13.08px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17.44px;
  display: block;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .data-output {
  display: block;
  color: #636363;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  display: flex;
  flex-direction: row;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .data-output .prefix {
  color: rgba(0, 0, 0, 0.38);
  margin-right: 4px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .data-output .suffix {
  color: rgba(0, 0, 0, 0.38);
  margin-left: 4px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .icon-info {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  margin-top: -12px;
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  margin-left: auto;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .icon-info li {
  padding: 8px 6px !important;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .icon-info li .info-icon {
  height: 16px;
  width: 18px;
  display: inline-block;
  margin-right: 8px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .card-divider {
  height: 0;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 8px;
  padding-left: 8px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-text-field-helper-line .mdc-text-field-helper-text {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  padding: 4px 0;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-text-field-helper-line .mdc-text-field-helper-text a {
  text-decoration: none;
  color: #16577B;
  padding: 0 4px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-text-field-helper-line .mdc-text-field-helper-text .material-icons {
  font-size: 18px;
  margin-right: 6px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-form-field {
  height: 56px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-form-field .mdc-checkbox {
  margin-left: -10px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  height: 20px;
  width: 20px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .card-contents .mdc-form-field label {
  font-size: 16px !important;
  color: #6E7178;
  font-weight: 500;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-data-table {
  margin-bottom: 0;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-card__actions {
  margin-top: auto;
  padding-left: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-card__actions .mdc-card__action-buttons.right-aligned {
  justify-content: flex-end;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-card__actions .mdc-card__action-buttons .mdc-button {
  color: #16577B;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-button {
  margin: 4px 4px 4px -10px;
  color: #16577B;
  font-size: 14px;
  display: flex;
  vertical-align: center;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-button .mdc-button__icon {
  font-size: 22px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .custom-add-btn {
  color: #16577B;
  font-size: 14px;
  display: flex;
  vertical-align: center;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .custom-add-btn .mdc-button__icon {
  font-size: 32px;
  margin-right: 18px;
  height: unset;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .clear-block-title {
  line-height: 2rem !important;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .risk-add-comment-container {
  padding: 16px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu {
  display: flex;
  flex-direction: row;
  border-top: 1px solid rgba(151, 151, 151, 0.15);
  margin-top: auto;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu .mdc-icon-button {
  text-align: center !important;
  padding: 0 0 8px 0;
  flex: 1;
  color: #636363;
  height: 64px;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu .mdc-icon-button .icon-container {
  display: block;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
  color: #000000;
  filter: invert(38%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(99%) contrast(89%);
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 0;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu .mdc-icon-button::before,
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu .mdc-icon-button::after {
  border-radius: 0px !important;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu :disabled {
  color: #16577B;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .rp-data-footer-menu :disabled .material-icons {
  filter: invert(25%) sepia(22%) saturate(2935%) hue-rotate(168deg) brightness(96%) contrast(86%) !important;
}
.service-container .service-acc .collapsible-item .collapsible-item-content .mdc-card .mdc-tab-bar .mdc-tab {
  flex: none;
}
.service-container .location-search-box {
  display: flex;
  position: relative;
}
.service-container .location-search-box .mdc-menu {
  width: 100%;
  flex-direction: column;
  overflow: hidden;
}
.service-container .location-search-box .mdc-menu .mdc-list {
  flex: 1;
  overflow-y: auto;
  max-height: 200px;
  border-bottom: 1px solid #ccc;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  font-weight: 400;
  background: #ffffff;
  flex-direction: row;
  color: #636363;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  align-items: normal;
  min-height: 40px;
  height: auto;
  padding: 8px 16px;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item .location-addr {
  flex: 1;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item .location-addr .location-addr-primary {
  display: block;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item .location-addr .location-addr-secondary {
  display: block;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item .location-group {
  margin-left: auto;
  text-align: right;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  color: #666666;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item:hover .mdc-list-item__text .mdc-list-item__secondary-text {
  color: #ffffff;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff;
}
.service-container .location-search-box .mdc-menu .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3;
}
.service-container .location-search-box .mdc-menu :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0;
}
.service-container .location-search-box .list-button {
  flex: auto;
  display: flex;
  width: 100%;
  border: none;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 0 16px;
  color: #636363;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
  background: #ffffff;
  height: 64px;
  align-self: flex-end;
}
.service-container .location-search-box .list-button .material-icons {
  margin-right: 8px;
  color: #000000;
  filter: invert(38%) sepia(5%) saturate(0%) hue-rotate(273deg) brightness(97%) contrast(87%);
}
.service-container .location-search-box .list-button:hover {
  cursor: pointer;
  background: #009fe3;
  color: #ffffff;
}
.service-container .location-search-box .list-button:hover .material-icons {
  color: #000000;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(316deg) brightness(108%) contrast(105%);
}
.service-container .location-search-box .clear-input-text {
  margin-left: -48px;
}
.service-container .location-search-box .selected-location-addr {
  background: whitesmoke;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  flex: 1;
  border-radius: 3px 3px 0 0;
  padding: 6px 48px 8px 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
}
.service-container .location-search-box .selected-location-addr .selected-location-addr-primary {
  display: block;
}
.service-container .location-search-box .selected-location-addr .selected-location-addr-secondary {
  display: block;
  font-size: 16px;
}
.service-container .location-search-box .selected-location-addr .selected-location-addr-label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
.service-container .rp-data-search-box {
  position: relative;
}
.service-container .rp-data-search-box .mdc-menu-surface {
  width: auto;
  min-width: 100%;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  color: #666666 !important;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text .mdc-list-item__secondary-text {
  color: #ffffff !important;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item.mdc-list-item--selected {
  color: #ffffff;
  background: #009fe3;
  opacity: 1;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item.mdc-list-item--selected .mdc-list-item__text {
  color: #ffffff !important;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff;
  opacity: 1;
}
.service-container .rp-data-search-box .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3;
}
.service-container .scrolling-card {
  overflow-y: auto;
  max-height: 520px;
}
.service-container .scrolling-card .scrolling-card-child {
  position: relative;
}
.service-container .scrolling-card .scrolling-card-child .data-output-action-btns {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: auto;
  color: #636363;
}
.service-container .scrolling-card-footer {
  margin-top: auto;
  padding: 10px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.service-container .mdc-menu-surface--fixed {
  width: auto !important;
  min-width: 418px;
}
.service-container .inline-action-btn-combo {
  display: flex;
  flex-direction: row;
}
.service-container .inline-action-btn-combo .mdc-icon-button {
  color: #636363;
}
.service-container .risk-rating-field {
  position: relative;
  overflow: visible;
}
.service-container .risk-rating-field .risk-rating-dot {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 18px;
  right: 16px;
}
.service-container .risk-rating-field .rating-low {
  background: #9DC430;
}
.service-container .risk-rating-field .rating-low-medium {
  background: #ffb873;
}
.service-container .risk-rating-field .rating-medium {
  background: #f28e00;
}
.service-container .risk-rating-field .rating-medium-high {
  background: #f98686;
}
.service-container .risk-rating-field .rating-high {
  background: #e02020;
}
.service-container .risk-rating-field .rating-extreme {
  background: #000000;
}
.service-container .risk-rating-field .risk-details-content {
  display: none;
  width: calc(100% - 28px);
  background-color: #ffffff;
  color: #636363;
  text-align: left;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0px;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.5);
  padding: 16px;
}
.service-container .risk-rating-field .risk-details-content::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  margin-left: 12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  border-color: transparent transparent #ffffff transparent;
}
.service-container .risk-rating-field .risk-details-content ul {
  display: inline-flex;
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0;
  flex-direction: column;
  width: 100%;
}
.service-container .risk-rating-field .risk-details-content ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  padding: 8px 0;
}
.service-container .risk-rating-field .risk-details-content ul li .risk-details-label {
  width: 35%;
  padding-left: 8px;
}
.service-container .risk-rating-field .risk-details-content ul li .risk-details-rating {
  font-weight: 500;
  width: 75%;
  font-size: 120%;
}
.service-container .risk-rating-field .risk-details-content ul li:hover {
  background: #f2f2f2;
}

.rp-data-footer-menu {
  display: flex;
  flex-direction: row;
  border-top: 1px solid rgba(151, 151, 151, 0.15);
  margin-top: auto;
}
.rp-data-footer-menu .mdc-icon-button {
  text-align: center !important;
  padding: 0 0 8px 0;
  flex: 1;
  color: #636363;
  height: 64px;
}
.rp-data-footer-menu .mdc-icon-button .icon-container {
  display: block;
}
.rp-data-footer-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
  color: #000000;
  filter: invert(38%) sepia(0%) saturate(0%) hue-rotate(10deg) brightness(99%) contrast(89%);
}
.rp-data-footer-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 0;
}
.rp-data-footer-menu .mdc-icon-button::before,
.rp-data-footer-menu .mdc-icon-button::after {
  border-radius: 0px !important;
}
.rp-data-footer-menu :disabled {
  color: #16577B;
}
.rp-data-footer-menu :disabled .material-icons {
  filter: invert(25%) sepia(22%) saturate(2935%) hue-rotate(168deg) brightness(96%) contrast(86%) !important;
}

/*modal*/
.duplicate-location-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.duplicate-location-modal .mdc-dialog__surface {
  width: calc(100% - 32px) !important;
  max-width: calc(100% - 32px) !important;
  height: calc(100% - 100px) !important;
}
.duplicate-location-modal .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
}
.duplicate-location-modal .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.duplicate-location-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0 !important;
}
.duplicate-location-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.duplicate-location-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content a {
  text-decoration: none;
  color: #16577B;
}
.duplicate-location-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content .mdc-button .mdc-button__label {
  color: #16577B;
}

.new-address-modal .mdc-dialog__container {
  width: 100%;
  height: 100%;
}
.new-address-modal .mdc-dialog__surface {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  line-height: 3rem;
  align-content: center;
  margin: 0;
  padding: 0 0 0 16px;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .property-location {
  display: block;
  line-height: 2rem;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .property-location .property-location__sub-title {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  display: block;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .property-location.editing-cue .property-location__sub-title {
  margin-left: 82px;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button {
  text-align: center;
  padding: 0;
  width: 90px;
  height: 90px;
  color: #ffffff;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container {
  display: block;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  background: #009FE3;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :last-child .icon-container::before {
  background: transparent;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled {
  opacity: 0.5;
}
.new-address-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0 !important;
}

.communications-tab-container .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.communications-tab-container .mdc-data-table .mdc-data-table__header-row .description-col {
  width: 40%;
}
.communications-tab-container .mdc-data-table .mdc-data-table__row .mdc-data-table__cell {
  white-space: normal;
  vertical-align: baseline;
  padding-top: 16px;
  padding-bottom: 16px;
}
.communications-tab-container .mdc-data-table .mdc-data-table__row .mdc-data-table__cell .td-txt-spacer {
  display: block;
  margin-bottom: 1rem;
}

/*modal*/
.notes-modal {
  --mdc-layout-grid-gutter-desktop: 4px;
}
.notes-modal .mdc-layout-grid {
  padding: 16px !important;
}
.notes-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface {
  width: 888px;
  max-width: 888px;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  padding: 0;
  color: #636363;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-button:not(:disabled) {
  color: #16577B;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-button--raised:not(:disabled),
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-button--unelevated:not(:disabled) {
  background-color: #16577B;
  color: #ffffff;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-text-field-helper-line {
  display: flex;
  flex-direction: row;
  font-size: 0.75rem;
  padding-left: 0;
  justify-content: end;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .mdc-text-field-helper-line .mdc-text-field-character-counter {
  margin-left: unset !important;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .save-note-btn-container {
  display: flex;
  flex-direction: row;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid .mdc-layout-grid__inner .mdc-layout-grid__cell .save-note-btn-container .mdc-button {
  margin-left: auto;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .recent-notes-table-title {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
  text-align: left;
  color: #000000;
  padding: 4px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .recent-notes-table-title .mdc-button {
  margin-left: auto;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__header-row .description-col {
  width: 45%;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__row .mdc-data-table__cell {
  white-space: normal;
  vertical-align: baseline;
  padding-top: 16px;
  padding-bottom: 16px;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__row .mdc-data-table__cell .td-txt-spacer {
  display: block;
  margin-bottom: 1rem;
}

.fees-container {
  --mdc-layout-grid-gutter-desktop: 16px;
}
.fees-container .mdc-layout-grid {
  padding: 16px;
  margin-left: 0;
  margin-right: 0;
}
.fees-container .mdc-card {
  height: 100%;
  display: flex;
}
.fees-container .mdc-card .card-contents .mdc-data-table {
  margin-bottom: 0px;
  border-radius: 0px 0px 4px 4px;
  border: none;
}
.fees-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.fees-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__header-row .mdc-data-table__header-cell {
  padding: 16px;
}
.fees-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__row .mdc-data-table__cell {
  white-space: normal;
  vertical-align: baseline;
  padding: 16px;
}
.fees-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__row .mdc-data-table__cell .td-txt-spacer {
  display: block;
  margin-bottom: 1rem;
}

.width-60 {
  width: 160px;
  max-width: 220px;
}

.width-30 {
  width: 120px;
  max-width: 220px;
}

.send-quote-modal .mdc-dialog__container {
  width: 980px;
  height: 100%;
}
.send-quote-modal .mdc-dialog__surface {
  width: 980px;
  max-width: 980px;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  line-height: 3rem;
  align-content: center;
  margin: 0;
  padding: 0 0 0 16px;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button {
  text-align: center;
  padding: 0;
  width: 90px;
  height: 90px;
  color: #ffffff;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container {
  display: block;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
  color: #000000;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(336deg) brightness(104%) contrast(102%);
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  background: #009FE3;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :last-child .icon-container::before {
  background: transparent;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled {
  color: #ffffff;
  opacity: 0.5;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled .material-icons {
  color: #000;
  fill: #ffffff;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(201deg) brightness(106%) contrast(106%);
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0;
  --mdc-layout-grid-gutter-desktop: 16px;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .mdc-layout-grid {
  padding: 16px;
  margin-left: 0;
  margin-right: 0;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .mdc-tab-bar .mdc-tab {
  flex: none;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .content {
  display: none;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .content--active {
  display: block;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content a {
  text-decoration: none;
  color: #16577B;
}
.send-quote-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content .mdc-button .mdc-button__label {
  color: #16577B;
}

.qoute-email .email-header {
  padding: 8px 0;
  border: 1px solid rgba(151, 151, 151, 0.15);
}
.qoute-email .email-header .email-header-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.qoute-email .email-header .email-header-row .email-head-left {
  text-align: right;
  width: 60px;
  font-weight: 500;
  padding: 8px 16px;
}
.qoute-email .email-header .email-header-row .email-head-left .important {
  color: red;
  font-weight: 500;
}
.qoute-email .email-header .email-header-row .email-head-mid {
  flex: 1;
  font-weight: 500;
  padding: 8px 16px;
}
.qoute-email .email-header .email-header-row .email-head-right {
  padding: 0 16px;
  width: 60px;
}
.qoute-email .email-header .email-header-row .email-head-right .mdc-button {
  margin: 0;
  text-decoration: none;
  display: block;
  width: 60px;
  border-radius: 0;
  text-align: left;
}
.qoute-email .email-header .email-header-row .email-head-right .mdc-button .mdc-button__label {
  color: #16577b;
  text-align: left;
}
.qoute-email .email-htw-brand {
  background: red;
  height: 95px;
  display: flex;
  flex-direction: row;
  background: #fff;
  align-items: center;
  padding: 0 20px;
  border: 1px solid rgba(151, 151, 151, 0.15);
  border-top: none;
}
.qoute-email .email-htw-brand .email-htw-logo {
  background: transparent url(/assets/images/htw-logo.svg) left center no-repeat;
  background-size: contain;
  width: 199px;
  height: 60px;
  text-indent: -200%;
  overflow: hidden;
}
.qoute-email .email-htw-brand .email-htw-contact-number {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  align-items: center;
}
.qoute-email .email-htw-brand .email-htw-contact-number a {
  text-decoration: none;
  font-weight: 500;
  color: #7F848B;
  font-size: 20px;
}
.qoute-email .email-htw-brand .email-htw-contact-number .material-icons {
  color: #ffffff;
  background: #7F848B;
  border-radius: 100%;
  padding: 4px;
  margin-right: 6px;
}
.qoute-email .email-splash-img {
  display: block;
  height: 158px;
  width: 100%;
  background: #000001 url(/assets/images/earth-splash.png) center no-repeat;
  /* Old browsers */
  background: url(/assets/images/earth-splash.png) center no-repeat, -moz-linear-gradient(left, #000001 40%, #002244 60%);
  /* FF3.6-15 */
  background: url(/assets/images/earth-splash.png) center no-repeat, -webkit-linear-gradient(left, #000001 40%, #002244 60%);
  /* Chrome10-25,Safari5.1-6 */
  background: url(/assets/images/earth-splash.png) center no-repeat, linear-gradient(to right, #000001 40%, #002244 60%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#000001", endColorstr="#002244",GradientType=1 );
  /* IE6-9 */
  background-size: contain;
}
.qoute-email .email-body {
  border: 1px solid rgba(151, 151, 151, 0.15);
  border-top: none;
  display: flex;
}
.qoute-email .email-body p {
  line-height: 1.3rem;
}
.qoute-email .email-body b {
  font-weight: 500;
}
.qoute-email .email-body a {
  text-decoration: none;
  color: #16577b;
}
.qoute-email .email-body .email-headline {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0125em;
  text-decoration: inherit;
  text-transform: inherit;
  color: #000000;
}

.loe-container {
  background: #525659;
  padding: 68px;
}
.loe-container .loe {
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 3px 0px black;
  -moz-box-shadow: 0px 0px 3px 0px black;
  box-shadow: 0px 0px 3px 0px black;
}
.loe-container .loe-letter {
  position: relative;
  padding: 100px 50px 50px 50px;
  color: #444444;
  line-height: 1rem;
}
.loe-container .loe-letter p {
  font-size: 14px;
}
.loe-container .loe-letter h1 {
  font-size: 14px;
  border-bottom: 2px solid #55b4ef;
}
.loe-container .loe-letter .loe-htw-logo {
  position: absolute;
  top: 100px;
  right: 50px;
}

.quote-acknowledment .mdc-form-field .mdc-checkbox {
  margin-left: -10px;
}
.quote-acknowledment .mdc-form-field label {
  font-size: 1rem;
  font-weight: 500;
  color: #636363;
}

.contact-container {
  --mdc-layout-grid-gutter-desktop: 16px;
}
.contact-container .grey-page-header {
  padding-left: 22px;
  display: flex;
  flex-direction: row;
  background-color: #F9F9F9;
  align-items: center;
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  height: 50px;
}
.contact-container .grey-page-header .action-btn {
  margin-left: auto;
}
.contact-container .mdc-layout-grid {
  padding: 16px;
  margin-left: 0;
  margin-right: 0;
}
.contact-container .mdc-card {
  height: 100%;
  display: flex;
}
.contact-container .mdc-card .card-header .card-header-action-btn {
  margin-left: auto;
  color: #636363;
}
.contact-container .mdc-card .card-contents {
  position: relative;
}
.contact-container .mdc-card .card-contents .card-notification {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.contact-container .mdc-card .card-contents .card-notification a {
  color: #16577B;
  text-decoration: none;
}
.contact-container .mdc-card .card-contents .clear-block-title {
  display: block;
  width: 100%;
}
.contact-container .mdc-card .card-contents .data-label {
  color: #636363;
  font-size: 13.08px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17.44px;
  display: block;
}
.contact-container .mdc-card .card-contents .data-output {
  color: #636363;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  display: flex;
  width: 100%;
  flex: 1;
  margin-top: 4px;
  align-items: center;
  position: relative;
}
.contact-container .mdc-card .card-contents .data-output .material-icons {
  width: 30px;
  color: #000000;
  align-self: baseline;
  filter: invert(37%) sepia(0%) saturate(1498%) hue-rotate(142deg) brightness(96%) contrast(76%);
}
.contact-container .mdc-card .card-contents .data-output .prefix {
  color: rgba(0, 0, 0, 0.38);
  margin-right: 4px;
}
.contact-container .mdc-card .card-contents .data-output .suffix {
  color: rgba(0, 0, 0, 0.38);
  margin-left: 4px;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating:before {
  position: absolute;
  content: "";
  line-height: 8px;
  font-size: 64px;
  height: 20px;
  width: 20px;
  margin: -2px 8px 0px 0px;
  border-radius: 50%;
  right: 0px;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating-low:before {
  background: #9DC430;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating-low-medium:before {
  background: #ffb873;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating-medium:before {
  background: #f28e00;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating-medium-high:before {
  background: #f98686;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating-high:before {
  background: #e02020;
}
.contact-container .mdc-card .card-contents .data-output.risk-rating-extreme:before {
  background: #000000;
}
.contact-container .mdc-card .card-contents .data-output-action-btns {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: auto;
  color: #636363;
}
.contact-container .mdc-card .card-contents .icon-info {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
  margin-top: -12px;
  list-style: none;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
  margin-left: auto;
}
.contact-container .mdc-card .card-contents .icon-info li {
  padding: 8px 6px;
}
.contact-container .mdc-card .card-contents .icon-info li .info-icon {
  height: 16px;
  width: 18px;
  display: inline-block;
  margin-right: 8px;
}
.contact-container .mdc-card .card-contents .card-divider {
  height: 0;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.contact-container .mdc-card .card-contents .mdc-data-table {
  margin-bottom: 0px;
  border-radius: 0px 0px 4px 4px;
  border: none;
}
.contact-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.contact-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__header-row .mdc-data-table__header-cell {
  padding: 16px;
}
.contact-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__row .mdc-data-table__cell {
  white-space: normal;
  vertical-align: baseline;
  padding: 16px;
}
.contact-container .mdc-card .card-contents .mdc-data-table .mdc-data-table__row .mdc-data-table__cell .td-txt-spacer {
  display: block;
  margin-bottom: 1rem;
}
.contact-container .mdc-card .card-contents .mdc-form-field {
  height: 56px;
}
.contact-container .mdc-card .card-contents .mdc-form-field .mdc-checkbox {
  margin-left: -10px;
}
.contact-container .mdc-card .card-contents .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  height: 20px;
  width: 20px;
}
.contact-container .mdc-card .card-contents .mdc-form-field label {
  font-size: 16px;
  color: #6E7178;
  font-weight: 500;
}
.contact-container .mdc-card .card-contents .mdc-text-field + .mdc-text-field-helper-line {
  padding-right: 8px;
  padding-left: 8px;
}
.contact-container .mdc-card .card-contents .mdc-text-field-helper-line .mdc-text-field-helper-text {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: -12px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 16px;
  padding: 4px 0;
}
.contact-container .mdc-card .card-contents .mdc-text-field-helper-line .mdc-text-field-helper-text .material-icons {
  font-size: 18px;
  margin-right: 6px;
  align-self: baseline;
}
.contact-container .mdc-card .card-contents .mdc-text-field-helper-line .mdc-text-field-helper-text--invalid {
  color: rgba(255, 0, 0, 0.6);
}
.contact-container .mdc-card .card-contents .mdc-menu--with-helper-text {
  top: -24px;
}
.contact-container .mdc-card .card-contents .mdc-menu-surface--fixed {
  width: auto;
  min-width: 440px;
}
.contact-container .mdc-data-table {
  margin-bottom: 0;
  border-radius: 0;
}

/*modal*/
.duplicate-contact-modal .mdc-dialog__container {
  width: 100%;
  height: 100%;
}
.duplicate-contact-modal .mdc-dialog__surface {
  width: calc(100% - 32px);
  max-width: calc(100% - 32px);
  height: calc(100% - 100px);
}
.duplicate-contact-modal .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem;
}
.duplicate-contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.duplicate-contact-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0;
}
.duplicate-contact-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.duplicate-contact-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content a {
  text-decoration: none;
  color: #16577B;
}
.duplicate-contact-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content .mdc-button .mdc-button__label {
  color: #16577B;
}

.pref-selector .mdc-text-field__input {
  padding-right: 46px;
}
.pref-selector .mdc-radio {
  margin: 8px 0px 0px -48px;
}
.pref-selector .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border: #D8D8D8;
  opacity: 1;
  background: #D8D8D8;
}
.pref-selector .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle, .pref-selector .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #9DC430;
  background: #9DC430;
  opacity: 1;
}
.pref-selector .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle, .pref-selector .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  border: none;
  opacity: 0;
}

.preference-legend {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
}
.preference-legend li {
  display: inline-flex;
  font-size: 12px;
  color: #636363;
  font-weight: 500;
  margin-left: 20px;
}
.preference-legend li::before {
  content: "";
  line-height: 8px;
  font-size: 64px;
  background: #D8D8D8;
  height: 15px;
  width: 15px;
  margin: 4px 8px 0px 0px;
  border-radius: 50%;
}
.preference-legend li:last-child::before {
  background: #9DC430;
}

.pref-contact {
  position: relative;
}
.pref-contact:before {
  position: absolute;
  content: "";
  line-height: 8px;
  font-size: 64px;
  background: #9DC430;
  height: 20px;
  width: 20px;
  margin: -2px 8px 0px 0px;
  border-radius: 50%;
  right: 20px;
  top: 14px;
}

/*modal*/
.duplicate-modal .mdc-dialog__container {
  width: 100%;
  height: 100%;
}
.duplicate-modal .mdc-dialog__surface {
  width: calc(100% - 32px);
  max-width: calc(100% - 32px);
  height: calc(100% - 100px);
}
.duplicate-modal .mdc-dialog__surface .mdc-dialog__title {
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem;
}
.duplicate-modal .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.duplicate-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0;
}
.duplicate-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__header-row {
  background: #ffffff;
}
.duplicate-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content a {
  text-decoration: none;
  color: #16577B;
}
.duplicate-modal .mdc-dialog__surface .mdc-dialog__content .mdc-data-table .mdc-data-table__content .mdc-button .mdc-button__label {
  color: #16577B;
}

.contact-modal .mdc-dialog__container {
  width: 100%;
  height: 100%;
}
.contact-modal .mdc-dialog__surface {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  background: #0AB5FF;
  color: #ffffff;
  display: flex;
  align-items: center;
  line-height: 3rem;
  align-content: center;
  margin: 0;
  padding: 0 0 0 16px;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu {
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button {
  text-align: center;
  padding: 0;
  width: 90px;
  height: 90px;
  color: #ffffff;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container {
  display: block;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-container .material-icons {
  font-size: 32px;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu .icon-container::before {
  content: "";
  width: 1px;
  height: 24px;
  position: absolute;
  top: 30px;
  right: 0;
  background: #009FE3;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :last-child .icon-container::before {
  background: transparent;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__title .mdc-dialog__title-menu :disabled {
  opacity: 0.5;
}
.contact-modal .mdc-dialog__surface .mdc-dialog__content {
  padding: 0 !important;
}

/*custom search box*/
.mdc-text-field--with-clear-btn {
  position: relative;
}
.mdc-text-field--with-clear-btn .mdc-text-field__input {
  padding-right: 48px;
}
.mdc-text-field--with-clear-btn .text-field-clear-btn {
  position: absolute;
  right: 4px;
  top: 4px;
  color: #636363;
}
.mdc-text-field--with-clear-btn .mdc-text-field__input:not(:valid) ~ .text-field-clear-btn {
  display: none;
}

.contact-search-list {
  display: flex;
  position: relative;
}
.contact-search-list .mdc-menu {
  width: 100%;
  flex-direction: column;
  overflow: hidden;
}
.contact-search-list .mdc-menu .mdc-list {
  flex: 1;
  overflow-y: auto;
  max-height: 200px;
  border-bottom: 1px solid #ccc;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  font-weight: 400;
  background: #ffffff;
  flex-direction: column;
  color: #636363;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  align-items: normal;
  min-height: 40px;
  height: auto;
  padding: 8px 16px;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item .contact-name {
  flex: 1;
  font-weight: 500;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item .org {
  flex: 1;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item .location {
  flex: 1;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  color: #666666;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item:hover .mdc-list-item__text .mdc-list-item__secondary-text {
  color: #ffffff;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff;
}
.contact-search-list .mdc-menu .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3;
}
.contact-search-list .mdc-menu :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0;
}
.contact-search-list .list-button {
  flex: auto;
  display: flex;
  width: 100%;
  border: none;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 0 16px;
  color: #636363;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
  background: #ffffff;
  height: 64px;
  align-self: flex-end;
}
.contact-search-list .list-button .material-icons {
  margin-right: 8px;
  color: #000000;
  filter: invert(38%) sepia(5%) saturate(0%) hue-rotate(273deg) brightness(97%) contrast(87%);
}
.contact-search-list .list-button:hover {
  cursor: pointer;
  background: #009fe3;
  color: #ffffff;
}
.contact-search-list .list-button:hover .material-icons {
  color: #000000;
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(316deg) brightness(108%) contrast(105%);
}

.validation-modal.mdc-dialog {
  transform: none;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface {
  width: 612px;
  max-width: 612px;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title {
  height: 74px;
  font-size: 20px;
  font-weight: 500;
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 0;
  padding-left: 16px;
  border-radius: 4px 4px 0 0;
  align-items: center;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  padding: 16px;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .validation-helper {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: inherit;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .valid-field {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 8px 0;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .valid-field .material-icons {
  color: #9DC430;
  margin-right: 8px;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .valid-field .tab-contents {
  font-size: 0.875rem;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .invalid-field {
  display: flex;
  flex-direction: row;
  flex: 1;
  padding: 8px 0;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .invalid-field .material-icons {
  color: #900000;
  margin-right: 8px;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .invalid-field .tab-contents {
  font-size: 0.875rem;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content p {
  margin-block-start: 0.3em;
  margin-block-end: 0.3em;
  font-weight: 500;
}
.validation-modal.mdc-dialog .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content p a {
  text-decoration: none;
  font-weight: 400;
  color: #900000;
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
}

.main-top-app-bar .main-menu .ember-view:first-of-type .mdc-list-item .traffic-dot {
  top: 8px;
  right: 14px;
}
.main-top-app-bar .main-menu .ember-view:first-of-type .traffic-dot {
  width: 14px;
  height: 14px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 0.6rem;
  position: absolute;
  text-align: center;
  line-height: 15px;
}
.main-top-app-bar .main-menu .ember-view:first-of-type .dot-notification-button .traffic-dot {
  top: 2px;
  left: 54%;
  text-align: center;
  line-height: 15px;
}

.aut-dropdown-with-search {
  border: none;
}

.combo-box .mdc-icon-button {
  color: #767676;
}

.step-icon {
  color: #767676;
  margin-top: -12px;
  margin-left: -12px;
}

.aut-textfield-with-validation {
  border: none;
}

.selected-table-row-action-btn {
  display: flex;
  padding: 0 1rem;
}
.selected-table-row-action-btn .mdc-button {
  color: #ffffff;
  border-radius: 0;
  margin: 0;
  width: 150px;
  height: 48px;
  font-size: 13px;
  letter-spacing: 0.0125rem;
  padding-left: 1rem;
}
.selected-table-row-action-btn .mdc-button .material-icons {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(103%) contrast(101%);
}
.selected-table-row-action-btn .mdc-button .mdc-button__label {
  padding-top: 4px;
  padding-right: 2rem;
  background: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='%23fff'/%3E%3C/svg%3E") center right no-repeat;
  background-size: 24px;
}
.selected-table-row-action-btn .mdc-menu {
  min-width: 200px;
}
.selected-table-row-action-btn .mdc-menu .mdc-list .mdc-list-item {
  padding: 0 26px;
}
.selected-table-row-action-btn .mdc-menu .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.selected-table-row-action-btn .mdc-menu-surface--anchor {
  top: 45px;
  left: -150px;
}

.sales-db-sidebar {
  width: 0;
  transition: all 0.3s ease;
}
.sales-db-sidebar.sales-db-sidebar--open {
  width: 470px;
  transition: all 0.3s ease;
}
.sales-db-sidebar .mdc-drawer__header {
  padding: 8px 16px 0 8px;
  display: flex;
  flex-direction: row;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select {
  width: 280px;
  border-radius: 0 !important;
  border: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' version='1.1' viewBox='0 0 24 24'%3E%3Cpath d='m0 0h24v24h-24v-24z' fill='none'/%3E%3Cpath d='m7 10c1.6667 1.6667 3.3333 3.3333 5 5l5-5h-10z' fill='%23636363'/%3E%3C/svg%3E%0A") 240px 14px no-repeat;
  background-size: 24px;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select:not(.mdc-select--disabled) {
  background-color: transparent !important;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent !important;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select:not(.mdc-select--disabled) .mdc-select__anchor .mdc-select__selected-text {
  padding-top: 20px;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent;
  border-radius: 0;
  height: 48px;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-select__selected-text {
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  color: #636363;
  opacity: 1;
  padding-top: 13px !important;
  font-size: 14px;
  letter-spacing: 0.0125rem;
  font-weight: 500;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  opacity: 0;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-select__dropdown-icon {
  display: none;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface {
  top: 48px !important;
  min-width: 280px;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list {
  position: relative;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__graphic {
  color: #000000 !important;
  opacity: 1 !important;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item .material-icons {
  position: absolute;
  left: 12px;
  font-size: 24px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
  height: 24px;
  width: 24px;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item--selected.with-icon {
  background-image: none !important;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon {
  background-image: none !important;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon .material-icons {
  color: #ffffff;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .list-button a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 6px 16px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .list-button a .material-icons {
  margin-right: 8px;
  margin-left: -4px;
  color: #666666 !important;
  filter: invert(41%) sepia(0%) saturate(470%) hue-rotate(147deg) brightness(90%) contrast(82%);
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .list-button a:hover {
  color: #ffffff;
  background: #009fe3;
}
.sales-db-sidebar .mdc-drawer__header .sidebar-select .mdc-menu-surface .mdc-list .list-button a:hover .material-icons {
  color: #000000 !important;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.sales-db-sidebar .mdc-drawer__header .header-action-btn {
  margin-left: auto;
  margin-top: 6px;
}
.sales-db-sidebar .mdc-drawer__header .header-action-btn .mdc-button {
  color: #1279B2;
}
.sales-db-sidebar .mdc-drawer__header .header-action-btn .mdc-button--raised {
  color: #ffffff;
  background: #1279B2;
  border-radius: 2px;
}
.sales-db-sidebar .mdc-drawer__content .drawer-label {
  display: block;
}
.sales-db-sidebar .mdc-drawer__content .mdc-chip-set .mdc-chip {
  text-align: center;
  flex-grow: 1;
}
.sales-db-sidebar .mdc-drawer__content .mdc-chip-set .mdc-chip .mdc-chip__text {
  flex-grow: 1;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item .mdc-list-item__graphic {
  color: #000000 !important;
  opacity: 1 !important;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item .material-icons {
  position: absolute;
  left: 12px;
  font-size: 24px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
  height: 24px;
  width: 24px;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.sales-db-sidebar .mdc-drawer__content .mdc-menu-surface--fixed {
  min-width: 432px;
  top: 174px;
  max-width: fit-content;
}
.sales-db-sidebar .mdc-drawer__content .margin-bottom--override {
  margin-bottom: -22px;
}
.sales-db-sidebar .mdc-drawer__content .drawer-footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.sales-db-sidebar .mdc-drawer__content .drawer-footer .mdc-button {
  color: #16577B;
  height: 50px;
  padding-right: 1rem;
}
.sales-db-sidebar .mdc-drawer__content .drawer-footer .mdc-button .material-icons {
  font-size: 50px;
  height: 50px;
  width: 50px;
}
.sales-db-sidebar .mdc-drawer__content .drawer-footer .mdc-button .mdc-button__label {
  font-size: 14px;
  letter-spacing: normal;
}

/*draggable sortable sidebar elements*/
.draggable {
  user-select: none;
  position: relative;
  display: flex;
  flex-direction: row;
}
.draggable .drag-handle {
  color: #636363;
  margin-left: -14px;
  line-height: 54px;
  cursor: move;
  cursor: -webkit-grabbing;
  width: 40px;
  text-align: center;
}
.draggable .del-btn {
  margin-left: auto;
  margin-right: -14px;
  margin-top: 4px;
  color: #636363;
}
.draggable.mdc-layout-grid__cell--span-6 .drag-handle, .draggable.labeled-draggable .drag-handle {
  width: 50px;
}
.draggable.labeled-draggable .drag-handle {
  line-height: 36px;
}
.draggable.labeled-draggable .del-btn {
  margin-top: -4px;
}

.sales-db-table .mdc-data-table__header-row {
  background: #ffffff;
  height: 40px;
}
.sales-db-table .mdc-data-table__header-row .mdc-data-table__header-cell {
  font-size: 14px;
  color: #4A4A4A;
}
.sales-db-table .draggable-col {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg fill='%23000000' version='1.1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' fill='%23767676'/%3E%3C/svg%3E%0A") left center no-repeat;
  background-size: 24px;
  padding-left: 24px;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grabbing;
}
.sales-db-table .mdc-data-table__content .mdc-data-table__row {
  height: 50px;
}
.sales-db-table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell {
  color: #636363;
  font-size: 14px;
}
.sales-db-table .mdc-data-table__content .mdc-data-table__row .mdc-data-table__cell a {
  text-decoration: none;
  color: #16577B;
}
.sales-db-table .dt-btn-col {
  width: 48px;
  padding: 0;
}
.sales-db-table .dt-btn-cont {
  padding: 0;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface {
  min-width: 280px;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list {
  position: relative;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
  text-decoration: none;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item .mdc-list-item__graphic {
  color: #000000 !important;
  opacity: 1 !important;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item .material-icons {
  position: absolute;
  left: 12px;
  font-size: 24px;
  filter: invert(40%) sepia(1%) saturate(0%) hue-rotate(145deg) brightness(97%) contrast(90%);
  height: 24px;
  width: 24px;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item:hover .material-icons {
  filter: invert(100%) sepia(0%) saturate(7492%) hue-rotate(309deg) brightness(106%) contrast(102%);
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: none;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item--selected.with-icon {
  background-image: none !important;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item--selected:before {
  background: none;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon {
  background-image: none !important;
}
.sales-db-table .dt-btn-cont .mdc-menu-surface .mdc-list .mdc-list-item--selected:hover.with-icon .material-icons {
  color: #ffffff;
}
.sales-db-table .columns-editor .searchable-list {
  max-width: 380px;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
  background: #ffffff;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666 !important;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item .material-icons {
  margin-right: 6px;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item--selected {
  color: inherit;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.sales-db-table .columns-editor .mdc-list .mdc-list-item--selected:hover {
  color: #ffffff;
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}

/*table while dragging*/
.sindu_dragging .sindu_dragger table {
  background: #ffffff;
}
.sindu_dragging .gu-transit {
  opacity: 0;
}

.gu-mirror {
  opacity: 1;
  background: #f2f2f2;
}

/*dropdown select accordion*/
.list-accordion-container {
  display: block;
  overflow-y: auto;
}

.list-accordion {
  cursor: pointer;
  border: none;
  text-align: left;
  padding: 12px;
  font-size: 14px;
  color: #202124;
  transition: 0.4s;
}

.active, .list-accordion:hover {
  background-color: #f2f2f2;
}

.list-accordion:after {
  font-family: Material Icons;
  content: "";
  color: #777;
  font-weight: bold;
  float: right;
  font-size: 22px;
}

.list-accordion-active:after {
  font-family: Material Icons;
  content: "";
}

.list-accordion-panel {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}

.list-accordion-panel-active {
  height: auto;
  overflow: visible;
  transition: all 0.2s ease-out;
}

@font-face {
  font-family: "icomoon";
  src: url(/assets/fonts/icomoon.eot);
  src: url(/assets/fonts/icomoon.eot) format("embedded-opentype"), url(/fonts/icomoon.ttf) format("truetype"), url(/fonts/icomoon.woff) format("woff"), url(/fonts/icomoon.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/openSans-Regular.eot);
  src: url(/fonts/openSans-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/openSans-Regular.woff2) format("woff2"), url(/fonts/openSans-Regular.woff) format("woff"), url(/fonts/openSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url(/fonts/openSans-Bold.eot);
  src: url(/fonts/openSans-Bold.eot?#iefix) format("embedded-opentype"), url(/fonts/openSans-Bold.woff2) format("woff2"), url(/fonts/openSans-Bold.woff) format("woff"), url(/fonts/openSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Libre Franklin";
  src: url(/fonts/libreFranklin-Medium.eot);
  src: url(/fonts/libreFranklin-Medium.eot?#iefix) format("embedded-opentype"), url(/fonts/libreFranklin-Medium.woff2) format("woff2"), url(/fonts/libreFranklin-Medium.woff) format("woff"), url(/fonts/libreFranklin-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Libre Franklin";
  src: url(/fonts/libreFranklin-Bold.eot);
  src: url(/fonts/libreFranklin-Bold.eot?#iefix) format("embedded-opentype"), url(/fonts/libreFranklin-Bold.woff2) format("woff2"), url(/fonts/libreFranklin-Bold.woff) format("woff"), url(/fonts/libreFranklin-Bold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
[class^=aut-icon-], [class*=" aut-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.aut-icon-activities:before {
  content: "";
}

.aut-icon-ancillary:before {
  content: "";
}

.aut-icon-bath:before {
  content: "";
}

.aut-icon-bed:before {
  content: "";
}

.aut-icon-car-accommodation:before {
  content: "";
}

.aut-icon-dining:before {
  content: "";
}

.aut-icon-essential-repair:before {
  content: "";
}

.aut-icon-external-room:before {
  content: "";
}

.aut-icon-kitchen:before {
  content: "";
}

.aut-icon-laundry:before {
  content: "";
}

.aut-icon-living-room:before {
  content: "";
}

.aut-icon-store-room:before {
  content: "";
}

.aut-icon-subfloor-room:before {
  content: "";
}

.aut-icon-workspace:before {
  content: "";
}

.mdc-menu-surface:not(.mdc-menu-surface--open) {
  height: 0;
}

.mdc-chip.mdc-chip--selected * {
  color: #ffffff;
}
.mdc-chip a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.54);
}

.search-page-contents .mdc-drawer {
  height: calc(82vh - 1px) !important;
}

.search-page-contents .mdc-drawer-app-content {
  height: calc(82vh - 1px) !important;
}

.route-container .mdc-drawer {
  height: calc(87vh + 10px) !important;
}

.customise .draggable-object .mdc-card {
  border-style: dashed;
  border-radius: 10px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
  min-height: 100px;
}
.customise .mdc-layout-grid {
  padding: 0px;
}
.customise .sales-comparison .draggable-object .mdc-card {
  border-style: dashed;
  border-radius: 10px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
  min-height: 42px;
  margin: 2px;
}
.customise .sales-comparison .draggable-object .mdc-card label {
  padding-top: 12px;
  padding-left: 10px;
}
.customise .sales-comparison .draggable-object hr {
  border-style: dashed;
  border-width: 3px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.customise .property-details-input .multiselect-checkboxes li label {
  padding: 11px 14px 11px 18px;
}

.property-details-input .multiselect-checkboxes .disabled {
  border-style: none !important;
}
.property-details-input .multiselect-checkboxes .disabled .mdc-checkbox {
  content-visibility: hidden;
  cursor: default;
  display: inline-block;
}

.property-details-input .mdc-chip-set .checked {
  display: none;
}

.property-details-input .mdc-chip-set .mdc-chip--selected .checked {
  margin-left: auto !important;
  display: inline-block;
}

.aut-sales-sidebar .mdc-radio__outer-circle, .aut-sales-sidebar .mdc-radio__inner-circle {
  border-color: #009fe3 !important;
}

.customise-sidebar .mdc-layout-grid {
  padding: 8px;
}
.customise-sidebar .mdc-layout-grid > .mdc-layout-grid__inner {
  border-style: dashed;
  border-radius: 10px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
  padding: 8px;
}

.customise-sidebar-header {
  margin-bottom: -20px;
}
.customise-sidebar-header .mdc-drawer__title {
  font-size: 1rem;
  color: #777;
}
.customise-sidebar-header .mdc-drawer__title .close-button {
  top: 50%;
  color: black;
}

.aut-datepicker {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  z-index: 2;
}

.aut-building-delete-dialog .mdc-dialog__container {
  width: 40%;
}
.aut-building-delete-dialog .mdc-dialog__container .mdc-dialog__surface {
  width: 100%;
}
.aut-building-delete-dialog .delete-dialog-header {
  color: #ffffff;
  background-color: #29a8ee;
  height: 24px;
  padding: 24px 12px 24px 24px;
}
.aut-building-delete-dialog .delete-dialog-header .mdc-typography--headline6 {
  float: left;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aut-building-delete-dialog .delete-dialog-header button {
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aut-building-delete-dialog .delete-dialog-body {
  color: black;
  padding: 24px;
}
.aut-building-delete-dialog .delete-dialog-body .mdc-typography--body1 {
  height: 56px;
  vertical-align: middle;
  display: table-cell;
}
.aut-building-delete-dialog .delete-dialog-body .mdc-text-field-helper-text {
  color: red;
  opacity: 1;
}
.aut-building-delete-dialog .delete-dialog-actions {
  padding: 12px;
}
.aut-building-delete-dialog .delete-dialog-actions .buttons {
  float: right;
}

.aut-sales-customise-confirm-dialog .mdc-dialog__container {
  width: 40%;
}
.aut-sales-customise-confirm-dialog .mdc-dialog__container .mdc-dialog__surface {
  width: 100%;
}
.aut-sales-customise-confirm-dialog .confirm-dialog-header {
  color: #ffffff;
  background-color: #29a8ee;
  height: 24px;
  padding: 24px 12px 24px 24px;
}
.aut-sales-customise-confirm-dialog .confirm-dialog-header .mdc-typography--headline6 {
  float: left;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aut-sales-customise-confirm-dialog .confirm-dialog-header button {
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.aut-sales-customise-confirm-dialog .confirm-dialog-body {
  padding: 24px;
}
.aut-sales-customise-confirm-dialog .confirm-dialog-body .mdc-typography--body1 {
  height: 56px;
  vertical-align: middle;
  display: table-cell;
}
.aut-sales-customise-confirm-dialog .confirm-dialog-body .mdc-text-field-helper-text {
  color: red;
  opacity: 1;
}
.aut-sales-customise-confirm-dialog .confirm-dialog-actions {
  padding: 12px;
}
.aut-sales-customise-confirm-dialog .confirm-dialog-actions .buttons {
  float: right;
}

.preview-container {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.preview-container .preview-box {
  flex: 1 1 auto;
  width: 100%;
}

.validations-page {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.validations-page-errors {
  width: 100%;
  max-height: 150px;
  overflow: scroll;
}

.validations-page-preview {
  width: 100%;
  flex: 1;
  display: flex;
}

.pagedjs_pages {
  margin-top: 48px;
  width: 100%;
  grid-area: report;
}

.report-preview {
  width: 100%;
  flex: 1;
  border: none;
}

.gdoc-preview {
  margin-top: 48px;
  width: 100%;
  background: #000;
  border: none;
  position: fixed;
  height: 100%;
}

.hide-in-fullscreen {
  display: none;
}

.analysis-tab .ace-preview-div {
  top: 175px;
}

.page-tab-nav-right.commercial-analysis {
  position: relative;
  background-color: #0ab5ff;
  max-width: 260px;
}
.page-tab-nav-right.commercial-analysis .validationTopBarControls {
  display: flex;
  margin-right: 16px;
}
.page-tab-nav-right.commercial-analysis .validationTopBarControls .mdc-icon-button {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: center;
}
.page-tab-nav-right.commercial-analysis .validationTopBarControls .mdc-icon-button .material-icons {
  filter: none;
}

.ace-view {
  visibility: hidden;
}
.ace-view.visible {
  visibility: visible;
}

.ace-preview-div {
  position: fixed;
  top: 175px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.ace-preview-div iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px;
}

.ace-preview__fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.generating-modal .spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.generating-modal .spinner-container .mdc-list-item__graphic {
  margin-right: 0;
}

.main-content {
  flex: 1 0 100%;
  display: flex;
  flex-direction: column;
}

.main-content--fixed-top {
  flex: 1 0 100%;
  display: flex;
  flex-direction: column;
  margin-top: 75px;
}

.salesSearchInfo .tooltip {
  z-index: auto;
}
.salesSearchInfo .tooltip i.material-icons {
  font-size: 1em;
}

.mdc-bottom-app-bar {
  z-index: 7;
}
.mdc-bottom-app-bar .mdc-icon-button--active {
  color: #FFF;
}

.aut-bottom-drawer {
  z-index: 1001;
}

.new-bldg-chips--mobile {
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  width: 50%;
}
.new-bldg-chips--mobile::before {
  content: "";
  margin-right: 0;
}
.new-bldg-chips--mobile .mdc-chip {
  width: 100%;
  justify-content: center;
}

.add-building--mobile {
  padding: 10px 0;
  width: 100%;
  justify-content: center;
  display: flex;
}
.add-building--mobile .edit-add-bldg-btn {
  margin-left: 0;
}

.sort-sale-chips {
  position: relative;
  width: 100%;
}
.sort-sale-chips .mdc-chip {
  background: #16577b !important;
  color: #ffffff;
  justify-content: center;
}
.sort-sale-chips .mdc-chip--selected {
  background-color: #0AB5FF !important;
  color: #ffffff !important;
}

.aut-bottom-drawer__content--open_full .add-building--mobile {
  height: 500px;
}

.my-route-map {
  width: 100%;
  height: auto;
  position: relative;
}

.main-top-app-bar .custom-top-bar-select {
  overflow: visible;
}
.main-top-app-bar .custom-top-bar-select .hawk-top-bar-menu .mdc-list-item {
  text-transform: none;
}
.main-top-app-bar .main-menu .ember-view:first-of-type .icon-container::before {
  content: "";
  width: 1px;
  height: 23px;
  position: absolute;
  top: 14px;
  right: 0;
  background: #009FE3;
}
.main-top-app-bar .main-menu .ember-view:first-of-type .mdc-list-item .traffic-dot {
  top: 8px;
  right: 14px;
}
.main-top-app-bar .main-menu .ember-view:first-of-type .traffic-dot {
  width: 14px;
  height: 14px;
  border-radius: 50px;
  color: #ffffff;
  font-size: 0.6rem;
  position: absolute;
  text-align: center;
  line-height: 15px;
}
.main-top-app-bar .main-menu .ember-view:first-of-type .dot-notification-button .traffic-dot {
  top: 2px;
  left: 54%;
  text-align: center;
  line-height: 15px;
}

.main-top-app-bar.mobile-header .main-menu .mdc-icon-button {
  width: 60px;
}

.comparable-sales-columned--mobile .mdc-card-container {
  position: absolute;
  transform: translateX(0%);
}
.comparable-sales-columned--mobile .slide-out-to-right {
  animation: slide-right 0.5s forwards;
}
.comparable-sales-columned--mobile .slide-out-to-left {
  animation: slide-left 0.5s forwards;
}
.comparable-sales-columned--mobile .slide-in-from-right {
  animation: slide-in-from-right 0.5s forwards;
}
.comparable-sales-columned--mobile .slide-in-from-left {
  animation: slide-in-from-left 0.5s forwards;
}
@keyframes slide-in-from-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-in-from-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-right {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

.enquiry-tab .material-icons {
  filter: none;
}

.three-state-icon {
  position: absolute;
  right: 1em;
}

.capture-photo-modal video, .capture-photo-modal canvas {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 7px;
  display: block;
}
.capture-photo-modal canvas {
  display: none;
}
.capture-photo-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.capture-photo-modal .mdc-dialog__container .mdc-dialog__surface {
  width: auto;
  max-width: calc(100% - 32px) !important;
  height: 100%;
}
.capture-photo-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  height: 93%;
}
.capture-photo-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content video {
  width: auto !important;
  height: calc(100% - 80px) !important;
  margin-bottom: 7px;
}
.capture-photo-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content canvas {
  width: auto !important;
  height: calc(100% - 80px) !important;
  object-fit: contain;
}
.capture-photo-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-dialog__actions {
  flex-direction: row;
}
.capture-photo-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .mdc-dialog__actions .mdc-enhanced-select {
  width: auto;
  min-width: 30%;
  margin-right: 2%;
}

.capture-photo-improved-modal .mdc-dialog__container {
  width: 100%;
  height: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface {
  background-color: rgba(0, 0, 0, 0.32);
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  position: relative;
  padding: 0;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content video {
  width: 100%;
  height: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content canvas {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions {
  position: absolute;
  z-index: 999;
  text-align: center;
  padding: unset;
  display: flex;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions .capture-btn {
  margin: 40px;
  font-size: 44px;
  color: #ffffff;
  border: 2px solid #ffffff;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions .commands-subgroup {
  display: flex;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--bottom {
  flex-direction: row;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  width: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--bottom .camera-actions__top {
  flex-direction: row-reverse;
  align-items: center;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--bottom .camera-actions__bottom {
  flex-direction: row-reverse;
  align-items: center;
  width: 504px;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--bottom .camera-actions__bottom .capture-btn {
  margin-left: 404px;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--right {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  right: 0;
  top: 0;
  width: 200px;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--right .camera-actions__top {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--right .camera-actions__bottom {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--left {
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  left: 0;
  top: 0;
  width: 200px;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--left .camera-actions__top {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.capture-photo-improved-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .camera-actions--left .camera-actions__bottom {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
}

.settings h6 {
  margin-block-end: 1em;
}

.att-photo-list {
  min-height: 150px;
}
.att-photo-list .att-photo-box {
  width: 20% !important;
}
.att-photo-list.dragging {
  outline: 6px dashed #CCC;
}

.att-photo-prev .mdc-dialog__container .mdc-dialog__surface {
  width: auto !important;
  height: 100%;
}
.att-photo-prev .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  height: 100%;
  padding: 0;
}
.att-photo-prev .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .att-img-prev {
  height: calc(100% - 134px) !important;
}
.att-photo-prev .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .att-img-prev img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.att-photo-prev .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .att-img-prev.no-automl {
  height: calc(100% - 73px) !important;
  overflow: hidden;
}

.building-photo-prev .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .att-img-prev {
  height: calc(100% - 80px) !important;
}

.att-file-prev .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content .att-img-prev {
  height: 100% !important;
}

.town_planning-table {
  white-space: inherit;
}

.aut-building-sidebar [class^=aut-icon-], .aut-building-sidebar [class*=" aut-icon-"] {
  font-size: 200%;
  margin-right: 8px;
}
.aut-building-sidebar .car-accommodation-icon, .aut-building-sidebar .ancillary-icon, .aut-building-sidebar .overview-icon, .aut-building-sidebar .area-icon, .aut-building-sidebar .sketch-icon, .aut-building-sidebar .bathroom-icon, .aut-building-sidebar .bedroom-icon, .aut-building-sidebar .carport-icon, .aut-building-sidebar .common-ancillary-icon {
  padding: 5px;
}
.aut-building-sidebar .edit-add-room-btn {
  margin-left: 8px;
}
.aut-building-sidebar .mdc-list-item--activated {
  background-color: #009fe3;
  color: #ffffff;
}
.aut-building-sidebar :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  opacity: 0;
}
.aut-building-sidebar :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, .aut-building-sidebar :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
  opacity: 0;
}
.aut-building-sidebar .sidebar-has-constraint {
  border: 1px solid #e02020 !important;
  border-radius: 4px;
}
.aut-building-sidebar .sidebar-has-constraint.mdc-list-item--activated {
  background-color: #e02020 !important;
  color: #ffffff !important;
}
.aut-building-sidebar .sidebar-has-warning {
  border: 1px solid #f28e00 !important;
  border-radius: 4px;
}
.aut-building-sidebar .sidebar-has-warning.mdc-list-item--activated {
  background-color: #f28e00 !important;
  color: #ffffff !important;
}

.blue-modal-header .mdc-dialog__content {
  padding: 0;
}
.blue-modal-header .mdc-dialog__content .with-padding {
  padding: 20px 20px 10px;
}
.blue-modal-header .mdc-dialog__content .customclass {
  text-align: justify;
}
.blue-modal-header .mdc-dialog__content .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
  align-content: center;
}
.blue-modal-header .mdc-dialog__content .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.blue-modal-header .list-item-text-overflow {
  height: inherit;
  overflow-wrap: break-word;
  white-space: normal;
  display: block;
}
.blue-modal-header .list-item-set-height {
  height: inherit;
}
.blue-modal-header .ace-error {
  color: #e02020;
}

.aut-add-room-modal .mdc-dialog__container {
  width: 100% !important;
}
.aut-add-room-modal .mdc-dialog__container .mdc-dialog__surface {
  width: auto;
  max-width: 40%;
}
.aut-add-room-modal .mdc-dialog__content {
  padding: 0;
}
.aut-add-room-modal .mdc-dialog__content .mdc-dialog__title {
  background: #0AB5FF !important;
  color: #ffffff !important;
  display: flex;
  padding: 12px 12px 12px 22px;
  line-height: 3rem !important;
  align-content: center;
}
.aut-add-room-modal .mdc-dialog__content .mdc-dialog__title .mdc-icon-button {
  margin-left: auto;
}
.aut-add-room-modal .mdc-dialog__content .mdc-dialog__title .mdc-icon-button.back-button {
  margin-left: 0px;
}
.aut-add-room-modal .mdc-dialog__content .select-room-type.mdc-dialog__title {
  padding: 12px 0px 12px 0px;
}
.aut-add-room-modal .mdc-dialog__content .panel-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  position: relative;
}
.aut-add-room-modal .mdc-dialog__content .panel-container .room-type-panel {
  width: calc(20% - 20px);
  height: 120px;
  margin: 10px;
  color: #646464;
  border: 1px solid;
  position: relative;
}
.aut-add-room-modal .mdc-dialog__content .panel-container .room-type-panel div {
  height: 75px;
  font-size: 50px;
  width: 100%;
}
.aut-add-room-modal .mdc-dialog__content .panel-container .room-type-panel div.aut-icon-bath {
  font-size: 65px;
}
.aut-add-room-modal .mdc-dialog__content .panel-container .room-type-panel label {
  display: block;
  position: absolute;
  top: 75px;
  width: 100%;
  left: 0;
}
.aut-add-room-modal .mdc-dialog__content .panel-container .room-type-panel:hover {
  background-color: #009fe3;
  color: #ffffff;
}
.aut-add-room-modal .mdc-dialog__content .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 0.5rem;
  display: block;
  text-align: center;
  line-height: 2em;
}
.aut-add-room-modal .mdc-dialog__content .property-details-input {
  column-count: 2;
  padding: 16px 16px 0 16px;
}
.aut-add-room-modal .mdc-dialog__content .property-details-input li {
  height: 42px;
  margin: 0px 0 12px 0px;
}

.aut-add-room-modal.room-type-modal .mdc-dialog__surface {
  width: 50%;
  max-width: 50%;
}
.aut-add-room-modal.room-type-modal .mdc-dialog__surface .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .aut-add-room-modal.room-type-modal .mdc-dialog__surface .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  opacity: 0;
}
.aut-add-room-modal.room-type-modal .mdc-dialog__surface li {
  display: -webkit-inline-box;
  width: 100%;
}
.aut-add-room-modal.room-type-modal .mdc-dialog__surface li:hover {
  background-color: #009fe3;
  color: #ffffff;
}

.defect-value {
  margin-top: 12px;
  display: flex;
}
.defect-value .mdc-text-field label {
  font-weight: 400;
}
.defect-value > * {
  height: 100%;
}
.defect-value .legend {
  margin-right: 16px;
}
.defect-value .mdc-menu-surface {
  right: 0;
  top: 46px;
}
.defect-value .mdc-menu-surface .mdc-list-item {
  height: 36px;
}

.defect-comment {
  margin: 16px;
}

.defects-input {
  padding: 0px;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li {
  background-color: #F9F9F9;
  color: #636363;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 0.975rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
  text-decoration: inherit;
  text-transform: inherit;
  flex-direction: row;
  position: relative;
  align-items: center;
  box-sizing: border-box;
  border-width: 0;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #7C7C7C !important;
  margin: 12px 0 0 0;
  list-style-type: none;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 18px;
  white-space: pre;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li.active {
  background-color: #009FE3;
  border: 1px solid #009FE3 !important;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  color: #ffffff;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: transparent;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: transparent;
  background-color: transparent;
}
@keyframes mdc-checkbox-fade-in-background-us50kb0 {
  0% {
    border-color: transparent;
    background-color: transparent;
  }
  50% {
    border-color: transparent;
    background-color: transparent;
  }
}
@keyframes mdc-checkbox-fade-out-background-us50kb0 {
  0%, 80% {
    border-color: transparent;
    background-color: transparent;
  }
  100% {
    border-color: transparent;
    background-color: transparent;
  }
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-in-background-us50kb0;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  animation-name: mdc-checkbox-fade-out-background-us50kb0;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox .mdc-checkbox__checkmark {
  color: #ffffff;
}
.defects-input .multiselect-checkboxes .mdc-layout-grid__cell > li .mdc-checkbox .mdc-checkbox__mixedmark {
  border-color: #ffffff;
}
.defects-input .mdc-layout-grid__inner {
  grid-auto-rows: 30px;
}
.defects-input .multiselect-checkboxes {
  display: contents;
}

.mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020);
}

.has-constraint {
  border: 1px solid #e02020 !important;
  border-radius: 4px;
}
.has-constraint .aut-card-header {
  background-color: #e02020 !important;
  color: #fff !important;
}

.has-constraint-text {
  color: #D0021B !important;
}

.has-warning {
  border: 1px solid #f28e00 !important;
  border-radius: 4px;
}
.has-warning .aut-card-header {
  background-color: #f28e00 !important;
  color: #fff !important;
}

.has-constraint-custom {
  border: 1px solid #e02020 !important;
  border-radius: 4px;
}
.has-constraint-custom .grey-card-header {
  background-color: #e02020 !important;
}
.has-constraint-custom .aut-card-header {
  background-color: #e02020 !important;
}
.has-constraint-custom .aut-card-header .aut-card-header-title {
  color: #fff !important;
}

.has-warning-text {
  color: #f28e00 !important;
}

.sale-subject li.comparison-chipset-has-warning {
  border: none;
  color: #f28e00 !important;
}

.sale-subject li.comparison-chipset-has-constraint {
  border: none;
  color: #D0021B !important;
}

.sra-error {
  border: 1px solid #E02020 !important;
  color: #E02020 !important;
  background-color: #FFF2F2 !important;
  font-weight: bold !important;
  box-shadow: 0px 2px 1px -1px rgba(224, 32, 32, 0.2), 0px 1px 1px 0px rgba(224, 32, 32, 0.14), 0px 1px 3px 0px rgba(224, 32, 32, 0.12) !important;
}

.sra-warning {
  border: 1px solid #F28E00;
  color: #F28E00;
  background-color: #FFF2F2;
  font-weight: bold;
  box-shadow: 0px 2px 1px -1px rgba(242, 142, 0, 0.2), 0px 1px 1px 0px rgba(242, 142, 0, 0.14), 0px 1px 3px 0px rgba(242, 142, 0, 0.12);
}

.validationSnackBar {
  width: 100%;
  background-color: #009fe3;
  color: #ffffff;
  text-align: center;
  /* Centered text */
  position: fixed;
  /* Sit on top of the screen */
  z-index: 100;
  /* Add a z-index if needed */
  display: flex;
  align-items: center;
  justify-content: left;
  height: 48px;
  top: 0;
}
.validationSnackBar .validationMessage {
  position: absolute;
  width: 100%;
}
.validationSnackBar .validationTopBarControls {
  margin-left: auto;
  margin-right: 64px;
}
.validationSnackBar .validationTopBarControls .mdc-icon-button {
  width: 64px;
  padding-top: 8px;
}
.validationSnackBar .validationTopBarControls .mdc-icon-button.reference-document {
  width: 100px;
}
.validationSnackBar .validationTopBarControls .mdc-icon-button.send {
  width: 40px;
}
.validationSnackBar .validationTopBarControls .mdc-icon-button.countersign {
  width: 80px;
}
.validationSnackBar .validationTopBarControls .mdc-icon-button .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  font-weight: 500;
  display: block;
  text-align: center;
}
.validationSnackBar.hidden {
  visibility: hidden;
}

.validationSnackBar.warning {
  background-color: #F28E00;
}

.validationSnackBar.error {
  background-color: #E02020;
}

.car-accommodation-comments {
  border: none;
  overflow: auto;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  resize: none;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 16px 6px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-radius: 0;
  background: none;
}

.draggable-object-target {
  height: min-content;
}

.adjusted-leading-icon-position .mdc-text-field__icon {
  bottom: 10px;
}

.adjusted-leading-icon-position .mdc-text-field__icon {
  bottom: 10px;
}

.map-container {
  height: 100% !important;
}

.sales-map-box .map-container {
  overflow: hidden !important;
}
.sales-map-box .mapboxgl-popup-content {
  width: 400px;
}

.pin {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  vertical-align: middle;
  font-size: 14px;
  cursor: pointer;
}

.blue-pin {
  background: url(/assets/images/blu.svg) center center no-repeat;
}

.white-pin {
  background: url(/assets/images/wht.svg) center center no-repeat;
}

.orange-pin {
  background: url(/assets/images/oj.svg) center center no-repeat;
}

.property-details-row2 .mdc-card {
  height: 574px;
}
.property-details-row2 .content {
  justify-content: space-between;
  flex: none;
}
.property-details-row2 .content .field {
  display: contents;
}
.property-details-row2 .card-body {
  padding: 24px 16px 0 16px;
}
.property-details-row2 .title_tab {
  line-height: 1rem;
  border-right: 1px solid #dcd4d4;
}
.property-details-row2 .title_tab button {
  border-radius: 0;
  color: gray;
  height: 100%;
}
.property-details-row2 .title_tab label {
  padding: 10px;
}
.property-details-row2 .selected_title_tab {
  border-bottom: 2px solid #2f9fe3;
}
.property-details-row2 .selected_title_tab button {
  min-width: 68px;
  color: #2f9fe3;
}
.property-details-row2 .selected_title_tab i {
  font-size: small;
}

.aut-title-and-zoning-details-card {
  height: auto !important;
  min-height: 560px !important;
}
.aut-title-and-zoning-details-card .mdc-text-field, .aut-title-and-zoning-details-card .mdc-select, .aut-title-and-zoning-details-card .multiple-select-chip__set {
  margin: 0px 0px 8px 0px;
}
.aut-title-and-zoning-details-card .mdc-menu-surface--open {
  min-width: -webkit-fill-available !important;
}
.aut-title-and-zoning-details-card .zoning_effect-select, .aut-title-and-zoning-details-card .zoning-effect {
  height: auto;
  min-height: 56px;
  align-items: flex-end;
}
.aut-title-and-zoning-details-card .zoning_effect-select .mdc-select__selected-text, .aut-title-and-zoning-details-card .zoning-effect .mdc-select__selected-text {
  height: 100%;
  white-space: normal;
}
.aut-title-and-zoning-details-card .content {
  padding: 0;
}
.aut-title-and-zoning-details-card .mdc-text-field--textarea,
.aut-title-and-zoning-details-card .property-details {
  height: 100%;
}
.aut-title-and-zoning-details-card .tz-comment-box {
  height: 413px;
}
.aut-title-and-zoning-details-card label {
  white-space: normal;
}

.position--aut-property-locality-position .property-details {
  min-height: inherit;
}

.mdc-textarea-with-select .mdc-menu-surface--open {
  right: 0;
  top: 30px;
  width: auto;
}
.mdc-textarea-with-select .mdc-menu-item {
  padding: 0 17px 0 17px;
  height: auto;
}
.mdc-textarea-with-select .mdc-menu-item .mdc-menu-item__text {
  height: auto;
  color: #636363;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
}
.mdc-textarea-with-select .mdc-menu-item:hover {
  background-color: #0ab5ff;
}
.mdc-textarea-with-select .mdc-menu-item:hover .mdc-menu--leading-icon.check {
  background: url(/assets/images/white_check.svg) center center no-repeat !important;
}
.mdc-textarea-with-select .mdc-menu-item:hover .mdc-menu-item__text {
  color: #ffffff;
}
.mdc-textarea-with-select .mdc-menu--leading-icon {
  min-width: 17px;
  min-height: 17px;
  margin-right: 12px;
}
.mdc-textarea-with-select .mdc-menu--leading-icon.check {
  background: url(/assets/images/blue_check.svg) center center no-repeat !important;
}

.aut-property-details-property-issues .mdc-menu-surface--open {
  width: 400px;
}
.aut-property-details-property-issues .mdc-menu-item__text {
  white-space: break-spaces;
  overflow: visible;
}
.aut-property-details-property-issues .mdc-menu-item {
  padding-bottom: 8px;
  padding-top: 8px;
}

.risk-rating-no-validation {
  background: #009FE3 !important;
}

.location_comment-content, .overview-definition-content {
  padding: 16px;
}
.location_comment-content .comments-content, .overview-definition-content .comments-content {
  overflow-y: auto;
  height: auto;
  max-height: 430px;
  margin-bottom: 16px;
}
.location_comment-content .risk-comment, .overview-definition-content .risk-comment {
  padding: 0px 0px 16px 0px;
}
.location_comment-content .dialog-risk-comment .dialog-comment, .overview-definition-content .dialog-risk-comment .dialog-comment {
  padding: 0px 47px !important;
}
.location_comment-content button, .overview-definition-content button {
  margin-left: auto;
}

.dialog-comment-indicator {
  margin-right: 15px;
  height: 30px;
  width: 30px;
  color: #009fe3;
}

.comment_field-content {
  width: 100%;
  display: inline-flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.65);
}

.add_comment-button, .comment_text-field {
  padding: 8px 16px;
}

.comment_text-field {
  width: 100%;
}
.comment_text-field .ember-content-editable {
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 3px;
}

.comment_setting-button {
  display: contents;
}

.mdc-select__dropdown-icon--no_rotate {
  transform: none !important;
}

.tab-container {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.room-top-app-bar {
  background: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: aliceblue;
}
.room-top-app-bar button {
  height: 100%;
}
.room-top-app-bar.selected-tab button {
  border-bottom: 2px solid aliceblue;
  border-radius: 0px;
}
.room-top-app-bar.delete-button {
  padding-left: 0px;
  padding-right: 0px;
}
.room-top-app-bar .mdc-enhanced-select {
  background: 0;
}
.room-top-app-bar .mdc-enhanced-select .mdc-select__selected-text {
  border-bottom-color: transparent;
}
.room-top-app-bar .button-group {
  text-align: right;
  padding: 9px 0;
}
.room-top-app-bar .mdc-layout-grid {
  padding: 0 24px;
}

.mdc-select__menu .mdc-list-item {
  margin: 0;
  border-radius: 0;
  padding: 0px 16px 0px 42px;
  font-weight: 400;
}
.mdc-select__menu .mdc-list-item .mdc-list-item__text {
  font-size: 14px;
  font-weight: 500;
  color: #666666;
}
.mdc-select__menu .mdc-list-item.mdc-list-item--selected {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.mdc-select__menu .mdc-list-item.mdc-list-item--selected:before {
  opacity: 0 !important;
}
.mdc-select__menu .mdc-list-item:hover {
  color: #ffffff;
  background: #009fe3;
}
.mdc-select__menu .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff;
}
.mdc-select__menu .mdc-list-item:hover.mdc-list-item--selected {
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat;
}

.overview-tab .special-instruction-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
}
.overview-tab .aut-property-details-land-area .property-details > .mdc-layout-grid {
  padding: 16px !important;
}
.overview-tab .mdc-card-content {
  margin: 16px !important;
}
.overview-tab .info-text {
  margin-bottom: 0px !important;
  min-height: 19px;
}
.overview-tab .info-text.mdc-enhanced-select {
  margin-bottom: 14px !important;
}
.overview-tab .info-text.mdc-text-field {
  margin-bottom: 14px !important;
}
.overview-tab .caption-text {
  color: #636363;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}
.overview-tab .body-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}

.aut-property-details-encumbrances {
  white-space: normal;
}
.aut-property-details-encumbrances .header-title,
.aut-property-details-encumbrances .header-comment,
.aut-property-details-encumbrances .encumbrance-comment {
  width: 85%;
}
.aut-property-details-encumbrances .header-title {
  font-size: 1.75vh;
}
.aut-property-details-encumbrances .encumbrance-buttons {
  justify-content: space-between;
  display: flex;
}
.aut-property-details-encumbrances .header-nil {
  float: right;
}
.aut-property-details-encumbrances .encumbrance-comment {
  padding-top: 10px;
  padding-bottom: 10px;
}
.aut-property-details-encumbrances .edit-property-details {
  padding-bottom: 0px;
}
.aut-property-details-encumbrances .dialog-risk-comment {
  display: flex;
  align-items: center;
}
.aut-property-details-encumbrances .dialog-risk-comment .dialog-comment {
  padding-left: 0 !important;
  width: 100%;
}
.aut-property-details-encumbrances .mdc-chip {
  justify-content: center;
  min-width: 8%;
}
.aut-property-details-encumbrances .selected-type {
  background-color: #0AB5FF !important;
  color: #ffffff !important;
}
.aut-property-details-encumbrances .mdc-data-table__row .content-width {
  width: max-content !important;
}
.aut-property-details-encumbrances .mdc-data-table__row .icon-width {
  width: 50px !important;
  padding: 1px 0 1px 0 !important;
  margin: 0px !important;
  justify-content: center !important;
  text-align: center !important;
}
.aut-property-details-encumbrances .center-content {
  display: flex;
  justify-content: center;
  text-align: center;
}

.custom_comment_field {
  margin-top: 5px !important;
}

.draggable-comment {
  width: 88vw !important;
  max-width: 88vw !important;
}

.overall-risk-rating-enhanced {
  height: 65px;
  width: 90%;
}

.overall-risk-label-commercial {
  position: relative !important;
  padding: 20px;
  margin-left: 20px;
}

.mdc-top-app-bar--fixed-adjust-large {
  margin-top: 170px;
}

.no-ripple-focused .mdc-ripple-upgraded--background-focused::before {
  opacity: 0 !important;
}

.mdc-text-field-with-affix .mdc-text-field__prefix {
  display: none;
  color: #9A9A9A;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  align-self: flex-end;
  box-sizing: border-box;
  height: 100%;
  padding: 20px 0px 6px 16px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.42);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background: none;
}
.mdc-text-field-with-affix .mdc-text-field__suffix {
  display: none;
  color: #9A9A9A;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  align-self: flex-end;
  box-sizing: border-box;
  height: 100%;
  padding: 20px 10px 6px 0px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.42);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background: none;
  white-space: nowrap;
}
.mdc-text-field-with-affix .separator {
  display: none;
  color: #9A9A9A;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: 0.009375em;
  text-decoration: inherit;
  text-transform: inherit;
  align-self: flex-end;
  box-sizing: border-box;
  height: 100%;
  padding: 20px 1px 6px 1px;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  border-bottom-color: rgba(0, 0, 0, 0.42);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background: none;
}
.mdc-text-field-with-affix .mdc-text-field__prefix ~ .mdc-text-field__input {
  padding-left: 0px;
  padding-right: 16px;
}
.mdc-text-field-with-affix .mdc-floating-label--float-above ~ .separator {
  display: block !important;
}
.mdc-text-field-with-affix .mdc-floating-label--float-above ~ .mdc-text-field__prefix {
  display: block !important;
}
.mdc-text-field-with-affix .mdc-floating-label--float-above ~ .mdc-text-field__suffix {
  display: block !important;
}
.mdc-text-field-with-affix.mdc-text-field--focused .separator {
  color: #009fe3;
}

.required-comment.aut-search-by-keyword button {
  color: #D0021B;
}

.aut-card-header-buttons {
  margin-left: auto;
  color: #636363 !important;
}

.building-menu-toggle {
  float: right;
  margin-top: -40px;
  margin-right: -10px;
}

.building-menu {
  left: 5px;
  top: 24px;
  min-width: 130px;
}

.analysis-replacements.mdc-layout-grid {
  margin: 0;
}

.car-spaces ul li span {
  font-size: 18px !important;
}

.mdc-text-field--disabled {
  background-color: #F5F5F5;
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field--disabled input {
  color: unset !important;
}

.att-modal-cont .mdc-enhanced-select .mdc-select__anchor {
  max-width: unset !important;
}
.att-modal-cont .add-file-button {
  font-size: 0.875rem;
  color: #16577B !important;
  flex-grow: 0;
  letter-spacing: 0.0125rem !important;
  margin: 16px;
  padding: 0px;
}
.att-modal-cont .add-file-button .mdc-button__icon {
  font-size: 30px;
  height: 30px;
  width: 24px;
}
.att-modal-cont .document-type-column .mdc-text-field {
  max-width: 376px;
}

.pencil-icon {
  color: #636363 !important;
}

.trash-icon {
  color: #636363 !important;
}

.trash-icon-white {
  color: #FFFFFF !important;
}

.edit-property-details .mdc-card .mdc-layout-grid {
  width: 100%;
}

.edit-property-details.improvement-ancillaries .mdc-data-table .analysis-row-textfield {
  width: 100%;
}

.analysis-row-textfield > .mdc-text-field__suffix {
  border-bottom: none;
  padding-top: 16px;
  padding-bottom: 16px;
}

.analysis-cell > .analysis-row-textfield > input {
  width: 90px !important;
  padding-right: 0px !important;
}

.content-editable-no-outline {
  outline: 0px solid transparent;
}

.card-table-header th {
  padding: 8px 16px;
  line-height: 0;
  font-weight: 500;
  text-align: left;
}

.aut-card-header-buttons button.rental-add-button {
  padding: 0px;
  font-size: 36px;
}

.aut-card-header .mdc-checkbox-with-label {
  padding-right: 16px;
}
.aut-card-header .mdc-checkbox-with-label > label {
  padding-left: 0px;
}

.aut-card-header-checkbox {
  margin-left: auto;
  color: #636363 !important;
}

.mdc-card-content.aut-card-body {
  margin: 16px !important;
}
.mdc-card-content.aut-card-body .info-text {
  margin-bottom: 0px !important;
  min-height: 19px;
}
.mdc-card-content.aut-card-body .info-text.mdc-enhanced-select {
  margin-bottom: 14px !important;
}
.mdc-card-content.aut-card-body .info-text.mdc-text-field {
  margin-bottom: 14px !important;
}
.mdc-card-content.aut-card-body .caption-text {
  color: #636363;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}
.mdc-card-content.aut-card-body .body-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}

.currency-textfield {
  border-bottom-style: none !important;
  background-color: transparent !important;
}
.currency-textfield .mdc-text-field__prefix {
  display: block !important;
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
  padding-left: 6px !important;
  color: #636363 !important;
}
.currency-textfield .mdc-text-field__suffix {
  display: block !important;
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
  color: #636363 !important;
}
.currency-textfield .mdc-line-ripple {
  background-color: transparent;
  border-bottom-style: none !important;
}
.currency-textfield .separator {
  background-color: transparent;
  border-bottom-style: none !important;
  line-height: 100% !important;
}
.currency-textfield input {
  background-color: transparent;
  border-bottom-style: none !important;
  color: #636363 !important;
}
.currency-textfield:not(.mdc-text-field-with-affix) input {
  padding-left: 6px !important;
}

.mdc-text-field-with-affix.no-separator .separator {
  display: none !important;
}

.market-value-field.mdc-text-field .mdc-text-field--prefix {
  font-size: 14px !important;
}
.market-value-field.mdc-text-field input {
  font-size: 14px !important;
}

.highlighted-table-row:not(.mdc-data-table__row--selected):hover {
  box-sizing: border-box;
  border: 1px solid rgba(10, 181, 255, 0.22);
  background-color: rgba(10, 181, 255, 0.07);
}

.highlighted-table-row:hover {
  box-sizing: border-box;
  border: 1px solid rgba(10, 181, 255, 0.22);
  background-color: rgba(10, 181, 255, 0.07);
}

.highlighted-table-row:focus-within {
  box-sizing: border-box;
  border: 1px solid rgba(10, 181, 255, 0.22);
  background-color: rgba(10, 181, 255, 0.07);
}

.highlighted-table-row .mdc-data-table__cell {
  padding-top: 0px;
  padding-bottom: 0px;
}

.mdc-text-field--focused.highlighted-textfield {
  border: none !important;
  outline: 2px solid #0AB5FF !important;
  background-color: #F9F9F9 !important;
}
.mdc-text-field--focused.highlighted-textfield input {
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.6) !important;
}
.mdc-text-field--focused.highlighted-textfield:before {
  opacity: 0 !important;
}

.mdc-enhanced-select.no-floating-label .mdc-floating-label.mdc-floating-label--float-above {
  display: none;
}

.bold .mdc-text-field {
  font-weight: 500 !important;
}

.analysis-market-value .mdc-card .mdc-text-field--textarea {
  height: auto !important;
}

.analysis-market-value .button-chips .mdc-chip-set {
  display: flex !important;
}
.analysis-market-value .button-chips .mdc-chip-set .mdc-chip {
  flex: 1;
}

.mdc-text-field.bold input {
  font-weight: 500;
}

.analysis-market-value .mdc-card .card-header h2 {
  text-align: start;
}

.multiselect_checkbox {
  --mdc-ripple-fg-size: 0px !important;
  --mdc-ripple-fg-scale: 1 !important;
  --mdc-ripple-left: 0px !important;
  --mdc-ripple-top: 0px !important;
}

.multiselect_option {
  cursor: pointer !important;
}
.multiselect_option label {
  cursor: pointer !important;
}

li.multiselect_option:hover {
  background-color: rgba(0, 0, 0, 0.06);
}

.action-button {
  padding: 0px 14px 0px 8px !important;
  display: flex !important;
}

.aut-yes-no-buttons .head-block {
  padding: 8px;
}
.aut-yes-no-buttons .one-liner {
  display: flex;
  justify-content: space-between;
}
.aut-yes-no-buttons .long-question p {
  flex: 1;
}
.aut-yes-no-buttons p.label-block {
  color: #636363;
  font-size: 14px;
  font-weight: 500;
}
.aut-yes-no-buttons .buttons-block {
  align-self: center;
}
.aut-yes-no-buttons .buttons-block .mdc-button--raised {
  color: #ffffff;
}
.aut-yes-no-buttons .buttons-block button {
  color: #636363;
  width: 85px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  margin-left: 5px;
}
.aut-yes-no-buttons .buttons-block button::before {
  background-color: transparent;
}

.sales-camera.mdc-card {
  display: flex;
  align-items: center;
}
.sales-camera.mdc-card .buffer {
  margin-top: 56.25%;
  width: 0px;
}
.sales-camera.mdc-card .buffer-top {
  min-height: 28px;
  padding: 2px !important;
}
.sales-camera.mdc-card .buffer-bottom {
  min-height: 28px;
  padding: 2px !important;
}
.sales-camera.mdc-card .ember-file-drop-zone {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sales-camera.mdc-card .ember-file-drop-zone button {
  margin-left: 34px;
  margin-right: 34px;
  width: 100%;
}
.sales-camera.mdc-card .ember-file-drop-zone button .plus-photo-icon {
  width: 72px !important;
  height: 72px !important;
}

.acc-name {
  width: auto;
}

.furnished-property-checkbox.mdc-checkbox-with-label .mdc-checkbox {
  padding-bottom: 0px;
}
.furnished-property-checkbox.mdc-checkbox-with-label label {
  padding-top: 11px;
  padding-left: 0px;
}

.analysis-market-value .button-chips .mdc-chip-set {
  padding-bottom: 0px;
}

.content-editable-with-percent:after {
  content: "%";
}

.white-background {
  background-color: white !important;
}

.search-results {
  overflow-y: auto;
}

.icon-filler {
  min-height: 48px;
  width: 100%;
  clear: both;
}

.dashboard-header {
  padding: 0 24px;
}
.dashboard-header .mdc-switch-with-label {
  line-height: 56px;
}
.dashboard-header .mdc-switch-with-label label {
  padding-left: 5px;
}
.dashboard-header button {
  margin: 10px;
}
.dashboard-header .fr-search-box {
  margin-right: 0;
}
.dashboard-header .mdc-select {
  max-width: 200px;
}

.text_date .mdc-text-field__input {
  font-size: 0.9rem;
}
.text_date .mdc-text-field__input::placeholder {
  font-size: 0.8rem;
}

.under-contract .buttons-block {
  display: flex;
  padding-top: 5px;
}
.under-contract .buttons-block button {
  margin-left: 0;
  margin-right: 5px;
}
.under-contract .head-block {
  padding: 0px;
}
.under-contract .head-block p {
  margin: 0px;
}

.risk-cont tbody > tr > :nth-child(3) {
  width: 50%;
}

.risk-market-cont {
  width: 100%;
}

.risk-market-cont .aut-card-header {
  background: #F9F9F9;
  display: flex;
  padding: 0 16px;
}

.summation .aut-card-header {
  background: #F9F9F9;
  display: flex;
  padding: 0 16px;
}

.no-outline-textarea .material-icons {
  position: absolute;
  right: 0;
  top: 0;
  color: gray;
}
.no-outline-textarea .mdc-text-field--textarea .mdc-notched-outline > div {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.no-outline-textarea .mdc-text-field--textarea .mdc-floating-label {
  left: 0;
  width: 150%;
  white-space: nowrap;
}
.no-outline-textarea .mdc-text-field--textarea .mdc-text-field__input {
  margin: 30px 0px 0px 0;
  line-height: 20px;
  color: dimgray;
}
.no-outline-textarea .required p, .no-outline-textarea .required .mdc-floating-label, .no-outline-textarea .required .mdc-text-field__input {
  color: #e02020;
  caret-color: #e02020;
}
.no-outline-textarea .required .mdc-text-field--textarea .mdc-notched-outline > div {
  border-color: #e02020;
}

.val-risk-alert textarea {
  font-size: 13px;
}

.revert-dialog .mdc-dialog__title {
  display: inline-flex;
  align-items: center;
  background: #009fe3;
  color: #ffff;
}
.revert-dialog .mdc-dialog__content {
  padding-top: 20px;
}
.revert-dialog footer {
  margin-left: auto;
}
.revert-dialog footer button {
  margin-left: 10px !important;
}

/*** ethan custom css begins ***/
div.collapsible-btn {
  cursor: pointer;
}

.sales-search-map-list .mdc-dialog .mdc-dialog__surface {
  width: 90vw !important;
  max-width: 90vw !important;
}

.sales-search-map-list .mdc-dialog__content {
  padding: 0;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sales-search-map-list .salesMapMarkerData .mdc-card {
  border-radius: 4px !important;
}

.sales-search-map-list .salesMapMarkerData .card-header {
  background: #F9F9F9;
  display: flex;
  padding-left: 14px;
  border-radius: 4px 4px 0 0;
  position: relative;
  padding-top: 0;
}

.sales-search-map-list .salesMapMarkerData .card-header h2 {
  width: 70%;
  font-size: 1.125rem !important;
  line-height: 1.1rem;
}

.sales-search-map-list .salesMapMarkerData .card-header h2 a {
  text-decoration: none;
  color: #15B6FD;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA {
  display: block;
  width: auto;
  flex-wrap: none;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage {
  min-width: none;
  max-width: none;
  min-height: none;
  max-height: none;
  width: 300px !important;
  height: 158px;
  object-position: 50% 50%;
  margin: 0 12px 0 0;
  position: relative;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 240px;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage .icon-info li {
  padding: 8px 6px !important;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage img {
  width: 240px;
  overflow: hidden !important;
  height: auto;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchInfo {
  width: 140px;
  margin: 0;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription {
  display: flex;
  padding: 0;
  height: 160px;
  margin-right: 10px;
  margin-bottom: 0;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription button {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 1.25rem;
}

.sales-search-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription p {
  overflow: hidden;
  overflow-y: auto;
  height: 128px;
  padding: 16px 32px 16px 16px;
  margin: 0;
}

.comparison-editor .overall-comparison-block {
  width: 80%;
}

.sales-search-map-list .salesMapMarkerData .sales-comparison-box {
  width: 200px;
  height: 160px !important;
  border-radius: 4px;
  margin-right: 16px;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}

.sales-search-map-list .salesMapMarkerData .sales-comparison-box ul {
  height: 150px;
  list-style: none;
  padding: 4px 0;
  overflow-y: auto;
  margin-top: 0px;
}

.sales-search-map-list .salesMapMarkerData .sales-comparison-box ul li {
  padding: 6px 8px 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.sales-search-map-list .salesMapMarkerData .sales-comparison-box ul span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}

.sales-search-map-list .salesMapMarkerData .sales-comparison-box button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.25rem;
}

.sales-search-map-list .salesMapMarkerData .sales-fig {
  width: 230px;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 160px;
}

.sales-search-map-list .salesMapMarkerData .sales-fig ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.sales-search-map-list .salesMapMarkerData .sales-fig ul li {
  font-size: 0.775rem;
  vertical-align: middle;
  line-height: 2.5;
  text-indent: 8px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}

.sales-search-map-list .salesMapMarkerData .sales-fig ul span {
  margin-left: auto;
  padding-right: 8px;
  font-size: 0.875rem;
}

.sales-search-map-list .salesMapMarkerData .comparison-editor-container {
  position: absolute;
  width: 80%;
  margin-top: 69px;
  margin-left: 10%;
  z-index: 9999;
  margin-bottom: 40px;
}

.sales-search-map-list .salesMapMarkerData .comparison-editor-container .comparison-header button {
  margin-left: auto !important;
  font-size: 35px;
  padding: 0;
}

.sales-search-map-list .mdc-dialog {
  overflow-x: scroll;
}

.sales-search-map-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.sales-search-map-list .mdc-card {
  margin: 0;
  border-radius: 0px !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ccc;
}

.sales-search-map-list .mdc-drawer__header {
  padding: 0 !important;
}

.sales-search-map-list .sales-search-map-subject-property .card-header {
  background: #F9F9F9 !important;
}

.sales-search-map-list .sales-search-map-subject-property .sales-search-map-list .card-header h2 {
  width: 100%;
}

.sales-search-map-list .mdc-card .card-header {
  background: #ffffff;
  display: flex;
  padding-left: 14px;
  padding-top: 8px;
}

.sales-search-map-list .mdc-card .card-header h2 {
  width: 50%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #15B6FD;
}

.sales-search-map-list .mdc-card .card-header .control-buttons .mdc-icon-button {
  width: 34px;
  height: 34px;
  padding: 0px;
  font-size: 18px;
}

.sales-search-map-list .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 9px !important;
  top: 9px !important;
  width: 16px;
  height: 16px;
}

.sales-search-map-list .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 13px;
  height: 13px;
}

.sales-search-map-list .mdc-card .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
  margin-top: 0px;
  padding: 0;
}

.sales-search-map-list .list-number {
  height: 22px;
  width: 22px;
  line-height: 1.2rem;
  border-radius: 50px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  background-color: #15B6FD;
  margin-top: 16px;
  margin-right: 8px;
}

.sales-search-map-list .control-buttons {
  justify-content: flex-end;
  padding-top: 4px;
  margin-left: auto;
  padding-right: 8px;
  padding-top: 10px;
}

.sales-search-map-list .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
}

.sales-search-map-list .salesSearchDataA {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.sales-search-map-list .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #666666;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  flex-direction: row !important;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #636363;
  font-weight: 500;
}

.sales-search-map-list .salesSearchDataA .icon-info li {
  padding: 12px 16px 8px 0;
  align-items: flex-start;
  padding: 12px 0 0 0;
}

.sales-search-map-list .salesSearchDataA .icon-info li .info-icon {
  margin-right: 4px;
}

.sales-search-map-list .salesSearchDataA .salesSearchImage {
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  object-fit: cover;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.sales-search-map-list .salesSearchDataA .salesSearchImage img {
  width: 135px;
  height: 95px;
}

.sales-search-map-list .salesSearchImage {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.sales-search-map-list .salesSearchImage img {
  width: auto;
  height: 130px;
}

.sales-search-map-list .salesSearchInfo {
  padding: 0;
  padding-right: 8px;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
  font-size: 0.87rem;
  line-height: 1rem;
  padding-left: 12px;
}

.sales-search-map-list .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.sales-search-map-list .salesSearchInfo li {
  display: block;
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all;
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.sales-search-map-list .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.sales-search-map-list .salesSearchInfo .tooltip .tooltiptext li {
  padding: 4px 14px !important;
}

.sales-search-map-list .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.sales-search-map-list .mdc-icon-button {
  margin-left: 0 !important;
}

.sales-search-map-list .mdc-icon-button .mdc-checkbox {
  margin-right: 0px;
}

.sales-search-map-subject-property .mdc-card {
  background: #F9F9F9;
  padding: 0 !important;
}

.task-monitor {
  display: block;
  word-break: break-word;
  white-space: pre-wrap !important;
}

.task-monitor-message {
  height: fit-content !important;
}

.task-monitor-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.task-monitor-modal .mdc-dialog__surface {
  width: calc(100% - 1000px) !important;
  max-width: calc(100% - 1000px) !important;
}
.task-monitor-modal .task-monitor-message {
  height: fit-content !important;
  padding: 5px;
}

.multi-sale-subject {
  width: 100%;
}

.considered-map-list .mdc-dialog .mdc-dialog__surface {
  width: 90vw !important;
  max-width: 90vw !important;
}

.considered-map-list .mdc-dialog__content {
  padding: 0;
}

.lot-entitlement {
  display: block !important;
  line-height: 1.4 !important;
  text-align: center !important;
  padding-top: 15px !important;
}

.aut-commercial-property-details-lot-entitlement .mdc-text-field .mdc-floating-label {
  left: 8px;
}

.considered-map-list .salesMapMarkerData .salesSearchData {
  display: flex;
  flex-direction: row;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
  align-items: flex-start;
  flex-wrap: wrap;
}

.considered-map-list .salesMapMarkerData .mdc-card {
  border-radius: 4px !important;
}

.considered-map-list .salesMapMarkerData .card-header {
  background: #F9F9F9;
  display: flex;
  padding-left: 14px;
  border-radius: 4px 4px 0 0;
  position: relative;
  padding-top: 0;
}

.considered-map-list .salesMapMarkerData .card-header h2 {
  width: 70%;
  font-size: 1.125rem !important;
  line-height: 1.1rem;
}

.considered-map-list .salesMapMarkerData .card-header h2 a {
  text-decoration: none;
  color: #15B6FD;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA {
  display: block;
  width: auto;
  flex-wrap: none;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage {
  min-width: none;
  max-width: none;
  min-height: none;
  max-height: none;
  width: 300px !important;
  height: 158px;
  object-position: 50% 50%;
  margin: 0 12px 0 0;
  position: relative;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  width: 240px;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage .icon-info li {
  padding: 8px 6px !important;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchImage img {
  width: 240px;
  overflow: hidden !important;
  height: auto;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDataA .salesSearchInfo {
  width: 140px;
  margin: 0;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription {
  display: flex;
  padding: 0;
  height: 160px;
  margin-right: 10px;
  margin-bottom: 0;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription button {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 1.25rem;
}

.considered-map-list .salesMapMarkerData .salesSearchData .salesSearchDescription p {
  overflow: hidden;
  overflow-y: auto;
  height: 128px;
  padding: 16px 32px 16px 16px;
  margin: 0;
}

.considered-map-list .salesMapMarkerData .sales-comparison-box {
  width: 200px;
  height: 160px !important;
  border-radius: 4px;
  margin-right: 16px;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}

.considered-map-list .salesMapMarkerData .sales-comparison-box ul {
  height: 150px;
  list-style: none;
  padding: 4px 0;
  overflow-y: auto;
  margin-top: 0px;
}

.considered-map-list .salesMapMarkerData .sales-comparison-box ul li {
  padding: 6px 8px 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}

.considered-map-list .salesMapMarkerData .sales-comparison-box ul span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}

.considered-map-list .salesMapMarkerData .sales-comparison-box button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.25rem;
}

.considered-map-list .salesMapMarkerData .sales-fig {
  width: 230px;
  background-color: #F2F5F8;
  border-radius: 4px;
  height: 160px;
}

.considered-map-list .salesMapMarkerData .sales-fig ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.considered-map-list .salesMapMarkerData .sales-fig ul li {
  font-size: 0.775rem;
  vertical-align: middle;
  line-height: 2.5;
  text-indent: 8px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
}

.considered-map-list .salesMapMarkerData .sales-fig ul span {
  margin-left: auto;
  padding-right: 8px;
  font-size: 0.875rem;
}

.considered-map-list .salesMapMarkerData .comparison-editor-container {
  position: absolute;
  width: 80%;
  margin-top: 69px;
  margin-left: 10%;
  z-index: 9999;
  margin-bottom: 40px;
}

.considered-map-list .salesMapMarkerData .comparison-editor-container .comparison-header button {
  margin-left: auto !important;
  font-size: 35px;
  padding: 0;
}

.considered-map-list .mdc-dialog {
  overflow-x: scroll;
}

.considered-map-list {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  list-style: none;
}

.considered-map-list .mdc-card {
  margin: 0;
  border-radius: 0px !important;
  box-shadow: none !important;
  border-bottom: 1px solid #ccc;
}

.considered-map-list .mdc-drawer__header {
  padding: 0 !important;
}

.considered-map-list .sales-search-map-subject-property .card-header {
  background: #F9F9F9 !important;
}

.considered-map-list .sales-search-map-subject-property .sales-search-map-list .card-header h2 {
  width: 100%;
}

.considered-map-list .mdc-card .card-header {
  background: #ffffff;
  display: flex;
  padding-left: 14px;
  padding-top: 8px;
}

.considered-map-list .mdc-card .card-header h2 {
  width: 50%;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #15B6FD;
}

.considered-map-list .mdc-card .card-header .control-buttons .mdc-icon-button {
  width: 34px;
  height: 34px;
  padding: 0px;
  font-size: 18px;
}

.considered-map-list .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background {
  left: 9px !important;
  top: 9px !important;
  width: 16px;
  height: 16px;
}

.considered-map-list .mdc-card .card-header .control-buttons .mdc-icon-button .mdc-checkbox__background svg {
  width: 13px;
  height: 13px;
}

.considered-map-list .mdc-card .card-header .control-buttons .mdc-checkbox {
  margin-right: 0px !important;
  margin-top: 0px;
  padding: 0;
}

.considered-map-list .list-number {
  height: 22px;
  width: 22px;
  line-height: 1.2rem;
  border-radius: 50px;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  background-color: #15B6FD;
  margin-top: 16px;
  margin-right: 8px;
}

.considered-map-list .control-buttons {
  justify-content: flex-end;
  padding-top: 4px;
  margin-left: auto;
  padding-right: 8px;
  padding-top: 10px;
}

.considered-map-list .salesSearchData {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 15px;
  min-width: 0;
}

.considered-map-list .salesSearchDataA {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.considered-map-list .salesSearchDataA .icon-info {
  display: flex;
  flex: 1;
  align-items: flex-start;
  flex-direction: row;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #666666;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  flex-basis: 100%;
  flex-grow: 1;
  display: flex;
  align-self: stretch;
  justify-content: space-between;
  flex-direction: row !important;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #636363;
  font-weight: 500;
}

.considered-map-list .salesSearchDataA .icon-info li {
  padding: 12px 16px 8px 0;
  align-items: flex-start;
  padding: 12px 0 0 0;
}

.considered-map-list .salesSearchDataA .icon-info li .info-icon {
  margin-right: 4px;
}

.considered-map-list .salesSearchDataA .salesSearchImage {
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 100px;
  object-fit: cover;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.considered-map-list .salesSearchDataA .salesSearchImage img {
  width: 135px;
  height: 95px;
}

.considered-map-list .salesSearchImage {
  min-width: 125px;
  max-width: 125px;
  min-height: 125px;
  max-height: 125px;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  align-content: center;
  padding: 0 16px 0 0;
  margin: 0;
  flex: 1;
}

.considered-map-list .salesSearchImage img {
  width: auto;
  height: 130px;
}

.considered-map-list .salesSearchInfo {
  padding: 0;
  padding-right: 8px;
  margin: 0 0 0 12px;
  list-style: none;
  flex: 1;
  flex-shrink: 0;
  min-width: 0;
  font-size: 0.87rem;
  line-height: 1rem;
  padding-left: 12px;
}

.considered-map-list .salesSearchInfo .high-light {
  font-size: 1.5rem;
  padding-bottom: 12px;
}

.considered-map-list .salesSearchInfo li {
  display: block;
  color: #000000;
  padding: 0px 16px 4px 0px;
  font-weight: 500;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  -ms-word-break: break-all;
  word-break: break-all !important;
  word-break: break-word !important;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.considered-map-list .salesSearchInfo li .mdc-icon-button {
  height: 24px;
  width: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: -12px;
  margin-right: 16px;
  float: right;
  text-overflow: truncate;
}

.considered-map-list .salesSearchInfo .tooltip .tooltiptext li {
  padding: 4px 14px !important;
}

.considered-map-list .sales-search-data-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.considered-map-list .mdc-icon-button {
  margin-left: 0 !important;
}

.considered-map-list .mdc-icon-button .mdc-checkbox {
  margin-right: 0px;
}

.considered-map-subject-property .mdc-card {
  background: #F9F9F9;
  padding: 0 !important;
}

#building-construction .edit-property-details .property-details-input.card-body {
  min-height: 240px;
}
#building-construction .edit-property-details .property-details .mdc-text-field--textarea {
  border-bottom: none;
}

.scribe-modal {
  position: fixed;
  top: 0;
  width: 100%;
}
.scribe-modal .building-tab#scribe_building_tab .mdc-drawer__app-content iframe {
  width: 100%;
  border: 0;
}

.aut-risk-rating.rating-system {
  background: none;
}
.aut-risk-rating.rating-system label:before {
  background: none;
}
.aut-risk-rating.rating-system label {
  display: inline-grid;
  text-align: center;
  align-items: center;
}
.aut-risk-rating.rating-system input:checked + label {
  color: #FFFFFF;
}
.aut-risk-rating.rating-system input:checked + label ~ label {
  color: #FFFFFF;
}
.aut-risk-rating.rating-system input:checked + .orange-rating {
  background: #FFA500;
}
.aut-risk-rating.rating-system input:checked + .orange-rating ~ label {
  background: #FFA500;
}
.aut-risk-rating.rating-system input:checked + .red-rating {
  background: #D0021B;
}
.aut-risk-rating.rating-system input:checked + .red-rating ~ label {
  background: #D0021B;
}
.aut-risk-rating.rating-system label:hover {
  color: #FFFFFF;
}
.aut-risk-rating.rating-system label:hover ~ label {
  color: #FFFFFF;
}
.aut-risk-rating.rating-system .orange-rating:hover {
  background: #FFA500;
}
.aut-risk-rating.rating-system .orange-rating:hover ~ label {
  background: #FFA500;
}
.aut-risk-rating.rating-system .red-rating:hover {
  background: #D0021B;
}
.aut-risk-rating.rating-system .red-rating:hover ~ label {
  background: #D0021B;
}
.aut-risk-rating.rating-system .red-rating:hover ~ label.orange-rating ~ label {
  background: #D0021B;
}

.aut-risk-rating-rural.rating-system {
  background: none;
}
.aut-risk-rating-rural.rating-system label:before {
  background: none;
}
.aut-risk-rating-rural.rating-system label {
  display: inline-grid;
  text-align: center;
  align-items: center;
  width: 40px;
}
.aut-risk-rating-rural.rating-system input:checked + label {
  color: #FFFFFF;
}
.aut-risk-rating-rural.rating-system input:checked + label ~ label {
  color: #FFFFFF;
}
.aut-risk-rating-rural.rating-system input:checked + .orange-rating {
  background: #FFA500;
}
.aut-risk-rating-rural.rating-system input:checked + .orange-rating ~ label {
  background: #FFA500;
}
.aut-risk-rating-rural.rating-system input:checked + .red-rating {
  background: #D0021B;
}
.aut-risk-rating-rural.rating-system input:checked + .red-rating ~ label {
  background: #D0021B;
}
.aut-risk-rating-rural.rating-system label:hover {
  color: #FFFFFF;
}
.aut-risk-rating-rural.rating-system label:hover ~ label {
  color: #FFFFFF;
}
.aut-risk-rating-rural.rating-system .orange-rating:hover {
  background: #FFA500;
}
.aut-risk-rating-rural.rating-system .orange-rating:hover ~ label {
  background: #FFA500;
}
.aut-risk-rating-rural.rating-system .red-rating:hover {
  background: #D0021B;
}
.aut-risk-rating-rural.rating-system .red-rating:hover ~ label {
  background: #D0021B;
}
.aut-risk-rating-rural.rating-system .red-rating:hover ~ label.orange-rating ~ label {
  background: #D0021B;
}

.aut-building-sidebar.mdc-drawer .mdc-list {
  padding: 0;
}
.aut-building-sidebar.mdc-drawer .mdc-list .mdc-list-item {
  margin: 0;
}
.aut-building-sidebar.mdc-drawer .mdc-list .mdc-list-item--activated {
  background-color: aliceblue;
  padding-left: 5px;
  border-left: solid;
  border-radius: 0;
  color: #009fe3;
}

.compartment-header {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  color: aliceblue;
  background-color: #0ab5ff;
  height: 32px;
  white-space: nowrap;
}
.compartment-header .compartment-title {
  display: flex;
  align-items: center;
  width: 100%;
}
.compartment-header .compartment-title.selected_title_tab {
  border-bottom: 2px solid aliceblue;
}
.compartment-header .compartment-title .title_tab {
  width: 100%;
}
.compartment-header .compartment-title .title_tab button {
  width: 100%;
  min-width: 68px;
  color: aliceblue;
  padding-right: 0px;
}
.compartment-header .compartment-title .title_tab button div {
  width: 100%;
}
.compartment-header .compartment-title .title_tab button div label {
  float: left;
}
.compartment-header .compartment-buttons {
  display: flex;
  align-items: center;
}
.compartment-header .compartment-buttons .click-outside {
  display: flex;
  align-items: center;
}
.compartment-header .compartment-buttons i {
  cursor: pointer;
  margin-left: 8px;
}
.compartment-header .content-editable-no-outline {
  width: 100%;
}

.compartment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
}
.compartment ul {
  width: 100%;
}
.compartment .compartment-title {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.compartment .compartment-title i {
  margin-right: 8px;
}
.compartment .compartment-title a {
  color: inherit;
  text-decoration: inherit;
  width: 100%;
}
.compartment .compartment-buttons {
  display: flex;
  align-items: center;
}
.compartment .compartment-buttons i {
  cursor: pointer;
  margin-left: 8px;
}

.building-room-top-app-bar {
  background: #0ab5ff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: aliceblue !important;
  padding-top: 5px;
  padding-bottom: 6px;
}
.building-room-top-app-bar .mdc-layout-grid {
  padding: 0 0 0 24px;
}
.building-room-top-app-bar .mdc-layout-grid .mdc-layout-grid__inner {
  grid-gap: 0 !important;
}
.building-room-top-app-bar .mdc-enhanced-select {
  background: 0;
}
.building-room-top-app-bar .mdc-enhanced-select .mdc-select__selected-text {
  border-bottom-color: transparent;
}
.building-room-top-app-bar .mdc-button {
  color: aliceblue !important;
}
.building-room-top-app-bar .button-group {
  text-align: right;
}

.ancillary-third-level-nav .sub-tab-link {
  padding: 0 18px !important;
}

.overview-icon {
  background: transparent url(/assets/images/icons/overview.png) center no-repeat;
  background-size: contain;
}

.area-icon {
  background: transparent url(/assets/images/icons/area.png) center no-repeat;
  background-size: contain;
}

.sketch-icon {
  background: transparent url(/assets/images/icons/sketch.png) center no-repeat;
  background-size: contain;
}

.bathroom-icon {
  background: transparent url(/assets/images/icons/bathroom.png) center no-repeat;
  background-size: contain;
}

.bedroom-icon {
  background: transparent url(/assets/images/icons/bedroom.png) center no-repeat;
  background-size: contain;
}

.carport-icon {
  background: transparent url(/assets/images/icons/carport.png) center no-repeat;
  background-size: contain;
}

.common-ancillary-icon {
  background: transparent url(/assets/images/icons/common_ancillary.png) center no-repeat;
  background-size: contain;
}

.f-icon {
  margin-top: 3px;
  position: absolute;
  z-index: 1;
  background: url(/assets/images/icons/F-icon.svg) center center no-repeat !important;
}

.options-surface {
  width: 100%;
}

.lot.active label {
  color: #009fe3;
  border-bottom: solid;
  border-color: #009fe3;
  padding-bottom: 1em;
}

.mdc-tab--active ~ .mdc-icon-button {
  color: #009fe3;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #009fe3;
}

.critical-assumptions .mdc-layout-grid {
  width: 100%;
}

.chart-inner-grid {
  height: 100%;
}

.aut-card-header-checkbox + .aut-card-header-buttons {
  margin-left: unset;
}

.comments-card {
  height: 100%;
}
.comments-card .comments-box {
  height: 100%;
}
.comments-card .comments-box .mdc-layout-grid {
  height: 100%;
}
.comments-card .comments-box .mdc-layout-grid .mdc-layout-grid__inner {
  height: 100%;
}
.comments-card .comments-box .mdc-layout-grid .mdc-layout-grid__inner .mdc-text-field--textarea {
  height: 100%;
}
.comments-card .no-outline-textarea {
  height: 100%;
}
.comments-card .no-outline-textarea .mdc-text-field {
  height: 100%;
}
.comments-card .no-outline-textarea .mdc-text-field .ember-text-area {
  height: 100%;
}

.aut-water-budget-table .card-body {
  padding: 8px;
}
.aut-water-budget-table .select-field {
  padding-left: 4px;
  width: 26%;
}
.aut-water-budget-table .small-field {
  white-space: normal;
  word-wrap: break-word;
  padding-left: 4px;
  width: 8%;
}
.aut-water-budget-table .right-align input {
  text-align: right;
}
.aut-water-budget-table .delete-cell {
  width: 1%;
}
.aut-water-budget-table .mdc-select {
  background-color: transparent;
  border-color: transparent;
}
.aut-water-budget-table .mdc-select__selected-text {
  border-bottom: none;
}
.aut-water-budget-table .mdc-text-field {
  background-color: transparent;
  border-color: transparent;
}
.aut-water-budget-table .mdc-text-field__suffix {
  text-align: right;
  border-bottom: none;
}
.aut-water-budget-table .mdc-text-field__input {
  border-bottom: none;
}
.aut-water-budget-table .no-outline-textarea {
  margin: 8px;
}

/*** ethan custom css ends ***/
.scribe-modal {
  visibility: hidden;
}
.scribe-modal.visible {
  visibility: visible;
}
.scribe-modal .scribe-control {
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: row;
}
.scribe-modal iframe {
  background: white;
}

.analysis-market-value .mdc-card .card-header h2 {
  text-align: start !important;
}

.analysis-market-value .edit-add-bldg-btn {
  width: auto;
  justify-content: left;
}

.marketvalue-rental-header .aut-card-header-title {
  flex: unset !important;
}
.marketvalue-rental-header .aut-card-header-buttons {
  margin-left: unset !important;
}
.marketvalue-rental-header .title_tab.selected_title_tab {
  border-bottom: 2px solid #009fe3;
}
.marketvalue-rental-header .title_tab.selected_title_tab label {
  color: #009fe3;
  font-size: 12px;
}
.marketvalue-rental-header .title_tab button {
  height: 56px;
}
.marketvalue-rental-header .title_tab button label {
  color: #7C7C7C;
  font-size: 12px;
}
.marketvalue-rental-header .title_tab button::before {
  opacity: 0;
}

.add_circle_rotated {
  transform: rotate(45deg) !important;
}

.aut-file-upload-preview .att-cont .att-details .att-button {
  text-transform: none;
  color: #202124;
  font-size: 14px;
}

.attachments-view {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  padding: 15px 20px;
}
.attachments-view .ember-file-drop-zone {
  margin: 0;
  width: 21.5%;
  height: 224px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.attachments-view .ember-file-drop-zone button {
  width: 100%;
}
.attachments-view .ember-file-drop-zone button .plus-photo-icon {
  width: 72px !important;
  height: 72px !important;
}

.att-photo-card {
  width: 24% !important;
}

.att-file-card {
  width: 24% !important;
}

.attachments-view .mdc-card {
  height: 262px;
}

.attachments-view .att-thumb {
  object-position: 50% 50%;
  position: relative;
}

.attachments-view .att-thumb img {
  height: 254px;
  width: 100%;
  object-fit: cover;
}

.attachments-view .att-field-selected {
  border: 2px solid #29a8ee;
  height: 262px;
}
.attachments-view .att-field-selected .att-thumb img {
  height: 250px;
}

.attachments-view-header .multiselect-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  color: white;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(250, 250, 250, 0.9);
  padding-bottom: 3px;
  max-height: 35px;
  justify-content: space-between;
}
.attachments-view-header .multiselect-header .selected-symbol {
  background-color: transparent;
  color: #636363;
}
.attachments-view-header .multiselect-header .selected-text {
  position: relative;
  bottom: 5px;
  color: #636363;
}
.attachments-view-header .multiselect-header li {
  position: relative;
  overflow-wrap: break-word;
  font-size: 15px;
}
.attachments-view-header .multiselect-header .att-icons {
  display: flex;
}

.attachments-view .att-cont .att-thumb .att-header .icon-info {
  display: flex;
  flex: 1;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 5px;
}

.attachments-view .att-cont .att-thumb .att-header .icon-info li {
  position: relative;
  overflow-wrap: break-word;
  font-size: 15px;
}

.attachments-view .att-cont .att-thumb .att-header .icon-info .att-icons {
  display: flex;
  position: absolute;
  right: 0%;
}
.attachments-view .att-cont .att-thumb .att-header .icon-info .att-icons .mdc-icon-button {
  touch-action: manipulation;
  cursor: pointer;
  --mdc-ripple-fg-size: 28px !important;
  --mdc-ripple-fg-scale: 1.71429 !important;
  --mdc-ripple-left: 10px !important;
  --mdc-ripple-top: 10px !important;
}

.attachments-view .att-cont .att-thumb .att-header .icon-info .att-no {
  position: relative;
  top: 0px;
  left: 0px;
  color: #ffffff;
  background: white;
  font-size: 16px;
  font-weight: 500;
  z-index: 1;
  align-content: center;
  border-radius: 50px;
  height: 22px;
  width: 22px;
  text-align: center;
  line-height: 15px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 7px;
}
.attachments-view .att-cont .att-thumb .att-header .icon-info .att-no .index-field {
  position: relative;
  top: -6px;
  left: -33px;
  width: 8px;
  padding: 0px;
  color: black;
  font-size: 16px;
  border-radius: 50px;
}
.attachments-view .att-cont .att-thumb .att-header .icon-info .att-no .select-field {
  bottom: 2px;
  right: 1.5px;
  height: 25px;
  width: 25px;
  border-radius: 50px;
  padding: 0px;
  color: #FFFFFF !important;
}
.attachments-view .att-cont .att-thumb .att-header .icon-info .att-no .check-circle {
  bottom: 13px;
  right: 13px;
  color: #29a8ee;
}

.attachments-view .att-cont .att-thumb .att-header .icon-info .att-tag {
  margin-top: 8px;
}

.attachments-tab .att-download-button {
  width: 100%;
  display: flex;
  padding-top: 20px;
  justify-content: right;
}
.attachments-tab .att-download-button .edit-add-bldg-btn {
  width: 220px;
  height: auto;
  color: white;
  margin: 0.1rem;
  margin-right: 20px;
}

.attachments-tab .att-comment-button {
  width: 100%;
  display: flex;
  padding-top: 15px;
  justify-content: right;
}
.attachments-tab .att-comment-button .mdc-menu-surface--open {
  right: 0;
  margin-top: 5px;
  margin-right: 20px;
}
.attachments-tab .att-comment-button .add-com-btn {
  width: 220px;
  height: auto;
  color: white;
  margin: 0.1rem;
  padding: 6px 0;
  margin-right: 20px;
}

.attachments-tab .att-photos-comments {
  padding: 0 20px;
}
.attachments-tab .att-photos-comments .att-photos-comment-header {
  color: #636363;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}
.attachments-tab .att-photos-comments .att-photos-comment-text {
  color: #636363;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  padding-bottom: 10px;
}

.attachments-tab h2 {
  margin-bottom: 10px;
  padding: 0 20px;
  font-weight: 500;
}

.att-attachments-group {
  min-height: max-content;
}
.att-attachments-group.dragging {
  outline: 2px dashed #CCC;
  outline-offset: -3px;
}

.grey-card-header h2 {
  padding: unset;
}

.edit-header .mdc-icon-button_sales-edit-button .mdc-chip__icon {
  vertical-align: unset;
}

.edit-header .mdc-icon-button_rentals-edit-button .mdc-chip__icon {
  vertical-align: unset;
}

.aut-attachment-photo-card .mdc-card__actions .mdc-card__action-buttons {
  flex-grow: 1;
}
.aut-attachment-photo-card .mdc-card__actions .mdc-card__action-icons {
  flex-grow: unset;
}

.sales-attachments-cont {
  background-color: white;
}

.no-outline-textfield-select .material-icons {
  position: absolute;
  right: 0;
  top: 5px;
  color: gray;
}
.no-outline-textfield-select .date-icon {
  right: 20px;
  top: 5px;
}
.no-outline-textfield-select .dd-icon {
  right: -8px;
  top: 5px;
}
.no-outline-textfield-select .mdc-icon-button {
  height: 40px;
  width: 40px;
  padding: 7px;
  margin: 2px;
  margin-bottom: 0;
  margin-right: 10px;
  float: right;
}
.no-outline-textfield-select .mdc-text-field--textfield .mdc-notched-outline > div {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.no-outline-textfield-select .mdc-text-field--textfield .mdc-floating-label {
  left: 0;
}
.no-outline-textfield-select .mdc-text-field--textfield .mdc-text-field__input {
  margin: 30px 0px 0px 0;
  line-height: 20px;
  color: dimgray;
}

/*** will be removed once the style on enquiries migrate to aut-mdc-shared ***/
.multiple-select-chip__set {
  padding: 0px;
  border-radius: 4px 4px 0 0;
  background-color: whitesmoke;
  border-bottom: 1px solid #666565;
  min-height: 56px;
}
.multiple-select-chip__set:hover {
  background-color: #eeecec;
}
.multiple-select-chip__set .mdc-multiple-select__selected-options {
  padding: 20px 24px 0px 5px;
}
.multiple-select-chip__set.multiple-select-chip__set--disabled {
  pointer-events: none;
  background-color: #fafafa;
  cursor: default;
}
.multiple-select-chip__set.multiple-select-chip__set--disabled .mdc-multiple-select__floating-label,
.multiple-select-chip__set.multiple-select-chip__set--disabled .mdc-chip__text,
.multiple-select-chip__set.multiple-select-chip__set--disabled .arrow__icon {
  color: rgba(0, 0, 0, 0.37);
}
.multiple-select-chip__set .mdc-multiple-select__floating-label {
  left: 16px;
  right: initial;
  top: 16px;
  color: rgba(0, 0, 0, 0.7);
}
.multiple-select-chip__set .customise-chip__text {
  color: #666565;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: small;
  white-space: nowrap;
}
.multiple-select-chip__set .mdc-chip__icon {
  color: #666565;
  margin: 3px 0px 3px 3px;
  font-size: 17px;
}
.multiple-select-chip__set .arrow__icon {
  color: #666565;
  position: absolute;
  right: 8px;
  top: 20px;
}

.att-modal-surface {
  overflow: visible;
}
.att-modal-surface .mdc-data-table {
  overflow: visible;
}

.att-modal .mdc-data-table__content {
  vertical-align: top;
}
.att-modal .mdc-multiple-select__selected-options {
  white-space: normal;
}
.att-modal .multiple-select-anchor {
  position: absolute;
}

.add-room-back-button-buffer {
  margin-left: 12px;
}

.analysis-adopt-dialog {
  width: 30%;
  height: 27%;
  top: 25%;
  left: 35%;
}

.analysis-adopt-dialog-content {
  display: flex;
  padding: 10px;
}

.analysis-adopt-dialog-label {
  width: 50%;
  margin-top: auto;
  margin-bottom: auto;
}

.analysis-adopt-textfield {
  width: 50%;
}

.replRateLabel, .deprRateLabel {
  font-family: Roboto, sans-serif;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-decoration: inherit;
  text-transform: lowercase !important;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
}

.replRateLabel::first-line, .deprRateLabel::first-line {
  text-transform: capitalize;
}

.aut-nearby-property-filters .mdc-layout-grid {
  padding: 10px;
  float: right;
}
.aut-nearby-property-filters .mdc-layout-grid__inner {
  align-items: center;
  text-align: center;
  grid-gap: 5px;
}
.aut-nearby-property-filters .mdc-layout-grid-cell {
  padding: 8px;
  float: right;
}
.aut-nearby-property-filters .apply-filter-button {
  height: 56px;
  width: 50%;
  padding: 5px;
}
.aut-nearby-property-filters .reset-filter-button {
  height: 56px;
  width: 50%;
  padding: 5px;
}
.aut-nearby-property-filters .mdc-select__selected-text {
  padding-left: 18px;
  text-align: left;
}
.aut-nearby-property-filters .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 16px;
  padding-right: 40px;
}
.aut-nearby-property-filters .mdc-select__menu .mdc-menu .mdc-menu-surface .ember-view .mdc-menu-surface--open {
  width: 220px;
}

.add-sale-btn, .add-rental-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.edit-address-content .required p, .edit-address-content .required .mdc-floating-label, .edit-address-content .required .mdc-text-field__input, .edit-address-content .required .mdc-floating-label::after {
  color: #b00020 !important;
  caret-color: #b00020;
}
.edit-address-content .required .mdc-line-ripple, .edit-address-content .required .mdc-text-field .mdc-text-field__input {
  border-bottom-color: #b00020 !important;
}
.edit-address-content .required .mdc-line-ripple {
  background-color: #b00020;
}

.mdc-enhanced-select-helper-text {
  font-size: 0.75rem;
  padding-left: 3px;
  color: #b00020;
}

.mdc-enhanced-select-required {
  color: #b00020;
  border-bottom: solid;
  border-bottom-width: thin;
}
.mdc-enhanced-select-required label {
  color: #b00020 !important;
}
.mdc-enhanced-select-required .mdc-line-ripple {
  background-color: #b00020 !important;
}

.job-title-lock {
  padding-left: 8px;
}

.salesSearchOtherField {
  font-size: 0.75rem;
  line-height: 1rem;
  display: block;
  background-color: #ffffff;
  border-radius: 4px;
  height: 128px;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  flex: 1;
}
.salesSearchOtherField .comments-descriptions-layout {
  padding: 0 0 0 0 !important;
}
.salesSearchOtherField .no-outline-textarea {
  padding-top: 13px;
}

.comparable-sales-columned .salesSearchDescription p {
  margin-top: 0px;
}
.comparable-sales-columned .salesSearchInfo li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.photos-header {
  display: flex;
  justify-content: space-between;
}

.photos-header_action .mdc-menu-surface--open {
  right: 0;
}

.photos-comments {
  margin: 0px 8px 25px;
}
.photos-comments .photos-comment-header {
  color: #636363;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 20px;
}
.photos-comments .photos-comment-text {
  color: #636363;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}

.remix-fab.bottom-left {
  position: fixed;
  left: 1rem;
}
.remix-fab.bottom-right {
  position: fixed;
  right: 1rem;
}

.remix-fab.first-layer {
  bottom: 90px !important;
}

.remix-fab.second-layer {
  bottom: 160px !important;
}

.remix-fab.third-layer {
  bottom: 230px !important;
}

.chat-fab {
  background-color: #f28e00;
}

.remix-fab.show-note-fab {
  background-color: #009fe3 !important;
}

.notes-modal .mdc-dialog__container {
  width: 100% !important;
  height: 100% !important;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface {
  width: auto;
  max-width: calc(100% - 32px) !important;
  height: 100%;
}
.notes-modal .mdc-dialog__container .mdc-dialog__surface .mdc-dialog__content {
  height: 93%;
}

.notes-content {
  display: flex;
}

.aut-notes-fab-sidebar {
  position: relative;
  height: 100% !important;
  width: 80px !important;
}

.note-fab-buttons {
  padding: 10px;
}

.note-fab-buttons .mdc-fab.show-note-fab {
  background-color: rgba(0, 0, 0, 0.38) !important;
}

.note-fab-buttons .first-layer {
  top: 10px;
}

.aut-text-note-sidebar {
  position: relative;
}

.notes-header {
  display: flex;
  padding: 0;
}

.aut-card-header-buttons.text-notes {
  padding: 16px;
}

.text-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.text-notes-content {
  width: 100%;
}

.text-notes-content .mdc-text-field--textarea {
  height: 100%;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
}

.loading .spinner {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 26px;
  height: 26px;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.loading .mask {
  width: 12px;
  height: 12px;
  overflow: hidden;
}

.loading .maskedCircle {
  width: 20px;
  height: 20px;
  border-radius: 12px;
  border: 3px solid #666;
}

.mdc-list-item.sync-progress {
  flex-wrap: wrap;
  height: auto;
}
.mdc-list-item.sync-progress .break {
  flex-basis: 100%;
  height: 0;
}

.mdc-list-item.indented {
  padding-left: 100px;
}

.considered-map-list .mdc-dialog .image-viewer-container .mdc-dialog__surface {
  width: auto !important;
}

.sales-search-map-list .mdc-dialog .image-viewer-container .mdc-dialog__surface {
  width: auto !important;
}

.comparable-card-click-outside {
  width: 100%;
}

.property-details-issue-body {
  padding: 16px;
}

.sales-land-town-planning {
  min-height: 500px !important;
}
.sales-land-town-planning .mdc-text-field, .sales-land-town-planning .mdc-select, .sales-land-town-planning .multiple-select-chip__set, .sales-land-town-planning .mdc-textarea {
  margin: 0px 0px 24px 0px;
}
.sales-land-town-planning .add-com-btn {
  margin: 8px;
}

.aut-property-details-commercial-zoning-details .mdc-text-field, .aut-property-details-commercial-zoning-details .mdc-select, .aut-property-details-commercial-zoning-details .multiple-select-chip__set, .aut-property-details-commercial-zoning-details .mdc-textarea, .town-planning-content .mdc-text-field, .town-planning-content .mdc-select, .town-planning-content .multiple-select-chip__set, .town-planning-content .mdc-textarea {
  margin: 0px 0px 12px 0px;
}
.aut-property-details-commercial-zoning-details .zoning-effect, .town-planning-content .zoning-effect {
  height: auto;
  min-height: 56px;
  align-items: flex-end;
}
.aut-property-details-commercial-zoning-details .zoning-effect .mdc-select__selected-text, .town-planning-content .zoning-effect .mdc-select__selected-text {
  height: 100%;
  white-space: normal;
}
.aut-property-details-commercial-zoning-details .zoning-region-scheme .mdc-typography--subtitle2, .town-planning-content .zoning-region-scheme .mdc-typography--subtitle2 {
  line-height: 100%;
}
.aut-property-details-commercial-zoning-details .add-com-btn, .town-planning-content .add-com-btn {
  margin: 8px;
  width: 170px;
}
.aut-property-details-commercial-zoning-details .mdc-card, .town-planning-content .mdc-card {
  min-height: 450px;
}

.town-planning-native-title-body .label-block {
  max-width: 200px;
}

p.error {
  background-color: red;
  color: white;
  padding: 10px;
  margin-top: 0;
}

.progress-analysis-assessment .mdc-card {
  min-height: 100%;
}

.drawer-header-title .rental-sales-bar {
  width: 50%;
}

.aut-rural-property-details-title-details, .aut-commercial-property-details-title-details {
  display: flex;
  border-radius: 2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
  width: fit-content;
  min-height: fit-content;
  margin: 2px;
}
.aut-rural-property-details-title-details .card-header, .aut-commercial-property-details-title-details .card-header {
  display: flex;
  padding: 0 16px;
}
.aut-rural-property-details-title-details .mdc-button, .aut-commercial-property-details-title-details .mdc-button {
  color: #16577b !important;
}
.aut-rural-property-details-title-details .add, .aut-commercial-property-details-title-details .add {
  float: right;
  font-size: 2rem;
  line-height: 0;
}
.aut-rural-property-details-title-details .title-details, .aut-commercial-property-details-title-details .title-details {
  background-color: transparent;
  border-color: transparent;
}
.aut-rural-property-details-title-details .small-field, .aut-commercial-property-details-title-details .small-field {
  width: 7%;
}
.aut-rural-property-details-title-details .med-field, .aut-commercial-property-details-title-details .med-field {
  width: 9%;
}
.aut-rural-property-details-title-details .large-field, .aut-commercial-property-details-title-details .large-field {
  width: 35%;
}
.aut-rural-property-details-title-details .commercial-small-field, .aut-commercial-property-details-title-details .commercial-small-field {
  width: 8%;
}
.aut-rural-property-details-title-details .commercial-med-field, .aut-commercial-property-details-title-details .commercial-med-field {
  width: 10%;
}
.aut-rural-property-details-title-details .commercial-ave-field, .aut-commercial-property-details-title-details .commercial-ave-field {
  width: 15%;
}
.aut-rural-property-details-title-details .commercial-large-field, .aut-commercial-property-details-title-details .commercial-large-field {
  width: 20%;
}
.aut-rural-property-details-title-details .invalid .mdc-text-field__input, .aut-commercial-property-details-title-details .invalid .mdc-text-field__input {
  border-bottom: none;
  color: red;
}
.aut-rural-property-details-title-details .mdc-text-field__input, .aut-commercial-property-details-title-details .mdc-text-field__input {
  border-bottom: none;
  min-width: min-content;
  padding-top: 15px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  text-align: left;
}
.aut-rural-property-details-title-details .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .aut-commercial-property-details-title-details .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  right: 6px;
}
.aut-rural-property-details-title-details .mdc-text-field--with-trailing-icon .mdc-text-field__input, .aut-commercial-property-details-title-details .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 6px;
  padding-right: 3px;
  width: 80%;
}
.aut-rural-property-details-title-details .aut-datepicker, .aut-commercial-property-details-title-details .aut-datepicker {
  right: 0;
  left: revert;
}
.aut-rural-property-details-title-details .mdc-select__native-control, .aut-rural-property-details-title-details .mdc-select__selected-text, .aut-commercial-property-details-title-details .mdc-select__native-control, .aut-commercial-property-details-title-details .mdc-select__selected-text {
  border-bottom: 0px;
  min-width: 70px;
}
.aut-rural-property-details-title-details .bold, .aut-commercial-property-details-title-details .bold {
  font-weight: 500;
}
.aut-rural-property-details-title-details .sales-med-field, .aut-commercial-property-details-title-details .sales-med-field {
  width: 15%;
}
.aut-rural-property-details-title-details .sales-large-field, .aut-commercial-property-details-title-details .sales-large-field {
  width: 45%;
}
.aut-rural-property-details-title-details .sales-small-field, .aut-commercial-property-details-title-details .sales-small-field {
  width: 5%;
}

.aut-property-attributes-carrying-capacity .mdc-text-field__suffix {
  border-bottom: none;
}

.aut-property-attributes-land-country-development {
  display: flex;
  border-radius: 2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
  width: fit-content;
  min-height: fit-content;
  margin: 2px;
}
.aut-property-attributes-land-country-development .header {
  width: auto;
  background-color: #f9f9f9;
}
.aut-property-attributes-land-country-development .mdc-button {
  color: #16577b !important;
}
.aut-property-attributes-land-country-development .add {
  float: right;
  font-size: 2rem;
  line-height: 0;
}
.aut-property-attributes-land-country-development .title-details {
  background-color: transparent;
  border-color: transparent;
}
.aut-property-attributes-land-country-development .select-large-field {
  width: 27%;
}
.aut-property-attributes-land-country-development .select-mid-field {
  width: 14%;
}
.aut-property-attributes-land-country-development .select-small-field {
  width: 11%;
}
.aut-property-attributes-land-country-development .small-field {
  white-space: normal;
  word-wrap: break-word;
  padding-right: 4px;
  padding-left: 4px;
  width: 7%;
}
.aut-property-attributes-land-country-development .small-number-field {
  white-space: normal;
  word-wrap: break-word;
  padding-right: 4px;
  padding-left: 4px;
  width: 6%;
}
.aut-property-attributes-land-country-development .delete-cell {
  width: 1%;
}
.aut-property-attributes-land-country-development .mdc-text-field__input {
  border-bottom: none;
  min-width: min-content;
  padding-top: 15px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  text-align: left;
}
.aut-property-attributes-land-country-development .mdc-select__native-control, .aut-property-attributes-land-country-development .mdc-select__selected-text {
  border-bottom: 0px;
  min-width: 70px;
  padding-left: 0px;
  padding-right: 35px;
}
.aut-property-attributes-land-country-development .mdc-text-field__prefix {
  border-bottom: none;
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.aut-property-attributes-land-country-development .card-header {
  padding-left: 1px !important;
}
.aut-property-attributes-land-country-development .transparent {
  background-color: transparent;
  border-color: transparent;
}

.rural-leasehold-interest--grid-cell {
  position: relative;
  background: #f5f5f5 !important;
  border-bottom: 1px solid #0000001f;
}
.rural-leasehold-interest--grid-cell .mdc-floating-label {
  margin: 20px 12px;
  color: rgba(0, 0, 0, 0.6);
}
.rural-leasehold-interest--grid-cell .rural-leasehold-interest--card .rural-leasehold-interest--body {
  margin: 24px 8px;
}
.rural-leasehold-interest--grid-cell .rural-leasehold-interest--card .rural-leasehold-interest--body .custom-comment {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 8px 8px;
}
.rural-leasehold-interest--grid-cell .rural-leasehold-interest--card .rural-leasehold-interest--body .custom-comment .ember-content-editable {
  width: 100%;
}

.ancillary-tab {
  color: #2f9fe3;
  align-items: center;
}
.ancillary-tab button {
  height: 100%;
}
.ancillary-tab .rename-tab {
  height: 42px;
  width: inherit;
  display: inline-flex;
  padding-top: 25px;
}
.ancillary-tab .rename-button {
  height: 51px;
  width: 24px;
  display: inline-flex;
}
.ancillary-tab.selected-tab button {
  border-bottom: 2px solid #2f9fe3;
  border-radius: 0px;
}
.ancillary-tab.selected-tab .rename-tab {
  border-bottom: 2px solid #2f9fe3;
  border-radius: 0px;
}
.ancillary-tab.selected-tab .rename-button {
  border-bottom: 2px solid #2f9fe3;
  border-radius: 0px;
}

.bedroom-tab-container {
  white-space: nowrap;
}

.room-tab {
  color: aliceblue;
  margin-right: 20px;
  padding-bottom: 5px;
}
.room-tab button {
  padding: 0px;
  font-size: 14px;
}
.room-tab.selected-tab {
  border-bottom: 2px solid aliceblue;
}
.room-tab .delete-button {
  width: 25px;
  height: 25px;
  font-size: 20px;
  margin-left: 5px;
}

.bedroom-contents .room-number-card .aut-card-header-title {
  padding: 8px;
  background: #f9f9f9;
}

.dining-room_living-room-card .property-details-input {
  padding-bottom: 215px !important;
}

.disabled-card {
  opacity: 50%;
}

ul.queries {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.queries > li {
  border-bottom: 1px solid #CCC;
  padding-top: 15px;
  padding-bottom: 15px;
}
ul.queries > li:first-child {
  padding-top: 0;
}
ul.queries > li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pending-query {
  border: 1px solid #16587B !important;
}
.pending-query .card-header {
  background: #16587B !important;
}
.pending-query .card-title {
  color: #ffffff !important;
}

.notification-count {
  display: block;
  position: absolute;
  color: white;
  background: red;
  border-radius: 100px;
  font-size: 10px;
  top: 5px;
  right: calc(50% - 16px);
  font-family: Arial;
  width: 16px;
  height: 16px;
  line-height: 16px;
}

.water-content {
  margin: 0 auto;
  box-sizing: border-box;
  padding: var(--mdc-layout-grid-margin-desktop, 24px);
}
.water-content .mdc-button {
  color: #16577b !important;
}
.water-content .licence-grid {
  --mdc-layout-grid-gutter-desktop: 12px;
  --mdc-layout-grid-gutter-phone: 8px;
  --mdc-layout-grid-gutter-tablet: 8px;
  padding: 12px;
}

.asset-profile .asset-profile-table {
  white-space: normal;
}
.asset-profile .asset-profile-comment {
  width: 60%;
  padding: 16px;
}
.asset-profile .asset-profile-rating {
  width: 100%;
}

.risk-profile .risk-profile-table {
  white-space: normal;
}
.risk-profile .risk-profile-table.commercial-risk-table {
  width: 100%;
  table-layout: fixed;
}
.risk-profile .risk-profile-table.commercial-risk-table .mdc-data-table__cell {
  padding-right: 8.5px;
}
.risk-profile .risk-profile-table.commercial-risk-table .mdc-layout-grid__inner {
  width: 300%;
}
.risk-profile .risk-profile-comment {
  width: 60%;
  padding: 16px;
}
.risk-profile .amendment-comment {
  width: 100%;
  padding: 16px;
}
.risk-profile .risk-profile-rating {
  width: 100%;
}

.floating-modal {
  display: block;
  position: absolute;
  top: 55px;
  height: auto;
  font-style: normal;
}
.floating-modal .mdc-dialog__content {
  padding: 0;
}
.floating-modal .mdc-dialog__scrim {
  display: none;
}
.floating-modal .mdc-dialog__title {
  background: #FFF !important;
  color: #000 !important;
  padding: 8px 16px;
  line-height: 40px !important;
  display: flex;
  text-align: left;
  border-bottom: 1px solid #F5F5F5;
}

.queries-modal .mdc-dialog__content {
  width: 400px;
}
.queries-modal .query-description {
  background: #F5F5F5;
  text-align: left;
  padding: 5px;
  margin-bottom: 12px;
}
.queries-modal footer {
  border-top: 1px solid #F5F5F5;
  display: flex;
  justify-content: space-evenly;
}
.queries-modal footer button {
  color: #FFF !important;
  min-width: 110px;
}
.queries-modal footer button:disabled {
  background: #CCC !important;
}
.queries-modal footer .alternate-btn {
  background: #1579B1;
}
.queries-modal footer .accept-btn {
  background: #9EC42F;
}
.queries-modal footer .reject-btn {
  background: #E11F20;
}

.aut-property-rural-water-licence-evidence-detail {
  display: flex;
  border-radius: 2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
  width: fit-content;
  min-height: fit-content;
  margin: 2px;
}
.aut-property-rural-water-licence-evidence-detail .header {
  width: auto;
  background-color: #f9f9f9;
}
.aut-property-rural-water-licence-evidence-detail .mdc-button {
  color: #16577b !important;
}
.aut-property-rural-water-licence-evidence-detail .add {
  float: right;
  font-size: 2rem;
  line-height: 0;
}
.aut-property-rural-water-licence-evidence-detail .licence-evidence-details {
  background: transparent;
  width: 100%;
}
.aut-property-rural-water-licence-evidence-detail .small-field {
  width: 4%;
  white-space: normal;
  word-wrap: break-word;
  padding-right: 8px;
  padding-left: 8px;
}
.aut-property-rural-water-licence-evidence-detail .med-field {
  width: 14%;
  white-space: normal;
  word-wrap: break-word;
  padding-right: 8px;
  padding-left: 8px;
}
.aut-property-rural-water-licence-evidence-detail .date-field {
  width: 18%;
  white-space: normal;
  word-wrap: break-word;
  padding-right: 8px;
  padding-left: 8px;
}
.aut-property-rural-water-licence-evidence-detail .large-field {
  width: 36%;
  white-space: normal;
  word-wrap: break-word;
  padding-right: 8px;
  padding-left: 8px;
}
.aut-property-rural-water-licence-evidence-detail .mdc-text-field__input {
  border-bottom: none;
  min-width: min-content;
  padding-top: 15px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 5px;
  text-align: left;
}
.aut-property-rural-water-licence-evidence-detail .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  right: 6px;
}
.aut-property-rural-water-licence-evidence-detail .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 6px;
  padding-right: 3px;
  width: 85%;
}
.aut-property-rural-water-licence-evidence-detail .mdc-text-field__prefix {
  padding-right: 2px;
  padding-left: 2px;
  border-color: transparent;
}
.aut-property-rural-water-licence-evidence-detail .mdc-text-field__suffix {
  padding-left: 2px;
  padding-right: 2px;
  border-color: transparent;
}
.aut-property-rural-water-licence-evidence-detail .aut-datepicker {
  right: 0;
  left: revert;
}

.rural-property-growers-contract .left, .rural-property-lease-interest .left, .renewabels-and-offsets-content .left, .property-attributes-land-characteristics .left {
  padding-left: 16px;
}
.rural-property-growers-contract .right, .rural-property-lease-interest .right, .renewabels-and-offsets-content .right, .property-attributes-land-characteristics .right {
  padding-right: 16px;
}
.rural-property-growers-contract .top, .rural-property-lease-interest .top, .renewabels-and-offsets-content .top, .property-attributes-land-characteristics .top {
  padding-top: 16px;
}
.rural-property-growers-contract .bottom, .rural-property-lease-interest .bottom, .renewabels-and-offsets-content .bottom, .property-attributes-land-characteristics .bottom {
  padding-bottom: 16px;
}
.rural-property-growers-contract .mdc-button, .rural-property-lease-interest .mdc-button, .renewabels-and-offsets-content .mdc-button, .property-attributes-land-characteristics .mdc-button {
  color: #16577b;
}
.rural-property-growers-contract .mdc-tab, .rural-property-lease-interest .mdc-tab, .renewabels-and-offsets-content .mdc-tab, .property-attributes-land-characteristics .mdc-tab {
  font-size: 0.8rem;
  line-height: 2.25rem;
}
.rural-property-growers-contract .output-padding .mdc-text-field__suffix, .rural-property-lease-interest .output-padding .mdc-text-field__suffix, .renewabels-and-offsets-content .output-padding .mdc-text-field__suffix, .property-attributes-land-characteristics .output-padding .mdc-text-field__suffix {
  padding-right: 40px;
}
.rural-property-growers-contract .mdc-card, .rural-property-lease-interest .mdc-card, .renewabels-and-offsets-content .mdc-card, .property-attributes-land-characteristics .mdc-card {
  min-height: 300px;
}
.rural-property-growers-contract .mdc-select__menu, .rural-property-lease-interest .mdc-select__menu, .renewabels-and-offsets-content .mdc-select__menu, .property-attributes-land-characteristics .mdc-select__menu {
  width: 100%;
}
.rural-property-growers-contract .add-options-menu .mdc-select__menu, .rural-property-lease-interest .add-options-menu .mdc-select__menu, .renewabels-and-offsets-content .add-options-menu .mdc-select__menu, .property-attributes-land-characteristics .add-options-menu .mdc-select__menu {
  width: 20%;
  left: 80%;
  position: relative;
  display: inline-block;
}
.rural-property-growers-contract .no-outline-textarea .mdc-text-field--textarea .mdc-text-field__input, .rural-property-lease-interest .no-outline-textarea .mdc-text-field--textarea .mdc-text-field__input, .renewabels-and-offsets-content .no-outline-textarea .mdc-text-field--textarea .mdc-text-field__input, .property-attributes-land-characteristics .no-outline-textarea .mdc-text-field--textarea .mdc-text-field__input {
  color: black;
}
.rural-property-growers-contract .mdc-menu-surface--open, .rural-property-lease-interest .mdc-menu-surface--open, .renewabels-and-offsets-content .mdc-menu-surface--open, .property-attributes-land-characteristics .mdc-menu-surface--open {
  width: 100%;
  position: absolute;
  min-height: 100px;
}
.rural-property-growers-contract .mdc-menu-surface--open .mdc-list-item, .rural-property-lease-interest .mdc-menu-surface--open .mdc-list-item, .renewabels-and-offsets-content .mdc-menu-surface--open .mdc-list-item, .property-attributes-land-characteristics .mdc-menu-surface--open .mdc-list-item {
  height: 40px;
}

.permanent-planting-content .left {
  padding-left: 16px;
}
.permanent-planting-content .right {
  padding-right: 16px;
}
.permanent-planting-content .top {
  padding-top: 16px;
}
.permanent-planting-content .bottom {
  padding-bottom: 16px;
}
.permanent-planting-content .mdc-button {
  color: #16577b;
}
.permanent-planting-content .mdc-card {
  min-height: 300px;
}
.permanent-planting-content .mdc-card .fixed-large-width {
  width: 250px;
}
.permanent-planting-content .mdc-card .fixed-large-width input {
  background-color: transparent;
  border-bottom-style: none !important;
  color: #636363 !important;
}
.permanent-planting-content .mdc-card .fixed-small-width {
  width: 150px;
}
.permanent-planting-content .mdc-card .transparent {
  background-color: transparent;
  border-color: transparent;
}
.permanent-planting-content .mdc-card .mdc-select__selected-text {
  border-bottom-color: transparent;
}
.permanent-planting-content .add-options-menu .mdc-select__menu {
  width: 20%;
  left: 80%;
}
.permanent-planting-content .show-row-options .mdc-select__menu {
  width: 180px;
  right: 0%;
}
.permanent-planting-content .dropdown-menu {
  position: absolute;
}
.permanent-planting-content #add-permanent-planting {
  width: 20%;
  float: right;
}

#gst_assumptions--card .mdc-layout-grid {
  padding: 0px !important;
}

#gst_assumptions--card .mdc-layout-grid__inner {
  grid-gap: 0px !important;
}

.data-label {
  color: #636363;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 0.9rem;
  line-height: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.01786em;
}

.rainfall-deciles {
  color: #16577b;
  font-family: Roboto, sans-serif;
}
.rainfall-deciles .material-icons {
  color: #16577b;
}
.rainfall-deciles .material-label {
  color: #16577b;
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  font-weight: 550;
  font-style: normal;
  text-decoration: none;
  line-height: 1.25rem;
  vertical-align: super;
  letter-spacing: 0.01786em;
}
.rainfall-deciles .info-icon {
  height: 30px;
  width: 25px;
}

.annual-rainfall-deciles {
  background: transparent url(/assets/images/icons/noun_rainfall.svg) center no-repeat;
  background-size: contain;
}

.aut-add-comment-custom-comment-card {
  min-height: 237px !important;
}

.property-attributes {
  min-height: 474px !important;
}
.property-attributes .aut-add-comment-custom-comment {
  min-height: 474px !important;
}
.property-attributes .mdc-button {
  color: #16577b;
}
.property-attributes .fixed-medium-width {
  width: 200px;
}
.property-attributes .transparent {
  background-color: transparent;
  border-color: transparent;
}

.fees_client {
  display: contents;
}

.approach_id {
  display: contents;
}

.site-contamination .site-contamination__response {
  width: 290px;
  min-width: 195px;
}
.site-contamination .site-contamination__table-body {
  white-space: normal;
}
.site-contamination .aut-datepicker {
  right: 0;
  bottom: 0;
  left: auto;
  top: auto;
}
.site-contamination #comments--card .mdc-layout-grid {
  margin: 0;
}

.asbestos .asbestos__response {
  width: 220px;
  min-width: 195px;
}
.asbestos .asbestos__table-body {
  white-space: normal;
}
.asbestos #comments--card .mdc-layout-grid {
  margin: 0;
}

.energy-efficiency .energy-efficiency__response {
  width: 220px;
  min-width: 195px;
}
.energy-efficiency .energy-efficiency__table-body {
  white-space: normal;
}

.critical-assumptions {
  margin: 0;
}

.noun-list {
  background: transparent url(/assets/images/icons/noun_list.png) center no-repeat;
  background-size: cover;
  margin-right: 0px;
}

.list-button a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  padding: 6px 16px;
  color: #666666;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.0071428571em;
}
.list-button a .material-icons {
  margin-right: 8px;
  margin-left: -4px;
  color: #666666 !important;
  filter: invert(41%) sepia(0%) saturate(470%) hue-rotate(147deg) brightness(90%) contrast(82%);
}
.list-button a:hover {
  color: #ffffff;
  background: #009fe3;
}
.list-button a:hover .material-icons {
  color: #000000 !important;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.building-working-improvements-card .aut-card-header-title {
  flex: unset !important;
}
.building-working-improvements-card .aut-card-header-buttons {
  margin-left: unset !important;
}
.building-working-improvements-card .field-margin {
  margin-bottom: 4px;
}
.building-working-improvements-card .center-content {
  display: flex;
  margin: auto;
}
.building-working-improvements-card .enhanced-multiple-select {
  display: flex;
  flex-wrap: wrap;
  transform-origin: center top;
}
.building-working-improvements-card .enhanced-multiple-select .mdc-list-item {
  width: 100%;
}
.building-working-improvements-card .dimensions {
  display: flex;
  flex-wrap: wrap;
}
.building-working-improvements-card .dimensions .three-column-fields {
  width: 30%;
}
.building-working-improvements-card .dimensions .center-content {
  display: flex;
  margin: auto;
}
.building-working-improvements-card .replacement-market {
  display: flex;
  flex-wrap: wrap;
}
.building-working-improvements-card .replacement-market .rate-value-fields {
  width: 45%;
}
.building-working-improvements-card .replacement-market .center-content {
  display: flex;
  margin: auto;
}
.building-working-improvements-card .mdc-card .card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
  align-items: center;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.building-working-improvements-card .mdc-card .card-header button {
  margin-left: auto;
}
.building-working-improvements-card .mdc-card .card-header h2 {
  line-height: 0;
  padding: 8px 16px;
  flex: 1;
  text-align: center;
}
.building-working-improvements-card .mdc-card .card-header .ember-content-editable {
  padding: 8px 16px;
  font-size: 1.25rem;
  font-weight: 500;
}
.building-working-improvements-card .mdc-card .card-header .header-checkbox {
  justify-content: flex-end;
  margin-left: auto;
}

.fav-option {
  display: inline-flex;
  width: 80%;
}
.fav-option .fav-title {
  width: 100%;
}
.fav-option .fav-star {
  position: absolute;
  right: 0px;
  color: #009fe3;
}

.custom-dropdown {
  width: 100%;
}

.custom-dropdown-list .fav-option {
  display: flex !important;
}

#bldg-others-card .mdc-layout-grid {
  margin: 0;
}

.inner-width {
  width: 450px;
}

.actual-rental--textfield {
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
}

.aut-overview-rural-report-details, .aut-overview-rural-instruction-details .aut-overview-commercial-instruction-detail {
  min-height: 530px;
}

#rural-bldg-ancillary-improvements .mdc-enhanced-select {
  margin: 12px;
}
#rural-bldg-ancillary-improvements .mdc-enhanced-select label {
  font-weight: 500;
}

.sales-db-sidebar .mdc-drawer__content .mdc-list .mdc-list-item .material-icons {
  position: initial;
}

.sales-db-sidebar.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  margin-left: 470px;
  margin-right: 0;
}

.sales-db-sidebar.mdc-drawer.mdc-drawer--open {
  width: 470px;
}

.analysis-summation-silo-card, .analysis-summation-ancillary-card, .analysis-summation-shed-card {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.analysis-summation-silo-card .aut-card-header, .analysis-summation-ancillary-card .aut-card-header, .analysis-summation-shed-card .aut-card-header {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.analysis-summation-silo-card .total-row-cell, .analysis-summation-ancillary-card .total-row-cell, .analysis-summation-shed-card .total-row-cell {
  font-weight: 500;
  text-decoration: inherit;
  text-transform: inherit;
}
.analysis-summation-silo-card .total-row-cell .text-content, .analysis-summation-ancillary-card .total-row-cell .text-content, .analysis-summation-shed-card .total-row-cell .text-content {
  margin-left: 7px;
}
.analysis-summation-silo-card .center-content, .analysis-summation-ancillary-card .center-content, .analysis-summation-shed-card .center-content {
  text-align: center;
  vertical-align: middle;
}

.analysis-summation-yards-card .mdc-data-table__content {
  vertical-align: top;
}
.analysis-summation-yards-card .mdc-multiple-select__selected-options {
  white-space: normal;
}
.analysis-summation-yards-card .multiple-select-anchor {
  position: absolute;
}
.analysis-summation-yards-card .land-type-field {
  width: 150px;
}
.analysis-summation-yards-card .enhanced-multiple-select {
  display: flex;
  flex-wrap: wrap;
  transform-origin: center top;
}
.analysis-summation-yards-card .enhanced-multiple-select .mdc-list-item {
  width: 100%;
}
.analysis-summation-yards-card .total-row-cell {
  font-weight: 500;
  text-decoration: inherit;
  text-transform: inherit;
}
.analysis-summation-yards-card .total-row-cell .text-content {
  margin-left: 9px;
}
.analysis-summation-yards-card .total-row-cell .working-capacity-text-content {
  margin-left: 16px;
}
.analysis-summation-yards-card .center-content {
  text-align: center !important;
  vertical-align: middle !important;
}
.analysis-summation-yards-card .card-body {
  overflow: hidden;
}
.analysis-summation-yards-card .wrap-text {
  width: 11%;
  white-space: pre-wrap;
}
.analysis-summation-yards-card .working-capacity-cell {
  width: 8%;
  white-space: pre-wrap;
}

.analysis-water-summation .header {
  width: auto;
  background-color: #f9f9f9;
}
.analysis-water-summation .mdc-enhanced-select {
  background: 0;
  min-height: fit-content;
  border-bottom: none;
  margin-bottom: 14px !important;
  margin-top: 14px !important;
}
.analysis-water-summation .title-details {
  background-color: transparent;
  border-bottom: none;
}
.analysis-water-summation .small-field {
  white-space: normal;
  word-wrap: break-word;
  padding-right: 20px;
  padding-left: 20px;
  width: 7%;
}
.analysis-water-summation .summation-water-num-long {
  width: 110px;
}
.analysis-water-summation .summation-water-num-fields {
  width: 85px;
}
.analysis-water-summation .mdc-text-field__prefix {
  border-bottom: none;
  padding-right: 2px !important;
  padding-left: 2px !important;
}
.analysis-water-summation .total-row-cell {
  text-decoration: inherit;
  text-transform: inherit;
  background-color: transparent;
  border-bottom-style: none !important;
}
.analysis-water-summation .total-row-cell .text-content {
  border-bottom-style: none !important;
  background-color: transparent !important;
}
.analysis-water-summation .total-row-cell .text-content .mdc-text-field__prefix {
  display: block !important;
  background-color: transparent;
  border-bottom-style: none !important;
  padding-left: 6px !important;
  padding-bottom: 6px;
  color: #636363 !important;
}
.analysis-water-summation .total-row-cell .text-content .mdc-text-field__suffix {
  display: block !important;
  background-color: transparent;
  border-bottom-style: none !important;
  padding-bottom: 4x;
  color: #636363 !important;
}
.analysis-water-summation .total-row-cell .text-content input {
  font-weight: 400;
  min-width: min-content;
  padding-top: 15px;
  text-align: left;
  background-color: transparent;
  border-bottom-style: none !important;
  color: black !important;
}

.commercial-building-capex {
  min-height: 300px !important;
}
.commercial-building-capex .add-btn {
  display: flex;
  justify-content: flex-start;
  margin: 10px 20px;
  max-width: 150px;
  color: #16577b !important;
}
.commercial-building-capex .add-btn .mdc-button__icon {
  height: 25px;
  width: 25px;
  font-size: 25px;
}

.commercial-sales-ancillary .add-btn, .commercial-building-clearance .add-btn, .commercial-building-hardstand .add-btn, .commercial-rental-ancillary .add-btn {
  margin: 20px 10px;
  padding: 30px 10px;
  max-width: 300px;
}

.commercial-building-areas .add-btn {
  max-width: 300px;
}
.commercial-building-areas .mdc-button__icon {
  height: 25px;
  width: 25px;
  font-size: 25px;
}

.commercial-building-hardstand .add-btn, .commercial-building-cranes .add-btn {
  display: flex;
  justify-content: flex-start;
  margin: 10px 20px;
  max-width: 250px;
}
.commercial-building-hardstand .mdc-select, .commercial-building-cranes .mdc-select {
  background-color: transparent;
  border-color: transparent;
}
.commercial-building-hardstand .mdc-select__selected-text, .commercial-building-cranes .mdc-select__selected-text {
  border-bottom: none;
}
.commercial-building-hardstand .mdc-text-field, .commercial-building-cranes .mdc-text-field {
  background-color: transparent;
  border-color: transparent;
}
.commercial-building-hardstand .mdc-text-field__suffix, .commercial-building-cranes .mdc-text-field__suffix {
  text-align: right;
  border-bottom: none;
}
.commercial-building-hardstand .mdc-text-field__input, .commercial-building-cranes .mdc-text-field__input {
  border-bottom: none;
}
.commercial-building-hardstand .mdc-text-field__prefix, .commercial-building-cranes .mdc-text-field__prefix {
  font-size: 14px !important;
  padding-right: 8px;
  text-align: right;
  border-bottom: none;
}
.commercial-building-hardstand .hardstand-quality, .commercial-building-cranes .hardstand-quality {
  display: flex;
  justify-content: flex-start;
  margin: 10px 20px;
  width: initial;
}
.commercial-building-hardstand .hardstand-quality .mdc-select__selected-text, .commercial-building-cranes .hardstand-quality .mdc-select__selected-text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.commercial-building-hardstand .aut-select-option-row, .commercial-building-cranes .aut-select-option-row {
  padding: 10px 16px !important;
}

.aut-commercial-property-details-lot-entitlement .add-btn {
  margin: 10px 20px !important;
  color: #16577b !important;
  max-width: fit-content;
  height: 50px;
}
.aut-commercial-property-details-lot-entitlement .add-btn .mdc-button__icon {
  height: 30px;
  width: 30px;
  font-size: 30px;
}

.commercial-building-summary .property-details {
  padding-bottom: 7px;
}
.commercial-building-summary .mdc-layout-grid--closed {
  display: none;
}
.commercial-building-summary .info-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
  white-space: pre-wrap;
}

.aut-select-option-row .mdc-layout-grid__inner {
  grid-gap: 5px !important;
}

.aut-input-with-edit-toggle .mdc-layout-grid__inner {
  padding: 10px 0px;
}
.aut-input-with-edit-toggle .button-grid {
  text-align: center;
}

.recommendation-choices .head-block {
  margin: 20px;
}
.recommendation-choices .label-block {
  display: inline;
}
.recommendation-choices .buttons-block {
  margin: 20px;
  display: inline;
}

.commercial-sale-edit, .commercial-rental-edit {
  background: #0ab5ff;
  display: flex;
  flex-direction: row;
}
.commercial-sale-edit.hide-in-fullscreen, .commercial-rental-edit.hide-in-fullscreen {
  display: none;
}
.commercial-sale-edit .commercial-sale-edit-elements .material-icons, .commercial-sale-edit .commercial-rental-edit-elements .material-icons, .commercial-rental-edit .commercial-sale-edit-elements .material-icons, .commercial-rental-edit .commercial-rental-edit-elements .material-icons {
  color: white;
}
.commercial-sale-edit .delete-dialog-body, .commercial-rental-edit .delete-dialog-body {
  color: #000;
}
.commercial-sale-edit .active, .commercial-rental-edit .active {
  background-color: transparent;
}
.commercial-sale-edit .building-more, .commercial-rental-edit .building-more {
  display: none;
}
.commercial-sale-edit .mdc-typography--headline6, .commercial-rental-edit .mdc-typography--headline6 {
  color: #fff;
}
.commercial-sale-edit .com-edit-add-bldg-btn, .commercial-rental-edit .com-edit-add-bldg-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  flex-grow: 0;
  margin-left: auto;
}
.commercial-sale-edit .com-edit-add-bldg-btn .mdc-menu-surface--open, .commercial-rental-edit .com-edit-add-bldg-btn .mdc-menu-surface--open {
  top: 80%;
  width: 230px;
}
.commercial-sale-edit .com-edit-add-bldg-btn .mdc-button__label, .commercial-sale-edit .com-edit-add-bldg-btn .material-icons, .commercial-rental-edit .com-edit-add-bldg-btn .mdc-button__label, .commercial-rental-edit .com-edit-add-bldg-btn .material-icons {
  color: #F5F5F5;
}
.commercial-sale-edit .com-edit-add-bldg-btn .mdc-list, .commercial-rental-edit .com-edit-add-bldg-btn .mdc-list {
  font-size: 0.9rem;
}
.commercial-sale-edit .new-bldg-btn, .commercial-rental-edit .new-bldg-btn {
  display: flex;
  justify-content: center;
  align-items: center;
}
.commercial-sale-edit .new-bldg-btn .mdc-button, .commercial-rental-edit .new-bldg-btn .mdc-button {
  text-decoration: none;
  background-color: transparent;
}
.commercial-sale-edit .new-bldg-btn .mdc-list-item, .commercial-rental-edit .new-bldg-btn .mdc-list-item {
  padding: 0 16px;
}
.commercial-sale-edit .new-bldg-btn .mdc-button.active, .commercial-rental-edit .new-bldg-btn .mdc-button.active {
  border-radius: 0;
  border-bottom: #fff solid;
  padding-bottom: 2px;
}
.commercial-sale-edit .new-bldg-btn .mdc-button.active .building-more, .commercial-rental-edit .new-bldg-btn .mdc-button.active .building-more {
  display: inline-block;
}
.commercial-sale-edit .new-bldg-btn .mdc-menu-surface--open, .commercial-rental-edit .new-bldg-btn .mdc-menu-surface--open {
  top: 5%;
}
.commercial-sale-edit .new-bldg-btn .mdc-menu-surface--open .mdc-list, .commercial-rental-edit .new-bldg-btn .mdc-menu-surface--open .mdc-list {
  text-transform: initial;
}
.commercial-sale-edit .new-bldg-btn .material-icons, .commercial-rental-edit .new-bldg-btn .material-icons {
  color: #fff;
}
.commercial-sale-edit .new-bldg-btn .mdc-button__label, .commercial-rental-edit .new-bldg-btn .mdc-button__label {
  color: #fff;
  font-size: small;
}

.non-commercial-sale-edit, .rural-rental-edit {
  background: #0ab5ff;
  color: #fff;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 48px;
}
.non-commercial-sale-edit .mdc-typography--headline6, .non-commercial-sale-edit .material-icons, .rural-rental-edit .mdc-typography--headline6, .rural-rental-edit .material-icons {
  color: #fff;
  margin: 8px;
}
.non-commercial-sale-edit .mdc-tab__icon, .rural-rental-edit .mdc-tab__icon {
  margin: 0px;
}
.non-commercial-sale-edit .label__key, .rural-rental-edit .label__key {
  font-size: 1.125rem !important;
  overflow-wrap: break-word;
  margin: 8px;
  white-space: normal;
  word-break: break-all;
  align-self: center;
  margin-right: 2px;
}
.non-commercial-sale-edit .label__value, .rural-rental-edit .label__value {
  font-size: 1.125rem !important;
  margin: 8px;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-all;
  align-self: center;
  margin-left: 2px;
  margin-right: 20px;
  text-decoration: underline;
}
.non-commercial-sale-edit .mdc-layout-grid, .rural-rental-edit .mdc-layout-grid {
  width: 100%;
  padding: 4px;
}
.non-commercial-sale-edit .mdc-layout-grid__cell, .rural-rental-edit .mdc-layout-grid__cell {
  height: 48px;
  font-size: xx-large;
}
.non-commercial-sale-edit .mdc-icon-button, .rural-rental-edit .mdc-icon-button {
  padding: 0px;
  margin: 0px;
}
.non-commercial-sale-edit .icon-item-title, .rural-rental-edit .icon-item-title {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0.0125rem;
  font-size: 8px;
  display: block;
  text-align: center;
}
.non-commercial-sale-edit .right, .rural-rental-edit .right {
  text-align: -webkit-right;
  font-weight: 500;
}
.non-commercial-sale-edit .rural-source, .rural-rental-edit .rural-source {
  display: flex;
  float: right;
  margin: 5px 0 5px 0;
  border-left: 2px solid white;
}

.location-comment-kerbside {
  max-height: 372px;
}
.location-comment-kerbside .comments-content {
  max-height: 225px;
}

.aut-sales-rural-property-details .mdc-menu-surface--open {
  width: 100% !important;
}
.aut-sales-rural-property-details .mdc-text-field__suffix {
  padding-right: 40px;
}

.net-profit .net-profit-card {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.net-profit .net-profit-card .aut-card-header {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.net-profit .net-profit-card .discounted-cash-flow-assessment-table .discounted-cash-flow-label {
  width: 70%;
}
.net-profit .net-profit-card .discounted-cash-flow-assessment-table .discounted-cash-flow-field {
  width: 30%;
}
.net-profit .net-profit-card .net-profit-comment-card-content {
  margin-right: 2px;
}
.net-profit .net-profit-card .net-profit-comment-card-content .mdc-text-field--textarea {
  border-bottom: none;
}
.net-profit .net-profit-card .net-profit-comment-card-content .mdc-text-field--textarea .mdc-notched-outline > div {
  border-bottom: none;
}

.analysis-summation-summation-card {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.analysis-summation-summation-card .mdc-card .aut-card-header {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.analysis-summation-summation-card .summation-table {
  border: 1;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.analysis-summation-summation-card .summation-cell {
  width: 33%;
}
.analysis-summation-summation-card .total-cell {
  font-weight: 500;
  text-decoration: inherit;
  text-transform: inherit;
}
.analysis-summation-summation-card .total-cell .text-content {
  margin-left: 6px;
  font-size: 16px;
}
.analysis-summation-summation-card .total-cell .currency-textfield .mdc-text-field__prefix {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87) !important;
}
.analysis-summation-summation-card .total-cell .currency-textfield .mdc-text-field__input {
  font-weight: 500;
  color: rgba(0, 0, 0, 0.87) !important;
}

.page-tab-nav-select {
  height: auto;
}

.analysis-value-apportionment-card .bold {
  font-weight: 500 !important;
}
.analysis-value-apportionment-card .mdc-text-field__input {
  text-align: right;
}

.valuation-apportionment .analysis-valuation-apportionment-analysed-area-per-hectare-card .valuation-apportionment-per-ha-table .valuation-apportionment-per-ha-field {
  padding-top: 0px;
  padding-bottom: 0px;
}
.valuation-apportionment .analysis-valuation-apportionment-analysed-area-per-hectare-card .valuation-apportionment-per-ha-table .valuation-apportionment-per-ha-field .mdc-enhanced-select {
  background: 0;
  border-bottom: none;
  margin-bottom: 14px !important;
  margin-top: 14px !important;
}
.valuation-apportionment .analysis-valuation-apportionment-analysed-area-per-hectare-card .valuation-apportionment-per-ha-table .valuation-apportionment-per-ha-field .mdc-text-field__input {
  text-align: right;
}

.list-accordion-container {
  display: flex;
  overflow-y: auto;
}
.list-accordion-container .list-accordion {
  cursor: pointer;
  border: none;
  text-align: left;
  font-size: 14px;
  color: #202124;
  transition: 0.4s;
  display: flex;
  width: 100%;
}
.list-accordion-container .list-accordion i {
  margin-right: 8px;
}
.list-accordion-container .mdc-list-item {
  padding: 0px 16px 0px 16px;
}
.list-accordion-container .mdc-list-item.mdc-list-item--selected {
  padding: 0px 16px 0px 42px;
}
.list-accordion-container .list-accordion-buttons {
  display: flex;
  align-items: center;
  padding: 0px 16px 0px 8px;
}
.list-accordion-container .list-accordion-buttons .material-icons:after {
  cursor: pointer;
  font-family: Material Icons;
  content: "";
  color: #777;
  font-weight: bold;
  float: right;
  font-size: 22px;
}
.list-accordion-container .list-accordion-buttons .acc-button-active:after {
  font-family: Material Icons;
  content: "";
}

.list-accordion-panel {
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.list-accordion-panel .mdc-list .mdc-list-item.mdc-list-item--selected {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat;
}
.list-accordion-panel ul {
  display: flex;
  flex-wrap: wrap;
  transform-origin: center top;
}
.list-accordion-panel ul li {
  width: 100%;
}

.list-accordion-panel-active {
  height: auto;
  overflow: visible;
  transition: all 0.2s ease-out;
}

.division-toggle {
  margin-left: 5px;
  margin-right: 5px;
}

.outgoing-items-card {
  min-height: 0px;
}
.outgoing-items-card .outgoing-items-row {
  border-radius: 4px;
  border-width: 0.5px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.outgoing-items-card .outgoing-items-row .outgoing-items-outgoings-cell-width {
  width: 75%;
}
.outgoing-items-card .outgoing-items-row .outgoing-items-values-cell-width {
  width: 20%;
}
.outgoing-items-card .outgoing-items-row .outgoing-items-menu-cell-width {
  width: 5%;
}

.rural-sale-property-summary .mdc-data-table__header-row {
  height: 1px;
}
.rural-sale-property-summary .mdc-data-table__row {
  border-style: none !important;
}
.rural-sale-property-summary .mdc-data-table {
  table-layout: fixed;
  background: whitesmoke;
  border-style: none;
  overflow-x: auto;
}
.rural-sale-property-summary .white-bg {
  background-color: white !important;
}
.rural-sale-property-summary .contenteditable-height {
  height: fit-content;
  min-height: 40px;
  white-space: pre-wrap;
}
.rural-sale-property-summary .mdc-card {
  background: whitesmoke;
}
.rural-sale-property-summary .td-head {
  vertical-align: baseline;
  width: 8%;
  font-weight: 500;
  padding: 8px;
  padding-left: 20px;
  white-space: pre-wrap;
}
.rural-sale-property-summary .td-icon {
  vertical-align: baseline;
  width: 2%;
  font-weight: 500;
  white-space: pre-wrap;
}
.rural-sale-property-summary .td-icon .mdc-icon-button {
  width: 24px;
  height: 24px;
  padding: 0px;
  margin: 0px;
}
.rural-sale-property-summary .td-icon .material-icons {
  font-size: 24px !important;
  padding: 0px;
  margin: 0px;
}
.rural-sale-property-summary .td-colon {
  vertical-align: baseline;
  width: 2%;
  font-weight: 500;
  white-space: pre-wrap;
}
.rural-sale-property-summary .td-tail {
  vertical-align: baseline;
  width: 88%;
  word-wrap: beark-word;
  overflow: auto;
  white-space: pre-wrap;
  padding: 8px;
}
.rural-sale-property-summary .property-summary-label {
  color: rgba(0, 0, 0, 0.6);
  transform: translateX(-11%) translateY(20%) scale(0.75);
}

#rural-sale-ancillary-improvements .mdc-enhanced-select {
  margin: 12px;
}
#rural-sale-ancillary-improvements .mdc-enhanced-select label {
  font-weight: 500;
}

.draggable-object .aut-select-card-obj {
  min-height: 100px !important;
}
.draggable-object .aut-select-card-str {
  min-height: 100px !important;
}

.aut-select-card-obj {
  min-height: 391.188px !important;
}

.aut-select-card-str {
  min-height: 391.188px !important;
}

.building-car-accommodation .mdc-card {
  min-height: 391.188px !important;
}

.external .mdc-card {
  min-height: 391.188px !important;
}

.commercial-sidebar-customise {
  display: flex;
  overflow-y: auto;
  margin-left: 0px;
  margin-right: 0px;
}
.commercial-sidebar-customise .field-area {
  display: flex;
  width: 100%;
}
.commercial-sidebar-customise .button span {
  display: flex;
  align-items: center;
}

.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.analysis-earnings-assessment {
  height: 100%;
}

.add-back-row-dropdown {
  right: 0;
}

.image-viewer-container {
  position: absolute;
  left: 35%;
  top: 20%;
}
.image-viewer-container .next-img {
  right: -60px;
}
.image-viewer-container .prev-img {
  left: -60px;
}
.image-viewer-container .mdc-dialog__content {
  padding: 0px;
  line-height: 0rem;
}

.analysis-valuation-apportionment-analysed-area-per-unit-card {
  margin-top: 16px;
}
.analysis-valuation-apportionment-analysed-area-per-unit-card .unit-type {
  width: 17vw;
  max-width: 100%;
}
.analysis-valuation-apportionment-analysed-area-per-unit-card .delete-button {
  color: #636363;
}

.aut-comm-sales-param-menu .mdc-select__menu {
  min-width: 380px;
  right: 0%;
}

.rural-sales-information-header {
  width: 92%;
  padding-left: 0px;
}
.rural-sales-information-header .address-das-id {
  width: 20%;
  padding: 8px 0px 0px 0px;
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  white-space: pre-wrap;
  vertical-align: top;
}
.rural-sales-information-header .address-das-id .address {
  margin-bottom: 4px;
  color: #15B6FD;
}
.rural-sales-information-header .address-das-id .commercial-address {
  font-size: 18px;
}
.rural-sales-information-header .address-das-id .das-id {
  color: #15B6FD;
}
.rural-sales-information-header .sale-date {
  width: 9%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .sale-price {
  width: 10%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .area {
  width: 8%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .improvements-value {
  width: 11%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .improved-ha {
  width: 11%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .unimproved-ha {
  width: 12%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .improved-ae {
  width: 9%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .unimproved-ae {
  width: 12%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .sale-field {
  width: 10%;
  margin-top: 8px;
  white-space: pre-wrap;
  text-align: center;
  vertical-align: top;
}
.rural-sales-information-header .rental-display, .rural-sales-information-header .sale-display {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.rural-sales-information-header .rental-field {
  width: 8%;
  margin-top: 8px;
  text-align: center;
  vertical-align: top;
  white-space: normal;
}
.rural-sales-information-header .rental-field .value {
  font-weight: initial;
}
.rural-sales-information-header .header-cell {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
  height: inherit;
}
.rural-sales-information-header .header-cell .label {
  padding-top: 8px;
  width: 100%;
  margin-bottom: 4px;
  flex-grow: 1;
}
.rural-sales-information-header .header-cell .value {
  width: 100%;
}

.salesSearchDescriptionRural {
  width: 100%;
  min-height: 160px;
  height: auto !important;
}
.salesSearchDescriptionRural .header {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  padding: 16px 32px 16px 16px;
}
.salesSearchDescriptionRural .total-row .mdc-data-table__cell {
  font-weight: 500;
}
.salesSearchDescriptionRural .summary-line {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  padding: 8px 32px 16px 16px;
}
.salesSearchDescriptionRural .summary-line .label {
  font-weight: 500;
  font-size: 14px;
}
.salesSearchDescriptionRural .summary-line .value {
  padding-left: 4px;
}
.salesSearchDescriptionRural .summary-line .operation-paragraph {
  width: 100%;
  padding-top: 16px;
  display: block;
}
.salesSearchDescriptionRural .summary-line .working-improvements-paragraph {
  width: 100%;
  padding-top: 16px;
  display: block;
}
.salesSearchDescriptionRural .summary-line .land-table .mdc-data-table__header-cell {
  white-space: pre-wrap;
  width: 10%;
  vertical-align: top;
}
.salesSearchDescriptionRural .summary-line .land-table .mdc-data-table__cell {
  white-space: pre-wrap;
  width: 10%;
  word-break: break-all;
  vertical-align: top;
}
.salesSearchDescriptionRural .summary-line .permanent-planting-table .mdc-data-table__header-cell {
  white-space: pre-wrap;
  width: 10%;
  vertical-align: top;
}
.salesSearchDescriptionRural .summary-line .permanent-planting-table .mdc-data-table__cell {
  white-space: pre-wrap;
  width: 10%;
  word-break: break-all;
  vertical-align: top;
}

.ruralSaleSearchData {
  width: 17%;
}
.ruralSaleSearchData .sale-info-edit-btn {
  top: auto !important;
  right: auto !important;
}

.overall-risk-label {
  font-weight: 500;
  font-size: 15px;
  padding-left: 25px;
}

.rural-sale-search-enhanced-multiple-select {
  transform-origin: center top;
  overflow: visible !important;
}
.rural-sale-search-enhanced-multiple-select .mdc-list-item {
  width: 100%;
}
.rural-sale-search-enhanced-multiple-select .mdc-list-item.mdc-list-item--selected {
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23009fe3'/%3E%3C/svg%3E") center left 10px no-repeat !important;
}
.rural-sale-search-enhanced-multiple-select .mdc-list-item.mdc-list-item--selected:before {
  opacity: 0 !important;
}
.rural-sale-search-enhanced-multiple-select .mdc-list-item:hover .mdc-list-item__text {
  color: #ffffff !important;
}
.rural-sale-search-enhanced-multiple-select .mdc-list-item:hover.mdc-list-item--selected {
  background: #009fe3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='%23fff'/%3E%3C/svg%3E") center left 10px no-repeat !important;
}

.edit-sale-analysis-summation-main-building .total-row-cell {
  text-decoration: inherit;
  text-transform: inherit;
  background-color: transparent;
  border-bottom-style: none !important;
}
.edit-sale-analysis-summation-main-building .total-row-cell .text-content {
  border-bottom-style: none !important;
  background-color: transparent !important;
}
.edit-sale-analysis-summation-main-building .total-row-cell .text-content .mdc-text-field__prefix {
  display: block !important;
  background-color: transparent;
  border-bottom-style: none !important;
  padding-bottom: 37px;
  padding-left: 6px !important;
  color: #636363 !important;
}
.edit-sale-analysis-summation-main-building .total-row-cell .text-content input {
  font-weight: 400;
  min-width: min-content;
  text-align: left;
  background-color: transparent;
  border-bottom-style: none !important;
  color: black !important;
  padding-bottom: 13px;
}

.sales-db-table .sort-header-col {
  align-items: center;
  display: flex;
}
.sales-db-table th .sales-db-table__sort-icon {
  visibility: hidden;
  color: #aaa;
}
.sales-db-table th .sales-db-table__sort-icon.sales-db-table__sort-icon__current {
  visibility: visible;
}
.sales-db-table th:hover .sales-db-table__sort-icon {
  visibility: visible;
}
.sales-db-table tr .mdc-data-table__header-cell--numeric {
  text-align: center;
}
.sales-db-table tr .tooltip .material-icons {
  position: initial;
  line-height: 0px !important;
  top: -6px;
}
.sales-db-table tr .tooltiptext {
  left: -150px;
  word-break: break-word;
}

.comparable-sales-rural .comparable-sales .mdc-card .sales-comparison-box {
  width: auto;
  height: 160px;
  border-radius: 4px;
  margin-right: 16px;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}

.comparable-sales-rural .comparison-edit {
  height: 190px !important;
  margin-bottom: -30px !important;
  border-radius: 4px 4px 0 0 !important;
}

.sales-db-table-rural .mdc-data-table__header-row {
  background-color: #F9F9F9 !important;
  color: #fff !important;
  padding: 20px !important;
}
.sales-db-table-rural .mdc-data-table__header-cell {
  padding: 20px !important;
}
.sales-db-table-rural th {
  white-space: pre-wrap;
  vertical-align: top;
  width: 10%;
}
.sales-db-table-rural td {
  white-space: pre-wrap;
  vertical-align: top;
  width: 10%;
}
.sales-db-table-rural .comparison-cell {
  background: #C2ECFF;
}
.sales-db-table-rural .comparison-cell .sales-comparison-box {
  min-width: 210px;
  width: 100%;
  height: 160px !important;
  border-radius: 4px;
  margin-right: 16px;
  margin-top: 0px;
  background: #C2ECFF;
  position: relative;
  padding: 0;
}
.sales-db-table-rural .comparison-cell .sales-comparison-box ul {
  height: 150px;
  list-style: none;
  padding: 4px 0;
  overflow-y: auto;
  margin-top: 0px;
}
.sales-db-table-rural .comparison-cell .sales-comparison-box ul span {
  display: block;
  font-size: 1rem;
  font-weight: normal;
}
.sales-db-table-rural .comparison-cell .sales-comparison-box ul li {
  padding: 6px 8px 4px 8px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1rem;
}
.sales-db-table-rural .comparison-cell .sales-comparison-box button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.25rem;
}
.sales-db-table-rural .comparison-edit {
  width: 100% !important;
  height: 190px !important;
  margin-bottom: -30px !important;
  border-radius: 4px 4px 0 0 !important;
}

.sales-db-table-rural-row .mdc-data-table__header-row {
  background-color: #F9F9F9 !important;
  color: #fff !important;
  padding: 20px !important;
}
.sales-db-table-rural-row .mdc-data-table__cell {
  color: #636363 !important;
  font-weight: 500;
}
.sales-db-table-rural-row .mdc-data-table__cell.table-view-address {
  width: 25% !important;
  padding-bottom: 20px !important;
}
.sales-db-table-rural-row .mdc-data-table__cell.small-field {
  text-align: center;
}
.sales-db-table-rural-row .mdc-data-table__cell.table-view-comment {
  width: 25vw !important;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4 !important;
  /* number of lines to show */
  line-clamp: 4 !important;
  -webkit-box-orient: vertical;
}
.sales-db-table-rural-row .row-buttons {
  display: flex;
  flex-wrap: nowrap;
}
.sales-db-table-rural-row .row-buttons .table-view-checkbox {
  margin-top: 4px;
}

.comparable-productivity-graph {
  height: 100% !important;
}

.comparable-land-country-chart {
  height: 100%;
}

.instruction-details-card {
  padding: 0 !important;
}
.instruction-details-card .mdc-layout-grid__inner {
  row-gap: 19px !important;
}

.mdc-drawer-app-content.full-width {
  width: 100%;
}

#c2c .large-dialog {
  width: 100vw !important;
  max-width: 960px !important;
  height: 90vh !important;
}

#c2cIframe {
  margin-top: unset;
  width: 100%;
  border: none;
  height: 100%;
}

.c2c-fab {
  position: fixed;
  right: 90px;
  bottom: 24px;
}

.c2c-details-tab {
  left: -10vw !important;
}

.land-commercial-card .aut-select-card-str {
  min-height: 500px !important;
}

.error-list-item {
  height: auto;
}
.error-list-item .mdc-list-item__text {
  white-space: break-spaces;
  overflow: auto;
}

.error-message {
  color: #b00020 !important;
}

.building-dropdown {
  left: 0px;
  display: flex;
  justify-content: space-between;
  top: 41px;
  padding: 8px;
  color: aliceblue;
  background-color: #0ab5ff;
  align-items: center;
  width: 350px;
  white-space: nowrap;
}
.building-dropdown .mdc-list {
  width: 100%;
}
.building-dropdown .title_tab {
  width: 100%;
}
.building-dropdown .title_tab button {
  width: 100%;
  min-width: 68px;
  color: aliceblue;
  padding-right: 0px;
}
.building-dropdown .title_tab button div {
  width: 100%;
}
.building-dropdown .title_tab button div label {
  float: left;
}
.building-dropdown .click-outside {
  display: flex;
  align-items: center;
}
.building-dropdown i {
  cursor: pointer !important;
  color: aliceblue !important;
}
.building-dropdown .content-editable-no-outline {
  width: 100%;
}

.label-block {
  color: #636363;
  font-size: 14px;
  font-weight: 500;
}

.mdc-drawer.mdc-drawer--open.commercial-map-view {
  width: 400px;
}

.sales-search-map-list .salesSearchInfo .commercial-sales-info li {
  display: flex;
}
.sales-search-map-list .salesSearchInfo .commercial-sales-info li .label {
  width: 50%;
  margin-right: 10px;
}
.sales-search-map-list .salesSearchInfo .commercial-sales-info li .value {
  width: 50%;
  font-weight: 300;
}

.commercial-sale-search-data {
  width: 18%;
}
.commercial-sale-search-data .commercial-sale-image {
  height: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  min-width: 240px;
  max-width: 240px;
  min-height: 200px;
  max-height: 200px;
}

.salesSearchDescription.salesCommercialTable {
  width: 100%;
}

.salesSearchDescription.salesCommercialTable.rentalsCommercialTable {
  height: 100%;
  width: 100%;
  min-height: 80px;
}

.salesSearchDescription.salesCommercialTable.salesCommercialListView {
  display: block;
  height: 100%;
  width: 100%;
  min-height: 80px;
  background-color: #FFFFFF;
}
.salesSearchDescription.salesCommercialTable.salesCommercialListView .salesSearchDescriptionCommercial {
  background-color: #F2F5F8;
  margin-bottom: 15px;
}

.commercial-sales-table-header .sale-field {
  width: 9%;
  margin-top: 8px;
  text-align: left;
}
.commercial-sales-table-header .rental-field {
  width: 9%;
  margin-top: 8px;
  text-align: center;
}
.commercial-sales-table-header .header-cell .label {
  padding-top: 8px;
  width: 100%;
  margin-bottom: 4px;
}
.commercial-sales-table-header .header-cell .value {
  width: 100%;
  color: #636363;
  font-size: 14px;
  font-weight: 500;
}

.financial-details {
  min-height: 160px !important;
}

.financial-notes {
  min-height: 300px !important;
}

.edit-property-details .leases-card {
  min-height: 200px !important;
}

.leases-notes {
  min-height: 300px !important;
}

#sales-income .income-commercial-card .mdc-card {
  min-height: 100%;
}
#sales-income .income-commercial-card .mdc-card .mdc-data-table__cell.label {
  width: 50%;
}
#sales-income .income-commercial-card .mdc-card .mdc-data-table__cell.value {
  width: 15%;
  min-width: 150px;
}
#sales-income .income-commercial-card .mdc-card .mdc-data-table__cell.value input {
  text-align: right;
}

#sales-leases .leases-commercial-card .mdc-card {
  min-height: auto;
}
#sales-leases .leases-commercial-card .mdc-card .mdc-data-table__cell.value {
  width: 25%;
  min-width: 150px;
}
#sales-leases .leases-commercial-card .mdc-card .mdc-data-table__cell.value input {
  text-align: right;
}

#sales-financials .financials-commercial-card .mdc-card {
  min-height: auto;
}
#sales-financials .financials-commercial-card .mdc-card .mdc-data-table__cell.value {
  width: 25%;
  min-width: 150px;
}
#sales-financials .financials-commercial-card .mdc-card .mdc-data-table__cell.value input {
  text-align: right;
}

.mdc-card.cit-comment,
.mdc-card.cit-comment .card-body,
.mdc-card.cit-comment .card-body .mdc-layout-grid,
.mdc-card.cit-comment .card-body .mdc-layout-grid .mdc-layout-grid__inner,
.mdc-card.cit-comment .card-body .mdc-layout-grid .mdc-layout-grid__inner .mdc-text-field {
  height: 100%;
}

.meet-btns-wrapper .meet-btns {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.meet-btns-wrapper .mdc-button {
  height: 100px;
  width: 120px;
  display: block;
  margin: 0 15px;
}
.meet-btns-wrapper .mdc-button .mdc-button__icon {
  font-size: 50px;
  display: block;
  width: 50px;
  margin: 0 auto;
  height: 50px;
  padding-bottom: 10px;
}
.meet-btns-wrapper .mdc-button.end-call {
  color: red;
}
.meet-btns-wrapper .mdc-button.take-photo {
  color: white;
  float: right;
}

.mdc-list-item .cit-icon {
  margin-left: auto;
  color: #636363;
}

.cit-photos img {
  width: 100%;
}

.prop-desc-height {
  height: 198px !important;
}

:fullscreen .comparable-sales-columned .salesSearchDescription {
  height: 198px !important;
}

.rural-property-summary {
  padding-bottom: 12px;
}
.rural-property-summary .comment-label {
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
.rural-property-summary .mdc-data-table__row {
  white-space: normal;
  border-style: none !important;
}
.rural-property-summary .mdc-data-table__row .mdc-data-table__cell {
  padding-top: 10px;
  padding-bottom: 5px;
}

.ace-fab {
  position: fixed;
  bottom: 90px !important;
  right: 24px;
  top: 24px;
  visibility: hidden;
}
.ace-fab.visible {
  visibility: visible;
  z-index: 1000;
}

.aut-overview-commercial-report-details .report-details-card {
  padding: 0 !important;
}
.aut-overview-commercial-report-details .report-details-card .mdc-layout-grid__inner {
  row-gap: 19px !important;
}

.mdc-button.red-btn {
  color: red;
}

.aut-overview-commercial-assessment .assessment-card {
  padding: 0 !important;
}
.aut-overview-commercial-assessment .assessment-card .mdc-layout-grid__inner {
  row-gap: 19px !important;
}

.save-as-draft {
  margin-top: 0px !important;
}

.aut-property-details-statutory-assessment .statutory-assessment-card {
  margin: 0px !important;
}
.aut-property-details-statutory-assessment .statutory-assessment-card .mdc-layout-grid__inner {
  row-gap: 19px !important;
}

.card-header.aut-card-header .aut-card-header-tabs {
  margin-left: auto !important;
  display: inline-flex !important;
}
.card-header.aut-card-header .aut-card-header-tabs .title_tab {
  line-height: 1rem;
  border-right: 1px solid #dcd4d4;
}
.card-header.aut-card-header .aut-card-header-tabs .title_tab button {
  border-radius: 0;
  color: gray;
  height: 100%;
}
.card-header.aut-card-header .aut-card-header-tabs .title_tab label {
  padding: 10px;
}
.card-header.aut-card-header .aut-card-header-tabs .mdc-ripple-upgraded--background-focused {
  border-bottom: 2px solid #2f9fe3;
}
.card-header.aut-card-header .aut-card-header-tabs .mdc-ripple-upgraded--background-focused label {
  color: #2f9fe3;
  font-size: small;
}

.mdc-card .mdc-layout-grid {
  padding: 16px;
}
.mdc-card .mdc-layout-grid .mdc-layout-grid__inner {
  grid-gap: 18px 8px;
}

.aut-commercial-building-parking {
  border-radius: 2px;
  border-width: 2px;
  border-color: rgba(0, 0, 0, 0.37);
}
.aut-commercial-building-parking .mdc-button {
  color: #16577b !important;
}
.aut-commercial-building-parking .add {
  float: right;
  font-size: 2rem;
  line-height: 0;
}
.aut-commercial-building-parking .parking-fields {
  background-color: transparent;
  border-color: transparent;
}
.aut-commercial-building-parking .num-of-spaces-field .mdc-floating-label--float-above {
  display: none;
}
.aut-commercial-building-parking .commercial-icon-field {
  width: 1%;
}
.aut-commercial-building-parking .commercial-small-field {
  width: 8%;
}
.aut-commercial-building-parking .commercial-med-field {
  width: 10%;
}
.aut-commercial-building-parking .commercial-large-field {
  width: 20%;
}
.aut-commercial-building-parking .invalid .mdc-text-field__input {
  border-bottom: none;
  color: red;
}
.aut-commercial-building-parking .mdc-text-field__input {
  border-bottom: none;
  min-width: min-content;
  padding-top: 15px;
  padding-right: 2px;
  padding-bottom: 4px;
  padding-left: 2px;
  text-align: left;
}
.aut-commercial-building-parking .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  right: 6px;
}
.aut-commercial-building-parking .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 6px;
  padding-right: 3px;
  width: 80%;
}
.aut-commercial-building-parking .mdc-select__native-control, .aut-commercial-building-parking .mdc-select__selected-text {
  border-bottom: 0px;
  min-width: 70px;
}
.aut-commercial-building-parking .bold {
  font-weight: 500;
}

.compliance .compliance__response {
  width: 220px;
  min-width: 195px;
}
.compliance .compliance__table-body {
  white-space: normal;
}
.compliance .compliance__guide-question .compliance__help {
  display: inline;
}
.compliance .compliance__guide-question .compliance__help i {
  font-size: 18px;
  color: #636363;
}
.compliance .compliance__guide-question .compliance__help .tooltiptext {
  visibility: hidden;
  width: 650px;
  padding-left: 7px;
}
.compliance .compliance__guide-question .compliance__help button:focus .tooltiptext {
  visibility: visible;
  opacity: 1;
  cursor: default;
}
.compliance .compliance__guide-question .compliance__guide-question__more-info {
  padding-left: 44px;
  padding-top: 0;
}
.compliance #comments--card .mdc-layout-grid {
  margin: 0;
}

.aut-building-details-condition .no-outline-textarea .mdc-text-field--textarea .mdc-text-field__input {
  color: #000000;
}
.aut-building-details-condition .add-com-btn {
  display: flex;
  justify-content: flex-start;
  margin-left: 16px;
  max-width: fit-content;
}

.layout_comment-content .comments-box {
  overflow-y: auto;
  height: auto;
  max-height: 430px;
  margin-bottom: 16px;
}
.layout_comment-content .risk-comment {
  padding: 0px 0px 16px 0px;
}
.layout_comment-content .add-com-btn {
  margin-left: 16px;
}

.residential-sale {
  display: flex;
  flex-direction: row;
}
.residential-sale .edit-add-bldg-btn {
  width: 203px;
  color: white;
  height: auto;
  margin: 0.1rem;
  margin-left: auto;
  left: 5px;
}
.residential-sale .mdc-chip-set {
  flex-wrap: inherit;
}
.residential-sale .mdc-chip-set .mdc-chip {
  background: #16577b;
  justify-content: center;
  overflow: hidden;
}
.residential-sale .mdc-chip-set .mdc-chip .mdc-chip__text {
  color: #ffffff;
}
.residential-sale .mdc-chip-set .mdc-chip .active {
  background-color: transparent;
}
.residential-sale .mdc-chip-set .mdc-chip--selected {
  background-color: #0AB5FF;
  color: #ffffff;
}

.override-sale-add-building-color {
  color: #ffffff;
}

.property-land-frontage-table,
.sales-frontage-table {
  min-height: 300px !important;
}
.property-land-frontage-table .mdc-select,
.property-land-frontage-table .mdc-chip-set,
.sales-frontage-table .mdc-select,
.sales-frontage-table .mdc-chip-set {
  background-color: transparent;
  border-color: transparent;
}
.property-land-frontage-table .mdc-select__selected-text,
.sales-frontage-table .mdc-select__selected-text {
  border-bottom: none;
}
.property-land-frontage-table .mdc-text-field,
.sales-frontage-table .mdc-text-field {
  background-color: transparent;
  border-color: transparent;
}
.property-land-frontage-table .mdc-text-field__input,
.sales-frontage-table .mdc-text-field__input {
  border-bottom: none;
}
.property-land-frontage-table .mdc-multiple-select__selected-options,
.sales-frontage-table .mdc-multiple-select__selected-options {
  white-space: normal;
}
.property-land-frontage-table .large-field,
.sales-frontage-table .large-field {
  width: 20%;
}
.property-land-frontage-table .small-field,
.sales-frontage-table .small-field {
  width: 1%;
}

.aut-building-sidebar.mdc-drawer .mdc-list {
  padding: 0;
}
.aut-building-sidebar.mdc-drawer .mdc-list .mdc-list-item {
  margin: 0;
}
.aut-building-sidebar.mdc-drawer .mdc-list .mdc-list-item--activated {
  background-color: aliceblue;
  padding-left: 5px;
  border-left: solid;
  border-radius: 0;
  color: #009fe3;
}

.tenancy-compartment-header {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  color: #636363;
  background-color: #e9e9e9;
  height: 32px;
  white-space: nowrap;
}
.tenancy-compartment-header .tenancy-compartment-title {
  display: flex;
  align-items: center;
  width: 100%;
}
.tenancy-compartment-header .tenancy-compartment-title.selected_title_tab {
  border-bottom: 2px solid aliceblue;
}
.tenancy-compartment-header .tenancy-compartment-title .title_tab {
  width: 100%;
}
.tenancy-compartment-header .tenancy-compartment-title .title_tab button {
  width: 100%;
  min-width: 68px;
  color: #636363;
  padding-right: 0px;
}
.tenancy-compartment-header .tenancy-compartment-title .title_tab button div {
  width: 100%;
}
.tenancy-compartment-header .tenancy-compartment-title .title_tab button div label {
  float: left;
}
.tenancy-compartment-header .tenancy-compartment-title .expand_sidebar button {
  color: #636363;
}
.tenancy-compartment-header .tenancy-compartment-buttons {
  display: flex;
  align-items: center;
}
.tenancy-compartment-header .tenancy-compartment-buttons .click-outside {
  display: flex;
  align-items: center;
}
.tenancy-compartment-header .tenancy-compartment-buttons i {
  cursor: pointer;
  margin-left: 8px;
}
.tenancy-compartment-header .content-editable-no-outline {
  width: 100%;
}

.comparable-card .mdc-card .card-header {
  height: fit-content;
}
.comparable-card .mdc-card .card-header .mdc-typography--headline6.aut-card-header-title {
  font-size: 1.75vh;
}

.aut-risk-alerts-risk-comment .dialog-risk-comment .dialog-comment-indicator {
  margin-top: 20px !important;
}

.upload-error-modal .mdc-dialog__container {
  width: 100%;
  height: 100%;
}
.upload-error-modal .mdc-dialog__surface {
  width: calc(100% - 1000px);
  max-width: calc(100% - 1000px);
}

.aut-photo-upload-dialog .att-modal-content {
  position: sticky;
  z-index: 1;
}
.aut-photo-upload-dialog .mdc-enhanced-select {
  position: sticky;
  z-index: 2;
}

#rural-water-licence-evidence-comment--property_editable_comment_card {
  display: none;
}

.counter-sig-notes {
  margin-top: 48px;
  grid-area: counterSign;
  width: 100%;
  display: flex;
  color: black;
  height: 100%;
  border-left: solid 2px;
}
.counter-sig-notes .panel {
  background-color: white;
  float: right;
  text-align: left;
  padding: 10px;
  height: 100%;
  width: 20%;
}
.counter-sig-notes .panel .title {
  color: black;
  margin-bottom: 10px;
  font-weight: bold;
}
.counter-sig-notes .panel .note-panel {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.counter-sig-notes .panel .note-panel .note {
  background-color: white !important;
  color: black !important;
  margin-bottom: 5px;
  padding: 5px;
  margin-right: 15px;
  border: solid 2px;
  border-color: grey;
}

.report-grid-with-counter-sign {
  display: grid;
  grid-template-columns: 8fr 2fr;
  grid-template-areas: "report counterSign";
  grid-gap: 0;
  height: 100vh;
}

.pseudoTable .gridAreaOnly div .salePhotoEvidence.keepTogether {
  border-right: 1px solid #ffe3bb;
  border-bottom: 1px solid #ffe3bb;
}
.pseudoTable .gridAreaOnly div .salePhotoEvidence.keepTogether .photograph {
  border-right: 1px solid #ffe3bb;
  border-bottom: 1px solid #ffe3bb;
}

.land-area-dimension {
  margin: 0px !important;
}

.sales-analysis-summary-header {
  width: 90%;
}

.import-icon {
  background: transparent url(/assets/images/icons/import.svg) center center no-repeat;
  background-size: contain;
}

.locality-content .locality-cards .aut-property-details-location-comment {
  min-height: 390px;
}
.locality-content .locality-cards .position--aut-property-locality-position {
  min-height: 380px !important;
}
.locality-content .locality-cards .aut-multi-state-button-card .property-details-input {
  min-height: 328px !important;
}

.aut-select-card-obj-adjust-height {
  min-height: 372px;
}

.adjust-min-height {
  min-height: 391.188px !important;
}

.edit-property-details .mdc-card .adjust-padding {
  padding-bottom: 4px !important;
  padding-top: 4px !important;
}

#building-details .edit-property-details .mdc-card {
  min-height: 391.188px;
}

.registered-owner-leesee .mdc-text-field--textarea {
  border-bottom: 0px;
  background: transparent !important;
  min-height: 56px;
}
.registered-owner-leesee .mdc-text-field--textarea.mdc-text-field--focused {
  background: #e5e5e5 !important;
}
.registered-owner-leesee .mdc-text-field--textarea .title-details {
  margin-top: 0px;
  align-self: center;
}
.registered-owner-leesee .mdc-text-field--textarea:hover:not(.mdc-text-field--focused) {
  background: #ececec !important;
}

.commercial-building-capex .select-option-trash-icon {
  margin-left: auto;
  margin-right: auto;
  align-self: center;
}

.table-note {
  display: table;
  height: 52px;
  width: 100%;
  border-top: 0.5px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.table-note .table-note-inner {
  display: table-cell;
  vertical-align: middle;
  color: #636363;
}

.commercial-analysis-direct-comparison-land__table, .commercial-analysis-direct-comparison-building__table {
  table-layout: fixed;
}
.commercial-analysis-direct-comparison-land__table thead tr th:last-child, .commercial-analysis-direct-comparison-building__table thead tr th:last-child {
  text-align: right;
}
.commercial-analysis-direct-comparison-land__table tbody tr td.label, .commercial-analysis-direct-comparison-building__table tbody tr td.label {
  color: #4A4A4A;
}
.commercial-analysis-direct-comparison-land__table tbody tr td.sub-label, .commercial-analysis-direct-comparison-building__table tbody tr td.sub-label {
  color: #636363;
}
.commercial-analysis-direct-comparison-land__table tbody tr td:not(.label, .sub-label):last-child, .commercial-analysis-direct-comparison-building__table tbody tr td:not(.label, .sub-label):last-child {
  text-align: right;
}

.text-right {
  text-align: right;
}

.bordered-y {
  border-top: 2px solid rgba(0, 0, 0, 0.37);
  border-bottom: 2px solid rgba(0, 0, 0, 0.37);
}

.bordered-header {
  border-bottom: 2px solid rgba(0, 0, 0, 0.37);
}

.emphasised-text {
  font-weight: 500;
}

.commercial-analysis-comments .add-com-btn, .income-analysis-occupancy-comments .add-com-btn,
.income-analysis-lease-comments .add-com-btn, .income-analysis-tenancy-comments .add-com-btn {
  margin: 10px 0 0 0;
}
.commercial-analysis-comments.mdc-card, .income-analysis-occupancy-comments.mdc-card,
.income-analysis-lease-comments.mdc-card, .income-analysis-tenancy-comments.mdc-card {
  margin: 0 0 20px 0;
}
.commercial-analysis-comments.mdc-card .no-outline-textarea, .income-analysis-occupancy-comments.mdc-card .no-outline-textarea,
.income-analysis-lease-comments.mdc-card .no-outline-textarea, .income-analysis-tenancy-comments.mdc-card .no-outline-textarea {
  margin: 20px;
}
.commercial-analysis-comments.mdc-card .add-com-btn, .income-analysis-occupancy-comments.mdc-card .add-com-btn,
.income-analysis-lease-comments.mdc-card .add-com-btn, .income-analysis-tenancy-comments.mdc-card .add-com-btn {
  margin: 0 10px 10px 10px;
}

.analysis-setup .info-label {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}
.analysis-setup .info-label .vacant-possession__help {
  display: inline;
}
.analysis-setup .info-label .vacant-possession__help i {
  font-size: 18px;
  color: #636363;
}
.analysis-setup .info-label .vacant-possession__help .tooltiptext {
  padding: 0px 15px;
  left: -206px;
  width: 400px;
  word-break: normal;
  white-space: normal;
  visibility: hidden;
}
.analysis-setup .info-label .vacant-possession__help button:focus .tooltiptext {
  visibility: visible;
  opacity: 1;
  cursor: default;
}
.analysis-setup .analysis-hbu-table .analysis-hbu-table-label {
  white-space: normal;
  overflow-wrap: break-word;
}
.analysis-setup .analysis-hbu-table .analysis-hbu-table-field {
  width: 25%;
}
.analysis-setup .analysis-setup-table .analysis-setup-table-label {
  width: 95%;
}
.analysis-setup .analysis-setup-table .analysis-setup-table-field {
  width: 5%;
}
.analysis-setup .disabled-label {
  color: #666565;
}
.analysis-setup .valuation-methodologies-card {
  min-height: 391.188px !important;
}
.analysis-setup .valuation-methodologies-card .property-details-input {
  padding: unset;
}
.analysis-setup .valuation-methodologies-card .property-details-input .valuation-methodologies-card__row {
  padding: 0 16px;
}
.analysis-setup .valuation-methodologies-card .property-details-input .valuation-methodologies-card__row.valuation-methodologies--insurance-valuation {
  padding-bottom: 16px;
}
.analysis-setup .valuation-methodologies-card .property-details-input .valuation-methodologies-card__row--vp {
  padding: 0 7px;
}
.analysis-setup .valuation-methodologies-card .property-details-input .valuation-methodologies-card__hr {
  border-bottom: none;
  border-color: rgba(0, 0, 0, 0.12);
}
.analysis-setup .valuation-methodologies-card .multiselect_checkboxes_option_label {
  padding: 10px 0;
}
.analysis-setup .valuation-methodologies-card .mdc-menu-surface {
  width: 100%;
}

.amendment-tab .amendment-comments-list ul li {
  line-height: 1.5;
  font-size: 20px;
}
.amendment-tab .amendment-comments-list ul li span {
  font-size: 14px;
}

.overlay-first-comment-padding {
  padding-bottom: 1px !important;
}
.overlay-first-comment-padding .mdc-layout-grid__inner {
  grid-gap: 0px 8px !important;
}

.overlay-padding {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.overlay-padding .mdc-layout-grid__inner {
  grid-gap: 0px 8px !important;
}

.dashboard-state-select {
  left: 12px;
}

.attachments-sections-sidebar.mdc-drawer.mdc-drawer--open {
  width: 350px;
}

.attachments-sections-sidebar.mdc-drawer--animate {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.attachments-sections-sidebar.mdc-drawer--opening {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.attachments-sections-sidebar .annexure-label-input {
  margin-left: 9px;
  padding: 8px 16px;
  color: #29a8ee;
  outline: 0px solid transparent;
}

.main-section-tab .mdc-button {
  width: 350px;
  justify-content: space-between;
  height: 50px;
  color: rgba(0, 0, 0, 0.87);
  font-weight: bold;
}

.sub-section-tab .mdc-tab {
  width: 350px;
  justify-content: flex-start;
  height: calc(48px - 2 * 4px);
}
.sub-section-tab .mdc-tab .mdc-tab__text-label {
  line-height: 1.375rem;
  font-weight: 500;
  letter-spacing: 0.0071428571em;
  text-transform: none;
  color: rgba(0, 0, 0, 0.87);
}

.sub-section-tab .mdc-tab--active {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.attachments-information-sidebar .mdc-drawer__content .mdc-list .mdc-list-item .material-icons {
  position: initial;
}

.attachments-information-sidebar.mdc-drawer--animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.attachments-information-sidebar.mdc-drawer--opening {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.attachments-information-sidebar.mdc-drawer--closing {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.attachments-information-sidebar.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  margin-left: 350px;
  margin-right: 470px;
}

.attachments-information-sidebar.mdc-drawer.mdc-drawer--open {
  width: 470px;
  left: initial;
  right: 0;
  border-left-style: solid;
  border-left-width: 1px;
}

.attachments-information-sidebar .mdc-drawer__header {
  padding: 8px 16px 0 8px;
  display: flex;
  flex-direction: row-reverse;
}

.land-risk-card-commercial-padding {
  padding-top: 0 !important;
}

.commercial-analysis-capitalisation-approach__table {
  table-layout: fixed;
}
.commercial-analysis-capitalisation-approach__table thead tr th:last-child {
  text-align: right;
}
.commercial-analysis-capitalisation-approach__table tbody tr td.label {
  color: #4A4A4A;
}
.commercial-analysis-capitalisation-approach__table tbody tr td.sub-label {
  color: #636363;
}

.capitalisation-card, .capitalisation-vp-card {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.capitalisation-card .capitalisation-major-drivers__table, .capitalisation-card .capitalisation-capital-adjustments__table, .capitalisation-card .capitalisation-vp-major-drivers__table, .capitalisation-card .capitalisation-vp-capital-adjustments__table, .capitalisation-vp-card .capitalisation-major-drivers__table, .capitalisation-vp-card .capitalisation-capital-adjustments__table, .capitalisation-vp-card .capitalisation-vp-major-drivers__table, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table {
  table-layout: fixed;
}
.capitalisation-card .capitalisation-major-drivers__table thead tr th:first-child, .capitalisation-card .capitalisation-capital-adjustments__table thead tr th:first-child, .capitalisation-card .capitalisation-vp-major-drivers__table thead tr th:first-child, .capitalisation-card .capitalisation-vp-capital-adjustments__table thead tr th:first-child, .capitalisation-vp-card .capitalisation-major-drivers__table thead tr th:first-child, .capitalisation-vp-card .capitalisation-capital-adjustments__table thead tr th:first-child, .capitalisation-vp-card .capitalisation-vp-major-drivers__table thead tr th:first-child, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table thead tr th:first-child {
  width: 20%;
}
.capitalisation-card .capitalisation-major-drivers__table thead tr th:nth-child(2), .capitalisation-card .capitalisation-capital-adjustments__table thead tr th:nth-child(2), .capitalisation-card .capitalisation-vp-major-drivers__table thead tr th:nth-child(2), .capitalisation-card .capitalisation-vp-capital-adjustments__table thead tr th:nth-child(2), .capitalisation-vp-card .capitalisation-major-drivers__table thead tr th:nth-child(2), .capitalisation-vp-card .capitalisation-capital-adjustments__table thead tr th:nth-child(2), .capitalisation-vp-card .capitalisation-vp-major-drivers__table thead tr th:nth-child(2), .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table thead tr th:nth-child(2) {
  width: 35%;
}
.capitalisation-card .capitalisation-major-drivers__table thead tr th:last-child, .capitalisation-card .capitalisation-capital-adjustments__table thead tr th:last-child, .capitalisation-card .capitalisation-vp-major-drivers__table thead tr th:last-child, .capitalisation-card .capitalisation-vp-capital-adjustments__table thead tr th:last-child, .capitalisation-vp-card .capitalisation-major-drivers__table thead tr th:last-child, .capitalisation-vp-card .capitalisation-capital-adjustments__table thead tr th:last-child, .capitalisation-vp-card .capitalisation-vp-major-drivers__table thead tr th:last-child, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table thead tr th:last-child {
  width: 20%;
  text-align: right;
}
.capitalisation-card .capitalisation-major-drivers__table tbody tr td:last-child, .capitalisation-card .capitalisation-capital-adjustments__table tbody tr td:last-child, .capitalisation-card .capitalisation-vp-major-drivers__table tbody tr td:last-child, .capitalisation-card .capitalisation-vp-capital-adjustments__table tbody tr td:last-child, .capitalisation-vp-card .capitalisation-major-drivers__table tbody tr td:last-child, .capitalisation-vp-card .capitalisation-capital-adjustments__table tbody tr td:last-child, .capitalisation-vp-card .capitalisation-vp-major-drivers__table tbody tr td:last-child, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table tbody tr td:last-child {
  text-align: right;
}
.capitalisation-card .capitalisation-major-drivers__table .major-drivers-cell, .capitalisation-card .capitalisation-major-drivers__table .capital-adjustments-cell, .capitalisation-card .capitalisation-major-drivers__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-major-drivers__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-major-drivers__table .vp-capital-adjustments-cell, .capitalisation-card .capitalisation-capital-adjustments__table .major-drivers-cell, .capitalisation-card .capitalisation-capital-adjustments__table .capital-adjustments-cell, .capitalisation-card .capitalisation-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-capital-adjustments__table .vp-capital-adjustments-cell, .capitalisation-card .capitalisation-vp-major-drivers__table .major-drivers-cell, .capitalisation-card .capitalisation-vp-major-drivers__table .capital-adjustments-cell, .capitalisation-card .capitalisation-vp-major-drivers__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-vp-major-drivers__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-vp-major-drivers__table .vp-capital-adjustments-cell, .capitalisation-card .capitalisation-vp-capital-adjustments__table .major-drivers-cell, .capitalisation-card .capitalisation-vp-capital-adjustments__table .capital-adjustments-cell, .capitalisation-card .capitalisation-vp-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-vp-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-card .capitalisation-vp-capital-adjustments__table .vp-capital-adjustments-cell, .capitalisation-vp-card .capitalisation-major-drivers__table .major-drivers-cell, .capitalisation-vp-card .capitalisation-major-drivers__table .capital-adjustments-cell, .capitalisation-vp-card .capitalisation-major-drivers__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-major-drivers__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-major-drivers__table .vp-capital-adjustments-cell, .capitalisation-vp-card .capitalisation-capital-adjustments__table .major-drivers-cell, .capitalisation-vp-card .capitalisation-capital-adjustments__table .capital-adjustments-cell, .capitalisation-vp-card .capitalisation-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-capital-adjustments__table .vp-capital-adjustments-cell, .capitalisation-vp-card .capitalisation-vp-major-drivers__table .major-drivers-cell, .capitalisation-vp-card .capitalisation-vp-major-drivers__table .capital-adjustments-cell, .capitalisation-vp-card .capitalisation-vp-major-drivers__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-vp-major-drivers__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-vp-major-drivers__table .vp-capital-adjustments-cell, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table .major-drivers-cell, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table .capital-adjustments-cell, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table .vp-major-drivers-cell, .capitalisation-vp-card .capitalisation-vp-capital-adjustments__table .vp-capital-adjustments-cell {
  overflow-wrap: break-word;
  white-space: normal;
}

.capitalisation-method-table, .capitalisation-method-table-long-form,
.vacant-possession-capitalisation-method-table, .commercial-market-income-analysis-table,
.commercial-tenancy-schedule-table, .commercial-mixed-market-income-analysis-table, .ancillary-income-analysis {
  table-layout: fixed;
}
.capitalisation-method-table .merged-cell, .capitalisation-method-table-long-form .merged-cell,
.vacant-possession-capitalisation-method-table .merged-cell, .commercial-market-income-analysis-table .merged-cell,
.commercial-tenancy-schedule-table .merged-cell, .commercial-mixed-market-income-analysis-table .merged-cell, .ancillary-income-analysis .merged-cell {
  text-align: center;
}
.capitalisation-method-table .row-labels, .capitalisation-method-table-long-form .row-labels,
.vacant-possession-capitalisation-method-table .row-labels, .commercial-market-income-analysis-table .row-labels,
.commercial-tenancy-schedule-table .row-labels, .commercial-mixed-market-income-analysis-table .row-labels, .ancillary-income-analysis .row-labels {
  width: 300px;
}
.capitalisation-method-table td:nth-child(n+2), .capitalisation-method-table-long-form td:nth-child(n+2),
.vacant-possession-capitalisation-method-table td:nth-child(n+2), .commercial-market-income-analysis-table td:nth-child(n+2),
.commercial-tenancy-schedule-table td:nth-child(n+2), .commercial-mixed-market-income-analysis-table td:nth-child(n+2), .ancillary-income-analysis td:nth-child(n+2) {
  text-align: right;
}
.capitalisation-method-table .bordered-row, .capitalisation-method-table-long-form .bordered-row,
.vacant-possession-capitalisation-method-table .bordered-row, .commercial-market-income-analysis-table .bordered-row,
.commercial-tenancy-schedule-table .bordered-row, .commercial-mixed-market-income-analysis-table .bordered-row, .ancillary-income-analysis .bordered-row {
  border-top: #c3c3c3 2px solid;
  border-bottom: #c3c3c3 2px solid;
}
.capitalisation-method-table .emphasised-row, .capitalisation-method-table-long-form .emphasised-row,
.vacant-possession-capitalisation-method-table .emphasised-row, .commercial-market-income-analysis-table .emphasised-row,
.commercial-tenancy-schedule-table .emphasised-row, .commercial-mixed-market-income-analysis-table .emphasised-row, .ancillary-income-analysis .emphasised-row {
  font-weight: 500;
}
.capitalisation-method-table .emphasised-row .mdc-data-table__cell, .capitalisation-method-table-long-form .emphasised-row .mdc-data-table__cell,
.vacant-possession-capitalisation-method-table .emphasised-row .mdc-data-table__cell, .commercial-market-income-analysis-table .emphasised-row .mdc-data-table__cell,
.commercial-tenancy-schedule-table .emphasised-row .mdc-data-table__cell, .commercial-mixed-market-income-analysis-table .emphasised-row .mdc-data-table__cell, .ancillary-income-analysis .emphasised-row .mdc-data-table__cell {
  font-weight: 500;
}
.capitalisation-method-table .emphasised-cell, .capitalisation-method-table-long-form .emphasised-cell,
.vacant-possession-capitalisation-method-table .emphasised-cell, .commercial-market-income-analysis-table .emphasised-cell,
.commercial-tenancy-schedule-table .emphasised-cell, .commercial-mixed-market-income-analysis-table .emphasised-cell, .ancillary-income-analysis .emphasised-cell {
  font-weight: 500;
}
.capitalisation-method-table .underlined-cell, .capitalisation-method-table-long-form .underlined-cell,
.vacant-possession-capitalisation-method-table .underlined-cell, .commercial-market-income-analysis-table .underlined-cell,
.commercial-tenancy-schedule-table .underlined-cell, .commercial-mixed-market-income-analysis-table .underlined-cell, .ancillary-income-analysis .underlined-cell {
  border-bottom: #c3c3c3 2px solid;
}

.att-no-adjustment {
  top: -3.5px !important;
  left: -3.5px !important;
}

.insurance-card {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.insurance-card .bordered-header {
  border-top: #c3c3c3 2px solid;
  border-bottom: #c3c3c3 2px solid;
}
.insurance-card .bordered-row {
  border-top: #c3c3c3 2px solid;
}
.insurance-card .emphasised-cell {
  font-weight: 500;
}

.outgoings-card {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.12);
}
.outgoings-card .bordered-header {
  border-top: #c3c3c3 2px solid;
  border-bottom: #c3c3c3 2px solid;
}
.outgoings-card .bordered-row {
  border-top: #c3c3c3 2px solid;
}
.outgoings-card .emphasised-cell {
  font-weight: 500;
}

.subheader {
  background-color: rgba(0, 0, 0, 0.04);
}

.valuation-summary-component .editable-cell-right-fixed-width {
  text-align: right !important;
  width: 200px;
}
.valuation-summary-component .commercial-analysis-summary-textfield {
  background: rgba(0, 0, 0, 0);
}
.valuation-summary-component .commercial-analysis-summary-textfield .mdc-text-field__prefix {
  display: block;
  border: none;
  padding: 12px 0 12px 6px;
}
.valuation-summary-component .commercial-analysis-summary-textfield .mdc-text-field__input {
  text-align: right;
  padding: 12px 0 12px 0;
  font-size: 0.875rem;
  border: none;
}

#assessment-sub_tab .aut-property-assessment-assessment-card {
  min-height: fit-content;
}
#assessment-sub_tab .aut-property-assessment-assessment-card .subject-to-dropdown {
  width: 441px;
  max-height: 323.812px;
}
#assessment-sub_tab .add-new-improvement {
  width: max-content;
}
#assessment-sub_tab .delete-assessment-modal .mdc-list-item__text {
  white-space: unset;
}

.mdc-select__menu.assessment-basis-of-assessment {
  min-width: fit-content;
}

.lease-summary-label {
  width: 50%;
}

.lease-summary-value {
  width: 50%;
  white-space: initial;
}

.commercial-tenancy-schedule-table .commercial-tenancy-schedule-table__header-cell {
  white-space: normal;
}

.commercial-leased-area .add-btn {
  margin: 10px;
  padding: 15px 10px;
  max-width: 200px;
}
.commercial-leased-area .area-label {
  margin: 12px;
  padding: 3px 3px;
}

.property-details-non-reporting {
  height: min-content !important;
}

.non-reporting-comment {
  margin-top: 10px;
}

#rentals-main-building .height-override-long {
  min-height: 500px !important;
}
#rentals-main-building .height-override-short {
  min-height: 250px !important;
}

.edit-property-details .commercial-market-income-analysis-top-three-tenacies-card {
  min-height: 0px;
}

.transparent-textfield {
  background-color: transparent !important;
}

#rentals-land .zoning .mdc-text-field--disabled {
  background-color: #fafafa;
}
#rentals-land .zoning .mdc-text-field--disabled input:disabled ~ label {
  color: rgba(0, 0, 0, 0.37);
}

.property-transactions-adopted-values {
  min-height: 100%;
}

.text-right-fixed-width {
  text-align: right;
  width: 150px;
}

.page-tab-nav.mdc-elevation--z2 .commercial-analysis {
  width: 250px;
}
.page-tab-nav.mdc-elevation--z2 .commercial-analysis .page-tab-nav-select {
  width: 100%;
  background: transparent url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='%23fff'/%3E%3C/svg%3E") 215px center no-repeat;
  background-size: 24px;
}

.adopted-values-padding {
  padding-left: 50px;
}

.aut-gdoc-share-modal .mdc-dialog__content {
  width: 500px;
  overflow-y: hidden;
}
.aut-gdoc-share-modal .enhanced-multiple-select .mdc-menu-surface--open {
  position: fixed;
  min-width: 300px !important;
}
/* line 1, app/assets/stylesheets/login.scss.erb */
.rebrand-login {
  background-image: url(/assets/login_bg_1920-53a4cf11cb2286c6843d3ff86cfb4ed90f5ef2ebc8332570e09876c313076ddb.png);
  height: 100vh;
  background-position-y: -45px;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* line 13, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center {
  padding-top: 150px;
  height: 500px;
  width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

/* line 22, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__htw-logo {
  flex: unset;
  height: auto;
  width: 100%;
  filter: brightness(0) invert(1);
}

/* line 29, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__app-name {
  flex: unset;
  text-transform: uppercase;
  font-size: 50px;
  color: white;
  font-weight: 500;
  letter-spacing: 4px;
  text-align: center;
}

/* line 39, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__button {
  display: inline-block;
  background: white;
  color: #444;
  width: 280px;
  border-radius: 5px;
  border: thin solid #888;
  box-shadow: 1px 1px 1px grey;
  white-space: nowrap;
}

/* line 49, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__button:hover {
  cursor: pointer;
}

/* line 52, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__button span.label {
  font-family: serif;
  font-weight: normal;
}

/* line 56, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__button span.icon {
  background: url(/assets/btn_google_light_normal_ios-add0511aa1b826e23d58cff49f8bdbce503204abc7a57502ddcc39b7884534be.svg) transparent 5px 50% no-repeat;
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
}

/* line 63, app/assets/stylesheets/login.scss.erb */
.rebrand-login .rebrand-login__center .rebrand-login__button span.buttonText {
  display: inline-block;
  vertical-align: middle;
  padding-left: 42px;
  padding-right: 42px;
  font-size: 14px;
  font-weight: bold;
  /* Use the Roboto font that is loaded in the <head> */
  font-family: 'Roboto', sans-serif;
}
.pagy {
  display: flex;
  font-family: sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #6b7280;
}
.pagy > :not([hidden]) ~ :not([hidden]) {
  --space-reverse: 0;
  margin-right: calc(0.25rem * var(--space-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--space-reverse)));
}
.pagy a:not(.gap) {
  display: block;
  text-decoration: none;
  border-radius: 0.5rem;
  background-color: #e5e7eb;
  padding: 0.25rem 0.75rem;
  color: inherit;
}
.pagy a:not(.gap):hover {
  background-color: #d1d5db;
}
.pagy a:not(.gap):not([href]) { /* disabled links */
  cursor: default;
  background-color: #f3f4f6;
  color: #d1d5db;
}
.pagy a:not(.gap).current {
  background-color: #9ca3af;
  color: white;
}
.pagy label {
  white-space: nowrap;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #e5e7eb;
  padding: 0.125rem 0.75rem;
}
.pagy label input {
  line-height: 1.5rem;
  border-radius: 0.375rem;
  border-style: none;
  background-color: #f3f4f6;
}
/* Build a Material theme */
/*  Typography */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
/* Shape */
/* Color */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
/* line 15, app/assets/stylesheets/vipa-legacy-data.scss */
.mdc-tab:hover {
  background-color: #e0fdff;
}

/* line 18, app/assets/stylesheets/vipa-legacy-data.scss */
.mdc-tab--active {
  background-color: #f0f0f0;
}

/* line 22, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab {
  background: white;
  overflow-y: auto;
  height: calc(100vh - 170px);
}

/* line 27, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card {
  height: 100%;
}

/* line 30, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .aut-card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}

/* line 35, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .aut-card-header h2 {
  padding: 8px 16px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

/* line 40, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .aut-card-header button {
  margin-left: auto;
}

/* line 43, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card-content {
  margin: 16px 16px 0px 16px;
}

/* line 46, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card-content .info-text {
  margin-bottom: 8px;
}

/* line 49, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card__actions {
  display: block;
  padding: 0 8px !important;
  min-height: 44px;
}

/* line 54, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  float: right;
  display: block;
}

/* line 58, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .additional-info .mdc-button {
  width: 100%;
  justify-content: flex-start !important;
  color: #16577B !important;
}

/* line 63, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .additional-info .mdc-button .mdc-button__icon {
  width: 40px;
  height: 30px;
  margin-right: 18px;
  filter: invert(16%) sepia(77%) saturate(2860%) hue-rotate(185deg) brightness(93%) contrast(83%) !important;
}

/* line 69, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .additional-info .mdc-button:disabled .mdc-button__icon {
  filter: sepia(0%) brightness(0%) contrast(0%) saturate(100%) grayscale(0%) invert(0%) hue-rotate(0deg) !important;
}

/* line 72, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card-content {
  margin: 16px !important;
}

/* line 75, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .info-text {
  margin-bottom: 0px !important;
  min-height: 19px;
}

/* line 79, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .info-text.mdc-enhanced-select {
  margin-bottom: 14px !important;
}

/* line 82, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .info-text.mdc-text-field {
  margin-bottom: 14px !important;
}

/* line 85, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .caption-text {
  color: #636363;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

/* line 92, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .body-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}

/* line 100, app/assets/stylesheets/vipa-legacy-data.scss */
.building-menu {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #276384;
  font-size: 0.95rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: none;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  justify-content: left;
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}

/* line 131, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab {
  background: white;
  overflow-y: auto;
  height: calc(100vh - 170px);
}

/* line 142, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab button.mdc-tab {
  padding-left: 20px;
  padding-right: 20px;
  width: 50px !important;
}

/* line 147, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card {
  height: 100%;
}

/* line 150, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .aut-card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}

/* line 155, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .aut-card-header h2 {
  padding: 8px 16px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

/* line 160, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .aut-card-header button {
  margin-left: auto;
}

/* line 163, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card-content {
  margin: 16px 16px 0px 16px;
}

/* line 166, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card-content .info-text {
  margin-bottom: 8px;
}

/* line 169, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card__actions {
  display: block;
  padding: 0 8px !important;
  min-height: 44px;
}

/* line 174, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  float: right;
  display: block;
}

/* line 178, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .additional-info .mdc-button {
  width: 100%;
  justify-content: flex-start !important;
  color: #16577B !important;
}

/* line 183, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .additional-info .mdc-button .mdc-button__icon {
  width: 40px;
  height: 30px;
  margin-right: 18px;
  filter: invert(16%) sepia(77%) saturate(2860%) hue-rotate(185deg) brightness(93%) contrast(83%) !important;
}

/* line 189, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .additional-info .mdc-button:disabled .mdc-button__icon {
  filter: sepia(0%) brightness(0%) contrast(0%) saturate(100%) grayscale(0%) invert(0%) hue-rotate(0deg) !important;
}

/* line 192, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card-content {
  margin: 16px !important;
}

/* line 195, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .info-text {
  margin-bottom: 0px !important;
  min-height: 19px;
}

/* line 199, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .info-text.mdc-enhanced-select {
  margin-bottom: 14px !important;
}

/* line 202, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .info-text.mdc-text-field {
  margin-bottom: 14px !important;
}

/* line 205, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .caption-text {
  color: #636363;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

/* line 212, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .body-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}

/* line 221, app/assets/stylesheets/vipa-legacy-data.scss */
.mdc-data-table .search-result-content td {
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* Build a Material theme */
/*  Typography */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
/* Shape */
/* Color */
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
/* line 15, app/assets/stylesheets/vipa-legacy-data.scss */
.mdc-tab:hover {
  background-color: #e0fdff;
}

/* line 18, app/assets/stylesheets/vipa-legacy-data.scss */
.mdc-tab--active {
  background-color: #f0f0f0;
}

/* line 22, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab {
  background: white;
  overflow-y: auto;
  height: calc(100vh - 170px);
}

/* line 27, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card {
  height: 100%;
}

/* line 30, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .aut-card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}

/* line 35, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .aut-card-header h2 {
  padding: 8px 16px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

/* line 40, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .aut-card-header button {
  margin-left: auto;
}

/* line 43, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card-content {
  margin: 16px 16px 0px 16px;
}

/* line 46, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card-content .info-text {
  margin-bottom: 8px;
}

/* line 49, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card__actions {
  display: block;
  padding: 0 8px !important;
  min-height: 44px;
}

/* line 54, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  float: right;
  display: block;
}

/* line 58, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .additional-info .mdc-button {
  width: 100%;
  justify-content: flex-start !important;
  color: #16577B !important;
}

/* line 63, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .additional-info .mdc-button .mdc-button__icon {
  width: 40px;
  height: 30px;
  margin-right: 18px;
  filter: invert(16%) sepia(77%) saturate(2860%) hue-rotate(185deg) brightness(93%) contrast(83%) !important;
}

/* line 69, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .additional-info .mdc-button:disabled .mdc-button__icon {
  filter: sepia(0%) brightness(0%) contrast(0%) saturate(100%) grayscale(0%) invert(0%) hue-rotate(0deg) !important;
}

/* line 72, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .mdc-card-content {
  margin: 16px !important;
}

/* line 75, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .info-text {
  margin-bottom: 0px !important;
  min-height: 19px;
}

/* line 79, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .info-text.mdc-enhanced-select {
  margin-bottom: 14px !important;
}

/* line 82, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .info-text.mdc-text-field {
  margin-bottom: 14px !important;
}

/* line 85, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .caption-text {
  color: #636363;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

/* line 92, app/assets/stylesheets/vipa-legacy-data.scss */
.enquiry-tab .body-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}

/* line 100, app/assets/stylesheets/vipa-legacy-data.scss */
.building-menu {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #276384;
  font-size: 0.95rem;
  line-height: 2rem;
  font-weight: 500;
  letter-spacing: 0.0892857143em;
  text-decoration: none;
  text-transform: none;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  display: flex;
  flex: 1 0 auto;
  justify-content: left;
  box-sizing: border-box;
  height: 48px;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1;
}

/* line 131, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab {
  background: white;
  overflow-y: auto;
  height: calc(100vh - 170px);
}

/* line 142, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab button.mdc-tab {
  padding-left: 20px;
  padding-right: 20px;
  width: 50px !important;
}

/* line 147, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card {
  height: 100%;
}

/* line 150, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .aut-card-header {
  background: #F9F9F9;
  padding: 0;
  display: flex;
}

/* line 155, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .aut-card-header h2 {
  padding: 8px 16px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

/* line 160, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .aut-card-header button {
  margin-left: auto;
}

/* line 163, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card-content {
  margin: 16px 16px 0px 16px;
}

/* line 166, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card-content .info-text {
  margin-bottom: 8px;
}

/* line 169, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card__actions {
  display: block;
  padding: 0 8px !important;
  min-height: 44px;
}

/* line 174, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card .mdc-card__actions .mdc-card__action-buttons {
  float: right;
  display: block;
}

/* line 178, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .additional-info .mdc-button {
  width: 100%;
  justify-content: flex-start !important;
  color: #16577B !important;
}

/* line 183, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .additional-info .mdc-button .mdc-button__icon {
  width: 40px;
  height: 30px;
  margin-right: 18px;
  filter: invert(16%) sepia(77%) saturate(2860%) hue-rotate(185deg) brightness(93%) contrast(83%) !important;
}

/* line 189, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .additional-info .mdc-button:disabled .mdc-button__icon {
  filter: sepia(0%) brightness(0%) contrast(0%) saturate(100%) grayscale(0%) invert(0%) hue-rotate(0deg) !important;
}

/* line 192, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .mdc-card-content {
  margin: 16px !important;
}

/* line 195, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .info-text {
  margin-bottom: 0px !important;
  min-height: 19px;
}

/* line 199, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .info-text.mdc-enhanced-select {
  margin-bottom: 14px !important;
}

/* line 202, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .info-text.mdc-text-field {
  margin-bottom: 14px !important;
}

/* line 205, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .caption-text {
  color: #636363;
  font-family: Roboto;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

/* line 212, app/assets/stylesheets/vipa-legacy-data.scss */
.building-tab .body-text {
  color: #636363;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 19px;
}

/* line 221, app/assets/stylesheets/vipa-legacy-data.scss */
.mdc-data-table .search-result-content td {
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}