/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --ion-color-primary: #0054e9;
  --ion-color-primary-rgb: 0, 84, 233;
  --ion-color-primary-contrast: #fff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #004acd;
  --ion-color-primary-tint: #1a65eb;
  --ion-color-secondary: #0163aa;
  --ion-color-secondary-rgb: 1, 99, 170;
  --ion-color-secondary-contrast: #fff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #015796;
  --ion-color-secondary-tint: #1a73b3;
  --ion-color-tertiary: #6030ff;
  --ion-color-tertiary-rgb: 96, 48, 255;
  --ion-color-tertiary-contrast: #fff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #542ae0;
  --ion-color-tertiary-tint: #7045ff;
  --ion-color-success: #2dd55b;
  --ion-color-success-rgb: 45, 213, 91;
  --ion-color-success-contrast: #000;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #28bb50;
  --ion-color-success-tint: #42d96b;
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  --ion-color-danger: #c5000f;
  --ion-color-danger-rgb: 197, 0, 15;
  --ion-color-danger-contrast: #fff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #ad000d;
  --ion-color-danger-tint: #cb1a27;
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --ion-color-medium: #636469;
  --ion-color-medium-rgb: 99, 100, 105;
  --ion-color-medium-contrast: #fff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #57585c;
  --ion-color-medium-tint: #737478;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #fff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
}

html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}

html {
  --ion-dynamic-font: -apple-system-body;
  --ion-font-family: var(--ion-default-font);
}

body {
  background: var(--ion-background-color);
  color: var(--ion-text-color);
}

body.backdrop-no-scroll {
  overflow: hidden;
}

html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type, html.ios ion-modal ion-footer ion-toolbar:first-of-type, html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type {
  padding-top: 6px;
}

html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type, html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}

html.ios ion-modal ion-toolbar, html.ios .modal-footer-moving ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}

@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}

html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #0054e9) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0163aa) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #6030ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd55b) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d96b) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #c5000f) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important;
}

.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}

.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #636469) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #737478) !important;
}

.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}

.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  z-index: 0;
}

ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}

.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}

ion-route, ion-route-redirect, ion-router, ion-select-option, ion-nav-controller, ion-menu-controller, ion-action-sheet-controller, ion-alert-controller, ion-loading-controller, ion-modal-controller, ion-picker-controller, ion-popover-controller, ion-toast-controller, .ion-page-hidden {
  display: none !important;
}

.ion-page-invisible {
  opacity: 0;
}

.can-go-back > ion-header ion-back-button {
  display: block;
}

html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}

@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color, ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}

.menu-content {
  transform: translate3d(0, 0, 0);
}

.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
  overflow-y: hidden;
}

.menu-content-open ion-content {
  --overflow: hidden;
}

.menu-content-open .ion-content-scroll-host {
  overflow: hidden;
}

.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}

[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}

.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}

ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}

@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    transition: none !important;
  }
}
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon, ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}

ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type, ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}

ion-input input::-webkit-date-and-time-value {
  text-align: start;
}

.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}

.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}

[ion-last-focus], header[tabindex="-1"]:focus, [role=banner][tabindex="-1"]:focus, main[tabindex="-1"]:focus, [role=main][tabindex="-1"]:focus, h1[tabindex="-1"]:focus, [role=heading][aria-level="1"][tabindex="-1"]:focus {
  outline: none;
}

.popover-viewport:has(> ion-content) {
  overflow: hidden;
}

@supports not selector(:has(> ion-content)) {
  .popover-viewport {
    overflow: hidden;
  }
} 
audio, canvas, progress, video {
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

b, strong {
  font-weight: bold;
}

img {
  max-width: 100%;
}

hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

label, input, select, textarea {
  font-family: inherit;
  line-height: normal;
}

textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}

textarea::placeholder {
  padding-left: 2px;
}

form, input, optgroup, select {
  margin: 0;
  font: inherit;
  color: inherit;
}

html input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

a, a div, a span, a ion-icon, a ion-label, button, button div, button span, button ion-icon, button ion-label, .ion-tappable, [tappable], [tappable] div, [tappable] span, [tappable] ion-icon, [tappable] ion-label, input, textarea {
  touch-action: manipulation;
}

a ion-label, button ion-label {
  pointer-events: none;
}

button {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}

[tappable] {
  cursor: pointer;
}

a[disabled], button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
} 
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.ion-ce body {
  display: block;
}

html.plt-pwa {
  height: 100vh;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
} 
html {
  font-family: var(--ion-font-family);
}

@supports (-webkit-touch-callout: none) {
  html {
    font: var(--ion-dynamic-font, 16px var(--ion-font-family));
  }
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #0054e9);
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}

h1 {
  margin-top: 20px;
  font-size: 1.625rem;
}

h2 {
  margin-top: 18px;
  font-size: 1.5rem;
}

h3 {
  font-size: 1.375rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1.125rem;
}

h6 {
  font-size: 1rem;
}

small {
  font-size: 75%;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
} 
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}

.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
}

.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-inline-start: var(--ion-padding, 16px);
  padding-inline-end: var(--ion-padding, 16px);
}

.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}

.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
}

.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
}

.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-inline-start: var(--ion-margin, 16px);
  margin-inline-end: var(--ion-margin, 16px);
} 
.ion-float-left {
  float: left !important;
}

.ion-float-right {
  float: right !important;
}

.ion-float-start {
  float: left !important;
}

:host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}

[dir=rtl] .ion-float-start {
  float: right !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-start:dir(rtl) {
    float: right !important;
  }
}
.ion-float-end {
  float: right !important;
}

:host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}

[dir=rtl] .ion-float-end {
  float: left !important;
}

@supports selector(:dir(rtl)) {
  .ion-float-end:dir(rtl) {
    float: left !important;
  }
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }
  .ion-float-sm-right {
    float: right !important;
  }
  .ion-float-sm-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-sm-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-sm-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }
  .ion-float-md-right {
    float: right !important;
  }
  .ion-float-md-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-md-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-md-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }
  .ion-float-lg-right {
    float: right !important;
  }
  .ion-float-lg-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-lg-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-lg-end:dir(rtl) {
      float: left !important;
    }
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }
  .ion-float-xl-right {
    float: right !important;
  }
  .ion-float-xl-start {
    float: left !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-start {
    float: right !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-start:dir(rtl) {
      float: right !important;
    }
  }
  .ion-float-xl-end {
    float: right !important;
  }
  :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-end {
    float: left !important;
  }
  @supports selector(:dir(rtl)) {
    .ion-float-xl-end:dir(rtl) {
      float: left !important;
    }
  }
} 
.ion-text-center {
  text-align: center !important;
}

.ion-text-justify {
  text-align: justify !important;
}

.ion-text-start {
  text-align: start !important;
}

.ion-text-end {
  text-align: end !important;
}

.ion-text-left {
  text-align: left !important;
}

.ion-text-right {
  text-align: right !important;
}

.ion-text-nowrap {
  white-space: nowrap !important;
}

.ion-text-wrap {
  white-space: normal !important;
}

@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }
  .ion-text-sm-justify {
    text-align: justify !important;
  }
  .ion-text-sm-start {
    text-align: start !important;
  }
  .ion-text-sm-end {
    text-align: end !important;
  }
  .ion-text-sm-left {
    text-align: left !important;
  }
  .ion-text-sm-right {
    text-align: right !important;
  }
  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }
  .ion-text-md-justify {
    text-align: justify !important;
  }
  .ion-text-md-start {
    text-align: start !important;
  }
  .ion-text-md-end {
    text-align: end !important;
  }
  .ion-text-md-left {
    text-align: left !important;
  }
  .ion-text-md-right {
    text-align: right !important;
  }
  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }
  .ion-text-lg-justify {
    text-align: justify !important;
  }
  .ion-text-lg-start {
    text-align: start !important;
  }
  .ion-text-lg-end {
    text-align: end !important;
  }
  .ion-text-lg-left {
    text-align: left !important;
  }
  .ion-text-lg-right {
    text-align: right !important;
  }
  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }
  .ion-text-xl-justify {
    text-align: justify !important;
  }
  .ion-text-xl-start {
    text-align: start !important;
  }
  .ion-text-xl-end {
    text-align: end !important;
  }
  .ion-text-xl-left {
    text-align: left !important;
  }
  .ion-text-xl-right {
    text-align: right !important;
  }
  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }
  .ion-text-xl-wrap {
    white-space: normal !important;
  }
} 
.ion-text-uppercase {
  text-transform: uppercase !important;
}

.ion-text-lowercase {
  text-transform: lowercase !important;
}

.ion-text-capitalize {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-sm-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-sm-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-md-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-md-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-lg-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-lg-capitalize {
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    text-transform: uppercase !important;
  }
  .ion-text-xl-lowercase {
    text-transform: lowercase !important;
  }
  .ion-text-xl-capitalize {
    text-transform: capitalize !important;
  }
} 
.ion-align-self-start {
  align-self: flex-start !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}

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

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

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

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

.ion-align-items-baseline {
  align-items: baseline !important;
} 
/*Variables*/
/*Product Colours*/
/*text Colours*/
/*Background Colours*/
/*Border Colours*/
/*Status Colours*/
/*contact class colours*/
@media only screen {
  .tabs dd > a,
  .tabs .tab-title > a {
    outline: none;
  }
  button:focus {
    outline: none !important;
  }
  * {
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
  }
  em,
  i {
    line-height: inherit;
  }
  .column,
  .columns {
    padding-left: 0px;
    padding-right: 0px;
  }
  ion-card .columns {
    padding-left: 16px;
    padding-right: 16px;
  }
  .results-total .row .columns.small-12 {
    margin: auto 16px;
  }
  .is-link,
  .editable {
    cursor: pointer;
  }
  .row .row.collapse,
  .row .row {
    margin-right: auto;
    margin-left: auto;
  }
  .clearfix {
    clear: both;
  }
  .to-fix {
    background: #ff0;
  }
  .ellipsis {
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .hundred {
    width: 100%;
  }
  .dms-bg {
    background: var(--dms-color);
  }
  .wholesale-bg {
    background: var(--dms-color);
  }
  .buyerscore-bg {
    background: #ffb521;
  }
  .aa-bg {
    background: #13c1d8;
  }
  .bd-bg {
    background: orangered;
  }
  .cc-bg {
    background: #62a250;
  }
  .ampd-bg {
    background: #f96e6c;
  }
  .adc-bg {
    background: #c01072;
  }
  .ins-bg {
    background: #ffbf00;
  }
  .gen-bg {
    background: #25c8f5;
  }
  .bigd-bg {
    background: #cccccc;
  }
  .who-bg {
    background: #ff4d4d;
  }
  .popup-bg {
    background: var(--ion-color-lighter-light);
  }
  .search-input-container {
    background: var(--mc-surface-0);
    padding: 0.75rem 0;
  }
  .search-input {
    position: relative;
  }
  .search-input:before {
    content: "\e901";
    font-family: "icomoon";
    vertical-align: middle;
    position: absolute;
    left: 9px;
    line-height: xrem(39px);
    font-size: xrem(15px);
  }
  .search-input [type=text],
  .search-input textarea {
    background: var(--ion-color-lighter-light);
    border: 0.0625rem solid var(--mc-border-d9);
    border-radius: 0.125rem;
    line-height: 2.5rem;
    padding: 0 0.5rem 0 xrem(28px);
    font-size: 0.9375rem;
    display: flex;
    color: var(--mc-color-mid-grey);
  }
  .search-input ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: var(--mc-color-mid-grey);
  }
  .search-input :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: var(--mc-color-mid-grey);
    opacity: 1;
  }
  .search-input ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: var(--mc-color-mid-grey);
    opacity: 1;
  }
  .search-input :placeholder-shown {
    color: var(--mc-color-mid-grey);
  }
  .select-list-container {
    display: table;
    width: 100%;
    position: relative;
  }
  .select-list-container .attr-value.editable:after {
    content: "\e905";
    font-family: "icomoon";
    color: var(--mc-color-mid-grey);
    font-size: xrem(13px);
    margin-left: xrem(8px);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: xrem(-10px);
  }
  .select-list-container.content {
    line-height: 1.6;
  }
  .select-list-container label {
    font-size: xrem(14px);
    line-height: xrem(16px);
    color: var(--ion-color-secondary);
    font-weight: 500;
  }
  .standard-textarea {
    background: var(--mc-surface-0);
    padding: xrem(16px) 0 xrem(62px);
    border-bottom: xrem(1px) solid var(--mc-border-e5);
  }
  .standard-textarea textarea {
    resize: none;
  }
  .standard-textarea input {
    border: none;
    font-size: xrem(15px);
    width: 100%;
  }
  .parameters-title {
    background: var(--ion-color-lighter-light);
    border-top: xrem(1px) solid var(--mc-border-e5);
    border-bottom: xrem(1px) solid var(--mc-border-e5);
    padding-top: xrem(28px);
  }
  .parameters-title span {
    color: var(--mc-color-mid-grey);
    text-transform: uppercase;
    font-size: xrem(13px);
    letter-spacing: 0.5px;
    line-height: xrem(28px);
    float: left;
  }
  .parameters-title .reset-parameters {
    float: right;
    color: var(--dms-color);
    font-size: xrem(13px);
    line-height: xrem(28px);
  }
  .parameters-values {
    background: var(--mc-surface-0);
  }
  .parameters-values label {
    font-size: xrem(14px);
    line-height: xrem(20px);
    color: var(--ion-color-secondary);
    font-weight: 500;
  }
  .parameters-values p {
    color: var(--mc-color-mid-grey);
    font-size: xrem(14px);
    line-height: xrem(20px);
    margin-bottom: 0;
  }
  .edit-screen {
    padding-bottom: 2rem;
  }
  .edit-screen .parameters-values {
    border-bottom: none;
  }
  .edit-screen .vehicle-display-section:first-child .sub-title {
    border-top: none;
  }
  .parameter-value {
    position: relative;
    width: 100%;
    display: table;
    cursor: pointer;
    min-height: 50px;
  }
  .parameter-value:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: xrem(-16px);
    height: xrem(1px);
  }
  .parameter-value:last-child:after {
    display: none;
  }
  .select-list-item-select.boxes .attr-value {
    width: 40%;
  }
  .select-list-item-select.boxes:after {
    left: xrem(30px);
  }
  .attr-label {
    width: 100%;
    float: left;
    font-size: 14px;
    color: var(--ion-color-secondary);
    line-height: 22px;
    font-weight: 500;
  }
  .attr-value {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    color: var(--mc-color-mid-grey);
    line-height: xrem(20px);
  }
  .attr-value.editable:after {
    content: "\e905";
    font-family: "icomoon";
    color: var(--mc-color-mid-grey);
    font-size: 13px;
    margin-left: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
  }
  .search-fields,
  .select-list-item-select,
  .currency-input-entry {
    position: relative;
  }
  .search-fields .attr-label,
  .select-list-item-select .attr-label,
  .currency-input-entry .attr-label {
    width: 41.66667%;
    float: left;
    font-size: 17px;
    color: var(--ion-color-secondary);
    line-height: 24px;
    letter-spacing: -0.1px;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
    color: var(--ion-color-secondary-tint);
  }
  .search-fields .attr-label.selected,
  .select-list-item-select .attr-label.selected,
  .currency-input-entry .attr-label.selected {
    font-weight: 600;
    color: var(--ion-color-secondary-tint);
  }
  .search-fields .attr-value,
  .select-list-item-select .attr-value,
  .currency-input-entry .attr-value {
    width: 58.33333%;
    float: right;
    text-align: right;
    font-size: 17px;
    color: var(--ion-color-secondary);
    line-height: 24px;
    cursor: pointer;
  }
  .search-fields .attr-value.not-selected,
  .select-list-item-select .attr-value.not-selected,
  .currency-input-entry .attr-value.not-selected {
    color: var(--ion-color-secondary);
  }
  .search-fields .attr-value.editable,
  .select-list-item-select .attr-value.editable,
  .currency-input-entry .attr-value.editable {
    padding-right: 1rem;
  }
  .search-fields .attr-value.editable:after,
  .select-list-item-select .attr-value.editable:after,
  .currency-input-entry .attr-value.editable:after {
    content: "\e905";
    font-family: "icomoon";
    color: var(--mc-color-mid-grey);
    font-size: 12px;
    margin-left: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
  }
  .search-fields .attr-value i,
  .select-list-item-select .attr-value i,
  .currency-input-entry .attr-value i {
    vertical-align: middle;
    position: relative;
    top: -1px;
    line-height: initial;
    font-size: 12px;
  }
  .select-list-item-select.compact .attr-label,
  .select-list-item-select.full .attr-label {
    width: 90%;
  }
  .select-list-item-select.compact .attr-value,
  .select-list-item-select.full .attr-value {
    width: 10%;
  }
  .contact-search-selected .editable,
  .vehicle-search-selected .editable {
    padding-right: 1rem;
  }
  .contact-search-selected .editable:after,
  .vehicle-search-selected .editable:after {
    content: "\e905";
    font-family: "icomoon";
    color: var(--mc-color-mid-grey);
    font-size: 12px;
    margin-left: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
  }
  .select-list-item-select .parameter-value {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .select-list-item-select.inline .attr-label {
    width: calc(100% - 48px);
  }
  .select-list-item-select.inline .attr-label:has(span.sublabel) {
    padding-right: 10px;
  }
  .select-list-item-select.inline .attr-label span.sublabel {
    float: right;
  }
  .select-list-item-select.inline .attr-value {
    width: 20%;
  }
  .select-list-item-select .attr-label {
    margin-left: 48px;
  }
  .select-list-item-select .attr-label:before {
    border: 1px solid var(--ion-color-medium-tint);
    border-radius: 100%;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
    content: " ";
  }
  .select-list-item-select .attr-label.selected:before {
    border: 1px solid var(--ion-color-secondary-tint);
  }
  .select-list-item-select .attr-label.selected:after {
    content: "\e906";
    font-family: "icomoon";
    color: var(--ion-color-secondary-tint);
    font-size: 12px;
    margin-left: 8px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
  }
  .select-list-item-select .parameter-value:hover .attr-label .sublabel:before {
    border: 2px solid var(--ion-color-medium-shade);
    background-color: var(--ion-color-light-shade);
    margin-left: 1px;
  }
  .select-list-item-select.multi .attr-label {
    margin-left: 48px;
  }
  .select-list-item-select.multi .attr-label:before {
    border: 1px solid var(--ion-color-medium-tint);
    border-radius: 3px;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
    content: " ";
  }
  .sub-title {
    background: var(--mc-surface-f9);
  }
  .sub-title label,
  .sub-title h2 {
    text-transform: uppercase;
    color: var(--mc-color-mid-grey);
    font-size: xrem(11px);
    letter-spacing: xrem(0.32px);
    line-height: 1;
    margin-bottom: 0;
    padding: xrem(7px) 0 xrem(6px);
  }
  .menu-header {
    line-height: xrem(56px);
  }
  .menu-header .mc-menu {
    color: #fff;
    font-size: xrem(24px);
    float: left;
    width: 20%;
    padding: 0 1rem;
    line-height: xrem(54px);
  }
  .menu-header .mc-menu i {
    vertical-align: middle;
    position: relative;
    top: 0;
  }
  .menu-header .back-menu {
    color: #fff;
    font-size: xrem(20px);
    float: left;
    width: 20%;
    padding: 0 1rem;
    line-height: xrem(54px);
  }
  .menu-header .back-menu i {
    vertical-align: middle;
    position: relative;
    top: -2px;
  }
  .menu-header.vs-header .back-menu {
    width: xrem(32px);
  }
  .menu-header.vs-header .left-title {
    width: 20%;
    float: left;
  }
  .menu-header.vs-header .stock-no {
    float: left;
    width: calc(100% - 32px);
    min-width: calc(100% - 32px);
    color: #fff;
    font-size: xrem(15px);
    font-weight: 400;
    letter-spacing: xrem(-0.4px);
    display: inline-block;
    padding-left: xrem(2px);
  }
  .menu-header .edit-btn {
    line-height: xrem(56px);
    color: #fff;
    font-size: xrem(15px);
    font-weight: 400;
    letter-spacing: xrem(-0.38px);
    cursor: pointer;
  }
  .menu-header h3 {
    font-size: 17px;
    font-weight: bold;
    letter-spacing: xrem(-0.4px);
    color: #fff;
    margin: 0;
    display: inline-block;
    float: left;
    width: 60%;
    line-height: xrem(56px);
    text-align: center;
  }
  .menu-header h3 .select-list-container {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    cursor: pointer;
  }
  .menu-header h3 .select-list-container:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    border-color: #fff transparent transparent transparent;
    position: relative;
    top: xrem(14px);
    margin-left: 0.25rem;
  }
  .menu-header h3 .no-items .select-list-container {
    cursor: default;
  }
  .menu-header h3 .no-items .select-list-container:after {
    display: none;
  }
  .menu-header .popup-title h3 {
    color: var(--ion-color-secondary);
    margin-top: 14px;
  }
  .menu-header .more-options {
    width: 20%;
    float: right;
    text-align: right;
    padding: 0 1rem;
  }
  .menu-header .more-options span {
    width: xrem(4px);
    height: xrem(4px);
    border-radius: 100%;
    background: #fff;
    position: relative;
    display: inline-block;
    margin-right: xrem(4px);
    top: xrem(-3px);
    right: xrem(3px);
  }
  .menu-header .more-options span:before {
    content: "";
    width: xrem(4px);
    height: xrem(4px);
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: xrem(-6px);
  }
  .menu-header .more-options span:after {
    content: "";
    width: xrem(4px);
    height: xrem(4px);
    border-radius: 100%;
    background: #fff;
    position: absolute;
    right: xrem(-6px);
  }
  .load-more-container {
    text-align: center;
    padding: 0 0 1rem 0;
  }
  .load-more {
    line-height: 48px;
    display: block;
    font-size: 14px;
    border-radius: 4px;
  }
  .load-more:hover {
    color: var(--mc-color-mid-grey);
  }
  .main-menu-container {
    background: var(--mc-menu-bg);
    height: 100%;
    position: absolute;
    padding-top: 2rem;
  }
  .main-menu-container a {
    text-decoration: none;
  }
  .sticky-top .main-menu-container {
    height: auto;
    position: inherit;
    padding-top: inherit;
  }
  .main-menu {
    background: var(--mc-menu-bg);
    overflow: auto;
  }
  .main-menu .menu-hdr .hdr-container {
    padding-top: 70px;
  }
  .main-menu .menu-link {
    opacity: 0.5;
  }
  .main-menu.active .menu-link {
    opacity: 1;
  }
  .menu-hdr {
    position: relative;
    display: table;
  }
  .menu-hdr .hdr-container {
    position: relative;
    display: table;
    width: 100%;
    padding: xrem(20px) 0;
  }
  .menu-hdr .close-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
    color: #fff;
  }
  .menu-hdr h2 {
    font-size: xrem(20px);
    line-height: 1;
    margin-bottom: 0;
  }
  .menu-hdr h2 i {
    font-size: xrem(64px);
  }
  .menu-items ul {
    margin: 0;
    width: 100%;
    align-content: space-between;
    display: flex;
  }
  .menu-items li {
    list-style: none;
    display: grid;
    margin-bottom: 2rem;
    text-align: center;
  }
  .menu-items li:nth-child(3n+1) {
    clear: both;
  }
  .menu-items li span {
    font-size: 12px;
    color: #fff;
  }
  .menu-items li a {
    display: block;
  }
  .menu-items li a:hover {
    opacity: 0.7;
  }
  .menu-link {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 100%;
    margin: 0 auto 0.25rem;
  }
  .menu-link i {
    color: #fff;
    font-size: 34px;
  }
  .menu-more {
    background: var(--mc-menu-bg);
    padding-bottom: 1rem;
    position: fixed;
    bottom: -6rem;
    left: 0;
    right: 0;
  }
  .menu-more.active {
    bottom: -1rem;
    z-index: 900;
  }
  .menu-more a {
    width: 100%;
    line-height: xrem(55px);
    padding-top: xrem(5px);
    color: #fff;
    text-align: center;
    display: block;
    position: relative;
  }
  .menu-more a:before {
    content: "\e905";
    font-family: "icomoon";
    font-size: 9px;
    color: #fff;
    top: -13px;
    left: 50%;
    margin-left: xrem(-7px);
    position: absolute;
  }
  .popup {
    position: relative;
  }
  .popup:after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
  }
  .popup.special:after {
    border-color: rgba(255, 0, 0, 0.5);
  }
  .parameters-values#vehicle-status .parameter-value .select-list-container:before,
  app-vehicle-list-item .parameter-value .select-list-container:before {
    background-color: var(--ion-color-lighter-light);
  }
  .parameters-values#vehicle-status .status-indicator,
  app-vehicle-list-item .status-indicator {
    background-color: var(--ion-color-lighter-light);
  }
  .parameters-values#vehicle-status .unsold .current-status:before,
  app-vehicle-list-item .unsold .current-status:before {
    background-color: #ff0000;
  }
  .parameters-values#vehicle-status .unsold.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .unsold.parameter-value .select-list-container .attr-label:before {
    background-color: #ff0000;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .unsold.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .unsold.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .unsold .status-indicator,
  app-vehicle-list-item .unsold .status-indicator {
    background-color: #ff0000;
  }
  .parameters-values#vehicle-status .all .current-status:before,
  app-vehicle-list-item .all .current-status:before {
    background-color: var(--ion-color-primary);
  }
  .parameters-values#vehicle-status .all.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .all.parameter-value .select-list-container .attr-label:before {
    background-color: var(--ion-color-primary);
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .all.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .all.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .all .status-indicator,
  app-vehicle-list-item .all .status-indicator {
    background-color: var(--ion-color-primary);
  }
  .parameters-values#vehicle-status .inactive .current-status:before,
  app-vehicle-list-item .inactive .current-status:before {
    background-color: #ccc;
  }
  .parameters-values#vehicle-status .inactive.parameter-value .select-list-container :before,
  app-vehicle-list-item .inactive.parameter-value .select-list-container :before {
    background-color: #ccc;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .inactive.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .inactive.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .inactive .status-indicator,
  app-vehicle-list-item .inactive .status-indicator {
    background-color: #ccc;
  }
  .parameters-values#vehicle-status .sold .current-status:before,
  app-vehicle-list-item .sold .current-status:before {
    background-color: #ff66ff;
  }
  .parameters-values#vehicle-status .sold.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .sold.parameter-value .select-list-container .attr-label:before {
    background-color: #ff66ff;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .sold.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .sold.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .sold .status-indicator,
  app-vehicle-list-item .sold .status-indicator {
    background-color: #ff66ff;
  }
  .parameters-values#vehicle-status .onyard .current-status:before,
  app-vehicle-list-item .onyard .current-status:before {
    background-color: #0c0;
  }
  .parameters-values#vehicle-status .onyard.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .onyard.parameter-value .select-list-container .attr-label:before {
    background-color: #0c0;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .onyard.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .onyard.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .onyard .status-indicator,
  app-vehicle-list-item .onyard .status-indicator {
    background-color: #0c0;
  }
  .parameters-values#vehicle-status .atsupplier .current-status:before,
  app-vehicle-list-item .atsupplier .current-status:before {
    background-color: #f90;
  }
  .parameters-values#vehicle-status .atsupplier.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .atsupplier.parameter-value .select-list-container .attr-label:before {
    background-color: #f90;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .atsupplier.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .atsupplier.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .atsupplier .status-indicator,
  app-vehicle-list-item .atsupplier .status-indicator {
    background-color: #f90;
  }
  .parameters-values#vehicle-status .atcompliance .current-status:before,
  app-vehicle-list-item .atcompliance .current-status:before {
    background-color: #999;
  }
  .parameters-values#vehicle-status .atcompliance.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .atcompliance.parameter-value .select-list-container .attr-label:before {
    background-color: #999;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .atcompliance.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .atcompliance.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .atcompliance .status-indicator,
  app-vehicle-list-item .atcompliance .status-indicator {
    background-color: #999;
  }
  .parameters-values#vehicle-status .intransit .current-status:before,
  app-vehicle-list-item .intransit .current-status:before {
    background-color: #fc0;
  }
  .parameters-values#vehicle-status .intransit.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .intransit.parameter-value .select-list-container .attr-label:before {
    background-color: #fc0;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .intransit.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .intransit.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .intransit .status-indicator,
  app-vehicle-list-item .intransit .status-indicator {
    background-color: #fc0;
  }
  .parameters-values#vehicle-status .ontestdrive .current-status:before,
  app-vehicle-list-item .ontestdrive .current-status:before {
    background-color: #06f;
  }
  .parameters-values#vehicle-status .ontestdrive.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .ontestdrive.parameter-value .select-list-container .attr-label:before {
    background-color: #06f;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .ontestdrive.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .ontestdrive.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .ontestdrive .status-indicator,
  app-vehicle-list-item .ontestdrive .status-indicator {
    background-color: #06f;
  }
  .parameters-values#vehicle-status .onloan .current-status:before,
  app-vehicle-list-item .onloan .current-status:before {
    background-color: #06f;
  }
  .parameters-values#vehicle-status .onloan.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .onloan.parameter-value .select-list-container .attr-label:before {
    background-color: #06f;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .onloan.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .onloan.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .onloan .status-indicator,
  app-vehicle-list-item .onloan .status-indicator {
    background-color: #06f;
  }
  .parameters-values#vehicle-status .atorigin .current-status:before,
  app-vehicle-list-item .atorigin .current-status:before {
    background-color: #ee6558;
  }
  .parameters-values#vehicle-status .atorigin.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .atorigin.parameter-value .select-list-container .attr-label:before {
    background-color: #ee6558;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .atorigin.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .atorigin.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .atorigin .status-indicator,
  app-vehicle-list-item .atorigin .status-indicator {
    background-color: #ee6558;
  }
  .parameters-values#vehicle-status .atauction .current-status:before,
  app-vehicle-list-item .atauction .current-status:before {
    background-color: #57bad2;
  }
  .parameters-values#vehicle-status .atauction.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .atauction.parameter-value .select-list-container .attr-label:before {
    background-color: #57bad2;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .atauction.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .atauction.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .atauction .status-indicator,
  app-vehicle-list-item .atauction .status-indicator {
    background-color: #57bad2;
  }
  .parameters-values#vehicle-status .other .current-status:before,
  app-vehicle-list-item .other .current-status:before {
    background-color: #909090;
  }
  .parameters-values#vehicle-status .other.parameter-value .select-list-container .attr-label:before,
  app-vehicle-list-item .other.parameter-value .select-list-container .attr-label:before {
    background-color: #909090;
    border-color: var(--ion-color-medium-tint);
  }
  .parameters-values#vehicle-status .other.parameter-value .select-list-container .attr-label:after,
  app-vehicle-list-item .other.parameter-value .select-list-container .attr-label:after {
    color: var(--ion-color-primary-contrast);
    opacity: 0.7;
  }
  .parameters-values#vehicle-status .other .status-indicator,
  app-vehicle-list-item .other .status-indicator {
    background-color: #909090;
  }
  app-spinner-inline {
    position: relative;
    display: table;
    width: 100%;
  }
  app-image-displayer {
    position: relative;
  }
  app-dms-menu {
    height: 56px;
    display: block;
    background: var(--dms-color);
  }
  app-dms-menu .menu-header {
    position: relative;
    position: fixed;
    top: -56px;
    left: 0;
    right: 0;
    z-index: 9;
  }
  .sticky-fixed .menu-header {
    top: 0;
    z-index: 99;
  }
  .sticky-top .menu-header {
    top: 0;
    left: 0;
    right: 0;
  }
  [class^=contact-class-],
  [class*=" contact-class-"] {
    border-radius: 100%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    background-color: #68af55;
  }
  [class^=contact-class-].business,
  [class*=" contact-class-"].business {
    background-color: var(--ion-color-secondary);
  }
  :root.mc-dark [class^=contact-class-].business,
  :root.mc-dark [class*=" contact-class-"].business {
    background-color: var(--mc-surface-2);
    color: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--mc-border);
  }
  .contact-class-0 {
    background-color: #68af55;
  }
  .contact-class-a {
    background-color: #00bc9d;
  }
  .contact-class-b {
    background-color: #00a086;
  }
  .contact-class-c {
    background-color: #1dcb77;
  }
  .contact-class-d {
    background-color: #19ad65;
  }
  .contact-class-e {
    background-color: #269ad7;
  }
  .contact-class-f {
    background-color: #1d81b6;
  }
  .contact-class-g {
    background-color: #0057d8;
  }
  .contact-class-h {
    background-color: #8f47a9;
  }
  .contact-class-i {
    background-color: #84356f;
  }
  .contact-class-j {
    background-color: #bec4d1;
  }
  .contact-class-k {
    background-color: #f3c23a;
  }
  .contact-class-l {
    background-color: #f69a33;
  }
  .contact-class-m {
    background-color: #e97d34;
  }
  .contact-class-n {
    background-color: #d6531d;
  }
  .contact-class-o {
    background-color: #ea4b43;
  }
  .contact-class-p {
    background-color: #c33831;
  }
  .contact-class-q {
    background-color: #008aa5;
  }
  .contact-class-r {
    background-color: #00cbc3;
  }
  .contact-class-s {
    background-color: #ffa8dd;
  }
  .contact-class-t {
    background-color: #da83f5;
  }
  .contact-class-u {
    background-color: #f04c69;
  }
  .contact-class-v {
    background-color: #b73570;
  }
  .contact-class-w {
    background-color: #c4e351;
  }
  .contact-class-x {
    background-color: #a3ca4b;
  }
  .contact-class-y {
    background-color: #00933c;
  }
  .contact-class-z {
    background-color: #006265;
  }
  app-contact-search-result {
    background: var(--mc-surface-0);
    display: table;
    width: 100%;
  }
  app-contact-search-result:last-child {
    border-bottom: xrem(1px) solid var(--mc-border-e5);
  }
  app-contact-search-result:last-child .contact-result:before {
    display: none;
  }
  .vehicle-images ul {
    margin: 0;
  }
  .vehicle-images li app-image-displayer {
    position: relative;
    padding-bottom: 75%;
    width: 100%;
    background: var(--mc-border-strong);
  }
  .vehicle-images li span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .vehicle-images li img {
    pointer-events: none;
  }
  .ngucarouselPointDefault[_ngcontent-c2] .ngucarouselPoint[_ngcontent-c2] {
    padding: 0 !important;
  }
  .vehicle-summary-field {
    display: table;
    width: 100%;
  }
  .vehicle-summary-field label,
  .vehicle-summary-field .none-selected {
    font-size: xrem(15px);
    letter-spacing: xrem(-0.1px);
    line-height: xrem(20px);
    color: var(--mc-color-mid-grey);
    font-weight: 400;
    float: left;
    text-align: left;
    width: 50%;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .vehicle-summary-field p {
    margin-bottom: 0;
    font-size: xrem(15px);
    letter-spacing: xrem(-0.1px);
    line-height: xrem(20px);
    color: var(--ion-color-secondary);
    font-weight: 400;
    float: right;
    text-align: right;
    width: 50%;
  }
  .vehicle-summary-field ul {
    list-style-type: none;
    margin: 0;
    padding: xrem(12px) 0;
  }
  .vehicle-summary-field li {
    font-size: xrem(15px);
    letter-spacing: xrem(-0.1px);
    line-height: xrem(24px);
    color: var(--mc-color-mid-grey);
    font-weight: 400;
    float: left;
    list-style: none;
  }
  .vehicle-summary-field li:after {
    content: ",";
    margin-right: xrem(4px);
  }
  .vehicle-summary-field .none-selected {
    line-height: xrem(50px);
  }
  .vehicle-summary-field app-value-displayer {
    position: relative;
    width: 100%;
    padding: xrem(5px) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 50px;
  }
  .vehicle-summary-field app-value-displayer:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: xrem(-16px);
    left: 0;
    height: 1px;
    background: var(--mc-border-f2);
    display: inline-block;
  }
  .vehicle-summary-field:last-child app-value-displayer:after {
    display: none;
  }
  .edit-screen .vehicle-display-section:first-child .subtitlex {
    border-top: none;
  }
  .edit-screen app-date-input,
  .edit-screen app-select-list,
  .edit-screen app-select-list-lazy,
  .edit-screen app-select-list-lazy-multi,
  .edit-screen app-select-list-multi,
  .edit-screen app-text-field,
  .edit-screen app-currency-input,
  .edit-screen app-checkbox-switch,
  .edit-screen app-value-displayer {
    position: relative;
    width: 100%;
    padding: xrem(5px) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    min-height: 64px;
  }
  .edit-screen app-date-input p:after {
    content: "\e905";
    font-family: "icomoon";
    color: var(--mc-color-mid-grey);
    font-size: xrem(13px);
    margin-left: xrem(8px);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: xrem(-10px);
  }
  .edit-screen .vehicle-summary-field label {
    font-size: xrem(14px);
    line-height: xrem(20px);
    color: var(--ion-color-secondary);
    font-weight: 500;
    float: none;
  }
  .edit-screen .vehicle-summary-field p {
    color: var(--mc-color-mid-grey);
    font-size: xrem(14px);
    line-height: xrem(20px);
    margin-bottom: 0;
    float: none;
    text-align: left;
  }
  .subtitlex {
    background: var(--ion-color-lighter-light);
    border-top: 1px solid var(--mc-border-e5);
    border-bottom: 1px solid var(--mc-border-e5);
    padding: xrem(35px) 0 9px;
  }
  .subtitlex h2 {
    line-height: 1;
    margin-bottom: 0;
    font-size: xrem(13px);
    letter-spacing: xrem(0.5px);
    text-transform: uppercase;
    color: var(--mc-color-mid-grey);
    float: left;
  }
  .subtitlex .edit {
    text-align: right;
    float: right;
    font-size: xrem(13px);
  }
  .subtitlex .edit a {
    color: var(--dms-color);
  }
  app-checkbox-switch label {
    width: calc(100% - 50px);
    float: left;
    padding-right: 1rem;
  }
  .checkbox-switch {
    width: xrem(50px);
    height: xrem(32px);
    border-radius: 32px;
    background: var(--mc-switch-track);
    border: xrem(1px) solid var(--mc-border-d9);
    color: rgba(0, 0, 0, 0);
    position: relative;
    float: right;
  }
  .checkbox-switch:before {
    content: "";
    width: xrem(28px);
    height: xrem(28px);
    border-radius: 100%;
    position: absolute;
    top: xrem(1px);
    left: xrem(1px);
    background: var(--mc-switch-thumb);
  }
  .checkbox-switch.active {
    background: var(--dms-color);
    border-color: var(--dms-color);
  }
  .checkbox-switch.active:before {
    left: calc(100% - 29px);
  }
  .date-input-entry .mat-calendar-header {
    padding: 0;
  }
  .date-input-entry .mat-calendar-controls {
    margin: 1rem 0;
  }
  .date-input-entry .mat-calendar-body-selected {
    background-color: var(--dms-color);
  }
  .date-input-entry .mat-button,
  .date-input-entry .mat-flat-button,
  .date-input-entry .mat-icon-button,
  .date-input-entry .mat-stroked-button {
    padding: 0;
  }
  .date-input-entry .mat-button:hover,
  .date-input-entry .mat-flat-button:hover,
  .date-input-entry .mat-icon-button:hover,
  .date-input-entry .mat-stroked-button:hover {
    opacity: 0.9;
  }
  .date-input-entry .mat-calendar-body-label {
    padding-left: 0;
    padding-right: 0;
  }
  .date-input-entry .selected-date p {
    margin-top: 2rem;
    font-size: xrem(20px);
  }
  .price-popup {
    padding: 0 1rem;
  }
  .price-popup .price-item {
    text-align: left;
    border-bottom: xrem(1px) solid var(--mc-border-f2);
    color: var(--mc-color-mid-grey);
  }
  .price-popup .price-item span {
    float: right;
    color: var(--ion-color-secondary);
  }
  .currency-input-entry app-date-input,
  .currency-input-entry app-select-list,
  .currency-input-entry app-select-list-lazy,
  .currency-input-entry app-select-list-lazy-multi,
  .currency-input-entry app-select-list-multi,
  .currency-input-entry app-text-field,
  .currency-input-entry app-currency-input,
  .currency-input-entry app-checkbox-switch,
  .currency-input-entry app-value-displayer {
    min-height: 50px;
  }
  .currency-input-entry app-date-input:last-child:after,
  .currency-input-entry app-select-list:last-child:after,
  .currency-input-entry app-select-list-lazy:last-child:after,
  .currency-input-entry app-select-list-lazy-multi:last-child:after,
  .currency-input-entry app-select-list-multi:last-child:after,
  .currency-input-entry app-text-field:last-child:after,
  .currency-input-entry app-currency-input:last-child:after,
  .currency-input-entry app-checkbox-switch:last-child:after,
  .currency-input-entry app-value-displayer:last-child:after {
    display: none;
  }
  .currency-input-entry .number {
    position: relative;
  }
  .currency-input-entry .number label {
    width: 41.66667%;
    float: left;
    font-size: 17px;
    color: var(--mc-color-mid-grey);
    line-height: 17px;
    letter-spacing: -0.1px;
    font-weight: 400;
    cursor: pointer;
    text-align: left;
  }
  .currency-input-entry .number .attr-value {
    width: 58.33333%;
    float: right;
    text-align: right;
    font-size: 17px;
    color: var(--ion-color-secondary);
    line-height: 17px;
    cursor: pointer;
  }
  .currency-input-entry .number .attr-value.not-selected {
    color: var(--mc-color-mid-grey);
  }
  .currency-input-entry .number .attr-value.editable {
    padding-right: 1rem;
  }
  .currency-input-entry .number .attr-value.editable:after {
    content: "\e905";
    font-family: "icomoon";
    color: var(--mc-color-mid-grey);
    font-size: 12px;
    margin-left: xrem(8px);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: xrem(-10px);
  }
  .currency-input-entry .number .attr-value i {
    vertical-align: middle;
    position: relative;
    top: -1px;
    line-height: initial;
    font-size: 12px;
  }
  .attribute-list .stock-no,
  .attribute-list .status-caption,
  .attribute-list li.attribute-list {
    color: var(--mc-text-2d-60);
  }
}
/* min-width 375px, medium screens */
@media only screen and (min-width: 375px) {
  .menu-link {
    width: xrem(88px);
    height: xrem(88px);
    line-height: xrem(88px);
  }
}
/* min-width 640px, medium screens */
/* min-width 760px, medium screens */
@media only screen and (min-width: 760px) {
  .vehicle-summary-field app-value-displayer:after {
    right: 0;
  }
}
ion-app.mc-embedded ion-split-pane ion-menu {
  display: none;
}
ion-app.mc-embedded.loggedIn ion-split-pane ion-menu {
  display: block;
}
ion-app.mc-embedded ion-menu .menuList {
  padding-top: 8px;
}
ion-app.mc-embedded ion-menu .menuList ion-item {
  --min-height: 38px;
}
ion-app.mc-embedded ion-menu .menuList ion-item.child {
  --min-height: 34px;
}
ion-app.mc-embedded .split-pane-md.split-pane-visible > .split-pane-side {
  max-width: 240px;
}
ion-app.mc-embedded .mcmenu ion-list-header {
  --ion-safe-area-left: -2px;
}
ion-app.mc-embedded ion-menu-toggle {
  margin-bottom: 10px;
}
ion-app.mc-embedded .app-component-logo {
  display: none;
}
ion-app.mc-embedded #mc-popover {
  display: none;
}
ion-app.mc-embedded ion-button.notifications {
  display: none;
}
ion-app.mc-embedded ion-router-outlet ion-header ion-toolbar {
  --floaty-margin: 8px;
}
ion-app.mc-embedded .verticalscroll {
  overflow-y: scroll;
}
ion-app.mc-embedded .sc-ion-modal-md-h {
  --width: 600px;
  --height: 500px;
  --ion-safe-area-top: 0px;
  --ion-safe-area-bottom: 0px;
  --ion-safe-area-right: 0px;
  --ion-safe-area-left: 0px;
}
ion-app.mc-embedded .ios ion-menu ion-content ion-list ion-item ion-label, ion-app.mc-embedded .ios ion-menu ion-content ion-list div.footer-icon ion-label, ion-app.mc-embedded .ios ion-menu ion-content ion-list.list-md ion-item ion-label, ion-app.mc-embedded .ios ion-menu ion-content ion-list.list-md div.footer-icon ion-label, ion-app.mc-embedded .ios ion-menu ion-footer ion-list ion-item ion-label, ion-app.mc-embedded .ios ion-menu ion-footer ion-list div.footer-icon ion-label, ion-app.mc-embedded .ios ion-menu ion-footer ion-list.list-md ion-item ion-label, ion-app.mc-embedded .ios ion-menu ion-footer ion-list.list-md div.footer-icon ion-label, ion-app.mc-embedded .md ion-menu ion-content ion-list ion-item ion-label, ion-app.mc-embedded .md ion-menu ion-content ion-list div.footer-icon ion-label, ion-app.mc-embedded .md ion-menu ion-content ion-list.list-md ion-item ion-label, ion-app.mc-embedded .md ion-menu ion-content ion-list.list-md div.footer-icon ion-label, ion-app.mc-embedded .md ion-menu ion-footer ion-list ion-item ion-label, ion-app.mc-embedded .md ion-menu ion-footer ion-list div.footer-icon ion-label, ion-app.mc-embedded .md ion-menu ion-footer ion-list.list-md ion-item ion-label, ion-app.mc-embedded .md ion-menu ion-footer ion-list.list-md div.footer-icon ion-label {
  font-size: 14px;
}
ion-app.mc-embedded .menuList ion-menu-toggle.mcmenu ion-list-header .mc-list-header-label {
  font-size: 12px;
}
ion-app.mc-embedded .ios ion-menu ion-content ion-list ion-item .mc-icon, ion-app.mc-embedded .ios ion-menu ion-content ion-list div.footer-icon .mc-icon, ion-app.mc-embedded .ios ion-menu ion-content ion-list.list-md ion-item .mc-icon, ion-app.mc-embedded .ios ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon, ion-app.mc-embedded .ios ion-menu ion-footer ion-list ion-item .mc-icon, ion-app.mc-embedded .ios ion-menu ion-footer ion-list div.footer-icon .mc-icon, ion-app.mc-embedded .ios ion-menu ion-footer ion-list.list-md ion-item .mc-icon, ion-app.mc-embedded .ios ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon, ion-app.mc-embedded .md ion-menu ion-content ion-list ion-item .mc-icon, ion-app.mc-embedded .md ion-menu ion-content ion-list div.footer-icon .mc-icon, ion-app.mc-embedded .md ion-menu ion-content ion-list.list-md ion-item .mc-icon, ion-app.mc-embedded .md ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon, ion-app.mc-embedded .md ion-menu ion-footer ion-list ion-item .mc-icon, ion-app.mc-embedded .md ion-menu ion-footer ion-list div.footer-icon .mc-icon, ion-app.mc-embedded .md ion-menu ion-footer ion-list.list-md ion-item .mc-icon, ion-app.mc-embedded .md ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon {
  font-size: 22px;
}
ion-app.mc-embedded .menuList ion-menu-toggle ion-note span.count {
  margin-top: 10px;
}
ion-app.mc-embedded .menuList ion-menu-toggle .child ion-note span.count {
  margin-top: 8px;
}

