.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{transform:translateY(0)}.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:flex;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{flex:1 0 auto}.cc-window.cc-banner{align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:flex;align-items:center;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{flex-direction:column}.cc-window.cc-banner .cc-compliance{flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --primary-color: #003057;
  --ion-color-primary-main: #003057;
  --ion-color-primary: #0069a7;
  --ion-color-skin: #F3E8DA;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #00B2E3;
  --ion-color-primary-tint: #00B2E3;
  /** secondary **/
  --ion-color-secondary: #dcdcdc;
  --ion-color-secondary-rgb: 12, 209, 232;
  --ion-color-secondary-contrast: #ddd;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #ccd4d4;
  --ion-color-secondary-tint: #ccd4d4;
  /** tertiary **/
  --ion-color-tertiary: #7044ff;
  --ion-color-tertiary-rgb: 112, 68, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #633ce0;
  --ion-color-tertiary-tint: #7e57ff;
  /** success **/
  --ion-color-success: #10dc60;
  --ion-color-success-rgb: 16, 220, 96;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #0ec254;
  --ion-color-success-tint: #28e070;
  /** warning **/
  --ion-color-warning: #ffce00;
  --ion-color-warning-rgb: 255, 206, 0;
  --ion-color-warning-contrast: #ffffff;
  --ion-color-warning-contrast-rgb: 255, 255, 255;
  --ion-color-warning-shade: #e0b500;
  --ion-color-warning-tint: #ffd31a;
  /** danger **/
  --ion-color-danger: #f04141;
  --ion-color-danger-rgb: 245, 61, 61;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #d33939;
  --ion-color-danger-tint: #f25454;
  /** dark **/
  --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;
  /** medium **/
  --ion-color-medium: #989aa2;
  --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: #a2a4ab;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 244, 244;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  /** Font Family **/
  --ion-font-family: "Lato", sans-serif;
  --ion-font-family: "GothamBook";
  --ion-font-family: "GothamBold";
  --ion-font-family: var(--font-family-M);
}
:root ion-popover.custom-popover {
  --width: auto;
}
.ion-color-list {
  --ion-color-base: #eee;
  --ion-color-contrast: #000;
}
.ion-color-white {
  --ion-color-base: #FFF;
}
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-font-family: var(--ion-default-font);
}

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

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

.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !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, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}

.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #0cd1e8) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 12, 209, 232) !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, #0bb8cc) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #24d6ea) !important;
}

.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #7044ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 112, 68, 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, #633ce0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #7e57ff) !important;
}

.ion-color-success {
  --ion-color-base: var(--ion-color-success, #10dc60) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 16, 220, 96) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #0ec254) !important;
  --ion-color-tint: var(--ion-color-success-tint, #28e070) !important;
}

.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffce00) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 206, 0) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0b500) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffd31a) !important;
}

.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #f04141) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 240, 65, 65) !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, #d33939) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #f25454) !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, #989aa2) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 152, 154, 162) !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, #86888f) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #a2a4ab) !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;
  overflow: hidden;
  z-index: 0;
}

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,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}

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

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: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}

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

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

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

.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: 0 2px 22px 0 rgba(0, 0, 0, 0.09), 4px 0 16px 0 rgba(0, 0, 0, 0.18);
}

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

audio,
canvas,
progress,
video {
  vertical-align: baseline;
}

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

b,
strong {
  font-weight: bold;
}

img {
  max-width: 100%;
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

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::-webkit-input-placeholder {
  padding-left: 2px;
}

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

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

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

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 {
  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=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}

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%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

html:not(.hydrated) body {
  display: none;
}

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%;
  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;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

html {
  font-family: var(--ion-font-family);
}

a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}

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: 26px;
}

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

h3 {
  font-size: 22px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

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-hide {
  display: none !important;
}

.ion-hide-up {
  display: none !important;
}

@media (max-width: 575px) {
  .ion-hide-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .ion-hide-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}

.ion-hide-xl-down {
  display: none !important;
}

.ion-no-padding,
[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] {
  --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-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-padding,
[padding] {
    padding-left: unset;
    padding-right: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}

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

.ion-padding-start,
[padding-start] {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-padding-start,
[padding-start] {
    padding-left: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
  }
}

.ion-padding-end,
[padding-end] {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-padding-end,
[padding-end] {
    padding-right: unset;
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}

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

.ion-padding-vertical,
[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-horizontal] {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal,
[padding-horizontal] {
    padding-left: unset;
    padding-right: unset;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: var(--ion-padding, 16px);
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}

.ion-no-margin,
[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] {
  --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-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-margin,
[margin] {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}

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

.ion-margin-start,
[margin-start] {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-margin-start,
[margin-start] {
    margin-left: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
  }
}

.ion-margin-end,
[margin-end] {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-margin-end,
[margin-end] {
    margin-right: unset;
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}

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

.ion-margin-vertical,
[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-horizontal] {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}

@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal,
[margin-horizontal] {
    margin-left: unset;
    margin-right: unset;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: var(--ion-margin, 16px);
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}

.ion-float-left,
[float-left] {
  float: left !important;
}

.ion-float-right,
[float-right] {
  float: right !important;
}

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

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

.ion-float-end,
[float-end] {
  float: right !important;
}

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

@media (min-width: 576px) {
  .ion-float-sm-left,
[float-sm-left] {
    float: left !important;
  }

  .ion-float-sm-right,
[float-sm-right] {
    float: right !important;
  }

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

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

@media (min-width: 768px) {
  .ion-float-md-left,
[float-md-left] {
    float: left !important;
  }

  .ion-float-md-right,
[float-md-right] {
    float: right !important;
  }

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

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

@media (min-width: 992px) {
  .ion-float-lg-left,
[float-lg-left] {
    float: left !important;
  }

  .ion-float-lg-right,
[float-lg-right] {
    float: right !important;
  }

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

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

@media (min-width: 1200px) {
  .ion-float-xl-left,
[float-xl-left] {
    float: left !important;
  }

  .ion-float-xl-right,
[float-xl-right] {
    float: right !important;
  }

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

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

.ion-text-center,
[text-center] {
  text-align: center !important;
}

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .ion-text-sm-center,
[text-sm-center] {
    text-align: center !important;
  }

  .ion-text-sm-justify,
[text-sm-justify] {
    text-align: justify !important;
  }

  .ion-text-sm-start,
[text-sm-start] {
    text-align: start !important;
  }

  .ion-text-sm-end,
[text-sm-end] {
    text-align: end !important;
  }

  .ion-text-sm-left,
[text-sm-left] {
    text-align: left !important;
  }

  .ion-text-sm-right,
[text-sm-right] {
    text-align: right !important;
  }

  .ion-text-sm-nowrap,
[text-sm-nowrap] {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap,
[text-sm-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 768px) {
  .ion-text-md-center,
[text-md-center] {
    text-align: center !important;
  }

  .ion-text-md-justify,
[text-md-justify] {
    text-align: justify !important;
  }

  .ion-text-md-start,
[text-md-start] {
    text-align: start !important;
  }

  .ion-text-md-end,
[text-md-end] {
    text-align: end !important;
  }

  .ion-text-md-left,
[text-md-left] {
    text-align: left !important;
  }

  .ion-text-md-right,
[text-md-right] {
    text-align: right !important;
  }

  .ion-text-md-nowrap,
[text-md-nowrap] {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap,
[text-md-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 992px) {
  .ion-text-lg-center,
[text-lg-center] {
    text-align: center !important;
  }

  .ion-text-lg-justify,
[text-lg-justify] {
    text-align: justify !important;
  }

  .ion-text-lg-start,
[text-lg-start] {
    text-align: start !important;
  }

  .ion-text-lg-end,
[text-lg-end] {
    text-align: end !important;
  }

  .ion-text-lg-left,
[text-lg-left] {
    text-align: left !important;
  }

  .ion-text-lg-right,
[text-lg-right] {
    text-align: right !important;
  }

  .ion-text-lg-nowrap,
[text-lg-nowrap] {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap,
[text-lg-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 1200px) {
  .ion-text-xl-center,
[text-xl-center] {
    text-align: center !important;
  }

  .ion-text-xl-justify,
[text-xl-justify] {
    text-align: justify !important;
  }

  .ion-text-xl-start,
[text-xl-start] {
    text-align: start !important;
  }

  .ion-text-xl-end,
[text-xl-end] {
    text-align: end !important;
  }

  .ion-text-xl-left,
[text-xl-left] {
    text-align: left !important;
  }

  .ion-text-xl-right,
[text-xl-right] {
    text-align: right !important;
  }

  .ion-text-xl-nowrap,
[text-xl-nowrap] {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap,
[text-xl-wrap] {
    white-space: normal !important;
  }
}

.ion-text-uppercase,
[text-uppercase] {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}

.ion-text-lowercase,
[text-lowercase] {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}

.ion-text-capitalize,
[text-capitalize] {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  .ion-text-sm-uppercase,
[text-sm-uppercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase,
[text-sm-lowercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize,
[text-sm-capitalize] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}

@media (min-width: 768px) {
  .ion-text-md-uppercase,
[text-md-uppercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase,
[text-md-lowercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize,
[text-md-capitalize] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}

@media (min-width: 992px) {
  .ion-text-lg-uppercase,
[text-lg-uppercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase,
[text-lg-lowercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize,
[text-lg-capitalize] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}

@media (min-width: 1200px) {
  .ion-text-xl-uppercase,
[text-xl-uppercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase,
[text-xl-lowercase] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize,
[text-xl-capitalize] {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}

.ion-align-self-start,
[align-self-start] {
  align-self: flex-start !important;
}

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

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

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

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

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

.ion-wrap,
[wrap] {
  flex-wrap: wrap !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ion-align-items-baseline,
[align-items-baseline] {
  align-items: baseline !important;
}

.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}

.cdk-overlay-container{position:fixed;z-index:1000}

.cdk-overlay-container:empty{display:none}

.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}

.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}

.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}

@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}

.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}

.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}

.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}

.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}

.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0}

.owl-dt-container,.owl-dt-container *{box-sizing:border-box}

.owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}

.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}

.owl-dt-container-row:last-child{border-bottom:none}

.owl-dt-calendar{display:flex;flex-direction:column;width:100%}

.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}

.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}

.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}

.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}

.owl-dt-calendar-view{display:block;flex:1 1 auto}

.owl-dt-calendar-multi-year-view{display:flex;align-items:center}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}

.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}

.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}

.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)}

.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}

.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}

.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}

.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}

.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}

.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}

.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}

.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0}

.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}

.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}

.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}

.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}

.owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}

.owl-dt-timer-divider:before{top:35%}

.owl-dt-timer-divider:after{bottom:35%}

.owl-dt-control-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}

.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0}

.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear}

.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}

.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease}

.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}

.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}

.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}

.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}

.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}

.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}

.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}

.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}

