/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
:root {
  /** primary **/
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --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: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  --main-color: #00adef;
  --second-color: #DDEBF6;
  --third-color: #F4FAFF;
  --black-color: #191919;
  --ion-color-base: var(--main-color) !important;
  --ion-color-base-rbg: var(--main-color) !important;
  --ion-color-primary: var(--main-color) !important;
  --ion-color-primary-rgb: var(--main-color) !important;
  --apricot:	#ffb764;
  --azure:	#00adef;
  --azure-5:	#00adef0c;
  --azure-10:	rgba(0, 173, 239, 0.1);
  --azure-20:	rgba(0, 173, 239, 0.2);
  --azure-light:	#0bbae9;
  --baby-blue:	#b2d6ff;
  --black:	#000000;
  --black-20:	rgba(0, 0, 0, 0.2);
  --black-21:	rgba(0, 0, 0, 0.21);
  --black-50:	rgba(0, 0, 0, 0.5);
  --brownish-grey:	#727272;
  --brown-grey-two:	#b0b0b0;
  --brown-grey:	#979797;
  --buff:	#E8A87C;
  --cloudy-blue:	#acbcce;
  --cloudy-green:	#aedccc;
  --creme:	#fcffbc;
  --creme-30:	rgba(252, 255, 188, 0.3);
  --duck-egg-blue:	#dff0f9;
  --grapefruit:	#ff5353;
  --greyish-10:	rgba(175, 175, 175, 0.1);
  --greyish-brown:	#414141;
  --greyish-brown-5:	rgba(65, 65, 65, 0.05);
  --greyish-brown-10:	rgba(65, 65, 65, 0.1);
  --greyish-brown-80:	rgba(65, 65, 65, 0.8);
  --jordy-blue:	#A3C9F1;
  --light-duck-egg-blue:	#f7fcfe;
  --light-green:	#B8E994;
  --light-grey-green:	#9bdb94;
  --light-khaki:	#f5d4a5;
  --light-peach:	#ffc5c5;
  --light-peach-two:	#ffd5c6;
  --light-pink:	#ffd5e7;
  --light-lavender-20:	#f0a2ff33;
  --light-sage:	#d9f2d6;
  --light-teal:	#a8e3d6;
  --light-teal-two:	#9be7d9;
  --pale-blue:	#f4fbfe;
  --pale-grey:	#f7f7fa;
  --pale-salmon:	#ffb390;
  --pale-salmon-two:	#ffc78e;
  --parchement:	#fff3ae;
  --pastel-purple:	#cc99ff;
  --peach:	#ffc885;
  --peacock-blue:	#00599b;
  --powder-blue:	#afe6fb;
  --powder-blue-two:	#afe6fb;
  --putty:	#d3cca6;
  --robin-egg-blue:	#8adfff;
  --sand:	#cce970;
  --sandy-yellow:	#ffef75;
  --seafoam-blue:	#55cac3;
  --sickly-yellow:	#d6df23;
  --sun-yellow:	#ffdf36;
  --sun-yellowish:	#ffd31b;
  --sunshine-yellow:	#ffe83c;
  --tea-green:	#d1f8b0;
  --teal-green:	#259972;
  --turtle-green:	#7ebf57;
  --turtle-green-two:	#7ebf57;
  --twilight-blue:	#0c4d98;
  --twilight-blue-10:	rgba(12, 77, 152, 0.1);
  --twilight-blue-30:	rgba(12, 77, 152, 0.3);
  --vanilla:	#F9E79F;
  --very-light-pink:	#e1e1e1;
  --very-light-pinky:	#ffe2e2;
  --very-light-pink-two:	#f0f0f0;
  --very-light-pink-three:	#c8c8c8;
  --very-light-purple:	#fde2f5;
  --warm-grey:	#8c8c8c;
  --white:	#ffffff;
  --white-50:	rgba(255, 255, 255, 0.5);
  --white-grey:	#ececec;
  --white-grey-2:	#e7e7e7;
  --white-smoke:	#F2F2F2;
  --yellowish-orange:	#fe9c15;
  --ion-font-family: "MyRoboto" !important;
}
:focus {
  outline: none !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
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;
}
/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 *
 * Do not use :not(.overlay-hidden) in place of
 * .show-modal because that triggers a memory
 * leak in Blink: https://bugs.chromium.org/p/chromium/issues/detail?id=1418768
 */
ion-modal.modal-default.show-modal ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #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, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !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, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 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, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !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, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !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, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !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, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !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, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !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;
}
/**
 * When making custom dialogs, using
 * ion-content is not required. As a result,
 * some developers may wish to have dialogs
 * that are automatically sized by the browser.
 * These changes allow certain dimension values
 * such as fit-content to work correctly.
 */
ion-modal > .ion-page {
  position: relative;
  contain: layout style;
  height: 100%;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: 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);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
/**
 * The .ion-datetime-button-overlay class contains
 * styles that allow any modal/popover to be
 * sized according to the dimensions of the datetime
 * when used with ion-datetime-button.
 */
.ion-datetime-button-overlay {
  --width: fit-content;
  --height: fit-content;
}
/**
 * The grid variant can scale down when inline.
 * When used in a `fit-content` overlay, this causes
 * the overlay to shrink when the month/year picker is open.
 * Explicitly setting the dimensions lets us have a consistently
 * sized grid interface.
 */