ion-app.mc-embedded.app-dms ion-split-pane ion-menu {
  display: none;
}
ion-app.mc-embedded.app-dms app-dashboard .dashboard {
  --ion-background-color: var(--ion-color-lighter-light-lighter);
}
ion-app.mc-embedded.app-dms app-header.dashboard-header {
  display: none;
}
ion-app.mc-embedded.app-dms ion-modal {
  --max-width:640px;
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src: url('Inter-italic-300.ttf') format("truetype"), url('Inter-italic-300') format("woff"), url('Inter-italic-300.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url('Inter-italic-400.ttf') format("truetype"), url('Inter-italic-400') format("woff"), url('Inter-italic-400.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url('Inter-italic-500.ttf') format("truetype"), url('Inter-italic-500') format("woff"), url('Inter-italic-500.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url('Inter-italic-600.ttf') format("truetype"), url('Inter-italic-600') format("woff"), url('Inter-italic-600.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url('Inter-normal-300.ttf') format("truetype"), url('Inter-normal-300') format("woff"), url('Inter-normal-300.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url('Inter-normal-400');
  src: local("Inter"), url('Inter-normal-400.ttf') format("truetype"), url('Inter-normal-400.svg#Inter') format("svg"), url('Inter-normal-400?#iefix') format("embedded-opentype"), url('Inter-normal-400') format("woff"), url('Inter-normal-400.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url('Inter-normal-500.ttf') format("truetype"), url('Inter-normal-500') format("woff"), url('Inter-normal-500.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url('Inter-normal-600.ttf') format("truetype"), url('Inter-normal-600') format("woff"), url('Inter-normal-600.woff2') format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url('Inter-normal-700.ttf') format("truetype"), url('Inter-normal-700') format("woff"), url('Inter-normal-700.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url('Roboto-italic-300.ttf') format("truetype"), url('Roboto-italic-300') format("woff"), url('Roboto-italic-300.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url('Roboto-italic-400.ttf') format("truetype"), url('Roboto-italic-400') format("woff"), url('Roboto-italic-400.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url('Roboto-italic-500.ttf') format("truetype"), url('Roboto-italic-500') format("woff"), url('Roboto-italic-500.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 600;
  src: url('Roboto-italic-600.ttf') format("truetype"), url('Roboto-italic-600') format("woff"), url('Roboto-italic-600.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url('Roboto-normal-300.ttf') format("truetype"), url('Roboto-normal-300') format("woff"), url('Roboto-normal-300.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-normal-400');
  src: local("Roboto"), url('Roboto-normal-400.ttf') format("truetype"), url('Roboto-normal-400') format("woff"), url('Roboto-normal-400.woff2') format("woff2"), url('Roboto-normal-400?#iefix') format("embedded-opentype"), url('Roboto-normal-400.svg#Roboto') format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-normal-500.ttf') format("truetype"), url('Roboto-normal-500') format("woff"), url('Roboto-normal-500.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url('Roboto-normal-600.ttf') format("truetype"), url('Roboto-normal-600') format("woff"), url('Roboto-normal-600.woff2') format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-normal-700.ttf') format("truetype"), url('Roboto-normal-700') format("woff"), url('Roboto-normal-700.woff2') format("woff2");
}
.app-list-content ion-card {
  margin-left: unset;
  margin-right: unset;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-left: 0px;
  padding-right: 0px;
  --ion-item-background: var(--ion-color-primary-contrast);
  background: var(--ion-item-background);
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
}
.app-list-content ion-card.visited {
  --ion-item-background: var(--ion-color-lighter-lightest);
  opacity: 0.9;
}

ion-list ion-item.visited {
  --ion-item-background: var(--ion-color-lighter-lightest);
  background: var(--ion-color-lighter-lightest);
  opacity: 0.9;
}

.app-list-content .selected ion-card,
.app-list-content .selected ion-item {
  --ion-item-background: var(--ion-color-lighter-lightest);
  background: var(--ion-color-lighter-lightest);
  opacity: 0.9;
}

.recently-added-list ion-item.visited {
  background: var(--ion-color-lighter-lightest);
  --ion-item-background: var(--ion-color-lighter-lightest);
  opacity: 0.9;
}

.contacts-slider app-contact-image-displayer .contact-image-wrap [class^=contact-class-],
.contacts-slider app-contact-image-displayer .contact-image-wrap [class*=" contact-class-"] {
  width: 5rem;
  height: 5rem;
  border-radius: 5px;
  line-height: 5rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.75rem;
}

.selected .vehicle-summary-item {
  --ion-item-background: var(--mc-surface-f9fb);
  opacity: 0.9;
}

.vehicle-summary-item .id-bg-image {
  border-radius: 6px;
  border: 1px solid var(--ion-color-light);
}
.vehicle-summary-item .vehicle-data {
  padding-left: 14px;
  padding-bottom: 10px;
}
.vehicle-summary-item .vehicle-data .stock-no {
  font-weight: 500;
}

/**  New item list styling */
ion-list.mc-items {
  padding: 0px 0px 0px 0px;
}
ion-list.mc-items ion-list-header {
  min-height: 20px;
  padding-top: 10px;
}
ion-list.mc-items ion-col ion-item {
  padding-top: 0px;
}
ion-list.mc-items ion-item {
  padding-top: 10px;
}
ion-list.mc-items ion-item:hover {
  cursor: pointer;
  --ion-item-background: var(--ion-color-lighter-light-lighter);
}
ion-list.mc-items ion-item ion-thumbnail {
  background: var(--ion-color-lighter-contrast);
  align-self: start;
  margin-top: 16px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--ion-color-lighter-contrast);
}
ion-list.mc-items ion-item ion-thumbnail .mc-thumb {
  z-index: 9;
  border-radius: 5px;
  object-fit: cover;
}
ion-list.mc-items ion-item ion-thumbnail .mc-thumb > div {
  border: 1px solid var(--ion-color-lighter-contrast);
}
ion-list.mc-items ion-item ion-thumbnail .mc-thumb > div.placeholder {
  border: none;
}
ion-list.mc-items ion-item ion-note {
  align-self: start;
  padding-top: 6px;
}
ion-list.mc-items ion-item ion-note.textnote {
  padding-top: 0;
  font-size: 10px;
  line-height: 20px;
}
ion-list.mc-items ion-item ion-note.textnote .status-indicator.small {
  top: 0;
  margin-left: 4px;
}
ion-list.mc-items ion-item ion-label {
  margin-top: 10px;
  margin-left: 4px;
  margin-right: 4px;
  align-self: start;
}
ion-list.mc-items ion-item ion-label p {
  padding: 0;
  margin-bottom: 0;
}
ion-list.mc-items ion-item ion-label p.sup,
ion-list.mc-items ion-item ion-label p.sub,
ion-list.mc-items ion-item ion-label p.main {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
ion-list.mc-items ion-item ion-label p.main {
  color: var(--ion-color-secondary);
  font-size: 16px;
}
ion-list.mc-items ion-item ion-label p.sup,
ion-list.mc-items ion-item ion-label p.sub {
  color: var(--ion-color-secondary-text);
  font-size: 11px;
}
ion-list.mc-items ion-item ion-label p.sub {
  margin-bottom: 2px;
}
ion-list.mc-items ion-item ion-label .newpill {
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 10px;
  text-transform: capitalize;
  font-weight: 400;
  background-color: var(--mc-color-light-grey);
  border-radius: 15px;
}
ion-list.mc-items ion-item ion-label div.pill,
ion-list.mc-items ion-item ion-label span.pill {
  font-size: 12px;
  background-color: var(--mc-color-light-grey);
  border-radius: 5px;
  width: auto;
  padding: 4px 8px;
  min-width: 10px;
  line-height: 12px;
  color: var(--ion-color-secondary-text);
}
ion-list.mc-items ion-item ion-label div.pill.pill-with-icon,
ion-list.mc-items ion-item ion-label span.pill.pill-with-icon {
  height: 22px;
  font-size: 12px;
}
ion-list.mc-items ion-item ion-label div.pill.pill-with-icon span,
ion-list.mc-items ion-item ion-label span.pill.pill-with-icon span {
  position: relative;
  top: -1px;
}

.story-overlay {
  width: 100%;
  height: 62%;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 9999;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--ion-color-secondary));
  background-repeat: none;
  background-size: 100% 100%;
  overflow: hidden;
}
.story-overlay.contact {
  top: auto;
  bottom: 0;
  height: 70%;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2), var(--ion-color-secondary));
}
.story-overlay.big {
  height: 50%;
}
.story-overlay.big .vehicle-info p {
  font-size: 18px;
  line-height: 1.2em;
  width: 160px;
}

.story-info-card {
  position: absolute;
  top: 5%;
  background: var(--ion-color-dark-tint);
  background: var(--ion-color-secondary);
  height: 95%;
  width: 100%;
  border-radius: 0 0 6px 6px;
}
.story-info-card .story-info {
  position: absolute;
  left: 10px;
  bottom: 8px;
  color: white;
  text-align: left;
  width: 100%;
}
.story-info-card .story-info p {
  font-size: 11px;
  line-height: 1;
  width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.story-info-card .story-info p.stock-no {
  color: white;
  opacity: 0.7;
}
.story-info-card .story-info p.description {
  color: white;
  opacity: 0.9;
  font-weight: 500;
  padding-bottom: 2px;
}

.stock-multi-slider2.contact-name-truncate app-image-displayer .story-info-card .story-info p.stock-no {
  width: 65%;
}

.card-content-md .sc-ion-label-md-s p {
  line-height: 20px;
}

ion-list.mc-items ion-item ion-thumbnail.sale-list-item-thumb {
  background: url("/assets/image/placeholder-car-thumb.png");
  background-size: 56px 56px;
}

.fields-wrapper .field-list ion-list ion-item.text.small p.full-width-p {
  font-size: 13px;
  margin-top: 10px;
}

.fields-wrapper .field-list ion-list ion-item.text.highlight-subvalue {
  padding-top: 0;
}
.fields-wrapper .field-list ion-list ion-item.text.highlight-subvalue span.subnote {
  color: var(--ion-color-primary);
  font-size: 14px;
  line-height: 2em;
}

.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) {
  border-bottom: 1px solid var(--ion-color-lighter-light);
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) ion-item ion-note {
  font-size: 14px;
  cursor: pointer;
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) ion-item ion-note span.subnote {
  line-height: 1em;
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) ion-item.black {
  margin-top: 0;
  padding-top: 0;
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) ion-item.black p {
  padding-top: 0;
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) ion-item.black ion-note span.subnote {
  line-height: 2em;
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) ion-item.longtext p.longtext-subnote {
  font-size: 10px;
}
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) .nolabel br,
.fields-wrapper .field-list ion-list.wholesale-qanda:not(.edit) .nolabel ion-label {
  display: none;
}

@media screen and (min-width: 768px) {
  .mc-items ion-col {
    --ion-grid-column-padding: 0px;
  }
}
.app-list-content ion-list.mc-items ion-item.mc-card-item ion-label {
  margin-top: 14px;
}
.app-list-content ion-list.mc-items ion-item.mc-card-item ion-label p.main {
  color: var(--mc-color-black);
}
.app-list-content ion-list.mc-items ion-item.mc-card-item ion-label p.sup,
.app-list-content ion-list.mc-items ion-item.mc-card-item ion-label p.sub {
  font-size: 12px;
  color: var(--mc-color-mid-grey);
  margin-bottom: 0;
}
.app-list-content ion-list.mc-items ion-item.mc-card-item ion-label div {
  display: flex;
  justify-content: space-between;
}

ion-list.mc-items {
  width: 100%;
}

:host ::ng-deep .status-indicator.small {
  top: 0;
  margin-right: 4px;
}

/* Dark mode fixes (some legacy screens still rely on this file) */
:root.mc-dark {
  /* Story tiles: in dark mode `--ion-color-secondary` becomes white, so force a dark surface */
}
:root.mc-dark .app-list-content ion-card {
  --ion-item-background: var(--mc-surface-1);
  background: var(--ion-item-background);
  color: var(--mc-text-1);
}
:root.mc-dark .app-list-content ion-card.visited {
  --ion-item-background: var(--mc-surface-2);
}
:root.mc-dark ion-list ion-item.visited {
  --ion-item-background: var(--mc-surface-2);
  background: var(--ion-item-background);
}
:root.mc-dark .app-list-content .selected ion-card,
:root.mc-dark .app-list-content .selected ion-item {
  --ion-item-background: var(--mc-surface-2);
  background: var(--ion-item-background);
}
:root.mc-dark .recently-added-list ion-item.visited {
  background: var(--mc-surface-2);
  --ion-item-background: var(--mc-surface-2);
}
:root.mc-dark .vehicle-summary-item .id-bg-image {
  border: 1px solid var(--mc-border);
}
:root.mc-dark ion-list.mc-items ion-item ion-thumbnail {
  background: var(--mc-surface-2);
  border: 1px solid var(--mc-border);
}
:root.mc-dark ion-list.mc-items ion-item ion-thumbnail .mc-thumb > div {
  border: 1px solid var(--mc-border);
}
:root.mc-dark .story-info-card {
  background: var(--mc-surface-2);
  border: 1px solid var(--mc-border);
}
:root.mc-dark .story-info-card .story-info {
  color: var(--mc-text-1);
}
:root.mc-dark .story-info-card .story-info p {
  color: var(--mc-text-1);
}
:root.mc-dark .story-info-card .story-info p.stock-no {
  color: var(--mc-text-muted);
  opacity: 1;
}
:root.mc-dark .story-info-card .story-info p.description {
  color: var(--mc-text-1);
  opacity: 1;
}
:root.mc-dark .story-overlay {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85));
}
:root.mc-dark .story-overlay.contact {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.9));
}

ion-title {
  font-weight: 400;
}

body {
  font-weight: 400;
}

ion-content {
  -webkit-user-select: none;
          user-select: none;
}

ion-card-title,
ion-card-subtitle,
ion-item,
h1,
h2,
h3,
h4,
p {
  -webkit-user-select: text;
          user-select: text;
}

.ios,
.md {
  --floaty-margin: 0px;
}
.ios .split-pane-md.split-pane-visible > .split-pane-side,
.md .split-pane-md.split-pane-visible > .split-pane-side {
  --width: 320px;
}
.ios ion-modal.main-menu-modal,
.md ion-modal.main-menu-modal {
  --width: 304px;
  justify-content: left;
}
@media (max-width: 340px) {
  .ios .menu-inner,
  .md .menu-inner {
    --width: 264px;
  }
  .ios ion-modal.main-menu-modal,
  .md ion-modal.main-menu-modal {
    --width: 264px;
    justify-content: left;
  }
}
@media screen and (min-width: 1281px) {
  .ios .split-pane-md.split-pane-visible > .split-pane-side,
  .md .split-pane-md.split-pane-visible > .split-pane-side {
    --width: 240px;
    max-width: 240px;
    min-width: 240px;
  }
  .ios ion-modal.main-menu-modal,
  .md ion-modal.main-menu-modal {
    --width: 240px;
  }
}
.ios ion-toolbar.searchbar,
.md ion-toolbar.searchbar {
  --background: transparent;
}
.ios ion-toolbar.tabsearchbar .searchbar-search-icon.sc-ion-searchbar-md,
.md ion-toolbar.tabsearchbar .searchbar-search-icon.sc-ion-searchbar-md {
  left: 3px;
}
.ios ion-toolbar.tabsearchbar .searchbar-tap-target,
.md ion-toolbar.tabsearchbar .searchbar-tap-target {
  position: absolute;
  height: 34px;
  display: block;
  top: 8px;
  left: 0;
  width: 100%;
}
.ios ion-toolbar.tabsearchbar .searchbar-input.sc-ion-searchbar-md,
.md ion-toolbar.tabsearchbar .searchbar-input.sc-ion-searchbar-md {
  padding-left: unset;
  padding-right: unset;
  padding-inline-start: 30px;
  font-weight: 400;
}
.ios ion-toolbar.tabsearchbar ion-searchbar,
.md ion-toolbar.tabsearchbar ion-searchbar {
  padding-inline-end: 3px;
}
.ios .searchtoolbar,
.md .searchtoolbar {
  --padding-start: 0px;
  --padding-end: 0px;
}
.ios .searchtoolbar.indented,
.md .searchtoolbar.indented {
  margin-top: 10px;
}
.ios .searchtoolbar.indented ion-grid,
.md .searchtoolbar.indented ion-grid {
  margin-left: 52px;
  margin-left: 12px;
}
.ios .searchtoolbar,
.ios ion-toolbar.searchbar,
.md .searchtoolbar,
.md ion-toolbar.searchbar {
  color: var(--ion-color-secondary);
  --color: var(--ion-color-secondary);
  -internal-root-color: var(--ion-color-secondary);
  font-weight: 400;
}
:root.mc-dark .ios .searchtoolbar,
:root.mc-dark .ios ion-toolbar.searchbar,
:root.mc-dark .md .searchtoolbar,
:root.mc-dark .md ion-toolbar.searchbar {
  color: var(--mc-text-1);
  --color: var(--mc-text-1);
  -internal-root-color: var(--mc-text-1);
}
:root.mc-dark .ios .searchtoolbar .searchbar-clear-icon,
:root.mc-dark .ios ion-toolbar.searchbar .searchbar-clear-icon,
:root.mc-dark .md .searchtoolbar .searchbar-clear-icon,
:root.mc-dark .md ion-toolbar.searchbar .searchbar-clear-icon {
  color: var(--mc-text-muted);
}
:root.mc-dark .ios .searchtoolbar ion-buttons,
:root.mc-dark .ios ion-toolbar.searchbar ion-buttons,
:root.mc-dark .md .searchtoolbar ion-buttons,
:root.mc-dark .md ion-toolbar.searchbar ion-buttons {
  color: var(--mc-text-muted) !important;
}
.ios .searchtoolbar .searchbar-search-icon,
.ios ion-toolbar.searchbar .searchbar-search-icon,
.md .searchtoolbar .searchbar-search-icon,
.md ion-toolbar.searchbar .searchbar-search-icon {
  display: none !important;
}
.ios .searchtoolbar .searchbar-clear-icon,
.ios ion-toolbar.searchbar .searchbar-clear-icon,
.md .searchtoolbar .searchbar-clear-icon,
.md ion-toolbar.searchbar .searchbar-clear-icon {
  color: var(--ion-color-secondary-tint);
}
.ios .searchtoolbar .searchbar-input,
.ios ion-toolbar.searchbar .searchbar-input,
.md .searchtoolbar .searchbar-input,
.md ion-toolbar.searchbar .searchbar-input {
  padding-left: 10px;
  padding-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.ios .searchtoolbar ion-buttons,
.ios ion-toolbar.searchbar ion-buttons,
.md .searchtoolbar ion-buttons,
.md ion-toolbar.searchbar ion-buttons {
  color: var(--ion-color-secondary-tint) !important;
}
.ios .modalsearch .searchbar-input,
.md .modalsearch .searchbar-input {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.ios .modalsearch .sc-ion-searchbar-md-h,
.md .modalsearch .sc-ion-searchbar-md-h {
  padding-left: unset;
  padding-right: unset;
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}
.ios .modalsearch .searchbar-input.sc-ion-searchbar-md,
.md .modalsearch .searchbar-input.sc-ion-searchbar-md {
  padding-inline-start: 61px;
}
.ios .modalsearch .searchbar-input,
.md .modalsearch .searchbar-input {
  padding-left: 10px;
  padding-right: 10px;
}
.ios ion-button.mc,
.md ion-button.mc {
  background: var(--mc-overlay-invert-30);
  --border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  margin-left: 6px;
  margin-right: 6px;
  width: 31px;
  height: 31px;
  text-align: center;
  text-rendering: optimizeLegibility;
}
.ios ion-button.mc i,
.md ion-button.mc i {
  color: var(--ion-color-primary);
  padding-top: 1px;
  padding-left: 0px;
  font-size: 16px;
  margin: 0 auto;
  line-height: 31px;
  width: 31px;
  height: 31px;
  --padding-start: 0;
  --padding-end: 0;
}
.ios ion-button.mc h3,
.md ion-button.mc h3 {
  margin: 0;
  text-align: center;
  padding: 0;
  margin-block-end: 0;
  margin-block-start: 0;
  font-size: 21px;
  margin-top: 0px;
}
.ios .titlebar .icon-menu,
.md .titlebar .icon-menu {
  font-size: 24px;
  position: relative;
  color: var(--ion-color-secondary-tint);
}
.ios .titlebar .icon-mc_more,
.md .titlebar .icon-mc_more {
  font-size: 24px;
}
.ios .titlebar .sc-ion-buttons-md-s .button-clear ion-icon,
.md .titlebar .sc-ion-buttons-md-s .button-clear ion-icon {
  color: var(--ion-color-secondary-tint);
}
.ios .non-search-tab-title,
.md .non-search-tab-title {
  font-weight: 400;
}
.ios .activesearchbar .searchbar-input.sc-ion-searchbar-md,
.md .activesearchbar .searchbar-input.sc-ion-searchbar-md {
  padding-top: 0px;
  padding-bottom: 0px;
  box-shadow: none !important;
  -webkit-box-shadow: none;
  border: none;
  background-color: var(--ion-color-primary-contrast);
  padding-top: 2px;
  color: var(--ion-color-primary-contrast);
  background-color: var(--ion-color-primary);
}
.ios .activesearchbar .searchbar-search-icon.sc-ion-searchbar-md,
.md .activesearchbar .searchbar-search-icon.sc-ion-searchbar-md {
  top: 9px;
}
.ios .searchtoolbar,
.md .searchtoolbar {
  color: var(--ion-color-secondary);
  --background: var(--mc-surface-0);
  height: 44px;
}
.ios .searchtoolbar ion-grid,
.md .searchtoolbar ion-grid {
  padding: 0 4px;
}
.ios ion-header.floaty,
.md ion-header.floaty {
  --background: var(--mc-surface-0);
  background-color: var(--mc-surface-0);
}
.ios ion-header.floaty ion-toolbar,
.md ion-header.floaty ion-toolbar {
  border: 1px solid var(--mc-border);
  border-radius: 5px;
  margin: 0 auto;
  margin-top: var(--floaty-margin);
  width: calc(100% - 32px);
  --min-height: 48px;
  position: initial;
}
.ios ion-header.floaty ion-toolbar .pseudosearchbar,
.md ion-header.floaty ion-toolbar .pseudosearchbar {
  font-size: 16px;
  -internal-root-color: var(--ion-color-secondary-tint);
  color: var(--ion-color-secondary-tint);
}
.ios ion-header.floaty ion-toolbar .pseudosearchbar .searchbar-search-icon.sc-ion-searchbar-md,
.md ion-header.floaty ion-toolbar .pseudosearchbar .searchbar-search-icon.sc-ion-searchbar-md {
  color: rgba(255, 255, 255, 0.5);
  top: 9px;
}
.ios ion-header.floaty ion-title,
.md ion-header.floaty ion-title {
  margin-top: 16px;
  padding-bottom: 3px;
}
.ios .searchbar,
.md .searchbar {
  --background: var(--mc-surface-0);
}
.ios .searchbar .sc-ion-back-button-md-h,
.md .searchbar .sc-ion-back-button-md-h {
  --icon-padding-start: 0;
  --margin-end: 0;
  --icon-padding-end: 0;
}
.ios .searchbar .search-mode-cancel,
.md .searchbar .search-mode-cancel {
  margin-left: 2px;
}
.ios .searchbar .search-mode-cancel ion-button,
.md .searchbar .search-mode-cancel ion-button {
  font-size: 18px;
}
.ios .resetspan,
.md .resetspan {
  position: relative;
  top: 9px;
}
.ios .reset,
.md .reset {
  color: var(--ion-color-primary);
}
.ios ion-toolbar.viewstatusbar,
.md ion-toolbar.viewstatusbar {
  height: 30px;
  text-align: center;
  --min-height: 30px;
  font-size: 14px;
  opacity: 0.7;
}
.ios ion-toolbar .item ion-label,
.md ion-toolbar .item ion-label {
  display: none;
}
.ios .searchtoolbar,
.md .searchtoolbar {
  background-color: var(--mc-surface-0);
  padding-top: 2px;
  --border-color: var(--mc-divider-eee);
  --ion-background-color-step-150: var(--mc-divider-eee);
}
.ios .searchtoolbar .item ion-label,
.md .searchtoolbar .item ion-label {
  display: none;
}
.ios .searchtoolbar .searchfilter ion-item,
.md .searchtoolbar .searchfilter ion-item {
  --ion-item-background: transparent;
  --border-width: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  --min-height: 30px;
  --inner-border-width: 0px;
  --inner-padding-end: 0;
  --inner-padding-start: 0;
  --padding-start: 0;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 400;
  font-size: 12px;
  margin-right: 10px;
  cursor: pointer;
}
.ios .searchtoolbar .searchfilter ion-item .item-inner,
.md .searchtoolbar .searchfilter ion-item .item-inner {
  -webkit-padding-start: 0;
  -webkit-padding-end: 0;
}
.ios .searchtoolbar .searchfilter ion-item .select-list-component-boxy:after,
.md .searchtoolbar .searchfilter ion-item .select-list-component-boxy:after {
  color: var(--ion-color-light-shade);
  position: absolute;
  right: 8px;
  top: 7px;
}
.ios .searchtoolbar .searchfilter ion-item app-select-list div.select-list-wrapper,
.md .searchtoolbar .searchfilter ion-item app-select-list div.select-list-wrapper {
  background: var(--mc-surface-0);
  border: 1px solid var(--ion-color-light-shade);
  color: var(--ion-color-dark-tint);
  --ion-background-color-step-150: var(--ion-color-secondary-tint);
  border-radius: 5px;
  padding: 8px;
}
.ios .searchtoolbar .searchfilter ion-item.active,
.md .searchtoolbar .searchfilter ion-item.active {
  background: var(--ion-color-lighter-light);
  border: 1px solid var(--ion-color-light-shade);
  color: var(--ion-color-dark-tint);
  --ion-background-color-step-150: var(--ion-color-secondary-tint);
  border-radius: 5px;
  padding: 0 8px;
}
.ios .searchtoolbar .searchfilter ion-item.active ion-icon,
.md .searchtoolbar .searchfilter ion-item.active ion-icon {
  font-size: 14px;
  margin-left: 0.25rem;
  transition: all, 0.3s;
}
.ios .searchtoolbar .searchfilter ion-item.active ion-icon:hover,
.md .searchtoolbar .searchfilter ion-item.active ion-icon:hover {
  color: var(--ion-color-primary);
}
.ios .searchtoolbar .searchfilter ion-item.active app-select-list div.select-list-wrapper,
.md .searchtoolbar .searchfilter ion-item.active app-select-list div.select-list-wrapper {
  background: var(--ion-color-lighter-light);
  border: 1px solid var(--ion-color-lighter-light);
  color: var(--mc-color-dark-grey);
  --ion-background-color-step-150: var(--mc-divider-eee);
  padding: 0;
}
.ios .searchtoolbar .searchfilter ion-item.active .select-list-component-boxy:after,
.md .searchtoolbar .searchfilter ion-item.active .select-list-component-boxy:after {
  color: var(--mc-color-dark-grey);
  right: 0px;
  top: 6px;
}
.ios .searchtoolbar .searchfilter ion-item ion-select::placeholder,
.md .searchtoolbar .searchfilter ion-item ion-select::placeholder {
  opacity: 1em !important;
}
.ios .searchtoolbar .searchfilter ion-item ion-select,
.md .searchtoolbar .searchfilter ion-item ion-select {
  padding: 0 5px 0 0;
  max-width: 100%;
}

ion-buttons .icon-more_vert {
  font-size: 24px;
}
ion-buttons .icon-more_horiz {
  font-size: 24px;
}
ion-buttons .icon-mc_more {
  font-size: 24px;
}

.ios .searchtoolbar ion-buttons,
.ios ion-toolbar.searchbar ion-buttons,
.md .searchtoolbar ion-buttons,
.md ion-toolbar.searchbar ion-buttons {
  color: var(--ion-color-secondary-tint);
}

.ios .searchtoolbar,
.ios ion-toolbar.searchbar,
.md .searchtoolbar,
.md ion-toolbar.searchbar {
  --ion-toolbar-color: var(--mc-color-black);
  --color: var(--ion-toolbar-color);
  color: var(--ion-toolbar-color);
  font-weight: 400;
}
.ios .searchtoolbar ion-title,
.ios ion-toolbar.searchbar ion-title,
.md .searchtoolbar ion-title,
.md ion-toolbar.searchbar ion-title {
  --ion-toolbar-color: var(--mc-color-black);
  --color: var(--ion-toolbar-color);
  color: var(--ion-toolbar-color);
  letter-spacing: -0.32px;
  font-weight: 500;
  font-size: 18px;
}

ion-title {
  font-size: 17px;
}

.segmenttoolbar {
  --background: var(--mc-surface-0);
  background: var(--mc-surface-0);
}
.segmenttoolbar ion-segment-button {
  --ion-toolbar-color-checked: var(--ion-color-secondary);
  --color-checked: var(--ion-color-secondary);
  --ion-toolbar-color-unchecked: var(--ion-color-secondary);
}

.ios .searchtoolbar,
.ios ion-toolbar.searchbar,
.md .searchtoolbar,
.md ion-toolbar.searchbar,
.md .activesearchbar .searchbar-input.sc-ion-searchbar-md {
  background-color: var(--mc-surface-0);
  color: var(--ion-color-secondary);
}

:root.mc-dark .ios .searchtoolbar,
:root.mc-dark .ios ion-toolbar.searchbar,
:root.mc-dark .md .searchtoolbar,
:root.mc-dark .md ion-toolbar.searchbar {
  color: var(--mc-text-1);
}

:root.mc-dark .md .activesearchbar .searchbar-input.sc-ion-searchbar-md {
  background-color: var(--mc-surface-0);
  color: var(--mc-text-1);
}

:root.mc-dark .searchtoolbar .searchfilter ion-item {
  color: var(--mc-text-1);
}
:root.mc-dark .searchtoolbar .searchfilter ion-item .select-list-component-boxy:after {
  color: var(--mc-text-muted);
}
:root.mc-dark .searchtoolbar .searchfilter ion-item app-select-list div.select-list-wrapper {
  background: var(--mc-surface-1);
  border: 1px solid var(--mc-border-subtle);
  color: var(--mc-text-1);
  --ion-background-color-step-150: var(--mc-surface-2);
}
:root.mc-dark .searchtoolbar .searchfilter ion-item app-select-list div.select-list-wrapper .disabled,
:root.mc-dark .searchtoolbar .searchfilter ion-item app-select-list div.select-list-wrapper .no-items {
  opacity: 0.55;
}
:root.mc-dark .searchtoolbar .searchfilter ion-item.active {
  /* Invert the light-mode active state without changing size */
  background: var(--mc-surface-2);
  border: 1px solid var(--mc-border-strong);
  color: var(--mc-text-1);
}
:root.mc-dark .searchtoolbar .searchfilter ion-item.active app-select-list div.select-list-wrapper {
  background: var(--mc-surface-2);
  /* Keep wrapper border “invisible” like light mode */
  border: 1px solid var(--mc-surface-2);
  color: var(--mc-text-1);
  --ion-background-color-step-150: var(--mc-surface-2);
}
:root.mc-dark .searchtoolbar .searchfilter ion-item.active .select-list-component-boxy:after {
  color: var(--mc-text-1);
}

.searchbar-has-value .searchbar-clear-button.sc-ion-searchbar-md {
  display: inline;
}

.secondarytoolbar {
  background-color: var(--mc-surface-0);
  --background: var(--mc-surface-0);
}
.secondarytoolbar ion-segment-button {
  --color: var(--ion-color-secondary);
  --ion-toolbar-color-unchecked: var(--ion-color-secondary);
  --ion-toolbar-color-checked: var(--ion-color-secondary);
  --indicator-color: var(--ion-color-primary);
  --color-checked: var(--ion-color-secondary);
  --indicator-color-checked: var(--ion-color-primary);
  letter-spacing: 0.01em;
  font-weight: 400;
}
.secondarytoolbar ion-segment-button ion-label {
  text-transform: capitalize;
  --margin-start: 0;
  --margin-end: 0;
  --padding-start: 0;
  --padding-end: 0;
}
.secondarytoolbar ion-segment-button mc-icon.error-icon {
  display: none;
  margin: 0;
}
.secondarytoolbar ion-segment-button.segment-button-checked {
  font-weight: 500;
}
.secondarytoolbar ion-segment-button.error, .secondarytoolbar ion-segment-button.error.segment-button-checked {
  --ion-toolbar-color-unchecked: var(--ion-color-danger);
  --ion-toolbar-color-checked: var(--ion-color-danger);
}
.secondarytoolbar ion-segment-button.error mc-icon.error-icon, .secondarytoolbar ion-segment-button.error.segment-button-checked mc-icon.error-icon {
  display: block;
}
.secondarytoolbar .sc-ion-segment-md-hion-toolbar:not(.ion-color).sc-ion-segment-md-s > .segment-button-checked,
.secondarytoolbar ion-toolbar .sc-ion-segment-md-h:not(.ion-color).sc-ion-segment-md-s > .segment-button-checked {
  color: var(--ion-color-primary);
}

sc-ion-back-button-md ion-icon {
  --icon-margin-start: 0;
}

ion-menu-toggle {
  --ion-item-border-color: rgba(255, 255, 255, 0);
}
ion-menu-toggle ion-item-divider {
  --ion-item-border-color: var(--ion-item-border-color);
}

ion-menu-toggle ion-item ion-icon {
  color: var(--ion-color-secondary-tint);
  margin-right: 16px;
}

/* Notch fixes */
@supports (padding-top: constant(safe-area-inset-top)) {
  ion-tab-bar {
    --ion-safe-area-bottom: 0;
  }
}
/** Transparent title bar */
ion-toolbar.transparent {
  border-style: none;
  --background: rgba(0, 0, 0, 0);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  color: var(--ion-color-light);
  --background-hover-opacity: 0.7;
  --color-hover: var(--ion-color-lighter-light) !important;
  /* Show background if class is active */
}
ion-toolbar.transparent ion-back-button,
ion-toolbar.transparent ion-button {
  filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.7)) !important;
}
ion-toolbar.transparent ion-buttons,
ion-toolbar.transparent ion-back-button,
ion-toolbar.transparent ion-title,
ion-toolbar.transparent ion-button,
ion-toolbar.transparent ion-button i {
  color: var(--ion-color-light) !important;
}
ion-toolbar.transparent ion-buttons ion-icon,
ion-toolbar.transparent ion-back-button ion-icon,
ion-toolbar.transparent ion-title ion-icon,
ion-toolbar.transparent ion-button ion-icon,
ion-toolbar.transparent ion-button i ion-icon {
  color: var(--ion-color-light) !important;
}
ion-toolbar.transparent ion-buttons:hover,
ion-toolbar.transparent ion-back-button:hover,
ion-toolbar.transparent ion-title:hover,
ion-toolbar.transparent ion-button:hover,
ion-toolbar.transparent ion-button i:hover {
  opacity: 0.8;
}
ion-toolbar.transparent.show-background {
  border-style: none;
  --background: var(--ion-color-primary);
  color: var(--ion-color-light);
  z-index: 999;
}
ion-toolbar.transparent.show-background ion-back-button,
ion-toolbar.transparent.show-background ion-button {
  filter: none !important;
  opacity: 0.8;
}
ion-toolbar.transparent.show-background ion-buttons,
ion-toolbar.transparent.show-background ion-back-button,
ion-toolbar.transparent.show-background ion-title {
  color: var(--ion-color-light) !important;
  --color-hover: var(--ion-color-lighter-light) !important;
}
ion-toolbar.transparent.show-background.dark {
  --background: var(--mc-brand-color);
}