.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}

@media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}

@media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}

.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}

.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}

.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear}

.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}

.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}

.owl-dt-container-info .owl-dt-container-range{outline:0}

.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}

.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}

.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}

.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important}

.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}

.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}

.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}

.owl-dt-inline{display:inline-block}

.owl-dt-control{outline:0;cursor:pointer}

.owl-dt-control .owl-dt-control-content{outline:0}

.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}

.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}

.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

li {
  list-style: none;
}

ion-label {
  cursor: default !important;
}

img {
  width: auto !important;
  vertical-align: middle !important;
}

a {
  color: var(--primary-color);
}

.m-auto {
  margin: auto;
}

/* Loader css start */

.loader-wrapper.loderhide {
  display: none;
}

.loader-wrapper {
  height: 100%;
  width: 100%;
  display: block;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: #fff;
  z-index: 1001;
  top: 0;
}

.loader-wrapper .loader {
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  right: 0;
  margin: 0 auto;
}

.santander-logo {
  max-width: 62%;
}

@-webkit-keyframes whirly-loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes whirly-loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.color-primary {
  color: var(--primary-color);
}

.card-icon-color {
  color: var(--card-icon-color);
}

.whirly-loader:not(:required) {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: 0 0;
  border-radius: 100%;
  box-shadow: var(--primary-color) 0 26px 0 6px, var(--primary-color) 0.90971px 26.05079px 0 5.93333px, var(--primary-color) 1.82297px 26.06967px 0 5.86667px, var(--primary-color) 2.73865px 26.05647px 0 5.8px, var(--primary-color) 3.65561px 26.01104px 0 5.73333px, var(--primary-color) 4.57274px 25.93327px 0 5.66667px, var(--primary-color) 5.48887px 25.8231px 0 5.6px, var(--primary-color) 6.40287px 25.68049px 0 5.53333px, var(--primary-color) 7.31358px 25.50548px 0 5.46667px, var(--primary-color) 8.21985px 25.2981px 0 5.4px, var(--primary-color) 9.12054px 25.05847px 0 5.33333px, var(--primary-color) 10.01448px 24.78672px 0 5.26667px, var(--primary-color) 10.90054px 24.48302px 0 5.2px, var(--primary-color) 11.77757px 24.1476px 0 5.13333px, var(--primary-color) 12.64443px 23.78072px 0 5.06667px, var(--primary-color) 13.5px 23.38269px 0 5px, var(--primary-color) 14.34315px 22.95384px 0 4.93333px, var(--primary-color) 15.17277px 22.49455px 0 4.86667px, var(--primary-color) 15.98776px 22.00526px 0 4.8px, var(--primary-color) 16.78704px 21.48643px 0 4.73333px, var(--primary-color) 17.56953px 20.93855px 0 4.66667px, var(--primary-color) 18.33418px 20.36217px 0 4.6px, var(--primary-color) 19.07995px 19.75787px 0 4.53333px, var(--primary-color) 19.80582px 19.12626px 0 4.46667px, var(--primary-color) 20.5108px 18.468px 0 4.4px, var(--primary-color) 21.1939px 17.78379px 0 4.33333px, var(--primary-color) 21.85416px 17.07434px 0 4.26667px, var(--primary-color) 22.49067px 16.34043px 0 4.2px, var(--primary-color) 23.10251px 15.58284px 0 4.13333px, var(--primary-color) 23.68881px 14.80241px 0 4.06667px, var(--primary-color) 24.24871px 14px 0 4px, var(--primary-color) 24.7814px 13.1765px 0 3.93333px, var(--primary-color) 25.28607px 12.33284px 0 3.86667px, var(--primary-color) 25.76198px 11.46997px 0 3.8px, var(--primary-color) 26.2084px 10.58888px 0 3.73333px, var(--primary-color) 26.62462px 9.69057px 0 3.66667px, var(--primary-color) 27.01001px 8.77608px 0 3.6px, var(--primary-color) 27.36392px 7.84648px 0 3.53333px, var(--primary-color) 27.68577px 6.90284px 0 3.46667px, var(--primary-color) 27.97502px 5.94627px 0 3.4px, var(--primary-color) 28.23116px 4.97791px 0 3.33333px, var(--primary-color) 28.4537px 3.99891px 0 3.26667px, var(--primary-color) 28.64223px 3.01042px 0 3.2px, var(--primary-color) 28.79635px 2.01364px 0 3.13333px, var(--primary-color) 28.91571px 1.00976px 0 3.06667px, var(--primary-color) 29px 0 0 3px, var(--primary-color) 29.04896px -1.01441px 0 2.93333px, var(--primary-color) 29.06237px -2.03224px 0 2.86667px, var(--primary-color) 29.04004px -3.05223px 0 2.8px, var(--primary-color) 28.98185px -4.07313px 0 2.73333px, var(--primary-color) 28.88769px -5.09368px 0 2.66667px, var(--primary-color) 28.75754px -6.1126px 0 2.6px, var(--primary-color) 28.59138px -7.12863px 0 2.53333px, var(--primary-color) 28.38926px -8.14049px 0 2.46667px, var(--primary-color) 28.15127px -9.1469px 0 2.4px, var(--primary-color) 27.87755px -10.1466px 0 2.33333px, var(--primary-color) 27.56827px -11.1383px 0 2.26667px, var(--primary-color) 27.22365px -12.12075px 0 2.2px, var(--primary-color) 26.84398px -13.09268px 0 2.13333px, var(--primary-color) 26.42956px -14.05285px 0 2.06667px, var(--primary-color) 25.98076px -15px 0 2px, var(--primary-color) 25.49798px -15.93291px 0 1.93333px, var(--primary-color) 24.98167px -16.85035px 0 1.86667px, var(--primary-color) 24.43231px -17.75111px 0 1.8px, var(--primary-color) 23.85046px -18.63402px 0 1.73333px, var(--primary-color) 23.23668px -19.49789px 0 1.66667px, var(--primary-color) 22.5916px -20.34157px 0 1.6px, var(--primary-color) 21.91589px -21.16393px 0 1.53333px, var(--primary-color) 21.21024px -21.96384px 0 1.46667px, var(--primary-color) 20.4754px -22.74023px 0 1.4px, var(--primary-color) 19.71215px -23.49203px 0 1.33333px, var(--primary-color) 18.92133px -24.2182px 0 1.26667px, var(--primary-color) 18.10379px -24.91772px 0 1.2px, var(--primary-color) 17.26042px -25.58963px 0 1.13333px, var(--primary-color) 16.39217px -26.23295px 0 1.06667px, var(--primary-color) 15.5px -26.84679px 0 1px, var(--primary-color) 14.58492px -27.43024px 0 0.93333px, var(--primary-color) 13.64796px -27.98245px 0 0.86667px, var(--primary-color) 12.69018px -28.50262px 0 0.8px, var(--primary-color) 11.7127px -28.98995px 0 0.73333px, var(--primary-color) 10.71663px -29.4437px 0 0.66667px, var(--primary-color) 9.70313px -29.86317px 0 0.6px, var(--primary-color) 8.67339px -30.2477px 0 0.53333px, var(--primary-color) 7.6286px -30.59666px 0 0.46667px, var(--primary-color) 6.57001px -30.90946px 0 0.4px, var(--primary-color) 5.49886px -31.18558px 0 0.33333px, var(--primary-color) 4.41643px -31.42451px 0 0.26667px, var(--primary-color) 3.32401px -31.6258px 0 0.2px, var(--primary-color) 2.22291px -31.78904px 0 0.13333px, var(--primary-color) 1.11446px -31.91388px 0 0.06667px, var(--primary-color) 0 -32px 0 0, var(--primary-color) -1.11911px -32.04713px 0 -0.06667px, var(--primary-color) -2.24151px -32.05506px 0 -0.13333px, var(--primary-color) -3.36582px -32.02361px 0 -0.2px, var(--primary-color) -4.49065px -31.95265px 0 -0.26667px, var(--primary-color) -5.61462px -31.84212px 0 -0.33333px, var(--primary-color) -6.73634px -31.69198px 0 -0.4px, var(--primary-color) -7.8544px -31.50227px 0 -0.46667px, var(--primary-color) -8.9674px -31.27305px 0 -0.53333px, var(--primary-color) -10.07395px -31.00444px 0 -0.6px, var(--primary-color) -11.17266px -30.69663px 0 -0.66667px, var(--primary-color) -12.26212px -30.34982px 0 -0.73333px, var(--primary-color) -13.34096px -29.96429px 0 -0.8px, var(--primary-color) -14.4078px -29.54036px 0 -0.86667px, var(--primary-color) -15.46126px -29.07841px 0 -0.93333px, var(--primary-color) -16.5px -28.57884px 0 -1px, var(--primary-color) -17.52266px -28.04212px 0 -1.06667px, var(--primary-color) -18.52792px -27.46878px 0 -1.13333px, var(--primary-color) -19.51447px -26.85936px 0 -1.2px, var(--primary-color) -20.48101px -26.21449px 0 -1.26667px, var(--primary-color) -21.42625px -25.53481px 0 -1.33333px, var(--primary-color) -22.34896px -24.82104px 0 -1.4px, var(--primary-color) -23.2479px -24.07391px 0 -1.46667px, var(--primary-color) -24.12186px -23.29421px 0 -1.53333px, var(--primary-color) -24.96967px -22.48279px 0 -1.6px, var(--primary-color) -25.79016px -21.64052px 0 -1.66667px, var(--primary-color) -26.58223px -20.76831px 0 -1.73333px, var(--primary-color) -27.34477px -19.86714px 0 -1.8px, var(--primary-color) -28.07674px -18.938px 0 -1.86667px, var(--primary-color) -28.7771px -17.98193px 0 -1.93333px, var(--primary-color) -29.44486px -17px 0 -2px, var(--primary-color) -30.07908px -15.99333px 0 -2.06667px, var(--primary-color) -30.67884px -14.96307px 0 -2.13333px, var(--primary-color) -31.24325px -13.91039px 0 -2.2px, var(--primary-color) -31.7715px -12.83652px 0 -2.26667px, var(--primary-color) -32.26278px -11.74269px 0 -2.33333px, var(--primary-color) -32.71634px -10.63018px 0 -2.4px, var(--primary-color) -33.13149px -9.5003px 0 -2.46667px, var(--primary-color) -33.50755px -8.35437px 0 -2.53333px, var(--primary-color) -33.84391px -7.19374px 0 -2.6px, var(--primary-color) -34.14px -6.0198px 0 -2.66667px, var(--primary-color) -34.39531px -4.83395px 0 -2.73333px, var(--primary-color) -34.60936px -3.63759px 0 -2.8px, var(--primary-color) -34.78173px -2.43218px 0 -2.86667px, var(--primary-color) -34.91205px -1.21916px 0 -2.93333px, var(--primary-color) -35px 0 0 -3px, var(--primary-color) -35.04531px 1.22381px 0 -3.06667px, var(--primary-color) -35.04775px 2.45078px 0 -3.13333px, var(--primary-color) -35.00717px 3.6794px 0 -3.2px, var(--primary-color) -34.92345px 4.90817px 0 -3.26667px, var(--primary-color) -34.79654px 6.13557px 0 -3.33333px, var(--primary-color) -34.62643px 7.36007px 0 -3.4px, var(--primary-color) -34.41316px 8.58016px 0 -3.46667px, var(--primary-color) -34.15683px 9.79431px 0 -3.53333px, var(--primary-color) -33.85761px 11.001px 0 -3.6px, var(--primary-color) -33.5157px 12.19872px 0 -3.66667px, var(--primary-color) -33.13137px 13.38594px 0 -3.73333px, var(--primary-color) -32.70493px 14.56117px 0 -3.8px, var(--primary-color) -32.23675px 15.72291px 0 -3.86667px, var(--primary-color) -31.72725px 16.86968px 0 -3.93333px, var(--primary-color) -31.17691px 18px 0 -4px, var(--primary-color) -30.58627px 19.11242px 0 -4.06667px, var(--primary-color) -29.95589px 20.2055px 0 -4.13333px, var(--primary-color) -29.28642px 21.27783px 0 -4.2px, var(--primary-color) -28.57852px 22.32799px 0 -4.26667px, var(--primary-color) -27.83295px 23.35462px 0 -4.33333px, var(--primary-color) -27.05047px 24.35635px 0 -4.4px, var(--primary-color) -26.23192px 25.33188px 0 -4.46667px, var(--primary-color) -25.37819px 26.27988px 0 -4.53333px, var(--primary-color) -24.49018px 27.1991px 0 -4.6px, var(--primary-color) -23.56888px 28.0883px 0 -4.66667px, var(--primary-color) -22.6153px 28.94626px 0 -4.73333px, var(--primary-color) -21.6305px 29.77183px 0 -4.8px, var(--primary-color) -20.61558px 30.56385px 0 -4.86667px, var(--primary-color) -19.57168px 31.32124px 0 -4.93333px, var(--primary-color) -18.5px 32.04294px 0 -5px, var(--primary-color) -17.40175px 32.72792px 0 -5.06667px, var(--primary-color) -16.27818px 33.37522px 0 -5.13333px, var(--primary-color) -15.1306px 33.98389px 0 -5.2px, var(--primary-color) -13.96034px 34.55305px 0 -5.26667px, var(--primary-color) -12.76875px 35.08186px 0 -5.33333px, var(--primary-color) -11.55724px 35.56951px 0 -5.4px, var(--primary-color) -10.32721px 36.01527px 0 -5.46667px, var(--primary-color) -9.08014px 36.41843px 0 -5.53333px, var(--primary-color) -7.81748px 36.77835px 0 -5.6px, var(--primary-color) -6.54075px 37.09443px 0 -5.66667px, var(--primary-color) -5.25147px 37.36612px 0 -5.73333px, var(--primary-color) -3.95118px 37.59293px 0 -5.8px, var(--primary-color) -2.64145px 37.77443px 0 -5.86667px, var(--primary-color) -1.32385px 37.91023px 0 -5.93333px;
  -webkit-animation: 1.25s linear infinite whirly-loader;
  animation: 1.25s linear infinite whirly-loader;
  transform-origin: 50% 50%;
}