.ion-datetime-button-overlay ion-datetime.datetime-grid {
  width: 320px;
  min-height: 320px;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::-moz-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 {
  padding: 0;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  /**
   * Because body has position: fixed,
   * it should be promoted to its own
   * layer.
   *
   * WebKit does not always promote
   * the body to its own layer on page
   * load in Ionic apps. Once scrolling on
   * ion-content starts, WebKit will promote
   * body. Unfortunately, this causes a re-paint
   * which results in scrolling being halted
   * until the next user gesture.
   *
   * This impacts the Custom Elements build.
   * The lazy loaded build causes the browser to
   * re-paint during hydration which causes WebKit
   * to promote body to its own layer.
   * In the CE Build, this hydration does not
   * happen, so the additional re-paint does not occur.
   */
  transform: translateZ(0);
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-default-font);
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: #3880ff;
  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;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 16px;
  padding-right: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 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-left: unset;
    padding-right: unset;
    -webkit-padding-start: 16px;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    -webkit-padding-end: 16px;
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: 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-left: unset;
    -webkit-padding-start: 16px;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: 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-right: unset;
    -webkit-padding-end: 16px;
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: 16px;
  padding-top: var(--ion-padding, 16px);
  padding-bottom: 16px;
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: 16px;
  padding-left: var(--ion-padding, 16px);
  padding-right: 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-left: unset;
    padding-right: unset;
    -webkit-padding-start: 16px;
    -webkit-padding-start: var(--ion-padding, 16px);
    padding-inline-start: 16px;
    padding-inline-start: var(--ion-padding, 16px);
    -webkit-padding-end: 16px;
    -webkit-padding-end: var(--ion-padding, 16px);
    padding-inline-end: 16px;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 16px;
  margin-right: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 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-left: unset;
    margin-right: unset;
    -webkit-margin-start: 16px;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    -webkit-margin-end: 16px;
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: 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-left: unset;
    -webkit-margin-start: 16px;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: 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-right: unset;
    -webkit-margin-end: 16px;
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: 16px;
  margin-top: var(--ion-margin, 16px);
  margin-bottom: 16px;
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: 16px;
  margin-left: var(--ion-margin, 16px);
  margin-right: 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-left: unset;
    margin-right: unset;
    -webkit-margin-start: 16px;
    -webkit-margin-start: var(--ion-margin, 16px);
    margin-inline-start: 16px;
    margin-inline-start: var(--ion-margin, 16px);
    -webkit-margin-end: 16px;
    -webkit-margin-end: var(--ion-margin, 16px);
    margin-inline-end: 16px;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

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

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

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

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

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

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

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

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

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

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

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

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

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

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

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

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

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

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

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

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

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

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

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

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

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

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

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

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

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

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

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

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

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

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

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

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

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

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

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

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

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

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

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

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

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

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

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

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:0.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,0.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,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,0.87);width:100%;height:100%;outline:none}
.owl-dt-container,.owl-dt-container *{box-sizing:border-box}
.owl-dt-container{display:block;font-size:1rem;background:#ffffff;pointer-events:auto;z-index:1000}
.owl-dt-container-row{border-bottom:1px solid rgba(0,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:#000000}
.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,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,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,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,0.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-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,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,0.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,0.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,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,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,0.04)}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,0.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:none}
.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,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:before,.owl-dt-timer-divider:after{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;user-select:none;cursor:pointer;outline:none;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:none}
.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}
.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,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 200ms 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,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,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,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 100ms linear}
.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,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:none}
.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,0.12)}
.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}
.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:0.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 200ms 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:#ffffff}
.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:none;cursor:pointer}
.owl-dt-control .owl-dt-control-content{outline:none}
.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,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}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}
[data-tippy-root]{max-width:calc(100vw - 10px)}
.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}
.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}
.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:currentColor;border-top-color:initial;transform-origin:center top}
.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:currentColor;border-bottom-color:initial;transform-origin:center bottom}
.tippy-box[data-placement^=left]>.tippy-arrow{right:0}
.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:currentColor;border-left-color:initial;right:-7px;transform-origin:center left}
.tippy-box[data-placement^=right]>.tippy-arrow{left:0}
.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:currentColor;border-right-color:initial;transform-origin:center right}
.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}
.tippy-arrow{width:16px;height:16px;color:#333}
.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}
.tippy-content{position:relative;padding:5px 9px;z-index:1}
ion-label {
  display: block !important;
}
.clickable:hover {
  cursor: pointer;
}
.searchbar-clear-icon {
  display: none !important;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
input[type=number] {
  -moz-appearance: textfield !important;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.stemi-desktop .input-no-margin-padding {
  display: flex !important;
  padding: 0 !important;
  caret-color: var(--azure);
}
.stemi-desktop .input-no-margin-padding input {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
.stemi-desktop .textarea-no-margin-padding-left {
  display: flex !important;
  padding: 0 !important;
  caret-color: var(--azure);
}
.stemi-desktop .textarea-no-margin-padding-left .textarea-wrapper {
  width: 100% !important;
}
.stemi-desktop .textarea-no-margin-padding-left .textarea-wrapper textarea {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
  transform: none !important;
}
.stemi-desktop .blank-item-stemi {
  padding: 0 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  --min-height: initial !important;
  --inner-padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-top: 0 !important;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --padding-bottom: 0 !important;
  --padding-top: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
}
.stemi-desktop .blank-item-stemi .item-inner {
  border: none !important;
  box-shadow: none !important;
}
.stemi-desktop .blank-item-stemi .item-inner .input-wrapper .label {
  margin: 0 !important;
}
.stemi-desktop .desktop-custom-input-half-over-width {
  width: 355px !important;
  max-width: 355px !important;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  display: flex !important;
}
.stemi-desktop .desktop-custom-input-half-over-width input {
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
.stemi-desktop .datetime-range {
  height: 34px;
  width: 260px !important;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
}
.stemi-desktop .datetime-range:hover {
  cursor: pointer;
}
.owl-dt-container {
  font-size: 14px !important;
  font-family: "MyRoboto" !important;
  border-radius: 4px !important;
}
.owl-dt-container .owl-dt-weekday {
  font-size: 12px !important;
}
.owl-dt-container .owl-dt-calendar-cell-content {
  font-size: 12px !important;
}
.owl-dt-container .owl-dt-calendar-cell-selected {
  background-color: var(--azure) !important;
}
.owl-dt-container .owl-dt-calendar-cell-in-range {
  background: var(--azure-20) !important;
}
.owl-dt-container .owl-dt-container-range-content {
  font-size: 14px !important;
}
.owl-dt-container .owl-dt-container-info-active {
  color: var(--azure) !important;
}
.owl-dt-container .owl-dt-timer {
  height: auto !important;
}
.owl-dt-container .owl-dt-timer .owl-dt-timer-input {
  font-size: 12px !important;
  color: var(--black) !important;
  background: var(--white) !important;
}
.owl-dt-container .owl-dt-timer .owl-dt-timer-divider:after, .owl-dt-container .owl-dt-timer .owl-dt-timer-divider:before {
  width: 0.2em !important;
  height: 0.2em !important;
}
.owl-dt-container .owl-dt-control-button {
  color: var(--black) !important;
}
.owl-dt-container-disabled, .owl-dt-trigger-disabled {
  opacity: 1 !important;
}
.stemi-mobile .input-no-margin-padding {
  display: flex !important;
  padding: 0 !important;
  caret-color: var(--azure);
}
.stemi-mobile .input-no-margin-padding input {
  -webkit-padding-start: 2.5vw;
          padding-inline-start: 2.5vw;
  -webkit-padding-end: 2.5vw;
          padding-inline-end: 2.5vw;
}
.stemi-mobile .textarea-no-margin-padding-left {
  display: flex !important;
  padding: 0 !important;
  caret-color: var(--azure);
}
.stemi-mobile .textarea-no-margin-padding-left .textarea-wrapper {
  width: 100% !important;
}
.stemi-mobile .textarea-no-margin-padding-left .textarea-wrapper textarea {
  -webkit-padding-start: 2.5vw;
          padding-inline-start: 2.5vw;
  -webkit-padding-end: 2.5vw;
          padding-inline-end: 2.5vw;
  transform: none !important;
}
.stemi-mobile .blank-item-stemi {
  padding: 0 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  --min-height: initial !important;
  --inner-padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-top: 0 !important;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --padding-bottom: 0 !important;
  --padding-top: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
  z-index: 0;
}
.stemi-mobile .blank-item-stemi .item-inner {
  border: none !important;
  box-shadow: none !important;
}
.stemi-mobile .blank-item-stemi .item-inner .input-wrapper .label {
  margin: 0 !important;
}
.stemi-mobile .mobile-custom-input-full-width {
  width: 83.33vw !important;
  max-width: 83.33vw !important;
  height: 34px !important;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  display: flex !important;
}
.stemi-mobile .mobile-custom-input-full-width input {
  -webkit-padding-start: 2.5vw;
          padding-inline-start: 2.5vw;
  -webkit-padding-end: 2.5vw;
          padding-inline-end: 2.5vw;
}
.stemi-desktop .input-file {
  display: none;
}
.stemi-mobile .input-file {
  display: none;
}
.segment-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.segment-toolbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.segment-toolbar .segment-button-toolbar {
  min-height: 40px !important;
  height: 40px !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  text-transform: none !important;
  --background: transparent !important;
  --background-checked: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
  --background-hover-opacity: transparent !important;
  --indicator-box-shadow: none !important;
  --border-width: 0 !important;
  --color-focused: transparent !important;
  --color-hover: transparent !important;
  --indicator-color: transparent !important;
  --padding-end: 0 !important;
  --padding-start: 0 !important;
}
.segment-toolbar .segment-button-checked {
  border: none;
  background-color: transparent !important;
  --background: transparent !important;
}
.stemi-desktop .segment-toolbar .segment-button-toolbar {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
  --color-checked: var(--greyish-brown) !important;
}
.stemi-desktop .segment-toolbar .segment-button-toolbar:hover {
  opacity: 0.6 !important;
}
.stemi-desktop .segment-toolbar .segment-button-toolbar:hover ion-label {
  color: var(--greyish-brown) !important;
}
.stemi-desktop .segment-toolbar .segment-button-checked {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
  --color-checked: var(--greyish-brown) !important;
}
.stemi-desktop .segment-toolbar .segment-button-checked:hover {
  opacity: 0.6 !important;
}
.stemi-mobile .segment-toolbar .segment-button-toolbar {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--greyish-brown) !important;
  --color-checked: var(--greyish-brown) !important;
}
.stemi-mobile .segment-toolbar .segment-button-checked {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--greyish-brown) !important;
  --color-checked: var(--greyish-brown) !important;
}
.label-segment-button-toolbar {
  height: 40px;
  line-height: 40px;
}
.stemi-desktop .desktop-segment-custom-half-width-form {
  width: 343px !important;
  border-radius: 4px;
}
.stemi-desktop .desktop-segment-custom-half-width-with-wrapper-form {
  width: 313px !important;
  border-radius: 4px;
}
.stemi-desktop .desktop-segment-custom-half-over-width-form {
  width: 355px !important;
  border-radius: 4px;
}
.stemi-desktop .segment-stemi .segment-button-stemi {
  min-height: 32px !important;
  height: 32px !important;
  min-width: 85px !important;
  border: solid 1px #b0b0b0 !important;
  border-radius: 0;
  font-size: 16px !important;
  font-weight: inherit;
  color: var(--greyish-brown) !important;
  text-transform: none !important;
  --background: var(--white) !important;
  --background-checked: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
  --background-hover-opacity: transparent !important;
  --indicator-box-shadow: none !important;
  --color-focused: var(--greyish-brown) !important;
  --color-hover: var(--greyish-brown) !important;
  --color-checked: var(--white) !important;
  --indicator-color: transparent !important;
  --padding-end: 0 !important;
  --padding-start: 0 !important;
  --ripple-color: transparent !important;
}
.stemi-desktop .segment-stemi .segment-button-stemi:hover {
  opacity: 0.4 !important;
  --color-checked: var(--white) !important;
}
.stemi-desktop .segment-stemi .segment-button-checked {
  border: solid 1px var(--azure) !important;
  font-size: 16px !important;
  color: var(--white) !important;
  background-color: var(--azure) !important;
  --background: var(--azure) !important;
}
.stemi-desktop .segment-stemi .segment-button-checked:hover {
  opacity: 0.8 !important;
}
.stemi-desktop .segment-stemi .segment-button-left {
  border-radius: 4px 0 0 4px;
}
.stemi-desktop .segment-stemi .segment-button-right {
  border-radius: 0 4px 4px 0;
}
.stemi-mobile .mobile-segment-custom-full-width-form {
  width: 83.33vw !important;
  border-radius: 4px;
  overflow-y: hidden;
}
.stemi-mobile .segment-stemi .segment-button-stemi {
  min-height: 38px !important;
  height: 38px !important;
  border: solid 1px #b0b0b0 !important;
  border-radius: 0;
  font-size: 16px !important;
  font-weight: inherit;
  color: var(--greyish-brown) !important;
  text-transform: none !important;
  --background: var(--white) !important;
  --background-checked: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
  --background-hover-opacity: transparent !important;
  --indicator-box-shadow: none !important;
  --border-width: 0 !important;
  --color-focused: var(--greyish-brown) !important;
  --color-hover: var(--greyish-brown) !important;
  --color-checked: var(--white) !important;
  --indicator-color: transparent !important;
  --padding-end: 0 !important;
  --padding-start: 0 !important;
  --ripple-color: transparent !important;
}
.stemi-mobile .segment-stemi .segment-button-checked {
  border: solid 1px var(--azure) !important;
  font-size: 16px !important;
  color: var(--white) !important;
  background-color: var(--azure) !important;
  --background: var(--azure) !important;
}
.stemi-mobile .segment-stemi .segment-button-left {
  border-radius: 4px 0 0 4px;
}
.stemi-mobile .segment-stemi .segment-button-right {
  border-radius: 0 4px 4px 0;
}
.stemi-desktop .desktop-select-custom-half-width {
  width: 343px !important;
}
.stemi-desktop .desktop-select-custom-half-over-width {
  width: 355px !important;
}
.stemi-desktop .select-custom {
  height: 32px !important;
  -webkit-appearance: none;
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  background-color: var(--white);
  background-image: url('down-arrow.svg');
  background-position: right center;
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-size: 3.2%;
  text-indent: 9px;
}
.stemi-desktop .ion-select-custom {
  text-indent: 0 !important;
  --padding-start: 10px;
  --padding-end: 20px;
}
.stemi-desktop .ion-select-custom::part(icon) {
  display: none;
}
.stemi-mobile .mobile-select-custom-full-width {
  width: 83.33vw !important;
}
.stemi-mobile .select-custom {
  height: 34px !important;
  -webkit-appearance: none;
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  background-color: var(--white);
  background-image: url('down-arrow.svg');
  background-position: right center;
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-size: 3.2%;
}
.stemi-mobile .ion-select-custom {
  text-indent: 0 !important;
  --padding-start: 2.78vw;
  --padding-end: 5.55vw;
  z-index: 0;
}
.stemi-mobile .ion-select-custom::part(icon) {
  display: none;
}
.stemi-mobile .select-custom, .plt-ios .select-custom {
  text-indent: 1vw;
}
.stemi-mobile .select-custom, .plt-android .select-custom {
  text-indent: 2.5vw;
}
.stemi-desktop .desktop-ion-selectable-half-width {
  width: 343px !important;
}
.stemi-desktop .desktop-ion-selectable-half-width-with-wrapper {
  width: 313px !important;
}
.stemi-desktop .desktop-ion-selectable-half-over-width {
  width: 355px !important;
}
.stemi-desktop .desktop-ion-selectable {
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  --min-height: 30px !important;
  --inner-padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-top: 0 !important;
  --padding-start: 10px !important;
  --padding-end: 10px !important;
  --padding-bottom: 0 !important;
  --padding-top: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --border-color: transparent;
}
.stemi-desktop .desktop-ion-selectable .label-ion-selectable {
  white-space: pre-line !important;
  padding: 7px 0;
}
.stemi-desktop .desktop-ion-selectable .ionic-selectable {
  height: 30px;
}
.stemi-desktop .desktop-ion-selectable .ionic-selectable .ionic-selectable-value {
  display: none;
}
.stemi-desktop .desktop-ion-selectable .ionic-selectable .ionic-selectable-icon .ionic-selectable-icon-inner {
  top: 15px !important;
  color: var(--twilight-blue) !important;
}
.stemi-desktop .desktop-ion-selectable .ionic-selectable:not(.ionic-selectable-is-enabled) {
  opacity: 1 !important;
}
.stemi-desktop .desktop-ion-selectable.item-disabled {
  opacity: 1 !important;
}
.stemi-desktop .desktop-ion-selectable.item-disabled {
  --background: var(--very-light-pink) !important;
}
.stemi-desktop .ion-selectable-modal-stemi::part(content) {
  box-shadow: none !important;
  width: 389px !important;
  border-radius: 4px !important;
  background-color: var(--white);
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar {
  --background-color: var(--white) !important;
  border: none !important;
  --border-color: transparent !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar .img-selectable-modal {
  height: 18px;
  margin: 10px;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar ion-title {
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar {
  height: 40px !important;
  border-radius: 4px;
  min-height: 40px !important;
  padding: 0;
  margin: auto;
  caret-color: var(--azure) !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar .searchbar-input-container {
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  --box-shadow: none;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar .searchbar-input-container .searchbar-search-icon {
  display: none !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar .searchbar-input-container .searchbar-input {
  height: 38px !important;
  border-radius: 4px;
  font-size: 16px !important;
  color: var(--black) !important;
  font-weight: normal;
  padding-left: 10px !important;
  background-color: var(--white);
}
.stemi-desktop .ion-selectable-modal-stemi ion-header .toolbar-searchbar {
  padding-left: 20px;
  padding-right: 20px;
}
.stemi-desktop .ion-selectable-modal-stemi ion-header::after {
  background: none !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-content .ionic-selectable-item {
  font-size: 14px !important;
  color: var(--black);
  --border-color: transparent !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-content .ionic-selectable-item ion-icon {
  color: var(--twilight-blue) !important;
  --ion-color-base: var(--twilight-blue) !important;
  vertical-align: middle;
}
.stemi-desktop .ion-selectable-modal-stemi ion-content .ionic-selectable-item ion-icon::before {
  vertical-align: middle;
}
.stemi-desktop .ion-selectable-modal-stemi ion-content .ionic-selectable-item ion-label {
  border: none !important;
  font-size: 16px !important;
  white-space: normal !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-content .ionic-selectable-item:hover {
  opacity: 0.6;
}
.stemi-desktop .ion-selectable-modal-stemi ion-footer {
  text-align: center;
}
.stemi-desktop .ion-selectable-modal-stemi ion-footer ion-toolbar {
  padding: 0 !important;
  --border-color: transparent !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-footer ion-toolbar ion-col {
  padding: 0 !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-footer ion-toolbar ion-col ion-button {
  width: 104px !important;
  max-width: 104px !important;
  min-width: 104px !important;
  height: 40px !important;
  font-size: 14px;
  font-weight: bold;
  --color: var(--white);
  --background: var(--azure);
  margin: 20px auto !important;
  text-transform: none;
}
.stemi-desktop .ion-selectable-modal-stemi ion-footer ion-toolbar ion-col ion-button:hover {
  --opacity: 0.8 !important;
}
.stemi-desktop .ion-selectable-modal-stemi ion-footer::before {
  background: none !important;
}
.stemi-mobile .mobile-ion-selectable-full-width {
  width: 83.33vw !important;
}
.stemi-mobile .mobile-ion-selectable {
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  --min-height: 34px !important;
  --inner-padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-top: 0 !important;
  --padding-start: 2.78vw !important;
  --padding-end: 2.78vw !important;
  --padding-bottom: 0 !important;
  --padding-top: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --border-color: transparent;
}
.stemi-mobile .mobile-ion-selectable .label-ion-selectable {
  white-space: pre-line !important;
  padding: 7px 0;
}
.stemi-mobile .mobile-ion-selectable .ionic-selectable {
  height: 34px;
}
.stemi-mobile .mobile-ion-selectable .ionic-selectable .ionic-selectable-value {
  display: none;
}
.stemi-mobile .mobile-ion-selectable .ionic-selectable .ionic-selectable-icon .ionic-selectable-icon-inner {
  top: 15px !important;
  color: var(--twilight-blue) !important;
}
.stemi-mobile .mobile-ion-selectable .ionic-selectable:not(.ionic-selectable-is-enabled) {
  opacity: 1 !important;
}
.stemi-mobile .mobile-ion-selectable.item-disabled {
  opacity: 1 !important;
}
.stemi-mobile .mobile-ion-selectable.item-disabled {
  --background: var(--very-light-pink) !important;
}
.stemi-mobile .ion-selectable-modal-stemi::part(content) {
  border-radius: 4px !important;
  background-color: var(--white);
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar {
  --background-color: var(--white) !important;
  --background: var(--white) !important;
  border: none !important;
  --border-color: transparent;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar .img-selectable-modal {
  height: 16px;
  margin: 10px;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar ion-title {
  padding-left: 5.55vw;
  padding-right: 5.55vw;
  text-align: left;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar {
  height: 36px !important;
  --border-radius: 4px;
  padding: 0;
  margin: auto;
  caret-color: var(--azure) !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar .searchbar-input-container {
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  --box-shadow: none;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar .searchbar-input-container .searchbar-search-icon {
  display: none !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header ion-toolbar ion-searchbar .searchbar-input-container .searchbar-input {
  border-radius: 4px;
  font-size: 16px !important;
  color: var(--black) !important;
  font-weight: normal;
  padding-left: 2.78vw !important;
  background-color: var(--white);
}
.stemi-mobile .ion-selectable-modal-stemi ion-header .toolbar-searchbar {
  padding-left: 5.55vw;
  padding-right: 5.55vw;
}
.stemi-mobile .ion-selectable-modal-stemi ion-header::after {
  background: none !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-content .ionic-selectable-item {
  font-size: 14px !important;
  color: var(--black);
  --border-color: transparent !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-content .ionic-selectable-item ion-icon {
  color: var(--twilight-blue) !important;
  --ion-color-base: var(--twilight-blue) !important;
  vertical-align: middle;
}
.stemi-mobile .ion-selectable-modal-stemi ion-content .ionic-selectable-item ion-icon::before {
  vertical-align: middle;
}
.stemi-mobile .ion-selectable-modal-stemi ion-content .ionic-selectable-item ion-label {
  border: none !important;
  font-size: 16px !important;
  white-space: normal !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-content .ionic-selectable-item:hover {
  opacity: 0.6;
}
.stemi-mobile .ion-selectable-modal-stemi ion-footer {
  text-align: center;
}
.stemi-mobile .ion-selectable-modal-stemi ion-footer ion-toolbar {
  padding: 0 !important;
  --border-color: transparent;
}
.stemi-mobile .ion-selectable-modal-stemi ion-footer ion-toolbar ion-col {
  padding: 0 !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-footer ion-toolbar ion-col ion-button {
  width: 26.94vw !important;
  max-width: 26.94vw !important;
  min-width: 26.94vw !important;
  height: 40px !important;
  font-size: 13px;
  font-weight: bold;
  --color: var(--white);
  --background: var(--azure);
  margin: 10px auto !important;
  text-transform: none;
}
.stemi-mobile .ion-selectable-modal-stemi ion-footer ion-toolbar ion-col ion-button:hover {
  --opacity: 0.8 !important;
}
.stemi-mobile .ion-selectable-modal-stemi ion-footer::before {
  background: none !important;
}
.stemi-desktop .custom-alert .alert-wrapper {
  width: 400px !important;
  max-width: 400px !important;
  border-radius: 4px !important;
  background-color: var(--white) !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-head {
  text-align: left;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-message {
  font-size: 16px !important;
  color: var(--greyish-brown) !important;
  overflow-y: auto !important;
  text-align: left;
  white-space: pre-wrap;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group {
  justify-content: flex-end !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-validate-alert {
  width: 84px !important;
  max-width: 84px !important;
  min-width: 84px !important;
  height: 40px !important;
  border-radius: 4px !important;
  background-color: var(--azure) !important;
  border: none !important;
  text-transform: none !important;
  margin: 0 15px 15px 0 !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-validate-alert .alert-button-inner {
  justify-content: center !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-validate-alert:hover {
  opacity: 0.8;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-cancel-alert {
  width: 84px !important;
  max-width: 84px !important;
  min-width: 84px !important;
  height: 40px !important;
  background-color: transparent !important;
  border: none !important;
  text-transform: none !important;
  margin: 0 10px 15px 0 !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-cancel-alert .alert-button-inner {
  justify-content: center !important;
  text-decoration: underline;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-cancel-alert:hover {
  opacity: 0.6;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-leave-form-alert {
  width: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
  height: 40px !important;
  border-radius: 4px !important;
  background-color: var(--azure) !important;
  border: none !important;
  text-transform: none !important;
  margin: 0 15px 15px 0 !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-leave-form-alert .alert-button-inner {
  justify-content: center !important;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-button-group .button-leave-form-alert:hover {
  opacity: 0.8;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-input-wrapper {
  height: 40px !important;
  border: none !important;
  margin-bottom: 15px;
}
.stemi-desktop .custom-alert .alert-wrapper .alert-input-wrapper .alert-input {
  height: 40px !important;
  margin: 0 !important;
  padding: 0 0 0 10px !important;
  border: solid 1px #b0b0b0;
  border-radius: 4px;
  caret-color: var(--azure) !important;
}
.stemi-desktop .custom-alert-multiple-choices .alert-wrapper .alert-button-group-vertical {
  flex-direction: row-reverse !important;
}
.stemi-desktop .select-alert .alert-head {
  text-align: left;
}
.stemi-desktop .select-alert .alert-head .alert-title {
  font-size: 16px !important;
}
.stemi-desktop .select-alert .alert-checkbox-group {
  max-height: 90%;
}
.stemi-desktop .select-alert .alert-checkbox-group [aria-checked=true] .alert-checkbox-icon {
  background-color: var(--azure);
  border-color: var(--azure);
}
.stemi-desktop .select-alert .alert-button {
  text-transform: none !important;
  font-size: 16px !important;
  color: var(--azure);
}
.stemi-mobile .custom-alert .alert-wrapper {
  width: 91.67vw !important;
  max-width: 91.67vw !important;
  border-radius: 4px !important;
  background-color: var(--white) !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-head {
  text-align: left;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-message {
  font-size: 16px !important;
  color: var(--greyish-brown) !important;
  overflow-y: auto !important;
  text-align: left;
  white-space: pre-wrap;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group {
  justify-content: flex-end !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group .button-validate-alert {
  width: 26vw !important;
  max-width: 26vw !important;
  min-width: 26vw !important;
  height: 40px !important;
  border-radius: 4px !important;
  background-color: var(--azure) !important;
  border: none !important;
  text-transform: none !important;
  margin: 0 4.17vw 15px 0 !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group .button-validate-alert .alert-button-inner {
  justify-content: center !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group .button-cancel-alert {
  width: 26vw !important;
  max-width: 26vw !important;
  min-width: 26vw !important;
  height: 40px !important;
  background-color: transparent !important;
  border: none !important;
  text-transform: none !important;
  margin: 0 1.39vw 15px 0 !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group .button-cancel-alert .alert-button-inner {
  justify-content: center !important;
  text-decoration: underline;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group .button-leave-form-alert {
  width: 60vw !important;
  max-width: 60vw !important;
  min-width: 60vw !important;
  height: 40px !important;
  border-radius: 4px !important;
  background-color: var(--azure) !important;
  border: none !important;
  text-transform: none !important;
  margin: 0 4.17vw 15px 0 !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group .button-leave-form-alert .alert-button-inner {
  justify-content: center !important;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-input-wrapper {
  height: 34px !important;
  border: none !important;
  margin-bottom: 15px;
}
.stemi-mobile .custom-alert .alert-wrapper .alert-input-wrapper .alert-input {
  height: 34px !important;
  margin: 0 !important;
  padding: 0 0 0 2.78vw !important;
  border: solid 1px #b0b0b0;
  border-radius: 4px;
  caret-color: var(--azure) !important;
}
.stemi-mobile .custom-alert-with-input .alert-wrapper {
  position: absolute;
  top: 100px;
}
.stemi-mobile .custom-alert-multiple-choices .alert-wrapper .alert-button-group-vertical {
  flex-direction: row-reverse !important;
}
.stemi-mobile .select-alert .alert-head {
  text-align: left;
}
.stemi-mobile .select-alert .alert-head .alert-title {
  font-size: 16px !important;
}
.stemi-mobile .select-alert .alert-checkbox-group {
  max-height: 90%;
}
.stemi-mobile .select-alert .alert-checkbox-group [aria-checked=true] .alert-checkbox-icon {
  background-color: var(--azure);
  border-color: var(--azure);
}
.stemi-mobile .select-alert .alert-button {
  text-transform: none !important;
  font-size: 16px !important;
  color: var(--azure);
}
.stemi-mobile .custom-alert .alert-wrapper .alert-button-group, .plt-ios .custom-alert .alert-wrapper .alert-button-group {
  align-items: flex-end !important;
}
.stemi-desktop .custom-modal::part(content) {
  width: 389px;
  border-radius: 4px !important;
  background-color: var(--white);
}
.stemi-desktop .custom-modal .div-custom-modal {
  width: 100%;
  height: 100%;
  padding: 17px;
  position: relative;
  text-align: left;
}
.stemi-desktop .custom-modal .div-custom-modal .button-close-custom-modal {
  position: absolute;
  top: 17px;
  right: 17px;
}
.stemi-desktop .custom-modal .div-custom-modal .button-close-custom-modal .img-custom-modal {
  height: 18px;
}
.stemi-desktop .custom-modal .div-custom-modal .button-close-custom-modal:hover {
  opacity: 0.6;
}
.stemi-desktop .custom-modal .div-custom-modal .label-title-custom-modal {
  margin: 22px 0 30px 0 !important;
}
.stemi-desktop .custom-modal .div-custom-modal .embed-custom-modal, .stemi-desktop .custom-modal .div-custom-modal .video-custom-modal {
  max-width: 750px !important;
  height: auto !important;
  max-height: 413px !important;
  border-radius: 4px;
  border: 1px solid var(--very-light-pink);
  -o-object-fit: contain !important;
     object-fit: contain !important;
  margin-bottom: 20px;
}
.stemi-desktop .custom-modal .div-custom-modal .embed-custom-modal:hover {
  opacity: 0.6;
}
.stemi-desktop .custom-modal .div-custom-modal .pdf-custom-modal {
  display: block;
}
.stemi-desktop .custom-modal .div-custom-modal .pdf-custom-modal .ng2-pdf-viewer-container {
  overflow: hidden !important;
}
.stemi-desktop .custom-modal .div-custom-modal .pdf-custom-modal .ng2-pdf-viewer-container .canvasWrapper {
  border-radius: 4px;
  border: 1px solid var(--very-light-pink);
  margin-bottom: 20px;
  height: 413px !important;
  max-height: 413px !important;
}
.stemi-desktop .custom-modal .div-custom-modal .pdf-custom-modal:hover {
  opacity: 0.6;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .button-previous-custom-modal {
  margin-right: 15px;
  vertical-align: middle;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .button-previous-custom-modal .img-2-custom-modal {
  height: 18px;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .button-previous-custom-modal:hover {
  opacity: 0.6;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .button-next-custom-modal {
  margin-left: 15px;
  vertical-align: middle;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .button-next-custom-modal .img-2-custom-modal {
  height: 18px;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .button-next-custom-modal:hover {
  opacity: 0.6;
}
.stemi-desktop .custom-modal .div-custom-modal .div-buttons-custom-modal .label-buttons-custom-modal {
  display: inline-block;
  vertical-align: middle;
}
.stemi-desktop .custom-modal .div-custom-modal .div-actions-custom-modal {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
.stemi-desktop .custom-modal .div-custom-modal .div-actions-custom-modal .desktop-button-actions-custom-modal {
  width: 174px !important;
  height: 40px !important;
  border-radius: 4px;
  background-color: var(--azure);
}
.stemi-desktop .custom-modal .div-custom-modal .div-actions-custom-modal .desktop-button-actions-custom-modal:hover {
  opacity: 0.8;
}
.stemi-mobile .custom-modal::part(content) {
  border-radius: 4px !important;
  background-color: var(--white);
}
.stemi-mobile .custom-modal .div-custom-modal {
  width: 100%;
  padding: 15px 8.33vw;
  position: relative;
  text-align: left;
}
.stemi-mobile .custom-modal .div-custom-modal .button-close-custom-modal {
  position: absolute;
  top: 15px;
  right: 2.78vw;
}
.stemi-mobile .custom-modal .div-custom-modal .button-close-custom-modal .img-custom-modal {
  height: 16px;
}
.stemi-mobile .custom-modal .div-custom-modal .label-title-custom-modal {
  margin: 22px 0 16px 0 !important;
}
.stemi-mobile .custom-modal .div-custom-modal .embed-custom-modal, .stemi-mobile .custom-modal .div-custom-modal .video-custom-modal {
  width: 100%;
  height: auto !important;
  max-height: 354px !important;
  border-radius: 4px;
  border: 1px solid var(--very-light-pink);
  -o-object-fit: contain !important;
     object-fit: contain !important;
  margin-bottom: 26px;
}
.stemi-mobile .custom-modal .div-custom-modal .pdf-custom-modal {
  display: block;
}
.stemi-mobile .custom-modal .div-custom-modal .pdf-custom-modal .ng2-pdf-viewer-container {
  overflow: hidden !important;
}
.stemi-mobile .custom-modal .div-custom-modal .pdf-custom-modal .ng2-pdf-viewer-container .canvasWrapper {
  border-radius: 4px;
  border: 1px solid var(--very-light-pink);
  margin-bottom: 26px;
}
.stemi-mobile .custom-modal .div-custom-modal .div-buttons-custom-modal {
  width: 100%;
  text-align: center;
  margin-top: 20px !important;
}
.stemi-mobile .custom-modal .div-custom-modal .div-buttons-custom-modal .button-previous-custom-modal {
  margin-right: 2.8vw;
  vertical-align: middle;
}
.stemi-mobile .custom-modal .div-custom-modal .div-buttons-custom-modal .button-previous-custom-modal .img-2-custom-modal {
  height: 16px;
}
.stemi-mobile .custom-modal .div-custom-modal .div-buttons-custom-modal .button-next-custom-modal {
  margin-left: 2.8vw;
  vertical-align: middle;
}
.stemi-mobile .custom-modal .div-custom-modal .div-buttons-custom-modal .button-next-custom-modal .img-2-custom-modal {
  height: 16px;
}
.stemi-mobile .custom-modal .div-custom-modal .div-buttons-custom-modal .label-buttons-custom-modal {
  display: inline-block;
  vertical-align: middle;
}
.stemi-mobile .custom-modal .div-custom-modal .div-actions-custom-modal {
  width: 100%;
  text-align: center;
  margin-top: 20px !important;
}
.stemi-mobile .custom-modal .div-custom-modal .div-actions-custom-modal .mobile-button-actions-medium-custom-modal {
  width: 27.78vw !important;
  height: 40px !important;
  border-radius: 4px;
  background-color: var(--azure);
}
.stemi-mobile .custom-modal .div-custom-modal .div-actions-custom-modal .mobile-button-actions-large-custom-modal {
  width: 45.83vw !important;
  height: 40px !important;
  border-radius: 4px;
  background-color: var(--azure);
}
.plt-tablet .custom-modal::part(content) {
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
}
.stemi-desktop .toolbar-header {
  white-space: nowrap;
  --background: var(--twilight-blue) !important;
}
.stemi-desktop .toolbar-header .title-header {
  display: inline-flex;
  vertical-align: middle;
}
.stemi-desktop .toolbar-header .button-new {
  width: 125px;
  height: 34px;
  border-radius: 4px;
  margin-left: 18px;
  vertical-align: middle;
}
.stemi-desktop .toolbar-header .button-new .img-new {
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 8px;
}
.stemi-desktop .toolbar-header .button-new .span-new {
  vertical-align: middle;
}
.stemi-desktop .toolbar-header .button-new:hover {
  opacity: 0.8;
}
.stemi-desktop .toolbar-header .back-button {
  color: var(--white) !important;
  margin-left: 15px !important;
  padding: 0 !important;
}
.stemi-desktop .toolbar-header .back-button:hover {
  opacity: 0.8;
}
.stemi-desktop .toolbar-header-empty-stemi {
  height: 0 !important;
  --min-height: 0;
}
.stemi-desktop .toolbar-2-header {
  --min-height: 40px !important;
  height: 40px !important;
  --background: var(--very-light-pink) !important;
}
.stemi-mobile .toolbar-header {
  --background: var(--twilight-blue) !important;
}
.stemi-mobile .toolbar-header .title-header {
  text-align: center;
  -webkit-padding-start: 12vw !important;
          padding-inline-start: 12vw !important;
  -webkit-padding-end: 12vw !important;
          padding-inline-end: 12vw !important;
  left: 0 !important;
  top: 0 !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
}
.stemi-mobile .toolbar-header .img-menu-header {
  width: 24px;
}
.stemi-mobile .toolbar-header .back-button {
  color: var(--white) !important;
  margin-left: 4.17vw !important;
  padding: 0 !important;
}
.stemi-mobile .toolbar-header-empty-stemi {
  height: 0 !important;
  --min-height: 0;
}
.stemi-mobile .toolbar-2-header {
  --min-height: 40px !important;
  height: 40px !important;
  --background: var(--very-light-pink) !important;
}
.stemi-desktop .content-with-actions {
  --padding-top: 90px !important;
}
.stemi-desktop .content-with-toolbar {
  --padding-top: 50px !important;
}
.stemi-mobile .content-with-actions {
  --padding-top: 75px !important;
}
.stemi-mobile .content-with-toolbar {
  --padding-top: 50px !important;
}
.user-popover {
  --width: auto;
  --background: var(--azure);
}
.select-popover .radio-checked {
  --color-checked: var(--azure) !important;
}
.stemi-mobile .popover-datetime::part(content) {
  top: unset !important;
  left: 0 !important;
  bottom: 0;
  width: 100vw;
  border-radius: 0;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.stemi-desktop .radio-stemi {
  --color-checked: var(--twilight-blue);
  --border-radius: 2px;
  --inner-border-radius: 2px;
}
.stemi-mobile .radio-stemi {
  --color-checked: var(--twilight-blue);
  --border-radius: 2px;
  --inner-border-radius: 2px;
}
.stemi-desktop .div-actions {
  white-space: nowrap;
  position: relative !important;
}
.stemi-desktop .div-actions .custom-searchbar {
  width: 268px !important;
  height: 32px !important;
  border-radius: 4px;
  min-height: 32px !important;
  padding: 0;
  margin: 31px 22px 16px 30px;
  display: inline-flex;
  vertical-align: top;
  --box-shadow: none !important;
}
.stemi-desktop .div-actions .custom-searchbar .searchbar-input-container {
  border: solid 1px #b0b0b0;
  border-radius: 4px;
}
.stemi-desktop .div-actions .custom-searchbar .searchbar-input-container .searchbar-search-icon {
  display: none !important;
}
.stemi-desktop .div-actions .custom-searchbar .searchbar-input-container .searchbar-input {
  height: 32px !important;
  border-radius: 4px;
  font-style: italic;
  font-size: 14px !important;
  padding-left: 11px !important;
}
.stemi-desktop .div-actions .button-filter {
  width: 103px !important;
  height: 32px !important;
  border: solid 1px var(--twilight-blue);
  border-radius: 4px;
  margin: 31px 22px 16px 0;
}
.stemi-desktop .div-actions .button-filter .img-filter {
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.stemi-desktop .div-actions .button-filter .span-filter {
  vertical-align: middle;
  font-size: 14px;
  color: var(--twilight-blue);
}
.stemi-desktop .div-actions .button-filter:hover {
  opacity: 0.6;
}
.stemi-desktop .div-actions .button-action {
  width: auto !important;
  height: 32px !important;
  border-radius: 4px;
  margin: 31px 10px 16px 0;
  padding-left: 10px;
  padding-right: 10px;
}
.stemi-desktop .div-actions .button-action .img-action {
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.stemi-desktop .div-actions .button-action .img-action-no-span {
  margin: 0 !important;
}
.stemi-desktop .div-actions .button-action .span-action {
  vertical-align: middle;
}
.stemi-desktop .div-actions .button-action:hover {
  opacity: 0.8;
}
.stemi-mobile .div-actions .custom-searchbar {
  width: 61.39vw !important;
  height: 34px !important;
  border-radius: 4px;
  min-height: 34px !important;
  padding: 0;
  margin: 17px 3.33vw 17px 4.44vw;
  display: inline-flex;
  vertical-align: top;
  --box-shadow: none !important;
}
.stemi-mobile .div-actions .custom-searchbar .searchbar-input-container {
  border: solid 1px #b0b0b0;
  border-radius: 4px;
}
.stemi-mobile .div-actions .custom-searchbar .searchbar-input-container .searchbar-search-icon {
  display: none !important;
}
.stemi-mobile .div-actions .custom-searchbar .searchbar-input-container .searchbar-input {
  height: 34px !important;
  border-radius: 4px;
  font-style: italic;
  font-size: 14px;
  padding-left: 2.5vw !important;
}
.stemi-mobile .div-actions .button-filter {
  width: 26.39vw !important;
  height: 34px !important;
  border: solid 1px var(--twilight-blue);
  border-radius: 4px;
  margin: 17px 15px 17px 0;
}
.stemi-mobile .div-actions .button-filter .img-filter {
  height: 16px;
  vertical-align: middle;
  margin-right: 1.67vw;
}
.stemi-mobile .div-actions .button-filter .span-filter {
  vertical-align: middle;
  font-size: 14px;
  color: var(--twilight-blue);
}
.stemi-mobile .button-fab {
  --background: var(--azure);
  --background-activated: var(--azure);
  --background-activated-opacity: 1;
  --background-focused: var(--azure);
  --background-focused-opacity: 1;
  --background-hover: var(--azure);
  --background-hover-opacity: 1;
  --border-color: var(--azure);
  --ripple-color: var(--azure);
  height: 48px !important;
  width: 48px;
}
.stemi-mobile .button-fab-disabled, .stemi-mobile .button-fab-action-disabled {
  opacity: 0.4 !important;
}
.stemi-mobile ion-fab-button[data-desc] {
  position: relative !important;
}
.stemi-mobile ion-fab-button[data-desc]::after {
  position: absolute !important;
  content: attr(data-desc) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 50px !important;
  background-color: transparent !important;
  color: var(--black) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.stemi-mobile .button-fab-action {
  width: 40px;
  height: 40px;
  --background: var(--greyish-brown);
  --background-activated: var(--greyish-brown);
  --background-focused: var(--greyish-brown);
  --background-hover: var(--greyish-brown);
  --border-color: var(--greyish-brown);
  --ripple-color: var(--greyish-brown);
}
.stemi-mobile .button-fab-action-disabled {
  opacity: 0.4 !important;
}
.stemi-mobile .fab-opacified {
  opacity: 0.15 !important;
  pointer-events: none;
}
.img-pagination {
  height: 28px !important;
  vertical-align: middle;
}
.stemi-desktop .img-add, .stemi-desktop .img-remove {
  height: 20px !important;
}
.stemi-mobile .img-add, .stemi-mobile .img-remove {
  height: 20px !important;
}
.no-margin {
  margin: 0 !important;
}
.margin-auto {
  margin: auto !important;
}
.no-horizontal-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.horizontal-align-center {
  align-items: center !important;
  vertical-align: middle;
}
.horizontal-align-top {
  vertical-align: top !important;
}
.no-padding {
  padding: 0 !important;
}
.vertical-align-center {
  text-align: center !important;
}
.vertical-align-right {
  text-align: right !important;
}
.vertical-align-left {
  text-align: left !important;
}
.stemi-desktop .grid-list {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--very-light-pink);
  margin-left: 30px;
  margin-bottom: 15px;
  padding: 0;
}
.stemi-desktop .grid-list .row-header-list {
  position: sticky !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.stemi-desktop .grid-list .row-header-list:hover {
  opacity: 1 !important;
}
.stemi-desktop .grid-list .row-list {
  border: solid 1px var(--very-light-pink);
  justify-content: center;
  align-items: center;
}
.stemi-desktop .grid-list .row-list .checkbox-list {
  z-index: 0;
}
.stemi-desktop .grid-list .row-list .label-list {
  margin: 3px 0 !important;
}
.stemi-desktop .grid-list .row-list:hover {
  opacity: 0.6;
}
.stemi-mobile .div-wrapper-list {
  width: 100vw;
  padding: 0 4.44vw 50px 4.44vw;
}
.stemi-mobile .div-wrapper-list .grid-list-forms {
  padding: 10px 2.78vw;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--very-light-pink);
  margin-bottom: 10px;
}
.stemi-mobile .div-wrapper-list .grid-list-forms .img-1-list-forms {
  vertical-align: middle;
  height: 18px;
  margin: 0 1.67vw 0 0 !important;
}
.stemi-mobile .div-wrapper-list .grid-list-forms .img-2-list-forms {
  vertical-align: middle;
  height: 18px;
  margin-right: 1.67vw !important;
}
.stemi-mobile .div-wrapper-list .checkbox-list {
  z-index: 0;
}
ion-checkbox {
  --border-color: rgba(176, 176, 176, 0.5);
  --border-color-checked: var(--twilight-blue);
  --background: var(--white);
  --background-checked: var(--twilight-blue);
  --checkmark-color: transparent;
  --border-radius: 2px;
  --size: 15px;
}
.loader-stemi {
  --background: transparent !important;
  box-shadow: none !important;
}
.loader-stemi .loading-wrapper {
  box-shadow: none !important;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.stemi-desktop .spinner-custom {
  animation: rotate 800ms linear infinite;
  background: url('loader.svg') no-repeat 50%;
  height: 50px;
  width: 50px;
}
.stemi-mobile .spinner-custom {
  animation: rotate 800ms linear infinite;
  background: url('loader.svg') no-repeat 50%;
  height: 7.75vh;
  width: 13.5vw;
}
.stemi-desktop .tag-with-hover-strong:hover {
  opacity: 0.6 !important;
}
.stemi-desktop .progress-outer {
  background-color: var(--very-light-pink-two) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 1px !important;
  width: 100% !important;
}
.stemi-desktop .progress-outer .progress-inner {
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 1px !important;
  color: var(--twilight-blue) !important;
  background-color: var(--twilight-blue) !important;
  height: 10px !important;
}
.stemi-mobile .progress-outer {
  background-color: var(--very-light-pink-two) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 1px !important;
  width: 100% !important;
}
.stemi-mobile .progress-outer .progress-inner {
  min-width: 0 !important;
  padding: 0 !important;
  border-radius: 1px !important;
  color: var(--twilight-blue) !important;
  background-color: var(--twilight-blue) !important;
  height: 1.5625vw !important;
}
.grid-header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
}
.first-col-fixed {
  position: sticky !important;
  left: 0;
  z-index: 9998;
}
.underline {
  text-decoration: underline !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.height-100 {
  height: 100%;
}
.width-100 {
  width: 100%;
}
.min-width-100 {
  min-width: 100%;
}
.width-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.min-height-O {
  min-height: 0 !important;
}
.hover-opacity-6:hover {
  opacity: 0.6;
}
.stemi-desktop .grid-users-filters {
  width: 750px;
}
.stemi-desktop .grid-infos-filters {
  width: 650px;
}
.stemi-desktop .grid-forms-filters {
  width: 1250px;
}
.stemi-desktop .grid-tasks-filters {
  width: 940px;
}
.stemi-desktop .grid-filters {
  margin-left: 30px;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--very-light-pink);
}
.stemi-desktop .grid-filters .input-filters {
  height: 32px;
  width: 268px;
  max-width: 268px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  z-index: 0;
}
.stemi-desktop .grid-filters .datetime-filters {
  height: 32px;
  width: 160px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  background: url('nouveau-date.svg') no-repeat !important;
  background-size: 11% !important;
  background-position: center right 5% !important;
  padding-left: 9px;
}
.stemi-desktop .grid-filters .datetime-filters:hover {
  cursor: pointer;
}
.stemi-desktop .grid-filters .button-filters {
  width: 125px;
  height: 34px;
  border-radius: 4px;
  margin: 0 15px;
}
.stemi-desktop .grid-filters .button-filters .span-filters {
  vertical-align: middle;
}
.stemi-desktop .grid-filters .button-filters:hover {
  opacity: 0.8;
}
.stemi-desktop .grid-filters .button-clear-filters {
  border: solid 1px var(--greyish-brown);
}
.stemi-desktop .grid-filters .select-filters {
  width: 268px;
}
.stemi-mobile .div-wrapper-filters {
  padding: 0 4.17vw;
}
.stemi-mobile .div-wrapper-filters .grid-filters {
  padding: 0 4.17vw;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--very-light-pink);
}
.stemi-mobile .div-wrapper-filters .grid-filters .input-filters {
  height: 34px;
  width: 83.33vw;
  max-width: 83.33vw;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  z-index: 0;
}
.stemi-mobile .div-wrapper-filters .grid-filters .datetime-filters {
  height: 34px;
  width: 36.94vw;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  position: relative !important;
  padding-left: 2.5vw !important;
  background: url('nouveau-date.svg') no-repeat !important;
  background-size: 4vw !important;
  background-position: center right 1.5vw !important;
  z-index: 0;
}
.stemi-mobile .div-wrapper-filters .grid-filters .datetime-filters input {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  -webkit-padding-end: 0 !important;
          padding-inline-end: 0 !important;
}
.stemi-mobile .div-wrapper-filters .grid-filters .button-filters {
  width: 28.94vw;
  height: 40px;
  border-radius: 4px;
  margin: 0 2.78vw;
}
.stemi-mobile .div-wrapper-filters .grid-filters .button-filters .span-filters {
  vertical-align: middle;
}
.stemi-mobile .div-wrapper-filters .grid-filters .button-clear-filters {
  border: solid 1px var(--greyish-brown);
}
.stemi-mobile .div-wrapper-filters .grid-filters .select-filters {
  width: 83.33vw;
}
.stemi-mobile .icon-filters, .plt-android .icon-filters {
  font-size: 22px !important;
}
.stemi-mobile .icon-filters, .plt-ios .icon-filters {
  font-size: 22px !important;
}
.stemi-desktop .grid-header-form {
  height: 40px;
  width: 100%;
  padding-left: 30px !important;
  z-index: 9999;
}
.stemi-desktop .grid-header-form .row-header-form {
  align-items: center;
  height: 40px;
}
.stemi-desktop .grid-header-form .row-header-form .label-header-form {
  display: inline;
}
.stemi-desktop .grid-header-form .row-header-form .col-separator-header-form {
  border-left: 2px solid var(--greyish-brown);
  margin: auto 14px;
  height: 28px;
}
.stemi-desktop .grid-header-form .row-header-form .img-header-form {
  height: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.stemi-desktop .grid-header-form .row-header-form .img-header-form:hover {
  opacity: 0.6;
}
.stemi-mobile .grid-header-form {
  height: 40px;
  width: 100%;
  padding-left: 4.17vw !important;
  z-index: 9999;
}
.stemi-mobile .grid-header-form .row-header-form {
  align-items: center;
  height: 40px;
}
.stemi-mobile .grid-header-form .row-header-form .col-save-header-form {
  text-align: right;
}
.stemi-mobile .grid-header-form .row-header-form .col-save-header-form .img-header-form {
  height: 30px;
  vertical-align: middle;
  margin-right: 4.17vw;
}
.stemi-desktop .div-step-form {
  padding-top: 20px;
  padding-left: 30px;
}
.stemi-desktop .div-step-form .div-content-step-form {
  width: 750px;
}
.stemi-desktop .div-step-form .div-content-step-sign-form {
  width: 750px;
}
.stemi-desktop .div-step-form .grid-full-less-width-form {
  width: 720px;
}
.stemi-desktop .div-step-form .grid-full-width-form {
  width: 750px;
}
.stemi-desktop .div-step-form .grid-full-over-width-form {
  width: 868px;
}
.stemi-desktop .div-step-form .border-grey-form {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--very-light-pink);
  background-color: var(--white);
}
.stemi-desktop .div-step-form .border-bottom-twilight-blue-form {
  border-bottom: solid 2px var(--twilight-blue);
}
.stemi-desktop .div-step-form .img-small-form {
  height: 40px !important;
}
.stemi-desktop .div-step-form .img-medium-form {
  height: 60px !important;
}
.stemi-desktop .div-step-form .item-title-form ion-checkbox {
  margin-right: 10px !important;
}
.stemi-desktop .div-step-form .item-title-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .item-detail-accueil-securite-form {
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
}
.stemi-desktop .div-step-form .item-detail-accueil-securite-form ion-checkbox {
  margin-right: 10px !important;
}
.stemi-desktop .div-step-form .item-detail-accueil-securite-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .item-checkbox-form {
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
}
.stemi-desktop .div-step-form .item-checkbox-form ion-checkbox {
  margin: 0 !important;
}
.stemi-desktop .div-step-form .item-checkbox-form::part(native) {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
}
.stemi-desktop .div-step-form .item-full-width-form {
  width: 719px !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
}
.stemi-desktop .div-step-form .item-full-width-form ion-checkbox {
  margin-right: 10px !important;
}
.stemi-desktop .div-step-form .item-full-width-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .desktop-label-quarter-width-background-grey-form {
  width: 162px;
  border-radius: 4px;
  background-color: var(--very-light-pink-three);
  padding: 8px 0 6px 10px;
  min-height: 32px;
}
.stemi-desktop .div-step-form .desktop-label-half-width-background-grey-form {
  width: 345px;
  border-radius: 4px;
  background-color: var(--very-light-pink-three);
  padding: 8px 0 6px 10px;
  min-height: 32px;
}
.stemi-desktop .div-step-form .desktop-label-half-width-background-azure-form {
  width: 345px;
  border-radius: 4px;
  background-color: var(--azure-10);
  padding: 8px 10px 6px 10px;
  min-height: 32px;
}
.stemi-desktop .div-step-form .desktop-label-full-width-background-grey-form {
  width: 719px;
  border-radius: 4px;
  background-color: var(--very-light-pink-three);
  padding: 8px 0 6px 10px;
  min-height: 32px;
}
.stemi-desktop .div-step-form .label-signed-form {
  display: flex !important;
  align-items: center;
  width: 313px;
  height: 32px;
  min-height: 32px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--very-light-pink);
  padding: 8px 0 6px 10px;
}
.stemi-desktop .div-step-form .label-signed-form .img-sign-form {
  margin-right: 8px !important;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .label-signed-form-full-width {
  width: 345px !important;
}
.stemi-desktop .div-step-form .input-form {
  height: 32px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
}
.stemi-desktop .div-step-form .desktop-input-quarter-width-no-wrapper-form {
  width: 161px;
  max-width: 161px;
}
.stemi-desktop .div-step-form .desktop-date-picker-quarter-width-no-wrapper-form {
  width: 161px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  background: url('nouveau-date.svg') no-repeat !important;
  background-size: 11% !important;
  background-position: center right 5% !important;
  padding-left: 9px;
}
.stemi-desktop .div-step-form .desktop-date-picker-quarter-width-no-wrapper-form:hover {
  cursor: pointer;
}
.stemi-desktop .div-step-form .desktop-date-picker-quarter-width-no-wrapper-form[disabled] {
  opacity: 0.5;
}
.stemi-desktop .div-step-form .desktop-input-half-width-no-wrapper-form {
  width: 343px;
  max-width: 343px;
}
.stemi-desktop .div-step-form .desktop-date-picker-half-width-no-wrapper-form {
  width: 343px;
  height: 32px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  background: url('nouveau-date.svg') no-repeat !important;
  background-size: 5.5% !important;
  background-position: center right 3% !important;
  padding-left: 9px;
}
.stemi-desktop .div-step-form .desktop-date-picker-half-width-no-wrapper-form:hover {
  cursor: pointer;
}
.stemi-desktop .div-step-form .desktop-input-half-less-width-with-wrapper-form {
  width: 312px;
  max-width: 312px;
}
.stemi-desktop .div-step-form .desktop-input-half-width-with-wrapper-form {
  width: 328px;
  max-width: 328px;
}
.stemi-desktop .div-step-form .desktop-input-full-width-no-wrapper-form {
  width: 719px;
  max-width: 719px;
}
.stemi-desktop .div-step-form .desktop-input-full-width-with-wrapper-form {
  width: 719px;
  max-width: 719px;
}
.stemi-desktop .div-step-form .textarea-form {
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
}
.stemi-desktop .div-step-form .textarea-half-height-form {
  min-height: 62px;
}
.stemi-desktop .div-step-form .textarea-half-height-form .textarea-wrapper textarea {
  min-height: 62px;
}
.stemi-desktop .div-step-form .textarea-full-height-form {
  min-height: 121px;
}
.stemi-desktop .div-step-form .textarea-full-height-form .textarea-wrapper textarea {
  min-height: 121px;
}
.stemi-desktop .div-step-form .desktop-textarea-third-width-no-wrapper-form {
  width: 233px;
  max-width: 233px;
}
.stemi-desktop .div-step-form .desktop-textarea-half-width-no-wrapper-form {
  width: 343px;
  max-width: 343px;
}
.stemi-desktop .div-step-form .desktop-textarea-half-width-with-wrapper-form {
  width: 311px;
  max-width: 311px;
}
.stemi-desktop .div-step-form .desktop-textarea-full-width-no-wrapper-form {
  width: 719px;
  max-width: 719px;
}
.stemi-desktop .div-step-form .desktop-textarea-full-over-width-no-wrapper-form {
  width: 868px;
  max-width: 868px;
}
.stemi-desktop .div-step-form .desktop-textarea-full-width-with-wrapper-form {
  width: 719px;
  max-width: 719px;
}
.stemi-desktop .div-step-form .select-form {
  height: 32px !important;
  -webkit-appearance: none;
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  background-color: var(--white);
  background-image: url('down-arrow.svg');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px;
  text-indent: 9px;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  opacity: 1 !important;
}
.stemi-desktop .div-step-form .ion-select-form {
  text-indent: 0 !important;
  --padding-start: 10px;
  --padding-end: 20px;
}
.stemi-desktop .div-step-form .ion-select-form::part(icon) {
  display: none;
}
.stemi-desktop .div-step-form .div-add-file-form {
  height: 32px !important;
}
.stemi-desktop .div-step-form .div-add-file-form .img-add-file-form {
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .div-add-file-form .img-add-file-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .div-add-file-form .span-add-file-form {
  vertical-align: middle;
}
.stemi-desktop .div-step-form .div-file-form {
  display: inline-block;
  min-width: 250px;
}
.stemi-desktop .div-step-form .div-file-form .img-file-form {
  height: 200px;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .div-file-form .img-remove-file-form {
  height: 20px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .div-file-form .img-remove-file-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .div-attachment-form {
  display: inline-block;
  min-width: 750px;
}
.stemi-desktop .div-step-form .div-attachment-form .label-attachment-form {
  display: inline !important;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .div-attachment-form .img-remove-attachment-form {
  height: 20px;
  margin-left: 10px;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .img-body-form {
  width: 120px;
  margin-right: 25px;
  margin-bottom: 20px;
  vertical-align: middle;
}
.stemi-desktop .div-step-form .img-body-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .div-buttons-navigation-form {
  margin: 30px 0 30px 0;
  display: flex;
}
.stemi-desktop .div-step-form .div-buttons-navigation-form .button-previous-form {
  width: 121px;
  height: 34px;
  border-radius: 4px;
  border: solid 1px var(--greyish-brown);
  background-color: var(--white);
  margin-right: 20px !important;
}
.stemi-desktop .div-step-form .div-buttons-navigation-form .button-previous-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .div-buttons-navigation-form .button-next-form {
  width: 121px;
  height: 34px;
  border-radius: 4px;
  background-color: var(--azure);
}
.stemi-desktop .div-step-form .div-buttons-navigation-form .button-next-form:hover {
  opacity: 0.8;
}
.stemi-desktop .div-step-form .div-title-sign-form {
  display: flex;
  align-items: center;
  margin: 0 0 15px !important;
}
.stemi-desktop .div-step-form .div-title-sign-form .span-1-title-sign-form {
  margin-right: 40px;
}
.stemi-desktop .div-step-form .div-title-sign-form .button-title-sign-form {
  padding: 0 !important;
}
.stemi-desktop .div-step-form .div-title-sign-form .button-title-sign-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .div-title-sign-form .span-2-title-sign-form {
  margin: 0 20px;
}
.stemi-desktop .div-step-form .img-sign-form {
  height: 20px !important;
}
.stemi-desktop .div-step-form .div-signatory-form {
  width: 343px;
  padding: 15px;
  position: relative;
  display: inline-block;
  margin-right: 30px !important;
  vertical-align: top;
}
.stemi-desktop .div-step-form .div-signatory-form .button-div-signatory-form {
  position: absolute;
  top: 15px;
  right: 15px;
}
.stemi-desktop .div-step-form .div-signatory-form .button-div-signatory-form:hover {
  opacity: 0.6;
}
.stemi-desktop .div-step-form .div-signatory-form .button-to-sign-form {
  width: 81px;
  height: 34px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--azure);
  background-color: var(--white);
}
.stemi-desktop .div-step-form .div-signatory-form .button-to-sign-form:hover {
  opacity: 0.6;
}
.stemi-desktop .popover-select-form {
  --max-height: 70%;
  --width: fit-content !important;
  --max-width: 30vw !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list .item {
  font-size: 16px;
  color: var(--black);
  border-bottom: 1px solid var(--very-light-pink) !important;
  --background: var(--white);
  --background-activated: var(--white) !important;
  --background-activated-opacity: 1 !important;
  --highlight-color-focused: var(--white) !important;
  --highlight-color-invalid: var(--white) !important;
  --highlight-color-valid: var(--white) !important;
  --background-focused: var(--white) !important;
  --background-focused-opacity: 0 !important;
  --background-hover: var(--white) !important;
  --background-hover-opacity: 0 !important;
  --inner-border-width: 0 !important;
  --color-focused: var(--black) !important;
  --color-hover: var(--black) !important;
  --indicator-color: transparent !important;
  --ripple-color: transparent !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list .item-radio-checked {
  --background: var(--azure) !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list .item-radio-checked ion-label {
  color: var(--white) !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list .item::part(native) ion-label {
  white-space: pre-wrap !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list .item:last-of-type {
  border-bottom: none !important;
}
.stemi-desktop .popover-select-form .popover-viewport ion-list ion-radio::part(container) {
  opacity: 1 !important;
}
.stemi-desktop .button-right-div {
  position: absolute !important;
  right: -50px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.stemi-mobile .div-step-form {
  padding: 10px 4.17vw 0 4.17vw;
}
.stemi-mobile .div-step-form .div-content-step-form {
  padding: 0 4.17vw;
}
.stemi-mobile .div-step-form .border-grey-form {
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--very-light-pink);
  background-color: var(--white);
}
.stemi-mobile .div-step-form .border-bottom-twilight-blue-form {
  border-bottom: solid 1px var(--twilight-blue);
}
.stemi-mobile .div-step-form .img-small-form {
  height: 40px !important;
}
.stemi-mobile .div-step-form .img-medium-form {
  height: 60px !important;
}
.stemi-mobile .div-step-form .item-title-form .item-inner {
  padding-right: 0 !important;
}
.stemi-mobile .div-step-form .item-detail-accueil-securite-form {
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
}
.stemi-mobile .div-step-form .item-detail-accueil-securite-form .item-inner {
  padding-right: 0 !important;
}
.stemi-mobile .div-step-form .item-checkbox-form {
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
}
.stemi-mobile .div-step-form .item-checkbox-form ion-checkbox {
  margin: 0 !important;
}
.stemi-mobile .div-step-form .item-checkbox-form::part(native) {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
}
.stemi-mobile .div-step-form .item-full-width-form {
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --border-color: transparent;
  --transition: none;
}
.stemi-mobile .div-step-form .item-full-width-form .item-inner {
  padding-right: 0 !important;
}
.stemi-mobile .div-step-form .item-full-width-form ion-checkbox {
  margin-right: 0 !important;
}
.stemi-mobile .div-step-form .mobile-label-half-width-background-grey-form {
  width: 36.94vw;
  border-radius: 4px;
  border: solid 1px var(--brown-grey-two);
  background-color: var(--very-light-pink);
  padding: 6px 0 6px 2.5vw;
  min-height: 34px;
}
.stemi-mobile .div-step-form .mobile-label-full-width-background-grey-form {
  width: 82.78vw;
  border-radius: 4px;
  border: solid 1px var(--brown-grey-two);
  background-color: var(--very-light-pink);
  padding: 6px 0 6px 2.5vw;
  min-height: 34px;
}
.stemi-mobile .div-step-form .label-signed-form {
  display: flex !important;
  align-items: center;
  width: 82.78vw;
  height: 34px;
  min-height: 34px;
  border-radius: 4px;
  border: solid 1px var(--brown-grey-two);
  background-color: var(--very-light-pink);
  padding: 6px 0 6px 2.5vw;
}
.stemi-mobile .div-step-form .label-signed-form .img-sign-form {
  margin-right: 2.22vw !important;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .input-form {
  height: 34px;
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
}
.stemi-mobile .div-step-form .mobile-input-half-width-no-wrapper-form {
  width: 36.94vw !important;
  max-width: 36.94vw !important;
}
.stemi-mobile .div-step-form .datetime-half-width-no-wrapper-form {
  padding-left: 2.5vw !important;
  background: url('nouveau-date.svg') no-repeat !important;
  background-size: 4vw !important;
  background-position: center right 1.5vw !important;
  height: 34px;
}
.stemi-mobile .div-step-form .datetime-half-width-no-wrapper-form input {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  -webkit-padding-end: 0 !important;
          padding-inline-end: 0 !important;
}
.stemi-mobile .div-step-form .mobile-input-full-width-no-wrapper-form {
  width: 83.33vw;
  max-width: 83.33vw;
}
.stemi-mobile .div-step-form .datetime-full-width-no-wrapper-form {
  padding-left: 2.5vw !important;
  background: url('nouveau-date.svg') no-repeat !important;
  background-size: 4vw !important;
  background-position: center right 1.5vw !important;
  height: 34px;
}
.stemi-mobile .div-step-form .datetime-full-width-no-wrapper-form input {
  -webkit-padding-start: 0 !important;
          padding-inline-start: 0 !important;
  -webkit-padding-end: 0 !important;
          padding-inline-end: 0 !important;
}
.stemi-mobile .div-step-form .mobile-input-full-width-with-wrapper-form {
  width: 71.5vw;
  max-width: 71.5vw;
}
.stemi-mobile .div-step-form .textarea-form {
  border-radius: 4px;
  border: solid 1px #b0b0b0;
  background-color: var(--white);
  min-height: 50px !important;
}
.stemi-mobile .div-step-form .textarea-form .textarea-wrapper textarea {
  min-height: 50px;
}
.stemi-mobile .div-step-form .mobile-textarea-third-width-form {
  width: 60.55vw !important;
  max-width: 60.55vw !important;
}
.stemi-mobile .div-step-form .select-form {
  height: 32px !important;
  -webkit-appearance: none;
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  background-color: var(--white);
  background-image: url('down-arrow.svg');
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px;
  text-indent: 9px;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  opacity: 1 !important;
}
.stemi-mobile .div-step-form .ion-select-form {
  text-indent: 0 !important;
  --padding-start: 10px;
  --padding-end: 20px;
}
.stemi-mobile .div-step-form .ion-select-form::part(icon) {
  display: none;
}
.stemi-mobile .div-step-form .div-add-file-form {
  height: 34px !important;
}
.stemi-mobile .div-step-form .div-add-file-form .img-add-file-form {
  height: 20px;
  margin-left: 2.78vw;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .div-add-file-form .span-add-file-form {
  vertical-align: middle;
}
.stemi-mobile .div-step-form .datetime-form {
  position: relative !important;
}
.stemi-mobile .div-step-form .div-file-form {
  display: inline-block;
  min-width: 40vw;
  text-align: center;
}
.stemi-mobile .div-step-form .div-file-form .img-file-form {
  width: 25vw;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .div-file-form .img-remove-file-form {
  height: 20px;
  margin-left: 2.78vw;
  margin-right: 2.78vw;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .div-attachment-form {
  display: inline-block;
  min-width: 85vw;
}
.stemi-mobile .div-step-form .div-attachment-form .label-attachment-form {
  display: inline !important;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .div-attachment-form .img-remove-attachment-form {
  height: 20px;
  margin-left: 2.78vw;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .img-body-form {
  width: 38.89vw;
  margin-right: 2vw;
  margin-bottom: 20px;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .div-buttons-navigation-form {
  margin: 30px auto;
  width: 100%;
  display: inline-block;
  text-align: center;
}
.stemi-mobile .div-step-form .div-buttons-navigation-form .button-previous-form {
  width: 33.89vw;
  height: 40px;
  border-radius: 4px;
  border: solid 1px var(--greyish-brown);
  background-color: var(--white);
  margin-right: 4.17vw !important;
}
.stemi-mobile .div-step-form .div-buttons-navigation-form .button-next-form {
  width: 33.89vw;
  height: 40px;
  border-radius: 4px;
  background-color: var(--azure);
}
.stemi-mobile .div-step-form .div-title-sign-form {
  display: flex;
  align-items: center;
  margin: 0 0 15px !important;
}
.stemi-mobile .div-step-form .div-title-sign-form .span-1-title-sign-form {
  margin-right: 8.33vw;
}
.stemi-mobile .div-step-form .div-title-sign-form .button-title-sign-form {
  padding: 0 !important;
}
.stemi-mobile .div-step-form .div-title-sign-form .span-2-title-sign-form {
  margin: 0 5.55vw;
}
.stemi-mobile .div-step-form .img-sign-form {
  height: 20px !important;
  max-width: unset !important;
}
.stemi-mobile .div-step-form .div-signatory-form {
  width: 91.11vw;
  padding: 15px;
  position: relative;
  vertical-align: middle;
}
.stemi-mobile .div-step-form .div-signatory-form .button-div-signatory-form {
  position: absolute;
  top: 10px;
  right: 1vw;
}
.stemi-mobile .div-step-form .div-signatory-form .button-to-sign-form {
  width: 26vw;
  height: 34px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 var(--very-light-pink);
  border: solid 1px var(--greyish-brown);
  background-color: var(--white);
}
.stemi-mobile .popover-select-form {
  --max-height: 70%;
  --width: fit-content !important;
  --max-width: 60vw !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list .item {
  font-size: 16px;
  color: var(--black);
  border-bottom: 1px solid var(--very-light-pink) !important;
  --background: var(--white);
  --background-activated: var(--white) !important;
  --background-activated-opacity: 1 !important;
  --highlight-color-focused: var(--white) !important;
  --highlight-color-invalid: var(--white) !important;
  --highlight-color-valid: var(--white) !important;
  --background-focused: var(--white) !important;
  --background-focused-opacity: 0 !important;
  --background-hover: var(--white) !important;
  --background-hover-opacity: 0 !important;
  --inner-border-width: 0 !important;
  --color-focused: var(--black) !important;
  --color-hover: var(--black) !important;
  --indicator-color: transparent !important;
  --ripple-color: transparent !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list .item-radio-checked {
  --background: var(--azure) !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list .item-radio-checked ion-label {
  color: var(--white) !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list .item::part(native) ion-label {
  white-space: pre-wrap !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list .item:last-of-type {
  border-bottom: none !important;
}
.stemi-mobile .popover-select-form .popover-viewport ion-list ion-radio::part(container) {
  opacity: 1 !important;
}
.stemi-mobile .button-top-right {
  position: absolute !important;
  top: 5px !important;
  right: 0 !important;
}
.menu-menu {
  --min-width: 375px !important;
  --width: 375px !important;
  --max-width: 375px !important;
}
.menu-menu .header-menu {
  height: 162px !important;
  position: relative;
  background-size: 165px 103px !important;
  background: var(--white) url('logo-connexion@3x.png') top 36px center no-repeat;
}
.menu-menu .header-menu .img-logo-menu {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
  padding: 20px;
}
.menu-menu .menu-content .item-menu {
  border-bottom: 1px solid var(--white-50);
}
.menu-menu .menu-content .item-menu .img-item-menu, .menu-menu .menu-content .item-selected-menu .img-item-menu {
  width: 24px;
}
.stemi-desktop .desktop-text-style-1 {
  font-size: 13px !important;
  color: var(--brownish-grey) !important;
}
.stemi-desktop .desktop-text-style-2 {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--white) !important;
}
.stemi-desktop .desktop-text-style-3 {
  font-size: 23px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-4 {
  font-size: 20px !important;
  font-weight: bold !important;
  color: var(--white) !important;
}
.stemi-desktop .desktop-text-style-5 {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--white) !important;
}
.stemi-desktop .desktop-text-style-6 {
  font-size: 15px !important;
  color: var(--sickly-yellow) !important;
}
.stemi-desktop .desktop-text-style-7 {
  font-size: 15px !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-8 {
  font-size: 15px !important;
  color: var(--greyish-brown) !important;
  letter-spacing: 0 !important;
}
.stemi-desktop .desktop-text-style-9 {
  font-size: 15px !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-10 {
  font-size: 15px !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-11 {
  font-size: 13px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: var(--white) !important;
}
.stemi-desktop .desktop-text-style-12 {
  font-size: 18px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-13 {
  font-size: 13px !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-13-white {
  font-size: 13px !important;
  color: var(--white) !important;
}
.stemi-desktop .desktop-text-style-14 {
  font-size: 13px !important;
  font-style: italic !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-15 {
  font-size: 16px !important;
  font-weight: bold;
  color: var(--black) !important;
}
.stemi-desktop .desktop-text-style-16 {
  font-size: 25px !important;
  font-weight: bold !important;
  color: var(--twilight-blue) !important;
}
.stemi-desktop .desktop-text-style-17 {
  font-size: 15px !important;
  color: var(--black) !important;
}
.stemi-desktop .desktop-text-style-18 {
  font-size: 23px !important;
  font-weight: bold !important;
  text-align: right !important;
  color: var(--turtle-green) !important;
}
.stemi-desktop .desktop-text-style-19 {
  font-size: 23px !important;
  font-weight: bold !important;
  text-align: right !important;
  color: var(--grapefruit) !important;
}
.stemi-desktop .desktop-text-style-19-orange {
  font-size: 23px !important;
  font-weight: bold !important;
  text-align: right !important;
  color: var(--yellowish-orange) !important;
}
.stemi-desktop .desktop-text-style-20 {
  font-size: 15px !important;
  color: var(--black) !important;
}
.stemi-desktop .desktop-text-style-21 {
  font-size: 25px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-22 {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
  letter-spacing: 0 !important;
}
.stemi-desktop .desktop-text-style-23 {
  font-size: 12px !important;
  color: var(--greyish-brown) !important;
  letter-spacing: 0 !important;
}
.stemi-desktop .desktop-text-style-24 {
  font-size: 12px !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-25 {
  font-size: 16px !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-26 {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-27 {
  font-size: 12px !important;
  font-style: italic !important;
  color: #585858 !important;
}
.stemi-desktop .desktop-text-style-28 {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-29 {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-desktop .desktop-text-style-30 {
  font-size: 16px !important;
  color: var(--brownish-grey) !important;
}
.stemi-desktop .desktop-text-style-31 {
  font-size: 15px !important;
  color: var(--brownish-grey) !important;
}
.stemi-desktop .desktop-text-style-32 {
  font-size: 14px !important;
  font-weight: bold !important;
  color: var(--azure) !important;
}
.stemi-desktop .desktop-text-style-33 {
  font-size: 14px !important;
  color: var(--brownish-grey) !important;
}
.stemi-desktop .text-style-missing {
  font-size: 13px !important;
  color: var(--grapefruit) !important;
}
.stemi-desktop .desktop-text-style-blue-indicator {
  font-size: 15px !important;
  font-weight: bold;
  color: var(--twilight-blue) !important;
}
.stemi-desktop .desktop-text-style-warning {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--grapefruit) !important;
}
.stemi-mobile .mobile-text-style-1 {
  font-size: 13px !important;
  color: var(--brownish-grey) !important;
}
.stemi-mobile .mobile-text-style-2 {
  font-size: 14px !important;
  font-weight: bold;
  color: var(--white) !important;
}
.stemi-mobile .mobile-text-style-3 {
  font-size: 16px !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-4 {
  font-size: 20px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-5 {
  font-size: 13px !important;
  font-weight: bold !important;
  color: var(--white) !important;
}
.stemi-mobile .mobile-text-style-6 {
  font-size: 18px !important;
  font-weight: bold !important;
  color: var(--white) !important;
}
.stemi-mobile .mobile-text-style-7 {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-8 {
  font-size: 13px !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-9 {
  font-size: 13px !important;
  font-style: italic !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-10 {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--black) !important;
}
.stemi-mobile .mobile-text-style-11 {
  font-size: 15px !important;
  text-align: center !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-12 {
  font-size: 14px !important;
  text-align: center !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-13 {
  font-size: 10px !important;
  color: var(--sickly-yellow) !important;
}
.stemi-mobile .mobile-text-style-14 {
  font-size: 10px !important;
  color: var(--white) !important;
}
.stemi-mobile .mobile-text-style-15 {
  font-size: 15px !important;
  color: var(--black) !important;
}
.stemi-mobile .mobile-text-style-16 {
  font-size: 25px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-17 {
  font-size: 15px !important;
  text-align: center !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-18 {
  font-size: 14px !important;
  font-weight: bold;
  text-align: right !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-19 {
  font-size: 12px !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-20 {
  font-size: 14px !important;
  font-style: italic !important;
  color: var(--brown-grey-two) !important;
}
.stemi-mobile .mobile-text-style-21 {
  font-size: 14px !important;
  color: var(--twilight-blue) !important;
}
.stemi-mobile .mobile-text-style-22 {
  font-size: 16px !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-23 {
  font-size: 14px !important;
  color: var(--brownish-grey) !important;
}
.stemi-mobile .mobile-text-style-24 {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-25 {
  font-size: 16px !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-26 {
  font-size: 14px !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-27 {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--white) !important;
}
.stemi-mobile .mobile-text-style-28 {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-29 {
  font-size: 15px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-30 {
  font-size: 14px !important;
  font-weight: bold;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-31 {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--twilight-blue) !important;
}
.stemi-mobile .mobile-text-style-32 {
  font-size: 13px !important;
  font-style: italic !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .mobile-text-style-33 {
  font-size: 13px !important;
  color: var(--black) !important;
}
.stemi-mobile .mobile-text-style-34 {
  font-size: 16px !important;
  color: var(--brownish-grey) !important;
}
.stemi-mobile .mobile-text-style-35 {
  font-size: 16px !important;
  color: var(--white) !important;
}
.stemi-mobile .mobile-text-style-36 {
  font-size: 13px !important;
  font-weight: bold !important;
  color: var(--greyish-brown) !important;
}
.stemi-mobile .text-style-missing {
  font-size: 13px !important;
  color: var(--grapefruit) !important;
}
.stemi-mobile .mobile-text-style-indicator-green {
  font-size: 25px !important;
  font-weight: bold !important;
  color: var(--turtle-green-two) !important;
}
.stemi-mobile .mobile-text-style-indicator-orange {
  font-size: 25px !important;
  font-weight: bold !important;
  color: var(--yellowish-orange) !important;
}
.stemi-mobile .mobile-text-style-indicator-red {
  font-size: 25px !important;
  font-weight: bold !important;
  color: var(--grapefruit) !important;
}
.stemi-mobile .mobile-text-style-blue-indicator {
  font-size: 14px !important;
  font-weight: bold;
  color: var(--twilight-blue) !important;
}
.stemi-mobile .mobile-text-style-blue-indicator-big {
  font-size: 25px !important;
  font-weight: bold;
  color: var(--twilight-blue) !important;
}
.stemi-mobile .mobile-text-style-warning {
  font-size: 16px !important;
  font-weight: bold !important;
  color: var(--grapefruit) !important;
}
.new-text-style {
  font-family: "Inter-SemiBold" !important;
  font-size: 25px !important;
  color: var(--white);
}
.new-text-style-2 {
  font-family: "Inter-SemiBold" !important;
  font-size: 17px !important;
  color: var(--white) !important;
}
.new-text-style-3 {
  font-family: "Inter-Medium" !important;
  font-size: 13px !important;
  color: var(--black) !important;
}
.new-text-style-4 {
  font-family: "Inter-Bold" !important;
  font-size: 13px !important;
  color: var(--black) !important;
}
.new-text-style-5 {
  font-family: "Inter-Bold" !important;
  font-size: 13px !important;
  color: var(--white) !important;
}
.new-text-style-6 {
  font-family: "Inter-Regular" !important;
  font-size: 13px !important;
  color: var(--black) !important;
}
.new-text-style-6-green {
  font-family: "Inter-Regular" !important;
  font-size: 13px !important;
  color: var(--turtle-green) !important;
}
.new-text-style-6-red {
  font-family: "Inter-Regular" !important;
  font-size: 13px !important;
  color: var(--grapefruit) !important;
}
.new-text-style-6-orange {
  font-family: "Inter-Regular" !important;
  font-size: 13px !important;
  color: var(--yellowish-orange) !important;
}
.new-text-style-7 {
  font-family: "Inter-SemiBold" !important;
  font-size: 13px !important;
  color: var(--black) !important;
}
.new-text-style-8 {
  font-family: "Inter-Medium" !important;
  font-size: 14px !important;
  color: var(--black) !important;
}
.new-text-style-9 {
  font-family: "Inter-Bold" !important;
  font-size: 14px !important;
  color: var(--white) !important;
}
.new-text-style-10 {
  font-family: "Inter-Italic" !important;
  font-size: 14px !important;
  color: var(--warm-grey) !important;
}
.new-text-style-11 {
  font-family: "Inter-Bold" !important;
  font-size: 14px !important;
  color: var(--azure) !important;
}
.new-text-style-12 {
  font-family: "Inter-Medium" !important;
  font-size: 14px !important;
  color: var(--twilight-blue) !important;
}
.new-text-style-13 {
  font-family: "Inter-SemiBold" !important;
  font-size: 15px !important;
  color: var(--black) !important;
}
.new-text-style-14 {
  font-family: "Inter-Medium" !important;
  font-size: 17px !important;
  color: var(--sickly-yellow) !important;
}
.new-text-style-15 {
  font-family: "Inter-Regular" !important;
  font-size: 13px !important;
  color: var(--warm-grey) !important;
}
.new-text-style-16 {
  font-family: "Inter-Bold" !important;
  font-size: 16px !important;
  color: var(--black) !important;
}
.new-text-style-17 {
  font-family: "Inter-Regular" !important;
  font-size: 9px !important;
  color: var(--black) !important;
}
.new-text-style-18 {
  font-family: "Inter-Medium" !important;
  font-size: 11px !important;
  color: var(--black) !important;
}
.new-text-style-19 {
  font-family: "Inter-Regular" !important;
  font-size: 11px !important;
  color: var(--black) !important;
}
.new-text-style-20 {
  font-family: "Inter-Regular" !important;
  font-size: 11px !important;
  color: var(--warm-grey) !important;
}
.new-text-style-21 {
  font-family: "Inter-Bold" !important;
  font-size: 15px !important;
  color: var(--black) !important;
}
.new-text-style-22 {
  font-family: "Inter-Medium" !important;
  font-size: 15px !important;
  color: var(--black) !important;
}
.new-text-style-23 {
  font-family: "Inter-Medium" !important;
  font-size: 15px !important;
  color: var(--azure) !important;
}
.new-text-style-24 {
  font-family: Inter !important;
  font-size: 15px !important;
  color: var(--azure) !important;
}
.new-text-style-25 {
  font-family: "Inter-Regular" !important;
  font-size: 15px !important;
  color: var(--black) !important;
}
.new-text-style-26 {
  font-family: "Inter-SemiBold" !important;
  font-size: 13px !important;
  color: var(--azure) !important;
}
.new-text-style-27 {
  font-family: "Inter-Medium" !important;
  font-size: 13px !important;
  color: var(--azure) !important;
}
.new-text-style-28 {
  font-family: "Inter-Regular" !important;
  font-size: 14px !important;
  color: var(--black) !important;
}
.new-text-style-29 {
  font-family: "Inter-SemiBold" !important;
  font-size: 20px !important;
  color: var(--black) !important;
}
.new-text-style-30 {
  font-family: "Inter-SemiBold" !important;
  font-size: 14px !important;
  color: var(--black) !important;
}
.new-text-style-31 {
  font-family: "Inter-SemiBold" !important;
  font-size: 15px !important;
  color: var(--white) !important;
}
.new-text-style-32 {
  font-family: "Inter-SemiBold" !important;
  font-size: 17px !important;
  color: var(--black) !important;
}
.new-text-style-33 {
  font-family: "Inter-SemiBold" !important;
  font-size: 25px !important;
  color: var(--black) !important;
}
.new-text-style-34 {
  font-family: "Inter-Bold" !important;
  font-size: 13px !important;
  color: var(--twilight-blue) !important;
}
.new-text-style-35 {
  font-family: "Inter-Regular" !important;
  font-size: 13px;
  font-style: italic;
  color: var(--black);
}
.new-text-style-36 {
  font-family: "Inter-Regular" !important;
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}
.new-text-style-37 {
  font-family: "Inter-Regular" !important;
  font-size: 12px;
  color: var(--warm-grey);
}
.background-header {
  background-color: linear-gradient(to right, var(--azure) 0%, var(--twilight-blue));
  --background: linear-gradient(to right, var(--azure) 0%, var(--twilight-blue));
}
.background-azure {
  background-color: var(--azure) !important;
  --background: var(--azure) !important;
}
.background-azure-5 {
  background-color: var(--azure-5) !important;
  --background: var(--azure-5) !important;
}
.background-azure-10 {
  background-color: var(--azure-10) !important;
  --background: var(--azure-10) !important;
}
.background-azure-light {
  background-color: var(--azure-light) !important;
  --background: var(--azure-light) !important;
}
.background-sickly-yellow {
  background-color: var(--sickly-yellow) !important;
  --background: var(--sickly-yellow) !important;
}
.background-sand {
  background-color: var(--sand) !important;
  --background: var(--sand) !important;
}
.background-light-grey-green {
  background-color: var(--light-grey-green) !important;
  --background: var(--light-grey-green) !important;
}
.background-duck-egg-blue {
  background-color: var(--duck-egg-blue) !important;
  --background: var(--duck-egg-blue) !important;
}
.background-light-seafoam-blue {
  background-color: var(--seafoam-blue) !important;
  --background: var(--seafoam-blue) !important;
}
.background-light-warm-grey {
  background-color: var(--warm-grey) !important;
  --background: var(--warm-grey) !important;
}
.background-white {
  background-color: var(--white) !important;
  --background: var(--white) !important;
}
.background-very-light-pink {
  background-color: var(--very-light-pink) !important;
  --background: var(--very-light-pink) !important;
}
.background-very-light-pink-two {
  background-color: var(--very-light-pink-two) !important;
  --background: var(--very-light-pink-two) !important;
}
.background-very-light-pink-three {
  background-color: var(--very-light-pink-three) !important;
  --background: var(--very-light-pink-three) !important;
}
.background-transparent {
  background-color: transparent !important;
  --background: transparent !important;
}
.background-fafafa {
  background-color: #fafafa;
  --background: #fafafa;
}
.background-azure-20 {
  background-color: rgba(0, 173, 239, 0.2);
  --background: rgba(0, 173, 239, 0.2);
}
.background-jordy-blue {
  background-color: var(--jordy-blue) !important;
  --background: var(--jordy-blue) !important;
}
.background-robin-egg-blue {
  background-color: var(--robin-egg-blue) !important;
  --background: var(--robin-egg-blue) !important;
}
.background-pale-grey {
  background-color: var(--pale-grey) !important;
  --background: var(--pale-grey) !important;
}
.background-creme {
  background-color: var(--creme) !important;
  --background: var(--creme) !important;
}
.background-creme-30 {
  background-color: var(--creme-30) !important;
  --background: var(--creme-30) !important;
}
.background-light-khaki {
  background-color: var(--light-khaki) !important;
  --background: var(--light-khaki) !important;
}
.background-light-green {
  background-color: var(--light-green) !important;
  --background: var(--light-green) !important;
}
.background-powder-blue {
  background-color: var(--powder-blue) !important;
  --background: var(--powder-blue) !important;
}
.background-powder-blue-two {
  background-color: var(--powder-blue-two) !important;
  --background: var(--powder-blue-two) !important;
}
.background-pale-blue {
  background-color: var(--pale-blue) !important;
  --background: var(--pale-blue) !important;
}
.background-vanilla {
  background-color: var(--vanilla) !important;
  --background: var(--vanilla) !important;
}
.background-light-pink {
  background-color: var(--light-pink) !important;
  --background: var(--light-pink) !important;
}
.background-buff {
  background-color: var(--buff) !important;
  --background: var(--buff) !important;
}
.background-pale-salmon {
  background-color: var(--pale-salmon) !important;
  --background: var(--pale-salmon) !important;
}
.background-baby-blue {
  background-color: var(--baby-blue) !important;
  --background: var(--baby-blue) !important;
}
.background-light-teal {
  background-color: var(--light-teal) !important;
  --background: var(--light-teal) !important;
}
.background-yellowish-orange {
  background-color: var(--yellowish-orange) !important;
  --background: var(--yellowish-orange) !important;
}
.background-sunshine-yellow {
  background-color: var(--sunshine-yellow) !important;
  --background: var(--sunshine-yellow) !important;
}
.background-grapefruit {
  background-color: var(--grapefruit) !important;
  --background: var(--grapefruit) !important;
}
.background-light-sage {
  background-color: var(--light-sage) !important;
  --background: var(--light-sage) !important;
}
.background-very-light-pinky {
  background-color: var(--very-light-pinky) !important;
  --background: var(--very-light-pinky) !important;
}
.background-very-light-purple {
  background-color: var(--very-light-purple) !important;
  --background: var(--very-light-purple) !important;
}
.background-black {
  background-color: var(--black) !important;
  --background: var(--black) !important;
}
.background-white-smoke {
  background-color: var(--white-smoke) !important;
}
.background-weekend-planning {
  background-color: rgba(215, 215, 215, 0.3) !important;
}
.background-ferie-planning {
  background-color: #8c8c8c !important;
}
.color-white {
  color: var(--white) !important;
}
.background-stripes-0c4d98 {
  background: repeating-linear-gradient(45deg, #0c4d984d, #0c4d984d 4.5px, #ffffff 4.5px, #ffffff 6px) !important;
}
.background-stripes-259972 {
  background: repeating-linear-gradient(45deg, #2599724d, #2599724d 4.5px, #ffffff 4.5px, #ffffff 6px) !important;
}
.text-yellowish-orange {
  color: var(--yellowish-orange) !important;
}
.no-border {
  border: none !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-bottom-none {
  border-bottom: none !important;
}
.border-bottom-sickly-yellow-3px {
  border-bottom: 3px solid var(--sickly-yellow) !important;
}
.border-grapefruit-2px {
  border: solid 2px var(--grapefruit);
}
.border-bottom-transparent-3px {
  border-bottom: 3px solid transparent !important;
}
.border-very-light-pink {
  border: solid 1px var(--very-light-pink) !important;
}
.border-bottom-very-light-pink {
  border-bottom: solid 1px var(--very-light-pink) !important;
}
.border-bottom-azure {
  border-bottom: 1px solid var(--azure);
}
.border-bottom-azure-2px {
  border-bottom: 2px solid var(--azure);
}
.border-bottom-twilight-blue {
  border-bottom: solid 1px var(--twilight-blue) !important;
}
.border-bottom-twilight-blue-2px {
  border-bottom: solid 2px var(--twilight-blue) !important;
}
.border-bottom-twilight-blue-3px {
  border-bottom: solid 3px var(--twilight-blue) !important;
}
.border-bottom-twilight-blue-30 {
  border-bottom: solid 1px var(--twilight-blue-30) !important;
}
.border-bottom-twilight-blue-30-2px {
  border-bottom: solid 2px var(--twilight-blue-30) !important;
}
.border-top-twilight-blue-30-2px {
  border-top: solid 2px var(--twilight-blue-30) !important;
}
.border-azure {
  border: 1px solid var(--azure);
}
.border-left-azure {
  border-left: 1px solid var(--azure);
}
.border-bottom-azure-8px {
  border-bottom: solid 8px var(--azure) !important;
}
.border-bottom-white-grey-2 {
  border-bottom: solid 1px var(--white-grey-2) !important;
}
.border-right-white-grey {
  border-right: 1px solid var(--white-grey);
}
.border-bottom-white-grey {
  border-bottom: 1px solid var(--white-grey);
}
.border-warm-grey {
  border: 1px solid var(--warm-grey);
}
.border-right-warm-grey-2px {
  border-right: 2px solid var(--warm-grey);
}
.border-bottom-warm-grey {
  border-bottom: 1px solid var(--warm-grey);
}
.border-bottom-warm-grey-2px {
  border-bottom: 2px solid var(--warm-grey);
}
.border-greyish-brown {
  border: solid 1px var(--greyish-brown);
}
.border-black {
  border: solid 1px var(--greyish-brown);
}
.border-bottom-black {
  border-bottom: solid 1px var(--greyish-brown);
}
.border-right-white {
  border-right: 1px solid var(--white);
}
.border-bottom-none {
  border-bottom: none !important;
}
.border-radius {
  border-radius: 4px;
}
.border-radius-6 {
  border-radius: 6px !important;
}
.border-bottom-left-radius-6 {
  border-bottom-left-radius: 6px !important;
}
.border-top-left-radius-6 {
  border-top-left-radius: 6px !important;
}
.border-bottom-right-radius-6 {
  border-bottom-right-radius: 6px !important;
}
.border-top-right-radius-6 {
  border-top-right-radius: 6px !important;
}
.border-radius-8 {
  border-radius: 8px !important;
}
.border-top-left-radius-8 {
  border-top-left-radius: 8px !important;
}
.border-top-right-radius-8 {
  border-top-right-radius: 8px !important;
}
.border-radius-100 {
  border-radius: 100% !important;
}
.box-shadow-very-light-pink {
  box-shadow: 0 2px 4px 0 var(--very-light-pink) !important;
}
.box-shadow-greyish-10 {
  box-shadow: 0 0 20px 0 var(--greyish-10) !important;
}
.box-shadow-black-10 {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1) !important;
}
.segment-mystemi {
  --min-height: 0 !important;
}
.segment-mystemi::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.segment-button-mystemi {
  text-transform: none !important;
  letter-spacing: normal !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  --background: transparent !important;
  --background-checked: transparent !important;
  --background-focused: transparent !important;
  --background-hover: transparent !important;
  --background-hover-opacity: transparent !important;
  --indicator-box-shadow: none !important;
  --border-width: 0 !important;
  --color-checked: transparent !important;
  --color-focused: transparent !important;
  --color-hover: transparent !important;
  --indicator-color: transparent !important;
  --padding-end: 0 !important;
  --padding-start: 0 !important;
  --ripple-color: transparent !important;
}
.stemi-desktop .margin-small {
  margin: 10px !important;
}
.stemi-desktop .margin-bottom-small {
  margin: 0 0 10px !important;
}
.stemi-desktop .margin-bottom-small-right-medium {
  margin: 0 15px 10px 0 !important;
}
.stemi-desktop .margin-bottom-small-right-large {
  margin: 0 30px 10px 0 !important;
}
.stemi-desktop .margin-bottom-left-small {
  margin: 0 0 10px 15px !important;
}
.stemi-desktop .margin-bottom-medium {
  margin: 0 0 15px !important;
}
.stemi-desktop .margin-bottom-top-medium {
  margin: 15px 0 !important;
}
.stemi-desktop .margin-bottom-medium-right-large {
  margin: 0 30px 15px 0 !important;
}
.stemi-desktop .margin-bottom-left-medium {
  margin: 0 0 15px 15px !important;
}
.stemi-desktop .margin-bottom-large {
  margin: 0 0 20px !important;
}
.stemi-desktop .margin-bottom-very-right-very-large {
  margin: 0 30px 30px 0 !important;
}
.stemi-desktop .margin-top-5 {
  margin-top: 5px !important;
}
.stemi-desktop .margin-top-10 {
  margin-top: 10px !important;
}
.stemi-desktop .margin-top-15 {
  margin-top: 15px !important;
}
.stemi-desktop .margin-top-20 {
  margin-top: 20px !important;
}
.stemi-desktop .margin-top-50 {
  margin-top: 50px !important;
}
.stemi-desktop .margin-bottom-5 {
  margin-bottom: 5px !important;
}
.stemi-desktop .margin-bottom-10 {
  margin-bottom: 10px !important;
}
.stemi-desktop .desktop-margin-bottom-10 {
  margin-bottom: 10px !important;
}
.stemi-desktop .margin-bottom-15 {
  margin-bottom: 15px !important;
}
.stemi-desktop .margin-bottom-20 {
  margin-bottom: 20px !important;
}
.stemi-desktop .margin-bottom-25 {
  margin-bottom: 25px !important;
}
.stemi-desktop .margin-bottom-30 {
  margin-bottom: 30px !important;
}
.stemi-desktop .margin-bottom-40 {
  margin-bottom: 40px !important;
}
.stemi-desktop .margin-right-5 {
  margin-right: 5px !important;
}
.stemi-desktop .margin-right-10 {
  margin-right: 10px !important;
}
.stemi-desktop .desktop-margin-right-10 {
  margin-right: 10px !important;
}
.stemi-desktop .margin-right-15 {
  margin-right: 15px !important;
}
.stemi-desktop .margin-right-20 {
  margin-right: 20px !important;
}
.stemi-desktop .desktop-margin-right-25 {
  margin-right: 25px !important;
}
.stemi-desktop .margin-right-30 {
  margin-right: 30px !important;
}
.stemi-desktop .margin-right-40 {
  margin-right: 40px !important;
}
.stemi-desktop .margin-right-50 {
  margin-right: 50px !important;
}
.stemi-desktop .margin-right-60 {
  margin-right: 60px !important;
}
.stemi-desktop .margin-right-5vw {
  margin-right: 5vw !important;
}
.stemi-desktop .margin-right-15vw {
  margin-right: 15vw !important;
}
.stemi-desktop .margin-left-5 {
  margin-left: 5px !important;
}
.stemi-desktop .margin-left-10 {
  margin-left: 10px !important;
}
.stemi-desktop .margin-left-15 {
  margin-left: 15px !important;
}
.stemi-desktop .margin-left-20 {
  margin-left: 20px !important;
}
.stemi-desktop .margin-left-30 {
  margin-left: 30px !important;
}
.stemi-desktop .desktop-margin-left-30 {
  margin-left: 30px !important;
}
.stemi-desktop .margin-left-40 {
  margin-left: 40px !important;
}
.stemi-desktop .margin-left-50 {
  margin-left: 50px !important;
}
.stemi-desktop .margin-left-60 {
  margin-left: 60px !important;
}
.stemi-desktop .margin-left-80 {
  margin-left: 80px !important;
}
.stemi-desktop .margin-left-100 {
  margin-left: 100px !important;
}
.stemi-desktop .margin-left-5vw {
  margin-left: 5vw !important;
}
.stemi-desktop .margin-left-15vw {
  margin-left: 15vw !important;
}
.stemi-desktop .padding-small {
  padding: 10px 15px !important;
}
.stemi-desktop .padding-small-no-bottom {
  padding: 10px 15px 0 10px !important;
}
.stemi-desktop .padding-medium {
  padding: 25px 15px !important;
}
.stemi-desktop .padding-top-2 {
  padding-top: 2px !important;
}
.stemi-desktop .padding-top-5 {
  padding-top: 5px !important;
}
.stemi-desktop .padding-top-8 {
  padding-top: 8px !important;
}
.stemi-desktop .padding-top-9 {
  padding-top: 9px !important;
}
.stemi-desktop .padding-top-10 {
  padding-top: 10px !important;
}
.stemi-desktop .padding-top-15 {
  padding-top: 15px !important;
}
.stemi-desktop .padding-top-20 {
  padding-top: 20px !important;
}
.stemi-desktop .desktop-padding-top-20 {
  padding-top: 20px !important;
}
.stemi-desktop .padding-top-30 {
  padding-top: 30px !important;
}
.stemi-desktop .padding-top-40 {
  padding-top: 40px !important;
}
.stemi-desktop .padding-top-60 {
  padding-top: 60px !important;
}
.stemi-desktop .padding-bottom-0 {
  padding-bottom: 0 !important;
}
.stemi-desktop .padding-bottom-2 {
  padding-bottom: 2px !important;
}
.stemi-desktop .padding-bottom-5 {
  padding-bottom: 5px !important;
}
.stemi-desktop .padding-bottom-8 {
  padding-bottom: 8px !important;
}
.stemi-desktop .padding-bottom-9 {
  padding-bottom: 9px !important;
}
.stemi-desktop .padding-bottom-10 {
  padding-bottom: 10px !important;
}
.stemi-desktop .desktop-padding-bottom-10 {
  padding-bottom: 10px;
}
.stemi-desktop .padding-bottom-15 {
  padding-bottom: 15px !important;
}
.stemi-desktop .padding-bottom-20 {
  padding-bottom: 20px !important;
}
.stemi-desktop .desktop-padding-bottom-20 {
  padding-bottom: 20px !important;
}
.stemi-desktop .padding-bottom-30 {
  padding-bottom: 30px !important;
}
.stemi-desktop .padding-bottom-40 {
  padding-bottom: 40px !important;
}
.stemi-desktop .padding-bottom-80 {
  padding-bottom: 80px !important;
}
.stemi-desktop .padding-left-2 {
  padding-left: 2px !important;
}
.stemi-desktop .padding-left-5 {
  padding-left: 5px !important;
}
.stemi-desktop .padding-left-10 {
  padding-left: 10px !important;
}
.stemi-desktop .padding-left-15 {
  padding-left: 15px !important;
}
.stemi-desktop .padding-left-20 {
  padding-left: 20px !important;
}
.stemi-desktop .desktop-padding-left-20 {
  padding-left: 20px !important;
}
.stemi-desktop .padding-left-30 {
  padding-left: 30px !important;
}
.stemi-desktop .padding-left-40 {
  padding-left: 40px !important;
}
.stemi-desktop .padding-left-50 {
  padding-left: 50px !important;
}
.stemi-desktop .padding-left-100 {
  padding-left: 100px !important;
}
.stemi-desktop .padding-right-2 {
  padding-right: 2px !important;
}
.stemi-desktop .padding-right-5 {
  padding-right: 5px !important;
}
.stemi-desktop .padding-right-10 {
  padding-right: 10px !important;
}
.stemi-desktop .padding-right-15 {
  padding-right: 15px !important;
}
.stemi-desktop .padding-right-20 {
  padding-right: 20px !important;
}
.stemi-desktop .padding-right-30 {
  padding-right: 30px !important;
}
.stemi-desktop .padding-right-40 {
  padding-right: 40px !important;
}
.stemi-desktop .padding-right-50 {
  padding-right: 50px !important;
}
.stemi-desktop .padding-right-100 {
  padding-right: 100px !important;
}
.stemi-mobile .margin-small {
  margin: 10px !important;
}
.stemi-mobile .margin-bottom-small {
  margin: 0 0 10px !important;
}
.stemi-mobile .margin-bottom-top-small {
  margin: 10px 0 !important;
}
.stemi-mobile .margin-bottom-small-right-medium {
  margin: 0 4.17vw 10px 0 !important;
}
.stemi-mobile .margin-bottom-small-right-large {
  margin: 0 8.88vw 10px 0 !important;
}
.stemi-mobile .margin-bottom-medium {
  margin: 0 0 15px !important;
}
.stemi-mobile .margin-bottom-top-medium {
  margin: 15px 0 !important;
}
.stemi-mobile .margin-bottom-large {
  margin: 0 0 20px !important;
}
.stemi-mobile .margin-top-5 {
  margin-top: 5px !important;
}
.stemi-mobile .margin-top-10 {
  margin-top: 10px !important;
}
.stemi-mobile .margin-top-20 {
  margin-top: 20px !important;
}
.stemi-mobile .margin-bottom-5 {
  margin-bottom: 5px !important;
}
.stemi-mobile .margin-bottom-10 {
  margin-bottom: 10px !important;
}
.stemi-mobile .mobile-margin-bottom-10 {
  margin-bottom: 10px !important;
}
.stemi-mobile .margin-bottom-15 {
  margin-bottom: 15px !important;
}
.stemi-mobile .margin-bottom-20 {
  margin-bottom: 20px !important;
}
.stemi-mobile .margin-right-5 {
  margin-right: 1.39vw !important;
}
.stemi-mobile .mobile-margin-right-5 {
  margin-right: 1.39vw !important;
}
.stemi-mobile .margin-right-10 {
  margin-right: 2.78vw !important;
}
.stemi-mobile .mobile-margin-right-10 {
  margin-right: 2.78vw !important;
}
.stemi-mobile .margin-right-15 {
  margin-right: 4.17vw !important;
}
.stemi-mobile .margin-right-20 {
  margin-right: 5.55vw !important;
}
.stemi-mobile .mobile-margin-right-15 {
  margin-right: 4.17vw !important;
}
.stemi-mobile .margin-right-30 {
  margin-right: 8.33vw !important;
}
.stemi-mobile .margin-left-5 {
  margin-left: 1.39vw !important;
}
.stemi-mobile .margin-left-10 {
  margin-left: 2.78vw !important;
}
.stemi-mobile .margin-left-15 {
  margin-left: 4.17vw !important;
}
.stemi-mobile .margin-left-30 {
  margin-left: 8.33vw !important;
}
.stemi-mobile .padding-very-small {
  padding: 5px 2.77vw !important;
}
.stemi-mobile .padding-small {
  padding: 10px 4.17vw !important;
}
.stemi-mobile .padding-small-no-bottom {
  padding: 10px 4.17vw 0 4.17vw !important;
}
.stemi-mobile .padding-top-0 {
  padding-top: 0 !important;
}
.stemi-mobile .padding-top-5 {
  padding-top: 5px !important;
}
.stemi-mobile .padding-top-10 {
  padding-top: 10px !important;
}
.stemi-mobile .mobile-padding-top-10 {
  padding-top: 10px !important;
}
.stemi-mobile .padding-top-15 {
  padding-top: 15px !important;
}
.stemi-mobile .padding-top-20 {
  padding-top: 20px !important;
}
.stemi-mobile .padding-bottom-5 {
  padding-bottom: 5px !important;
}
.stemi-mobile .padding-bottom-10 {
  padding-bottom: 10px !important;
}
.stemi-mobile .mobile-padding-bottom-10 {
  padding-bottom: 10px !important;
}
.stemi-mobile .padding-bottom-15 {
  padding-bottom: 15px !important;
}
.stemi-mobile .padding-bottom-20 {
  padding-bottom: 20px !important;
}
.stemi-mobile .padding-bottom-30 {
  padding-bottom: 30px !important;
}
.stemi-mobile .padding-left-10 {
  padding-left: 2.78vw !important;
}
.stemi-mobile .padding-left-15 {
  padding-left: 4.17vw !important;
}
.stemi-mobile .padding-right-10 {
  padding-right: 2.78vw !important;
}
.stemi-mobile .padding-right-15 {
  padding-right: 4.17vw !important;
}
.stemi-mobile .top-0 {
  top: 0 !important;
}
.stemi-mobile .right-0 {
  right: 0 !important;
}
.width-0px {
  width: 0 !important;
}
.width-7px {
  width: 7px !important;
}
.width-12px {
  width: 12px !important;
}
.width-14px {
  width: 14px !important;
}
.width-15px {
  width: 15px !important;
}
.width-16px {
  width: 16px !important;
}
.width-20px {
  width: 20px !important;
}
.width-25px {
  width: 25px !important;
}
.width-30px {
  width: 30px !important;
}
.width-100px {
  width: 100px !important;
}
.width-150px {
  width: 150px !important;
}
.width-250px {
  width: 250px !important;
}
.width-320px {
  width: 320px !important;
}
.width-50 {
  width: 50% !important;
}
.height-15px {
  height: 15px !important;
}
.rotate-180 {
  transform: rotate(180deg);
}
.vertical-align-middle {
  vertical-align: middle !important;
}
.display-none {
  display: none !important;
}
.display-block {
  display: block !important;
}
.display-inline {
  display: inline !important;
}
.display-inline-flex {
  display: inline-flex !important;
}
.display-inline-block {
  display: inline-block !important;
}
.position-relative {
  position: relative !important;
}
.display-inline-table {
  display: inline-table !important;
}
.position-absolute {
  position: absolute !important;
}
.z-index-1000 {
  z-index: 1000 !important;
}
.opacity-5 {
  opacity: 0.5 !important;
}
.no-select {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.visibility-hidden {
  visibility: hidden !important;
}
.white-space-pre-wrap {
  white-space: pre-wrap !important;
}
.white-space-pre-line {
  white-space: pre-line !important;
}
.white-space-nowrap {
  white-space: nowrap !important;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis !important;
}
.blank-item-mystemi {
  padding: 0 !important;
  --min-height: initial !important;
  --inner-padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-top: 0 !important;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --padding-bottom: 0 !important;
  --padding-top: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  --background-hover: transparent !important;
  --background-activated: transparent !important;
  --background-focused: transparent !important;
  --background: transparent;
}
.checkbox-mystemi {
  --border-color: var(--black) !important;
  --border-color-checked: var(--twilight-blue) !important;
  --background: var(--white) !important;
  --background-checked: var(--twilight-blue) !important;
  --checkmark-color: transparent !important;
  --border-radius: 1px !important;
  --size: 14px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: start !important;
}
input, textarea {
  caret-color: var(--black) !important;
}
.stemi-desktop .input-mystemi {
  min-height: 0 !important;
  padding: 0 0 10px !important;
}
.stemi-desktop .input-mystemi input {
  padding: 0 !important;
}
.stemi-desktop .textarea-mystemi {
  min-height: 0 !important;
  --padding-top: 0;
  --padding-bottom: 0;
  padding: 0 0 10px;
  margin: 0 !important;
}
.stemi-desktop .input-date-mystemi {
  min-height: 0 !important;
  padding: 0 0 8px !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent;
  cursor: pointer;
}
.stemi-desktop .input-date-calendar-mystemi {
  min-height: 0 !important;
  padding: 0 0 8px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: url(/assets/imgs/calendrier.svg) no-repeat !important;
  background-position: bottom 10px right 10px !important;
  background-size: 15px !important;
  cursor: pointer;
}
.stemi-desktop .input-dates-range-mystemi {
  min-height: 0 !important;
  padding: 0px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: url(/assets/imgs/calendrier.svg) no-repeat !important;
  background-position: bottom 0px right 10px !important;
  background-size: 15px !important;
  cursor: pointer;
}
.stemi-desktop .select-pagination-mystemi {
  background: transparent !important;
  padding: 0 !important;
  min-height: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  white-space: pre-wrap !important;
}
.stemi-desktop .select-mystemi {
  background: transparent !important;
  padding: 0 0 8px !important;
  min-height: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --ripple-color: transparent !important;
  white-space: pre-wrap !important;
}
.stemi-desktop .popover-select-mystemi {
  --max-height: 70%;
  --width: fit-content !important;
  --max-width: 30vw !important;
}
.stemi-desktop .popover-select-mystemi .popover-viewport .item {
  font-family: "Inter-Medium";
  font-size: 13px;
  color: var(--black);
  border-bottom: 1px solid var(--very-light-pink) !important;
  --background: var(--white) !important;
  --background-activated: var(--white) !important;
  --background-activated-opacity: 1 !important;
  --highlight-color-focused: var(--white) !important;
  --highlight-color-invalid: var(--white) !important;
  --highlight-color-valid: var(--white) !important;
  --background-focused: var(--white) !important;
  --background-focused-opacity: 1 !important;
  --background-hover: var(--white) !important;
  --background-hover-opacity: 1 !important;
  --inner-border-width: 0 !important;
  --color-focused: var(--black) !important;
  --color-hover: var(--black) !important;
  --indicator-color: transparent !important;
  --ripple-color: transparent !important;
}
.stemi-desktop .popover-select-mystemi .popover-viewport .item::part(native) ion-label {
  white-space: pre-wrap !important;
}
.stemi-desktop .popover-select-mystemi .popover-viewport .item:last-of-type {
  border-bottom: none !important;
}
.stemi-desktop .popover-select-mystemi .popover-viewport ion-radio::part(container) {
  opacity: 1 !important;
}
.stemi-desktop .ion-selectable-mystemi {
  --min-height: 0 !important;
  --inner-padding-start: 0 !important;
  --inner-padding-end: 0 !important;
  --inner-padding-bottom: 0 !important;
  --inner-padding-top: 0 !important;
  --padding-start: 0 !important;
  --padding-end: 0 !important;
  --padding-bottom: 10px !important;
  --padding-top: 0 !important;
  --highlight-color-focused: transparent !important;
  --highlight-color-invalid: transparent !important;
  --highlight-color-valid: transparent !important;
  --background: transparent;
}
.stemi-desktop .ion-selectable-mystemi .ionic-selectable-value {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.stemi-desktop .ion-selectable-mystemi .ionic-selectable-icon-inner {
  top: 5px !important;
  color: var(--black);
}
.stemi-desktop .radio-mystemi {
  --color-checked: var(--twilight-blue);
  --border-radius: 20px;
  --inner-border-radius: 20px;
  width: 15px !important;
  height: 15px !important;
}
.popover-centered::part(content) {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.stemi-desktop .ion-selectable-modal-mystemi::part(content) {
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1) !important;
  border-radius: 4px !important;
  background-color: var(--white);
}
.stemi-desktop .ion-selectable-modal-width-400px-mystemi::part(content) {
  width: 400px !important;
}
.stemi-desktop .ion-selectable-modal-width-800px-mystemi::part(content) {
  width: 700px !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar {
  --background-color: var(--white) !important;
  border: none !important;
  --border-color: transparent !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar .img-selectable-modal {
  height: 18px;
  margin: 10px;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar ion-title {
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar ion-searchbar {
  height: 40px !important;
  border-radius: 4px;
  min-height: 40px !important;
  padding: 0;
  margin: auto;
  caret-color: var(--azure) !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar ion-searchbar .searchbar-input-container {
  border: 1px solid #b0b0b0 !important;
  border-radius: 4px;
  --box-shadow: none;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar ion-searchbar .searchbar-input-container .searchbar-search-icon {
  display: none !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header ion-toolbar ion-searchbar .searchbar-input-container .searchbar-input {
  height: 38px !important;
  border-radius: 4px;
  font-size: 16px !important;
  color: var(--black) !important;
  font-weight: normal;
  padding-left: 10px !important;
  background-color: var(--white);
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header .toolbar-searchbar {
  padding-left: 20px;
  padding-right: 20px;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-header::after {
  background: none !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-content .ionic-selectable-item {
  font-size: 14px !important;
  color: var(--black);
  --border-color: transparent !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-content .ionic-selectable-item ion-icon {
  color: var(--twilight-blue) !important;
  --ion-color-base: var(--twilight-blue) !important;
  vertical-align: middle;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-content .ionic-selectable-item ion-icon::before {
  vertical-align: middle;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-content .ionic-selectable-item ion-label {
  border: none !important;
  font-size: 16px !important;
  white-space: normal !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-content .ionic-selectable-item:hover {
  opacity: 0.6;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-footer {
  text-align: center;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-footer ion-toolbar {
  padding: 0 !important;
  --border-color: transparent !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-footer ion-toolbar ion-col {
  padding: 0 !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-footer ion-toolbar ion-col ion-button {
  width: 104px !important;
  max-width: 104px !important;
  min-width: 104px !important;
  height: 40px !important;
  font-size: 14px;
  font-weight: bold;
  --color: var(--white);
  --background: var(--azure);
  margin: 20px auto !important;
  text-transform: none;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-footer ion-toolbar ion-col ion-button:hover {
  --opacity: 0.8 !important;
}
.stemi-desktop .ion-selectable-modal-mystemi ion-footer::before {
  background: none !important;
}
.fullcalendar-event:focus:after {
  background: none !important;
}
.fc-datagrid-cell-main {
  white-space: pre-wrap !important;
}
.fc-col-header-cell-cushion, .fc-daygrid-day-number, .fc-list-day-text, .fc-list-day-side-text, .fc-timeline-slot-cushion {
  color: var(--black);
}
.fc-resource-timeline {
  background-color: var(--white) !important;
}
.stemi-desktop .alert-textarea-mystemi .alert-wrapper {
  width: 600px !important;
  max-width: 600px !important;
}
.stemi-desktop .alert-textarea-mystemi .alert-wrapper .alert-input-group .alert-input-wrapper {
  height: 100px !important;
}
.stemi-desktop .alert-textarea-mystemi .alert-wrapper .alert-input-group .alert-input-wrapper .alert-input {
  height: 100px !important;
  padding: 10px 15px !important;
}
.tippy-arrow {
  display: none !important;
}
.tippy-content {
  box-shadow: 0 0 10px 0 var(--black-20);
  background-color: var(--white);
}

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