ion-toolbar.secondarytoolbar {
  z-index: 9;
}

ion-menu div.inner-scroll.scroll-y {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

ion-menu .contactbadge {
  border-radius: 50%;
  font-size: 12px;
  font-weight: 500;
  width: 28px;
  height: 28px;
  color: var(--ion-color-primary-contrast);
  line-height: 29px;
  position: relative;
  left: -3px;
}

ion-menu ion-item {
  font-size: 14px;
  color: var(--mc-menu-color);
  --border-radius: 5px;
  margin-left: 20px;
  margin-right: 16px;
  margin-bottom: 10px;
  --padding-start: 17px;
  --min-height: 40px;
}
ion-menu ion-item ion-icon {
  margin: 0px 0;
  --color: var(--mc-menu-color);
  color: var(--mc-menu-color);
}
ion-menu ion-item ion-label {
  margin: 0px 0 0px 20px;
  font-weight: 400;
  --mc-menu-color: var(--ion-color-secondary);
}
ion-menu ion-item.sub-menu-item {
  --min-height: 30px;
}

ion-menu ion-menu-toggle ion-list-header {
  min-height: 30px;
}
ion-menu ion-menu-toggle ion-item {
  margin-bottom: 4px;
}

ion-title {
  padding-left: 8px;
}

.split-pane-md.split-pane-visible > .split-pane-side {
  max-width: 300px;
}

.split-pane-visible ion-title {
  font-weight: 400;
}

.md ion-toolbar.green-bg {
  border-style: none;
  --background: var(--ion-color-primary);
  --color: var(--mc-on-primary);
  color: var(--mc-on-primary);
  z-index: 999;
}
.md ion-toolbar.green-bg .sc-ion-buttons-md-s .button-clear ion-icon {
  color: var(--mc-on-primary);
}
.md ion-toolbar.green-bg ion-buttons,
.md ion-toolbar.green-bg ion-back-button,
.md ion-toolbar.green-bg ion-title,
.md ion-toolbar.green-bg ion-button,
.md ion-toolbar.green-bg ion-button i,
.md ion-toolbar.green-bg ion-icon {
  --color: var(--mc-on-primary) !important;
  color: var(--mc-on-primary) !important;
}

.ios ion-toolbar.green-bg {
  --background: var(--ion-color-primary);
  --color: var(--mc-on-primary);
  color: var(--mc-on-primary);
}
.ios ion-toolbar.green-bg ion-buttons,
.ios ion-toolbar.green-bg ion-back-button,
.ios ion-toolbar.green-bg ion-title,
.ios ion-toolbar.green-bg ion-button,
.ios ion-toolbar.green-bg ion-button i,
.ios ion-toolbar.green-bg ion-icon {
  --color: var(--mc-on-primary) !important;
  color: var(--mc-on-primary) !important;
}

.app-component-logo {
  height: 100%;
  display: flex;
  justify-content: center;
}
.app-component-logo .mc-logo {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  display: flex;
  align-self: center;
  opacity: 0.5;
}

.app-component-offline {
  font-family: sans-serif;
  margin: 100px 36px;
}
.app-component-offline ion-button {
  margin-top: 80px;
}
.app-component-offline h3,
.app-component-offline p {
  padding: 0 4px;
}
.app-component-offline .icon-cloud-error {
  opacity: 0.8;
  font-size: 100px;
}
.app-component-offline ion-icon {
  opacity: 0.8;
  font-size: 100px;
}

.popover-viewport ion-item:hover ion-icon.item-detail-icon,
.popover-interactive ion-item:hover ion-icon.item-detail-icon,
.popover-nested ion-item:hover ion-icon.item-detail-icon {
  margin-top: 8px;
}
.popover-viewport ion-item:hover:hover,
.popover-interactive ion-item:hover:hover,
.popover-nested ion-item:hover:hover {
  cursor: pointer;
}
.popover-viewport ion-item:hover:hover.readonly,
.popover-interactive ion-item:hover:hover.readonly,
.popover-nested ion-item:hover:hover.readonly {
  cursor: default;
}

/*Product Menus*/
.mcapp .mcmenu {
  display: none;
}

.mclogo ion-icon {
  display: none;
}

.app-dms .mclogo ion-icon.dms {
  display: block;
}

.app-wholesale .mclogo ion-icon.wholesale {
  display: block;
}

.app-carcheck .mclogo ion-icon.carcheck {
  display: block;
}

.app-financecentral .mclogo ion-icon.financecentral {
  display: block;
}

.app-buyerscore .mclogo ion-icon.buyerscore {
  display: block;
}

.app-autoattendant .mclogo ion-icon.autoattendant {
  display: block;
}

.app-website-admin .mclogo ion-icon.website-admin {
  display: block;
}

.app-dms .menu-dms {
  display: block;
}

ion-menu-button i.icon-menu:before {
  color: var(--mc-brand-color);
}

.floaty ion-back-button,
.floaty ion-button {
  color: var(--mc-color-mid-grey);
  --ion-toolbar-color: var(--mc-color-mid-grey);
}

app-wholesale,
.app-wholesale {
  --mc-brand-color: var(--wholesale-color);
  --ion-color-primary: var(--wholesale-color);
  --ion-color-primary-shade: var(--ion-color-warning-shade);
  --ion-color-primary-tint: var(--ion-color-warning-tint);
  --ion-color-primary-lighter-tint: #fc9e40;
  --ion-color-primary-lighterer-tint: #ffd2a5;
  --ion-color-primary-darker-shade: #b95e02;
  --ion-color-primary-rgb: 255, 77, 77;
}
app-wholesale .icon-logo-mc:before,
.app-wholesale .icon-logo-mc:before {
  content: "\e960";
}
app-wholesale .menu-wholesale,
.app-wholesale .menu-wholesale {
  display: block;
}

app-financecentral,
.app-financecentral {
  --mc-brand-color: var(--financecentral-color);
  --ion-color-primary: var(--financecentral-color);
  --ion-color-primary-shade: var(--ion-color-warning-shade);
  --ion-color-primary-tint: var(--ion-color-warning-tint);
  --ion-color-primary-lighter-tint: #e437c7;
  --ion-color-primary-lighterer-tint: #ff39de;
  --ion-color-primary-darker-shade: #4b1241;
  --ion-color-primary-rgb: 155, 36, 136;
}
app-financecentral .icon-logo-mc:before,
.app-financecentral .icon-logo-mc:before {
  content: "\e965";
}
app-financecentral .menu-financecentral,
.app-financecentral .menu-financecentral {
  display: block;
}

app-carcheck,
.app-carcheck {
  --mc-brand-color: var(--cc-color);
  --ion-color-primary: var(--cc-color);
  --ion-color-primary-tint: rgba(98, 162, 80, 0.7);
  --ion-color-primary-lighter-tint: #7ba86f;
  --ion-color-primary-lighterer-tint: #cdcfbf;
  --ion-color-primary-darker-shade: #4a8639;
}
app-carcheck .icon-logo-mc:before,
.app-carcheck .icon-logo-mc:before {
  content: "\e95c";
}
app-carcheck .menu-carcheck,
.app-carcheck .menu-carcheck {
  display: block;
}

app-buyerscore,
.app-buyerscore {
  --mc-brand-color: var(--buyerscore-color);
  --ion-color-primary: var(--buyerscore-color);
  --ion-color-primary-shade: var(--ion-color-warning-shade);
  --ion-color-primary-tint: var(--ion-color-warning-tint);
  --ion-color-primary-lighter-tint: #fc9e40;
  --ion-color-primary-lighterer-tint: #f8bf86;
  --ion-color-primary-darker-shade: #b95e02;
}
app-buyerscore .icon-logo-mc:before,
.app-buyerscore .icon-logo-mc:before {
  content: "\e95b";
}
app-buyerscore .menu-buyerscore,
.app-buyerscore .menu-buyerscore {
  display: block;
}

app-autoattendant,
.app-autoattendant {
  --mc-brand-color: var(--aa-color);
  --ion-color-primary: var(--aa-color);
  --ion-color-primary-shade: var(--ion-color-warning-shade);
  --ion-color-primary-tint: var(--ion-color-warning-tint);
  --ion-color-primary-lighter-tint: #fc9e40;
  --ion-color-primary-lighterer-tint: #f8bf86;
  --ion-color-primary-darker-shade: #b95e02;
}
app-autoattendant .icon-logo-mc:before,
.app-autoattendant .icon-logo-mc:before {
  content: "\e959";
}
app-autoattendant .menu-autoattendant,
.app-autoattendant .menu-autoattendant {
  display: block;
}

.mcapp .icon-logo-mc.mc-brand-dms:before {
  content: "\e908";
  color: var(--dms-color);
  font-size: 22px;
}
.mcapp .icon-logo-mc.mc-brand-wholesale:before {
  content: "\e960";
  color: var(--wholesale-color);
  font-size: 20px;
}
.mcapp .icon-logo-mc.mc-brand-carcheck:before {
  content: "\e95c";
  color: var(--cc-color);
  font-size: 18px;
}
.mcapp .icon-logo-mc.mc-brand-buyerscore:before {
  content: "\e95b";
  color: var(--buyerscore-color);
  font-size: 24px;
}
.mcapp .icon-logo-mc.mc-brand-autoattendant:before {
  content: "\e959";
  color: var(--aa-color);
  font-size: 24px;
}

@media screen and (max-height: 700px) {
  ion-menu ion-menu-toggle ion-list-header {
    min-height: 30px;
  }
  ion-menu ion-menu-toggle ion-item {
    margin-bottom: 2px;
  }
}
.mclogo {
  color: var(--mc-brand-color);
}
.mclogo.float {
  float: left;
  width: 38px;
  height: 38px;
  text-align: center;
}

ion-title div.titleblock {
  float: left;
  display: block;
  padding-left: 14px;
  position: relative;
  top: 7px;
}
ion-title div.titleblock h2 {
  color: var(--mc-brand-color);
  margin: 0;
  padding: 0;
  line-height: 22px;
  height: 24px;
  font-size: 20px;
}
ion-title div.titleblock p.appversion {
  float: left;
  padding: 1px;
  margin: 0;
  font-size: 11px;
  color: var(--ion-color-secondary);
  opacity: 0.5;
}

ion-title.maintitle {
  padding-left: 24px;
  padding-top: 24px;
}
ion-title.maintitle .mclogo span.icon-logo-mc {
  font-size: 24px;
  line-height: 27px;
}

.mcapp ion-content ion-list {
  padding-bottom: 0;
}

ion-popover ion-content ion-list {
  padding-top: 0;
}

.dealer-services-menu ion-item ion-avatar {
  width: 56px;
  height: 56px;
  border-radius: 5px;
  text-align: center;
}
.dealer-services-menu ion-item ion-avatar span {
  color: white;
  font-size: 24px;
  font-weight: 400;
  line-height: 56px;
  margin-top: 10px;
  align-self: center;
}
.dealer-services-menu ion-item ion-label {
  margin-left: 16px;
}

ion-menu,
ion-menu ion-content {
  --ion-item-background: var(--mc-surface-0);
  --background: var(--mc-surface-0);
}

ion-menu ion-footer {
  --ion-item-background: var(--mc-surface-0);
}

/**2020 redesign*/
app-header ion-toolbar.titlebar-2020 ion-buttons,
app-header ion-toolbar.titlebar-2020 .title-default {
  --color: var(--ion-toolbar-color);
  letter-spacing: -0.32px;
  font-weight: 600;
}
app-header ion-toolbar.titlebar-2020 .title-default {
  font-weight: 500;
  font-size: 20px;
  padding-left: 0px;
}
app-header ion-toolbar.titlebar-2020 ion-buttons.buttons-first-slot {
  margin-right: 8px;
}
app-header ion-toolbar.titlebar-2020 ion-buttons.buttons-last-slot {
  --color: var(--mc-color-dark-grey);
  --ion-toolbar-color: var(--mc-color-dark-grey) !important;
}
app-header ion-toolbar.titlebar-2020.global ion-title,
app-header ion-toolbar.titlebar-2020.global ion-buttons {
  --color: var(--mc-color-dark-grey);
  --ion-toolbar-color: var(--mc-color-dark-grey);
}
app-header .searchbar {
  border: 1px solid var(--ion-color-light-shade);
  border-radius: 5px;
  margin: 0 auto;
  width: calc(100% - 32px);
  height: 44px;
  position: initial;
  font-size: 18px;
  color: var(--ion-color-light-placeholder);
  padding: 8px 12px;
  display: flex;
  align-items: justify;
}
app-header .searchbar div {
  align-self: center;
}
app-header .searchbar div.searchicon {
  font-size: 20px;
  line-height: 18px;
  padding: 4px;
  margin-top: 3px;
  margin-left: 1px;
}
app-header .searchbar div.searchplaceholder {
  line-height: 26px;
  width: 100%;
  flex-grow: 1;
  margin-left: 14px;
  font-size: 16px;
  margin-top: 1px;
}
app-header .searchbar div.barcode {
  line-height: 18px;
  padding: 2px 4px 2px 2px;
}

ion-menu ion-content {
  --background: var(--mc-surface-0);
}
ion-menu ion-list,
ion-menu ion-list.list-md {
  background: transparent;
}
ion-menu ion-list ion-menu-toggle,
ion-menu ion-list.list-md ion-menu-toggle {
  background: var(--ion-color-lighter-lighting);
  --ion-item-background: var(--ion-color-lighter-lighting);
  padding: 0px 0;
  border-radius: 5px;
}
ion-menu ion-list ion-item,
ion-menu ion-list.list-md ion-item {
  margin-bottom: 0;
  --border-radius: 0;
  font-size: 14px;
  color: var(--mc-menu-color);
  --border-radius: 5px;
  margin-left: 0px;
  margin-right: 0px;
}
ion-menu ion-list ion-item.active-link,
ion-menu ion-list.list-md ion-item.active-link {
  --border-radius: 5px;
  --ion-item-background: var(--ion-color-lighter-contraster);
}

ion-title.maintitle {
  padding-left: 26px;
  padding-top: 0;
}
ion-title.maintitle div.titleblock {
  top: 4px;
}
ion-title.maintitle div.titleblock h2 {
  color: var(--mc-brand-color);
  line-height: 18px;
  height: 24px;
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
}
ion-title.maintitle .mclogo {
  width: 20px;
  height: 20px;
}
ion-title.maintitle .mclogo span.icon-logo-mc {
  font-size: 20px;
}

.mc-menu-popover {
  --backdrop-opacity: var(--ion-backdrop-opacity, 0);
}
.mc-menu-popover .popover-viewport {
  width: 250px;
  border-radius: 5px;
}
.mc-menu-popover .popover-viewport ion-grid {
  margin-top: 18px;
  margin-bottom: 0px;
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col {
  text-align: center;
  margin-bottom: 18px;
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col.active ion-label {
  font-weight: 500;
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col ion-avatar {
  margin: 0 auto;
  font-size: 54px;
  margin-bottom: 0px;
  width: 54px;
  height: 54px;
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col ion-avatar div.contactbadge {
  background-color: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary-light);
  margin: 0 auto;
  width: 54px;
  font-weight: 500;
  height: 54px;
  opacity: 0.95;
  line-height: 54px;
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col ion-label {
  font-weight: 400;
  color: var(--ion-color-secondary-tint);
  font-size: 12px;
  line-height: 18px;
  display: flex;
  justify-content: center;
  margin-top: 6px;
  font-family: "Inter";
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col.mn-menu-logout ion-avatar {
  background-color: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary-light);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mc-menu-popover .popover-viewport ion-grid ion-row ion-col.mn-menu-logout ion-avatar span {
  border-radius: 100%;
  font-size: 26px;
}

.split-pane-visible app-header ion-toolbar.titlebar-2020 ion-title.title-default {
  padding-left: 4px;
}

ion-router-outlet.paused ion-header,
ion-router-outlet.paused ion-content {
  display: none;
}

.menuList {
  padding: 8px;
}

.menuList ion-menu-toggle ion-note {
  padding: 0;
  margin-inline-start: 8px;
}
.menuList ion-menu-toggle ion-note span.count {
  margin-top: 12px;
  font-size: 11px;
}

.menuList .child {
  --min-height: 40px;
}
.menuList .child ion-label {
  font-size: 14px;
}
.menuList .child ion-label {
  color: var(--mc-color-mid-grey);
}

.menuList ion-item.active-link ion-note span {
  background-color: var(--ion-color-lighter-lighterest);
}

ion-item.edit.mc-highlight-segment ion-segment ion-segment-button ion-label {
  color: var(--ion-color-secondary) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 5px 0 !important;
}

ion-item.edit.mc-highlight-segment ion-segment ion-segment-button.segment-button-checked ion-label {
  color: var(--ion-color-contrast) !important;
}

@media screen and (max-width: 320px) {
  app-header ion-toolbar.titlebar-2020 .title-default {
    font-size: 16px;
  }
}
ion-header ion-toolbar ion-buttons ion-button:hover, ion-header ion-toolbar ion-buttons ion-button:not(.button-round) {
  --border-radius: 100% !important;
}

ion-header {
  -webkit-user-select: none;
          user-select: none;
}

ion-button.mc-circle {
  width: 38px;
  height: 38px;
}

ion-menu .maintitle ion-button#mc-popover {
  background-color: var(--ion-color-lighter-light-lighter);
  border-radius: 100%;
  text-align: center;
  font-size: 11px;
  width: 28px;
  height: 28px;
  --padding-start: 0;
  --padding-end: 0;
  --border-radius: 100%;
  position: absolute;
  --background: var(--ion-color-lighter-light-lighter);
  --color: var(--ion-color-secondary-tint);
  right: 16px;
  top: -5px;
  display: none;
}

@media screen and (max-width: 1300px) {
  ion-menu .maintitle ion-button#mc-popover {
    display: block;
  }
}
/* 2022 new look */
.ios ion-header.scrollTop,
.md ion-header.scrollTop {
  box-shadow: none;
}
.ios ion-menu ion-header ion-toolbar ion-title.maintitle div.mclogo,
.md ion-menu ion-header ion-toolbar ion-title.maintitle div.mclogo {
  width: 22px;
  height: 22px;
}
.ios ion-menu ion-header ion-toolbar ion-title.maintitle div.mclogo span.ion-logo-mc,
.md ion-menu ion-header ion-toolbar ion-title.maintitle div.mclogo span.ion-logo-mc {
  font-size: 22px;
  line-height: 24px;
}
.ios ion-menu ion-header ion-toolbar ion-title.maintitle div.mclogo ion-icon,
.md ion-menu ion-header ion-toolbar ion-title.maintitle div.mclogo ion-icon {
  font-size: 22px;
  margin-top: 2px;
}
.ios ion-menu ion-header.scrollTop,
.md ion-menu ion-header.scrollTop {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}
.ios ion-menu ion-content,
.ios ion-menu ion-footer,
.md ion-menu ion-content,
.md ion-menu ion-footer {
  --ion-item-background: var(--mc-surface-0);
  --background: var(--mc-surface-0);
}
.ios ion-menu ion-content ion-list ion-menu-toggle,
.ios ion-menu ion-content ion-list.list-md ion-menu-toggle,
.ios ion-menu ion-footer ion-list ion-menu-toggle,
.ios ion-menu ion-footer ion-list.list-md ion-menu-toggle,
.md ion-menu ion-content ion-list ion-menu-toggle,
.md ion-menu ion-content ion-list.list-md ion-menu-toggle,
.md ion-menu ion-footer ion-list ion-menu-toggle,
.md ion-menu ion-footer ion-list.list-md ion-menu-toggle {
  --ion-item-background: transparent;
  --background: transparent;
  background: transparent;
}
.ios ion-menu ion-content ion-list ion-item,
.ios ion-menu ion-content ion-list div.footer-icon,
.ios ion-menu ion-content ion-list ion-icon,
.ios ion-menu ion-content ion-list.list-md ion-item,
.ios ion-menu ion-content ion-list.list-md div.footer-icon,
.ios ion-menu ion-content ion-list.list-md ion-icon,
.ios ion-menu ion-footer ion-list ion-item,
.ios ion-menu ion-footer ion-list div.footer-icon,
.ios ion-menu ion-footer ion-list ion-icon,
.ios ion-menu ion-footer ion-list.list-md ion-item,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon,
.ios ion-menu ion-footer ion-list.list-md ion-icon,
.md ion-menu ion-content ion-list ion-item,
.md ion-menu ion-content ion-list div.footer-icon,
.md ion-menu ion-content ion-list ion-icon,
.md ion-menu ion-content ion-list.list-md ion-item,
.md ion-menu ion-content ion-list.list-md div.footer-icon,
.md ion-menu ion-content ion-list.list-md ion-icon,
.md ion-menu ion-footer ion-list ion-item,
.md ion-menu ion-footer ion-list div.footer-icon,
.md ion-menu ion-footer ion-list ion-icon,
.md ion-menu ion-footer ion-list.list-md ion-item,
.md ion-menu ion-footer ion-list.list-md div.footer-icon,
.md ion-menu ion-footer ion-list.list-md ion-icon {
  --ion-item-background: transparent;
  --background: transparent;
  --border-radius: 5px;
}
.ios ion-menu ion-content ion-list ion-item .mc-icon,
.ios ion-menu ion-content ion-list div.footer-icon .mc-icon,
.ios ion-menu ion-content ion-list ion-icon .mc-icon,
.ios ion-menu ion-content ion-list.list-md ion-item .mc-icon,
.ios ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon,
.ios ion-menu ion-content ion-list.list-md ion-icon .mc-icon,
.ios ion-menu ion-footer ion-list ion-item .mc-icon,
.ios ion-menu ion-footer ion-list div.footer-icon .mc-icon,
.ios ion-menu ion-footer ion-list ion-icon .mc-icon,
.ios ion-menu ion-footer ion-list.list-md ion-item .mc-icon,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon,
.ios ion-menu ion-footer ion-list.list-md ion-icon .mc-icon,
.md ion-menu ion-content ion-list ion-item .mc-icon,
.md ion-menu ion-content ion-list div.footer-icon .mc-icon,
.md ion-menu ion-content ion-list ion-icon .mc-icon,
.md ion-menu ion-content ion-list.list-md ion-item .mc-icon,
.md ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon,
.md ion-menu ion-content ion-list.list-md ion-icon .mc-icon,
.md ion-menu ion-footer ion-list ion-item .mc-icon,
.md ion-menu ion-footer ion-list div.footer-icon .mc-icon,
.md ion-menu ion-footer ion-list ion-icon .mc-icon,
.md ion-menu ion-footer ion-list.list-md ion-item .mc-icon,
.md ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon,
.md ion-menu ion-footer ion-list.list-md ion-icon .mc-icon {
  font-size: 22px;
  width: 22px;
  color: var(--mc-color-dark-grey);
  text-align: center;
}
.ios ion-menu ion-content ion-list ion-item .mc-icon.active,
.ios ion-menu ion-content ion-list div.footer-icon .mc-icon.active,
.ios ion-menu ion-content ion-list ion-icon .mc-icon.active,
.ios ion-menu ion-content ion-list.list-md ion-item .mc-icon.active,
.ios ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon.active,
.ios ion-menu ion-content ion-list.list-md ion-icon .mc-icon.active,
.ios ion-menu ion-footer ion-list ion-item .mc-icon.active,
.ios ion-menu ion-footer ion-list div.footer-icon .mc-icon.active,
.ios ion-menu ion-footer ion-list ion-icon .mc-icon.active,
.ios ion-menu ion-footer ion-list.list-md ion-item .mc-icon.active,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon.active,
.ios ion-menu ion-footer ion-list.list-md ion-icon .mc-icon.active,
.md ion-menu ion-content ion-list ion-item .mc-icon.active,
.md ion-menu ion-content ion-list div.footer-icon .mc-icon.active,
.md ion-menu ion-content ion-list ion-icon .mc-icon.active,
.md ion-menu ion-content ion-list.list-md ion-item .mc-icon.active,
.md ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon.active,
.md ion-menu ion-content ion-list.list-md ion-icon .mc-icon.active,
.md ion-menu ion-footer ion-list ion-item .mc-icon.active,
.md ion-menu ion-footer ion-list div.footer-icon .mc-icon.active,
.md ion-menu ion-footer ion-list ion-icon .mc-icon.active,
.md ion-menu ion-footer ion-list.list-md ion-item .mc-icon.active,
.md ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon.active,
.md ion-menu ion-footer ion-list.list-md ion-icon .mc-icon.active {
  display: none;
}
.ios ion-menu ion-content ion-list ion-item .mc-icon.inactive,
.ios ion-menu ion-content ion-list div.footer-icon .mc-icon.inactive,
.ios ion-menu ion-content ion-list ion-icon .mc-icon.inactive,
.ios ion-menu ion-content ion-list.list-md ion-item .mc-icon.inactive,
.ios ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon.inactive,
.ios ion-menu ion-content ion-list.list-md ion-icon .mc-icon.inactive,
.ios ion-menu ion-footer ion-list ion-item .mc-icon.inactive,
.ios ion-menu ion-footer ion-list div.footer-icon .mc-icon.inactive,
.ios ion-menu ion-footer ion-list ion-icon .mc-icon.inactive,
.ios ion-menu ion-footer ion-list.list-md ion-item .mc-icon.inactive,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon.inactive,
.ios ion-menu ion-footer ion-list.list-md ion-icon .mc-icon.inactive,
.md ion-menu ion-content ion-list ion-item .mc-icon.inactive,
.md ion-menu ion-content ion-list div.footer-icon .mc-icon.inactive,
.md ion-menu ion-content ion-list ion-icon .mc-icon.inactive,
.md ion-menu ion-content ion-list.list-md ion-item .mc-icon.inactive,
.md ion-menu ion-content ion-list.list-md div.footer-icon .mc-icon.inactive,
.md ion-menu ion-content ion-list.list-md ion-icon .mc-icon.inactive,
.md ion-menu ion-footer ion-list ion-item .mc-icon.inactive,
.md ion-menu ion-footer ion-list div.footer-icon .mc-icon.inactive,
.md ion-menu ion-footer ion-list ion-icon .mc-icon.inactive,
.md ion-menu ion-footer ion-list.list-md ion-item .mc-icon.inactive,
.md ion-menu ion-footer ion-list.list-md div.footer-icon .mc-icon.inactive,
.md ion-menu ion-footer ion-list.list-md ion-icon .mc-icon.inactive {
  display: block;
}
.ios ion-menu ion-content ion-list ion-item.active-link,
.ios ion-menu ion-content ion-list div.footer-icon.active-link,
.ios ion-menu ion-content ion-list ion-icon.active-link,
.ios ion-menu ion-content ion-list.list-md ion-item.active-link,
.ios ion-menu ion-content ion-list.list-md div.footer-icon.active-link,
.ios ion-menu ion-content ion-list.list-md ion-icon.active-link,
.ios ion-menu ion-footer ion-list ion-item.active-link,
.ios ion-menu ion-footer ion-list div.footer-icon.active-link,
.ios ion-menu ion-footer ion-list ion-icon.active-link,
.ios ion-menu ion-footer ion-list.list-md ion-item.active-link,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon.active-link,
.ios ion-menu ion-footer ion-list.list-md ion-icon.active-link,
.md ion-menu ion-content ion-list ion-item.active-link,
.md ion-menu ion-content ion-list div.footer-icon.active-link,
.md ion-menu ion-content ion-list ion-icon.active-link,
.md ion-menu ion-content ion-list.list-md ion-item.active-link,
.md ion-menu ion-content ion-list.list-md div.footer-icon.active-link,
.md ion-menu ion-content ion-list.list-md ion-icon.active-link,
.md ion-menu ion-footer ion-list ion-item.active-link,
.md ion-menu ion-footer ion-list div.footer-icon.active-link,
.md ion-menu ion-footer ion-list ion-icon.active-link,
.md ion-menu ion-footer ion-list.list-md ion-item.active-link,
.md ion-menu ion-footer ion-list.list-md div.footer-icon.active-link,
.md ion-menu ion-footer ion-list.list-md ion-icon.active-link {
  --border-radius: 5px;
  --background: var(--ion-color-lighter-contraster);
}
.ios ion-menu ion-content ion-list ion-item.active-link .mc-icon.active,
.ios ion-menu ion-content ion-list div.footer-icon.active-link .mc-icon.active,
.ios ion-menu ion-content ion-list ion-icon.active-link .mc-icon.active,
.ios ion-menu ion-content ion-list.list-md ion-item.active-link .mc-icon.active,
.ios ion-menu ion-content ion-list.list-md div.footer-icon.active-link .mc-icon.active,
.ios ion-menu ion-content ion-list.list-md ion-icon.active-link .mc-icon.active,
.ios ion-menu ion-footer ion-list ion-item.active-link .mc-icon.active,
.ios ion-menu ion-footer ion-list div.footer-icon.active-link .mc-icon.active,
.ios ion-menu ion-footer ion-list ion-icon.active-link .mc-icon.active,
.ios ion-menu ion-footer ion-list.list-md ion-item.active-link .mc-icon.active,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon.active-link .mc-icon.active,
.ios ion-menu ion-footer ion-list.list-md ion-icon.active-link .mc-icon.active,
.md ion-menu ion-content ion-list ion-item.active-link .mc-icon.active,
.md ion-menu ion-content ion-list div.footer-icon.active-link .mc-icon.active,
.md ion-menu ion-content ion-list ion-icon.active-link .mc-icon.active,
.md ion-menu ion-content ion-list.list-md ion-item.active-link .mc-icon.active,
.md ion-menu ion-content ion-list.list-md div.footer-icon.active-link .mc-icon.active,
.md ion-menu ion-content ion-list.list-md ion-icon.active-link .mc-icon.active,
.md ion-menu ion-footer ion-list ion-item.active-link .mc-icon.active,
.md ion-menu ion-footer ion-list div.footer-icon.active-link .mc-icon.active,
.md ion-menu ion-footer ion-list ion-icon.active-link .mc-icon.active,
.md ion-menu ion-footer ion-list.list-md ion-item.active-link .mc-icon.active,
.md ion-menu ion-footer ion-list.list-md div.footer-icon.active-link .mc-icon.active,
.md ion-menu ion-footer ion-list.list-md ion-icon.active-link .mc-icon.active {
  display: block;
}
.ios ion-menu ion-content ion-list ion-item.active-link .mc-icon.inactive,
.ios ion-menu ion-content ion-list div.footer-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-content ion-list ion-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-content ion-list.list-md ion-item.active-link .mc-icon.inactive,
.ios ion-menu ion-content ion-list.list-md div.footer-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-content ion-list.list-md ion-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-footer ion-list ion-item.active-link .mc-icon.inactive,
.ios ion-menu ion-footer ion-list div.footer-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-footer ion-list ion-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-footer ion-list.list-md ion-item.active-link .mc-icon.inactive,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon.active-link .mc-icon.inactive,
.ios ion-menu ion-footer ion-list.list-md ion-icon.active-link .mc-icon.inactive,
.md ion-menu ion-content ion-list ion-item.active-link .mc-icon.inactive,
.md ion-menu ion-content ion-list div.footer-icon.active-link .mc-icon.inactive,
.md ion-menu ion-content ion-list ion-icon.active-link .mc-icon.inactive,
.md ion-menu ion-content ion-list.list-md ion-item.active-link .mc-icon.inactive,
.md ion-menu ion-content ion-list.list-md div.footer-icon.active-link .mc-icon.inactive,
.md ion-menu ion-content ion-list.list-md ion-icon.active-link .mc-icon.inactive,
.md ion-menu ion-footer ion-list ion-item.active-link .mc-icon.inactive,
.md ion-menu ion-footer ion-list div.footer-icon.active-link .mc-icon.inactive,
.md ion-menu ion-footer ion-list ion-icon.active-link .mc-icon.inactive,
.md ion-menu ion-footer ion-list.list-md ion-item.active-link .mc-icon.inactive,
.md ion-menu ion-footer ion-list.list-md div.footer-icon.active-link .mc-icon.inactive,
.md ion-menu ion-footer ion-list.list-md ion-icon.active-link .mc-icon.inactive {
  display: none;
}
.ios ion-menu ion-content ion-list ion-item.active-link.with-child,
.ios ion-menu ion-content ion-list div.footer-icon.active-link.with-child,
.ios ion-menu ion-content ion-list ion-icon.active-link.with-child,
.ios ion-menu ion-content ion-list.list-md ion-item.active-link.with-child,
.ios ion-menu ion-content ion-list.list-md div.footer-icon.active-link.with-child,
.ios ion-menu ion-content ion-list.list-md ion-icon.active-link.with-child,
.ios ion-menu ion-footer ion-list ion-item.active-link.with-child,
.ios ion-menu ion-footer ion-list div.footer-icon.active-link.with-child,
.ios ion-menu ion-footer ion-list ion-icon.active-link.with-child,
.ios ion-menu ion-footer ion-list.list-md ion-item.active-link.with-child,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon.active-link.with-child,
.ios ion-menu ion-footer ion-list.list-md ion-icon.active-link.with-child,
.md ion-menu ion-content ion-list ion-item.active-link.with-child,
.md ion-menu ion-content ion-list div.footer-icon.active-link.with-child,
.md ion-menu ion-content ion-list ion-icon.active-link.with-child,
.md ion-menu ion-content ion-list.list-md ion-item.active-link.with-child,
.md ion-menu ion-content ion-list.list-md div.footer-icon.active-link.with-child,
.md ion-menu ion-content ion-list.list-md ion-icon.active-link.with-child,
.md ion-menu ion-footer ion-list ion-item.active-link.with-child,
.md ion-menu ion-footer ion-list div.footer-icon.active-link.with-child,
.md ion-menu ion-footer ion-list ion-icon.active-link.with-child,
.md ion-menu ion-footer ion-list.list-md ion-item.active-link.with-child,
.md ion-menu ion-footer ion-list.list-md div.footer-icon.active-link.with-child,
.md ion-menu ion-footer ion-list.list-md ion-icon.active-link.with-child {
  --background: transparent;
}
.ios ion-menu ion-content ion-list ion-item ion-label,
.ios ion-menu ion-content ion-list div.footer-icon ion-label,
.ios ion-menu ion-content ion-list ion-icon ion-label,
.ios ion-menu ion-content ion-list.list-md ion-item ion-label,
.ios ion-menu ion-content ion-list.list-md div.footer-icon ion-label,
.ios ion-menu ion-content ion-list.list-md ion-icon ion-label,
.ios ion-menu ion-footer ion-list ion-item ion-label,
.ios ion-menu ion-footer ion-list div.footer-icon ion-label,
.ios ion-menu ion-footer ion-list ion-icon ion-label,
.ios ion-menu ion-footer ion-list.list-md ion-item ion-label,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon ion-label,
.ios ion-menu ion-footer ion-list.list-md ion-icon ion-label,
.md ion-menu ion-content ion-list ion-item ion-label,
.md ion-menu ion-content ion-list div.footer-icon ion-label,
.md ion-menu ion-content ion-list ion-icon ion-label,
.md ion-menu ion-content ion-list.list-md ion-item ion-label,
.md ion-menu ion-content ion-list.list-md div.footer-icon ion-label,
.md ion-menu ion-content ion-list.list-md ion-icon ion-label,
.md ion-menu ion-footer ion-list ion-item ion-label,
.md ion-menu ion-footer ion-list div.footer-icon ion-label,
.md ion-menu ion-footer ion-list ion-icon ion-label,
.md ion-menu ion-footer ion-list.list-md ion-item ion-label,
.md ion-menu ion-footer ion-list.list-md div.footer-icon ion-label,
.md ion-menu ion-footer ion-list.list-md ion-icon ion-label {
  --ion-font-family: Inter;
  font-weight: 500;
  letter-spacing: -0.32px;
  font-size: 14px;
  margin-left: 30px;
  --mc-menu-color: var(--mc-color-black);
  --color: var(--mc-color-black);
}
.ios ion-menu ion-content ion-list ion-item ion-label.sub-menu-label,
.ios ion-menu ion-content ion-list div.footer-icon ion-label.sub-menu-label,
.ios ion-menu ion-content ion-list ion-icon ion-label.sub-menu-label,
.ios ion-menu ion-content ion-list.list-md ion-item ion-label.sub-menu-label,
.ios ion-menu ion-content ion-list.list-md div.footer-icon ion-label.sub-menu-label,
.ios ion-menu ion-content ion-list.list-md ion-icon ion-label.sub-menu-label,
.ios ion-menu ion-footer ion-list ion-item ion-label.sub-menu-label,
.ios ion-menu ion-footer ion-list div.footer-icon ion-label.sub-menu-label,
.ios ion-menu ion-footer ion-list ion-icon ion-label.sub-menu-label,
.ios ion-menu ion-footer ion-list.list-md ion-item ion-label.sub-menu-label,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon ion-label.sub-menu-label,
.ios ion-menu ion-footer ion-list.list-md ion-icon ion-label.sub-menu-label,
.md ion-menu ion-content ion-list ion-item ion-label.sub-menu-label,
.md ion-menu ion-content ion-list div.footer-icon ion-label.sub-menu-label,
.md ion-menu ion-content ion-list ion-icon ion-label.sub-menu-label,
.md ion-menu ion-content ion-list.list-md ion-item ion-label.sub-menu-label,
.md ion-menu ion-content ion-list.list-md div.footer-icon ion-label.sub-menu-label,
.md ion-menu ion-content ion-list.list-md ion-icon ion-label.sub-menu-label,
.md ion-menu ion-footer ion-list ion-item ion-label.sub-menu-label,
.md ion-menu ion-footer ion-list div.footer-icon ion-label.sub-menu-label,
.md ion-menu ion-footer ion-list ion-icon ion-label.sub-menu-label,
.md ion-menu ion-footer ion-list.list-md ion-item ion-label.sub-menu-label,
.md ion-menu ion-footer ion-list.list-md div.footer-icon ion-label.sub-menu-label,
.md ion-menu ion-footer ion-list.list-md ion-icon ion-label.sub-menu-label {
  font-weight: 300;
  font-size: 13px;
  margin-left: 52px;
}
.ios ion-menu ion-content ion-list ion-item.child ion-label,
.ios ion-menu ion-content ion-list div.footer-icon.child ion-label,
.ios ion-menu ion-content ion-list ion-icon.child ion-label,
.ios ion-menu ion-content ion-list.list-md ion-item.child ion-label,
.ios ion-menu ion-content ion-list.list-md div.footer-icon.child ion-label,
.ios ion-menu ion-content ion-list.list-md ion-icon.child ion-label,
.ios ion-menu ion-footer ion-list ion-item.child ion-label,
.ios ion-menu ion-footer ion-list div.footer-icon.child ion-label,
.ios ion-menu ion-footer ion-list ion-icon.child ion-label,
.ios ion-menu ion-footer ion-list.list-md ion-item.child ion-label,
.ios ion-menu ion-footer ion-list.list-md div.footer-icon.child ion-label,
.ios ion-menu ion-footer ion-list.list-md ion-icon.child ion-label,
.md ion-menu ion-content ion-list ion-item.child ion-label,
.md ion-menu ion-content ion-list div.footer-icon.child ion-label,
.md ion-menu ion-content ion-list ion-icon.child ion-label,
.md ion-menu ion-content ion-list.list-md ion-item.child ion-label,
.md ion-menu ion-content ion-list.list-md div.footer-icon.child ion-label,
.md ion-menu ion-content ion-list.list-md ion-icon.child ion-label,
.md ion-menu ion-footer ion-list ion-item.child ion-label,
.md ion-menu ion-footer ion-list div.footer-icon.child ion-label,
.md ion-menu ion-footer ion-list ion-icon.child ion-label,
.md ion-menu ion-footer ion-list.list-md ion-item.child ion-label,
.md ion-menu ion-footer ion-list.list-md div.footer-icon.child ion-label,
.md ion-menu ion-footer ion-list.list-md ion-icon.child ion-label {
  --mc-menu-color: var(--mc-color-mid-grey);
  --color: var(--mc-color-mid-grey);
  font-weight: 500;
  margin-left: 52px;
}
.ios ion-title.maintitle div.titleblock h2,
.md ion-title.maintitle div.titleblock h2 {
  color: var(--mc-color-black);
  letter-spacing: -0.32px;
  font-weight: 600;
  font-family: Inter;
  font-size: 18px;
}
.ios ion-title.maintitle div.titleblock h2 .menusuffix,
.md ion-title.maintitle div.titleblock h2 .menusuffix {
  font-weight: 600;
}
.ios ion-title.maintitle div.titleblock h2 .menuprefix,
.md ion-title.maintitle div.titleblock h2 .menuprefix {
  font-weight: 600;
}
.ios ion-header,
.md ion-header {
  --ion-toolbar-color: var(--mc-color-black);
  --color: var(--ion-toolbar-color);
}
.ios ion-header.search-header,
.md ion-header.search-header {
  background: var(--mc-surface-0);
}
.ios ion-header ion-title,
.ios ion-header ion-toolbar ion-title,
.md ion-header ion-title,
.md ion-header ion-toolbar ion-title {
  font-family: Inter;
  --ion-font-family: Inter;
  letter-spacing: -0.32px;
  font-weight: 500;
  font-size: 18px;
}
.ios ion-header ion-toolbar ion-buttons,
.md ion-header ion-toolbar ion-buttons {
  --ion-toolbar-color: var(--mc-color-dark-grey);
  --color: var(--mc-color-dark-grey);
}
.ios ion-header ion-toolbar ion-buttons ion-button,
.md ion-header ion-toolbar ion-buttons ion-button {
  height: 32px;
}
.ios ion-header ion-toolbar ion-buttons ion-button:has(i), .ios ion-header ion-toolbar ion-buttons ion-button:has(ion-icon),
.md ion-header ion-toolbar ion-buttons ion-button:has(i),
.md ion-header ion-toolbar ion-buttons ion-button:has(ion-icon) {
  width: 32px;
}
.ios ion-header ion-toolbar.titlebar-2020 .title-default,
.md ion-header ion-toolbar.titlebar-2020 .title-default {
  --ion-toolbar-color: var(--mc-color-black);
  --color: var(--ion-toolbar-color);
  letter-spacing: -0.32px;
  font-weight: 500;
  font-size: 18px;
}
.ios ion-header.hassearchbar,
.md ion-header.hassearchbar {
  padding-bottom: 16px;
}
.ios ion-header.hassearchbar.scrollTop,
.md ion-header.hassearchbar.scrollTop {
  padding-bottom: 0px;
}
.ios ion-header.hassearchbar.scrollTop.header-md:after,
.md ion-header.hassearchbar.scrollTop.header-md:after {
  height: 0px;
}
.ios ion-header.hassearchbar.scrollTop.header-md:after div.searchbar,
.md ion-header.hassearchbar.scrollTop.header-md:after div.searchbar {
  border-radius: 5px;
  margin-bottom: 10px;
}

ion-toolbar.searchbar select-list-container.select-list-container {
  font-family: Inter;
}

.md .activesearchbar .searchbar-input.sc-ion-searchbar-md,
app-header .searchbar div.searchplaceholder {
  font-family: Inter;
  letter-spacing: -0.32px;
  font-weight: 400;
}

.menuList ion-menu-toggle.mcmenu ion-list-header .mc-list-header-label {
  color: var(--mc-color-mid-grey);
  text-transform: original;
  font-size: 12px;
}

ion-footer ion-list ion-item ion-icon.active {
  display: none;
}
ion-footer ion-list ion-item ion-icon.inactive {
  display: block;
}
ion-footer ion-list ion-item.active ion-icon.active {
  display: block;
}
ion-footer ion-list ion-item.active ion-icon.inactive {
  display: none;
}

ion-menu-button.hamburger {
  position: relative;
}
ion-menu-button.hamburger .nbwrap {
  position: absolute;
  top: -11px;
  right: -1px;
}

.notification-icon {
  position: relative;
}
.notification-icon .nbwrap {
  position: absolute;
  top: -1px;
  right: -1px;
}
.notification-icon .nbwrap .mc-notification-badge {
  background-color: var(--mc-color-light-red) !important;
}
.notification-icon app-notification-badge.numberBubble {
  position: absolute;
  left: 11px;
  top: -4px;
}

ion-menu-button div.mclogo {
  margin-left: 8px;
}

ion-buttons.sc-ion-buttons-md-s {
  margin-right: 8px;
}
ion-buttons.sc-ion-buttons-md-s ion-button,
ion-buttons.sc-ion-buttons-md-s ion-back-button {
  font-size: 18px;
  margin-left: 6px;
}

app-header ion-buttons.sc-ion-buttons-md-s {
  margin-right: 8px;
}
app-header ion-buttons.sc-ion-buttons-md-s ion-button,
app-header ion-buttons.sc-ion-buttons-md-s ion-back-button {
  font-size: 18px;
}

ion-toolbar.editmode.titlebar,
ion-toolbar.editmode.titlebar ion-title,
ion-toolbar.editmode.titlebar ion-buttons {
  --ion-toolbar-background: var(--ion-color-secondary);
  --ion-toolbar-border-color: var(--ion-color-secondary);
  --ion-toolbar-color: var(--ion-color-primary-contrast);
}

ion-toolbar.editmode.titlebar .sc-ion-buttons-md-s .button-clear ion-icon {
  color: var(--ion-color-primary-contrast);
}

ion-toolbar.deepmode.titlebar,
ion-toolbar.deepmode.titlebar ion-title {
  --ion-toolbar-background: var(--ion-color-secondary);
  --ion-toolbar-border-color: var(--ion-color-secondary);
  --ion-toolbar-color: var(--ion-color-secondary-contrast);
}

ion-toolbar.deepmode.titlebar .sc-ion-buttons-md-s .button-clear ion-icon {
  color: var(--ion-color-secondary-contrast);
}

.footer-md::before {
  background-image: none;
  border-top: 1px solid var(--mc-color-quarter-grey);
  height: 1px;
  top: -1px;
}

app-field-group:first-child ion-list {
  border-top: 0;
}

app-header .searchbutton {
  display: flex;
}
app-header .searchbar {
  display: none;
}

@media screen and (min-width: 1024px) {
  app-header .searchbutton {
    display: none;
  }
  app-header .searchbar {
    display: flex;
  }
}
.ios ion-header.floaty ion-toolbar:focus-within,
.md ion-header.floaty ion-toolbar.toolbar-searchbar:focus-within {
  border-color: var(--ion-color-primary);
}

.ios .searchbar-wrap,
.md .searchbar-wrap {
  margin: 0 16px;
}
.ios .searchbar-wrap ion-searchbar.searchbar2,
.md .searchbar-wrap ion-searchbar.searchbar2 {
  --padding-start: 16px;
  --padding-end: 16px;
  border: 1px solid var(--ion-color-light-shade);
  border-radius: 5px;
  padding-inline-start: 0px;
  padding-inline-end: 0px;
  height: 44px;
}
.ios .searchbar-wrap ion-searchbar.searchbar2:focus-within,
.md .searchbar-wrap ion-searchbar.searchbar2:focus-within {
  border: 1px solid var(--ion-color-primary);
}
.ios .searchbar-wrap ion-searchbar.searchbar2 ion-icon.searchbar-search-icon.sc-ion-searchbar-md,
.md .searchbar-wrap ion-searchbar.searchbar2 ion-icon.searchbar-search-icon.sc-ion-searchbar-md {
  top: 7px;
  color: var(--mc-color-mid-grey);
  height: 20px;
}
.ios .searchbar-wrap ion-searchbar.searchbar2.searchmodal,
.md .searchbar-wrap ion-searchbar.searchbar2.searchmodal {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  margin-bottom: 20px;
}
.ios .searchbar-wrap ion-searchbar.searchbar2.searchmodal ion-icon.searchbar-search-icon.sc-ion-searchbar-md,
.md .searchbar-wrap ion-searchbar.searchbar2.searchmodal ion-icon.searchbar-search-icon.sc-ion-searchbar-md {
  top: 11px;
}
.ios .searchbar-wrap ion-searchbar.searchbar2 button.searchbar-clear-icon,
.md .searchbar-wrap ion-searchbar.searchbar2 button.searchbar-clear-icon {
  color: var(--mc-color-mid-grey);
}

ion-app:not(.loggedIn) .menu-footer-row {
  display: none;
}

ion-footer .menu-footer-row {
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  width: 100%;
  --ion-safe-area-right: 0;
  flex-direction: column;
}
ion-footer .menu-footer-row #main-menu-button {
  display: flex;
  align-content: flex-start;
  cursor: pointer;
}
ion-footer .menu-footer-row #main-menu-button > ion-label {
  align-self: center;
}
ion-footer .menu-footer-row #main-menu-button.collapsed > ion-label {
  display: none;
}
ion-footer .menu-footer-row #main-menu-button:hover .mc-icon.icon-mc-nine-dots {
  color: var(--ion-color-primary);
  --ion-text-color: var(--ion-color-primary);
  --ion-color: var(--ion-color-primary);
}
ion-footer .menu-footer-row #main-menu-button:hover > ion-label {
  color: var(--ion-color-primary);
}
ion-footer .menu-footer-row .collapsed-footer-icons {
  display: block;
  text-align: right;
  gap: 28px;
  justify-content: right;
  margin-right: 14px;
  width: 100%;
  cursor: pointer;
}
ion-footer .menu-footer-row .collapsed-footer-icons .footer-icon {
  display: inline-block;
  margin-left: 20px;
}
ion-footer .menu-footer-row .collapsed-footer-icons .footer-icon .mc-icon:hover {
  color: var(--mc-icon-strong);
}