/* Loader css end */

.customToast {
  color: #ffffff;
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  padding: 0 !important;
}

.customToast .toast-content {
  padding: 10px !important;
}

ion-button {
  letter-spacing: 0;
  --ripple-color: #ffffff;
  --box-shadow: none;
  outline: none;
}

.btn {
  margin: 0 10px 8px 0;
  --border-style: solid;
  --border-width: 1px;
  --border-radius: 3px;
  --box-shadow: none;
  --color: #fff;
  --transition: all 0.2s ease-in-out;
  text-transform: capitalize;
  font-size: 14px;
}

.btn_lightblue {
  --background: var(--btn-color);
  --background-hover: #fff;
  --border-color: var(--btn-color);
  --color-hover: var(--btn-color);
}

.btn_blue {
  --background: #003ca6;
  --background-hover: #fff;
  --border-color: #003ca6;
  --color-hover: #003ca6;
}

.btn_darkblue {
  --background: var(--dark-btn-color);
  --background-hover: #fff;
  --border-color: var(--dark-btn-color);
  --color-hover: var(--dark-btn-color);
}

.btn-themeblue {
  --background: var(--dark-btn-color);
  --background-focused: var(--btn-hov-color);
  --background-hover: var(--btn-hov-color);
}

.bitwide_btn .btn {
  min-width: 130px;
  height: 42px;
  font-size: 16px;
  border-radius: 4px;
}

ion-text.alert-message {
  background: #9b1717;
  display: block;
  width: 100%;
  padding: 10px 15px;
  border-radius: 6px;
  color: #a94442;
  border: 1px solid #ebccd1;
}

.fix-ripple ion-segment-button {
  --border-radius: 9px;
  --indicator-transition: none;
  --background-checked: var(--ion-color-skin);
  --background: #dedfde;
  --color: #000;
  --color-checked: #000;
  overflow: hidden;
  --border-width: 3px;
  --border-color: #dedfde;
}

/* Fuel Card Section*/

.fuelcard {
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  font-family: var(--font-family-B);
  font-size: 15px;
  text-align: left;
  margin-top: 20px;
}

.fuelcard ion-row {
  padding: 7px 10px;
}

.fuelcard ion-col {
  padding: 0 8px;
  font-size: 13px;
}

.fuelcard ion-button.btn-primary {
  --background-hover: var(--btn-hov-color);
  --box-shadow: none;
  --ripple-color: #ffffff;
  --transition: all 0.2s ease-in-out;
  text-transform: capitalize;
}

.fuelcard ion-button.btn-danger {
  --background-hover: var(--btn-color-danger);
  --box-shadow: none;
  --ripple-color: #ffffff;
  --transition: all 0.2s ease-in-out;
}

.fuelcard .fc-header {
  background: #f2f2f2;
  border-bottom: 1px solid #e1e1e1;
  padding: 5px 8px;
  min-height: 1px;
  color: #252525;
  font-family: var(--font-family-M);
}

.fuelcard .fc-header ion-text {
  color: #252525;
  display: block;
  font-family: var(--font-family-M);
  width: 100%;
  text-align: left;
  font-size: 16px;
}

.fuelcard .fc-header ion-text img {
  display: inline-block;
  margin: 0 5px;
}

.fuelcard .title-row {
  border-radius: 6px 6px 0 0;
  color: #5b6670;
  font-family: var(--font-family-M);
  min-height: 1px;
  padding: 15px 8px;
}

.fuelcard .cardissuer-name {
  color: var(--highlighted-lbl-color);
  font-family: var(--font-family-M);
}

.fuelcard .fc-action ion-button {
  margin: 0 15px 0 0;
  height: 30px;
  --background-hover: transparent;
  --background-focused: transparent;
  --ripple-color: transparent;
}

.fuelcard .mshow {
  display: none;
}

.fuelcard .smallTitle {
  display: none;
}

.px-10px {
  padding-left: 10px;
  padding-right: 10px;
}

.ml-10 {
  margin-left: 10px;
}

/* Car detail slider section */

.right-content {
  /* General css */
  /* car slider start */
  /* Status */
  /* car slider end */
  /*  main wrap */
}

.right-content ion-card.blue-header-card {
  box-shadow: 0 0 0 transparent !important;
  border: 1px solid #ddd !important;
  border-radius: 6px;
}

.right-content ion-card.blue-header-card.no-border {
  border: 0 none !important;
}

.right-content ion-card.blue-header-card ion-card {
  box-shadow: 0 0 0 transparent !important;
  border: 0 none !important;
}

.right-content ion-slide {
  width: 100%;
}

.right-content .main-block {
  width: 100%;
  padding: 10px 20px;
}

.right-content .car-slider {
  position: relative;
  padding: 0;
}

.right-content .car-slider .slider-arrows {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
}

.right-content .car-slider .left-arrow {
  left: 25px;
}

.right-content .car-slider .right-arrow {
  right: 25px;
}

.right-content .car-slider .media-detail {
  padding-top: 10px;
}

.right-content .car-slider .media-column {
  margin-top: -20px;
  padding-right: 15px;
}

.right-content .car-slider .media-column img {
  padding: 5px;
  margin: 0 auto;
}

.right-content .car-slider ion-slides {
  --bullet-background: #bccbd5;
  --bullet-background-active: var(--primary-color);
}

.right-content .name-status {
  color: var(--lbl-color);
  font-size: 15px;
  font-family: var(--font-family-B);
  line-height: 23px;
}

.right-content .name-status .text-bold {
  font-family: var(--font-family-Bold);
  font-weight: normal;
}

.right-content .name-status .status {
  color: var(--btn-secondary-color);
  font-family: var(--font-family-M);
  font-weight: normal;
}

.right-content .name-status .active {
  color: #00bd70;
}

.right-content .name-status .inactive {
  color: var(--btn-color-danger);
}

.right-content .main_wrap {
  position: relative;
  padding: 20px 10px 15px;
}

.right-content .blue-column {
  padding: 0 10px 15px;
}

/* Right content end */

.car-detail {
  text-align: left;
  float: left;
  width: 50%;
  vertical-align: top;
  margin: 20px 0 0;
  /* KM update button start  */
  /* KM update button end  */
}

.car-detail .detail_row {
  padding: 6px 0;
  display: block;
}

.car-detail .detail_row::after, .car-detail .detail_row::before {
  content: "";
  clear: both;
  float: none;
  display: block;
}

.car-detail ion-text {
  color: #252525;
  font-family: var(--font-family-M);
  font-size: 13px;
  float: left;
}

.car-detail .item {
  width: 45%;
  padding-right: 5px;
}

.car-detail .value {
  width: 55%;
  color: var(--highlighted-lbl-color);
}

.car-detail .value.km-update {
  width: auto;
  margin-right: 5px;
}

.hide-overflow {
  overflow: hidden;
}

/* Blue card header */

.blue-header-card .blue-header {
  padding: 8px;
}

.blue-header-card ion-card-title {
  font-size: 16px;
  font-family: var(--font-family-M);
  font-weight: normal;
  text-align: left;
  color: var(--card-title-color) !important;
  display: flex;
  align-items: center;
}

.blue-header-card ion-card-title .cst-icon {
  font-size: 23px;
  padding: 2px 10px 2px 10px;
  display: inline-block;
  vertical-align: middle;
}

.blue-header-card ion-card-title img {
  display: inline-block;
  margin: 0 5px 0 0;
}

.blue-header-card ion-card-title .icon-color-primary {
  margin-right: 5px;
}

/* Table Block */