@media screen and (min-width: 768px) {
  ion-modal ion-title {
    padding-left: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  ion-title:not(.maintitle) {
    left: 0px;
    top: 0px;
    padding-left: 90px !important;
    padding-right: 90px !important;
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateZ(0px);
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;
    pointer-events: none;
    display: flex;
  }
}
.icon-mc_more:before {
  content: "\e5d4";
}

.plt-ios .icon-mc_more:before {
  content: "\e5d3";
}

@media screen and (max-width: 1024px) {
  .plt-ios ion-header.hassearchbar,
  .md ion-header.hassearchbar {
    padding-bottom: 0px;
  }
  .plt-ios ion-footer .menuList {
    margin-bottom: 20px;
  }
}
.mcapp ion-popover ion-list ion-item,
.mcapp ion-popover ion-content ion-list ion-item,
ion-popover.popver-nested ion-list ion-item,
ion-popover.popver-nested ion-content ion-list ion-item {
  cursor: pointer;
}
.mcapp ion-popover ion-list ion-item:nth-last-of-type(1),
.mcapp ion-popover ion-content ion-list ion-item:nth-last-of-type(1),
ion-popover.popver-nested ion-list ion-item:nth-last-of-type(1),
ion-popover.popver-nested ion-content ion-list ion-item:nth-last-of-type(1) {
  --inner-border-width: 0;
}
.mcapp ion-popover ion-list ion-item ion-label,
.mcapp ion-popover ion-content ion-list ion-item ion-label,
ion-popover.popver-nested ion-list ion-item ion-label,
ion-popover.popver-nested ion-content ion-list ion-item ion-label {
  cursor: pointer;
}
.mcapp ion-popover ion-list ion-item:hover,
.mcapp ion-popover ion-content ion-list ion-item:hover,
ion-popover.popver-nested ion-list ion-item:hover,
ion-popover.popver-nested ion-content ion-list ion-item:hover {
  background-color: var(--ion-color-lighter-lighting) !important;
  --background-focused: var(--ion-color-lighter-lighting) !important;
  --background-hover: var(--ion-color-lighter-lighting) !important;
  --background: var(--ion-color-lighter-lighting) !important;
}

app-website-admin,
.app-website-admin {
  --mc-brand-color: var(--website-admin-color);
  --ion-color-primary: var(--website-admin-color);
  --ion-color-primary-tint: rgba(128, 82, 157, 0.7);
  --ion-color-primary-lighter-tint: rgb(155, 100, 189);
  --ion-color-primary-lighterer-tint: rgb(194, 122, 238);
  --ion-color-primary-darker-shade: rgb(83, 54, 102);
}
app-website-admin .icon-logo-mc:before,
.app-website-admin .icon-logo-mc:before {
  content: "\e95c";
}
app-website-admin .menu-website-admin,
.app-website-admin .menu-website-admin {
  display: block;
}

.mcmenu ion-item-divider {
  min-height: 4px;
}

.mc-only-dark {
  display: none !important;
}

.mc-only-light {
  display: inline-block !important;
}

.mc-dark .mc-only-dark {
  display: inline-block !important;
}

.mc-dark .mc-only-light {
  display: none !important;
}

.mc-dark ion-menu.show-menu ion-header,
.mc-dark ion-menu.show-menu ion-content,
.mc-dark ion-menu.show-menu ion-footer {
  border-right: 2px solid var(--mc-border-subtle);
}

.alert-message label {
  width: 100%;
  color: var(--mc-text-bababa);
  float: left;
  white-space: nowrap;
  font-size: 12px;
  margin-bottom: 2px;
}
.alert-message .alert-detail-row {
  color: var(--ion-text-color);
}
.alert-message .alert-detail-row span {
  display: inline-block;
  width: 100%;
}
.alert-message .alert-detail-row span.red {
  color: var(--ion-color-danger);
}
.alert-message .alert-detail-row.subtle {
  color: var(--ion-color-medium);
}
.alert-message .alert-detail-row ion-note {
  float: right;
}

.alert-button.medium {
  color: var(--ion-text-color);
}

.mc-text-alert {
  color: var(--mc-alert-red) !important;
}

.mc-text-light {
  color: var(--ion-color-light) !important;
}

.mc-icon-xl {
  font-size: 1.5em;
}

.mc-bg-fab {
  background-color: var(--mc-fab-bg) !important;
}

:root.mc-dark .icon-fc-logo-thorn-v11 .path4:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path5:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path6:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path7:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path8:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path9:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path10:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path11:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path12:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path13:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path14:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path15:before,
:root.mc-dark .icon-fc-logo-thorn-v11 .path16:before {
  color: var(--mc-text-1) !important;
}

.alert-sub-title.sc-ion-alert-md {
  color: var(--ion-color-medium);
  font-size: 14px;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  margin: 0;
}

.status-indicator {
  content: "";
  height: 12px;
  width: 12px;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  top: 0px;
}
.status-indicator.margin-right {
  margin-right: 2px;
}
.status-indicator.small {
  border-radius: 2px;
  height: 6px;
  width: 6px;
  top: 2.5px;
}

.load-more-button {
  margin-top: 30px;
  margin-bottom: 10px;
  --border-radius: 34px;
}

.vehicle-carousel .vehicle-img {
  width: 40%;
  height: auto;
  display: block;
}

swiper-slide.recent-vehicles {
  border-radius: 6px;
}
swiper-slide.recent-vehicles .vehicle-img {
  border-radius: 6px;
}
swiper-slide.recent-vehicles .vehicle-img.withcontactbadge {
  align-self: start;
}
swiper-slide.recent-vehicles .vehicle-img div.id-bg-image {
  border-radius: 6px;
}
swiper-slide.recent-vehicles .vehicle-img div.id-bg-image.black {
  border-radius: 6px 6px 0 0;
}

.swiper-pagination-bullet {
  --bullet-background-active: var(--ion-color-primary-lighterer-tint);
  --bullet-background: var(--ion-color-medium-tint);
  opacity: 0.8;
}

.fab-vertical-bottom {
  bottom: 24px;
  right: 20px;
}

ion-spinner {
  display: block;
  margin: auto;
}

.action-sheet-title.sc-ion-action-sheet-md {
  background-color: var(--ion-color-primary);
  color: var(--ion-color-primary-contrast);
}

/* Dark mode: action sheets need explicit surfaces/text colors */
:root.mc-dark {
  /* Dark mode: ion-datetime inside popovers (field date/datetime editor) */
}
:root.mc-dark ion-refresher.refresher-native .refresher-pulling-icon, :root.mc-dark ion-refresher.refresher-native .refresher-refreshing-icon {
  background: var(--mc-surface-1);
  border-color: var(--mc-surface-2);
}
:root.mc-dark ion-popover.mc-datetime-popover::part(content) {
  background: var(--mc-surface-1);
  color: var(--mc-text-1);
}
:root.mc-dark ion-popover.mc-datetime-popover ion-datetime {
  --background: var(--mc-surface-1);
  --title-color: var(--mc-text-1);
  --wheel-highlight-background: var(--mc-surface-2);
  --wheel-fade-background-rgb: 0, 0, 0;
  background: var(--mc-surface-1);
  color: var(--mc-text-1);
}
:root.mc-dark ion-popover.mc-datetime-popover ion-datetime::part(calendar-day) {
  color: var(--mc-text-1);
}
:root.mc-dark .alert-wrapper.sc-ion-alert-md {
  border: 0.5px solid var(--mc-border-subtle);
}
:root.mc-dark ion-action-sheet {
  --background: var(--mc-surface-1);
  --color: var(--mc-text-1);
  --button-color: var(--mc-text-1);
  --button-background: var(--mc-surface-1);
  --button-background-activated: var(--mc-surface-2);
  --button-background-focused: var(--mc-surface-2);
  --button-background-hover: var(--mc-surface-2);
}
:root.mc-dark .action-sheet-group.sc-ion-action-sheet-md,
:root.mc-dark .action-sheet-group.sc-ion-action-sheet-ios {
  background: var(--mc-surface-1);
}
:root.mc-dark .action-sheet-button.sc-ion-action-sheet-md,
:root.mc-dark .action-sheet-button.sc-ion-action-sheet-ios,
:root.mc-dark .action-sheet-cancel.sc-ion-action-sheet-md,
:root.mc-dark .action-sheet-cancel.sc-ion-action-sheet-ios {
  color: var(--mc-text-1);
}
:root.mc-dark .action-sheet-title.sc-ion-action-sheet-md,
:root.mc-dark .action-sheet-title.sc-ion-action-sheet-ios {
  background-color: var(--ion-color-primary);
  color: var(--mc-on-primary);
}

app-contact-image-displayer.xxl {
  margin: 0 !important;
}
app-contact-image-displayer.xxl .contact-image-wrap [class^=contact-class-],
app-contact-image-displayer.xxl .contact-image-wrap [class*=" contact-class-"] {
  width: 200px;
  height: 200px;
  border-radius: 5px;
  line-height: 6rem;
  margin: 0 auto;
  font-size: 85px;
  font-weight: 500;
}
app-contact-image-displayer.xxl.white .contact-image {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

app-contact-image-displayer.xl {
  margin: 0 !important;
}
app-contact-image-displayer.xl .contact-image-wrap [class^=contact-class-],
app-contact-image-displayer.xl .contact-image-wrap [class*=" contact-class-"] {
  width: 170px;
  height: 170px;
  border-radius: 5px;
  line-height: 165px;
  margin: 0 auto;
  font-size: 85px;
  font-weight: 500;
}
app-contact-image-displayer.xl.white .contact-image {
  background: var(--ion-color-primary-contrast);
  color: var(--ion-color-secondary);
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}

app-contact-image-displayer.large .contact-image-wrap [class^=contact-class-],
app-contact-image-displayer.large .contact-image-wrap [class*=" contact-class-"] {
  width: 96px;
  height: 96px;
  border-radius: 5px;
  line-height: 100px;
  margin: 0 auto;
  font-size: 52px;
}

app-contact-image-displayer.tiny .contact-image-wrap [class^=contact-class-],
app-contact-image-displayer.tiny .contact-image-wrap [class*=" contact-class-"] {
  width: 2rem;
  height: 2rem;
  border-radius: 5px;
  line-height: 2rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8rem;
  letter-spacing: -0.03125rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

app-contact-image-displayer.medium .contact-image-wrap [class^=contact-class-],
app-contact-image-displayer.medium .contact-image-wrap [class*=" contact-class-"] {
  width: 51px;
  height: 51px;
  border-radius: 5px;
  line-height: 51px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 30px;
  letter-spacing: -0.03125rem;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

app-contact-image-displayer.story .contact-image-wrap [class^=contact-class-],
app-contact-image-displayer.story .contact-image-wrap [class*=" contact-class-"] {
  width: 100%;
  height: auto;
  border-radius: 5px 8px 8px 8px;
  line-height: 95px;
  color: rgb(255, 255, 255);
  font-size: 35px;
}

.field-list app-field .contact .contact-image-wrap [class^=contact-class-],
.field-list app-field .contact .contact-image-wrap [class*=" contact-class-"] {
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
}

app-field ion-item.wholesale-contact p,
app-field ion-item.wholesale-contact .contact-image-wrap {
  opacity: 1;
  cursor: pointer;
}

.contact-list-item ion-thumbnail {
  background: transparent !important;
  margin-top: 0;
}
.contact-list-item ion-thumbnail app-contact-image-displayer .contact-image-wrap [class^=contact-class-],
.contact-list-item ion-thumbnail app-contact-image-displayer .contact-image-wrap [class*=" contact-class-"] {
  width: 56px;
  height: 56px;
  border-radius: 5px;
  line-height: 56px;
  font-size: 24px;
}

.contact-summary-container app-contact-image-displayer {
  margin: 18px auto 20px;
}

.load-more-container {
  margin-bottom: 60px;
  margin-left: 16px;
  margin-right: 16px;
}

ion-icon.bg-circle {
  background: var(--mc-icon-color-bg);
  color: var(--mc-icon-color);
  border-radius: 50%;
  padding: 6px;
  font-size: 20px;
  margin-right: 18px;
  margin-left: 2px;
}

p.more-p-link {
  font-size: 14px;
  line-height: 14px;
  flex: 0 0 100%;
  text-align: center;
  background-color: transparent;
  margin: 32px auto 16px;
}
p.more-p-link a {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  padding: 16px 16px !important;
  --p-link-text-color: var(--mc-color-black);
  --ion-text-color: var(--p-link-text-color);
  color: var(--p-link-text-color);
  border-color: var(--p-link-text-color);
  background-color: transparent;
  font-weight: 300;
  text-decoration: none;
  font-size: 14px;
  display: block;
  width: 100%;
  font-weight: 400;
  max-width: 128px;
  min-width: 128px;
  margin: 0 auto;
  cursor: pointer;
}
p.more-p-link a:hover {
  border-color: var(--mc-color-mid-grey);
  background-color: var(--mc-color-light-grey);
}

.topdivider {
  border-top: 1px solid var(--ion-color-lighter-light);
}

.nodivider {
  margin-top: 0;
}

.mc-hr {
  border-top: 1px solid var(--mc-color-hr);
  margin: 10px 16px 10px 16px;
  padding: 0;
}

.mc-hr-block {
  border-top: 1px solid var(--mc-color-hr);
  margin: 10px 0;
  padding: 0;
}

.vehicle-result app-image-displayer {
  border-radius: 5px;
  width: 60px;
  height: 60px;
}
.vehicle-result app-image-displayer .id-bg-image {
  border-radius: 5px;
}

.edgecard.mc-pad-left ion-list ion-item {
  padding-left: 16px;
}

.opportunity-image-wrap {
  margin-inline-end: 16px;
  border-radius: 50%;
}
.opportunity-image-wrap .opportunity-image {
  width: 62px;
  height: 62px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-won {
  color: var(--status-won);
}

.status-open {
  color: var(--status-open);
}

.status-lost {
  color: var(--status-lost);
}

ion-segment {
  padding-left: 18px;
}

.newsummarycontainer .floatycontactcircle {
  cursor: pointer;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 16px;
  margin: 0px auto;
  text-align: center;
  font-size: 31px;
  font-weight: 500;
  color: var(--ion-color-primary-contrast);
  padding-top: 8px;
  border: 4px solid var(--ion-color-primary-contrast);
  line-height: 55px;
}
.newsummarycontainer ion-card.edgecard {
  margin-top: 0px;
  margin-bottom: 0;
  background: transparent;
}
.newsummarycontainer ion-card.edgecard ion-card-header {
  --background: transparent;
}
.newsummarycontainer ion-card.edgecard ion-card-subtitle {
  font-size: 12px;
  text-transform: initial;
  font-weight: 400;
}
.newsummarycontainer ion-card.edgecard ion-card-subtitle span.status {
  float: right;
}
.newsummarycontainer ion-card.edgecard ion-card-subtitle span.status.primary {
  color: var(--ion-color-primary);
}
.newsummarycontainer ion-card.edgecard ion-card-subtitle span.status.warning {
  color: var(--ion-color-warning);
}
.newsummarycontainer ion-card.edgecard ion-card-subtitle span.status.danger {
  color: var(--ion-color-danger);
}
.newsummarycontainer ion-card.edgecard ion-card-title {
  text-transform: initial;
  font-weight: 600;
  font-size: 28px;
  margin-top: 12px;
}
.newsummarycontainer ion-card.edgecard ion-card-content {
  padding-bottom: 8px;
}
.newsummarycontainer ion-card.edgecard ion-card-content p {
  padding: 4px 16px 4px 16px;
}
.newsummarycontainer ion-card.edgecard ion-card-content p:first-of-type {
  padding-top: 4px;
}
.newsummarycontainer ion-card.edgecard ion-card-content p.error {
  color: var(--ion-color-danger);
}
.newsummarycontainer ion-card.edgecard ion-card-content p.error .icon-error_outline {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.newsummarycontainer ion-card.edgecard ion-card-content p.warning {
  color: var(--ion-color-warning);
}
.newsummarycontainer ion-card.edgecard ion-card-content p.warning .icon-error_outline {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.newsummarycontainer ion-card.edgecard ion-card-content p.success {
  color: var(--ion-color-success);
}
.newsummarycontainer ion-card.edgecard ion-card-content p.success .icon-error_outline {
  font-size: 15px;
  position: relative;
  top: 2px;
}
.newsummarycontainer .mc-hr {
  border-top: 1px solid var(--mc-color-hr);
  margin: 0;
  padding: 0;
}
.newsummarycontainer .id-image {
  z-index: 9;
  width: 100%;
  object-fit: cover;
}
.newsummarycontainer ion-list.mc-items {
  padding: 0px 0px 0px 0px;
}
.newsummarycontainer ion-list.mc-items ion-item:last-of-type {
  --inner-border-width: 0;
}

ion-button.nodropbutton {
  --border-radius: 5px;
  font-weight: 400;
  text-transform: initial;
  --box-shadow: none;
  letter-spacing: 0;
}
ion-button.nodropbutton.centre {
  max-width: 350px;
  margin: 0 auto;
  align-self: center;
}

.weelittlecontactbadge {
  width: 28px;
  border: 1px solid white;
  height: 28px;
  position: absolute;
  margin: 0 auto;
  text-align: center;
  z-index: 999;
  line-height: 21px;
  right: 6px;
  bottom: 2px;
}

.contact-menu a {
  text-decoration: none;
  color: var(--ion-color-light-shade);
  font-size: 13px;
  font-weight: 500;
  opacity: 0.8;
  cursor: default;
}
.contact-menu a ion-icon {
  width: 20px;
  height: 20px;
  padding: 10px;
  border-radius: 100%;
  border: 1px solid var(--ion-color-lighter-light);
  background-color: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary-10percent-rgb);
}
.contact-menu a.active {
  cursor: pointer;
  opacity: 1;
  color: var(--ion-color-primary-contrast);
}
.contact-menu a.active ion-icon {
  background-color: var(--ion-color-primary);
  color: var(--ion-color-primary-contrast);
  opacity: 0.1;
}
.contact-menu a.active.secondary {
  opacity: 1;
  color: var(--ion-color-medium-tint);
}
.contact-menu a.active.secondary ion-icon {
  border: 1px solid var(--ion-color-lighter-light);
  background-color: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary-tint);
  opacity: 1;
}

.picker-opt {
  font-size: 18px;
}

.edgecard-clear {
  text-transform: none;
  float: right;
  font-size: 12px;
  margin-top: 6px;
  color: var(--ion-color-primary);
}
.edgecard-clear.no-float {
  float: none;
}

.contact-circle {
  border-radius: 0;
  width: 100%;
}

.skeleton-vehicle-avatar {
  --border-radius: 5px;
  width: 56px;
  height: 56px;
  margin-left: -4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.skeleton-contact-avatar {
  --border-radius: 5px;
  width: 48px;
  height: 48px;
  margin-left: 0px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.icon-filter-tool-black-shape:before {
  content: "\e910";
}

.vehicle-summary-panel div.headerblock {
  box-sizing: unset !important;
}

.mainpagetabs #companyId ion-thumbnail app-contact-image-displayer div div,
.mainpagetabs #salesPersonId ion-thumbnail app-contact-image-displayer div div {
  background-color: var(--ion-color-light-shade);
}

.wizard-step {
  padding: 0 32px 40px;
}
.wizard-step h1 {
  margin: 40px auto 30px;
}
.wizard-step ion-button {
  --border-radius: 5px;
  --box-shadow: none;
}
.wizard-step .wizard-next-button {
  width: 100%;
  font-size: 18px;
  height: 60px;
  margin-top: 30px;
  max-width: 350px;
}

.wizard-next-button {
  font-size: 18px;
  height: 60px;
}

.wizard-step.contact-search #searchbar,
.wizard-step.vehicle-search #searchbar {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0;
}
.wizard-step.contact-search #searchbar .searchbar-input.sc-ion-searchbar-md,
.wizard-step.vehicle-search #searchbar .searchbar-input.sc-ion-searchbar-md {
  box-shadow: none;
  border-bottom: 1px solid var(--mc-color-hr);
  border-top: 1px solid var(--mc-color-hr);
  height: 57px;
  text-align: left;
  font-size: 17px;
}
.wizard-step.contact-search #searchbar .searchbar-cancel-button.sc-ion-searchbar-md,
.wizard-step.contact-search #searchbar .searchbar-search-icon.sc-ion-searchbar-md,
.wizard-step.vehicle-search #searchbar .searchbar-cancel-button.sc-ion-searchbar-md,
.wizard-step.vehicle-search #searchbar .searchbar-search-icon.sc-ion-searchbar-md {
  position: absolute;
  top: 19px;
}
.wizard-step.contact-search .searchsuggestions,
.wizard-step.vehicle-search .searchsuggestions {
  border-top: none;
}
.wizard-step.contact-search .searchsuggestions ion-list,
.wizard-step.vehicle-search .searchsuggestions ion-list {
  margin-right: 0;
}
.wizard-step.contact-search .searchsuggestions ion-list ion-item,
.wizard-step.vehicle-search .searchsuggestions ion-list ion-item {
  --padding-start: 0;
}
.wizard-step.contact-search .topdivider,
.wizard-step.vehicle-search .topdivider {
  border: none;
}
.wizard-step.contact-search .new-contact-prompt,
.wizard-step.vehicle-search .new-contact-prompt {
  padding-top: 4px;
  padding-bottom: 4px;
}
.wizard-step.contact-search .app-list-content .results-total,
.wizard-step.vehicle-search .app-list-content .results-total {
  display: none;
}

ion-list.border-on-top ion-item:first-child {
  border-top: 1px solid var(--ion-border-color);
}

:root.mc-dark ion-checkbox {
  --background: transparent;
  --border-color: rgba(255, 255, 255, 0.45);
  --border-color-checked: var(--ion-color-primary);
  --background-checked: var(--ion-color-primary);
  --checkmark-color: var(--ion-color-primary-contrast);
}

/* Ensure all searchboxes remain readable in dark mode */
:root.mc-dark ion-searchbar {
  --background: var(--mc-surface-input);
  --color: var(--mc-text-1);
  --placeholder-color: var(--mc-text-muted);
  --icon-color: var(--mc-text-muted);
  --clear-button-color: var(--mc-text-muted);
  --cancel-button-color: var(--mc-text-muted);
}

:root.mc-dark ion-skeleton-text {
  /* Ionic skeleton shimmer uses `--background-rgb` (not `--background`) */
  --background-rgb: 255, 255, 255;
  /* Non-animated skeletons still use `--background` */
  --background: rgba(255, 255, 255, 0.16);
}

:root.mc-dark ion-loading {
  --background: var(--mc-surface-1);
  --spinner-color: var(--ion-color-primary);
  --backdrop-opacity: 0.45;
  color: var(--mc-text-1);
}

/* Default card typography can become low-contrast in dark mode on legacy screens */
:root.mc-dark ion-card:not(.ion-color) {
  color: var(--mc-text-1);
}

:root.mc-dark ion-card:not(.ion-color) ion-card-title {
  color: var(--mc-text-1);
}

:root.mc-dark ion-card:not(.ion-color) ion-card-subtitle {
  color: var(--mc-text-2);
}

:root.mc-dark ion-card-title {
  color: var(--mc-text-1);
}

:root.mc-dark ion-card-subtitle {
  color: var(--mc-text-2);
}

/* app-select-list: ensure disabled/inactive states are readable in dark mode */
:root.mc-dark app-select-list .select-list-wrapper,
:root.mc-dark app-select-list-lazy .select-list-wrapper,
:root.mc-dark app-select-list-multi .select-list-wrapper,
:root.mc-dark app-select-list-lazy-multi .select-list-wrapper {
  color: var(--mc-text-1);
}
:root.mc-dark app-select-list .select-list-component-boxy,
:root.mc-dark app-select-list .select-list-component-inline,
:root.mc-dark app-select-list .select-list-component-compact,
:root.mc-dark app-select-list-lazy .select-list-component-boxy,
:root.mc-dark app-select-list-lazy .select-list-component-inline,
:root.mc-dark app-select-list-lazy .select-list-component-compact,
:root.mc-dark app-select-list-multi .select-list-component-boxy,
:root.mc-dark app-select-list-multi .select-list-component-inline,
:root.mc-dark app-select-list-multi .select-list-component-compact,
:root.mc-dark app-select-list-lazy-multi .select-list-component-boxy,
:root.mc-dark app-select-list-lazy-multi .select-list-component-inline,
:root.mc-dark app-select-list-lazy-multi .select-list-component-compact {
  color: var(--mc-select-text);
}
:root.mc-dark app-select-list .select-list-component-inline label,
:root.mc-dark app-select-list-lazy .select-list-component-inline label,
:root.mc-dark app-select-list-multi .select-list-component-inline label,
:root.mc-dark app-select-list-lazy-multi .select-list-component-inline label {
  color: var(--mc-text-muted);
}
:root.mc-dark app-select-list .select-list-component-boxy:after,
:root.mc-dark app-select-list .select-list-container.compact:after,
:root.mc-dark app-select-list-lazy .select-list-component-boxy:after,
:root.mc-dark app-select-list-lazy .select-list-container.compact:after,
:root.mc-dark app-select-list-multi .select-list-component-boxy:after,
:root.mc-dark app-select-list-multi .select-list-container.compact:after,
:root.mc-dark app-select-list-lazy-multi .select-list-component-boxy:after,
:root.mc-dark app-select-list-lazy-multi .select-list-container.compact:after {
  color: var(--mc-select-icon);
}
:root.mc-dark app-select-list .select-list-component-boxy.disabled,
:root.mc-dark app-select-list .select-list-component-boxy.no-items,
:root.mc-dark app-select-list .select-list-component-inline.disabled,
:root.mc-dark app-select-list .select-list-component-inline.no-items,
:root.mc-dark app-select-list .select-list-component-compact.disabled,
:root.mc-dark app-select-list .select-list-component-compact.no-items,
:root.mc-dark app-select-list-lazy .select-list-component-boxy.disabled,
:root.mc-dark app-select-list-lazy .select-list-component-boxy.no-items,
:root.mc-dark app-select-list-lazy .select-list-component-inline.disabled,
:root.mc-dark app-select-list-lazy .select-list-component-inline.no-items,
:root.mc-dark app-select-list-lazy .select-list-component-compact.disabled,
:root.mc-dark app-select-list-lazy .select-list-component-compact.no-items,
:root.mc-dark app-select-list-multi .select-list-component-boxy.disabled,
:root.mc-dark app-select-list-multi .select-list-component-boxy.no-items,
:root.mc-dark app-select-list-multi .select-list-component-inline.disabled,
:root.mc-dark app-select-list-multi .select-list-component-inline.no-items,
:root.mc-dark app-select-list-multi .select-list-component-compact.disabled,
:root.mc-dark app-select-list-multi .select-list-component-compact.no-items,
:root.mc-dark app-select-list-lazy-multi .select-list-component-boxy.disabled,
:root.mc-dark app-select-list-lazy-multi .select-list-component-boxy.no-items,
:root.mc-dark app-select-list-lazy-multi .select-list-component-inline.disabled,
:root.mc-dark app-select-list-lazy-multi .select-list-component-inline.no-items,
:root.mc-dark app-select-list-lazy-multi .select-list-component-compact.disabled,
:root.mc-dark app-select-list-lazy-multi .select-list-component-compact.no-items {
  color: var(--mc-text-muted);
}

app-field ion-item-divider {
  padding-left: 0;
}

.mc-auto-complete ul {
  position: absolute;
  width: 100%;
  max-width: 1024px;
  margin-top: 0;
  background: var(--mc-surface-0);
  list-style-type: none;
  padding: 0;
  z-index: 999;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  overflow-y: scroll;
  overflow-x: hidden;
}

.mc-auto-complete ul li {
  padding: 15px;
  border-bottom: 1px solid var(--mc-border-c1);
}
.mc-auto-complete ul li:hover, .mc-auto-complete ul li.selected {
  background-color: var(--ion-color-lighter-light);
  cursor: pointer;
}

.wizard-step.contact-add ion-list-header {
  display: none;
}
.wizard-step.contact-add app-field-group .list-md {
  border-top: 0px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.wizard-step.contact-add app-field-group {
  display: none;
}
.wizard-step.contact-add app-field-group:first-child {
  display: block;
}
.wizard-step.contact-add.show-all-fieldsets app-field-group {
  display: block;
}
.wizard-step.contact-add.show-all-fieldsets .show-all-fieldsets-selector {
  display: none;
}
.wizard-step.contact-add .fields-wrapper .field-list ion-list.edit app-field:last-child ion-item {
  --inner-border-width: 0;
  --border-width: 0 0 1px 0;
}

.wizard-step.vehicle-summary app-image-displayer {
  margin: 0 !important;
  width: 170px;
  height: 170px;
  border-radius: 5px;
}
.wizard-step.vehicle-summary app-image-displayer div.id-bg-image [class^=contact-class-],
.wizard-step.vehicle-summary app-image-displayer div.id-bg-image [class*=" contact-class-"] {
  width: 170px;
  height: 170px;
  border-radius: 5px;
}

.wizard-next-button {
  --margin-inline-start: 0;
  margin-inline-start: 0;
}

.wizard-step.wizard-form {
  padding: 0 16px 40px;
}
.wizard-step.wizard-form .inlinehtml div.full-width-p {
  background: var(--ion-color-primary-contrast);
}
:root.mc-dark .wizard-step.wizard-form .inlinehtml div.full-width-p {
  background: var(--ion-color-primary-contrast-dark);
}
.wizard-step.wizard-form app-field-group .list-md {
  border-top: none;
}
.wizard-step.wizard-form app-field-group .list-md ion-list-header {
  display: none;
}
.wizard-step.wizard-form app-field-group .list-md.edit {
  padding-bottom: 0;
  padding-top: 0;
  margin-bottom: 0px;
}
.wizard-step.wizard-form .floating-button-wrap {
  margin: 40px 16px 0 16px;
  text-align: center;
}
.wizard-step.wizard-form .fields-wrapper .field-list ion-list.edit app-field:last-child ion-item {
  --border-width: 0 0 1px 0;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .field-list ion-list.edit app-field:last-child ion-item.photo, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .field-list ion-list.edit app-field:last-child ion-item.photo {
  --border-width: 0;
}
.wizard-step.wizard-form.wizard-testdrive .photo > ion-label, .wizard-step.wizard-form.wizard-loanvehicle .photo > ion-label {
  display: none;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-top: 12px;
  width: 100%;
  height: 265px;
  margin-bottom: 8px;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input .image-input-wrap, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input .image-input-wrap {
  width: 100%;
  height: 265px;
  max-width: 340px;
  margin: 0 auto;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input .image-input-wrap > ion-label, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input .image-input-wrap > ion-label {
  display: none;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input .image-input-wrap > .image-placeholder, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input .image-input-wrap > .image-placeholder {
  display: block;
  border: 1px solid var(--ion-color-lighter-contrast);
  width: 100%;
  text-align: center;
  font-size: 80px;
  background: var(--ion-color-lighter-light);
  max-width: 340px;
  height: 218px;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input .image-input-wrap > .image-placeholder .icon-photo_camera:before, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input .image-input-wrap > .image-placeholder .icon-photo_camera:before {
  color: var(--ion-color-medium) !important;
  content: "\e412";
  font-size: 80px;
  line-height: 200px !important;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input .image-input-wrap img, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input .image-input-wrap img {
  border: 1px solid var(--ion-color-lighter-contrast);
  margin: 0 auto;
  object-fit: contain;
  width: 100%;
  max-width: 340px;
  height: 216px;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo app-image-input .image-input-wrap .label-wrap, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo app-image-input .image-input-wrap .label-wrap {
  display: block;
  border: none;
  background: var(--ion-color-medium);
  color: white;
  width: 100%;
  line-height: 30px;
  text-align: left;
  padding: 8px 16px;
  font-size: 13px;
  position: relative;
  top: -8px;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper .photo .icon.photo-icon, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper .photo .icon.photo-icon {
  display: none;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper.saveActivated .mc-invalid.photo .mc-note.error-icon, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper.saveActivated .mc-invalid.photo .mc-note.error-icon {
  top: 12px !important;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper.saveActivated .mc-invalid.photo .label-wrap, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper.saveActivated .mc-invalid.photo .label-wrap {
  display: block;
  border: none;
}
.wizard-step.wizard-form.wizard-testdrive .fields-wrapper.saveActivated .mc-invalid.photo .image-input-wrap > .image-placeholder .icon-photo_camera:before, .wizard-step.wizard-form.wizard-loanvehicle .fields-wrapper.saveActivated .mc-invalid.photo .image-input-wrap > .image-placeholder .icon-photo_camera:before {
  color: var(--ion-color-red) !important;
}

.wizard-step.wizard-form.wizard-pricemytrade app-field-group .list-md {
  margin-top: 60px;
  border-top: inherit;
}
.wizard-step.wizard-form.wizard-pricemytrade app-field-group .list-md ion-list-header {
  display: block;
  min-height: 30px;
}
.wizard-step.wizard-form.wizard-pricemytrade app-field-group .list-md ion-list-header ion-label {
  font-weight: 400;
  font-size: 13px;
}

.wizard-step.vehicle-summary .thumbnailwrap div.id-bg-image {
  position: initial;
}

span.error {
  color: var(--ion-color-danger);
}

.wizard-content .lookup-vehicle .fuelSaverResult ion-label {
  font-size: 14px;
}
.wizard-content .lookup-vehicle .fuelSaverResult ion-note {
  font-size: 16px;
}

.wizard-step.contact-search #searchbar.wizard-lookup-vehicle-searchbar ion-icon {
  display: none;
}

.wizard-step.contact-search #searchbar.wizard-lookup-vehicle-searchbar .searchbar-input.sc-ion-searchbar-md {
  padding-inline-start: 16px;
  -webkit-padding-inline-start: 16px;
  padding-inline-end: 16px;
  -webkit-padding-inline-end: 16px;
  text-align: center;
}

.mc-no-flex-wrap {
  flex-wrap: nowrap;
}

ion-button::part(native):hover {
  opacity: 0.8;
}

swiper-slide:hover,
p.more-p-link:hover {
  opacity: 0.8;
}

a:hover {
  opacity: 0.8;
}

.modal-big .modal-wrapper {
  --max-width: 800px;
  --max-height: 100%;
  width: 100%;
  height: 100%;
}

.modal-fullscreen .modal-wrapper {
  --max-width: 3000px;
  --max-height: 3000px;
  width: 100%;
  height: 100%;
}

.wholesale-status {
  font-size: 10px;
  border-radius: 12px;
  width: auto;
  padding: 4px 8px;
  min-width: 10px;
  line-height: 12px;
  background-color: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary-text);
  border-radius: 4px;
  position: relative;
  line-height: 18px;
  top: -1px;
  margin-right: 10px;
}

.wholesale-status.offer {
  background-color: var(--ion-color-warning);
  color: white;
}

.wholesale-status.status.inprogress {
  background-color: var(--ion-color-warning);
  color: white;
}

.wholesale-status.status.rejected {
  background-color: var(--ion-color-danger);
  color: white;
}

.wholesale-status.accepted {
  background-color: var(--ion-color-success);
  color: white;
}

.wholesale-status.status.accepted {
  background-color: var(--ion-color-success);
  color: white;
}

.wholesale-status.leftbadge.myvehicle {
  width: 56px;
  display: block;
  text-align: center;
  background-color: var(--ion-color-medium);
  color: white;
  padding: 0px;
  font-size: 10px;
  font-weight: 300;
}

.wholesale-status.leftbadge.suggested {
  width: 56px;
  display: block;
  text-align: center;
  color: white;
  padding: 0px;
  background-color: #4884bf;
  font-size: 10px;
  font-weight: 300;
}

.wholesale-status.question {
  background-color: var(--ion-color-warning);
  color: white;
}

.wholesale-status.incomingoffer {
  background-color: var(--ion-color-warning);
  color: white;
}

.wholesale-stars.suggested {
  color: var(--ion-color-primary-lighter-tint);
}
.wholesale-stars.suggested ion-icon {
  position: relative;
  top: 3px;
}

.wholesale-status.shortlisted {
  background-color: var(--ion-color-primary);
}

.wholesale-status.transparent {
  background-color: transparent;
  opacity: 0;
}

ion-icon.preferredSupplier,
span.preferredSupplier,
span.suggested,
.icon-star3.preferredSupplier {
  color: #4884bf;
}

ion-icon.preferredSupplier {
  margin-right: 2px;
  position: relative;
  top: 1px;
}

ion-icon.recommendedWand {
  margin-right: 8px;
}

ion-thumbnail ion-icon.recommendedWand {
  margin: 0 auto;
  margin-left: 17px;
  font-size: 25px;
  position: relative;
  color: #4884bf;
  top: 8px;
}

div.searchbar {
  cursor: text;
}
div.searchbar .searchplaceholder {
  -webkit-user-select: none;
          user-select: none;
}

swiper-slide {
  cursor: pointer;
}

ion-note span.count {
  display: block;
  padding: 2px 8px;
  min-width: 26px;
  border-radius: 3px;
  line-height: 14px;
  text-align: center;
  background-color: var(--ion-color-lighter-contraster);
  color: var(--mc-color-black);
  font-weight: 600;
  font-family: Inter;
  font-size: 11px;
}

.shortlist {
  color: var(--ion-color-medium);
}
.shortlist.shortlist-disabled:hover {
  opacity: 0.3;
}
.shortlist.active {
  color: var(--mc-color-dark-grey);
}

.sc-ion-modal-md-h.nonfullscreen {
  --width: 600px;
  --height: 500px;
  --ion-safe-area-top: 0px;
  --ion-safe-area-bottom: 0px;
  --ion-safe-area-right: 0px;
  --ion-safe-area-left: 0px;
}

ion-button:hover {
  opacity: 0.8;
  cursor: pointer;
}

a:hover {
  cursor: pointer !important;
  opacity: 0.8;
}

.mn-menu-col {
  cursor: pointer;
}
.mn-menu-col:hover {
  opacity: 0.8;
}

swiper-container swiper-slide.recent-vehicles:hover {
  cursor: pointer;
  opacity: 0.8;
}

html.mc-android-edge-to-edge.md.mc-android-nav-buttons ion-content::part(scroll) {
  padding-bottom: calc(var(--padding-bottom, 0px) + 40px);
}
html.mc-android-edge-to-edge.md.mc-android-nav-buttons ion-menu ion-content::part(scroll) {
  padding-bottom: calc(var(--padding-bottom, 0px) + 40px);
}
html.mc-android-edge-to-edge.md.mc-android-nav-buttons ion-footer,
html.mc-android-edge-to-edge.md.mc-android-nav-buttons ion-tab-bar {
  padding-bottom: 40px;
}

.edgecard-clear {
  text-transform: uppercase;
  float: right;
  font-size: 12px;
  margin-top: 2px;
  font-size: 12px;
  color: var(--ion-color-primary);
  cursor: pointer;
}
.edgecard-clear:hover {
  opacity: 0.8;
}

.clickable:hover,
.clickable ion-icon:hover,
.contact-menu a.active.secondary ion-icon:hover,
ion-card-subtitle .vehicle-status:hover,
ion-card .vehicle-price:hover,
.select-list-wrapper:hover,
.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.detail-item:hover {
  cursor: pointer;
}

.clickable:hover,
.clickable ion-icon:hover,
.contact-menu a.active.secondary ion-icon:hover,
ion-card-subtitle .vehicle-status:hover,
ion-card .vehicle-price:hover,
.select-list-wrapper:hover,
.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.detail-item p:hover {
  opacity: 0.8;
}

app-notifications ion-list ion-item:hover {
  --ion-item-background: var(--ion-color-lighter-light);
  cursor: pointer;
}

app-wholesale-offer-list-item {
  -webkit-user-select: none;
          user-select: none;
}

ion-item[detail] {
  cursor: pointer;
}
ion-item[detail]:hover {
  --ion-item-background: var(--ion-color-lighter-light-lighter);
}

select-list-modal .parameter-value {
  padding-left: 10px;
}
select-list-modal .parameter-value:hover {
  cursor: pointer;
  background: var(--ion-color-lighter-light-lighter);
}

.searchsuggestions ion-item:hover,
.recentsearcheslist ion-item:hover {
  cursor: pointer;
  background: var(--ion-color-lighter-light-lighter);
  --ion-item-background: var(--ion-color-lighter-light-lighter);
}

.mn-menu-col:hover {
  cursor: pointer;
}

ion-card.qandaheader {
  margin-left: 1px;
}
ion-card.qandaheader h2 {
  color: var(--ion-color-secondary);
  font-weight: 500;
}

div.qanda ion-card.comment {
  margin: 0px 16px 10px;
}
div.qanda ion-card.comment.question {
  --ion-item-background: var(--ion-color-lighter-light-lighter);
  border-left: 4px solid var(--ion-color-secondary);
}
div.qanda ion-card.comment.answer {
  --ion-item-background: #fdedde;
  border-left: 4px solid var(--ion-color-primary);
}
div.qanda ion-card.comment.question.answer {
  --ion-item-background: #fdedde;
  --ion-item-background: var(--ion-color-lighter-light-lighter);
}
div.qanda ion-card.comment.inactive ion-card-content h4,
div.qanda ion-card.comment.inactive p {
  opacity: 0.5;
}
div.qanda ion-card.comment.inactive.mine {
  border-left: 4px solid rgb(72, 132, 191);
}
div.qanda ion-card.comment.inactive.mine ion-card-content h4,
div.qanda ion-card.comment.inactive.mine p {
  opacity: 1;
}
div.qanda ion-card.comment.inactive.mine .awaitinganswer i {
  color: var(--ion-color-danger);
  font-style: normal;
  font-weight: 500;
  font-size: 1.2em;
}
div.qanda ion-card.comment.inactive.mine .awaitinganswer i ion-icon {
  font-size: 1.4em;
  margin-right: 4px;
  position: relative;
  top: 4px;
}
div.qanda ion-card.comment ion-card-content {
  padding: 12px inherit 10px;
}
div.qanda ion-card.comment ion-card-content h5 {
  color: var(--ion-color-primary);
  font-weight: 400;
  margin-bottom: 10px;
}
div.qanda ion-card.comment ion-card-content h4 {
  font-weight: 600;
}
div.qanda ion-card.comment ion-card-content p {
  margin-top: 8px;
  font-size: 12px;
}
div.qanda ion-card.comment ion-card-content p i {
  font-style: italic;
}
div.qanda ion-card.comment ion-card-content p a {
  color: var(--ion-color-danger);
}
div.qanda ion-card.comment ion-card-content ion-button {
  min-width: 150px;
  --border-radius: 3px;
  --border-radius: 5px;
  --background: var(--ion-color-secondary-tint);
  --color: white;
  font-weight: 400;
  text-transform: initial;
  margin: 18px auto 8px;
  font-size: 14px;
  --box-shadow: none;
  letter-spacing: 0;
}

ion-card.ask {
  margin: 0;
}
ion-card.ask ion-card-content {
  padding-top: 0;
}
ion-card.ask h2 {
  margin-top: 12px;
  margin-bottom: 14px;
  color: var(--ion-color-secondary);
  font-weight: 400;
}
ion-card.ask ion-textarea {
  border: 1px solid var(--ion-color-medium);
  border-radius: 3px;
}
ion-card.ask ion-button {
  min-width: 150px;
  --border-radius: 3px;
  --border-radius: 5px;
  --background: var(--ion-color-secondary-tint);
  --color: white;
  font-weight: 400;
  text-transform: initial;
  margin: 18px auto 8px;
  font-size: 14px;
  --box-shadow: none;
  letter-spacing: 0;
}

.countbadge {
  padding: 2px 10px;
  border-radius: 3px;
  font-size: 13px;
  margin-left: 4px;
  line-height: 18px;
  text-align: center;
  background-color: var(--ion-color-secondary-tint);
  color: white;
  position: relative;
  top: -2px;
}

.offerbuttons {
  text-align: left;
  margin: 0px 15px;
  text-align: left;
  display: flex;
  -ms-flex-item-align: start;
}
.offerbuttons ion-button {
  min-width: 150px;
  --border-radius: 5px;
  --background: var(--ion-color-medium);
  --color: white;
  --color-activated: var(--ion-color-medium);
  font-weight: 400;
  text-transform: initial;
  width: auto;
  font-size: 14px;
  --box-shadow: none;
  letter-spacing: 0;
  margin-right: 14px;
}
.offerbuttons ion-button.buynowbutton {
  --background: var(--ion-color-primary);
}
.offerbuttons ion-button.disabled {
  opacity: 0.3;
  color: #efefef;
}
.offerbuttons .shortlistbutton {
  margin-left: 14px;
  cursor: pointer;
  padding: 6px 0;
}
.offerbuttons .shortlistbutton:hover {
  opacity: 0.8;
}
.offerbuttons .shortlistbutton ion-icon {
  position: relative;
  color: var(--ion-color-primary);
  font-size: 30px;
  padding-right: 6px;
}
.offerbuttons .shortlistbutton span {
  position: relative;
  top: -8px;
  color: var(--ion-color-primary);
}

.priceheader .shortlist {
  display: none;
}

.offerbuttons ion-button.inactive {
  opacity: 0.2;
}

@media screen and (max-width: 720px) {
  .offerbuttons ion-button {
    min-width: 138px;
  }
  .priceheader .shortlist {
    display: block;
  }
  .offerbuttons .shortlistbutton {
    display: none;
  }
  .shortlistnotes ion-card-content ion-item ion-textarea {
    width: 100%;
    clear: left;
  }
}
div.alerts ion-card.alert {
  margin-top: 8px;
  margin-inline-start: 16px;
  margin-inline-end: 16px;
  border-left: 4px solid var(--ion-color-secondary);
  --ion-item-background: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary);
}
div.alerts ion-card.alert ion-card-content {
  padding: 12px inherit 10px;
}
div.alerts ion-card.alert ion-card-content h5 {
  font-weight: 400;
  margin-bottom: 10px;
}
div.alerts ion-card.alert ion-card-content h4 {
  font-weight: 600;
}
div.alerts ion-card.alert ion-card-content a {
  text-decoration: underline;
  color: var(--ion-color-secondary);
}
div.alerts ion-card.alert.danger {
  color: var(--ion-color-danger);
  border-left: 4px solid var(--ion-color-danger);
  --ion-item-background: var(--ion-color-danger-light);
}
div.alerts ion-card.alert.danger a {
  color: var(--ion-color-danger);
}
div.alerts ion-card.alert.warning {
  color: var(--ion-color-warning);
  border-left: 4px solid var(--ion-color-warning);
  --ion-item-background: var(--ion-color-warning-light);
}
div.alerts ion-card.alert.warning a {
  color: var(--ion-color-warning);
}
div.alerts ion-card.alert.success {
  color: var(--ion-color-success);
  border-left: 4px solid var(--ion-color-success);
  --ion-item-background: var(--ion-color-success-light);
}
div.alerts ion-card.alert.success a {
  color: var(--ion-color-success);
}

ion-card.offer {
  margin-top: 8px;
  margin-inline-start: 16px;
  margin-inline-end: 16px;
  border-left: 4px solid rgb(72, 132, 191);
  --ion-item-background: var(--ion-color-lighter-light);
  color: var(--ion-color-secondary);
}
ion-card.offer.medium {
  border-left: 4px solid var(--ion-color-medium);
}
ion-card.offer ion-card-content {
  padding: 12px inherit 10px;
}
ion-card.offer ion-card-content ion-note.vieworiginal {
  float: right;
}
ion-card.offer ion-card-content ion-note.vieworiginal:hover {
  cursor: pointer;
  opacity: 0.8;
}
ion-card.offer ion-card-content ion-note.vieworiginal ion-icon {
  position: relative;
  top: 4px;
  font-size: 1.2em;
}
ion-card.offer ion-card-content h2 {
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 10px;
}
ion-card.offer ion-card-content h5 {
  font-weight: 400;
  margin-bottom: 10px;
}
ion-card.offer ion-card-content h4 {
  font-weight: 600;
}
ion-card.offer ion-card-content a {
  text-decoration: underline;
}
ion-card.offer ion-card-content p {
  display: flex;
  line-height: 2em;
  margin-top: 1.2em;
}
ion-card.offer ion-card-content p .label {
  min-width: 150px;
  font-weight: 500;
}
ion-card.offer ion-card-content p .value {
  font-weight: 400;
}
ion-card.offer ion-card-content p .value.offerstatus {
  color: white;
  padding: 0 12px;
  border-radius: 5px;
  line-height: 25px;
  height: 25px;
  font-size: 12px;
  background-color: var(--ion-color-medium);
}
ion-card.offer ion-card-content p .value.offerstatus.PendingAcceptance {
  background-color: var(--ion-color-primary);
}
ion-card.offer ion-card-content p .value.offerstatus.PendingAcceptance.myvehicle, ion-card.offer ion-card-content p .value.offerstatus.SellerRejected {
  background-color: var(--ion-color-danger);
}
ion-card.offer ion-card-content p .value.offerstatus.SellerAccepted {
  background-color: var(--ion-color-success);
}
ion-card.offer ion-card-content p.sellercomment .label {
  padding-top: 6px;
}
ion-card.offer ion-card-content p.sellercomment .value {
  margin-top: 4px;
  border: 1px solid var(--ion-color-medium);
  background: var(--ion-color-light-tint);
  padding: 2px 14px;
  width: 100%;
}
ion-card.offer ion-card-content ion-button {
  min-width: 150px;
  --border-radius: 3px;
  --border-radius: 5px;
  --background: rgb(72, 132, 191);
  --color: white;
  font-weight: 400;
  text-transform: initial;
  margin: 18px auto 8px;
  font-size: 14px;
  --box-shadow: none;
  letter-spacing: 0;
}

@media screen and (max-width: 720px) {
  ion-card.offer ion-card-content p {
    display: block;
    margin-bottom: 8px;
  }
  ion-card.offer ion-card-content p span {
    display: block;
  }
  ion-card.offer ion-card-content p span.offerstatus {
    width: 150px;
    text-align: center;
  }
  ion-card.offer ion-card-content p .label {
    min-width: 100%;
    font-weight: 500;
  }
}
ion-note.headertag {
  font-weight: 400;
  color: white;
  padding: 4px 10px;
  margin-left: 6px;
  border-radius: 5px;
  height: 25px;
  margin-top: 5px;
  font-size: 12px;
  color: var(--ion-color-medium);
  background: var(--ion-color-lighter-light);
}
ion-note.headertag.warning {
  color: var(--ion-color-warning);
  background: var(--ion-color-warning-light);
}
ion-note.headertag.danger {
  color: var(--ion-color-danger);
  background: var(--ion-color-danger-light);
}
ion-note.headertag.success {
  color: var(--ion-color-success);
  background: var(--ion-color-success-light);
}

.WholesaleCounts\/Offers\/Incoming\/PendingAcceptance app-count span,
.WholesaleCounts\/UnansweredQuestions app-count span {
  color: var(--ion-color-danger);
  background-color: var(--ion-color-danger-light);
}

.app-wholesale .results-info-top .showing-label {
  margin-top: 10px;
}

.list-options-wrapper {
  display: flex;
  align-items: flex-end;
}

app-result-layout-toggle {
  position: relative;
  top: 3px;
}
app-result-layout-toggle ion-segment-button {
  min-width: 30px;
  max-width: 36px;
  color: var(--ion-color-light-shade);
  background-color: var(--ion-color-lighter-light-lighter);
  background-color: var(--ion-color-primary-contrast);
  --indicator-color: none;
}
app-result-layout-toggle ion-segment-button::part(native) {
  min-width: 30px;
  max-width: 30px;
  border: 1px solid var(--ion-color-light-shade);
}
app-result-layout-toggle ion-segment-button.segment-button-checked, app-result-layout-toggle ion-segment-button.segment-button-checked::part(native) {
  background-color: var(--ion-color-primary-contrast);
  color: var(--ion-color-primary);
}
app-result-layout-toggle ion-segment-button[value=list]::part(native) {
  border-right: 0px !important;
}
app-result-layout-toggle ion-segment-button:hover::part(native) {
  color: var(--ion-color-medium-tint);
}

@media screen and (max-width: 767px) {
  app-result-layout-toggle {
    display: none;
  }
}
.mc-items ion-grid {
  --ion-grid-padding: 0px;
}

app-wholesale-shortlist app-wholesale-vehicle-list.app-list-content app-wholesale-vehicle-list-item ion-item.vehicle-result {
  opacity: 0.4;
}
app-wholesale-shortlist app-wholesale-vehicle-list.app-list-content app-wholesale-vehicle-list-item ion-item.vehicle-result.shortlisted {
  opacity: 1;
}

app-wholesale-offers ion-list.PendingAcceptance app-wholesale-vehicle-list-item ion-item.vehicle-result {
  opacity: 0.4;
}
app-wholesale-offers ion-list.PendingAcceptance app-wholesale-vehicle-list-item ion-item.vehicle-result.outgoing {
  opacity: 1;
}

app-wholesale-selling-offers ion-list.PendingAcceptance app-wholesale-vehicle-list-item ion-item.vehicle-result {
  opacity: 0.4;
}
app-wholesale-selling-offers ion-list.PendingAcceptance app-wholesale-vehicle-list-item ion-item.vehicle-result.incoming {
  opacity: 1;
}

app-wholesale-selling-questions ion-list.list-md app-wholesale-vehicle-list-item ion-item.vehicle-result {
  opacity: 0.4;
}
app-wholesale-selling-questions ion-list.list-md app-wholesale-vehicle-list-item ion-item.vehicle-result.questions {
  opacity: 1;
}

ion-item.path {
  cursor: pointer;
}
ion-item.path:hover {
  --ion-item-background-color: var(--ion-color-lighter-light) !important;
}
ion-item.path .item-detail-icon {
  margin-top: 10px;
}

.tags headertag {
  white-space: nowrap;
}

ion-card.carcheck-info.warning {
  --background: var(--ion-color-warning);
}
ion-card.carcheck-info.danger {
  --background: var(--ion-color-danger);
}
ion-card.carcheck-info.info {
  --background: var(--ion-color-lighter-light);
}
ion-card.carcheck-info.warning ion-card-header ion-card-title, ion-card.carcheck-info.danger ion-card-header ion-card-title {
  color: var(--ion-color-primary-contrast);
}
ion-card.carcheck-info.warning ion-card-header ion-card-title ion-icon, ion-card.carcheck-info.danger ion-card-header ion-card-title ion-icon {
  color: var(--ion-color-primary-contrast);
}
ion-card.carcheck-info.warning ion-card-header ion-card-subtitle, ion-card.carcheck-info.danger ion-card-header ion-card-subtitle {
  color: var(--ion-color-primary-contrast);
}
ion-card.carcheck-info.warning ion-card-content p, ion-card.carcheck-info.danger ion-card-content p {
  color: var(--ion-color-primary-contrast);
}
ion-card.carcheck-info.warning ion-card-content p a, ion-card.carcheck-info.danger ion-card-content p a {
  color: var(--ion-color-danger-light);
}
ion-card.carcheck-info ion-card-header ion-card-title {
  font-size: 24px;
}
ion-card.carcheck-info ion-card-header ion-card-title ion-icon {
  font-size: 28px;
  position: relative;
  top: 4px;
}
ion-card.carcheck-info ion-card-header ion-card-subtitle {
  margin-top: 20px;
  line-height: 1.5em;
  font-size: 18px;
}
ion-card.carcheck-info.outofdate ion-card-header ion-card-title {
  font-size: 18px;
}
ion-card.carcheck-info.outofdate ion-card-header ion-card-title ion-icon {
  font-size: 22px;
  margin-right: 4px;
}
ion-card.carcheck-info.outofdate ion-card-header ion-card-subtitle {
  margin-top: 20px;
  line-height: 1.5em;
  font-size: 14px;
}
ion-card.carcheck-info.info ion-card-content {
  display: flex;
  justify-content: flex-start;
}
ion-card.carcheck-info.info ion-card-content ion-icon {
  font-size: 28px;
  position: relative;
}
ion-card.carcheck-info.info ion-card-content p {
  font-size: 16px;
}

.training .training-form.fields-wrapper app-field-group .list-md {
  border-top: none;
}
.training .training-form.fields-wrapper .field-list ion-list.edit ion-list-header > ion-label {
  text-transform: none;
  font-size: 16px;
}
.training .training-form.fields-wrapper .field-list ion-list.edit app-field ion-label {
  white-space: normal;
  color: var(--ion-color-secondary-tint);
  --ion-safe-area-right: 16px;
}
.training ion-card.nodrop {
  margin-left: unset;
  margin-right: unset;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-left: 0px;
  padding-right: 0px;
  --ion-item-background: var(--ion-color-primary-contrast);
  background: var(--ion-item-background);
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
}
.training ion-card.nodrop.visited {
  --ion-item-background: var(--ion-color-lighter-lightest);
  opacity: 0.9;
}
.training ion-card.infocard {
  background-color: var(--ion-color-lighter-light);
  box-shadow: none;
  -webkit-box-shadow: none;
}
.training ion-card.infocard ion-card-title {
  font-size: 14px;
}
.training ion-card.infocard ion-card-title:hover {
  color: var(--ion-color-secondary-tint);
  opacity: 0.8;
  cursor: pointer;
}
.training ion-card.infocard ion-card-title ion-icon {
  float: right;
  font-size: 20px;
  position: relative;
}
.training ion-card.infocard ion-card-content h2 {
  margin-top: 24px;
  margin-bottom: 18px;
  font-size: 14px;
  color: var(--ion-color-secondary);
}
.training ion-card.infocard ion-card-content ol {
  padding-left: 16px;
}

ion-header > ion-grid.mcfixed,
ion-header ion-grid.mcfixed,
ion-content > ion-grid.mcfixed,
ion-content ion-grid.mcfixed,
ion-content ion-card.mcfixed,
ion-content ion-card.mcfixed.edgecard,
ion-content div.mcfixed {
  padding: 0;
  margin: 0 auto;
  max-width: 1024px;
}
ion-header > ion-grid.mcfixed.left,
ion-header ion-grid.mcfixed.left,
ion-content > ion-grid.mcfixed.left,
ion-content ion-grid.mcfixed.left,
ion-content ion-card.mcfixed.left,
ion-content ion-card.mcfixed.edgecard.left,
ion-content div.mcfixed.left {
  margin-left: 0;
}
ion-header > ion-grid.mcfixed.details,
ion-header ion-grid.mcfixed.details,
ion-content > ion-grid.mcfixed.details,
ion-content ion-grid.mcfixed.details,
ion-content ion-card.mcfixed.details,
ion-content ion-card.mcfixed.edgecard.details,
ion-content div.mcfixed.details {
  max-width: auto;
}
ion-header > ion-grid.mcfixed.details ion-list-header,
ion-header > ion-grid.mcfixed.details ion-item,
ion-header ion-grid.mcfixed.details ion-list-header,
ion-header ion-grid.mcfixed.details ion-item,
ion-content > ion-grid.mcfixed.details ion-list-header,
ion-content > ion-grid.mcfixed.details ion-item,
ion-content ion-grid.mcfixed.details ion-list-header,
ion-content ion-grid.mcfixed.details ion-item,
ion-content ion-card.mcfixed.details ion-list-header,
ion-content ion-card.mcfixed.details ion-item,
ion-content ion-card.mcfixed.edgecard.details ion-list-header,
ion-content ion-card.mcfixed.edgecard.details ion-item,
ion-content div.mcfixed.details ion-list-header,
ion-content div.mcfixed.details ion-item {
  max-width: 1024px;
  margin: 0 auto;
}
ion-header > ion-grid.mcfixed.extended,
ion-header ion-grid.mcfixed.extended,
ion-content > ion-grid.mcfixed.extended,
ion-content ion-grid.mcfixed.extended,
ion-content ion-card.mcfixed.extended,
ion-content ion-card.mcfixed.edgecard.extended,
ion-content div.mcfixed.extended {
  max-width: 1280px;
}

.training-form ion-segment {
  --ion-background-color-step-350: var(--ion-color-secondary);
  max-width: 415px;
}
.training-form ion-segment ion-segment-button ion-label {
  text-transform: initial !important;
}
.training-form .edit app-field ion-item {
  --padding-bottom: 16px;
}
.training-form.fields-wrapper .field-list ion-list.edit {
  margin-bottom: 20px;
}

.carcheck-header .archived.transparent.show-background {
  --background: var(--ion-color-secondary);
}

.carcheck-content.archived {
  --cc-color-tint: var(--ion-color-medium-tint);
}

.archived ion-list ion-item {
  opacity: 0.6;
}
.archived ion-list ion-item.selected {
  opacity: 1;
  cursor: pointer;
}

.app-carcheck ion-list ion-item[detail]:hover,
.app-carcheck ion-list ion-item.detail:hover {
  opacity: 1;
  cursor: pointer;
  --background: var(--ion-color-lighter-light);
}

.edgecardx {
  padding-left: 0;
  padding-right: 0;
}

.offercard,
.shortlistnotes {
  margin-right: 0;
  margin-bottom: 20px;
  margin: 0 0 14px 0;
  padding: 0px 16px 0px 16px;
}
.offercard ion-card,
.shortlistnotes ion-card {
  --ion-safe-area-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.offercard ion-card ion-card-content,
.shortlistnotes ion-card ion-card-content {
  background: var(--ion-color-lighter-light-lighter);
  padding: 14px 24px;
}
.offercard ion-card ion-card-content .offerbuttons,
.shortlistnotes ion-card ion-card-content .offerbuttons {
  margin: 0;
  margin-bottom: 4px;
}
.offercard ion-card ion-card-content .offerbuttons a,
.shortlistnotes ion-card ion-card-content .offerbuttons a {
  font-size: 14px;
  margin-left: 20px;
  line-height: 24px;
  position: relative;
  top: 10px;
}
.offercard ion-card ion-card-content ion-item.item-label-stacked,
.shortlistnotes ion-card ion-card-content ion-item.item-label-stacked {
  --ion-item-background: transparent;
  margin-bottom: 14px;
}
.offercard ion-card ion-card-content ion-item.item-label-stacked br.leftlabel,
.shortlistnotes ion-card ion-card-content ion-item.item-label-stacked br.leftlabel {
  display: none;
}
.offercard ion-card ion-card-content ion-item.item-label-stacked ion-label.stackedlabel,
.shortlistnotes ion-card ion-card-content ion-item.item-label-stacked ion-label.stackedlabel {
  font-size: 14px;
  font-weight: 500;
  transform: none;
  margin-bottom: 8px;
}
.offercard ion-card ion-card-content ion-item.item-label-stacked ion-input,
.shortlistnotes ion-card ion-card-content ion-item.item-label-stacked ion-input {
  --background: var(--mc-surface-0);
  border: 1px solid var(--ion-color-medium);
  background-color: var(--mc-surface-0);
  border-radius: 3px;
  margin: 0;
  padding: 8px 18px;
  font-size: 14px;
  --padding-start: 8px;
}
.offercard ion-card ion-card-content ion-item.item-label-stacked ion-input.native-input[disabled].sc-ion-input-md,
.shortlistnotes ion-card ion-card-content ion-item.item-label-stacked ion-input.native-input[disabled].sc-ion-input-md {
  opacity: 1;
}
.offercard ion-card ion-card-content ion-item.item-label-stacked ion-textarea,
.shortlistnotes ion-card ion-card-content ion-item.item-label-stacked ion-textarea {
  border: 1px solid var(--ion-color-medium);
  background-color: var(--mc-surface-0);
  border-radius: 3px;
  margin: 0;
  padding: 8px;
  font-size: 14px;
  --padding-start: 0px;
  --padding-end: 0px;
  --padding-top: 0px;
  --padding-bottom: 0px;
}

.mcflexrow {
  display: flex;
  justify-content: flex-start;
}

.app-wholesale .dashboard .recently-added-vehicle-list .results-info-top {
  display: none;
}

.modal-details-content #app-field-status {
  font-weight: 400;
}
.modal-details-content #app-field-status p.full-width-p {
  color: white;
  padding: 0 12px;
  border-radius: 5px;
  line-height: 25px;
  height: 25px;
  font-size: 12px;
  background-color: var(--ion-color-medium);
  width: auto;
}
.modal-details-content #app-field-status.PendingAcceptance p.full-width-p {
  background-color: var(--ion-color-primary);
}
.modal-details-content #app-field-status.SellerRejected p.full-width-p {
  background-color: var(--ion-color-danger);
}
.modal-details-content #app-field-status.SellerAccepted p.full-width-p {
  background-color: var(--ion-color-success);
}

.app-wholesale .vehicle-summary-panel .fields-wrapper .field-list ion-list:not(.edit) ion-list-header > ion-label {
  text-transform: initial;
  font-weight: 600;
  color: var(--ion-color-secondary-tint);
}

app-modal-iframe span.preheader {
  display: none !important;
}

app-image-displayer {
  cursor: pointer;
}

#assistive-requestDigitalSigning {
  display: none;
}

#assistive-requestDigitalSigning.field-has-value {
  display: block;
}

.cancellationReasonInput {
  border: 1px solid var(--mc-border-d9) !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.wizard-step.contact-search #searchbar.wizard-lookup-vehicle-searchbar ion-icon.searchbar-clear-icon {
  display: block;
}

@media screen and (max-width: 740px) {
  .notification-modal ion-header ion-title {
    display: none;
  }
}
.notification-modal .fields-wrapper .field-list ion-list:not(.edit) ion-item p {
  font-weight: 300;
  font-size: 15px;
}

ion-segment ::-webkit-scrollbar {
  height: 6px;
}
ion-segment ::-webkit-scrollbar-track {
  background: transparent;
}
ion-segment ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
ion-segment ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
ion-segment .inner-scroll {
  scrollbar-width: thin;
}

/* In dark mode the segment scrollbar needs a lighter thumb */
:root.mc-dark ion-segment ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.18);
}
:root.mc-dark ion-segment ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.26);
}

/* Dark mode: add a visible edge so modals don't blend into the background */
:root.mc-dark ion-modal::part(content) {
  --box-shadow: 0 0 0 0.4px var(--mc-border-strong), 0 18px 48px rgba(0, 0, 0, 0.75);
}

.notification-modal app-modal-details ion-header {
  --ion-safe-area-top: 0;
}

.wizard-step.lookup-vehicle app-vehicle-list-item div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mc-color-mid-grey);
  font-size: 11px;
}
.wizard-step.lookup-vehicle app-vehicle-list-item div:first-child {
  color: var(--mc-color-black);
  font-size: 13px;
}

ion-toast {
  --max-width: 600px;
}

.mcapp ion-popover ion-list ion-item {
  cursor: pointer;
}
.mcapp ion-popover ion-list ion-item ion-label {
  cursor: pointer;
}

.field-list .contact,
.field-list .contact-circle,
.field-list .contact-square {
  border-radius: 0;
  width: 100%;
}
.field-list .contact ion-thumbnail,
.field-list .contact-circle ion-thumbnail,
.field-list .contact-square ion-thumbnail {
  --size: 40px;
  width: 40px;
}
.field-list .contact ion-thumbnail app-contact-image-displayer div.contact-image-wrap,
.field-list .contact-circle ion-thumbnail app-contact-image-displayer div.contact-image-wrap,
.field-list .contact-square ion-thumbnail app-contact-image-displayer div.contact-image-wrap {
  border-radius: 100%;
}