.table_block {
  font-family: var(--font-family-M);
  font-size: 15px;
  border: 1px solid #dee5ea;
  border-radius: 6px 6px 0 0;
}

.table_block ion-list {
  padding: 10px 15px;
}

.table_block .table-heading {
  color: #252525;
  background: #f2f2f2;
  padding: 10px 15px;
  display: block;
  width: 100%;
  border-radius: 6px 6px 0 0;
  font-family: var(--font-family-NB);
}

.table_block .table-heading ion-text {
  font-family: var(--font-family-Bold);
}

.table_block .table-row {
  display: block;
  color: #333;
  border-bottom: 1px solid #efefef;
  padding: 8px 0;
}

.table_block .table-row::before, .table_block .table-row::after {
  content: "";
  clear: both;
  float: none;
  display: block;
  width: 100%;
}

.table_block .table-row ion-text {
  font-family: var(--font-family-B);
  float: left;
}

.table_block .table-row .value {
  font-family: var(--font-family-M);
}

.mr-btn {
  margin-right: 5px !important;
}

.s-arrows {
  color: #fff;
  position: absolute;
  font-size: 25px;
  z-index: 2;
  background: var(--theme-main-color);
  width: 20px;
  height: 35px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.s-arrows span {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.s-arrow-left {
  top: 50%;
  left: 11px;
}

.s-arrow-right {
  top: 50%;
  right: 11px;
}

.s-arrow-left-for-card {
  left: 11px;
}

.s-arrow-right-for-card {
  right: 11px;
}

@media (min-width: 0) {
  [hidden-xs] {
    display: none;
  }
}

@media (min-width: 576px) {
  [hidden-sm] {
    display: none;
  }
}

@media (min-width: 768px) {
  [hidden-md] {
    display: none;
  }
}

@media (min-width: 992px) {
  [hidden-lg] {
    display: none;
  }
}

@media (min-width: 1200px) {
  [hidden-xl] {
    display: none;
  }
}

@media (min-width: 0) {
  [visible-block-xs] {
    display: block;
  }
}

@media (min-width: 576px) {
  [visible-block-sm] {
    display: block;
  }
}

@media (min-width: 768px) {
  [visible-block-md] {
    display: block;
  }
}

@media (min-width: 992px) {
  [visible-block-lg] {
    display: block;
  }
}

@media (min-width: 1200px) {
  [visible-block-xl] {
    display: block;
  }
}

@media (min-width: 0) {
  [visible-inline-block-xs] {
    display: inline-block;
  }
}

@media (min-width: 576px) {
  [visible-inline-block-sm] {
    display: inline-block;
  }
}

@media (min-width: 768px) {
  [visible-inline-block-md] {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  [visible-inline-block-lg] {
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  [visible-inline-block-xl] {
    display: inline-block;
  }
}

.select-bg-color .alert-button:nth-child(1) {
  background-color: var(--btn-color-danger) !important;
}

.select-bg-color .alert-button:nth-child(2) {
  background-color: var(--btn-color) !important;
}

.datetime-bg-color .picker-toolbar div.picker-toolbar-button:nth-child(1) button {
  color: var(--btn-color-danger) !important;
}

.datetime-bg-color .picker-toolbar div.picker-toolbar-button:nth-child(2) button {
  color: var(--btn-color) !important;
}

.datetime-bg-color .picker-opt.picker-opt-selected,
.datetime-bg-color .picker-prefix,
.datetime-bg-color .picker-suffix {
  color: var(--btn-color);
}

.workshop-wrapper .alert-wrapper {
  max-width: 510px !important;
  padding-top: 20px;
}

.workshop-wrapper .alert-head {
  display: none !important;
}

.alert-wrapper {
  padding-bottom: 20px;
}

.alert-wrapper [aria-checked=true].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}

.alert-wrapper button {
  background-color: var(--btn-color) !important;
  color: #ffffff !important;
  margin: 0 2px !important;
  padding: 10px 30px !important;
}

.alert-wrapper button.btn-primary {
  background-color: var(--btn-color) !important;
  color: #ffffff !important;
  margin: 0 2px !important;
  padding: 10px 30px !important;
}

.alert-wrapper button.bg-cancel {
  color: var(--btn-color) !important;
  background-color: var(--btn-color-danger) !important;
}

.alert-wrapper .alert-button-inner.sc-ion-alert-md {
  justify-content: center !important;
}

.alert-wrapper .alert-button-group {
  display: flex;
  flex-wrap: nowrap;
}

.alert-input.sc-ion-alert-md {
  padding-left: 5px;
  padding-right: 5px;
}

.alert-input.sc-ion-alert-md:focus {
  margin-bottom: 4px;
  border-bottom: 2px solid var(--primary-color);
}

.split-container-full-height .split-contianer {
  height: 100%;
}

.icon-settings {
  margin-right: 4px;
}

.icon-settings:before {
  width: 18px;
  content: " ";
  background-image: var(--setting-icon-path);
  position: absolute;
  left: 4px;
  top: 15px;
  height: 18px;
  background-size: cover;
  background-position: center;
}

.icon-settings.top:before {
  top: 10px;
}

.icon-service-card:before {
  width: 24px;
  content: " ";
  background-image: var(--service-card-icon-path);
  position: absolute;
  left: 0;
  top: 10px;
  height: 24px;
  background-size: cover;
  background-position: center;
}

.icon-notification:before {
  width: 18px;
  content: " ";
  background-image: var(--notification-icon-path);
  position: absolute;
  left: 4px;
  top: 10px;
  height: 18px;
  background-size: cover;
  background-position: center;
}

.my-data:before {
  width: 20px;
  content: " ";
  background-image: var(--my-page-icon);
  position: absolute;
  left: 0;
  top: 8px;
  height: 20px;
  background-size: cover;
  background-position: center;
}

.noti-count {
  border-radius: 50%;
  background-color: var(--active-tab-color);
  color: #fff;
  display: block;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0px;
  text-align: center;
  top: 0;
  width: 20px;
  z-index: 1;
}

.active.menu-item .icon-settings:before,
.menu-item:hover .icon-settings:before,
.menu-item:focus .icon-settings:before {
  background-image: var(--setting-icon-hov-path);
}

.active.menu-item .icon-service-card:before,
.menu-item:hover .icon-service-card:before,
.menu-item:focus .icon-service-card:before {
  background-image: var(--service-card-icon-hov-path);
}

.dashboard-block-listing .icon-settings:before {
  background-image: var(--dashboard-setting-icon-path);
  height: 90px;
  width: 90px;
  background-size: 72% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}

.dashboard-block-listing .icon-service-card:before {
  background-image: var(--dashboard-service-card-icon-path);
  height: 90px;
  width: auto;
  background-size: 72% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
}

.dashboard-block-listing .active.menu-item .icon-settings:before,
.dashboard-block-listing .menu-item:hover .icon-settings:before,
.dashboard-block-listing .menu-item:focus .icon-settings:before {
  background-image: url('dashboard-settings-hover.17263a37867a81cd1553.svg') !important;
}

.language-link {
  margin-bottom: 10px !important;
  background: #fff;
  padding: 0 !important;
  border: 1px solid #afafaf;
  display: inline-block;
}

.language-link a {
  text-decoration: none;
  color: #8e8e8e;
  font-family: var(--font-family-B);
  padding: 10px 15px;
  display: inline-block;
  margin: 0;
}

.language-link:hover {
  border-color: var(--ion-color-skin);
}

.language-link:hover a:hover {
  background: var(--ion-color-skin);
  color: #000;
}

.language-link a.active-language:hover,
.language-link a.active-language {
  background: var(--primary-color);
  color: #fff;
  font-family: var(--font-family-M);
}

.update-km .alert-head,
.update-km .alert-message,
.update-km .alert-input-group {
  padding: 15px 10px 5px;
}

.update-km .alert-title {
  font-size: 19px;
}

.update-km .lbl .value {
  color: #09b2e0;
}

.shareTo .alert-wrapper .alert-message {
  color: red;
  padding-bottom: 0;
}

.alert-wrapper .alert-checkbox-group button {
  background-color: #f2f2f2 !important;
}

.multiselect-wrapper .alert-wrapper {
  width: 100%;
  min-width: 90%;
}

.multiselect-wrapper .alert-checkbox-group {
  max-height: 100%;
}

.full-modal .modal-wrapper {
  height: 100vh !important;
  width: 100% !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 575px) {
  .s-arrows {
    bottom: 25%;
  }

  body .language-link {
    margin-top: 20px;
  }

  .update-km .lbl .value {
    display: block;
  }

  .alert-wrapper .alert-checkbox-group button {
    padding: 0 !important;
  }

  .alert-checkbox-label.sc-ion-alert-md {
    white-space: normal;
  }

  .multiselect-wrapper .alert-checkbox-group {
    max-height: 240px;
  }

  .plt-android .card-view .card {
    left: -340px !important;
  }
}

.front {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
  background: url('service-card-front.dc754fe1f12c251f8976.png') no-repeat left bottom #ffffff;
  background-size: contain;
  min-height: 395px;
  border: 0px solid #003ca6;
  margin: 0 0 20px 0;
}

.back {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  overflow: hidden;
  background: url('back-bg-compress.30f40987946a12cbc95c.png') no-repeat right bottom #ffffff;
  background-size: contain;
  min-height: 300px;
  border: 1px solid #003ca6;
}

.santander-container figure.frontCard {
  transform: rotateY(0deg);
  z-index: 2;
  background: url('front-compress.272b10b2e0b76c772bd7.jpg') center no-repeat !important;
  background-size: 100% !important;
}

ion-checkbox {
  --background-checked: var(--primary-color) !important;
  --border-color-checked: var(--primary-color) !important;
  --checkmark-color: #ffffff;
}

ion-radio {
  --color-checked: var(--primary-color) !important;
}

.cstnotificatonspace {
  margin-left: 20px !important;
  top: 0;
  position: relative;
}

.icon-size {
  font-size: 24px;
}

.font20 {
  font-size: 20px !important;
}

.forceblock {
  display: block !important;
}

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

/* For NO SPACE AROUND THE CARD */

@media (max-width: 575px) {
  .blue-column.ion-no-padding {
    padding: 0 !important;
  }

  .sc-ion-card-ios-h {
    margin: 0 !important;
  }

  .xsblk {
    display: block !important;
  }
}

@media (max-width: 768px) {
  .mobileboxst1 {
    border: 1px solid #ccc;
    padding: 15px !important;
    margin-top: 15px !important;
    border-radius: 5px;
  }

  .santander-logo {
    max-width: 100%;
    padding: 20px 30px !important;
  }
}

@media (min-width: 1200px) {
  .cstnotificatonspace {
    top: 0px;
  }

  .top0px {
    top: 0px;
    position: relative;
  }
}

.text-danger {
  color: #e21515 !important;
}

.owl-dt-container-buttons {
  color: var(--primary-color);
}

.owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: rgba(255, 255, 255, 0.85);
  background-color: var(--primary-color);
}

.li-ionic4-datePicker .modal-wrapper {
  height: 470px !important;
  max-height: 100% !important;
  width: 330px !important;
  font-size: 14px;
  font-family: var(--font-family-M);
}

.li-ionic4-datePicker .modal-wrapper ion-button:hover {
  --ion-color-primary: var(--card-icon-color);
  --ion-color-primary-tint: var(--card-bg-color);
}

.li-ionic-timepicker .modal-wrapper {
  height: 275px;
  width: 312px;
  max-height: 100% !important;
  font-size: 14px;
  font-family: var(--font-family-M);
}

.linkcolor {
  color: var(--highlighted-lbl-color);
}

.linkcolor:hover {
  color: var(--ion-color-light-contrast);
}

.icon-logout {
  font-size: 16px;
}

.no-hover {
  --background-hover: transparent !important;
}

.swiper-pagination-bullet-active {
  background: var(--theme-main-color);
}
@charset "UTF-8";
@font-face {
  font-family: "GothamBook";
  src: url('GothamBook.8592d62d363dab4523c5.eot');
  src: url('GothamBook.8592d62d363dab4523c5.eot') format("embedded-opentype"), url('GothamBook.cae46ca504b23b03530d.woff2') format("woff2"), url('GothamBook.093cc9d1a7c3e3931126.woff') format("woff"), url('GothamBook.98848d3226dcbc4fba83.ttf') format("truetype"), url('GothamBook.67ce61fa1f5aae5bc5c7.svg#GothamBook') format("svg");
}
@font-face {
  font-family: "GothamBold";
  src: url('GothamBold.abae2d43fa17e1341bb9.eot');
  src: url('GothamBold.abae2d43fa17e1341bb9.eot') format("embedded-opentype"), url('GothamBold.0c234b8b74cd69768d77.woff2') format("woff2"), url('GothamBold.909f0ebbd5ee7eaf09b5.woff') format("woff"), url('GothamBold.b2f8f4c9b53539befd84.ttf') format("truetype"), url('GothamBold.cd90c5d8150e5eee46a6.svg#GothamBold') format("svg");
}
@font-face {
  font-family: "GothamMedium";
  src: url('GothamMedium.66a607f3ba47c799db49.eot');
  src: url('GothamMedium.66a607f3ba47c799db49.eot') format("embedded-opentype"), url('GothamMedium.db0a74df9639fa10dc58.woff2') format("woff2"), url('GothamMedium.dbc214683a2af1b8e66b.woff') format("woff"), url('GothamMedium.f39a74b51399b36bd766.ttf') format("truetype"), url('GothamMedium.d8cc0a6652421b0c8967.svg#GothamMedium') format("svg");
}
@font-face {
  font-family: "GothamNarrowBook";
  src: url('GothamNarrowBook.e35a5c76d1a9c316f2a9.eot');
  src: url('GothamNarrowBook.e35a5c76d1a9c316f2a9.eot') format("embedded-opentype"), url('GothamNarrowBook.88934f11aba0ea398a39.woff2') format("woff2"), url('GothamNarrowBook.f62f110186e29bba57d1.woff') format("woff"), url('GothamNarrowBook.a195e613fdcded39b866.ttf') format("truetype"), url('GothamNarrowBook.a33c08543088a31666f4.svg#GothamNarrowBook') format("svg");
}
@font-face {
  font-family: "GothamNarrowMedium";
  src: url('GothamNarrowMedium.710284676f681f2276b5.eot');
  src: url('GothamNarrowMedium.710284676f681f2276b5.eot') format("embedded-opentype"), url('GothamNarrowMedium.cd074ed9c039dcd5f26d.woff2') format("woff2"), url('GothamNarrowMedium.b447a9cb60921617c2e3.woff') format("woff"), url('GothamNarrowMedium.73e68483ac9c462a26b7.ttf') format("truetype"), url('GothamNarrowMedium.5c36d398a6d213109429.svg#GothamNarrowMedium') format("svg");
}
@font-face {
  font-family: "GothamNarrowBold";
  src: url('GothamNarrowBold.986679711b83084f1c2d.eot');
  src: url('GothamNarrowBold.986679711b83084f1c2d.eot') format("embedded-opentype"), url('GothamNarrowBold.f676dedc7dce28dc0ac5.woff2') format("woff2"), url('GothamNarrowBold.ed03730f3c9f9ed47ddb.woff') format("woff"), url('GothamNarrowBold.5c37ffdd8c4c3e932278.ttf') format("truetype"), url('GothamNarrowBold.60ee992f90a2067b0fbe.svg#GothamNarrowBold') format("svg");
}
@font-face {
  font-family: "GothamNarrowBoldItalic";
  src: url('GothamNarrowBoldItalic.8343744259ed37cd30a4.eot');
  src: url('GothamNarrowBoldItalic.8343744259ed37cd30a4.eot') format("embedded-opentype"), url('GothamNarrowBoldItalic.d1e283de6cbf7c890e2f.woff2') format("woff2"), url('GothamNarrowBoldItalic.abe6c2efd58539b197bc.woff') format("woff"), url('GothamNarrowBoldItalic.5ed848aad53b49142c0c.ttf') format("truetype"), url('GothamNarrowBoldItalic.b62f02c63843db68bf60.svg#GothamNarrowBoldItalic') format("svg");
}
@font-face {
  font-family: "ArialRegular";
  src: url('arial.4fadff898d592cef09de.eot');
  src: url('arial.4fadff898d592cef09de.eot') format("embedded-opentype"), url('arial.c6e26abab70b7738dac9.woff2') format("woff2"), url('arial.93ec892004e010b1fe5b.woff') format("woff"), url('arial.fa3228aadde0db988e18.ttf') format("truetype"), url('arial.dcfec5b618633f015b11.svg#arial') format("svg");
}
@font-face {
  font-family: "ArialBold";
  src: url('arial-bold.b2b4be6ab09bf01c54cb.eot');
  src: url('arial-bold.b2b4be6ab09bf01c54cb.eot') format("embedded-opentype"), url('arial-bold.85bc3c0efba1961a331c.woff2') format("woff2"), url('arial-bold.95f559659336e6b0ca19.woff') format("woff"), url('arial-bold.858f5a50a4c3e5e6559a.ttf') format("truetype"), url('arial-bold.1193e320bccd7557396e.svg#arial-bold') format("svg");
}
/* Icon fonts style start */
@font-face {
  font-family: "icomoon";
  src: url('icomoon.5e4491e8d35f5105d961.eot?hrl7vo');
  src: url('icomoon.5e4491e8d35f5105d961.eot?hrl7vo#iefix') format("embedded-opentype"), url('icomoon.efb10a6f779635b60f64.ttf?hrl7vo') format("truetype"), url('icomoon.180b22d843bda2ebc1a7.woff?hrl7vo') format("woff"), url('icomoon.e0ea06a84f854c2705d5.svg?hrl7vo#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", sans-serif !important;
  speak: none;
  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;
}
@font-face {
  font-family: "Santander Text";
  src: url('SantanderText-Bold.43b75e1cb9b1e2da1da8.eot');
  src: local("Santander Text Bold"), local("SantanderText-Bold"), url('SantanderText-Bold.43b75e1cb9b1e2da1da8.eot?#iefix') format("embedded-opentype"), url('SantanderText-Bold.7d1b495d2127fe0183d5.woff2') format("woff2"), url('SantanderText-Bold.f57df3ba9c4e100f44d4.woff') format("woff"), url('SantanderText-Bold.881505ba0e5a4b953505.svg#SantanderText-Bold') format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Text";
  src: url('SantanderText-Light.4709fe01f30971a42395.eot');
  src: local("Santander Text Light"), local("SantanderText-Light"), url('SantanderText-Light.4709fe01f30971a42395.eot?#iefix') format("embedded-opentype"), url('SantanderText-Light.ea0528b751a9921ff28e.woff2') format("woff2"), url('SantanderText-Light.1ee889081de493d6a5d7.woff') format("woff"), url('SantanderText-Light.f6bad93e3f6c90eeb01c.svg#SantanderText-Light') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Text";
  src: url('SantanderText-Regular.f5352516bb20e8bb5e77.eot');
  src: local("Santander Text Regular"), local("SantanderText-Regular"), url('SantanderText-Regular.f5352516bb20e8bb5e77.eot?#iefix') format("embedded-opentype"), url('SantanderText-Regular.810a17bbc8ae3ac8813e.woff2') format("woff2"), url('SantanderText-Regular.4a5f5a166437a1d87012.woff') format("woff"), url('SantanderText-Regular.c16455c2af261e7e7c56.svg#SantanderText-Regular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Headline";
  src: url('SantanderHeadlineLight.fe06c5ef234fe95c71d7.eot');
  src: local("Santander Headline Light"), local("SantanderHeadlineLight"), url('SantanderHeadlineLight.fe06c5ef234fe95c71d7.eot?#iefix') format("embedded-opentype"), url('SantanderHeadlineLight.88843f125badbbaa5df6.woff2') format("woff2"), url('SantanderHeadlineLight.6b8d499509f2fa7d248a.woff') format("woff"), url('SantanderHeadlineLight.449607549b63fda4c0f7.svg#SantanderHeadlineLight') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url('SantanderMicroText.1f05b0f9cbf4f5d780cf.eot');
  src: local("Santander Micro Text"), local("SantanderMicroText"), url('SantanderMicroText.1f05b0f9cbf4f5d780cf.eot?#iefix') format("embedded-opentype"), url('SantanderMicroText.77fbe9257d53b39a3827.woff2') format("woff2"), url('SantanderMicroText.f0e3684eb1e172aab648.woff') format("woff"), url('SantanderMicroText.e26830a7393eddb0a402.svg#SantanderMicroText') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Text";
  src: url('SantanderTextExtraBold.8a1679150be553d8f77b.eot');
  src: local("Santander Text ExtraBold"), local("SantanderTextExtraBold"), url('SantanderTextExtraBold.8a1679150be553d8f77b.eot?#iefix') format("embedded-opentype"), url('SantanderTextExtraBold.67a9ef013c8107a0f222.woff2') format("woff2"), url('SantanderTextExtraBold.101af22fc9cfa9b96eea.woff') format("woff"), url('SantanderTextExtraBold.5693e145a9dde51e4442.svg#SantanderTextExtraBold') format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Headline";
  src: url('SantanderHeadline-Bold.0205d014d83ad2c4408a.eot');
  src: local("Santander Headline Bold"), local("SantanderHeadline-Bold"), url('SantanderHeadline-Bold.0205d014d83ad2c4408a.eot?#iefix') format("embedded-opentype"), url('SantanderHeadline-Bold.a78f6501eab221a300f1.woff2') format("woff2"), url('SantanderHeadline-Bold.a4c6d84b616d6492f7ff.woff') format("woff"), url('SantanderHeadline-Bold.a804189839fa78098cf3.svg#SantanderHeadline-Bold') format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url('SantanderMicroTextExtraBold.da6a80b7156197dc7219.eot');
  src: local("Santander Micro Text ExtraBold"), local("SantanderMicroTextExtraBold"), url('SantanderMicroTextExtraBold.da6a80b7156197dc7219.eot?#iefix') format("embedded-opentype"), url('SantanderMicroTextExtraBold.831ee01a540c95688857.woff2') format("woff2"), url('SantanderMicroTextExtraBold.2389c0a8c3c487e898bd.woff') format("woff"), url('SantanderMicroTextExtraBold.cea877d4d764e7920f9c.svg#SantanderMicroTextExtraBold') format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url('SantanderMicroTextSemiBold.0d116c560c2784bd7bd3.eot');
  src: local("Santander Micro Text SmBd"), local("SantanderMicroTextSemiBold"), url('SantanderMicroTextSemiBold.0d116c560c2784bd7bd3.eot?#iefix') format("embedded-opentype"), url('SantanderMicroTextSemiBold.e9f21f8e7ebac41ee889.woff2') format("woff2"), url('SantanderMicroTextSemiBold.af319dfd140f06b5ebe9.woff') format("woff"), url('SantanderMicroTextSemiBold.432a5bf81be2037ff1dd.svg#SantanderMicroTextSemiBold') format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url('SantanderMicroText-Bd.41278d212e7a74937bd0.eot');
  src: local("Santander Micro Text Bd"), local("SantanderMicroText-Bd"), url('SantanderMicroText-Bd.41278d212e7a74937bd0.eot?#iefix') format("embedded-opentype"), url('SantanderMicroText-Bd.f6c0e970a92dccba1c78.woff2') format("woff2"), url('SantanderMicroText-Bd.3de755f131592071acef.woff') format("woff"), url('SantanderMicroText-Bd.662d34c1375458b68487.svg#SantanderMicroText-Bd') format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Text";
  src: url('SantanderTextSemiBold.0968b767defe9fb31122.eot');
  src: local("Santander Text SemiBold"), local("SantanderTextSemiBold"), url('SantanderTextSemiBold.0968b767defe9fb31122.eot?#iefix') format("embedded-opentype"), url('SantanderTextSemiBold.425df96b68e54e2acff3.woff2') format("woff2"), url('SantanderTextSemiBold.baaf1a864c0592cbf268.woff') format("woff"), url('SantanderTextSemiBold.e45ad37527dc0d4ee712.svg#SantanderTextSemiBold') format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Headline";
  src: url('SantanderHeadline-Regular.18129d1a8e0337354037.eot');
  src: local("Santander Headline Regular"), local("SantanderHeadline-Regular"), url('SantanderHeadline-Regular.18129d1a8e0337354037.eot?#iefix') format("embedded-opentype"), url('SantanderHeadline-Regular.b99ca82ef6c925bd74cf.woff2') format("woff2"), url('SantanderHeadline-Regular.10c06bec454612a918e9.woff') format("woff"), url('SantanderHeadline-Regular.7f01e360d7eed19b3f09.svg#SantanderHeadline-Regular') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Santander Micro Text";
  src: url('SantanderMicroText-Lt.86de16bb0a07f82144df.eot');
  src: local("Santander Micro Text Lt"), local("SantanderMicroText-Lt"), url('SantanderMicroText-Lt.86de16bb0a07f82144df.eot?#iefix') format("embedded-opentype"), url('SantanderMicroText-Lt.466bc622c9abdfd0bc08.woff2') format("woff2"), url('SantanderMicroText-Lt.f797ec7cc7fdf01e8a60.woff') format("woff"), url('SantanderMicroText-Lt.bc2ece8ab09a0e433f89.svg#SantanderMicroText-Lt') format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
h2 {
  color: var(--lbl-color-title) !important;
}
h2.color-primary {
  color: var(--lbl-color-title) !important;
}
.icon-eye-close:before {
  content: "";
}
.icon-envelope:before {
  content: "";
}
.icon-license-plate:before {
  content: "";
}
.icon-arrow:before {
  content: "";
}
.icon-car-configurator:before {
  content: "";
}
.icon-contact:before {
  content: "";
}
.icon-contract-list:before {
  content: "";
}
.icon-credit-card:before {
  content: "";
}
.icon-damage:before {
  content: "";
}
.icon-dashboard:before {
  content: "";
}
.icon-down-arrow:before {
  content: "";
}
.icon-download:before {
  content: "";
}
.icon-download-document:before {
  content: "";
}
.icon-download-file:before {
  content: "";
}
.icon-driverdetail:before {
  content: "";
}
.icon-edit:before {
  content: "";
}
.icon-faq:before {
  content: "";
}
.icon-handshake:before {
  content: "";
}
.icon-home1:before {
  content: "";
}
.icon-hourglass:before {
  content: "";
}
.icon-location:before {
  content: "";
}
.icon-lock:before {
  content: "";
}
.icon-logout:before {
  content: "";
}
.icon-order-vehicle:before {
  content: "";
}
.icon-right-arrow:before {
  content: "";
}
.icon-search:before {
  content: "";
}
.icon-timetable:before {
  content: "";
}
.icon-user:before {
  content: "";
}
.icon-vehicle:before {
  content: "";
}
.icon-vehicledamage:before {
  content: "";
}
.icon-view:before {
  content: "";
}
.icon-home:before {
  content: "";
}
.icon-image:before {
  content: "";
}
/* Icon fonts style end */
/* Variables */
/* General */
::-webkit-scrollbar,
*::-webkit-scrollbar {
  display: none;
}
* {
  --padding: 0;
  --margin: 0;
}
.badge-notification {
  background-color: var(--active-tab-color);
  position: absolute;
  top: -2px;
  right: -3px;
  padding: 3px;
  border-radius: 100%;
  z-index: 1;
}
.notification-icon-size {
  font-size: 20px;
}
ion-tabs {
  position: relative !important;
}
ion-tabs ion-tab-bar {
  border-radius: 10px;
  overflow: auto;
  width: 100%;
  margin: 0 auto;
  justify-content: flex-start;
  padding-top: 2px;
  padding-bottom: 5px;
  margin-bottom: env(safe-area-inner-bottom);
}
ion-tabs ion-tab-bar ion-tab-button {
  --color: var(--primary-color);
  --color-selected: var(--active-tab-color);
}
ion-tabs ion-tab-bar ion-icon {
  margin: 0px 10px;
  height: 26px;
  width: 26px;
}
ion-tabs ion-tab-bar ion-label {
  padding-top: 5px;
}
img {
  max-width: 100%;
  vertical-align: middle;
  width: auto;
}
.container {
  width: 1440px;
}
body {
  font-family: var(--font-family-M);
  font-weight: normal;
}
img {
  max-width: 100%;
  vertical-align: middle;
  width: auto;
}
.width-100 {
  width: 100% !important;
}
.required-color {
  color: #f00 !important;
}
.btn-upl {
  font-size: 5em;
  color: var(--btn-color);
  justify-content: center;
  display: flex;
  width: 100%;
  cursor: pointer;
}
a,
a:focus,
a:hover {
  outline: none;
}
a {
  transition: all 0.5s ease-in-out;
}
.modal-wrapper {
  width: 365px !important;
  height: 300px !important;
}
.footer-menu-items ion-label {
  overflow: visible !important;
}
/* Search Bar */
.searchbox ion-searchbar {
  --background: #f2f2f2;
  height: 42px;
}
.searchbox ion-searchbar .searchbar-input-container.sc-ion-searchbar-ios {
  height: 100%;
}
.searchbox ion-searchbar .searchbar-input {
  box-shadow: none;
  border-radius: 6px;
  font-family: var(--font-family-B);
  font-size: 15px;
  -webkit-padding-start: 45px;
          padding-inline-start: 45px;
  color: #5b6670;
  --placeholder-opacity: 1;
}
.searchbox ion-searchbar .searchbar-search-icon {
  color: var(--primary-color);
}
/* Custom Select */
.custom_select ion-label {
  background-image: var(--down-arrow);
  background-repeat: no-repeat;
  background-position: 96%;
  border-radius: 6px;
  font-family: var(--font-family-B);
  font-size: 15px;
  color: #5b6670;
  width: 100%;
  height: 42px;
  display: block;
  padding: 10px;
  text-align: left;
}
ion-button {
  letter-spacing: 0;
}
ion-button.btn-primary {
  --background: var(--btn-color) !important;
  --background-activated: var(--btn-color) !important;
  --background-focused: #ffffff;
  --background-hover:var(--primary-btn-background-hov-color);
  --color: #ffffff;
  --color-hover: var(--primary-btn-hov-color);
}
ion-button.btn-danger {
  --background: var(--btn-color-danger) !important;
  --background-activated: var(--btn-color-danger) !important;
  --color: var(--btn-color);
  --background-hover: #ffffff;
  --background-focused: #ffffff;
  --border-color: var(--btn-color-danger) !important;
}
.login_page {
  width: 100vw;
  height: 100vh;
}
.login_page .split-contianer {
  width: 100%;
  top: 0;
  height: 100%;
}
ion-app.main_app {
  background: #eee url('bg-gray.0d88b1eaeb91ffac8886.png') no-repeat center center/cover;
}
/* Header */
.main-header {
  max-width: 1440px;
  margin: 0 auto;
}
.logo {
  padding: 5px 0px;
}
.header-text {
  color: var(--header-links-color);
  font-family: var(--font-family-NB);
  font-size: 20px;
}
.santendar-logo {
  width: 230px !important;
}
.split-contianer.login_page {
  width: 100%;
  left: 0;
  transform: none;
  top: 0;
}
.header-right {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.header-right .header-right-inner {
  display: flex;
  align-items: center;
}
.header-right .header-right-inner .welcome_txt {
  color: var(--header-links-color);
  font-family: var(--font-family-NB);
}
.header-right .quicklinks {
  display: flex;
  align-items: center;
}
.header-right .quicklinks a {
  text-decoration: none;
  color: var(--header-links-color);
  font-size: 14px;
  display: inline-block;
  line-height: 24px;
}
.header-right .quicklinks a::after {
  content: "";
  background: var(--header-links-color);
  width: 1px;
  height: 25px;
  display: inline-block;
  vertical-align: top;
  margin: 0px 10px 0 10px;
}
.header-right .quicklinks a span.icons {
  color: var(--header-links-color);
  font-size: 20px;
  padding-right: 5px;
}
.header-right .quicklinks a:last-child::after {
  margin: 0px 0 0 10px;
}
.header-right .logout-btn .icon-logout {
  font-size: 18px;
}
.header-right .nav-toggle {
  cursor: pointer;
}
.horizontal-center {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -17px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.login-container {
  background-size: cover;
}
/* Side Navigation */
.m-links .m-link-hide {
  display: block;
}
.m-links .icon-home {
  display: none;
}
.d-links .d-link-hide {
  display: none;
}
.slogan-style {
  display: flex;
  align-items: center;
}
.slogan-text {
  color: var(--primary-color);
  font-weight: 600;
  opacity: 0.9;
}
.slogan-link {
  color: var(--btn-secondary-color);
  font-weight: 600;
  letter-spacing: 1px;
}
.range-style {
  --bar-height: 4px;
  --knob-size: 24px;
  --height: 6px;
  padding: 6px 0px 14px;
  --knob-background: var(--primary-color);
  --bar-background: var(--rgba-color);
  --pin-background: var(--primary-color);
  --bar-background-active: var(--primary-color);
}
.split-contianer {
  width: 1440px;
  left: 50%;
  transform: translateX(-50%);
  top: 68px;
  height: calc(100vh - 114px);
}
.split-contianer ion-menu {
  --ion-background-color: var(--left-menu-background);
  max-width: 330px !important;
  border: 1px solid #e7ebee;
  border-radius: 5px;
}
.split-contianer .menu-item {
  margin: var(--left-menu-margin);
  border-radius: var(--left-menu-radius);
}
.split-contianer .svgIcon {
  margin: 0 10px 0 0;
  fill: var(--svg-icon-fill-color);
}
.split-contianer .svgIcon1 {
  margin: 0 10px 0 0;
  fill: var(--svg-icon-fill-color);
}
.split-contianer .side-navigation ion-img {
  margin: 0 15px 0 0;
}
.split-contianer .side-navigation ion-label {
  font-size: 16px;
  font-family: var(--font-family-NB);
  color: var(--left-menu-text);
}
.split-contianer .side-navigation .active ion-label {
  color: var(--text-color-navbar);
  font-weight: var(--active-font-weight);
}
.active {
  --background: var(--left-active-background) !important;
  background: var(--left-active-background) !important;
  border-bottom: var(--side-menu-border-bottom-color);
}
.active.menu-item,
.menu-item:hover,
.menu-item:focus {
  background-color: #fff;
  transition: all 0.5s ease-in-out;
}
.active.menu-item a.item-native,
.menu-item:hover a.item-native,
.menu-item:focus a.item-native {
  background: transparent;
}
.active.menu-item ion-label,
.menu-item:hover ion-label,
.menu-item:focus ion-label {
  color: var(--primary-color);
}
.active.menu-item ion-img,
.menu-item:hover ion-img,
.menu-item:focus ion-img {
  fill: var(--primary-color);
}
.active.menu-item font, .active.menu-item span,
.menu-item:hover font,
.menu-item:hover span,
.menu-item:focus font,
.menu-item:focus span {
  color: var(--primary-color);
}
.active.menu-item .svgIcon,
.menu-item:hover .svgIcon,
.menu-item:focus .svgIcon {
  fill: var(--primary-color);
}
.active.menu-item .svgIcon {
  fill: var(--dark-btn-hov-color);
}
.active-blank.menu-item ion-label {
  color: #000;
}
.active-blank.menu-item:hover ion-label {
  color: var(--card-icon-color);
}
.active-blank.menu-item:focus .left-nav-icons {
  color: var(--primary-color);
}
/* Left nav icon style */
.left-nav-icons {
  color: var(--left-nav-icon-color);
  padding-right: 10px;
  font-size: 18px;
  text-align: center;
  width: 30px;
}
.icon-color-primary {
  color: var(--primary-color);
  font-size: 25px;
}
.menu-item.active .left-nav-icons {
  color: var(--card-icon-color);
}
.menu-item:hover .left-nav-icons {
  color: var(--primary-color);
}
.menu-item:focus .left-nav-icons {
  color: var(--card-icon-color);
}
.left-nav-icons.icon-config {
  font-size: 21px;
}
.menu-item:hover .logout-menuicon {
  background-position: 0 -27px;
}
/* Toggle btn style */
.menu-toggle-btn {
  width: 22px;
  height: 20px;
  position: relative;
  margin: 0 10px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.menu-toggle-btn span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #00b2e3;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.menu-toggle-btn span:nth-child(1) {
  top: 0px;
}
.menu-toggle-btn span:nth-child(2),
.menu-toggle-btn span:nth-child(3) {
  top: 6px;
}
.menu-toggle-btn span:nth-child(4) {
  top: 12px;
}
.menu-toggle-btn.closemenu span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.menu-toggle-btn.closemenu span:nth-child(2) {
  transform: rotate(45deg);
}
.menu-toggle-btn.closemenu span:nth-child(3) {
  transform: rotate(-45deg);
}
.menu-toggle-btn.closemenu span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.topMenuIcon {
  fill: var(--top-menu-icon);
  width: 20px;
  height: 20px;
  padding: 0 5px;
}
.contactIcon {
  fill: var(--left-nav-icon-color);
  width: 30px;
  height: 28px;
  padding: 0 5px;
}
.faqIcon {
  fill: var(--left-nav-icon-color);
  width: 30px;
  height: 28px;
  padding: 0 5px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input.native-input :-internal-autofill-selected {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0px 1000px #e4e4e4 inset !important;
}
/* DROPDOWN IOS CHANGES *******/
.popover-content .list-ios {
  margin-bottom: 0;
}
.popover-content.sc-ion-popover-ios {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 2, 0, 0.12) 0px 3px 14px 2px;
  margin-top: -8px;
  min-width: 250px;
}
.m-title {
  display: none;
}
.no_car_image {
  background: #f5f5f5;
}
.m-title-show {
  display: none;
}
/* ENDED: DROPDOWN IOS CHANGES *******/
/* Responsive Media Query Start */
@media (max-width: 1440px) {
  .container {
    width: auto;
  }

  .split-contianer {
    width: 100%;
    top: 80px;
  }
}
@media (max-width: 1199px) {
  .split-contianer {
    width: 100%;
  }
  .split-contianer ion-menu {
    max-width: 100% !important;
  }
  .split-contianer .side-navigation ion-label {
    font-size: 14px;
  }

  .logout-btn {
    display: none;
  }

  .header-right {
    padding: 0 5px;
  }
}
@media (max-width: 991px) {
  .split-contianer {
    top: 76px;
  }

  .header-right .header-right-inner .welcome_txt {
    display: none;
  }

  .swiper-slide-next {
    width: 0;
  }

  .swiper-slide-active {
    width: 100% !important;
  }

  .right-content .main_wrap {
    padding: 15px 10px 15px;
  }
  .right-content .car-slider .media-column {
    margin: 0;
    padding: 0;
  }

  .car-detail {
    display: block;
    width: 100%;
    margin: 0;
  }
  .car-detail ion-text {
    font-size: 14px;
  }

  .name-status {
    font-size: 14px;
  }
  .name-status .text-bold {
    display: block;
    padding: 0;
  }

  .detail_list_row ion-text {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .m-links .m-link-hide {
    display: none;
  }

  .m-links .quicklinks a:last-child::after {
    width: 0;
  }

  .d-links .d-link-hide {
    display: block !important;
  }

  .m-links .icon-home {
    padding-right: 0;
    display: block;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .m-links .icon-home {
    padding-right: 0;
    display: block;
  }

  .m-links .m-link-hide {
    display: none;
  }

  .d-links .d-link-hide {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .popover-content.sc-ion-popover-ios {
    left: 21px !important;
  }

  .m-title-show {
    display: block !important;
  }

  .m-title {
    display: block;
    font-size: 18px;
    padding: 10px 15px !important;
    color: #00b2e3;
    background: #f5f5f5;
  }

  .xswidth360px {
    width: 360px;
  }

  .simulation-label {
    display: none !important;
  }

  .xs-width-100 {
    width: 100% !important;
  }

  .logo {
    width: 250px !important;
    padding: 5px 10px;
  }

  .logout-btn {
    position: absolute;
    top: -50px;
    right: 0;
    margin: 0 10px 0 0;
    height: auto;
  }

  .split-contianer {
    top: 111px;
  }

  body .login_page .split-contianer {
    top: 0;
    height: 100%;
  }

  .searchbox ion-searchbar .searchbar-input {
    font-size: 14px;
    -webkit-padding-start: 40px;
            padding-inline-start: 40px;
  }
  .searchbox ion-searchbar .searchbar-search-icon {
    left: 12px;
  }

  .right-content .main_wrap {
    padding: 10px 0 15px;
  }
  .right-content .swiper-slide .main-block {
    padding-bottom: 30px !important;
  }

  .blue-column {
    padding: 6px 15px;
  }

  .blue-header-card .blue-header {
    padding: 5px 8px;
  }
  .blue-header-card ion-card-title {
    font-size: 14px;
  }
  .blue-header-card ion-card-title .cst-icon {
    padding: 3px;
    font-size: 18px;
  }

  .email_page ion-card-content {
    padding: 10px;
  }
  .email_page .input_row {
    padding-left: 90px;
  }
  .email_page .input_row ion-text {
    font-size: 14px;
  }
  .email_page .input_row .fixed_title {
    width: 80px;
    padding: 8px 5px 8px 8px;
  }
  .email_page .input_row .input_field {
    font-size: 14px;
    --padding-top: 8px;
    --padding-bottom: 8px;
  }
  .email_page .message-block {
    min-height: 200px;
  }

  .table_block .table-heading {
    padding: 8px;
  }
  .table_block ion-text {
    font-size: 14px;
  }

  .service_form .title {
    font-size: 14px;
  }

  .custom_select ion-label {
    font-size: 14px;
  }

  .right-content .name-status {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .logo-section,
.header-right {
    display: block;
    width: 100% !important;
    flex: none !important;
    max-width: 100% !important;
  }

  .header-right .header-right-inner {
    padding: 10px 5px 10px 5px;
    border-top: 1px solid #eee;
  }
  .header-right .quicklinks a {
    font-size: 13px;
  }
  .header-right .quicklinks a span.icons {
    font-size: 13px;
    padding-right: 0;
  }
  .header-right .quicklinks a:after {
    margin: 0 10px;
  }

  .menu-toggle-btn {
    margin: 0;
  }
}
@media (max-width: 380px) {
  .header-right .header-right-inner {
    flex-direction: row;
    justify-content: center;
    padding: 0;
  }

  .left-nav-icons {
    width: 28px;
  }

  .header-right .quicklinks a:after {
    margin: 0 4px;
  }
}
@media (max-width: 320px) {
  body .header-right .quicklinks a:after {
    width: 0;
  }

  .header-right .quicklinks a {
    font-size: 11px;
  }
}
@media (max-width: 359px) {
  .plt-ios .split-contianer {
    top: 150px;
    height: calc(100vh - 150px);
  }
}
.footer {
  background-color: var(--footer-main-color) !important;
  bottom: 0;
  clear: both;
  padding: 10px 20px 13px !important;
  width: 100%;
  z-index: 99;
  position: fixed;
  border: 1px solid var(--dashboard-box-border-color);
}
.menu-footer-container {
  text-align: center;
}
.footer {
  float: none;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer ul {
  padding: 0;
  margin: 0;
}
.footer li {
  margin: 0 0 0 -3px !important;
  color: var(--card-title-color);
  display: inline-block;
}
.menu-footer-container .menu a {
  color: var(--card-title-color);
  font-size: 14px;
  font-family: var(--font-family-B);
  text-decoration: none;
  border-right: 1px solid;
  padding: 0 12px;
  line-height: 0 !important;
}
.menu-footer-container .menu li:last-child a {
  border-right: 0px;
}
.menu-footer-container .menu a:hover {
  color: var(--card-icon-color);
}
@media only screen and (min-device-width: 480px) and (max-device-width: 840px) and (orientation: landscape) {
  .active.menu-item ion-label,
.menu-item:hover ion-label,
.menu-item:focus ion-label {
    color: #000;
  }

  .menu-item:hover .left-nav-icons {
    color: #000;
  }
}
@media only screen and (max-width: 480px) {
  .btn-upl {
    font-size: 3em;
  }

  .modal-wrapper {
    height: 460px !important;
    margin: 5px;
  }

  .xswidth360px {
    width: auto;
  }

  .footer {
    display: none;
  }

  .active.menu-item ion-label,
.menu-item:hover ion-label,
.menu-item:focus ion-label {
    color: #000;
  }

  .menu-item:hover .left-nav-icons {
    color: #000;
  }

  .header-right .header-right-inner {
    justify-content: space-between;
  }
}
.cstradio > .input-type-radio > .item-native {
  width: 260px !important;
}
.login_fields > .item-native {
  background: transparent !important;
}
.link-btn {
  border: 1px solid #d7dada;
  border-radius: 3px;
  font-size: 12px;
  padding: 3px 8px !important;
  text-decoration: none;
  display: inline-block;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3);
  color: #616161;
  background-color: #f4f5f5;
  font-weight: 100;
  background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.link-btn:hover {
  border: 1px solid #bfc4c4;
  background-color: #d9dddd;
  background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
.error-message {
  color: #f00 !important;
  font-size: 13px;
  text-align: left;
  display: block;
  white-space: normal;
}
@-webkit-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.simulation-label .simulation-icn {
  margin-right: 5px;
  float: left;
  zoom: 1.5;
}
.simulation-label span {
  float: left;
  margin-top: 0;
  margin-right: 10px;
}
.blinklbl {
  text-decoration: blink;
  animation-name: blinker;
  -webkit-animation-name: blinker;
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
}
.is-fullscreen {
  position: fixed !important;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none;
}
@media only screen and (min-width: 1199px) {
  .simulation-label {
    display: flex;
    align-items: center;
    margin-right: 5px;
  }
}
.btn-custom {
  background: var(--dashboard-box-bg-focus-color);
  padding: 5px !important;
  border-radius: 3px;
  color: #fff;
  --color-hover: var(--dashboard-box-bg-focus-color);
  --background-hover: #ffffff;
}
.primary-color {
  background-color: var(--card-bg-color) !important;
  color: var(--card-title-color) !important;
}
#cc-window.cc-window .cc-compliance .cc-btn.cc-accept-all {
  color: #fff;
  background-color: var(--primary-color);
  border-color: #0073aa;
}
.bg-white {
  background-color: #fff !important;
}
.mr-35 {
  margin-right: 1.2rem !important;
}
/* ADDED FROM 23/02/2022 ********/
ion-app.main_app {
  background: #fff;
}
.bold {
  font-family: var(--font-family-Bold);
}
.wrap-normal {
  white-space: normal !important;
}
.w-100 {
  width: 100%;
}
.p-0 {
  padding: 0 !important;
}
.themeblue {
  background-color: var(--primary-color);
}
.themeblue .lg-button-rounded {
  --background: #f3e8da !important;
  --background-hover: #ffffff !important;
  --color: var(--primary-color);
  --color-hover: var(--primary-color);
  display: block;
  text-align: center;
  font-weight: bold;
  height: 36px;
  --border-radius: 5px;
  font-size: 1.1em;
  text-transform: none !important;
}
.cardstyle1 {
  background: #eee;
  color: #000;
  border-radius: 10px;
  padding: 10px;
}
.listingstyle1 ion-item {
  background: #eee !important;
  --background: #eee !important;
  color: #000;
  border-radius: 10px;
  margin-bottom: 12px;
}
.listingstyle1 ion-item:hover {
  --background: #f7f7f7 !important;
}
.listingstyle2 {
  border-radius: 10px;
}
.listingstyle2 ion-item {
  background: #eee !important;
  --background: #eee !important;
  color: #000;
}
.listingstyle2 ion-item:hover {
  --background: #f7f7f7 !important;
}
.nohoverbg ion-item:hover {
  background: transparent !important;
}
.lg-button {
  height: 40px;
  --padding-left: 25px !important;
}
.font-16 {
  font-size: 1rem;
}
.py-0,
.pt-0 {
  padding-top: 0 !important;
}
.py-0,
.pb-0 {
  padding-bottom: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.mb-25 {
  margin-bottom: 0.75rem !important;
}
.mt-25 {
  margin-top: 0.75rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mx-auto {
  margin: auto;
}
.no-radius {
  --border-radius: 0 !important;
  border-radius: 0 !important;
}
ion-button.btn-primary {
  --background: var(--btn-color) !important;
  --background-activated: var(--btn-color) !important;
  --background-focused: var(--btn-hov-color);
  --background-hover: var(--btn-hov-color);
  --color: #ffffff;
  --color-hover: #ffffff;
}
ion-button.btn-secondary {
  --background: var(--btn-secondary-color) !important;
  --background-activated: var(--btn-secondary-color) !important;
  --background-focused: #1786c8;
  --background-hover: #1786c8;
  --color: #ffffff;
  --color-hover: #ffffff;
}
.d-flex {
  display: flex;
}
.justify-content-between {
  justify-content: space-between;
}
.mb-45 {
  margin-bottom: 2rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.my-25,
.mt-25 {
  margin-top: 0.75rem !important;
}
.my-25,
.mb-25 {
  margin-bottom: 0.75rem !important;
}
.mx-25,
.ml-25 {
  margin-left: 0.75rem !important;
}
.mx-1,
.mr-1 {
  margin-right: 0.25rem !important;
}
.mx-25,
.mr-25 {
  margin-right: 0.75rem !important;
}
.mr-3 {
  margin-right: 1rem !important;
}
.title-style {
  font-size: 1.25rem;
  color: var(--mainfont-color);
  display: block;
  text-align: left;
}
.titlestyle1 {
  font-size: 1.25rem;
  color: var(--mainfont-color);
  display: block;
  text-align: left;
}
.titlestyle2 {
  font-size: 1.25rem !important;
  text-transform: capitalize;
}
.height320px {
  max-height: 320px;
  overflow: auto;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.size60 {
  width: 60px;
  height: 60px;
}
.size40 {
  width: 40px;
  height: 40px;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-25 {
  padding: 0.75rem !important;
}
.rounded-1 {
  border-radius: 5px;
}
.rounded-2 {
  border-radius: 10px;
}
.bg-blue {
  background-color: var(--ion-color-primary-main);
}
.align-items-start {
  align-items: start !important;
}
.bg-lightgrey {
  background: #eee !important;
  --background: #eee !important;
}
.p-0 {
  padding: 0 !important;
}
.clrblack {
  color: #000 !important;
}
.font-14 {
  font-size: 0.9rem !important;
}
.normal {
  font-weight: normal !important;
  font-family: Arial, Helvetica, sans-serif;
}
.lh-normal {
  line-height: normal;
}
.text-underline {
  text-decoration: underline;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border-skinny {
  border: 1px solid #f3e8da;
}
.border-skinny-left {
  border-left: 1px solid #f3e8da;
}
.service-border {
  border: 1px solid #f3e8da;
}
.service-border-left {
  border-left: 1px solid #f3e8da;
}
.ml-3 {
  margin-left: 1rem !important;
}
.py-25 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.color-primary {
  color: var(--primary-color) !important;
}
.no-padding-item-inner ion-item {
  --padding-end: 0px;
  --inner-padding-end: 0px;
}
.px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.border-none {
  border: 0 none !important;
}
.font-15 {
  font-size: 0.95rem !important;
}
.font-16 {
  font-size: 1rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.padding-x-25 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.padding-y-25 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.searchbar-height {
  height: 45px;
}
.searchbar-search-icon.sc-ion-searchbar-md {
  top: 8px;
}
.searchbar-input.sc-ion-searchbar-md {
  box-shadow: 0 0 0 transparent !important;
  border-radius: 6px;
  height: 38px;
  padding: 5px 10px 5px 40px;
  border: 1px solid #808080;
}
.p-3 {
  padding: 1rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.px-25 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.align-items-center {
  align-items: center !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.map_detail {
  margin-bottom: 0 !important;
}
@media screen and (max-height: 900px) {
  .split-contianer {
    height: calc(100vh - 114px);
    top: 68px;
  }
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }

  .show-desktop {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .px-xs-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .plt-ios .split-contianer {
    top: 60px;
    height: calc(100vh - 60px);
  }

  .split-contianer {
    height: calc(100vh - 60px);
    top: 60px;
  }

  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: block !important;
  }

  .right-content .main_wrap {
    padding: 0;
  }

  .hide-duplicate-title-mobile .titlestyle1 {
    display: none !important;
  }

  .cardstyle1 {
    padding: 4px;
  }

  .service-border {
    border: none;
  }

  .service-border-left {
    border: none;
  }

  .padding-x-25 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .padding-y-25 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .searchbar-height {
    height: 45px;
  }
}
@media (min-width: 576px) {
  .d-sm-flex {
    display: flex;
  }

  .mr-lg-1 {
    margin-right: 0.5rem !important;
  }

  .ml-lg-1 {
    margin-left: 0.5rem !important;
  }
}
@media (max-width: 576px) {
  .w-xs-100 {
    width: 100%;
  }

  .mb-xs-2 {
    margin-bottom: 0.5rem !important;
  }

  .right-content ion-col.blue-column {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 15px !important;
  }

  .service-border {
    border: none;
  }

  .service-border-left {
    border: none;
  }

  .padding-x-25 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .padding-y-25 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .searchbar-height {
    height: 45px;
  }
}
ion-toggle {
  --background-checked:var(--rgba-color) !important;
  --handle-background-checked:var(--primary-color) !important;
}
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .ios .mobile-footer-padding {
    padding-bottom: 20px;
  }
}
@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (-webkit-device-pixel-ratio: 3) {
  .ios .mobile-footer-padding {
    padding-bottom: 20px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  .ios .mobile-footer-padding {
    padding-bottom: 20px;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  .ios .mobile-footer-padding {
    padding-bottom: 20px;
  }
}
.ios .mobile-footer-padding {
  padding-bottom: 20px;
}