.scanner-ui,
.scan-ui {
  display: none;
  opacity: 0;
}

body.scanner-active {
  --background: transparent;
  --ion-background-color: transparent;
}
body.scanner-active ion-app.ion-page {
  z-index: 999;
}
body.scanner-active ion-app.ion-page ion-router-outlet > div, body.scanner-active ion-app.ion-page ion-router-outlet > .ion-page {
  opacity: 0;
  display: none;
}
body.scanner-active ion-app.ion-page ion-router-outlet ion-header {
  z-index: 9999;
}
body.scanner-active ion-app.ion-page ion-router-outlet ion-header ion-toolbar ion-buttons {
  --ion-toolbar-color: var(--mc-color-white);
}
body.scanner-active ion-app.ion-page ion-router-outlet div.scan-ui {
  opacity: 1;
  display: initial;
}
body.scanner-active ion-app.ion-page ion-router-outlet div.scan-ui > div.scan-box {
  border: 2px solid #fff;
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  left: 50%;
  height: 300px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  opacity: 1;
  z-index: 999;
}
body.scanner-active .scanner-ui {
  opacity: 1;
  display: initial;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.scanner-active .scanner-ui ion-header ion-toolbar ion-buttons {
  --ion-toolbar-color: var(--mc-color-white);
}
body.scanner-active .scanner-ui .container {
  display: flex;
}
body.scanner-active .scanner-ui .relative {
  position: relative;
  z-index: 1;
}
body.scanner-active .scanner-ui .square {
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: 0.3s;
}
body.scanner-active .scanner-ui .square:after {
  content: "";
  top: 0;
  display: block;
  padding-bottom: 100%;
}
body.scanner-active .scanner-ui .square > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
body.scanner-active .scanner-ui .surround-cover {
  box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.5);
}
body.scanner-active .scanner-ui .barcode-scanner--area--container {
  width: 80%;
  max-width: min(500px, 80vh);
  margin: auto;
}
body.scanner-active .scanner-ui .barcode-scanner--area--outer {
  display: flex;
  border-radius: 1em;
}
body.scanner-active .scanner-ui .barcode-scanner--area--inner {
  width: 100%;
  margin: 1rem;
  border: 2px solid #fff;
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.5), inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
}

ion-item.fixed-width p {
  border: 1px solid var(--ion-color-medium);
  padding: 20px;
  font-family: "Courier New", Courier, monospace;
  background-color: var(--ion-color-lighter-light-lighter);
  color: var(--mc-text-333);
  white-space: pre;
  width: 100% !important;
  overflow-x: auto;
}

.activesearch ion-buttons ion-button {
  --ion-toolbar-color: var(--ion-color-primary);
  font-size: 14px;
  font-weight: 400;
  text-transform: initial;
}

.searchbar-wrap.has-popover div.search-popover {
  position: absolute;
  background: var(--mc-surface-0);
  z-index: 99;
  width: 100%;
  max-height: calc(100vh - 150px);
  overflow-y: scroll;
}
.searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar-track {
  background: transparent;
}
.searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar-thumb {
  background: var(--mc-scrollbar-thumb);
  border-radius: 8px;
}
.searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar-thumb:hover {
  background: var(--mc-scrollbar-thumb-hover);
}
.searchbar-wrap.has-popover div.search-popover .inner-scroll {
  scrollbar-width: thin;
}
.searchbar-wrap.has-popover div.search-popover ion-list-header {
  padding-top: 8px;
}
.searchbar-wrap.has-popover div.search-popover ion-list ion-item {
  margin: 4px 0;
  padding-right: 16px;
}
.searchbar-wrap.has-popover div.search-popover ion-list ion-item:last-child {
  --inner-border-width: 0;
}

@media screen and (max-width: 1024px) {
  .ios ion-header.hassearchbar,
  .md ion-header.hassearchbar {
    padding-bottom: 0px;
  }
  .searchbar-wrap.has-popover div.search-popover {
    max-height: calc(100vh - 100px);
    overflow-y: scroll;
    left: 0;
  }
  .searchToggled .secondarytoolbar {
    height: 8px;
  }
  .searchToggled .secondarytoolbar ion-grid {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .searchbar-wrap.has-popover {
    position: relative;
  }
  .searchbar-wrap.has-popover div.search-popover {
    position: absolute;
    width: 100%;
    background: var(--mc-surface-0);
    z-index: 99;
    border: 1px solid var(--mc-border-subtle);
    border-radius: 6px;
    box-shadow: var(--mc-elevation-shadow);
    top: 44px;
    max-height: calc(100vh - 150px);
    overflow-y: scroll;
  }
  .searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar-track {
    background: transparent;
  }
  .searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar-thumb {
    background: var(--mc-scrollbar-thumb);
    border-radius: 8px;
  }
  .searchbar-wrap.has-popover div.search-popover::-webkit-scrollbar-thumb:hover {
    background: var(--mc-scrollbar-thumb-hover);
  }
  .searchbar-wrap.has-popover div.search-popover .inner-scroll {
    scrollbar-width: thin;
  }
  .searchbar-wrap.has-popover div.search-popover ion-list-header {
    padding-top: 8px;
  }
  .searchbar-wrap.has-popover div.search-popover ion-list ion-item {
    margin: 4px 0;
    padding-right: 16px;
  }
  .searchbar-wrap.has-popover div.search-popover ion-list ion-item:last-child {
    --inner-border-width: 0;
  }
}
p.no-results {
  font-size: 12px;
  line-height: 20px;
  padding-bottom: 20px;
}

ion-item:has(p.no-results) {
  --inner-border-width: 0;
  --border-width: 0 !important;
}

.stock-multi-slider ion-icon {
  font-size: 100px;
}
.stock-multi-slider ion-fab-button {
  margin-top: 20px;
}
.stock-multi-slider ion-fab-button ion-icon {
  font-size: 30px;
}

app-dashboard .dashboard {
  --ion-background-color: var(--mc-surface-1);
}

.mc-dark ion-popover::part(content) {
  border: 1px solid var(--mc-border-subtle);
}

ion-popover.popover-desktop::part(content) {
  --border-radius: 5px;
  border: 1px solid var(--mc-color-hr);
  --box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.025), 0 8px 10px 1px rgba(0, 0, 0, 0.025), 0 3px 8px 2px rgba(0, 0, 0, 0.025);
  font-size: 14px;
}

ion-popover.standard-popover::part(content) {
  padding: 1rem;
}

.dashboard ion-card-header,
.dashboard ion-list-header {
  text-transform: uppercase;
  font-size: 12px;
  color: var(--ion-color-secondary);
  padding-top: 20px;
  padding-bottom: 10px;
}
.dashboard ion-card-header ion-row,
.dashboard ion-list-header ion-row {
  gap: 0;
}
.dashboard ion-row {
  flex-direction: row;
}
.dashboard ion-row.list-row-footer {
  justify-content: flex-end;
}
.dashboard ion-row ion-col {
  width: auto;
}

.dashboard .quicksearch ion-card-header,
.dashboard .quicksearch ion-list-header,
.recentsearcheslist ion-card-header,
.recentsearcheslist ion-list-header {
  text-transform: uppercase;
  font-size: 13px;
  color: var(--ion-color-secondary);
  padding-top: 20px;
  padding-bottom: 6px;
}
.dashboard .quicksearch ion-item,
.recentsearcheslist ion-item {
  margin: 4px 0;
}

.dashboard,
.item-details {
  --ion-background-color: var(--mc-surface-0);
}
.dashboard ion-card,
.item-details ion-card {
  --ion-item-background: var(--mc-surface-0);
  background: var(--ion-item-background);
  box-shadow: none;
  -webkit-box-shadow: none;
  border-radius: 0;
}
.dashboard ion-card .card-content-md,
.item-details ion-card .card-content-md {
  border-bottom: 1px solid var(--mc-divider);
}
.dashboard ion-card .card-content-md:last-of-type,
.item-details ion-card .card-content-md:last-of-type {
  border-bottom: none;
}
.dashboard ion-card.edgecard,
.item-details ion-card.edgecard {
  margin-left: 0;
  margin-right: 0;
}
.dashboard ion-card.edgecard .card-content-md,
.item-details ion-card.edgecard .card-content-md {
  padding-left: unset;
  padding-right: unset;
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}
.dashboard ion-card.edgecard .card-content-md .swiper-wrapper,
.item-details ion-card.edgecard .card-content-md .swiper-wrapper {
  padding-left: 16px;
}
.dashboard ion-card.edgecard > p,
.item-details ion-card.edgecard > p {
  padding: 8px 0 8px 0;
  font-size: 12px;
}
.dashboard ion-card.edgecard > ion-card-content > p,
.item-details ion-card.edgecard > ion-card-content > p {
  padding: 8px 16px;
  font-size: 12px;
}
.dashboard ion-card ion-list.list-md,
.item-details ion-card ion-list.list-md {
  padding-top: 0;
}
.dashboard ion-card ion-list > ion-item,
.item-details ion-card ion-list > ion-item {
  font-size: 13px;
  color: var(--ion-color-secondary-tint);
}
.dashboard ion-card ion-list > ion-item ion-icon,
.item-details ion-card ion-list > ion-item ion-icon {
  font-size: 22px;
}

#expenses .item-details ion-card ion-card {
  border: 1px solid var(--mc-border);
}

.recentsearcheslist ion-list.list-md,
.searchsuggestions ion-list.list-md {
  padding-top: 0;
  padding-left: 2px;
}
.recentsearcheslist ion-list.list-md ion-item span,
.searchsuggestions ion-list.list-md ion-item span {
  font-size: 13px;
}
.recentsearcheslist ion-list-header,
.searchsuggestions ion-list-header {
  padding-inline-start: calc(var(--ion-safe-area-left, 0) + 16px);
  padding-inline-end: calc(var(--ion-safe-area-right, 0) + 16px);
}

.dashboard .swiper-container app-contact-image-displayer .contact-image-wrap [class^=contact-class-],
.dashboard .swiper-container app-contact-image-displayer .contact-image-wrap [class*=" contact-class-"] {
  width: 100%;
  height: 56px;
  border-radius: 5px;
  line-height: 56px;
  font-size: 24px;
}

.recently-added-vehicle-list .sc-ion-card-md-h {
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.dashboard ion-card-header,
.dashboard ion-list-header {
  padding-top: 8px;
}

.dashboard ion-card-header,
.dashboard ion-list-header {
  text-transform: initial;
  color: var(--ion-color-secondary);
  font-size: 14px;
  font-weight: 400;
}

.dashboard ion-card {
  margin-top: 12px;
  border-bottom: 1px solid var(--mc-color-hr);
}
.dashboard ion-card:last-of-type {
  border-bottom: none;
}

.dashboard ion-card ion-list {
  --border-color: var(--mc-color-hr);
}

.dashboard ion-card ion-list app-vehicle-summary-item:last-child ion-item {
  --border-style: none;
}

.dashboard app-contact-image-displayer {
  width: 60px;
}
.dashboard app-contact-image-displayer .contact-image.summary {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 40px;
  margin-right: 20px;
}

.dashboard .quicksearch ion-list-header {
  padding-bottom: 0px;
}

.quicksearchbuttons {
  margin: 0 8px 16px 10px;
}
.quicksearchbuttons ion-col {
  margin-left: 8px;
  margin-right: 8px;
  text-align: center;
}
.quicksearchbuttons ion-button {
  --border-radius: 5px;
  --background: var(--mc-color-light-grey);
  --color: var(--mc-color-dark-grey);
  --color-activated: var(--ion-color-medium);
  font-weight: 400;
  text-transform: initial;
  font-size: 14px;
  --box-shadow: none;
  letter-spacing: 0;
  margin-left: 6px;
}
.quicksearchbuttons ion-button :first-child {
  margin-left: 0;
}

.dashboard.view ion-list ion-grid {
  padding-left: 0;
}

/*
BEGIN Dashboard tab styles
*/
ion-card.dashboard-card {
  border-radius: 5px;
  border: 1px solid var(--mc-color-hr);
  padding: 1rem 0;
  background-color: var(--tile-background);
}
ion-card.dashboard-card ion-grid {
  padding: 0;
}
ion-card.dashboard-card ion-segment {
  gap: 1rem;
}
ion-card.dashboard-card ion-segment-button {
  padding-top: 0;
  margin: 0;
  text-transform: none;
  --color: var(--mc-ink-50);
  --background-hover: var(--tile-background);
  --background-focused: var(--tile-background);
  font-weight: normal;
  min-height: 24px;
  --padding-start: 0;
  --padding-end: 0;
  font-size: 12px;
  min-width: auto;
  letter-spacing: 0;
}
ion-card.dashboard-card ion-segment-button::part(native) {
  margin: 0;
}
ion-card.dashboard-card ion-segment-button.segment-button-checked, ion-card.dashboard-card ion-segment-button.segment-button-checked::part(native) {
  color: var(--mc-text-484);
  pointer-events: none;
}
ion-card.dashboard-card ion-segment-button:hover {
  --color: var(--mc-text-484);
}
ion-card.dashboard-card.tile-widget ion-row {
  gap: 2rem;
}
ion-card.dashboard-card.tile-widget ion-row ion-row {
  gap: 0;
}
ion-card.dashboard-card.tile-widget ion-card-header {
  flex-direction: row;
  font-weight: 500;
  color: var(--mc-text-484);
  padding-top: 0;
  padding-bottom: 1rem;
}
ion-card.dashboard-card.tile-widget ion-card-header .groups-header {
  padding-top: 0.75rem;
  min-height: 60px;
  /* Set the horizontal scroll bar */
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
ion-card.dashboard-card.tile-widget ion-card-header .groups-header:empty {
  display: none;
}
ion-card.dashboard-card.tile-widget ion-card-header .groups-header ::-webkit-scrollbar {
  width: 1px;
  height: 6px;
  margin-top: 0.5rem;
}
ion-card.dashboard-card.tile-widget ion-card-header .groups-header ::-webkit-scrollbar-track {
  background: var(--mc-ink-05);
  border: solid 1px var(--tile-background);
  box-shadow: inset 0 0 4px 4px f1f1f1;
  border-radius: 10px;
}
ion-card.dashboard-card.tile-widget ion-card-header .groups-header ::-webkit-scrollbar-thumb {
  background: var(--mc-ink-075);
  border: solid 1px var(--tile-background);
  box-shadow: inset 0 0 4px 4px transparent;
  border-radius: 10px;
}
ion-card.dashboard-card.tile-widget ion-card-header .groups-header ::-webkit-scrollbar-thumb:hover {
  background: var(--mc-ink-10);
  cursor: pointer;
}
ion-card.dashboard-card.tile-widget ion-card-header ion-segment {
  padding-left: 0;
}
ion-card.dashboard-card.tile-widget ion-card-content {
  padding-top: 0;
  padding-bottom: 0;
}
ion-card.dashboard-card.tile-widget .list-row {
  padding: 0.375rem 0;
  border-bottom: 1px solid var(--mc-color-hr);
}
ion-card.dashboard-card.tile-widget .list-row.header {
  font-weight: 500;
  color: var(--mc-text-484);
}
ion-card.dashboard-card.tile-widget .list-row.last {
  border-bottom: none;
  padding-bottom: 0.2rem;
  padding-top: 0.5rem;
}
ion-card.dashboard-card.tile-widget .list-row-footer a {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
ion-card.dashboard-card.tile-widget .list-row-footer a span {
  padding-right: 0.4rem;
}
ion-card.dashboard-card.tile-widget .data-wrap-primary {
  color: var(--mc-text-333);
  justify-content: space-between;
}
ion-card.dashboard-card.tile-widget .data-wrap-primary .primary-value {
  font-size: 1.5rem;
  line-height: 1.4rem;
  font-weight: 500;
  place-items: center;
}
ion-card.dashboard-card.tile-widget .data-wrap .primary-value {
  font-size: 1.25rem;
  font-weight: 400;
  place-items: center;
}
ion-card.dashboard-card.tile-widget .data-wrap .primary-value ion-icon {
  font-size: 1rem;
  padding-right: 0.25rem;
}
ion-card.dashboard-card.tile-widget .data-wrap.Neutral {
  color: var(--mc-ink-50);
}
ion-card.dashboard-card.tile-widget .data-wrap.Negative {
  color: var(--ion-color-danger);
}
ion-card.dashboard-card.tile-widget .data-wrap.Warning {
  color: var(--ion-color-warning);
}
ion-card.dashboard-card.tile-widget .data-wrap.Positive {
  color: var(--ion-color-primary);
}
ion-card.dashboard-card.tile-widget .data-wrap.col2 {
  margin-left: auto;
}
ion-card.dashboard-card.tile-widget .sub-label {
  font-size: 0.6rem;
  padding-top: 0.25rem;
  white-space: nowrap;
}
ion-card.dashboard-card.tile-widget .sub-label .primary-label {
  font-size: 0.688rem;
}

.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap-primary {
  color: var(--mc-text-333);
  justify-content: space-between;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap-primary .primary-value {
  font-size: 1.5rem;
  line-height: 1.4rem;
  font-weight: 500;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .ion-justify-content-end {
  justify-content: flex-start !important;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap.col2 {
  margin-left: 0;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap .primary-value {
  font-size: 1.5rem;
  line-height: 1.4rem;
  font-weight: 500;
  place-items: center;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap .primary-value ion-icon {
  font-size: 1rem;
  padding-right: 0.25rem;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap .sub-label {
  font-size: 0.688rem;
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap.Neutral {
  color: var(--mc-text-333);
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap.Negative {
  color: var(--ion-color-danger);
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap.Warning {
  color: var(--ion-color-warning);
}
.ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap.Positive {
  color: var(--ion-color-primary);
}

.dashboard-modal .header-md {
  border-bottom: 1px solid var(--mc-color-hr);
  margin-bottom: 10px;
}
.dashboard-modal .header-md:after {
  display: none;
}
.dashboard-modal .header-md ion-title {
  font-family: "Roboto", sans-serif;
}
.dashboard-modal ion-content {
  --offset-bottom: auto !important;
  --overflow: auto;
  overflow: auto;
}
.dashboard-modal ion-content::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.dashboard-modal ion-content::-webkit-scrollbar-track {
  background: var(--mc-ink-05);
  border: solid 1px var(--tile-background);
}
.dashboard-modal ion-content::-webkit-scrollbar-track:hover {
  background: var(--mc-ink-05);
}
.dashboard-modal ion-content::-webkit-scrollbar-thumb {
  background: var(--mc-ink-20);
  border: solid 1px var(--tile-background);
  box-shadow: inset 0 0 4px 4px transparent;
  border-radius: 4px;
}
.dashboard-modal ion-content::-webkit-scrollbar-thumb:hover {
  background: var(--mc-ink-10);
  cursor: pointer;
}
.dashboard-modal ion-content .inner-scroll {
  scrollbar-width: thin;
}
.dashboard-modal ion-grid {
  --ion-grid-padding: 0.5rem;
}
.dashboard-modal .list-row {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--mc-color-hr);
  font-size: 14px;
  margin: 0 1rem;
}
.dashboard-modal .list-row.header {
  font-weight: 700;
  color: var(--mc-icon-strong);
  border-color: var(--mc-icon-strong);
}
.dashboard-modal .list-row.clickable:hover {
  background-color: var(--mc-color-light-grey);
}
.dashboard-modal .list-row.clickable .text-label, .dashboard-modal .list-row.clickable .text-value {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  text-decoration-color: var(--mc-underline-muted);
}
.dashboard-modal .list-row-footer a {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.dashboard-modal .list-row-footer a span {
  padding-right: 0.4rem;
}

.ion-justify-content-end.outbound-link {
  margin-left: auto;
}

.outbound-link a {
  color: var(--mc-ink-50);
}
.outbound-link a:hover {
  color: var(--mc-ink-50);
  opacity: 1;
}
.outbound-link a ion-icon:hover {
  opacity: 1;
}

ion-popover::part(backdrop) {
  background-color: transparent;
  cursor: default;
}

.dashboard.cards-full-border ion-card:last-of-type {
  border: 1px solid var(--mc-color-hr);
  height: calc(100% - 22px);
}

.dashboard-container {
  width: 100%;
  max-width: 600px;
  margin: auto;
}
.dashboard-container .select-list-component-boxy:after {
  right: 2px !important;
}

.error-text {
  background: var(--ion-color-danger);
  padding: 0.5rem !important;
  color: #fff;
  margin-top: 1rem;
  border-radius: 5px;
  font-size: 12px;
}
.error-text ion-label {
  display: flex;
  gap: 0.5rem;
}
.error-text ion-icon {
  font-size: 17px;
  vertical-align: sub;
}

ion-card-header ion-row {
  gap: 0 !important;
}

.bs-popover .dashboard-info-icon {
  height: 100%;
  margin: 0 0 0 0.25rem;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .dashboard-modal .header-md {
    padding-left: 0.375rem;
  }
  .dashboard-container {
    max-width: 800px;
  }
  ion-card.dashboard-card.tile-widget ion-row {
    gap: 1rem;
  }
  ion-modal.dashboard-modal::part(content) {
    --border-radius: 5px;
    --box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
  }
  ion-modal::part(content) {
    --border-radius: 5px;
    --box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (min-width: 992px) {
  .dashboard ion-col {
    flex-basis: auto;
    flex-grow: unset;
  }
  .dashboard-container {
    max-width: 980px;
  }
  ion-card.dashboard-card.header {
    padding: 1rem 0 0;
    background: transparent;
  }
  ion-card.dashboard-card.tile-widget .data-wrap .primary-value {
    font-size: 1rem;
  }
  ion-card.dashboard-card.tile-widget .data-wrap .primary-value ion-icon {
    font-size: 0.925rem;
  }
}
@media screen and (min-width: 1600px) {
  ion-card.dashboard-card.tile-widget ion-row {
    gap: 1.5rem;
  }
  .dashboard-container {
    max-width: 1200px;
  }
  ion-card.dashboard-card.tile-widget .data-wrap-primary .primary-value {
    font-size: 2rem;
  }
  ion-card.dashboard-card.tile-widget .data-wrap .primary-value {
    font-size: 1.25rem;
  }
  ion-card.dashboard-card.tile-widget .data-wrap .primary-value ion-icon {
    font-size: 1rem;
  }
  ion-card.dashboard-card.tile-widget .sub-label {
    font-size: 0.6rem;
  }
  ion-card.dashboard-card.tile-widget .sub-label .primary-label {
    margin-top: 2px;
    font-size: 0.75rem;
  }
  ion-card.dashboard-card.tile-widget .list-row {
    padding: 0.375rem 0;
  }
  .ampd-wrap ion-card.dashboard-card.tile-widget .data-wrap .sub-label {
    margin-top: 2px;
    font-size: 0.75rem;
  }
}
/*
END Dashboard tab styles
*/
ion-tab-bar {
  border-bottom: none;
}

ion-segment ion-segment-button {
  flex-grow: 0;
  --ripple-color: var(--mc-ripple-color);
}

.segmenttoolbar {
  border-bottom: 1px solid var(--mc-toolbar-divider);
}
.segmenttoolbar ion-segment-button {
  font-weight: 400;
}

.segmenttoolbar ion-segment-button {
  --ion-toolbar-color-checked: var(--ion-color-secondary);
  --ion-toolbar-color-unchecked: var(--ion-color-secondary);
  min-height: 40px;
  padding-top: 2px;
}
.segmenttoolbar ion-segment-button ion-label {
  margin-top: 0;
  margin-bottom: 0;
}

/** DISPLAY FIELDS **/
.fields-wrapper .field-list ion-list:not(.edit) ion-list-header > ion-label {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  border-bottom: 1px solid var(--mc-field-header-divider);
  padding-bottom: 12px;
  margin-bottom: 30px;
  margin-top: 30px;
  border-color: var(--ion-item-border-color, var(--ion-border-color, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13))));
  color: var(--mc-color-dark-grey);
  font-weight: 400;
}
.fields-wrapper .field-list ion-list:not(.edit) app-field ion-label {
  font-weight: 500;
  white-space: nowrap;
  min-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item {
  --ion-item-background-color: var(--mc-surface-0);
  --ion-background-color: var(--mc-surface-0);
  --background-focused: var(--mc-surface-0);
  --background: var(--ion-item-background-color);
  --inner-border-width: 0;
  margin-bottom: 18px;
  --min-height: 40px;
  margin-bottom: 4px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.primary p {
  color: var(--ion-color-primary) !important;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.primary p.singleline {
  max-height: 1em;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.primary ion-icon {
  --detail-icon-color: var(--ion-color-secondary) !important;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.primary-label ion-label {
  color: var(--ion-color-primary) !important;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.singleline p {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-label {
  font-weight: 400;
  white-space: nowrap;
  min-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--mc-color-medium);
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-label.wrap {
  white-space: pre-wrap;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-label .subnote {
  color: var(--ion-color-medium-tint);
  font-size: 12px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item p, .fields-wrapper .field-list ion-list:not(.edit) ion-item.longtext p, .fields-wrapper .field-list ion-list:not(.edit) ion-item.address p,
.fields-wrapper .field-list ion-list:not(.edit) ion-item ul > li,
.fields-wrapper .field-list ion-list:not(.edit) ion-item ol li,
.fields-wrapper .field-list ion-list:not(.edit) ion-item ol li {
  width: 100%;
  font-size: 14px;
  line-height: 1.3em;
  white-space: pre-wrap;
  color: var(--mc-color-black);
  font-weight: 400;
  margin-top: 10px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.email.item-has-value p, .fields-wrapper .field-list ion-list:not(.edit) ion-item.tel.item-has-value p {
  text-decoration: underline;
  color: var(--ion-color-primary);
  font-weight: 400;
  cursor: pointer;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.email.item-has-value p:hover, .fields-wrapper .field-list ion-list:not(.edit) ion-item.tel.item-has-value p:hover {
  opacity: 0.8;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ol > li > ol {
  margin-top: 0;
  margin-bottom: 10px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ol > li > ol > li {
  list-style-type: lower-alpha;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ul {
  padding-inline-start: 16px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.longtext ion-label {
  padding-bottom: 4px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.sublabel-warning ion-label .subnote {
  color: var(--mc-alert-red);
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.subnote-warning ion-note .subnote {
  color: var(--mc-alert-red);
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note {
  font-size: 13px;
  padding-right: 4px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note.string, .fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note.boolean, .fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note.date, .fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note.number {
  max-width: 60%;
  white-space: pre-wrap;
  text-align: right;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note .subnote {
  color: var(--ion-color-medium);
  font-size: 12px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item ion-note.footnote {
  margin-top: 0;
  margin-bottom: 20px;
  color: var(--mc-color-mid-grey);
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item span.icon-location_on,
.fields-wrapper .field-list ion-list:not(.edit) ion-item span.icon-launch {
  opacity: 0.3;
  padding-left: 5px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.field-component-summary-row ion-label.ion-color.sc-ion-label-md-h {
  font-size: 18px;
  font-weight: 500;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.field-component-summary-row ion-label.ion-color.sc-ion-label-md-h .sublabel {
  font-weight: 500;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.field-component-summary-row ion-note {
  font-size: 18px;
  font-weight: 500;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.field-component-summary-row ion-note .subnote {
  font-weight: 500;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.has-sub-label.has-sub-value ion-label {
  color: var(--ion-color-secondary-tint);
  font-size: 14px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.has-sub-label.has-sub-value ion-note {
  font-size: 14px;
  padding-top: 11px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.has-sub-label.has-sub-value ion-note .subnote {
  font-size: 12px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.has-sub-label ion-label {
  color: var(--ion-color-secondary-tint);
  font-size: 14px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.has-sub-label ion-note {
  font-size: 14px;
  padding-top: 20px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.detail-item {
  --ion-safe-area-right: 12px;
  --inner-padding-end: 0px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item.detail-item ion-note {
  padding-right: 40px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-item-divider.separatelabel ion-label {
  margin-bottom: 0;
}
.fields-wrapper .field-list ion-list:not(.edit) app-field .disabled ion-label,
.fields-wrapper .field-list ion-list:not(.edit) app-field .disabled ion-note {
  opacity: 0.5;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-col:last-child ion-item,
.fields-wrapper .field-list ion-list:not(.edit) ion-col:last-child ion-item.detail-item {
  --inner-border-width: 0;
  --border-width: 0;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-col:last-child div.array ion-item {
  --inner-border-width: 0 0 1px;
}
.fields-wrapper .field-list ion-list:not(.edit) ion-col:last-child div.array ion-item:last-child {
  --inner-border-width: 0;
}
.fields-wrapper .field-list ion-list:not(.edit).edit ion-list-header ion-label {
  color: var(--ion-color-tint);
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item {
  --inner-border-width: 0;
  --detail-icon-opacity: 1;
  --detail-icon-color: var(--ion-color-secondary);
  --detail-icon-font-size: 13px;
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item ion-label.ion-color.sc-ion-label-md-h {
  color: var(--ion-color-secondary);
  font-size: 12px;
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item ion-note {
  font-size: 12px;
  padding-top: 10px;
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item.field-component-summary-row ion-label.ion-color.sc-ion-label-md-h {
  font-size: 15px;
  font-weight: 500;
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item.field-component-summary-row ion-label.ion-color.sc-ion-label-md-h .sublabel {
  font-weight: 400;
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item.field-component-summary-row ion-note {
  font-size: 15px;
  font-weight: 500;
}
.fields-wrapper .field-list ion-list.vehicle-detail-expenses app-field ion-item.field-component-summary-row ion-note .subnote {
  font-weight: 400;
}
.fields-wrapper .field-list ion-list.edit {
  --ion-grid-column-padding: 0px;
  --ion-grid-column-padding-sm: 0px;
  --ion-grid-column-padding-md: 0px;
  --ion-grid-column-padding-lg: 0px;
  --ion-grid-column-padding-xl: 0px;
}
.fields-wrapper .field-list ion-list.edit ion-col {
  padding-right: 20px;
}
.fields-wrapper .field-list ion-list.edit ion-list-header > ion-label {
  color: var(--ion-color-secondary);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: var(--ion-color-secondary-tint);
  font-weight: 400;
}
.fields-wrapper .card-list {
  padding-top: 8px;
}
.fields-wrapper .card-list .card-list-header {
  color: var(--ion-color-medium);
  padding-left: 16px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
.fields-wrapper .card-list .card-group {
  margin-top: 0px;
  margin-bottom: 0;
}

.fields-wrapper .field-list ion-list ion-item.primary p,
.fields-wrapper .field-list ion-list div.link.primary p {
  color: var(--ion-color-primary) !important;
  opacity: 1;
  cursor: pointer;
}

.edit app-field ion-item.url {
  --border-width: 0;
}

/** 2023 DISPLAY FIELDS **/
.fields-wrapper .field-list ion-list ion-item.edit h4.r2023,
.fields-wrapper .field-list ion-list ion-item.readonly h4.r2023 {
  line-height: 1.3em;
  margin: 0;
  font-size: 14px;
  width: 190px;
  min-width: 190px;
  align-self: flex-start;
  margin-top: 0px;
  padding-right: 10px;
  font-weight: 400;
  color: var(--mc-color-black);
  margin-top: 10px;
}
.fields-wrapper .field-list ion-list ion-item.edit p.r2023,
.fields-wrapper .field-list ion-list ion-item.readonly p.r2023 {
  margin: 0;
  width: auto;
  padding-right: 20px;
  align-self: flex-start;
  margin-top: 10px;
  font-weight: 400;
  color: var(--mc-color-dark-grey);
}
.fields-wrapper .field-list ion-list ion-item.edit.contact h4.r2023,
.fields-wrapper .field-list ion-list ion-item.readonly.contact h4.r2023 {
  width: 190px;
  padding-right: 10px;
}
.fields-wrapper .field-list ion-list ion-item.edit.contact p.r2023,
.fields-wrapper .field-list ion-list ion-item.readonly.contact p.r2023 {
  width: auto;
  margin-top: 10px;
}
.fields-wrapper .field-list ion-list ion-item.edit.contact ion-thumbnail.r2023,
.fields-wrapper .field-list ion-list ion-item.readonly.contact ion-thumbnail.r2023 {
  margin-top: 0px;
}

/** EDIT FIELDS **/
.fields-wrapper .field-list ion-list.edit {
  margin-bottom: 40px;
}
.fields-wrapper .field-list ion-list.edit ion-list-header {
  padding-inline-end: calc(var(--ion-safe-area-right, 0) + 16px);
}
.fields-wrapper .field-list ion-list.edit ion-list-header > ion-label {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 12px;
  color: var(--ion-color-medium-tint);
}
.fields-wrapper .field-list ion-list.edit app-field {
  min-height: 65px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-label {
  font-weight: 400;
  white-space: nowrap;
  min-width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--ion-color-medium);
  font-size: 14px;
}
.fields-wrapper .field-list ion-list.edit app-field .field-has-value ion-label,
.fields-wrapper .field-list ion-list.edit app-field .item-has-value ion-label,
.fields-wrapper .field-list ion-list.edit app-field .select ion-label,
.fields-wrapper .field-list ion-list.edit app-field .toggle ion-label,
.fields-wrapper .field-list ion-list.edit app-field .lookup ion-label,
.fields-wrapper .field-list ion-list.edit app-field .longtext ion-label,
.fields-wrapper .field-list ion-list.edit app-field .html ion-label,
.fields-wrapper .field-list ion-list.edit app-field .inlinehtml ion-label,
.fields-wrapper .field-list ion-list.edit app-field .pre ion-label,
.fields-wrapper .field-list ion-list.edit app-field .signature ion-label {
  font-weight: 400;
  color: var(--ion-color-secondary);
}
.fields-wrapper .field-list ion-list.edit app-field .date ion-label,
.fields-wrapper .field-list ion-list.edit app-field .lookup ion-label,
.fields-wrapper .field-list ion-list.edit app-field .longtext ion-label {
  transform: none;
  color: var(--ion-color-secondary);
  font-weight: 400;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-focus ion-label,
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-value ion-label,
.fields-wrapper .field-list ion-list.edit app-field .date.item-has-value ion-label,
.fields-wrapper .field-list ion-list.edit app-field .lookup.field-has-value ion-label,
.fields-wrapper .field-list ion-list.edit app-field .photo.field-has-value ion-label {
  transform: translate3d(0, 50%, 0) scale(0.75);
  color: var(--ion-color-secondary);
  font-weight: 400;
}
.fields-wrapper .field-list ion-list.edit app-field .signature ion-label {
  transform: none;
}
.fields-wrapper .field-list ion-list.edit app-field .date ion-label {
  position: relative;
  top: 25px;
}
.fields-wrapper .field-list ion-list.edit app-field .date.item-has-value ion-label {
  position: inherit;
  top: 0;
}
.fields-wrapper .field-list ion-list.edit app-field .toggle ion-label {
  font-size: 14px;
}
.fields-wrapper .field-list ion-list.edit app-field .toggle ion-label.ion-text-wrap.sc-ion-label-md-h {
  line-height: 36px;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext ion-textarea {
  --padding-top: 0;
  --padding-bottom: 0;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext ion-textarea textarea {
  height: auto;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-value ion-textarea,
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-focus ion-textarea {
  height: auto;
  min-height: 20px;
  --padding-top: 8px;
  --padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-value ion-textarea textarea,
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-focus ion-textarea textarea {
  margin-top: 0px;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext ion-textarea.textarea-label-placement-floating.sc-ion-textarea-md-h, .fields-wrapper .field-list ion-list.edit app-field .longtext ion-textarea.textarea-label-placement-stacked.sc-ion-textarea-md-h {
  min-height: 38px;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext ion-textarea textarea {
  margin-top: 8px;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-value ion-textarea,
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-focus ion-textarea {
  display: block;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-value ion-textarea textarea,
.fields-wrapper .field-list ion-list.edit app-field .longtext.item-has-focus ion-textarea textarea {
  margin-top: 4px;
}
.fields-wrapper .field-list ion-list.edit app-field .longtext.not-activated.item-has-value ion-textarea textarea {
  margin-top: 0px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.hide {
  display: none;
}
.fields-wrapper .field-list ion-list.edit app-field .lookup > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .lookups > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .select > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .selects > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .contact > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .company > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .vehicle > ion-label,
.fields-wrapper .field-list ion-list.edit app-field .photo > ion-label {
  display: none;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper {
  cursor: pointer;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapperhover {
  opacity: 0.8;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper.item-has-value {
  min-height: 52px;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper label {
  color: var(--ion-color-secondary);
  font-size: 15px;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-list-component-compact .select-list-container.compact:after,
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-contact-display .select-list-container.compact:after {
  display: none;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper:not(.item-has-value) .select-vehicle-display:after {
  top: -33px;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .compact {
  display: none;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-list-component-compact:after {
  top: 40px;
  right: 20px;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-contact-display,
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-vehicle-display {
  margin-top: 0;
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper label {
  font-size: 11px;
  font-weight: 400;
  color: var(--ion-color-secondary);
}
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-contact-display,
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .select-vehicle-display,
.fields-wrapper .field-list ion-list.edit app-field .select-list-wrapper .compact {
  display: block;
  font-size: 15px;
  padding-top: 6px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.select.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.selects.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.lookup.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.lookups.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.longtext.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.contact.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.vehicle.item-label-stacked,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.company.item-label-stacked {
  --min-height: 56px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-list,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-list-lazy,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-list-multi,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-list-lazy-multi {
  width: 100%;
  margin-bottom: 6px;
  margin-top: 20px;
  min-height: 30px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-list,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-list-lazy,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-list-multi,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-list-lazy-multi {
  width: 100%;
  margin-bottom: 0px;
  margin-top: 4px;
  min-height: 30px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-contact,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-vehicle {
  width: 100%;
  margin-bottom: 2px;
  min-height: 54px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-contact .select-list-wrapper,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit app-select-vehicle .select-list-wrapper {
  margin-top: 22px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-contact,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-vehicle {
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 56px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-contact .select-list-wrapper,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-vehicle .select-list-wrapper {
  margin-top: 0px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-contact .select-list-wrapper .select-contact-display,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-contact .select-list-wrapper .select-vehicle-display,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-vehicle .select-list-wrapper .select-contact-display,
.fields-wrapper .field-list ion-list.edit app-field ion-item.edit.field-has-value app-select-vehicle .select-list-wrapper .select-vehicle-display {
  margin-top: 0px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.signature {
  --inner-padding-bottom: 20px;
  width: 100%;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.signature .signature-pad-edit {
  position: relative;
  width: 100%;
  max-width: 876px;
}
.fields-wrapper .field-list ion-list.edit app-field ion-item.signature .signature-pad-view {
  text-align: center;
  width: 100%;
  max-width: 876px;
}
.fields-wrapper .field-list ion-list.edit ion-item {
  --ion-item-background-color: var(--mc-surface-0);
  --ion-background-color: var(--mc-surface-0);
  --background-focused: var(--mc-surface-0);
  --background: var(--ion-item-background-color);
  font-weight: 400;
  --inner-border-width: 0;
  margin-top: 12px;
}
.fields-wrapper .field-list ion-list.edit ion-item.primary p {
  color: var(--ion-color-primary) !important;
}
.fields-wrapper .field-list ion-list.edit ion-item.primary p.singleline {
  max-height: 1em;
}
.fields-wrapper .field-list ion-list.edit ion-item.primary ion-icon {
  --detail-icon-color: var(--ion-color-secondary) !important;
}
.fields-wrapper .field-list ion-list.edit ion-item.primary-label ion-label {
  color: var(--ion-color-primary) !important;
}
.fields-wrapper .field-list ion-list.edit ion-item.singleline p {
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.fields-wrapper .field-list ion-list.edit ion-item ion-label.wrap {
  white-space: pre-wrap;
}
.fields-wrapper .field-list ion-list.edit ion-item ion-label .subnote {
  color: var(--ion-color-medium-tint);
  font-size: 12px;
}
.fields-wrapper .field-list ion-list.edit ion-item p, .fields-wrapper .field-list ion-list.edit ion-item.longtext p, .fields-wrapper .field-list ion-list.edit ion-item.address p,
.fields-wrapper .field-list ion-list.edit ion-item ul > li {
  width: 100%;
  font-size: 14px;
  line-height: 1.3em;
  white-space: pre-wrap;
  color: var(--ion-color-secondary);
  opacity: 0.5;
}
.fields-wrapper .field-list ion-list.edit ion-item.inlinehtml p {
  color: var(--ion-color-secondary);
  opacity: 1;
}
.fields-wrapper .field-list ion-list.edit ion-item.inlinehtml p, .fields-wrapper .field-list ion-list.edit ion-item.inlinehtml h2, .fields-wrapper .field-list ion-list.edit ion-item.inlinehtml li {
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
}
.fields-wrapper .field-list ion-list.edit ion-item.inlinehtml h2 {
  font-weight: 800;
}
.fields-wrapper .field-list ion-list.edit ion-item ul {
  padding-inline-start: 16px;
}
.fields-wrapper .field-list ion-list.edit ion-item.longtext ion-label {
  padding-bottom: 4px;
}
.fields-wrapper .field-list ion-list.edit ion-item.sublabel-warning ion-label .subnote {
  color: var(--mc-alert-red);
}
.fields-wrapper .field-list ion-list.edit ion-item.subnote-warning ion-note .subnote {
  color: var(--mc-alert-red);
}
.fields-wrapper .field-list ion-list.edit ion-item.segment {
  min-height: 56px;
  margin-top: 20px;
}
.fields-wrapper .field-list ion-list.edit ion-item ion-note {
  font-size: 13px;
  padding-right: 4px;
}
.fields-wrapper .field-list ion-list.edit ion-item ion-note.string, .fields-wrapper .field-list ion-list.edit ion-item ion-note.boolean, .fields-wrapper .field-list ion-list.edit ion-item ion-note.date, .fields-wrapper .field-list ion-list.edit ion-item ion-note.number {
  max-width: 60%;
  white-space: pre-wrap;
  text-align: right;
}
.fields-wrapper .field-list ion-list.edit ion-item ion-note .subnote {
  color: var(--ion-color-medium);
  font-size: 12px;
}
.fields-wrapper .field-list ion-list.edit ion-item.field-component-summary-row ion-label.ion-color.sc-ion-label-md-h {
  font-size: 18px;
  font-weight: 500;
}
.fields-wrapper .field-list ion-list.edit ion-item.field-component-summary-row ion-label.ion-color.sc-ion-label-md-h .sublabel {
  font-weight: 500;
}
.fields-wrapper .field-list ion-list.edit ion-item.field-component-summary-row ion-note {
  font-size: 18px;
  font-weight: 500;
}
.fields-wrapper .field-list ion-list.edit ion-item.field-component-summary-row ion-note .subnote {
  font-weight: 500;
}
.fields-wrapper .field-list ion-list.edit ion-item.has-sub-label.has-sub-value ion-note {
  padding-top: 11px;
}
.fields-wrapper .field-list ion-list.edit ion-item.has-sub-label ion-note {
  padding-top: 20px;
}
.fields-wrapper .field-list ion-list.edit ion-item.detail-item {
  --ion-safe-area-right: 12px;
  --inner-padding-end: 0px;
}
.fields-wrapper .field-list ion-list.edit ion-item.readonly.lookup > ion-label,
.fields-wrapper .field-list ion-list.edit ion-item.readonly.lookups > ion-label,
.fields-wrapper .field-list ion-list.edit ion-item.readonly.select > ion-label,
.fields-wrapper .field-list ion-list.edit ion-item.readonly.selects > ion-label,
.fields-wrapper .field-list ion-list.edit ion-item.readonly.contact > ion-label,
.fields-wrapper .field-list ion-list.edit ion-item.readonly.company > ion-label,
.fields-wrapper .field-list ion-list.edit ion-item.readonly.vehicle > ion-label {
  display: block;
}
.fields-wrapper .field-list ion-list.edit ion-item.readonly.text p {
  margin-bottom: 16px;
}
.fields-wrapper .field-list ion-list.edit ion-item-divider.separatelabel ion-label {
  margin-bottom: 0;
  margin-left: 16px;
  margin-right: 16px;
}
.fields-wrapper .field-list ion-list.edit ion-item-divider.separatelabel.field-has-value ion-label,
.fields-wrapper .field-list ion-list.edit ion-item-divider.separatelabel.segment ion-label {
  font-size: 12px;
}
.fields-wrapper .field-list ion-list.edit app-field .disabled ion-label,
.fields-wrapper .field-list ion-list.edit app-field .disabled ion-note {
  opacity: 0.5;
}
.fields-wrapper .field-list ion-list.edit .helper-text {
  display: none;
  font-size: 12px;
  color: var(--ion-color-medium);
  padding-top: 10px;
  font-weight: 400;
  width: 100%;
  padding-left: 16px;
}
.fields-wrapper .field-list ion-list.edit .helper-text.mc-assistive {
  display: block;
  padding-left: 16px;
  padding-right: 16px;
}
.fields-wrapper .field-list ion-list.edit .helper-text.mc-assistive .errorText {
  display: none;
}
.fields-wrapper .field-list ion-list.edit .helper-text.mc-assistive.highlight-mc-assistive {
  color: var(--ion-color-danger);
}
.fields-wrapper .card-list {
  padding-top: 8px;
}
.fields-wrapper .card-list .card-list-header {
  color: var(--ion-color-medium);
  padding-left: 16px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}
.fields-wrapper .card-list .card-group {
  margin-top: 0px;
  margin-bottom: 0;
}

.item-details .subtitle h2 {
  line-height: 1;
  margin-bottom: 10px;
  font-size: 0.8125rem;
  letter-spacing: 0.03125rem;
  text-transform: uppercase;
  color: var(--mc-text-888);
  float: left;
}
.item-details .vehicle-summary-field label {
  color: var(--mc-text-888);
}

ion-content.editable .fields-wrapper {
  margin-bottom: 75px;
}

.saveActivated ion-list.edit ion-item.mc-invalid {
  --border-color: var(--ion-color-danger);
  --border-width: 0 0 2px 0;
  --highlight-color-focused: var(--ion-color-danger);
}
.saveActivated ion-list.edit ion-item.mc-invalid.item-has-value .input-clear-icon {
  position: relative;
  right: 20px;
  top: -4px;
}
.saveActivated ion-list.edit ion-item.mc-invalid:not(.item-has-value) div.select-list-wrapper .select-list-component-compact:after, .saveActivated ion-list.edit ion-item.mc-invalid:not(.item-has-value) div.select-list-wrapper .select-contact-display:after, .saveActivated ion-list.edit ion-item.mc-invalid:not(.item-has-value) div.select-list-wrapper .select-vehicle-display:after {
  right: 20px;
}
.saveActivated ion-list.edit ion-item.mc-invalid:not(.item-has-value) div.select-list-wrapper .select-contact-display:after {
  top: -22px;
}
.saveActivated ion-list.edit ion-item.mc-invalid:not(.field-has-value) .icon.photo-icon {
  right: 20px;
}

.saveActivated .field-list ion-list.edit div.helper-text.mc-invalid {
  display: block;
  color: var(--ion-color-danger);
}
.saveActivated .field-list ion-list.edit div.helper-text.mc-invalid .assistiveText {
  display: none;
}
.saveActivated .field-list ion-list.edit div.helper-text.mc-invalid .errorText {
  display: block;
}

app-modal-details {
  --ion-toolbar-color: var(--ion-color-secondary);
}

/*
topbar color changes
*/
.segmenttoolbar ion-segment-button {
  font-weight: 400;
}

.segmenttoolbar ion-segment-button.segment-button-checked {
  font-weight: 500;
}

.select-list-item-select.compact .attr-label {
  width: 90%;
}
.select-list-item-select.compact .attr-value {
  width: 10%;
}

.edit ion-item.toggle {
  height: 60px;
  margin-top: 32px;
}

.mc-note.error-icon.type-select,
.mc-note.error-icon.type-lookup,
.mc-note.error-icon.type-lookups {
  position: absolute;
  right: 15px;
  top: -15px;
}

ion-item.edit.select,
ion-item.edit.contact {
  --border-style: solid;
  --border-width: 0 0 1px 0;
}

.edit app-field ion-item {
  --border-style: solid;
  --border-width: 0 0 1px 0;
}
.edit app-field ion-item.readonly p {
  opacity: 0.5;
}
.edit app-field ion-item.readonly.inlinehtml {
  opacity: 1;
  --inner-padding-bottom: 20px;
}
.edit app-field ion-item.readonly ion-label {
  opacity: 1;
}

#vehicle-image-editor ion-col {
  justify-content: space-between;
}
#vehicle-image-editor ion-col .uploadimagewrap,
#vehicle-image-editor ion-col img.uploadimage,
#vehicle-image-editor ion-col app-image-displayer {
  display: flex;
  align-items: center;
}
#vehicle-image-editor ion-col img.uploadimage,
#vehicle-image-editor ion-col app-image-displayer > img {
  border: 1px solid var(--ion-color-lighter-contrast);
  width: 33vw;
  height: 33vw;
  margin: 0 auto;
  object-fit: cover;
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
}
#vehicle-image-editor ion-col.not-uploaded:after {
  content: "\e8b5";
  position: absolute;
  color: var(--ion-color-secondary);
  font-size: 20px;
  font-family: "icomoon" !important;
  bottom: 10px;
  right: 10px;
}
#vehicle-image-editor ion-col.tapped img {
  opacity: 0.8;
}
#vehicle-image-editor ion-col.selected img {
  opacity: 0.5;
}
#vehicle-image-editor ion-col.selected:after {
  content: "\e90f";
  position: absolute;
  color: var(--ion-color-primary-contrast);
  background: var(--ion-color-primary);
  border-radius: 50%;
  bottom: 10px;
  right: 10px;
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-family: "icomoon" !important;
}
#vehicle-image-editor ion-thumbnail app-image-displayer {
  display: flex;
  align-items: center;
}
#vehicle-image-editor ion-thumbnail app-image-displayer img {
  width: 56px;
  height: 56px;
  margin: 0 auto;
  object-fit: cover;
}
#vehicle-image-editor ion-col.error:after {
  content: "\e001";
  position: absolute;
  color: var(--ion-color-danger);
  bottom: 10px;
  right: 10px;
  font-size: 20px;
  font-family: "icomoon" !important;
}

.select-list-container.loading {
  --background: red;
}

.modal-details-content app-field-group:first-child .list-md {
  border-top: 1px solid var(--mc-toolbar-divider);
}

.lightdivider app-field-group .list-md {
  margin-top: 1px;
  border-top: 1px solid var(--mc-toolbar-divider);
}

app-field-group.borderless .list-md {
  border-top: none;
}

.mc-note.error-icon {
  visibility: initial;
  opacity: 0;
  display: none;
}
.mc-note.error-icon ion-icon {
  --ion-color-base: var(--ion-color-secondary-tint) !important;
}

.saveActivated ion-item.edit.mc-invalid .mc-note.error-icon {
  opacity: 1;
  display: initial;
  top: 16px;
}
.saveActivated ion-item.edit.mc-invalid .mc-note.error-icon ion-icon {
  --ion-color-base: var(--ion-color-danger) !important;
}

.inlinehtml .full-width-p {
  font-size: 12px;
}
.inlinehtml div h2 {
  font-size: 14px;
  padding-top: 0;
  margin-top: 0;
  text-transform: capitalize;
}
.inlinehtml div {
  border: 1px solid var(--ion-color-medium);
  background: var(--mc-surface-2);
  padding: 20px;
}
.inlinehtml div p,
.inlinehtml div ul li {
  color: var(--ion-color-secondary-tint);
  font-size: 14px;
}

.mc-note {
  position: absolute;
  top: -8px;
  right: 6px;
}

.toggle .mc-note {
  right: 50px;
  top: 15px;
}

.photo app-image-displayer,
.image app-image-displayer {
  margin-top: 8px;
  max-width: 400px;
  align-self: flex-start;
}
.photo app-image-displayer img,
.image app-image-displayer img {
  width: 100%;
  max-width: 400px;
  max-height: 300px;
  object-fit: contain;
}

.edit .photo app-image-displayer,
.edit .image app-image-displayer {
  width: 100%;
}

.mainpagetabbar {
  margin-top: 0px;
  border-top: 1px solid var(--mc-color-hr);
  border-bottom: 1px solid var(--mc-color-hr);
}
.mainpagetabbar ion-segment {
  padding-left: 18px;
}

#tabs {
  min-height: 600px;
}

.mainpagetabs .fields-wrapper .field-list ion-list {
  padding-top: 12px;
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow {
  margin: 0;
  --min-height: 10px;
  padding-bottom: 8px;
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow ion-label {
  --min-height: 10px;
  margin: 0;
  font-weight: 400;
  color: var(--ion-color-secondary-text);
  font-size: 14px;
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.toppadding {
  padding-top: 4px;
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.haswriteback ion-note::after {
  content: "^";
  margin-left: 2px;
  font-weight: bold;
  color: inherit;
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow ion-note {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  --min-height: 10px;
  color: var(--ion-color-secondary-text);
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.bold {
  padding-top: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mc-color-hr);
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.bold ion-note,
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.bold ion-label {
  font-weight: 500;
  color: var(--ion-color-secondary);
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.underline {
  padding-top: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--mc-color-hr);
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.nounderline {
  border-bottom: none;
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.red, .mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.red ion-note, .mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.red ion-label {
  color: var(--ion-color-danger);
}
.mainpagetabs .fields-wrapper .field-list ion-list ion-item.compactrow.icoerror ion-note:before {
  content: "\e000";
  font-family: "icomoon" !important;
  font-size: 15px;
  position: relative;
  top: 2px;
  font-weight: 400;
  left: -2px;
}
.mainpagetabs .fields-wrapper .field-list ion-list.nogreyborder {
  border-top: 0;
  padding-top: 10px;
}

ion-item.ion-valid {
  --highlight-background: transparent;
}

@media screen and (max-width: 500px) {
  .search-fields .attr-label.novalue,
  .select-list-item-select .attr-label.novalue,
  .currency-input-entry .attr-label.novalue {
    font-size: 15px !important;
  }
}
ion-item ion-segment.field-component {
  margin-left: 0;
  padding-left: 0;
}
ion-item ion-segment.field-component ion-segment-button {
  margin-top: 0;
  --padding-end: 13px;
  --padding-bottom: 0;
  --padding-start: 13px;
  flex-grow: 1;
  --ion-background-color-step-350: var(--ion-color-medium);
}

.select-list-container .selected .icon-tick {
  color: var(--ion-color-primary);
}

.multi .select-list-container .selected .icon-tick,
.compact .select-list-container .selected .icon-tick {
  color: var(--ion-color-medium);
}

app-select-list-multi,
app-select-list-lazy-multi {
  width: 100%;
}

.select-list-component-compact {
  width: 100%;
  font-size: 14px;
  color: var(--ion-color-secondary);
  text-align: left;
}

.select-list-container.compact {
  text-align: left;
}
.select-list-container.compact:after {
  speak: none;
  font-family: "icomoon" !important;
  content: "\e409";
  position: absolute;
  right: 0px;
  font-size: 24px;
  font-weight: 300;
  color: var(--ion-color-medium-tint);
  top: -5px;
}

.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.detail-item:not(.readonly, .contact, .vehicle) {
  --inner-border-width: 0 0 1px 0;
  --padding-start: 16px;
  --padding-top: 0px;
}

.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.detail-item:not(.edit, .contact, .vehicle):hover {
  --ion-item-background-color: var(--mc-surface-hover);
}

.item-details app-field-group app-field ion-item.has-button ion-button {
  --color: var(--ion-color-primary-contrast);
  margin-bottom: -10px;
  font-size: 12px;
  word-wrap: normal;
}
.item-details app-field-group app-field ion-item.has-button ion-button ion-icon {
  padding-left: 5px;
}
.item-details app-field-group app-field ion-item.has-button ion-button.button-carcheck {
  color: #6ca342;
}

app-select-list.select .select-list-wrapper .select-list-component-full .select-list-container .attr-value.editable:after {
  content: "\e93b";
  font-size: 28px;
}

ion-list.edit {
  contain: initial;
}

.mainpagetabs .fields-wrapper app-field-group.field-list:first-child ion-list.field-group {
  border-top: 0;
}

.fields-wrapper[_ngcontent-sha-c117] .field-list[_ngcontent-sha-c117] ion-list[_ngcontent-sha-c117] ion-list-header[_ngcontent-sha-c117] > ion-label[_ngcontent-sha-c117] {
  text-transform: initial;
}

.field-list ion-list.edit ion-item::part(detail-icon) {
  margin-top: 20px;
}
.field-list ion-list.ri2023:not(.edit) ion-item::part(detail-icon) {
  margin-top: -20px;
}

app-field-group.vxdesc .list-md {
  border-top: none;
}

.select-list-container.inline label {
  font-weight: 400;
  color: var(--mc-color-mid-grey);
}

ion-grid ion-toolbar:first-of-type {
  padding-top: 0;
}

.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.detail-item.vehicle-activity-list-item {
  --inner-border-width: 0 0 1px 0;
  --padding-start: 16px;
  --padding-top: 0px;
}

.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.longtext::part(native) {
  flex-direction: column;
}
.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.longtext h4 {
  padding-top: 0px;
  color: var(--mc-color-black);
}
.fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.longtext p.r2023 {
  margin: 0;
  width: auto;
  padding-right: 20px;
  align-self: flex-start;
  margin-top: 8px;
  font-weight: 400;
  padding-bottom: 10px;
  color: var(--mc-color-dark-grey);
}

@media screen and (max-width: 767px) {
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item::part(native) {
    flex-direction: column;
  }
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.flex-direction-row::part(native) {
    flex-direction: row;
  }
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.vehicle::part(detail-icon),
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.contact::part(detail-icon),
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.detail-item::part(detail-icon) {
    position: absolute;
    right: 16px;
    top: 18px;
  }
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item h4.r2023,
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.longtext h4.r2023 {
    width: 100%;
    color: var(--mc-color-dark-grey);
  }
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item p.r2023,
  .fields-wrapper .field-list ion-list:not(.edit) app-field ion-item.longtext p.r2023 {
    margin: 0;
    width: auto;
    padding-right: 20px;
    align-self: flex-start;
    margin-top: 8px;
    font-weight: 400;
    padding-bottom: 20px;
    color: var(--mc-color-black);
  }
}
ion-button.plain {
  --border-radius: 5px;
  --background: var(--ion-color-primary);
  --color: var(--ion-color-primary-contrast);
  --color-activated: var(--ion-color-medium);
  font-weight: 400;
  text-transform: initial;
  width: auto;
  font-size: 14px;
  --box-shadow: none;
}
ion-button.plain ion-icon {
  color: var(--ion-color-primary-contrast);
  font-size: 12px;
}

ion-popover ion-datetime {
  overflow-y: auto;
}

ion-segment {
  grid-auto-columns: 0fr;
}

ion-item.edit ion-input.required label.input-wrapper > div.label-text-wrapper > div.label-text::after,
ion-item.edit ion-textarea.required label.input-wrapper > div.label-text-wrapper > div.label-text::after {
  content: "*";
  margin-left: 4px;
}

ion-item.toggle ion-toggle {
  --track-background-checked: var(--ion-color-lighter-light);
  overflow: visible;
  contain: none;
}
ion-item.toggle ion-toggle::part(native) {
  --track-background-checked: var(--ion-color-lighter-light);
}
ion-item .ion-color.toggle-checked .toggle-inner {
  background: var(--ion-color-primary);
}

ion-toggle ::part(track) .toggle-icon-wrapper {
  width: 98%;
}

[hidden] {
  display: none !important;
}

ion-list.mc-result-cards {
  margin: 0;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-thumbnail {
  border-radius: 4px;
  align-self: start;
  margin-top: 20px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-thumbnail app-image-displayer,
ion-list.mc-result-cards ion-item.mc-card-item ion-thumbnail img {
  border-radius: 4px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label {
  margin-top: 16px;
  margin-bottom: 16px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mc-color-mid-grey);
  font-size: 12px;
  line-height: 20px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div:first-child {
  color: var(--mc-color-black);
  font-size: 16px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-subrow-3 {
  font-size: 10px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-note {
  margin-inline-start: 12px;
}
ion-list.mc-result-cards ion-item.mc-card-item ion-note .card-actions {
  font-size: 20px;
  text-align: right;
}

ion-list.mc-result-cards ion-item:hover,
ion-grid.mc-result-grid ion-row:hover {
  --ion-item-background: var(--ion-color-lighter-lightest);
  background-color: var(--ion-color-lighter-lightest);
  cursor: pointer;
}
ion-list.mc-result-cards ion-item.visited, ion-list.mc-result-cards ion-item.visited:hover,
ion-grid.mc-result-grid ion-row.visited,
ion-grid.mc-result-grid ion-row.visited:hover {
  --ion-item-background: var(--ion-color-lighter-lighterest);
  background: var(--ion-color-lighter-lighterest);
  opacity: 0.9;
}

ion-grid.mc-result-grid {
  margin: 0 16px;
  font-size: 12px;
  padding-inline-start: 0px;
  padding-inline-end: 0px;
}
ion-grid.mc-result-grid ion-row {
  padding: 8px 4px;
  line-height: 18px;
  border-bottom: 1px solid var(--mc-color-quarter-grey);
}
ion-grid.mc-result-grid ion-row.header-row {
  color: var(--mc-color-dark-grey);
}
ion-grid.mc-result-grid ion-row.header-row:hover {
  background: none;
  cursor: default;
}
ion-grid.mc-result-grid ion-row.header-row div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ion-grid.mc-result-grid ion-row ion-col {
  --ion-grid-column-padding-xl: 4px;
  --ion-grid-column-padding-lg: 4px;
  --ion-grid-column-padding-md: 4px;
  --ion-grid-column-padding-sm: 4px;
}
ion-grid.mc-result-grid ion-row ion-col.actions div div:first-child {
  font-size: 18px;
}
ion-grid.mc-result-grid ion-row ion-col div.subcard {
  display: flex;
  justify-content: flex-start;
}
ion-grid.mc-result-grid ion-row ion-col div.subcard ion-thumbnail {
  --size: 36px;
  border-radius: 4px;
  --border-radius: 4px;
  margin-right: 14px;
  height: 36px;
  width: 36px;
  min-width: 36px;
  margin-top: 3px;
}
ion-grid.mc-result-grid ion-row ion-col div.subcard ion-thumbnail app-contact-image-displayer .contact-image {
  border-radius: 4px;
  line-height: 28px;
}
ion-grid.mc-result-grid ion-row ion-col div > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--mc-color-mid-grey);
  font-size: 11px;
}
ion-grid.mc-result-grid ion-row ion-col div > div:first-child {
  color: var(--mc-color-black);
  font-size: 13px;
}
ion-grid.mc-result-grid ion-row ion-col.ion-align-items-end div > div {
  text-align: right;
}
ion-grid.mc-result-grid ion-row div.statuscol {
  position: absolute;
  left: 10px;
  height: 60px;
  border-left: 2px solid transparent;
}

.showing-label {
  color: var(--mc-color-black);
  font-size: 12px;
  font-weight: 500;
  line-height: 19px;
}

.sort-order-wrapper .select-list-container.inline label {
  font-weight: 400;
  color: var(--mc-color-mid-grey);
  font-size: 12px;
}
.sort-order-wrapper .select-list-container.inline span.selected-item-text {
  margin-left: 8px;
  padding-right: 4px;
  font-size: 12px;
}
.sort-order-wrapper .select-list-container.inline:after {
  color: var(--mc-text-8a);
}

.results-info-top {
  margin: 8px 16px;
  display: flex;
  justify-content: space-between;
}
.results-info-top .showing-label {
  padding-top: 2px;
}
.results-info-top sort-order-wrapper {
  align-self: flex-end;
}

:root.mc-dark .results-info-top {
  color: var(--mc-text-1);
}
:root.mc-dark .results-info-top .showing-label {
  color: var(--mc-text-1);
}
:root.mc-dark .results-info-top .sort-order-wrapper {
  color: var(--mc-text-1);
}
:root.mc-dark .results-info-top .sort-order-wrapper .select-list-container.inline label {
  color: var(--mc-text-muted);
}
:root.mc-dark .results-info-top .sort-order-wrapper .select-list-container.inline span.selected-item-text {
  color: var(--mc-text-1);
}

.result-list-page {
  margin-top: 0px;
  min-height: 100%;
}

.no-results {
  margin-top: 32px;
}

.mc-items ion-item .icon-mc_more {
  line-height: 22px;
  font-size: 22px;
  padding-top: 0;
  padding-bottom: 0;
  color: var(--mc-color-dark-grey);
}

@media (max-width: 992px) {
  /* Hide all elements with the .hide-sm-up class when the minimum width is 576px (sm breakpoint) */
  .hide-md-down {
    display: none;
  }
}
@media (max-width: 1200px) {
  /* Hide all elements with the .hide-sm-up class when the minimum width is 576px (sm breakpoint) */
  .hide-lg-down {
    display: none;
  }
}
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div > div:first-child[class^=contact-class-], ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div > div:first-child[class*=" contact-class-"] {
  color: rgba(255, 255, 255, 0.7);
}

ion-skeleton-text {
  --background: var(--mc-skeleton-block-bg);
  width: 80%;
}

ion-avatar ion-skeleton-text {
  --background: var(--mc-skeleton-block-bg);
  width: 100%;
}

ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.primary,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.primary {
  color: var(--ion-color-primary);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.success,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.success {
  color: var(--ion-color-success);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.danger,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.danger {
  color: var(--ion-color-danger);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.warning,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.warning {
  color: var(--ion-color-warning);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.inactive,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.inactive {
  color: var(--ion-color-lighter-light);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-sold,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-sold {
  color: var(--status-sold);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-onyard,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-onyard {
  color: var(--status-onyard);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-atsupplier,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-atsupplier {
  color: var(--status-atsupplier);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-atcompliance,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-atcompliance {
  color: var(--status-atcompliance);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-intransit,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-intransit {
  color: var(--status-intransit);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-ontestdrive,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-ontestdrive {
  color: var(--status-ontestdrive);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-onloan,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-onloan {
  color: var(--status-onloan);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-atorigin,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-atorigin {
  color: var(--status-atorigin);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-atauction,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-atauction {
  color: var(--status-atauction);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-other,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-other {
  color: var(--status-other);
}
ion-list.mc-result-cards ion-item.mc-card-item ion-label div.card-status.status-intransit,
ion-grid.mc-result-grid ion-row.mc-grid-row ion-col div.card-status.status-intransit {
  color: var(--status-intransit);
}

ion-item.vehicle ion-thumbnail {
  background: url(/assets/image/placeholder-car-thumb.png);
  background-size: 40px 40px;
  border-radius: 5px;
  --size: 40px;
}

ion-row div.subcard ion-thumbnail {
  background: url(/assets/image/placeholder-car-thumb.png);
  background-size: 36px 36px;
}

@media screen and (max-width: 575px) {
  .hidden-xs {
    display: none;
  }
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .hidden-sm {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .hidden-md {
    display: none;
  }
}
@media screen and (min-width: 992px) and (max-width: 1999px) {
  .hidden-ls {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .hidden-xl {
    display: none;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** Ionic CSS Variables **/
:root {
  --mc-core-brand-color: #00ab6a;
  --mc-statusbar-height: 0px;
  --ion-color-primary: var(--mc-core-brand-color);
  --ion-color-primary-light: var(#71d9b2);
  --mc-brand-color: var(--ion-color-primary);
  /*Liam's colors */
  --mc-color-black: black;
  --mc-color-dark-grey: #575757;
  --mc-color-mid-grey: #979797;
  --mc-color-quarter-grey: #e1e1e1;
  --mc-color-light-grey: #f1f1f1;
  --mc-color-white: white;
  --mc-color-light-red: #F12B2B;
  --ion-color-primary-contrast: var(--mc-color-white);
  --ion-color-primary-contrast-rgb: 0, 0, 0;
  --ion-color-primary-shade: #00bc3e;
  --ion-color-primary-darker-shade: #00ac1e;
  --ion-color-primary-tint: #30cc6e;
  --ion-color-primary-lighter-tint: #30cc6e;
  --ion-color-primary-lighterer-tint: #50ec8e;
  --ion-color-primary-rgb: rgb(0, 171, 106);
  --ion-color-primary-rgb-tint: rgba(0, 171, 106, 0.1);
  --ion-color-primary-rgb-mid: rgba(0, 171, 106, 0.2);
  --ion-color-primary-darker-shade-link: #1e432d;
  --ion-color-secondary: #212121;
  --ion-color-secondary-rgb: 35, 40, 47;
  --ion-color-secondary-contrast: var(--mc-color-white);
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #1f2329;
  --ion-color-secondary-tint: rgba(0, 0, 0, 0.7);
  --ion-color-secondary-justine: #5d6666;
  --ion-color-secondary-text: rgba(115, 115, 115);
  --ion-color-secondary-light: #737373;
  --color: #737373;
  --ion-color-secondary-10percent-rgb: rgba(35, 40, 47, 0.1);
  --ion-color-tertiary: #71b5c0;
  --ion-color-tertiary-rgb: 113, 181, 192;
  --ion-color-tertiary-contrast: #000000;
  --ion-color-tertiary-contrast-rgb: 0, 0, 0;
  --ion-color-tertiary-shade: #639fa9;
  --ion-color-tertiary-tint: #b7b7b7;
  --ion-color-tertiary-lighter: #9be9f5;
  --ion-color-tertiary-lighterer: #b7eff8;
  --ion-color-success: #0c0;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 0, 0, 0;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  --ion-color-success-lighter: #c9ffc4;
  --ion-color-success-light: rgba(174, 216, 171, 0.2);
  --ion-color-warning: #ff8000;
  --ion-color-warning-rgb: 255, 128, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e07100;
  --ion-color-warning-tint: #ff8d1a;
  --ion-color-warning-light: #fcf4eb;
  --ion-color-warning-lighter: #ffe1c4;
  --ion-color-danger: #d30a0a;
  --ion-color-danger-rgb: 71, 0, 14;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  --ion-color-danger-light: #fbe5e5;
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 34, 34;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  --ion-color-medium: #969696;
  --ion-color-medium-rgb: 152, 154, 162;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #ababab;
  --ion-color-light: #ffffff;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: var(--mc-color-quarter-grey);
  --ion-color-light-tint: #f6f6f6;
  --ion-color-lighter-light: #ededed;
  --ion-color-lighter-light-lighter: #f5f5f5;
  --ion-color-lighter-contrast: #e9e9e9;
  --ion-color-lighter-contraster: var(--mc-color-light-grey);
  --ion-color-lighter-lighting: #f8f8f8;
  --ion-color-lighter-lightest: #f9f9f9;
  --ion-color-lighter-lighterest: #fcfcfc;
  --ion-color-light-placeholder: var(--mc-color-mid-grey);
  --mc-menu-color: var(--ion-color-contrast);
  --mc-icon-color: rgb(100, 100, 100);
  --mc-icon-color-bg: rgb(230, 230, 230);
  /* Legacy exact text colors (keep light mode pixel-identical) */
  --mc-text-545356: #545356;
  --mc-text-bababa: #bababa;
  --mc-text-969696: #969696;
  /* Legacy toolbar colors (keep light mode identical, fix dark) */
  --mc-toolbar-titlebar-color: black;
  /* Text/icon color when placed on primary (brand) backgrounds */
  --mc-on-primary: var(--ion-color-primary-contrast);
  /* Photo/image preview surfaces (keep light mode behavior, avoid white previews in dark mode) */
  --mc-photo-preview-bg: var(--ion-color-secondary);
  --ion-border-color: var(--mc-color-quarter-grey);
  --mc-color-hr: var(--ion-border-color);
  --ion-item-active-background: var(--ion-color-lighter-light);
  --ion-tab-bar-color: var(--ion-color-secondary-tint);
  --ion-font-family: "Roboto";
  --mc-font-family: "Inter";
  --ion-text-color: rgb(45, 45, 45);
  --bullet-background-active: var(--ion-color-light);
  --bullet-background: var(--ion-color-medium-tint);
  --ion-grid-column-padding: 0;
  --ion-grid-column-padding-lg: 0;
  --ion-grid-column-padding-md: 0;
  --ion-grid-column-padding-sm: 0;
  --ion-grid-column-padding-xl: 0;
  --ion-grid-column-padding-xs: 0;
  --ion-grid-columns: 12;
  --mc-color-red: rgb(221, 49, 54);
  /* iOS Specific overrides */
  /* Material Design overrides */
  --dms-color: #00AB6A;
  --wholesale-color: #f6871f;
  --financecentral-color: #23e566;
  --aa-color: #13c1d8;
  --cc-color: #4cb748;
  --bd-color: orangered;
  --ampd-color: #f96e6c;
  --adc-color: #c01072;
  --buyerscore-color: #ffb521;
  --gen-color: #25c8f5;
  --bigd-color: #cccccc;
  --website-admin-color: #80529d;
  /* Opportunity */
  --status-won: #009900;
  --status-open: var(--ion-color-primary);
  --status-lost: var(--mc-color-red);
  /* Vehicle */
  --status-unsold: #ff0000;
  --status-inactive: #ccc;
  --status-sold: #ff66ff;
  --status-onyard: #0c0;
  --status-atsupplier: #f90;
  --status-atcompliance: #999;
  --status-intransit: #fc0;
  --status-ontestdrive: #06f;
  --status-onloan: #06f;
  --status-atorigin: #ee6558;
  --status-atauction: #57bad2;
  --status-other: #909090;
  --cc-color-tint: rgba(76, 183, 72, 0.6);
  /* Dashboard */
  --segmentButtonColor: #5a88bd;
  --segmentButtonBgColor: #e9f0f8;
  --tile-background: #FFFFFF;
  /* Reports */
  --favorites-color: #FFBE00;
  /* Duet datepicker open source default styles
     Taken from: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/date-picker@1.4.0/dist/duet/themes/default.css" />
  */
  --duet-color-primary: var(--mc-core-brand-color);
  --duet-color-text: var(--mc-duet-text);
  --duet-color-text-active: #fff;
  --duet-color-placeholder: var(--mc-duet-placeholder);
  --duet-color-button: var(--mc-duet-button);
  --duet-color-surface: var(--mc-duet-surface);
  --duet-color-overlay: var(--mc-duet-surface);
  --duet-color-border: var(--mc-color-hr);
  --duet-font: var(--ion-font-family);
  --duet-font-normal: 400;
  --duet-font-bold: 600;
  --duet-radius: 5px;
  --duet-z-index: 600;
  /* Motorcentral semantic theme tokens (light mode defaults)
     Keep these mapped to existing light-mode values so visuals are unchanged. */
  --mc-surface-0: var(--ion-color-primary-contrast);
  --mc-surface-1: var(--ion-color-lighter-light-lighter);
  --mc-surface-2: var(--ion-color-lighter-light);
  --mc-text-1: var(--ion-text-color);
  --mc-text-2: var(--ion-color-secondary-text);
  --mc-text-muted: var(--ion-color-medium);
  --mc-border: var(--ion-border-color);
  --mc-border-subtle: var(--ion-color-lighter-light);
  --mc-divider: var(--ion-color-lighter-contrast);
  --mc-elevation-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  /* Cross-theme utility tokens (keep light mode identical) */
  --mc-overlay-50: rgba(0, 0, 0, 0.5);
  --mc-overlay-invert-50: rgba(255, 255, 255, 0.5);
  --mc-overlay-invert-30: rgba(255, 255, 255, 0.3);
  --mc-ink-25: rgba(0, 0, 0, 0.25);
  /* Exact legacy “ink” values used by components (keep light mode pixel-identical) */
  --mc-ink-05: rgba(0, 0, 0, 0.05);
  --mc-ink-075: rgba(0, 0, 0, 0.075);
  --mc-ink-10: rgba(0, 0, 0, 0.1);
  --mc-ink-20: rgba(0, 0, 0, 0.2);
  --mc-ink-50: rgba(0, 0, 0, 0.5);
  --mc-divider-eee: #eee;
  --mc-icon-strong: #000;
  --mc-skeleton-block-bg: #e0e0e0;
  --mc-skeleton-shimmer-bg: #f2f2f2;
  --mc-thumbnail-bg: #a3a3a3;
  --mc-image-placeholder-bg: #000;
  --mc-alert-red: #c00;
  --mc-fab-bg: #fff;
  --mc-ripple-color: white;
  --mc-toolbar-divider: var(--ion-color-lighter-light);
  --mc-field-header-divider: rgba(115, 115, 115, 0.3);
  --mc-text-888: #888;
  /* Exact legacy greys used in components (keep light mode pixel-identical) */
  --mc-text-2d: rgb(45, 45, 45);
  --mc-text-8a: rgb(138, 138, 138);
  --mc-text-484: #484848;
  --mc-text-333: #333333;
  --mc-underline-muted: #bbbbbb;
  /* Select-list defaults (keep light mode identical, fix dark readability) */
  --mc-select-text: var(--ion-color-secondary);
  --mc-select-icon: var(--ion-color-medium-tint);
  /* Page-specific tokens (keep light mode identical) */
  --mc-surface-muted: #f8f8f8;
  --mc-surface-f9: #f9f9f9;
  --mc-surface-f9fb: #f9f9fb;
  --mc-surface-f0: #f0f0f0;
  --mc-border-muted: #dcdcdc;
  --mc-border-f2: #f2f2f2;
  --mc-border-e5: #e5e5e5;
  --mc-border-d9: #d9d9d9;
  --mc-border-c1: #c1c1c1;
  --mc-text-strong: #1f1f1f;
  --mc-text-2d-60: rgba(45, 45, 45, 0.6);
  --mc-link-splash: #0a5da6;
  /* Control-specific legacy surfaces (keep light mode identical) */
  --mc-switch-track: #fff;
  --mc-switch-thumb: #fff;
  /* Legacy menu surfaces (keep light mode identical) */
  --mc-menu-bg: #333333;
  /* Duet datepicker (keep light mode identical, fix dark readability) */
  --mc-duet-text: #333;
  --mc-duet-placeholder: #666;
  --mc-duet-button: #f5f5f5;
  --mc-duet-surface: #fff;
  /* Component-specific surfaces (mapped to existing light colors) */
  --mc-surface-input: var(--ion-color-lighter-lighterest);
  --mc-surface-hover: var(--ion-color-lighter-lightest);
  --mc-border-strong: #ccc;
  --mc-scrollbar-track: #efefef;
  --mc-scrollbar-thumb: rgba(0, 0, 0, 0.15);
  --mc-scrollbar-thumb-hover: rgba(0, 0, 0, 0.2);
  --mc-otp-border: rgba(0, 0, 0, 0.5);
  --mc-otp-border-strong: rgba(0, 0, 0, 0.8);
  --mc-otp-border-focus: #000;
}
:root .titlebar {
  --ion-toolbar-background: var(--ion-color-primary-contrast);
  --ion-toolbar-border-color: var(--ion-color-primary-contrast);
  --ion-toolbar-color: var(--mc-toolbar-titlebar-color);
}
:root body {
  font-family: sans-serif;
}
:root .ios {
  --mc-platform: ios;
}
:root .md {
  --mc-platform: md;
}

/* Dark mode overrides (enabled by ThemeService adding `mc-dark` to :root) */
:root.mc-dark {
  color-scheme: dark;
  /* Figma Dark palette mapping (only for dark mode) */
  --mc-core-brand-color: #00ab6a;
  /* Legacy dashboard variables */
  --tile-background: var(--mc-surface-1);
  /* Background */
  --mc-surface-0: #010409; /* Background / Standard */
  --mc-surface-1: #0D1117; /* Background / Tint */
  --mc-surface-2: #212830; /* Background / Highlight */
  /* Text */
  --mc-text-1: #EFF3FA; /* Text / Primary */
  --mc-text-2: #9198A1; /* Text / Secondary */
  --mc-text-muted: #5E6F86; /* Text / Disabled */
  /* Borders */
  --mc-border: #3D444D; /* Borders / Standard */
  --mc-border-subtle: #3D444D;
  --mc-divider: #3D444D;
  /* Make legacy named colors adapt in dark mode (keeps light mode untouched) */
  --mc-color-black: var(--mc-text-1);
  --mc-color-dark-grey: var(--mc-text-2);
  --mc-color-mid-grey: var(--mc-text-muted);
  --mc-color-quarter-grey: var(--mc-border);
  --mc-color-light-grey: var(--mc-surface-2);
  --mc-color-light-red: #C63737;
  --mc-overlay-50: rgba(255, 255, 255, 0.18);
  --mc-overlay-invert-50: rgba(0, 0, 0, 0.5);
  --mc-overlay-invert-30: rgba(0, 0, 0, 0.3);
  --mc-ink-25: rgba(255, 255, 255, 0.25);
  --mc-ink-05: rgba(255, 255, 255, 0.08);
  --mc-ink-075: rgba(255, 255, 255, 0.12);
  --mc-ink-10: rgba(255, 255, 255, 0.18);
  --mc-ink-20: rgba(255, 255, 255, 0.26);
  --mc-ink-50: rgba(255, 255, 255, 0.6);
  --mc-divider-eee: var(--mc-divider);
  --mc-icon-strong: var(--mc-text-1);
  /* Skeletons need enough contrast on dark surfaces */
  --mc-skeleton-block-bg: rgba(255, 255, 255, 0.18);
  --mc-skeleton-shimmer-bg: rgba(255, 255, 255, 0.28);
  --mc-thumbnail-bg: #2f2f2f;
  --mc-image-placeholder-bg: var(--mc-surface-2);
  --mc-alert-red: #C63737;
  --mc-fab-bg: var(--mc-surface-2);
  --mc-ripple-color: rgba(255, 255, 255, 0.22);
  --mc-toolbar-divider: var(--mc-border);
  --mc-field-header-divider: var(--mc-divider);
  --mc-text-888: rgba(255, 255, 255, 0.6);
  --mc-text-2d: var(--mc-text-1);
  --mc-text-8a: var(--mc-text-muted);
  --mc-text-484: var(--mc-text-1);
  --mc-text-333: var(--mc-text-1);
  --mc-text-545356: var(--mc-text-2);
  --mc-text-bababa: var(--mc-text-muted);
  --mc-text-969696: var(--mc-text-muted);
  --mc-toolbar-titlebar-color: var(--mc-text-1);
  --mc-icon-color: var(--mc-text-2);
  --mc-icon-color-bg: rgba(255, 255, 255, 0.14);
  --mc-underline-muted: var(--mc-divider);
  --mc-select-text: var(--mc-text-1);
  --mc-select-icon: var(--mc-text-muted);
  --mc-surface-muted: var(--mc-surface-1);
  --mc-surface-f9: var(--mc-surface-1);
  --mc-surface-f9fb: var(--mc-surface-2);
  --mc-surface-f0: var(--mc-surface-2);
  --mc-border-muted: var(--mc-border);
  --mc-border-f2: var(--mc-border);
  --mc-border-e5: var(--mc-border);
  --mc-border-d9: var(--mc-border);
  --mc-border-c1: var(--mc-border);
  --mc-text-strong: var(--mc-text-1);
  --mc-text-2d-60: var(--mc-text-muted);
  --mc-link-splash: #5AA0FF;
  --mc-switch-track: var(--mc-surface-2);
  --mc-switch-thumb: #e6e6e6;
  --mc-menu-bg: var(--mc-surface-1);
  --mc-duet-text: var(--mc-text-1);
  --mc-duet-placeholder: var(--mc-text-muted);
  --mc-duet-button: var(--mc-surface-2);
  --mc-duet-surface: var(--mc-surface-1);
  --mc-surface-input: var(--mc-surface-1);
  --mc-surface-hover: var(--mc-surface-2);
  --mc-border-strong: #4F5F73; /* Borders / Dark */
  --mc-scrollbar-track: rgba(255, 255, 255, 0.08);
  --mc-scrollbar-thumb: rgba(255, 255, 255, 0.18);
  --mc-scrollbar-thumb-hover: rgba(255, 255, 255, 0.26);
  --mc-otp-border: rgba(255, 255, 255, 0.22);
  --mc-otp-border-strong: rgba(255, 255, 255, 0.5);
  --mc-otp-border-focus: rgba(255, 255, 255, 0.65);
  /* Ionic base variables */
  --ion-background-color: var(--mc-surface-0);
  --ion-background-color-rgb: 1, 4, 9;
  --ion-text-color: var(--mc-text-1);
  --ion-text-color-rgb: 239, 243, 250;
  --ion-item-background: var(--mc-surface-0);
  --ion-card-background: var(--mc-surface-1);
  --ion-border-color: var(--mc-border);
  /* Primary/button color */
  --ion-color-primary: var(--mc-core-brand-color);
  --ion-color-primary-rgb: 55, 126, 222;
  --ion-color-primary-contrast: #FFFFFF;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171C8;
  --ion-color-primary-tint: #5AA0FF;
  --ion-color-primary-lighter-tint: #5AA0FF;
  --ion-color-primary-lighterer-tint: #8BBCFF;
  --ion-color-primary-rgb-tint: rgba(55, 126, 222, 0.1);
  --ion-color-primary-rgb-mid: rgba(55, 126, 222, 0.2);
  --mc-on-primary: #FFFFFF;
  /* Semantic colors (clear mapping in palette) */
  --ion-color-success: #21A564;
  --ion-color-success-rgb: 33, 165, 100;
  --ion-color-success-contrast: #FFFFFF;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-warning: #E07A31;
  --ion-color-warning-rgb: 224, 122, 49;
  --ion-color-warning-contrast: #FFFFFF;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-danger: #C63737;
  --ion-color-danger-rgb: 198, 55, 55;
  --ion-color-danger-contrast: #FFFFFF;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --mc-photo-preview-bg: var(--mc-surface-1);
  /* Ensure `ion-*-color="light"` stays readable in dark mode */
  --ion-color-light: var(--mc-surface-1);
  --ion-color-light-rgb: 26, 26, 26;
  --ion-color-light-contrast: var(--mc-text-1);
  --ion-color-light-contrast-rgb: 255, 255, 255;
  --ion-color-light-shade: var(--mc-border);
  --ion-color-lighter-light: var(--mc-surface-2);
  --ion-color-lighter-light-lighter: var(--mc-surface-1);
  --ion-color-lighter-contrast: var(--mc-border);
  --ion-color-lighter-contraster: var(--mc-border);
  --ion-color-lighter-lighting: var(--mc-surface-1);
  --ion-color-lighter-lightest: var(--mc-surface-1);
  --ion-color-lighter-lighterest: var(--mc-surface-1);
  --ion-color-medium: var(--mc-text-muted);
  --ion-color-secondary: var(--mc-text-1);
  --ion-color-secondary-tint: var(--mc-text-2);
  --ion-color-secondary-text: var(--mc-text-2);
  --ion-color-secondary-contrast: #0E1E30;
  --ion-color-secondary-contrast-rgb: 14, 30, 48;
  /* Toolbars, headers/footers, tabs */
  --ion-toolbar-background: var(--mc-surface-1);
  --ion-toolbar-border-color: var(--mc-border);
  --ion-toolbar-color: var(--mc-text-1);
  --ion-tab-bar-background: var(--mc-surface-1);
  --ion-tab-bar-color: var(--mc-text-2);
  --ion-tab-bar-color-selected: var(--mc-text-1);
  --ion-tab-bar-border-color: var(--mc-border);
  /* Keep primary contrast as-is (white) so primary buttons remain readable. */
  /* Duet datepicker */
  --duet-color-text: var(--mc-text-1);
  --duet-color-placeholder: var(--mc-text-muted);
  --duet-color-button: var(--mc-surface-2);
  --duet-color-surface: var(--mc-surface-1);
  --duet-color-overlay: var(--mc-surface-1);
  --duet-color-border: var(--mc-border);
}
:root.mc-dark .titlebar {
  --ion-toolbar-background: var(--mc-surface-1);
  --ion-toolbar-border-color: var(--mc-border);
  --ion-toolbar-color: var(--mc-text-1);
}

.md {
  --mc-statusbar-top-pad: max(0px, calc(var(--mc-statusbar-height) - var(--ion-safe-area-top, 0px)));
}
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/icomoon/style.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('icomoon.eot?r8q8gy');
  src:  url('icomoon.eot?r8q8gy#iefix') format('embedded-opentype'),
    url('icomoon.ttf?r8q8gy') format('truetype'),
    url('icomoon.woff?r8q8gy') format('woff'),
    url('icomoon.svg?r8q8gy#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" 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;
}

.icon-call:before {
  content: "\e9cf";
}
.icon-location_on:before {
  content: "\e9ce";
}
.icon-clear:before {
  content: "\e9cc";
}
.icon-check:before {
  content: "\e9cd";
}
.icon-email:before {
  content: "\e9bc";
}
.icon-mail_outline1:before {
  content: "\e9bd";
}
.icon-border_color:before {
  content: "\e9ca";
}
.icon-insert_chart:before {
  content: "\e9c7";
}
.icon-insert_chart_outlined:before {
  content: "\e9c8";
}
.icon-exit_to_app1:before {
  content: "\e9be";
}
.icon-padlock:before {
  content: "\e9c0";
}
.icon-motorcycle:before {
  content: "\e9c3";
}
.icon-drive_file_rename_outline:before {
  content: "\e9c9";
}
.icon-logout1:before {
  content: "\e9bf";
}
.icon-circle:before {
  content: "\e9cb";
}
.icon-login:before {
  content: "\e9c1";
}
.icon-mark_email_read:before {
  content: "\e9ba";
}
.icon-mark_email_unread:before {
  content: "\e9bb";
}
.icon-carcheck-mr13c:before {
  content: "\e971";
}
.icon-carcheck-cin:before {
  content: "\e972";
}
.icon-finance-central:before {
  content: "\e965";
  color: #243F8E;
}
.icon-finance-central-circle:before {
  content: "\e966";
  color: #243F8E;
}
.icon-AdConnect:before {
  content: "\e957";
  color: #ce0077;
}
.icon-AMPD-round-icon:before {
  content: "\e958";
  color: #ff6963;
}
.icon-AutoAttendant:before {
  content: "\e959";
  color: #33c6f4;
}
.icon-Buyerscore:before {
  content: "\e95a";
  color: #ffb521;
}
.icon-Buyerscore-alone:before {
  content: "\e95b";
  color: #ffb521;
}
.icon-CarCheck:before {
  content: "\e95c";
  color: #6ca342;
}
.icon-MC-badge-alone:before {
  content: "\e95d";
}
.icon-MC-DMS:before {
  content: "\e95e";
  color: #becd2c;
}
.icon-notification:before {
  content: "\e95f";
}
.icon-VehicleXchange:before {
  content: "\e960";
  color: #ff7f00;
}
.icon-buyerscore:before {
  content: "\e94f";
}
.icon-fc-logo-thorn-v11 .path1:before {
  content: "\e91a";
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path2:before {
  content: "\e91b";
  margin-left: -3.1826171875em;
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path3:before {
  content: "\e91c";
  margin-left: -3.1826171875em;
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path4:before {
  content: "\e91d";
  margin-left: -3.1826171875em;
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path5:before {
  content: "\e91e";
  margin-left: -3.1826171875em;
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path6:before {
  content: "\e91f";
  margin-left: -3.1826171875em;
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path7:before {
  content: "\e920";
  margin-left: -3.1826171875em;
  color: rgb(53, 53, 53);
}
.icon-fc-logo-thorn-v11 .path8:before {
  content: "\e921";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path9:before {
  content: "\e922";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path10:before {
  content: "\e924";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path11:before {
  content: "\e925";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path12:before {
  content: "\e926";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path13:before {
  content: "\e927";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path14:before {
  content: "\e928";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path15:before {
  content: "\e929";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path16:before {
  content: "\e92a";
  margin-left: -3.1826171875em;
  color: rgb(0, 0, 0);
}
.icon-fc-logo-thorn-v11 .path17:before {
  content: "\e92b";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path18:before {
  content: "\e92c";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path19:before {
  content: "\e92d";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path20:before {
  content: "\e92e";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path21:before {
  content: "\e92f";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path22:before {
  content: "\e930";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path23:before {
  content: "\e931";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path24:before {
  content: "\e932";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path25:before {
  content: "\e933";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path26:before {
  content: "\e934";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v11 .path27:before {
  content: "\e935";
  margin-left: -3.1826171875em;
  color: rgb(147, 149, 152);
}
.icon-fc-logo-thorn-v21:before {
  content: "\e936";
}
.icon-auto-attendant:before {
  content: "\e601";
}
.icon-motorcentral-dms:before {
  content: "\e605";
}
.icon-mclogo:before {
  content: "\e609";
}
.icon-dealer-websites:before {
  content: "\e60e";
}
.icon-star:before {
  content: "\e616";
}
.icon-star2:before {
  content: "\e617";
}
.icon-star3:before {
  content: "\e618";
}
.icon-logo-mc1:before {
  content: "\e61a";
}
.icon-car:before {
  content: "\e61b";
}
.icon-suv:before {
  content: "\e61c";
}
.icon-van:before {
  content: "\e61d";
}
.icon-user:before {
  content: "\e61e";
}
.icon-users:before {
  content: "\e61f";
}
.icon-user-add:before {
  content: "\e620";
}
.icon-vcard:before {
  content: "\e621";
}
.icon-cycle:before {
  content: "\e627";
}
.icon-cw:before {
  content: "\e628";
}
.icon-ccw:before {
  content: "\e629";
}
.icon-docs:before {
  content: "\e62a";
}
.icon-car-check:before {
  content: "\e63f";
}
.icon-ampd-crm:before {
  content: "\e911";
}
.icon-adconnect:before {
  content: "\e912";
}
.icon-icon_buyerScore:before {
  content: "\e913";
}
.icon-close:before {
  content: "\e904";
}
.icon-search:before {
  content: "\e905";
}
.icon-tick:before {
  content: "\e906";
}
.icon-filter-temp:before {
  content: "\e907";
}
.icon-logo-mc:before {
  content: "\e908";
}
.icon-arrow-right:before {
  content: "\e909";
}
.icon-odometer:before {
  content: "\e90a";
}
.icon-logo-mc-full:before {
  content: "\e90b";
}
.icon-add:before {
  content: "\e90c";
}
.icon-arrow-left:before {
  content: "\e90d";
}
.icon-tick-thin:before {
  content: "\e90e";
}
.icon-error1:before {
  content: "\e938";
}
.icon-error_outline1:before {
  content: "\e939";
}
.icon-warning1:before {
  content: "\e97e";
}
.icon-call_made:before {
  content: "\e976";
}
.icon-call_received:before {
  content: "\e977";
}
.icon-contacts1:before {
  content: "\e973";
}
.icon-live_help:before {
  content: "\e952";
}
.icon-contact_mail:before {
  content: "\e982";
}
.icon-add1:before {
  content: "\e94e";
}
.icon-content_paste:before {
  content: "\e969";
}
.icon-link:before {
  content: "\e97d";
}
.icon-undo:before {
  content: "\e980";
}
.icon-add_to_home_screen:before {
  content: "\e984";
}
.icon-attach_money:before {
  content: "\e94a";
}
.icon-border_:before {
  content: "\e97f";
}
.icon-format_list_bulleted:before {
  content: "\e979";
}
.icon-monetization_on:before {
  content: "\e93a";
}
.icon-cloud_download:before {
  content: "\e954";
}
.icon-file_download:before {
  content: "\e955";
}
.icon-file_upload1:before {
  content: "\e978";
}
.icon-keyboard_arrow_down1:before {
  content: "\e93b";
}
.icon-keyboard_arrow_left1:before {
  content: "\e93c";
}
.icon-keyboard_arrow_right1:before {
  content: "\e93d";
}
.icon-keyboard_arrow_up1:before {
  content: "\e93e";
}
.icon-keyboard_backspace:before {
  content: "\e93f";
}
.icon-local_grocery_store:before {
  content: "\e94d";
}
.icon-apps1:before {
  content: "\e964";
}
.icon-arrow_drop_down1:before {
  content: "\e940";
}
.icon-arrow_drop_up1:before {
  content: "\e941";
}
.icon-arrow_forward2:before {
  content: "\e942";
}
.icon-arrow_upward2:before {
  content: "\e943";
}
.icon-arrow_downward2:before {
  content: "\e944";
}
.icon-arrow_back_ios:before {
  content: "\e945";
}
.icon-arrow_forward_ios:before {
  content: "\e946";
}
.icon-notifications:before {
  content: "\e961";
}
.icon-notifications_none:before {
  content: "\e962";
}
.icon-share:before {
  content: "\e956";
}
.icon-assignment:before {
  content: "\e96a";
}
.icon-assignment_late:before {
  content: "\e96f";
}
.icon-assignment_returned:before {
  content: "\e96b";
}
.icon-assignment_turned_in:before {
  content: "\e96c";
}
.icon-credit_card:before {
  content: "\e974";
}
.icon-description1:before {
  content: "\e970";
}
.icon-info:before {
  content: "\e96d";
}
.icon-info_outline:before {
  content: "\e96e";
}
.icon-launch:before {
  content: "\e97c";
}
.icon-trending_up:before {
  content: "\e947";
}
.icon-gavel1:before {
  content: "\e94b";
}
.icon-offer:before {
  content: "\e975";
}
.icon-contact_support:before {
  content: "\e953";
}
.icon-bookmarks:before {
  content: "\e950";
}
.icon-grid_view:before {
  content: "\e97a";
}
.icon-logout:before {
  content: "\e949";
}
.icon-upload_file:before {
  content: "\e981";
}
.icon-storefront:before {
  content: "\e948";
}
.icon-post_add:before {
  content: "\e983";
}
.icon-schedule:before {
  content: "\e8b5";
}
.icon-add_box:before {
  content: "\e146";
}
.icon-add_circle:before {
  content: "\e147";
}
.icon-apps:before {
  content: "\e5c3";
}
.icon-arrow_back1:before {
  content: "\e5c4";
}
.icon-arrow_downward1:before {
  content: "\e5db";
}
.icon-arrow_drop_down:before {
  content: "\e5c5";
}
.icon-arrow_drop_up:before {
  content: "\e5c7";
}
.icon-arrow_forward1:before {
  content: "\e5c8";
}
.icon-arrow_upward1:before {
  content: "\e5d8";
}
.icon-photo_camera:before {
  content: "\e412";
}
.icon-camera_enhance:before {
  content: "\e8fc";
}
.icon-check_box:before {
  content: "\e834";
}
.icon-check_circle:before {
  content: "\e86c";
}
.icon-navigate_before:before {
  content: "\e408";
}
.icon-navigate_next:before {
  content: "\e409";
}
.icon-close1:before {
  content: "\e5cd";
}
.icon-contacts:before {
  content: "\e0ba";
}
.icon-mode_edit:before {
  content: "\e254";
}
.icon-date_range:before {
  content: "\e916";
}
.icon-delete:before {
  content: "\e872";
}
.icon-description:before {
  content: "\e873";
}
.icon-directions_boat:before {
  content: "\e532";
}
.icon-error:before {
  content: "\e000";
}
.icon-error_outline:before {
  content: "\e001";
}
.icon-exit_to_app:before {
  content: "\e879";
}
.icon-file_upload:before {
  content: "\e2c6";
}
.icon-question_answer:before {
  content: "\e8af";
}
.icon-gavel:before {
  content: "\e919";
}
.icon-star1:before {
  content: "\e838";
}
.icon-people:before {
  content: "\e7fb";
}
.icon-group_add:before {
  content: "\e7f0";
}
.icon-photo:before {
  content: "\e410";
}
.icon-import_export:before {
  content: "\e0c3";
}
.icon-keyboard_arrow_down:before {
  content: "\e313";
}
.icon-keyboard_arrow_left:before {
  content: "\e314";
}
.icon-keyboard_arrow_right:before {
  content: "\e315";
}
.icon-keyboard_arrow_up:before {
  content: "\e316";
}
.icon-local_shipping:before {
  content: "\e558";
}
.icon-loyalty:before {
  content: "\e89a";
}
.icon-mail_outline:before {
  content: "\e0e1";
}
.icon-menu:before {
  content: "\e5d2";
}
.icon-mode_comment:before {
  content: "\e253";
}
.icon-more_horiz:before {
  content: "\e5d3";
}
.icon-more_vert:before {
  content: "\e5d4";
}
.icon-people_outline:before {
  content: "\e7fc";
}
.icon-person_outline:before {
  content: "\e7ff";
}
.icon-person:before {
  content: "\e7fd";
}
.icon-person_add:before {
  content: "\e7fe";
}
.icon-phone_iphone:before {
  content: "\e325";
}
.icon-photo_size_select_actual:before {
  content: "\e432";
}
.icon-playlist_add:before {
  content: "\e03b";
}
.icon-playlist_add_check:before {
  content: "\e065";
}
.icon-warning:before {
  content: "\e002";
}
.icon-send:before {
  content: "\e163";
}
.icon-settings_cell:before {
  content: "\e8bc";
}
.icon-show_chart:before {
  content: "\e6e1";
}
.icon-textsms:before {
  content: "\e0d8";
}
.icon-supervisor_account:before {
  content: "\e8d3";
}
.icon-swap_horiz:before {
  content: "\e8d4";
}
.icon-swap_vert:before {
  content: "\e8d5";
}
.icon-swap_vertical_circle:before {
  content: "\e8d6";
}
.icon-update:before {
  content: "\e923";
}
.icon-vertical_align_top:before {
  content: "\e25a";
}
.icon-filter-tool-black-shape:before {
  content: "\e910";
}
.icon-arrow_upward:before {
  content: "\e900";
}
.icon-arrow_forward:before {
  content: "\e901";
}
.icon-arrow_downward:before {
  content: "\e902";
}
.icon-arrow_back:before {
  content: "\e903";
}
.icon-truck:before {
  content: "\e9c2";
}
.icon-transit:before {
  content: "\e9c2";
}
.icon-transport:before {
  content: "\e9c2";
}
.icon-delivery:before {
  content: "\e9c2";
}
.icon-vehicle:before {
  content: "\e9c2";
}
.icon-fullscreen-exit-alt:before {
  content: "\e94c";
}
.icon-file-text:before {
  content: "\e967";
}
.icon-paste:before {
  content: "\e968";
}
.icon-key2:before {
  content: "\e98e";
}
.icon-truck1:before {
  content: "\e9b0";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-paragraph-justify:before {
  content: "\ea7a";
}
.icon-mc-activities-outline:before {
  content: "\e985";
}
.icon-mc-activities-fill:before {
  content: "\e986";
}
.icon-mc-add-fill:before {
  content: "\e987";
}
.icon-mc-add-outline:before {
  content: "\e988";
}
.icon-mc-application-fill:before {
  content: "\e989";
}
.icon-mc-application-outline:before {
  content: "\e98a";
}
.icon-mc-back-fill:before {
  content: "\e98b";
}
.icon-mc-back-outline:before {
  content: "\e98c";
}
.icon-mc-barcode-fill:before {
  content: "\e98d";
}
.icon-mc-barcode-outline:before {
  content: "\e9c6";
}
.icon-mc-bell-fill:before {
  content: "\e98f";
}
.icon-mc-bell-outline:before {
  content: "\e990";
}
.icon-mc-check-fill:before {
  content: "\e991";
}
.icon-mc-check-outline:before {
  content: "\e992";
}
.icon-mc-contacts-fill:before {
  content: "\e993";
}
.icon-mc-contacts-outline:before {
  content: "\e994";
}
.icon-mc-escape-fill:before {
  content: "\e995";
}
.icon-mc-escape-outline:before {
  content: "\e996";
}
.icon-mc-exports-fill:before {
  content: "\e997";
}
.icon-mc-exports-outline:before {
  content: "\e998";
}
.icon-mc-favourite-fill:before {
  content: "\e999";
}
.icon-mc-favourite-outline:before {
  content: "\e99a";
}
.icon-mc-help-fill:before {
  content: "\e99b";
}
.icon-mc-help-outline:before {
  content: "\e99c";
}
.icon-mc-questions-fill:before {
  content: "\e99d";
}
.icon-mc-questions-outline:before {
  content: "\e9aa";
}
.icon-mc-login-fill:before {
  content: "\e9c4";
}
.icon-mc-login-outline:before {
  content: "\e9c5";
}
.icon-mc-logout-fill:before {
  content: "\e99e";
}
.icon-mc-logout-outline:before {
  content: "\e99f";
}
.icon-mc-menu:before {
  content: "\e9a0";
}
.icon-mc-my-offers-fill:before {
  content: "\e9a1";
}
.icon-mc-my-offers-outline:before {
  content: "\e9a2";
}
.icon-mc-nine-dots:before {
  content: "\e9a3";
}
.icon-mc-offers-received-fill:before {
  content: "\e9a4";
}
.icon-mc-offers-received-outline:before {
  content: "\e9a5";
}
.icon-mc-opportunities-fill:before {
  content: "\e9a6";
}
.icon-mc-opportunities-outline:before {
  content: "\e9a7";
}
.icon-mc-profile-fill:before {
  content: "\e9a8";
}
.icon-mc-profile-outline:before {
  content: "\e9a9";
}
.icon-mc-recommended-fill:before {
  content: "\e9ab";
}
.icon-mc-recommended-outline:before {
  content: "\e9ac";
}
.icon-mc-reports-fill:before {
  content: "\e9ad";
}
.icon-mc-reports-outline:before {
  content: "\e9ae";
}
.icon-mc-sales-fill:before {
  content: "\e9af";
}
.icon-mc-sales-outline:before {
  content: "\e9b1";
}
.icon-mc-search-fill:before {
  content: "\e9b2";
}
.icon-mc-search-outline:before {
  content: "\e9b3";
}
.icon-mc-search-outline-thick:before {
  content: "\e9b4";
}
.icon-mc-settings-fill:before {
  content: "\e9b5";
}
.icon-mc-settings-outline:before {
  content: "\e9b6";
}
.icon-mc-three-dots:before {
  content: "\e9b7";
}
.icon-mc-vehicle-fill:before {
  content: "\e9b8";
}
.icon-mc-vehicle-outline:before {
  content: "\e9b9";
}
.icon-th-large:before {
  content: "\f009";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-info1:before {
  content: "\f129";
}
.icon-soundcloud:before {
  content: "\f1be";
}
.icon-handshake-o:before {
  content: "\e951";
}
.icon-drivers-license-o:before {
  content: "\e914";
}
.icon-grid:before {
  content: "\e97b";
}
.icon-barcode:before {
  content: "\e963";
}
.icon-basic-check-black:before {
  content: "\e917";
}
.icon-full-check-black:before {
  content: "\e918";
}
.icon-cloud-error:before {
  content: "\e915";
}
.icon-store-front:before {
  content: "\e937";
}
.icon-checkmark-outline:before {
  content: "\e90f";
}


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