/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@import url("fonts/open-iconic/font/css/open-iconic-bootstrap.min.css");
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: Hasklig;
  font-weight: normal;
  font-style: normal;
  src: url("fonts/hasklig/hasklig-regular.woff2?v=1.1") format("woff2");
}
/* Regular */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
/* Italic */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
/* Light */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
/* Light Italic*/
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-lightital.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
/* Medium */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
/* Medium Italic */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-mediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
/* Bold */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
/* Bold Italic */
@font-face {
  font-family: roboto;
  src: url("fonts/roboto/roboto-boldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "messerli-icons";
  src: url("messerli-icons.eot?cachebust=1771335599");
  src: url("fonts/messerli-icons/messerli-icons.eot?cachebust=1771335599#iefix") format("eot"), url("fonts/messerli-icons/messerli-icons.woff2?cachebust=1771335599") format("woff2"), url("fonts/messerli-icons/messerli-icons.woff?cachebust=1771335599") format("woff"), url("fonts/messerli-icons/messerli-icons.ttf?cachebust=1771335599") format("truetype"), url("fonts/messerli-icons/messerli-icons.svg?cachebust=1771335599#messerli-icons") format("svg");
}
.mi:before {
  font-family: "messerli-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none;
  vertical-align: bottom;
}

.mi-abschliessen:before {
  content: "\ea01";
}

.mi-add-canvas:before {
  content: "\ea02";
}

.mi-add-document:before {
  content: "\ea03";
}

.mi-add-new-item:before {
  content: "\ea04";
}

.mi-add-photo:before {
  content: "\ea05";
}

.mi-add-plus:before {
  content: "\ea06";
}

.mi-add-recording:before {
  content: "\ea07";
}

.mi-add-signature:before {
  content: "\ea08";
}

.mi-add-smart-entry:before {
  content: "\ea09";
}

.mi-add-sollzeit:before {
  content: "\ea0a";
}

.mi-adr-email:before {
  content: "\ea0b";
}

.mi-adr-mobile:before {
  content: "\ea0c";
}

.mi-adr-person:before {
  content: "\ea0d";
}

.mi-adr-route:before {
  content: "\ea0e";
}

.mi-adr-tel:before {
  content: "\ea0f";
}

.mi-adr-www:before {
  content: "\ea10";
}

.mi-allgemein:before {
  content: "\ea11";
}

.mi-angestellter:before {
  content: "\ea12";
}

.mi-angestellter-edit:before {
  content: "\ea13";
}

.mi-anlage:before {
  content: "\ea14";
}

.mi-assign-series:before {
  content: "\ea15";
}

.mi-attachment:before {
  content: "\ea16";
}

.mi-attendance:before {
  content: "\ea17";
}

.mi-audio-pause:before {
  content: "\ea18";
}

.mi-audio-play:before {
  content: "\ea19";
}

.mi-audio-record-start:before {
  content: "\ea1a";
}

.mi-audio-stop:before {
  content: "\ea1b";
}

.mi-auftrag:before {
  content: "\ea1c";
}

.mi-auftrag-lager:before {
  content: "\ea1d";
}

.mi-auftrag-ohne:before {
  content: "\ea1e";
}

.mi-auftrag-regie:before {
  content: "\ea1f";
}

.mi-auftrag-sammel:before {
  content: "\ea20";
}

.mi-auftrag-sub:before {
  content: "\ea21";
}

.mi-auftrag-sub-lager:before {
  content: "\ea22";
}

.mi-auftrag-sub-regie:before {
  content: "\ea23";
}

.mi-auftrag-sub-teilleistung:before {
  content: "\ea24";
}

.mi-auftrag-sub-teilleistung-regie:before {
  content: "\ea25";
}

.mi-auftrag-sub-unproduktiv:before {
  content: "\ea26";
}

.mi-auftrag-teilleistung:before {
  content: "\ea27";
}

.mi-auftrag-teilleistung-regie:before {
  content: "\ea28";
}

.mi-auftrag-unproduktiv:before {
  content: "\ea29";
}

.mi-auftragsgruppe:before {
  content: "\ea2a";
}

.mi-avatar:before {
  content: "\ea2b";
}

.mi-avis:before {
  content: "\ea2c";
}

.mi-avis-mark-send:before {
  content: "\ea2d";
}

.mi-back-edit:before {
  content: "\ea2e";
}

.mi-bereich:before {
  content: "\ea2f";
}

.mi-buchung-regie:before {
  content: "\ea30";
}

.mi-buchung-teilleistung:before {
  content: "\ea31";
}

.mi-buchung-unproduktiv:before {
  content: "\ea32";
}

.mi-bulk-delete:before {
  content: "\ea33";
}

.mi-calendar:before {
  content: "\ea34";
}

.mi-call-support:before {
  content: "\ea35";
}

.mi-cancel:before {
  content: "\ea36";
}

.mi-cb-enabled-indeterminate:before {
  content: "\ea37";
}

.mi-cb-enabled-selected:before {
  content: "\ea38";
}

.mi-cb-enabled-unselected:before {
  content: "\ea39";
}

.mi-chat-message:before {
  content: "\ea3a";
}

.mi-check-all:before {
  content: "\ea3b";
}

.mi-checkmark-circled:before {
  content: "\ea3c";
}

.mi-circel-left:before {
  content: "\ea3d";
}

.mi-circel-right:before {
  content: "\ea3e";
}

.mi-close:before {
  content: "\ea3f";
}

.mi-close-circled:before {
  content: "\ea40";
}

.mi-cloud-download:before {
  content: "\ea41";
}

.mi-cloud-upload:before {
  content: "\ea42";
}

.mi-columns-managment:before {
  content: "\ea43";
}

.mi-columns-max-resize:before {
  content: "\ea44";
}

.mi-columns-settings:before {
  content: "\ea45";
}

.mi-contractor:before {
  content: "\ea46";
}

.mi-copy:before {
  content: "\ea47";
}

.mi-copy-fill:before {
  content: "\ea48";
}

.mi-cost-absenzen:before {
  content: "\ea49";
}

.mi-cost-arbeitsstunden:before {
  content: "\ea4a";
}

.mi-cost-arbeitsstunden-nicht-belastbar:before {
  content: "\ea4b";
}

.mi-cost-arbeitsstunden-regie:before {
  content: "\ea4c";
}

.mi-cost-arbeitsstunden-teilleistung:before {
  content: "\ea4d";
}

.mi-cost-arbeitsstunden-teilleistung-regie:before {
  content: "\ea4e";
}

.mi-cost-auszahlung:before {
  content: "\ea4f";
}

.mi-cost-compesnsation:before {
  content: "\ea50";
}

.mi-cost-document:before {
  content: "\ea51";
}

.mi-cost-eat:before {
  content: "\ea52";
}

.mi-cost-ferien:before {
  content: "\ea53";
}

.mi-cost-krankheit:before {
  content: "\ea54";
}

.mi-cost-pause:before {
  content: "\ea55";
}

.mi-cost-sonderkosten:before {
  content: "\ea56";
}

.mi-cost-spesen:before {
  content: "\ea57";
}

.mi-cost-spesen-nicht-belastbar:before {
  content: "\ea58";
}

.mi-cost-spesen-regie:before {
  content: "\ea59";
}

.mi-cost-spesen-teilleistung:before {
  content: "\ea5a";
}

.mi-cost-spesen-teilleistung-regie:before {
  content: "\ea5b";
}

.mi-cost-umbuchungen:before {
  content: "\ea5c";
}

.mi-cost-unfall:before {
  content: "\ea5d";
}

.mi-cut:before {
  content: "\ea5e";
}

.mi-dark-mode:before {
  content: "\ea5f";
}

.mi-day:before {
  content: "\ea60";
}

.mi-delete:before {
  content: "\ea61";
}

.mi-diagonal-stroke:before {
  content: "\ea62";
}

.mi-directory-close:before {
  content: "\ea63";
}

.mi-directory-open:before {
  content: "\ea64";
}

.mi-download:before {
  content: "\ea65";
}

.mi-drag-horizontally:before {
  content: "\ea66";
}

.mi-drag-indicator:before {
  content: "\ea67";
}

.mi-dropdown-arrow:before {
  content: "\ea68";
}

.mi-edit:before {
  content: "\ea69";
}

.mi-edit-canvas:before {
  content: "\ea6a";
}

.mi-email:before {
  content: "\ea6b";
}

.mi-email-alert:before {
  content: "\ea6c";
}

.mi-erase:before {
  content: "\ea6d";
}

.mi-erledigt:before {
  content: "\ea6e";
}

.mi-expenses:before {
  content: "\ea6f";
}

.mi-external-drive:before {
  content: "\ea70";
}

.mi-file:before {
  content: "\ea71";
}

.mi-file-audio:before {
  content: "\ea72";
}

.mi-file-excel:before {
  content: "\ea73";
}

.mi-file-image:before {
  content: "\ea74";
}

.mi-file-movie:before {
  content: "\ea75";
}

.mi-file-pdf:before {
  content: "\ea76";
}

.mi-file-properties:before {
  content: "\ea77";
}

.mi-file-word:before {
  content: "\ea78";
}

.mi-filter:before {
  content: "\ea79";
}

.mi-fix-sidebar:before {
  content: "\ea7a";
}

.mi-fix-sidebar-2:before {
  content: "\ea7b";
}

.mi-gruppierung:before {
  content: "\ea7c";
}

.mi-hard-disk:before {
  content: "\ea7d";
}

.mi-help-filled:before {
  content: "\ea7e";
}

.mi-history:before {
  content: "\ea7f";
}

.mi-holding:before {
  content: "\ea80";
}

.mi-holding-firma:before {
  content: "\ea81";
}

.mi-holding-firma-filiale:before {
  content: "\ea82";
}

.mi-holiday:before {
  content: "\ea83";
}

.mi-holiday-fill:before {
  content: "\ea84";
}

.mi-id-card:before {
  content: "\ea85";
}

.mi-image:before {
  content: "\ea86";
}

.mi-info:before {
  content: "\ea87";
}

.mi-info-outlined:before {
  content: "\ea88";
}

.mi-installation:before {
  content: "\ea89";
}

.mi-keine-eintraege:before {
  content: "\ea8a";
}

.mi-kostenstelle:before {
  content: "\ea8b";
}

.mi-light-mode:before {
  content: "\ea8c";
}

.mi-link:before {
  content: "\ea8d";
}

.mi-link_off:before {
  content: "\ea8e";
}

.mi-list-placeholder:before {
  content: "\ea8f";
}

.mi-list-read:before {
  content: "\ea90";
}

.mi-lock:before {
  content: "\ea91";
}

.mi-logout:before {
  content: "\ea92";
}

.mi-mail-reply:before {
  content: "\ea93";
}

.mi-masseneingabe:before {
  content: "\ea94";
}

.mi-month:before {
  content: "\ea95";
}

.mi-move:before {
  content: "\ea96";
}

.mi-move-item:before {
  content: "\ea97";
}

.mi-multiple-selection:before {
  content: "\ea98";
}

.mi-multiple-selection-undo:before {
  content: "\ea99";
}

.mi-nav-adressverwaltung:before {
  content: "\ea9a";
}

.mi-nav-auftragsbearbeitung:before {
  content: "\ea9b";
}

.mi-nav-bauadministration:before {
  content: "\ea9c";
}

.mi-nav-bauleitung:before {
  content: "\ea9d";
}

.mi-nav-bauleitung-abnahme:before {
  content: "\ea9e";
}

.mi-nav-bauleitung-abnahme-objekt:before {
  content: "\ea9f";
}

.mi-nav-bauleitung-abnahme-werk:before {
  content: "\eaa0";
}

.mi-nav-bauleitung-auftraege:before {
  content: "\eaa1";
}

.mi-nav-bauleitung-baujournal:before {
  content: "\eaa2";
}

.mi-nav-bauleitung-besprechungen:before {
  content: "\eaa3";
}

.mi-nav-bauleitung-entscheide:before {
  content: "\eaa4";
}

.mi-nav-bauleitung-gesamtliste:before {
  content: "\eaa5";
}

.mi-nav-bauleitung-maengel:before {
  content: "\eaa6";
}

.mi-nav-bauleitung-notizen:before {
  content: "\eaa7";
}

.mi-nav-bauleitung-pendenzen:before {
  content: "\eaa8";
}

.mi-nav-bauleitung-projektadressen:before {
  content: "\eaa9";
}

.mi-nav-bauleitung-vorerfassen:before {
  content: "\eaaa";
}

.mi-nav-crm:before {
  content: "\eaab";
}

.mi-nav-demo-account:before {
  content: "\eaac";
}

.mi-nav-demo-button:before {
  content: "\eaad";
}

.mi-nav-demo-color:before {
  content: "\eaae";
}

.mi-nav-demo-components:before {
  content: "\eaaf";
}

.mi-nav-demo-dynamic-form:before {
  content: "\eab0";
}

.mi-nav-demo-elements:before {
  content: "\eab1";
}

.mi-nav-demo-file-upload:before {
  content: "\eab2";
}

.mi-nav-demo-form:before {
  content: "\eab3";
}

.mi-nav-demo-form-row:before {
  content: "\eab4";
}

.mi-nav-demo-grid-view:before {
  content: "\eab5";
}

.mi-nav-demo-grid-view-config:before {
  content: "\eab6";
}

.mi-nav-demo-icon:before {
  content: "\eab7";
}

.mi-nav-demo-master-detail-view:before {
  content: "\eab8";
}

.mi-nav-demo-modal:before {
  content: "\eab9";
}

.mi-nav-demo-tile-view:before {
  content: "\eaba";
}

.mi-nav-demo-toolbar:before {
  content: "\eabb";
}

.mi-nav-demo-typography:before {
  content: "\eabc";
}

.mi-nav-documents:before {
  content: "\eabd";
}

.mi-nav-dokument:before {
  content: "\eabe";
}

.mi-nav-einstellungen:before {
  content: "\eabf";
}

.mi-nav-einstellungen-allgemein:before {
  content: "\eac0";
}

.mi-nav-einstellungen-farben:before {
  content: "\eac1";
}

.mi-nav-einstellungen-plaene:before {
  content: "\eac2";
}

.mi-nav-einstellungen-projekt:before {
  content: "\eac3";
}

.mi-nav-einstellungen-spalten:before {
  content: "\eac4";
}

.mi-nav-einstellungen-vorschlagswerte:before {
  content: "\eac5";
}

.mi-nav-finanzbuchhaltung:before {
  content: "\eac6";
}

.mi-nav-kalender:before {
  content: "\eac7";
}

.mi-nav-lohnbuchhaltung:before {
  content: "\eac8";
}

.mi-nav-messerli:before {
  content: "\eac9";
}

.mi-nav-offline:before {
  content: "\eaca";
}

.mi-nav-projektmanagement:before {
  content: "\eacb";
}

.mi-nav-rapport:before {
  content: "\eacc";
}

.mi-nav-rapport-abgeschlossen:before {
  content: "\eacd";
}

.mi-nav-rapport-adressen:before {
  content: "\eace";
}

.mi-nav-rapport-allgemein:before {
  content: "\eacf";
}

.mi-nav-rapport-anhang:before {
  content: "\ead0";
}

.mi-nav-rapport-auftragsbearbeitung:before {
  content: "\ead1";
}

.mi-nav-rapport-eigenschaften:before {
  content: "\ead2";
}

.mi-nav-rapport-inbearbeitung:before {
  content: "\ead3";
}

.mi-nav-rapport-material:before {
  content: "\ead4";
}

.mi-nav-rapport-pool:before {
  content: "\ead5";
}

.mi-nav-rapport-userdef:before {
  content: "\ead6";
}

.mi-nav-rapport-zeit:before {
  content: "\ead7";
}

.mi-nav-rapport-zusammenfassung:before {
  content: "\ead8";
}

.mi-nav-rapport-zusatzbereiche:before {
  content: "\ead9";
}

.mi-nav-zerf:before {
  content: "\eada";
}

.mi-nav-zerf-expenses:before {
  content: "\eadb";
}

.mi-nav-zerf-naka-nonapp:before {
  content: "\eadc";
}

.mi-nav-zerf-saldi:before {
  content: "\eadd";
}

.mi-nav-zerf-sonderkosten:before {
  content: "\eade";
}

.mi-nav-zerf-stempel:before {
  content: "\eadf";
}

.mi-nav-zerf-time:before {
  content: "\eae0";
}

.mi-nav-zerf-verwaltungsaufgaben:before {
  content: "\eae1";
}

.mi-navigation-open:before {
  content: "\eae2";
}

.mi-navigation-return:before {
  content: "\eae3";
}

.mi-neuer-eintrag:before {
  content: "\eae4";
}

.mi-notice:before {
  content: "\eae5";
}

.mi-offline:before {
  content: "\eae6";
}

.mi-online:before {
  content: "\eae7";
}

.mi-open-close-left:before {
  content: "\eae8";
}

.mi-open-close-right:before {
  content: "\eae9";
}

.mi-open-in-new:before {
  content: "\eaea";
}

.mi-open-list:before {
  content: "\eaeb";
}

.mi-paste:before {
  content: "\eaec";
}

.mi-paste-go:before {
  content: "\eaed";
}

.mi-pdf-drucken:before {
  content: "\eaee";
}

.mi-person-permissions:before {
  content: "\eaef";
}

.mi-placeholder-01:before {
  content: "\eaf0";
}

.mi-placeholder-02:before {
  content: "\eaf1";
}

.mi-placeholder-03:before {
  content: "\eaf2";
}

.mi-placeholder-04:before {
  content: "\eaf3";
}

.mi-placeholder-05:before {
  content: "\eaf4";
}

.mi-plan:before {
  content: "\eaf5";
}

.mi-plan-add-marker:before {
  content: "\eaf6";
}

.mi-plan-administration:before {
  content: "\eaf7";
}

.mi-plan-marker-done:before {
  content: "\eaf8";
}

.mi-plan-marker-todo:before {
  content: "\eaf9";
}

.mi-plan-rectangle-selection-to-move:before {
  content: "\eafa";
}

.mi-plan-replace:before {
  content: "\eafb";
}

.mi-plan-show-marker:before {
  content: "\eafc";
}

.mi-play-lesson:before {
  content: "\eafd";
}

.mi-preview:before {
  content: "\eafe";
}

.mi-print:before {
  content: "\eaff";
}

.mi-printer-1:before {
  content: "\eb00";
}

.mi-printer-2:before {
  content: "\eb01";
}

.mi-printer-3:before {
  content: "\eb02";
}

.mi-radio-btn-selected:before {
  content: "\eb03";
}

.mi-radio-btn-unselected:before {
  content: "\eb04";
}

.mi-rate-review:before {
  content: "\eb05";
}

.mi-redo:before {
  content: "\eb06";
}

.mi-release-note:before {
  content: "\eb07";
}

.mi-release-note-info:before {
  content: "\eb08";
}

.mi-release-notes:before {
  content: "\eb09";
}

.mi-reopen:before {
  content: "\eb0a";
}

.mi-reset:before {
  content: "\eb0b";
}

.mi-resize-width-containers:before {
  content: "\eb0c";
}

.mi-review:before {
  content: "\eb0d";
}

.mi-right-panel-close:before {
  content: "\eb0e";
}

.mi-right-panel-open:before {
  content: "\eb0f";
}

.mi-salary:before {
  content: "\eb10";
}

.mi-saldi:before {
  content: "\eb11";
}

.mi-sales:before {
  content: "\eb12";
}

.mi-save:before {
  content: "\eb13";
}

.mi-screen-large:before {
  content: "\eb14";
}

.mi-screen-medium:before {
  content: "\eb15";
}

.mi-screen-small:before {
  content: "\eb16";
}

.mi-search:before {
  content: "\eb17";
}

.mi-search-invert:before {
  content: "\eb18";
}

.mi-send:before {
  content: "\eb19";
}

.mi-show-complete-element:before {
  content: "\eb1a";
}

.mi-show-grid:before {
  content: "\eb1b";
}

.mi-show-hidden-elements:before {
  content: "\eb1c";
}

.mi-show-tiles:before {
  content: "\eb1d";
}

.mi-sort-arrow-asc-1:before {
  content: "\eb1e";
}

.mi-sort-arrow-asc-2:before {
  content: "\eb1f";
}

.mi-sort-arrow-asc-3:before {
  content: "\eb20";
}

.mi-sort-arrow-asc-4:before {
  content: "\eb21";
}

.mi-sort-arrow-desc-1:before {
  content: "\eb22";
}

.mi-sort-arrow-desc-2:before {
  content: "\eb23";
}

.mi-sort-arrow-desc-3:before {
  content: "\eb24";
}

.mi-sort-arrow-desc-4:before {
  content: "\eb25";
}

.mi-sort-asc:before {
  content: "\eb26";
}

.mi-sort-asc-1:before {
  content: "\eb27";
}

.mi-sort-asc-1-horizontal:before {
  content: "\eb28";
}

.mi-sort-asc-2:before {
  content: "\eb29";
}

.mi-sort-asc-2-horizontal:before {
  content: "\eb2a";
}

.mi-sort-asc-3:before {
  content: "\eb2b";
}

.mi-sort-asc-3-horizontal:before {
  content: "\eb2c";
}

.mi-sort-asc-4:before {
  content: "\eb2d";
}

.mi-sort-asc-4-horizontal:before {
  content: "\eb2e";
}

.mi-sort-asc-5:before {
  content: "\eb2f";
}

.mi-sort-asc-5-horizontal:before {
  content: "\eb30";
}

.mi-sort-desc:before {
  content: "\eb31";
}

.mi-sort-desc-1:before {
  content: "\eb32";
}

.mi-sort-desc-1-horizontal:before {
  content: "\eb33";
}

.mi-sort-desc-2:before {
  content: "\eb34";
}

.mi-sort-desc-2-horizontal:before {
  content: "\eb35";
}

.mi-sort-desc-3:before {
  content: "\eb36";
}

.mi-sort-desc-3-horizontal:before {
  content: "\eb37";
}

.mi-sort-desc-4:before {
  content: "\eb38";
}

.mi-sort-desc-4-horizontal:before {
  content: "\eb39";
}

.mi-sort-desc-5:before {
  content: "\eb3a";
}

.mi-sort-desc-5-horizontal:before {
  content: "\eb3b";
}

.mi-sort-group:before {
  content: "\eb3c";
}

.mi-sort-left:before {
  content: "\eb3d";
}

.mi-sort-list-asc:before {
  content: "\eb3e";
}

.mi-sort-list-desc:before {
  content: "\eb3f";
}

.mi-sort-right:before {
  content: "\eb40";
}

.mi-sort_by_alpha:before {
  content: "\eb41";
}

.mi-star-empty:before {
  content: "\eb42";
}

.mi-star-full:before {
  content: "\eb43";
}

.mi-statistic-saldi-bar-chart:before {
  content: "\eb44";
}

.mi-stop_circle:before {
  content: "\eb45";
}

.mi-switch-ok-on:before {
  content: "\eb46";
}

.mi-switch-x-off:before {
  content: "\eb47";
}

.mi-system:before {
  content: "\eb48";
}

.mi-tile-angeordnete-ueberstunden:before {
  content: "\eb49";
}

.mi-tile-arbeitszeit:before {
  content: "\eb4a";
}

.mi-tile-arbeitszeit-attendance:before {
  content: "\eb4b";
}

.mi-tile-attendance:before {
  content: "\eb4c";
}

.mi-tile-expenses:before {
  content: "\eb4d";
}

.mi-tile-sollzeit:before {
  content: "\eb4e";
}

.mi-tile-sollzeit-attendance:before {
  content: "\eb4f";
}

.mi-tile-zeitzuschlag:before {
  content: "\eb50";
}

.mi-time:before {
  content: "\eb51";
}

.mi-time-history:before {
  content: "\eb52";
}

.mi-time-stop-watch:before {
  content: "\eb53";
}

.mi-to-left:before {
  content: "\eb54";
}

.mi-to-right:before {
  content: "\eb55";
}

.mi-troubleshoot:before {
  content: "\eb56";
}

.mi-undo:before {
  content: "\eb57";
}

.mi-unlock:before {
  content: "\eb58";
}

.mi-version:before {
  content: "\eb59";
}

.mi-weather-cloudy:before {
  content: "\eb5a";
}

.mi-weather-fog:before {
  content: "\eb5b";
}

.mi-weather-heavy-rain:before {
  content: "\eb5c";
}

.mi-weather-heavy-snow:before {
  content: "\eb5d";
}

.mi-weather-light-rain:before {
  content: "\eb5e";
}

.mi-weather-light-snow:before {
  content: "\eb5f";
}

.mi-weather-rain:before {
  content: "\eb60";
}

.mi-weather-slightly-cloudy:before {
  content: "\eb61";
}

.mi-weather-snow:before {
  content: "\eb62";
}

.mi-weather-sunny:before {
  content: "\eb63";
}

.mi-weather-thunderstorm:before {
  content: "\eb64";
}

.mi-weather-very-cloudy:before {
  content: "\eb65";
}

.mi-week:before {
  content: "\eb66";
}

.mi-weiterleiten:before {
  content: "\eb67";
}

.mi-wizard-arrow:before {
  content: "\eb68";
}

.mi-zoom-center:before {
  content: "\eb69";
}

.mi-zoom-in:before {
  content: "\eb6a";
}

.mi-zoom-out:before {
  content: "\eb6b";
}

.ptro-icon-close:before {
  content: "\ea3f" !important;
  font-family: messerli-icons !important;
}

.mi-canvas:before {
  content: "\ea02";
}

.mi-open:before {
  content: "\eab9";
}

.mi-nav-zerf-attendance:before {
  content: "\ea17";
}

.mi-menu-kebab:before {
  content: "\eb0c";
}

.mi-abteilung:before {
  content: "\ea8b";
}

.mi-cost-material:before {
  content: "\ead4";
}

.mi-nav-zerf-auszahlung:before {
  content: "\ea4f";
}

.mi-projektleiter:before {
  content: "\eae1";
}

.mi-calculation:before {
  content: "\ead1";
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
@media (min-width: 768px) {
  .small-only {
    display: none;
  }
}

@media (max-width: 767px), (min-width: 1440px) {
  .medium-only {
    display: none;
  }
}

@media (max-width: 1439px) {
  .large-only {
    display: none;
  }
}

@media (max-width: 767px) {
  .medium-up {
    display: none;
  }
}

@media (min-width: 1440px) {
  .medium-down {
    display: none;
  }
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
:root {
  --color-black: #191919;
  --color-black-rgb: 25,25,25;
  --color-white: #ffffff;
  --color-white-dark: #ebebeb;
  --color-white-rgb: 255,255,255;
  --color-whitedark-rgb: 235,235,235;
  --color-gray: #D7DAE2;
  --gray-border-color: #D7DAE2;
  --gray-border: 0.0667rem solid #D7DAE2;
  --primary-color: #0065bd;
  --primary-dark-color: #61b4f3;
  --primary-color-rgb: 0,101,189;
  --primary-dark-rgb: 97,180,243;
  --color-error-rgb: 200, 28, 20;
  --color-error-dark-rgb: 221, 93, 68;
  --color-warning-rgb: 240, 97, 24;
  --color-warning-dark-rgb: 255, 193, 90;
  --color-label-placeholder: rgba(var(--color-black-rgb),0.6);
  --color-medium-blue: #0A0BC9;
  --color-blueberry-blue: #0B41D4;
  --color-cerulean: #0BABD4;
  --color-dark-turquoise: #0AC9BD;
  --color-midnight-blue: #003C70;
  --color-azure: #1994FF;
  --color-antique-bronze: #704500;
  --color-indochine: #BD7400;
  --color-strong-blue: #1819F0;
  --color-cloud-burst: #232357;
  --color-brownish-orange: #C57831;
  --color-cobalt-blue: #090BBD;
  --color-burnt-orange: #BD4C13;
  --color-sahara: #BD9D13;
  --color-topaz: #09BDB1;
  --color-navy: #00213D;
  --color-dark-cyan-blue: #12293D;
  --color-congress-blue: #00498A;
  --color-dark-cerulean: #00437D;
  --color-science-blue: #006BC9;
  --color-electric-blue: #0057A3;
  --color-chestnut: #702D0B;
  --color-brick-orange: #BD4609;
  --color-greeny-brown: #705E0B;
  --color-buddha-gold: #BD9C09;
  --color-blue-eyes: #136DBD;
  --color-barney: #BD13A3;
  --color-pirate-gold: #BD7B13;
  --color-kelly-green: #35BD09;
  --color-regal-blue: #0B4170;
  --color-chilli-pepper: #BD1A13;
  --color-pea: #B2BD13;
  --color-brownish-green: #6A7006;
  --color-light-red: #DF1F14;
  --color-dark-red: #a41504;
  --color-bluish-purple: #e9ddfd;
  --color-warning: #f06118;
  --background-color: var(--color-white);
  --background-color-opacity: rgba(var(--color-black-rgb),0.6);
  --text-color: var(--color-black);
  --toggle-red-whitedark: #c81c14;
  --toggle-dark-red-whitedark: #a41504;
  --toggle-orange-whitedark: #f06118;
  --toggle-white-black: #ffffff;
  --toggle-black-pea: var(--color-black);
  --field-background: #F7F7F7;
  --field-background-hover: #F3F3F3;
  --tile-background: #F3F3F3;
  --tile-background-hover: #F3F3F3;
  --field-background-focus: #EDEDED;
  --field-background-stronger: #E7E7E7;
  --field-background-error: #fdf8f8;
  --primary-text-color: var(--primary-color);
  --primary-color-disabled: #CCE0F2;
  --primary-text-color-disabled: var(--color-white);
  --primary-shadow-color: rgba(var(--primary-color-rgb), 0.25);
  --secondary-text-color-disabled: #CCE0F2;
  --border-color: var(--color-black);
  --border: 0.0667rem solid var(--color-black);
  --border-color-disabled: #E7E7E7;
  --text-color-disabled: #999999;
  --shadow-color-opacity: rgba(var(--color-black-rgb),0.16);
  --toggle-primary-white: #0065bd;
  --toggle-primary-primarydark: #0065bd;
  --background-active: #D9E8F5;
  --background-active-higher-opacity: #B2D0EB;
  --link-active: #CCE0F2;
  --background-hover: #F3F3F3;
  --link-hover: #F3F3F3;
  --table-border: 0.0667rem solid #E7E7E7;
  --tableconfig-bg: #CCE0F2;
  --button-hover-background: #e6f0f8;
  --button-selected-background: #E5EFF8;
  --button-selected-color: var(--primary-color);
  --button-selected-border: var(--primary-color);
  --tab-border-color: #EDEDED;
  --function-bar-background: #f3f3f3;
  --placeholder-icon-color: #E7E7E7;
  --link-decoration: underline;
  --outline-color: #D7DAE2;
  --outline-hover-color: var(--color-black);
  --floating-button-background: rgba(255, 255, 255,0.9);
  --floating-button-main-btn-background: #0065bd;
  --tertiary-hover-color: #f3f3f3;
  --background-error-hover: #F9F0F0;
  --background-warning-hover: #fef7f3;
  --toast-info-background: #66A2D7;
  --toast-success-background: #66CDA6;
  --toast-warning-background: #F6A074;
  --toast-error-background: #DE7672;
  --primary-highlight: #cce0f2;
  --primary-highlight-transparent: rgba(0,101,189,0.2);
  --purple-highlight: #e9ddfd;
  --purple-highlight-transparent: rgba(106, 27, 242, 0.1490196078);
  --red-highlight: #fdcbc1;
  --red-highlight-transparent: rgba(247, 43, 5, 0.2470588235);
  --orange-highlight: #fde0cd;
  --orange-highlight-transparent: rgba(247, 102, 5, 0.2);
  --yellow-highlight: #fdeecd;
  --yellow-highlight-transparent: rgba(247, 169, 5, 0.2);
  --icon-placeholder-background: #F2F7FD;
  --text-color-negative: #c81c14;
  --container-background-color: var(--color-white-dark);
  --error-color: #c81c14;
  --error-shadow-color: rgba(var(--color-error-rgb), 0.25);
  --error-color-disabled: #f4d2d0;
  --error-text-color-disabled: var(--error-color-disabled);
  --warning-color: #f06118;
  --warning-shadow-color: rgba(var(--color-warning-rgb), 0.25);
  --warning-color-disabled: #fcdfd1;
  --warning-text-color-disabled: var(--warning-color-disabled);
  --tertiary-shadow-color: rgba(var(--color-black-rgb),0.25);
  --icon-drag-indicator: url("images/icons/drag-indicator.svg");
  --icon-drag-horizontally: url("images/icons/drag-horizontally.svg");
  --icon-dropdown-arrow: url("images/icons/dropdown-arrow.svg");
  --icon-dropdown-arrow-focus: url("images/icons/dropdown-arrow-focus.svg");
  --icon-cb-enabled-unselected: url("images/icons/cb-enabled-unselected.svg");
  --icon-cb-enabled-selected: url("images/icons/cb-enabled-selected.svg");
  --icon-cb-selected-focus: url("images/icons/cb-enabled-selected-focus.svg");
  --icon-cb-unselected-focus: url("images/icons/cb-enabled-unselected-focus.svg");
  --icon-cd-indeterminate: url("images/icons/cb-enabled-indeterminate.svg");
  --icon-cd-indeterminate-focus: url("images/icons/cb-enabled-indeterminate-focus.svg");
  --icon-cd-disabled-indeterminate: url("images/icons/cb-disabled-indeterminate.svg");
  --icon-radio-btn-unselected: url("images/icons/radio-btn-unselected.svg");
  --icon-radio-btn-selected: url("images/icons/radio-btn-selected.svg");
  --icon-radio-btn-unselected-focus: url("images/icons/radio-btn-unselected-focus.svg");
  --icon-radio-btn-selected-focus: url("images/icons/radio-btn-selected-focus.svg");
  --image-decoration-small: url(images/decoration-default-small.png);
  --icon-placeholder-empty-detail: url("images/icons/placeholder-empty-detail.svg");
  --icon-placeholder-empty-list: url("images/icons/placeholder-empty-list.svg");
  --icon-placeholder-empty-notification: url("images/icons/placeholder-empty-notification.svg");
  --icon-feedback-send-success: url("images/icons/send-success.svg");
  --button-hover-filter: brightness(1.2);
  --button-active-filter: brightness(0.9);
  background-color: var(--background-color);
  color: var(--text-color);
  font-family: roboto, sans-serif;
  font-size: 10px;
  caret-color: var(--toggle-primary-primarydark);
}
:root input::-webkit-calendar-picker-indicator {
  filter: invert(0);
}
:root.dark-color-scheme {
  --background-color: var(--color-black);
  --background-color-opacity: rgba(255,255,255,0.15);
  --text-color: var(--color-white-dark);
  --toggle-dark-red-whitedark: #ebebeb;
  --toggle-red-whitedark: #ebebeb;
  --toggle-orange-whitedark: #ebebeb;
  --toggle-white-black: #191919;
  --toggle-black-pea: #cfdb21;
  --field-background: #2E2E2E;
  --field-background-hover: #3A3A3A;
  --field-background-focus: #424242;
  --field-background-stronger: #333333;
  --field-background-error: #2E2E2E;
  --tile-background: #3A3A3A;
  --tile-background-hover: #3A3A3A;
  --primary-text-color: var(--primary-dark-color);
  --primary-color-disabled: #273845;
  --primary-text-color-disabled: #777777;
  --primary-shadow-color: rgba(var(--primary-dark-rgb), 0.25);
  --secondary-text-color-disabled: #777777;
  --border-color: #898989;
  --border: 0.0667rem solid var(--color-white-dark);
  --border-color-disabled: #676767;
  --text-color-disabled: #6C6C6C;
  --shadow-color-opacity: rgba(var(--color-whitedark-rgb),0.16);
  --toggle-primary-white: #ebebeb;
  --toggle-primary-primarydark: #61b4f3;
  --background-active: #44769C;
  --background-active-higher-opacity: #5295C7;
  --link-active: #14283A;
  --background-hover: #2E2E2E;
  --link-hover: #242424;
  --tableconfig-bg: #142834;
  --table-border: 0.0667rem solid #2E2E2E;
  --button-hover-background: #20282f;
  --button-selected-background: #273845;
  --button-selected-color: #61b4f3;
  --button-selected-border: #61b4f3;
  --tab-border-color: #5295C7;
  --function-bar-background: #424242;
  --placeholder-icon-color: #2E2E2E;
  --link-decoration: underline;
  --outline-color: #898989;
  --outline-hover-color: var(--color-white-dark);
  --floating-button-background: rgba(0,0,0,0.8);
  --floating-button-main-btn-background: #61b4f3;
  --background-error-hover: #30211f;
  --background-warning-hover: #2F2018;
  --tertiary-hover-color: #424242;
  --toast-info-background: #476B8B;
  --toast-success-background: #47856D;
  --toast-warning-background: #9D6A4F;
  --toast-error-background: #8F504E;
  --primary-highlight: #0f375b;
  --primary-highlight-transparent: rgba(0,101,189,0.4);
  --purple-highlight: #5c2d73;
  --purple-highlight-transparent: rgba(193, 75, 249, 0.4);
  --red-highlight: #722011;
  --red-highlight-transparent: rgba(247, 43, 5, 0.4);
  --orange-highlight: #723811;
  --orange-highlight-transparent: rgba(247, 102, 5, 0.4);
  --yellow-highlight: #725311;
  --yellow-highlight-transparent: rgba(247, 169, 5, 0.4);
  --icon-placeholder-background: #242424;
  --text-color-negative: #dd5d44;
  --container-background-color: #292929;
  --error-color: #dd5d44;
  --error-shadow-color: rgba(var(--color-error-dark-rgb), 0.25);
  --error-color-disabled: #402722;
  --error-text-color-disabled: #777777;
  --warning-color: #FFC15A;
  --warning-shadow-color: rgba(var($color-warning-dark), 0.25);
  --warning-color-disabled: #473b26;
  --warning-text-color-disabled: #777777;
  --tertiary-shadow-color: rgba(var(--color-whitedark-rgb),0.25);
  --icon-drag-indicator: url("images/icons/drag-indicator-dark.svg");
  --icon-drag-horizontally: url("images/icons/drag-horizontally-dark.svg");
  --icon-dropdown-arrow: url("images/icons/dropdown-arrow-dark.svg");
  --icon-dropdown-arrow-focus: url("images/icons/dropdown-arrow-dark-focus.svg");
  --icon-cb-enabled-unselected: url("images/icons/cb-enabled-unselected-dark.svg");
  --icon-cb-enabled-selected: url("images/icons/cb-enabled-selected-dark.svg");
  --icon-cb-selected-focus: url("images/icons/cb-enabled-selected-dark-focus.svg");
  --icon-cb-unselected-focus: url("images/icons/cb-enabled-unselected-dark-focus.svg");
  --icon-cd-indeterminate: url("images/icons/cb-enabled-indeterminate-dark.svg");
  --icon-cd-indeterminate-focus: url("images/icons/cb-enabled-indeterminate-focus-dark.svg");
  --icon-cd-disabled-indeterminate: url("images/icons/cb-disabled-indeterminate-dark.svg");
  --icon-radio-btn-unselected: url("images/icons/radio-btn-unselected-dark.svg");
  --icon-radio-btn-selected: url("images/icons/radio-btn-selected-dark.svg");
  --icon-radio-btn-unselected-focus: url("images/icons/radio-btn-unselected-dark-focus.svg");
  --icon-radio-btn-selected-focus: url("images/icons/radio-btn-selected-dark-focus.svg");
  --image-decoration-small: url("images/decoration-dark-small.png");
  --icon-placeholder-empty-detail: url("images/icons/placeholder-empty-detail-dark.svg");
  --icon-placeholder-empty-list: url("images/icons/placeholder-empty-list-dark.svg");
  --icon-placeholder-empty-notification: url("images/icons/placeholder-empty-notification-dark.svg");
  --icon-feedback-send-success: url("images/icons/send-success-dark.svg");
  --button-hover-filter: brightness(0.8);
  --button-active-filter: brightness(1.1);
}
:root.dark-color-scheme input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: var(--color-black);
    --background-color-opacity: rgba(255,255,255,0.15);
    --text-color: var(--color-white-dark);
    --toggle-dark-red-whitedark: #ebebeb;
    --toggle-red-whitedark: #ebebeb;
    --toggle-orange-whitedark: #ebebeb;
    --toggle-white-black: #191919;
    --toggle-black-pea: #cfdb21;
    --field-background: #2E2E2E;
    --field-background-hover: #3A3A3A;
    --field-background-focus: #424242;
    --field-background-stronger: #333333;
    --field-background-error: #2E2E2E;
    --tile-background: #3A3A3A;
    --tile-background-hover: #3A3A3A;
    --primary-text-color: var(--primary-dark-color);
    --primary-color-disabled: #273845;
    --primary-text-color-disabled: #777777;
    --primary-shadow-color: rgba(var(--primary-dark-rgb), 0.25);
    --secondary-text-color-disabled: #777777;
    --border-color: #898989;
    --border: 0.0667rem solid var(--color-white-dark);
    --border-color-disabled: #676767;
    --text-color-disabled: #6C6C6C;
    --shadow-color-opacity: rgba(var(--color-whitedark-rgb),0.16);
    --toggle-primary-white: #ebebeb;
    --toggle-primary-primarydark: #61b4f3;
    --background-active: #44769C;
    --background-active-higher-opacity: #5295C7;
    --link-active: #14283A;
    --background-hover: #2E2E2E;
    --link-hover: #242424;
    --tableconfig-bg: #142834;
    --table-border: 0.0667rem solid #2E2E2E;
    --button-hover-background: #20282f;
    --button-selected-background: #273845;
    --button-selected-color: #61b4f3;
    --button-selected-border: #61b4f3;
    --tab-border-color: #5295C7;
    --function-bar-background: #424242;
    --placeholder-icon-color: #2E2E2E;
    --link-decoration: underline;
    --outline-color: #898989;
    --outline-hover-color: var(--color-white-dark);
    --floating-button-background: rgba(0,0,0,0.8);
    --floating-button-main-btn-background: #61b4f3;
    --background-error-hover: #30211f;
    --background-warning-hover: #2F2018;
    --tertiary-hover-color: #424242;
    --toast-info-background: #476B8B;
    --toast-success-background: #47856D;
    --toast-warning-background: #9D6A4F;
    --toast-error-background: #8F504E;
    --primary-highlight: #0f375b;
    --primary-highlight-transparent: rgba(0,101,189,0.4);
    --purple-highlight: #5c2d73;
    --purple-highlight-transparent: rgba(193, 75, 249, 0.4);
    --red-highlight: #722011;
    --red-highlight-transparent: rgba(247, 43, 5, 0.4);
    --orange-highlight: #723811;
    --orange-highlight-transparent: rgba(247, 102, 5, 0.4);
    --yellow-highlight: #725311;
    --yellow-highlight-transparent: rgba(247, 169, 5, 0.4);
    --icon-placeholder-background: #242424;
    --text-color-negative: #dd5d44;
    --container-background-color: #292929;
    --error-color: #dd5d44;
    --error-shadow-color: rgba(var(--color-error-dark-rgb), 0.25);
    --error-color-disabled: #402722;
    --error-text-color-disabled: #777777;
    --warning-color: #FFC15A;
    --warning-shadow-color: rgba(var($color-warning-dark), 0.25);
    --warning-color-disabled: #473b26;
    --warning-text-color-disabled: #777777;
    --tertiary-shadow-color: rgba(var(--color-whitedark-rgb),0.25);
    --icon-drag-indicator: url("images/icons/drag-indicator-dark.svg");
    --icon-drag-horizontally: url("images/icons/drag-horizontally-dark.svg");
    --icon-dropdown-arrow: url("images/icons/dropdown-arrow-dark.svg");
    --icon-dropdown-arrow-focus: url("images/icons/dropdown-arrow-dark-focus.svg");
    --icon-cb-enabled-unselected: url("images/icons/cb-enabled-unselected-dark.svg");
    --icon-cb-enabled-selected: url("images/icons/cb-enabled-selected-dark.svg");
    --icon-cb-selected-focus: url("images/icons/cb-enabled-selected-dark-focus.svg");
    --icon-cb-unselected-focus: url("images/icons/cb-enabled-unselected-dark-focus.svg");
    --icon-cd-indeterminate: url("images/icons/cb-enabled-indeterminate-dark.svg");
    --icon-cd-indeterminate-focus: url("images/icons/cb-enabled-indeterminate-focus-dark.svg");
    --icon-cd-disabled-indeterminate: url("images/icons/cb-disabled-indeterminate-dark.svg");
    --icon-radio-btn-unselected: url("images/icons/radio-btn-unselected-dark.svg");
    --icon-radio-btn-selected: url("images/icons/radio-btn-selected-dark.svg");
    --icon-radio-btn-unselected-focus: url("images/icons/radio-btn-unselected-dark-focus.svg");
    --icon-radio-btn-selected-focus: url("images/icons/radio-btn-selected-dark-focus.svg");
    --image-decoration-small: url("images/decoration-dark-small.png");
    --icon-placeholder-empty-detail: url("images/icons/placeholder-empty-detail-dark.svg");
    --icon-placeholder-empty-list: url("images/icons/placeholder-empty-list-dark.svg");
    --icon-placeholder-empty-notification: url("images/icons/placeholder-empty-notification-dark.svg");
    --icon-feedback-send-success: url("images/icons/send-success-dark.svg");
    --button-hover-filter: brightness(0.8);
    --button-active-filter: brightness(1.1);
  }
  :root input::-webkit-calendar-picker-indicator {
    filter: invert(1);
  }
  :root.light-color-scheme {
    --background-color: var(--color-white);
    --background-color-opacity: rgba(var(--color-black-rgb),0.6);
    --text-color: var(--color-black);
    --toggle-red-whitedark: #c81c14;
    --toggle-dark-red-whitedark: #a41504;
    --toggle-orange-whitedark: #f06118;
    --toggle-white-black: #ffffff;
    --toggle-black-pea: var(--color-black);
    --field-background: #F7F7F7;
    --field-background-hover: #F3F3F3;
    --tile-background: #F3F3F3;
    --tile-background-hover: #F3F3F3;
    --field-background-focus: #EDEDED;
    --field-background-stronger: #E7E7E7;
    --field-background-error: #fdf8f8;
    --primary-text-color: var(--primary-color);
    --primary-color-disabled: #CCE0F2;
    --primary-text-color-disabled: var(--color-white);
    --primary-shadow-color: rgba(var(--primary-color-rgb), 0.25);
    --secondary-text-color-disabled: #CCE0F2;
    --border-color: var(--color-black);
    --border: 0.0667rem solid var(--color-black);
    --border-color-disabled: #E7E7E7;
    --text-color-disabled: #999999;
    --shadow-color-opacity: rgba(var(--color-black-rgb),0.16);
    --toggle-primary-white: #0065bd;
    --toggle-primary-primarydark: #0065bd;
    --background-active: #D9E8F5;
    --background-active-higher-opacity: #B2D0EB;
    --link-active: #CCE0F2;
    --background-hover: #F3F3F3;
    --link-hover: #F3F3F3;
    --table-border: 0.0667rem solid #E7E7E7;
    --tableconfig-bg: #CCE0F2;
    --button-hover-background: #e6f0f8;
    --button-selected-background: #E5EFF8;
    --button-selected-color: var(--primary-color);
    --button-selected-border: var(--primary-color);
    --tab-border-color: #EDEDED;
    --function-bar-background: #f3f3f3;
    --placeholder-icon-color: #E7E7E7;
    --link-decoration: underline;
    --outline-color: #D7DAE2;
    --outline-hover-color: var(--color-black);
    --floating-button-background: rgba(255, 255, 255,0.9);
    --floating-button-main-btn-background: #0065bd;
    --tertiary-hover-color: #f3f3f3;
    --background-error-hover: #F9F0F0;
    --background-warning-hover: #fef7f3;
    --toast-info-background: #66A2D7;
    --toast-success-background: #66CDA6;
    --toast-warning-background: #F6A074;
    --toast-error-background: #DE7672;
    --primary-highlight: #cce0f2;
    --primary-highlight-transparent: rgba(0,101,189,0.2);
    --purple-highlight: #e9ddfd;
    --purple-highlight-transparent: rgba(106, 27, 242, 0.1490196078);
    --red-highlight: #fdcbc1;
    --red-highlight-transparent: rgba(247, 43, 5, 0.2470588235);
    --orange-highlight: #fde0cd;
    --orange-highlight-transparent: rgba(247, 102, 5, 0.2);
    --yellow-highlight: #fdeecd;
    --yellow-highlight-transparent: rgba(247, 169, 5, 0.2);
    --icon-placeholder-background: #F2F7FD;
    --text-color-negative: #c81c14;
    --container-background-color: var(--color-white-dark);
    --error-color: #c81c14;
    --error-shadow-color: rgba(var(--color-error-rgb), 0.25);
    --error-color-disabled: #f4d2d0;
    --error-text-color-disabled: var(--error-color-disabled);
    --warning-color: #f06118;
    --warning-shadow-color: rgba(var(--color-warning-rgb), 0.25);
    --warning-color-disabled: #fcdfd1;
    --warning-text-color-disabled: var(--warning-color-disabled);
    --tertiary-shadow-color: rgba(var(--color-black-rgb),0.25);
    --icon-drag-indicator: url("images/icons/drag-indicator.svg");
    --icon-drag-horizontally: url("images/icons/drag-horizontally.svg");
    --icon-dropdown-arrow: url("images/icons/dropdown-arrow.svg");
    --icon-dropdown-arrow-focus: url("images/icons/dropdown-arrow-focus.svg");
    --icon-cb-enabled-unselected: url("images/icons/cb-enabled-unselected.svg");
    --icon-cb-enabled-selected: url("images/icons/cb-enabled-selected.svg");
    --icon-cb-selected-focus: url("images/icons/cb-enabled-selected-focus.svg");
    --icon-cb-unselected-focus: url("images/icons/cb-enabled-unselected-focus.svg");
    --icon-cd-indeterminate: url("images/icons/cb-enabled-indeterminate.svg");
    --icon-cd-indeterminate-focus: url("images/icons/cb-enabled-indeterminate-focus.svg");
    --icon-cd-disabled-indeterminate: url("images/icons/cb-disabled-indeterminate.svg");
    --icon-radio-btn-unselected: url("images/icons/radio-btn-unselected.svg");
    --icon-radio-btn-selected: url("images/icons/radio-btn-selected.svg");
    --icon-radio-btn-unselected-focus: url("images/icons/radio-btn-unselected-focus.svg");
    --icon-radio-btn-selected-focus: url("images/icons/radio-btn-selected-focus.svg");
    --image-decoration-small: url(images/decoration-default-small.png);
    --icon-placeholder-empty-detail: url("images/icons/placeholder-empty-detail.svg");
    --icon-placeholder-empty-list: url("images/icons/placeholder-empty-list.svg");
    --icon-placeholder-empty-notification: url("images/icons/placeholder-empty-notification.svg");
    --icon-feedback-send-success: url("images/icons/send-success.svg");
    --button-hover-filter: brightness(1.2);
    --button-active-filter: brightness(0.9);
  }
  :root.light-color-scheme input::-webkit-calendar-picker-indicator {
    filter: invert(0);
  }
}

body {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.hidden {
  display: none !important;
}

img {
  display: block;
}

:disabled {
  cursor: not-allowed;
}

:first-child {
  margin-top: 0;
  margin-left: 0;
}

:last-child {
  margin-bottom: 0;
  margin-right: 0;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.clear-fix::after {
  content: "";
  clear: both;
  display: table;
}

.text-center {
  text-align: center;
}

.scrollable {
  overflow: auto;
}

.error {
  color: #c81c14;
}

.svg-loader {
  display: flex;
  position: relative;
  align-content: space-around;
  justify-content: center;
}
.svg-loader img {
  width: 50px;
  height: 50px;
  padding-top: 50px;
}

.disabled {
  pointer-events: none;
  opacity: 0.4;
}

.cut-text-add-dots {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.image-decoration-small {
  background-image: var(--image-decoration-small);
  background-color: var(--background-color);
}

table {
  border-collapse: seperate;
  border-spacing: 0;
  border-radius: 0;
  empty-cells: show;
  font-size: 1.4rem;
  table-layout: fixed;
  /*thead {
      background-color: var(--background-color);
      vertical-align: bottom;
  }*/
}
table th, table td {
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  white-space: normal;
  padding: 0.5em 0.5em;
  text-align: left;
  border-bottom: var(--table-border);
}
table th {
  font-weight: 500;
}
table tr:hover {
  cursor: pointer;
}
table tr:hover:not(.selected) td {
  background-color: var(--background-hover);
}
table .selected td {
  background-color: var(--background-active);
  /*color: var(--color-white);*/
}
table th span {
  padding-left: 0.3rem;
}

/* 
 -input, textarea, select
    <div class="row-form">
        <label for="name">Displaytext</label>
        <input type="text" id="name" name="name">
    </div>
    <div class="row-form">
        <label for="name">Displaytext</label>
        <textarea id="name" name="name" rows="4"></textarea>
    </div> 
    <div class="row-form">
        <label for="name">Displaytext</label>
        <select id="name" name="name" value="">
        ...
        </select>
    </div>
*/
/*  row */
.row-form {
  position: relative;
  align-items: center;
  margin: 1.2rem 0 1.2rem 0;
  max-width: 300px;
}
.row-form label {
  display: block;
  font-size: 1.2rem;
  padding-left: 0.3rem;
}

.row-directory label {
  font-size: 1.4rem;
  font-weight: 400;
}
.row-directory .mi::before {
  margin-right: 5px;
}

/* fildeset */
fieldset {
  margin: 1.2rem 0;
  border: var(--border);
  border-radius: 4px;
}
fieldset.-with-background {
  background-color: var(--field-background);
  border: none;
}
fieldset.-with-background:has(> legend) {
  margin-top: 5rem;
}
fieldset.-with-background > legend {
  padding: 0;
  position: absolute;
  margin-top: -3rem;
}

legend {
  padding: 0 0.8rem;
}

h1, h2, h3, h4, h5, h6,
.h1-headline, .h2-title, .h3-subheader, .h4-menu {
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 1.2rem 0;
  line-height: 150%;
  letter-spacing: 0.07em;
}

h1, .h1-headline {
  font-size: 3.5rem;
  margin: 0 0 10px;
}

h2, .h2-title {
  font-size: 2.8rem;
  font-weight: 500;
}

h3, .h3-subheader {
  font-size: 2rem;
}

h4, .h4-menu {
  font-size: 1.6rem;
  font-weight: 500;
}

h5 {
  font-size: 1.4rem;
  font-weight: 700;
}

h6 {
  font-size: 1.4rem;
  font-weight: 500;
}

ul {
  margin: 0;
  padding-left: 15px;
}

p {
  margin-bottom: 1.2rem;
}

a {
  text-decoration: underline;
  color: var(--primary-text-color);
}
a:hover, a:active {
  color: var(--primary-text-color);
}

em {
  font-style: italic;
}

hr {
  height: 0.0667rem;
  background-color: var(--border-color-disabled);
  border: none;
  margin: 1rem;
}

code {
  padding: 0.3rem 0.8rem;
  font-size: 90%;
  color: #c7254e;
  background-color: var(--field-background);
  border-radius: 4px;
}

b, .bold {
  font-weight: 700 !important;
}

.text-regular {
  font-weight: 400 !important;
}

._text-giant {
  font-size: 6.4rem !important;
}

._text-huge {
  font-size: 3.5rem !important;
}

._text-largest {
  font-size: 2.8rem !important;
}

._text-larger {
  font-size: 2rem !important;
}

._text-large {
  font-size: 1.6rem !important;
}

._text-medium {
  font-size: 1.4rem !important;
}

._text-std {
  font-size: 1.4rem !important;
}

._text-small {
  font-size: 1.2rem !important;
}

._text-smaller {
  font-size: 1rem !important;
}

._text-smallest {
  font-size: 0.8rem !important;
}

._text-icon {
  font-size: 1.6rem !important;
}

._text-icon-small {
  font-size: 1.4rem !important;
}

._text-icon-large {
  font-size: 1.8rem !important;
}

._text-icon-huge {
  font-size: 3.5rem !important;
}

.menu {
  background-color: var(--background-color);
  position: absolute;
  box-shadow: 0px 3px 6px var(--shadow-color-opacity);
  margin-top: 2px;
  min-width: 180px;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 500;
}
.menu.-up {
  box-shadow: 0px -3px 6px var(--shadow-color-opacity);
}
.menu .mi::before {
  margin-right: 0.6rem;
  font-size: 1.6rem;
}
.menu li, .menu button, .menu .row-checkbox, .menu .row-form, .menu li.-link a {
  padding-left: 15px;
  padding-right: 15px;
}
.menu li, .menu li.-link a {
  padding-top: 7px;
  padding-bottom: 7px;
}
.menu li:hover:not(.active) {
  background-color: var(--background-hover);
  cursor: pointer;
}
.menu li:active {
  background-color: var(--background-active);
}
.menu li.-link {
  padding: 0;
}
.menu li.-link a {
  color: inherit;
  text-decoration: none;
  display: block;
}
.menu ul {
  list-style: none;
  padding-left: 0px;
}

/* Overriding rules Daterangepicker-Framework wwwroot\_content\BlazorDateRangePicker\daterangepicker.min.css*/
/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
div.daterangepicker[class] {
  background-color: var(--background-color);
  box-shadow: 0px 3px 6px var(--shadow-color-opacity);
  border-radius: 0;
  border: none;
  margin-top: 2px;
  overflow: auto;
}

div.daterangepicker[class]::before, div.daterangepicker[class]::after {
  display: none;
}

div.daterangepicker[class] .calendar-table {
  background-color: var(--background-color);
  border: none;
}

div.daterangepicker[class] .calendar-table td {
  border-radius: 0px;
  font-size: 1.4rem;
  font-family: roboto, sans-serif;
  border: none;
}

div.daterangepicker[class] td.available:hover {
  background-color: inherit;
  border: none;
  color: inherit;
}

div.daterangepicker[class] td.weekend {
  background-color: var(--field-background-stronger);
}
div.daterangepicker[class] td.in-range, div.daterangepicker[class] td.in-range.off, div.daterangepicker[class] td.start-date, div.daterangepicker[class] td.end-date {
  color: var(--toggle-white-black) !important;
  background-color: var(--toggle-primary-primarydark) !important;
}
div.daterangepicker[class] td.in-range:hover, div.daterangepicker[class] td.in-range.off:hover, div.daterangepicker[class] td.start-date:hover, div.daterangepicker[class] td.end-date:hover {
  filter: brightness(1.2);
  /*background-color: lighten($color-primary, 5%) !important;
  color: var(--color-white) !important;*/
}
div.daterangepicker[class] td.off {
  color: var(--text-color-disabled);
  background-color: var(--background-color);
}

div.daterangepicker[class] select.monthselect, div.daterangepicker[class] select.yearselect {
  font-size: 1.4rem;
  font-family: roboto, sans-serif;
  padding: 0.8rem 0.3rem;
}

div.daterangepicker[class] select.monthselect {
  width: 65%;
}

div.daterangepicker[class] .calendar-table .next span,
div.daterangepicker[class] .calendar-table .prev span {
  border-color: var(--text-color);
}

div.daterangepicker[class] .calendar-table .next:hover span,
div.daterangepicker[class] .calendar-table .prev:hover span {
  border-color: var(--toggle-primary-primarydark);
  background-color: var(--field-background-hover);
}

div.daterangepicker[class] .calendar-table .next:has(span):hover,
div.daterangepicker[class] .calendar-table .prev:has(span):hover {
  background-color: var(--field-background-hover);
}

div.daterangepicker[class] .calendar-table th {
  font-size: 1.4rem;
  font-family: roboto, sans-serif;
}

div.daterangepicker[class] .ranges li {
  font-size: 1.4rem;
  font-family: roboto, sans-serif;
  width: 110px;
  float: left;
}
div.daterangepicker[class] .ranges li.active {
  color: var(--color-white);
  background-color: var(--toggle-primary-primarydark);
}
div.daterangepicker[class] .ranges li.active:hover {
  background-color: #0073d7;
  color: var(--color-white);
}
div.daterangepicker[class] .ranges li:hover {
  color: var(--toggle-primary-primarydark);
  background-color: rgba(var(--primary-color-rgb), 0.05);
  cursor: pointer;
  box-shadow: 0px -1px 0px #0065bd inset;
}
div.daterangepicker[class] .ranges li:nth-child(9) {
  display: none;
}

div.daterangepicker[class] .drp-buttons {
  padding: 15px;
  border-top: var(--border);
}

div.drp-buttons button {
  font-size: 1.4rem;
  font-family: roboto, sans-serif;
}

.btn-group {
  position: relative;
  display: inline-flex;
}
.btn-group > .btn, .btn-group button {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn.-small-width, .btn-group > .btn.-medium-width, .btn-group > .btn.-large-width, .btn-group > .btn.-larger-width, .btn-group > .btn.-huge-width, .btn-group button.-small-width, .btn-group button.-medium-width, .btn-group button.-large-width, .btn-group button.-larger-width, .btn-group button.-huge-width {
  flex-grow: 0;
}
.btn-group > .btn:not(:first-child), .btn-group button:not(:first-child) {
  margin-left: -0.0667rem;
}
.btn-group > .btn:not(:first-child):not(:last-child), .btn-group button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group > .btn:first-child:last-child, .btn-group button:first-child:last-child {
  border-radius: 4px 4px 4px 4px;
}
.btn-group > .btn:first-child, .btn-group button:first-child {
  border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child, .btn-group button:last-child {
  border-radius: 0 4px 4px 0;
}
.btn-group.-full-width {
  width: 100%;
}
.btn-group > .btn.-tertiary:hover, .btn-group button.-tertiary:hover {
  z-index: 1;
}

input, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 1.4rem;
  background-color: var(--field-background);
  color: var(--text-color);
  font-size: 1.4rem;
  border: none;
  border-bottom: 0.0667rem solid var(--border-color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.8rem 0.3rem;
  width: 100%;
  box-sizing: border-box;
}
input::-ms-expand, textarea::-ms-expand, select::-ms-expand {
  display: none;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--toggle-primary-primarydark);
  background-color: var(--field-background-focus);
}
input:hover:not(:disabled, .readonly), textarea:hover:not(:disabled, .readonly), select:hover:not(:disabled, .readonly) {
  border-color: var(--toggle-primary-primarydark);
  background-color: var(--field-background-hover);
}
input:disabled:not(.readonly), textarea:disabled:not(.readonly), select:disabled:not(.readonly) {
  background-color: var(--field-background);
  color: var(--text-color-disabled);
  border-color: var(--border-color-disabled);
  cursor: default;
}
input.readonly, textarea.readonly, select.readonly {
  background: none;
  border-color: var(--border-color-disabled);
  color: var(--text-color);
  cursor: default;
}

input, select {
  height: 3.4rem;
}

input[type=date]:hover:not(:disabled), input[type=time]:hover:not(:disabled) {
  cursor: pointer;
}

input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  height: 1em;
}

input::-webkit-datetime-edit-fields-wrapper, input::-webkit-datetime-edit-day-field, input::-webkit-datetime-edit-month-field, input::-webkit-datetime-edit-year-field {
  padding: 0;
  border: none;
}

input::-webkit-calendar-picker-indicator {
  margin-inline-start: 3px;
}

input.-small {
  height: 2.7rem;
  font-size: 1.2rem;
  padding: 0.8rem 0.6rem;
}

/* outlined style */
input.-outlined, .input.-outlined, textarea.-outlined {
  border: 0.0667rem solid var(--outline-color);
  border-radius: 4px;
  background: var(--background-color);
  padding-top: 1rem;
  padding-bottom: 0.7rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
input.-outlined.-small, .input.-outlined.-small, textarea.-outlined.-small {
  padding: 0.8rem 0.6rem;
}
input.-outlined:hover:not(:disabled):not(:active):not(:focus), .input.-outlined:hover:not(:disabled):not(:active):not(:focus), textarea.-outlined:hover:not(:disabled):not(:active):not(:focus) {
  border: 0.0667rem solid var(--outline-hover-color);
  background: var(--background-color);
}
input.-outlined:focus, input.-outlined:active, .input.-outlined:focus, .input.-outlined:active, textarea.-outlined:focus, textarea.-outlined:active {
  outline: none;
  border: 0.0667rem solid var(--toggle-primary-primarydark);
  background: var(--background-color);
}
input.-outlined:disabled, .input.-outlined:disabled, textarea.-outlined:disabled {
  border: 0.0667rem solid var(--border-color-disabled);
  background: var(--background-color);
}
input.-outlined.readonly, .input.-outlined.readonly, textarea.-outlined.readonly {
  border: 0.0667rem solid var(--border-color-disabled);
}

/* textarea */
textarea {
  resize: vertical;
  overflow: auto;
}

label:has(+ input.disabled:not(.readonly)), label:has(+ input:disabled:not(.readonly)),
label:has(+ textarea.disabled:not(.readonly)), label:has(+ textarea:disabled:not(.readonly)),
label.disabled {
  color: var(--text-color-disabled);
}

/*some common definitions are defined input _input.scss*/
select {
  background: var(--field-background) var(--icon-dropdown-arrow) no-repeat;
  background-position: right 0.8rem top 50%;
  background-size: 1.4rem;
  padding-right: 30px;
  text-overflow: ellipsis;
}
select:disabled {
  opacity: 1;
}
select:disabled:not(.readonly) {
  background: var(--field-background);
  cursor: default;
}
select:focus, select:hover:not(:disabled) {
  background: var(--field-background) var(--icon-dropdown-arrow-focus) no-repeat;
  background-position: right 0.8rem top 50%;
  background-size: 1.4rem;
  cursor: pointer;
}
select:hover:not(:disabled) {
  background-color: var(--field-background-hover);
}
select:focus {
  background-color: var(--field-background-focus);
}
select option {
  color: var(--text-color);
  background-color: var(--background-color);
}
select.-bar {
  background-color: transparent;
  height: 36px;
  margin-right: 8px;
}
select.-tertiary {
  background-color: var(--background-color);
  color: var(--text-color);
  border: 0.0667rem solid #D7DAE2;
  border-radius: 4px;
}
select.-tertiary:hover:not(:disabled) {
  border: 0.0667rem solid var(--outline-hover-color);
  background-color: var(--tertiary-hover-color) !important;
}
select.-tertiary:focus {
  border: 0.0667rem solid var(--outline-hover-color);
  outline: none;
  background-color: var(--background-color);
}
select.-tertiary:disabled {
  color: var(--text-color-disabled);
  border: 0.0667rem solid rgba(215, 218, 226, 0.2);
  background-color: var(--background-color);
}
select.-large {
  width: 160px;
}
select.-larger {
  width: 220px;
}
select.-huge {
  width: 300px;
}
select.-full-width {
  width: 100%;
}

.select-option:hover, .select-option:active, .select-option:focus {
  background-color: var(--toggle-primary-primarydark);
}

label:has(+ select.disabled:not(.readonly)), label:has(+ select:disabled:not(.readonly)) {
  color: var(--text-color-disabled);
}

/*some common definitions are defined input _input.scss*/
/*
-Checkbox
    <div class="row-checkbox" >
        <input type="checkbox" id="name" name="name" >
        <label for="name" > Displaytext</label >
    </div >

-Radio
    <div class="row-radio" >
        <input type="radio" id="name" name="name" value="value" >
        <label for="name" > Displaytext</label >
    </div >
*/
.row-radio,
.row-checkbox {
  position: relative;
  display: block;
  align-items: center;
  margin: 1.2rem 0.8rem 1.2rem 0;
}
.row-radio.-large,
.row-checkbox.-large {
  width: 160px;
}
.row-radio.-larger,
.row-checkbox.-larger {
  width: 220px;
}
.row-radio.-huge,
.row-checkbox.-huge {
  width: 300px;
}
.row-radio.-full-width,
.row-checkbox.-full-width {
  width: 100%;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1.5rem;
  height: 1.5rem;
}
input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
  cursor: default;
}
input[type=checkbox]:not(:disabled) + label,
input[type=radio]:not(:disabled) + label {
  cursor: pointer;
}
input[type=checkbox] + label,
input[type=radio] + label {
  line-height: 1.5rem;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  font-family: "messerli-icons";
  font-size: larger;
  display: inline-block;
  margin-right: 0.8rem;
  text-align: center;
  vertical-align: text-top;
}

input[type=checkbox] + label::before {
  content: var(--icon-cb-enabled-unselected);
  width: 15px;
  height: 15px;
}
input[type=checkbox]:checked + label::before {
  content: var(--icon-cb-enabled-selected);
}
input[type=checkbox][indeterminate] + label::before {
  content: var(--icon-cd-indeterminate);
}
input[type=checkbox]:disabled + label::before {
  content: url("images/icons/cb-disabled-unselected.svg");
}
input[type=checkbox]:disabled:checked + label::before {
  content: url("images/icons/cb-disabled-selected.svg");
}
input[type=checkbox]:disabled[indeterminate] + label::before {
  content: var(--icon-cd-disabled-indeterminate);
}
input[type=checkbox]:hover:not(:disabled) + label::before, input[type=checkbox]:focus + label::before {
  content: var(--icon-cb-unselected-focus);
}
input[type=checkbox]:hover:checked:not(:disabled) + label::before, input[type=checkbox]:focus:checked + label::before {
  content: var(--icon-cb-selected-focus);
}
input[type=checkbox]:hover[indeterminate]:not(:disabled) + label::before, input[type=checkbox]:focus:indeterminate + label::before, input[type=checkbox]:focus.indeterminate + label::before, input[type=checkbox]:focus[indeterminate] + label::before {
  content: var(--icon-cd-indeterminate-focus);
}

input[type=radio] + label::before {
  content: var(--icon-radio-btn-unselected);
  width: 15px;
  height: 15px;
}
input[type=radio]:checked + label::before {
  content: var(--icon-radio-btn-selected);
}
input[type=radio]:disabled + label::before {
  content: url("images/icons/radio-btn-unselected-disabled.svg");
}
input[type=radio]:disabled:checked + label::before {
  content: url("images/icons/radio-btn-selected-disabled.svg");
}
input[type=radio]:hover:not(:disabled) + label::before, input[type=radio]:focus + label::before {
  content: var(--icon-radio-btn-unselected-focus);
}
input[type=radio]:hover:checked:not(:disabled) + label::before, input[type=radio]:focus:checked + label::before {
  content: var(--icon-radio-btn-selected-focus);
}

/* button */
button, .btn {
  box-sizing: border-box;
  height: 3rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  font-size: 1.4rem;
  padding: 0.6rem 0.9rem;
}
button i::before, .btn i::before {
  margin-right: 0;
  font-size: 1.6rem;
}
button:disabled, .btn:disabled {
  cursor: default;
}
button:hover:not(:disabled), .btn:hover:not(:disabled) {
  cursor: pointer;
}
button.-primary, .btn.-primary {
  background-color: var(--toggle-primary-primarydark);
  color: var(--toggle-white-black);
  border: none;
}
button.-primary:hover:not(:disabled), button.-primary:focus:not(:disabled), .btn.-primary:hover:not(:disabled), .btn.-primary:focus:not(:disabled) {
  filter: var(--button-hover-filter);
  outline: none;
}
button.-primary:active:not(:disabled), .btn.-primary:active:not(:disabled) {
  filter: var(--button-active-filter);
  -webkit-box-shadow: inset 0px 4px 4px 0px rgba(var(--color-black-rgb), 0.25);
  box-shadow: inset 0px 4px 4px 0px rgba(var(--color-black-rgb), 0.25);
}
button.-primary:disabled, .btn.-primary:disabled {
  background-color: var(--primary-color-disabled);
  color: var(--primary-text-color-disabled);
}
button.-secondary, .btn.-secondary {
  background: none;
  color: var(--primary-text-color);
  border: 0.0667rem solid var(--toggle-primary-primarydark);
}
button.-secondary:hover:not(:disabled, :active), button.-secondary:focus:not(:disabled), .btn.-secondary:hover:not(:disabled, :active), .btn.-secondary:focus:not(:disabled) {
  filter: unset;
  background-color: var(--button-hover-background);
  outline: none;
}
button.-secondary:active:not(:disabled), .btn.-secondary:active:not(:disabled) {
  filter: unset;
  border-color: var(--toggle-primary-primarydark);
  background-color: var(--button-hover-background);
  -webkit-box-shadow: inset 0px 4px 4px 0px var(--primary-shadow-color);
  box-shadow: inset 0px 4px 4px 0px var(--primary-shadow-color);
}
button.-secondary:disabled, .btn.-secondary:disabled {
  border-color: var(--primary-color-disabled);
  background-color: none;
  color: var(--secondary-text-color-disabled);
}
button.-tertiary, .btn.-tertiary {
  background: none;
  color: var(--text-color);
  border: 0.0667rem solid var(--outline-color);
}
button.-tertiary:hover:not(:disabled), .btn.-tertiary:hover:not(:disabled) {
  border: 0.0667rem solid var(--outline-hover-color);
  background-color: var(--tertiary-hover-color) !important;
}
button.-tertiary:focus, .btn.-tertiary:focus {
  border: 0.0667rem solid var(--outline-hover-color);
  outline: none;
}
button.-tertiary:active:not(:disabled), .btn.-tertiary:active:not(:disabled) {
  color: var(--text-color);
  background-color: var(--tertiary-hover-color) !important;
  -webkit-box-shadow: inset 0px 4px 4px 0px var(--tertiary-shadow-color);
  box-shadow: inset 0px 4px 4px 0px var(--tertiary-shadow-color);
}
button.-tertiary:disabled, .btn.-tertiary:disabled {
  color: var(--text-color-disabled);
  border: 0.0667rem solid rgba(215, 218, 226, 0.2);
}
button.-tertiary.-toggle.active:not(:hover):not(:active), .btn.-tertiary.-toggle.active:not(:hover):not(:active) {
  background-color: var(--button-selected-background);
  color: var(--button-selected-color);
  border: 0.0667rem solid var(--button-selected-border);
  z-index: 1;
}
button.-tertiary.-toggle.active:disabled, .btn.-tertiary.-toggle.active:disabled {
  opacity: 0.5;
  background-color: var(--button-selected-background);
  color: var(--button-selected-color);
  border: 0.0667rem solid var(--button-selected-border);
  z-index: 1;
}
button.-error, .btn.-error {
  background-color: var(--error-color);
  color: var(--toggle-white-black);
  border: none;
}
button.-error:hover:not(:disabled), button.-error:focus:not(:disabled), .btn.-error:hover:not(:disabled), .btn.-error:focus:not(:disabled) {
  filter: var(--button-hover-filter);
  outline: none;
}
button.-error:active:not(:disabled), .btn.-error:active:not(:disabled) {
  filter: var(--button-active-filter);
  -webkit-box-shadow: inset 0px 4px 4px 0px rgba(var(--color-black-rgb), 0.25);
  box-shadow: inset 0px 4px 4px 0px rgba(var(--color-black-rgb), 0.25);
}
button.-error:disabled, .btn.-error:disabled {
  background-color: var(--error-color-disabled);
  color: var(--primary-text-color-disabled);
}
button.-error.-secondary, .btn.-error.-secondary {
  background: none;
  color: var(--error-color);
  border: 0.0667rem solid var(--error-color);
}
button.-error.-secondary:hover:not(:disabled, :active), button.-error.-secondary:focus:not(:disabled), .btn.-error.-secondary:hover:not(:disabled, :active), .btn.-error.-secondary:focus:not(:disabled) {
  filter: unset;
  background-color: var(--background-error-hover);
  border-color: var(--error-color);
  outline: none;
}
button.-error.-secondary:active:not(:disabled), .btn.-error.-secondary:active:not(:disabled) {
  filter: unset;
  background-color: var(--background-error-hover);
  border-color: var(--error-color);
  -webkit-box-shadow: inset 0px 4px 4px 0px var(--error-shadow-color);
  box-shadow: inset 0px 4px 4px 0px var(--error-shadow-color);
}
button.-error.-secondary:disabled, .btn.-error.-secondary:disabled {
  border-color: var(--error-color-disabled);
  background: none;
  color: var(--error-text-color-disabled);
}
button.-warning, .btn.-warning {
  background-color: var(--warning-color);
  color: var(--toggle-white-black);
  border: none;
}
button.-warning:hover:not(:disabled), button.-warning:focus:not(:disabled), .btn.-warning:hover:not(:disabled), .btn.-warning:focus:not(:disabled) {
  filter: var(--button-hover-filter);
  outline: none;
}
button.-warning:active:not(:disabled), .btn.-warning:active:not(:disabled) {
  filter: var(--button-active-filter);
  -webkit-box-shadow: inset 0px 4px 4px 0px rgba(var(--color-black-rgb), 0.25);
  box-shadow: inset 0px 4px 4px 0px rgba(var(--color-black-rgb), 0.25);
}
button.-warning:disabled, .btn.-warning:disabled {
  background-color: var(--warning-color-disabled);
  color: var(--primary-text-color-disabled);
}
button.-warning.-secondary, .btn.-warning.-secondary {
  background: none;
  color: var(--warning-color);
  border: 0.0667rem solid var(--warning-color);
}
button.-warning.-secondary:hover:not(:disabled, :active), button.-warning.-secondary:focus:not(:disabled), .btn.-warning.-secondary:hover:not(:disabled, :active), .btn.-warning.-secondary:focus:not(:disabled) {
  filter: unset;
  background-color: var(--background-warning-hover);
  outline: none;
}
button.-warning.-secondary:active:not(:disabled), .btn.-warning.-secondary:active:not(:disabled) {
  filter: unset;
  background-color: var(--background-warning-hover);
  border-color: var(--warning-color);
  -webkit-box-shadow: inset 0px 4px 4px 0px var(--warning-shadow-color);
  box-shadow: inset 0px 4px 4px 0px var(--warning-shadow-color);
}
button.-warning.-secondary:disabled, .btn.-warning.-secondary:disabled {
  border-color: var(--warning-color-disabled);
  color: var(--warning-text-color-disabled);
}
button.-bar, button.-function, .btn.-bar, .btn.-function {
  background: none;
  border: none;
  color: var(--text-color);
}
button.-bar:hover, button.-bar:focus, button.-function:hover, button.-function:focus, .btn.-bar:hover, .btn.-bar:focus, .btn.-function:hover, .btn.-function:focus {
  color: var(--toggle-primary-primarydark);
  outline: none;
}
button.-bar:active, button.-function:active, .btn.-bar:active, .btn.-function:active {
  color: var(--toggle-primary-primarydark);
}
button.-bar:disabled, button.-function:disabled, .btn.-bar:disabled, .btn.-function:disabled {
  color: var(--text-color-disabled);
}
button.-bar, .btn.-bar {
  padding: 0 8px;
}
button.-function, .btn.-function {
  background-color: var(--field-background);
}
button.-link, .btn.-link {
  background: none;
  color: var(--primary-text-color);
  border: none;
  font-size: 1.4rem;
  text-decoration: var(--link-decoration);
  text-underline-offset: 4px;
}
button.-link.-text-left, .btn.-link.-text-left {
  text-align: left;
}
button.-link.-icon-label .mi:before, .btn.-link.-icon-label .mi:before {
  display: inline-block;
}
button.-link:hover:not(:disabled), button.-link:focus, .btn.-link:hover:not(:disabled), .btn.-link:focus {
  background-color: var(--link-hover);
  outline: none;
}
button.-link:active:not(:disabled), .btn.-link:active:not(:disabled) {
  background-color: var(--link-active);
}
button.-link:disabled, .btn.-link:disabled {
  color: var(--text-color-disabled);
}
button.-small, .btn.-small {
  height: 2.7rem;
  font-size: 1.2rem;
  padding: 0.8rem 0.6rem;
}
button.-small i::before, .btn.-small i::before {
  margin-right: 0;
  font-size: 1.4rem;
}
button.-large, .btn.-large {
  height: 3.5rem;
  font-size: 1.6rem;
  padding: 0.9rem 1.2rem;
}
button.-large i::before, .btn.-large i::before {
  margin-right: 0;
  font-size: 1.8rem;
}
button.-small-width, .btn.-small-width {
  width: 30px;
  padding: 0;
}
button.-medium-width, .btn.-medium-width {
  min-width: 120px;
}
button.-large-width, .btn.-large-width {
  width: 160px;
}
button.-larger-width, .btn.-larger-width {
  width: 220px;
}
button.-huge-width, .btn.-huge-width {
  width: 300px;
}
button.-full-width, .btn.-full-width {
  width: 100%;
}
button.-icon-label, button.-icon, .btn.-icon-label, .btn.-icon {
  font-size: 1.4rem;
  padding: 0.5rem 0.9rem;
}
button.-icon-label.-small, button.-icon.-small, .btn.-icon-label.-small, .btn.-icon.-small {
  padding: 0.5rem 0.6rem;
}
button.-icon-label.-large, button.-icon.-large, .btn.-icon-label.-large, .btn.-icon.-large {
  padding: 0.6rem 1.2rem;
}
button.-icon-label i::before, .btn.-icon-label i::before {
  margin-right: 0.8rem;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
.badge {
  display: inline-block;
  padding: 0.4rem 0.7rem;
  font-size: 1.2rem;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 1rem;
}
.badge.-square {
  padding: 0;
}
.badge.-square:not(.-small) {
  height: 18px;
  width: 18px;
}
.badge.-square.-small {
  padding: 0;
  height: 14px;
  width: 14px;
}
.badge.-primary {
  background: var(--toggle-primary-primarydark);
}
.badge.-warning:not(.-secondary) {
  background: #f06118;
}
.badge.-success:not(.-secondary) {
  background: #00AC6B;
}
.badge.-gray:not(.-secondary) {
  background: #707070;
}
.badge.-blue:not(.-secondary) {
  background: #3C86C8;
}
.badge.-yellow:not(.-secondary) {
  color: #191919;
  background: #cfdb21;
}
.badge.-yellow:not(.-secondary) .badge-value:not(:last-child) {
  border-right: 1px solid #191919;
}
.badge.-red:not(.-secondary) {
  background: #a41504;
}
.badge.-secondary {
  color: var(--toggle-primary-white);
  border: 1px solid var(--toggle-primary-white);
}
.badge.-secondary .badge-value:not(:last-child) {
  border-right: 1px solid var(--toggle-primary-white);
}
.badge.-secondary.-warning {
  color: #f06118;
  border: 1px solid #f06118;
}
.badge.-secondary.-warning .badge-value:not(:last-child) {
  border-right: 1px solid #f06118;
}
.badge.-secondary.-success {
  color: #00AC6B;
  border: 1px solid #00AC6B;
}
.badge.-secondary.-success .badge-value:not(:last-child) {
  border-right: 1px solid #00AC6B;
}
.badge.-secondary.-gray {
  color: #707070;
  border: 1px solid #707070;
}
.badge.-secondary.-gray .badge-value:not(:last-child) {
  border-right: 1px solid #707070;
}
.badge.-secondary.-blue {
  color: #3C86C8;
  border: 1px solid #3C86C8;
}
.badge.-secondary.-blue .badge-value:not(:last-child) {
  border-right: 1px solid #3C86C8;
}
.badge.-secondary.-yellow {
  color: var(--toggle-black-pea);
  border: 1px solid #cfdb21;
}
.badge.-secondary.-yellow .badge-value:not(:last-child) {
  border-right: 1px solid #cfdb21;
}
.badge.-secondary.-red {
  color: var(--toggle-dark-red-whitedark);
  border: 1px solid #a41504;
}
.badge.-secondary.-red .badge-value:not(:last-child) {
  border-right: 1px solid #a41504;
}
.badge:has(.badge-value) {
  padding: 0;
  display: flex;
  justify-self: baseline;
}
.badge .badge-value {
  padding: 0.4rem 0.7rem;
}
.badge .badge-value:not(:last-child) {
  border-right: 1px solid #ffffff;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
.alert {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
}
.alert.-basic {
  background-color: var(--field-background);
  border: var(--gray-border);
}
.alert.-info {
  background-color: var(--toast-info-background);
}
.alert.-success {
  background-color: var(--toast-success-background);
}
.alert.-warning {
  background-color: var(--toast-warning-background);
}
.alert.-error {
  background-color: var(--toast-error-background);
}
.alert .close-icon i:before {
  font-size: 1.2rem;
  font-weight: 700;
}
.alert .icon {
  display: flex;
  flex-direction: column;
  justify-content: start;
  font-size: 2.5rem;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
.alert .body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.5rem 1.5rem;
}
.alert .body .title {
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 0.9rem;
}
.alert .body .title:empty,
.alert .body .title:has(+ :empty) {
  margin-bottom: 0;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
.overlay-container-content {
  position: absolute;
  margin-top: 5px;
  padding-left: 0.3rem;
  display: block;
}

.overlay-container select {
  pointer-events: none;
}

.overlay-container:has(textarea) {
  height: 6.8rem;
}

.overlay-container-readonly:has(textarea) {
  height: 6.8rem;
}

.overlay-container {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.4rem;
  background-color: var(--field-background) !important;
  color: var(--text-color) !important;
}

overlay-container-readonly {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 3.4rem;
  background-color: var(--field-background) !important;
  color: var(--text-color-disabled) !important;
}

.overlay-container::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  cursor: pointer;
  pointer-events: none;
  padding: 0 5px;
  background-color: var(--field-background) !important;
  color: var(--text-color) !important;
}

.overlay-container input,
.overlay-container select,
.overlay-container textarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0; /* Make the control invisible */
  z-index: 1;
  background-color: var(--field-background) !important;
  color: var(--text-color) !important;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
.tooltip {
  position: absolute;
  z-index: 1100;
  display: none;
  margin: 0;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show, .tooltip[data-show] {
  display: block;
  opacity: 1;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.tooltip-top, .tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.tooltip-top .tooltip-arrow, .tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.tooltip-top .tooltip-arrow::before, .tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: var(--toast-info-background);
}

.tooltip-end, .tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.tooltip-end .tooltip-arrow, .tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.tooltip-end .tooltip-arrow::before, .tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: var(--toast-info-background);
}

.tooltip-bottom, .tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.tooltip-bottom .tooltip-arrow, .tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.tooltip-bottom .tooltip-arrow::before, .tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: var(--toast-info-background);
}

.tooltip-start, .tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.tooltip-start .tooltip-arrow, .tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.tooltip-start .tooltip-arrow::before, .tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: var(--toast-info-background);
}

.tooltip-inner {
  max-width: 250px;
  padding: 0.25rem 0.5rem;
  color: var(--text-color);
  text-align: center;
  background-color: var(--toast-info-background);
  border-radius: 0.25rem;
}

.tree-view {
  overflow-y: auto;
  max-height: 100%;
}
.tree-view .tree-view-node {
  display: grid;
  grid-template-columns: 2.5rem auto;
  justify-content: start;
  overflow: hidden;
}
.tree-view .tree-view-node:hover {
  background: var(--background-hover);
  cursor: pointer;
}
.tree-view .tree-view-node.selected {
  background: var(--background-active);
}
.tree-view .tree-view-node .content {
  grid-column-start: 2;
  padding: 0.7rem;
}
.tree-view .tree-view-node .btn-collapse {
  color: inherit;
}
.tree-view .tree-view-node .btn-collapse::before {
  margin-right: 1rem;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tree-view .tree-view-node .btn-collapse.expanded::before {
  display: inline-block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg);
}

.vertical-splitter .splitter-bar {
  display: grid;
  cursor: ew-resize;
  background-color: var(--background-color);
  width: 30px;
}
.vertical-splitter .splitter-bar:before {
  margin: 0 auto;
  align-self: center;
  width: 20px;
  content: var(--icon-drag-horizontally);
}
.vertical-splitter .splitter-bar.-with-border {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.vertical-splitter .splitter-bar.-with-border:before {
  content: " ";
  grid-column: 1;
  grid-row: 1;
  align-content: center;
}
.vertical-splitter .splitter-bar.-with-border:after {
  content: " ";
  width: 0.0667rem;
  background-color: var(--gray-border-color);
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.vertical-splitter .splitter-bar.-with-border:hover:after, .vertical-splitter .splitter-bar.-with-border:active:after {
  transform: scaleX(2.9985007496);
  background-color: var(--primary-color);
}
.vertical-splitter.splitter-move {
  cursor: ew-resize;
}

.horizontal-splitter .splitter-bar {
  display: grid;
  cursor: ns-resize;
  background-color: var(--background-color);
  height: 30px;
}
.horizontal-splitter .splitter-bar:before {
  width: 20px;
  height: 30px;
  justify-self: center;
  transform: rotate(90deg);
  content: var(--icon-drag-horizontally);
}
.horizontal-splitter .splitter-bar.-with-border {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
}
.horizontal-splitter .splitter-bar.-with-border:before {
  content: " ";
  grid-column: 1;
  grid-row: 1;
  align-content: center;
}
.horizontal-splitter .splitter-bar.-with-border:after {
  content: " ";
  height: 0.0667rem;
  width: 100%;
  background-color: var(--gray-border-color);
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.horizontal-splitter .splitter-bar.-with-border:hover:after, .horizontal-splitter .splitter-bar.-with-border:active:after {
  transform: scaleY(2.9985007496);
  background-color: var(--primary-color);
}
.horizontal-splitter.splitter-move {
  cursor: ns-resize;
}

.tile-field-content {
  font-size: 1.4rem;
  font-weight: 700;
}

.tile-field-label {
  font-size: 1.2rem;
  line-height: 120%;
}

.tile-text-small {
  font-size: 1.2rem;
}

/*.tile-hr {
    margin-left: 0;
    margin-right: 0;
}*/
/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
.form-field-group {
  margin-top: 10px;
}

.form-field-group-content {
  margin-left: 15px;
  margin-right: 5px;
  display: flex;
  flex-wrap: wrap;
}
.form-field-group-content .row-form {
  margin: 0;
  max-width: inherit;
}

.column-span-1 {
  padding: 5px;
  min-width: 130px;
  max-width: 259px;
  box-sizing: border-box;
}

.column-span-2 {
  padding: 5px;
  min-width: 250px;
  max-width: 519px;
  box-sizing: border-box;
}

.column-span-4 {
  padding: 5px;
  min-width: 250px;
  max-width: 1039px;
  box-sizing: border-box;
}

.form-one-column {
  display: flex;
  flex-direction: column;
  min-width: 280px;
}
.form-one-column .column-span-1 {
  width: 50%;
  max-width: 259px;
}
.form-one-column .column-span-2, .form-one-column .column-span-4 {
  width: 100%;
}

.form-one-column-one-picture {
  display: flex;
  flex-direction: row;
}
.form-one-column-one-picture .fields-container {
  flex: 1;
}
.form-one-column-one-picture .attachment-container {
  flex: 0 0 150px;
}
.form-one-column-one-picture .column-span-1 {
  width: 50%;
  max-width: 259px;
}
.form-one-column-one-picture .column-span-2, .form-one-column-one-picture .column-span-4 {
  width: 100%;
}

.form-one-column-two-pictures {
  display: flex;
  flex-direction: row;
}
.form-one-column-two-pictures .fields-container {
  flex: 1;
}
.form-one-column-two-pictures .attachment-container {
  flex: 0 0 280px;
}
.form-one-column-two-pictures .column-span-1 {
  width: 50%;
  max-width: 259px;
}
.form-one-column-two-pictures .column-span-2, .form-one-column-two-pictures .column-span-4 {
  width: 100%;
}

.form-two-columns-two-pictures {
  display: flex;
  flex-direction: row;
}
.form-two-columns-two-pictures .fields-container {
  flex: 1;
}
.form-two-columns-two-pictures .attachment-container {
  flex: 0 0 280px;
}
.form-two-columns-two-pictures .column-span-1 {
  width: 25%;
  max-width: 259px;
}
.form-two-columns-two-pictures .column-span-2 {
  width: 50%;
}
.form-two-columns-two-pictures .column-span-4 {
  width: 100%;
}

.form-three-columns-two-pictures {
  display: flex;
  flex-direction: row;
}
.form-three-columns-two-pictures .fields-container {
  flex: 1;
}
.form-three-columns-two-pictures .attachment-container {
  flex: 0 0 280px;
}
.form-three-columns-two-pictures .column-span-1 {
  width: 16.6%;
  max-width: 259px;
}
.form-three-columns-two-pictures .column-span-2 {
  width: 33.3%;
}
.form-three-columns-two-pictures .column-span-4 {
  width: 100%;
}

.form-four-columns-two-pictures {
  display: flex;
  flex-direction: row;
}
.form-four-columns-two-pictures .fields-container {
  flex: 1;
}
.form-four-columns-two-pictures .attachment-container {
  flex: 0 0 280px;
}
.form-four-columns-two-pictures .column-span-1 {
  width: 12.5%;
  max-width: 259px;
}
.form-four-columns-two-pictures .column-span-2 {
  width: 25%;
}
.form-four-columns-two-pictures .column-span-4 {
  width: 50%;
}

.form-five-columns-two-pictures {
  display: flex;
  flex-direction: row;
}
.form-five-columns-two-pictures .fields-container {
  flex: 1;
}
.form-five-columns-two-pictures .attachment-container {
  flex: 0 0 280px;
}
.form-five-columns-two-pictures .column-span-1 {
  width: 10%;
  max-width: 259px;
}
.form-five-columns-two-pictures .column-span-2 {
  width: 20%;
}
.form-five-columns-two-pictures .column-span-4 {
  width: 50%;
}

.form-six-columns-two-pictures {
  display: flex;
  flex-direction: row;
}
.form-six-columns-two-pictures .fields-container {
  flex: 1;
}
.form-six-columns-two-pictures .attachment-container {
  flex: 0 0 280px;
}
.form-six-columns-two-pictures .column-span-1 {
  width: 8.3%;
  max-width: 259px;
}
.form-six-columns-two-pictures .column-span-2 {
  width: 16.6%;
}
.form-six-columns-two-pictures .column-span-4 {
  width: 33.3%;
}

.form-two-columns {
  display: flex;
  flex-direction: column;
}
.form-two-columns .column-span-1 {
  width: 25%;
  max-width: 259px;
}
.form-two-columns .column-span-2 {
  width: 50%;
}
.form-two-columns .column-span-4 {
  width: 100%;
}

.form-three-columns {
  display: flex;
  flex-direction: column;
}
.form-three-columns .column-span-1 {
  width: 16.6%;
  max-width: 259px;
}
.form-three-columns .column-span-2 {
  width: 33.3%;
}
.form-three-columns .column-span-4 {
  width: 100%;
}

.form-four-columns {
  display: flex;
  flex-direction: column;
}
.form-four-columns .column-span-1 {
  width: 12.5%;
  max-width: 259px;
}
.form-four-columns .column-span-2 {
  width: 25%;
}
.form-four-columns .column-span-4 {
  width: 50%;
}

.form-five-columns {
  display: flex;
  flex-direction: column;
}
.form-five-columns .column-span-1 {
  width: 10%;
  max-width: 259px;
}
.form-five-columns .column-span-2 {
  width: 20%;
}
.form-five-columns .column-span-4 {
  width: 50%;
}

.form-six-columns {
  display: flex;
  flex-direction: column;
}
.form-six-columns .column-span-1 {
  width: 8.3%;
  max-width: 259px;
}
.form-six-columns .column-span-2 {
  width: 16.6%;
}
.form-six-columns .column-span-4 {
  width: 33.3%;
}

div[isoverlayingelement] {
  background-color: var(--field-background) !important;
  color: var(--text-color) !important;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 100;
  box-sizing: border-box;
  border: none;
  border-bottom: 0.0667rem solid var(--border-color);
  padding-left: 0.3rem;
}

div[isoverlayingelement].overlay-element-readonly {
  color: var(--text-color-disabled) !important;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
@keyframes radial-progress {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(365deg);
  }
}
.app-loading .app-icon-container {
  position: relative;
}
.app-loading .app-icon-container .app-icon {
  background-image: var(--app-image);
  background-size: cover;
  height: 20rem;
  width: 20rem;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
@media (prefers-color-scheme: dark) {
  .app-loading .app-icon-container .app-icon {
    background-image: var(--app-image-dark);
  }
}
.app-loading .app-icon-container .progress-radial {
  width: 21rem;
  height: 21rem;
  border-radius: 50%;
  background: radial-gradient(closest-side, var(--icon-placeholder-background) 94%, transparent 95%), conic-gradient(var(--icon-placeholder-background) 25%, var(--primary-color) 40%, var(--primary-color) 70%, var(--icon-placeholder-background) 0);
  transform: rotate(15deg);
  animation: infinite linear 4s;
  animation-name: radial-progress;
}
.app-loading h3 {
  text-align: center;
}
.app-loading .loading-progress-text:after {
  content: var(--blazor-load-percentage-text, "0%");
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
.layout-with-background {
  display: grid;
  height: 100%;
}
.layout-with-background > .content {
  padding: 0 5%;
  width: 90%;
  height: 100vh;
  display: grid;
  align-items: center;
  justify-items: start;
}
.layout-with-background > .content.with-header {
  max-height: calc(100vh - 64px);
}

.layout-with-background {
  --decoration-image: url(images/decoration-default.png);
  --decoration-image-overlay: linear-gradient(rgba(var(--color-white-rgb), 0.9), rgba(var(--color-white-rgb), 0.9));
}

.dark-color-scheme .layout-with-background {
  --decoration-image: url(images/decoration-dark.png);
  --decoration-image-overlay: linear-gradient(rgba(var(--color-black-rgb), 0.8), rgba(var(--color-black-rgb), 0.8));
}

@media (prefers-color-scheme: dark) {
  .layout-with-background {
    --decoration-image: url(images/decoration-dark.png);
    --decoration-image-overlay: linear-gradient(rgba(var(--color-black-rgb), 0.8), rgba(var(--color-black-rgb), 0.8));
  }
  .light-color-scheme .layout-with-background {
    --decoration-image: url(images/decoration-default.png);
    --decoration-image-overlay: linear-gradient(rgba(var(--color-white-rgb), 0.9), rgba(var(--color-white-rgb), 0.9));
  }
}
@media (max-width: 991px) {
  .layout-with-background {
    grid-template-areas: "content";
    background-image: var(--decoration-image-overlay), var(--decoration-image);
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
  }
  .layout-with-background > .decoration {
    display: none;
  }
}
@media (min-width: 992px) {
  .layout-with-background {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "decoration content";
  }
  .layout-with-background > .decoration {
    grid-area: decoration;
    background-image: var(--decoration-image);
    background-size: cover;
    background-position: 50%;
    height: 100%;
    max-height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    opacity: 0.2;
  }
  .layout-with-background > .content {
    grid-area: content;
  }
}
/*.valid.modified:not([type=checkbox]) {
    outline: 1px solid #00AC6B;
}*/
label:has(+ select.invalid), label.invalid {
  color: var(--text-color-negative);
}

.invalid:not(label) {
  border-bottom-color: var(--text-color-negative) !important;
  background: var(--field-background-error);
  color: var(--text-color-negative);
}

.validation-message {
  color: var(--text-color-negative);
  font-size: 1.2rem;
}

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 2000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
._m-0 {
  margin: 0 !important;
}

._mt-0,
._my-0 {
  margin-top: 0 !important;
}

._mr-0,
._mx-0 {
  margin-right: 0 !important;
}

._mb-0,
._my-0 {
  margin-bottom: 0 !important;
}

._ml-0,
._mx-0 {
  margin-left: 0 !important;
}

._m-1 {
  margin: 0.3rem !important;
}

._mt-1,
._my-1 {
  margin-top: 0.3rem !important;
}

._mr-1,
._mx-1 {
  margin-right: 0.3rem !important;
}

._mb-1,
._my-1 {
  margin-bottom: 0.3rem !important;
}

._ml-1,
._mx-1 {
  margin-left: 0.3rem !important;
}

._m-2 {
  margin: 0.5rem !important;
}

._mt-2,
._my-2 {
  margin-top: 0.5rem !important;
}

._mr-2,
._mx-2 {
  margin-right: 0.5rem !important;
}

._mb-2,
._my-2 {
  margin-bottom: 0.5rem !important;
}

._ml-2,
._mx-2 {
  margin-left: 0.5rem !important;
}

._m-3 {
  margin: 0.8rem !important;
}

._mt-3,
._my-3 {
  margin-top: 0.8rem !important;
}

._mr-3,
._mx-3 {
  margin-right: 0.8rem !important;
}

._mb-3,
._my-3 {
  margin-bottom: 0.8rem !important;
}

._ml-3,
._mx-3 {
  margin-left: 0.8rem !important;
}

._m-4 {
  margin: 1.2rem !important;
}

._mt-4,
._my-4 {
  margin-top: 1.2rem !important;
}

._mr-4,
._mx-4 {
  margin-right: 1.2rem !important;
}

._mb-4,
._my-4 {
  margin-bottom: 1.2rem !important;
}

._ml-4,
._mx-4 {
  margin-left: 1.2rem !important;
}

._m-5 {
  margin: 2.4rem !important;
}

._mt-5,
._my-5 {
  margin-top: 2.4rem !important;
}

._mr-5,
._mx-5 {
  margin-right: 2.4rem !important;
}

._mb-5,
._my-5 {
  margin-bottom: 2.4rem !important;
}

._ml-5,
._mx-5 {
  margin-left: 2.4rem !important;
}

._m-6 {
  margin: 3.2rem !important;
}

._mt-6,
._my-6 {
  margin-top: 3.2rem !important;
}

._mr-6,
._mx-6 {
  margin-right: 3.2rem !important;
}

._mb-6,
._my-6 {
  margin-bottom: 3.2rem !important;
}

._ml-6,
._mx-6 {
  margin-left: 3.2rem !important;
}

._m-7 {
  margin: 6.4rem !important;
}

._mt-7,
._my-7 {
  margin-top: 6.4rem !important;
}

._mr-7,
._mx-7 {
  margin-right: 6.4rem !important;
}

._mb-7,
._my-7 {
  margin-bottom: 6.4rem !important;
}

._ml-7,
._mx-7 {
  margin-left: 6.4rem !important;
}

._m-8 {
  margin: 8rem !important;
}

._mt-8,
._my-8 {
  margin-top: 8rem !important;
}

._mr-8,
._mx-8 {
  margin-right: 8rem !important;
}

._mb-8,
._my-8 {
  margin-bottom: 8rem !important;
}

._ml-8,
._mx-8 {
  margin-left: 8rem !important;
}

._p-0 {
  padding: 0 !important;
}

._pt-0,
._py-0 {
  padding-top: 0 !important;
}

._pr-0,
._px-0 {
  padding-right: 0 !important;
}

._pb-0,
._py-0 {
  padding-bottom: 0 !important;
}

._pl-0,
._px-0 {
  padding-left: 0 !important;
}

._p-1 {
  padding: 0.3rem !important;
}

._pt-1,
._py-1 {
  padding-top: 0.3rem !important;
}

._pr-1,
._px-1 {
  padding-right: 0.3rem !important;
}

._pb-1,
._py-1 {
  padding-bottom: 0.3rem !important;
}

._pl-1,
._px-1 {
  padding-left: 0.3rem !important;
}

._p-2 {
  padding: 0.5rem !important;
}

._pt-2,
._py-2 {
  padding-top: 0.5rem !important;
}

._pr-2,
._px-2 {
  padding-right: 0.5rem !important;
}

._pb-2,
._py-2 {
  padding-bottom: 0.5rem !important;
}

._pl-2,
._px-2 {
  padding-left: 0.5rem !important;
}

._p-3 {
  padding: 0.8rem !important;
}

._pt-3,
._py-3 {
  padding-top: 0.8rem !important;
}

._pr-3,
._px-3 {
  padding-right: 0.8rem !important;
}

._pb-3,
._py-3 {
  padding-bottom: 0.8rem !important;
}

._pl-3,
._px-3 {
  padding-left: 0.8rem !important;
}

._p-4 {
  padding: 1.2rem !important;
}

._pt-4,
._py-4 {
  padding-top: 1.2rem !important;
}

._pr-4,
._px-4 {
  padding-right: 1.2rem !important;
}

._pb-4,
._py-4 {
  padding-bottom: 1.2rem !important;
}

._pl-4,
._px-4 {
  padding-left: 1.2rem !important;
}

._p-5 {
  padding: 2.4rem !important;
}

._pt-5,
._py-5 {
  padding-top: 2.4rem !important;
}

._pr-5,
._px-5 {
  padding-right: 2.4rem !important;
}

._pb-5,
._py-5 {
  padding-bottom: 2.4rem !important;
}

._pl-5,
._px-5 {
  padding-left: 2.4rem !important;
}

._p-6 {
  padding: 3.2rem !important;
}

._pt-6,
._py-6 {
  padding-top: 3.2rem !important;
}

._pr-6,
._px-6 {
  padding-right: 3.2rem !important;
}

._pb-6,
._py-6 {
  padding-bottom: 3.2rem !important;
}

._pl-6,
._px-6 {
  padding-left: 3.2rem !important;
}

._p-7 {
  padding: 6.4rem !important;
}

._pt-7,
._py-7 {
  padding-top: 6.4rem !important;
}

._pr-7,
._px-7 {
  padding-right: 6.4rem !important;
}

._pb-7,
._py-7 {
  padding-bottom: 6.4rem !important;
}

._pl-7,
._px-7 {
  padding-left: 6.4rem !important;
}

._p-8 {
  padding: 8rem !important;
}

._pt-8,
._py-8 {
  padding-top: 8rem !important;
}

._pr-8,
._px-8 {
  padding-right: 8rem !important;
}

._pb-8,
._py-8 {
  padding-bottom: 8rem !important;
}

._pl-8,
._px-8 {
  padding-left: 8rem !important;
}

._m-n1 {
  margin: -0.3rem !important;
}

._mt-n1,
._my-n1 {
  margin-top: -0.3rem !important;
}

._mr-n1,
._mx-n1 {
  margin-right: -0.3rem !important;
}

._mb-n1,
._my-n1 {
  margin-bottom: -0.3rem !important;
}

._ml-n1,
._mx-n1 {
  margin-left: -0.3rem !important;
}

._m-n2 {
  margin: -0.5rem !important;
}

._mt-n2,
._my-n2 {
  margin-top: -0.5rem !important;
}

._mr-n2,
._mx-n2 {
  margin-right: -0.5rem !important;
}

._mb-n2,
._my-n2 {
  margin-bottom: -0.5rem !important;
}

._ml-n2,
._mx-n2 {
  margin-left: -0.5rem !important;
}

._m-n3 {
  margin: -0.8rem !important;
}

._mt-n3,
._my-n3 {
  margin-top: -0.8rem !important;
}

._mr-n3,
._mx-n3 {
  margin-right: -0.8rem !important;
}

._mb-n3,
._my-n3 {
  margin-bottom: -0.8rem !important;
}

._ml-n3,
._mx-n3 {
  margin-left: -0.8rem !important;
}

._m-n4 {
  margin: -1.2rem !important;
}

._mt-n4,
._my-n4 {
  margin-top: -1.2rem !important;
}

._mr-n4,
._mx-n4 {
  margin-right: -1.2rem !important;
}

._mb-n4,
._my-n4 {
  margin-bottom: -1.2rem !important;
}

._ml-n4,
._mx-n4 {
  margin-left: -1.2rem !important;
}

._m-n5 {
  margin: -2.4rem !important;
}

._mt-n5,
._my-n5 {
  margin-top: -2.4rem !important;
}

._mr-n5,
._mx-n5 {
  margin-right: -2.4rem !important;
}

._mb-n5,
._my-n5 {
  margin-bottom: -2.4rem !important;
}

._ml-n5,
._mx-n5 {
  margin-left: -2.4rem !important;
}

._m-n6 {
  margin: -3.2rem !important;
}

._mt-n6,
._my-n6 {
  margin-top: -3.2rem !important;
}

._mr-n6,
._mx-n6 {
  margin-right: -3.2rem !important;
}

._mb-n6,
._my-n6 {
  margin-bottom: -3.2rem !important;
}

._ml-n6,
._mx-n6 {
  margin-left: -3.2rem !important;
}

._m-n7 {
  margin: -6.4rem !important;
}

._mt-n7,
._my-n7 {
  margin-top: -6.4rem !important;
}

._mr-n7,
._mx-n7 {
  margin-right: -6.4rem !important;
}

._mb-n7,
._my-n7 {
  margin-bottom: -6.4rem !important;
}

._ml-n7,
._mx-n7 {
  margin-left: -6.4rem !important;
}

._m-n8 {
  margin: -8rem !important;
}

._mt-n8,
._my-n8 {
  margin-top: -8rem !important;
}

._mr-n8,
._mx-n8 {
  margin-right: -8rem !important;
}

._mb-n8,
._my-n8 {
  margin-bottom: -8rem !important;
}

._ml-n8,
._mx-n8 {
  margin-left: -8rem !important;
}

._m-auto {
  margin: auto !important;
}

._mt-auto,
._my-auto {
  margin-top: auto !important;
}

._mr-auto,
._mx-auto {
  margin-right: auto !important;
}

._mb-auto,
._my-auto {
  margin-bottom: auto !important;
}

._ml-auto,
._mx-auto {
  margin-left: auto !important;
}

._gap-0 {
  gap: 0 !important;
}

._gap-1 {
  gap: 0.3rem !important;
}

._gap-2 {
  gap: 0.5rem !important;
}

._gap-3 {
  gap: 0.8rem !important;
}

._gap-4 {
  gap: 1.2rem !important;
}

._gap-5 {
  gap: 2.4rem !important;
}

._gap-6 {
  gap: 3.2rem !important;
}

._gap-7 {
  gap: 6.4rem !important;
}

._gap-8 {
  gap: 8rem !important;
}

@media (min-width: 576px) {
  ._m-sm-0 {
    margin: 0 !important;
  }
  ._mt-sm-0,
  ._my-sm-0 {
    margin-top: 0 !important;
  }
  ._mr-sm-0,
  ._mx-sm-0 {
    margin-right: 0 !important;
  }
  ._mb-sm-0,
  ._my-sm-0 {
    margin-bottom: 0 !important;
  }
  ._ml-sm-0,
  ._mx-sm-0 {
    margin-left: 0 !important;
  }
  ._m-sm-1 {
    margin: 0.3rem !important;
  }
  ._mt-sm-1,
  ._my-sm-1 {
    margin-top: 0.3rem !important;
  }
  ._mr-sm-1,
  ._mx-sm-1 {
    margin-right: 0.3rem !important;
  }
  ._mb-sm-1,
  ._my-sm-1 {
    margin-bottom: 0.3rem !important;
  }
  ._ml-sm-1,
  ._mx-sm-1 {
    margin-left: 0.3rem !important;
  }
  ._m-sm-2 {
    margin: 0.5rem !important;
  }
  ._mt-sm-2,
  ._my-sm-2 {
    margin-top: 0.5rem !important;
  }
  ._mr-sm-2,
  ._mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  ._mb-sm-2,
  ._my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  ._ml-sm-2,
  ._mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  ._m-sm-3 {
    margin: 0.8rem !important;
  }
  ._mt-sm-3,
  ._my-sm-3 {
    margin-top: 0.8rem !important;
  }
  ._mr-sm-3,
  ._mx-sm-3 {
    margin-right: 0.8rem !important;
  }
  ._mb-sm-3,
  ._my-sm-3 {
    margin-bottom: 0.8rem !important;
  }
  ._ml-sm-3,
  ._mx-sm-3 {
    margin-left: 0.8rem !important;
  }
  ._m-sm-4 {
    margin: 1.2rem !important;
  }
  ._mt-sm-4,
  ._my-sm-4 {
    margin-top: 1.2rem !important;
  }
  ._mr-sm-4,
  ._mx-sm-4 {
    margin-right: 1.2rem !important;
  }
  ._mb-sm-4,
  ._my-sm-4 {
    margin-bottom: 1.2rem !important;
  }
  ._ml-sm-4,
  ._mx-sm-4 {
    margin-left: 1.2rem !important;
  }
  ._m-sm-5 {
    margin: 2.4rem !important;
  }
  ._mt-sm-5,
  ._my-sm-5 {
    margin-top: 2.4rem !important;
  }
  ._mr-sm-5,
  ._mx-sm-5 {
    margin-right: 2.4rem !important;
  }
  ._mb-sm-5,
  ._my-sm-5 {
    margin-bottom: 2.4rem !important;
  }
  ._ml-sm-5,
  ._mx-sm-5 {
    margin-left: 2.4rem !important;
  }
  ._m-sm-6 {
    margin: 3.2rem !important;
  }
  ._mt-sm-6,
  ._my-sm-6 {
    margin-top: 3.2rem !important;
  }
  ._mr-sm-6,
  ._mx-sm-6 {
    margin-right: 3.2rem !important;
  }
  ._mb-sm-6,
  ._my-sm-6 {
    margin-bottom: 3.2rem !important;
  }
  ._ml-sm-6,
  ._mx-sm-6 {
    margin-left: 3.2rem !important;
  }
  ._m-sm-7 {
    margin: 6.4rem !important;
  }
  ._mt-sm-7,
  ._my-sm-7 {
    margin-top: 6.4rem !important;
  }
  ._mr-sm-7,
  ._mx-sm-7 {
    margin-right: 6.4rem !important;
  }
  ._mb-sm-7,
  ._my-sm-7 {
    margin-bottom: 6.4rem !important;
  }
  ._ml-sm-7,
  ._mx-sm-7 {
    margin-left: 6.4rem !important;
  }
  ._m-sm-8 {
    margin: 8rem !important;
  }
  ._mt-sm-8,
  ._my-sm-8 {
    margin-top: 8rem !important;
  }
  ._mr-sm-8,
  ._mx-sm-8 {
    margin-right: 8rem !important;
  }
  ._mb-sm-8,
  ._my-sm-8 {
    margin-bottom: 8rem !important;
  }
  ._ml-sm-8,
  ._mx-sm-8 {
    margin-left: 8rem !important;
  }
  ._p-sm-0 {
    padding: 0 !important;
  }
  ._pt-sm-0,
  ._py-sm-0 {
    padding-top: 0 !important;
  }
  ._pr-sm-0,
  ._px-sm-0 {
    padding-right: 0 !important;
  }
  ._pb-sm-0,
  ._py-sm-0 {
    padding-bottom: 0 !important;
  }
  ._pl-sm-0,
  ._px-sm-0 {
    padding-left: 0 !important;
  }
  ._p-sm-1 {
    padding: 0.3rem !important;
  }
  ._pt-sm-1,
  ._py-sm-1 {
    padding-top: 0.3rem !important;
  }
  ._pr-sm-1,
  ._px-sm-1 {
    padding-right: 0.3rem !important;
  }
  ._pb-sm-1,
  ._py-sm-1 {
    padding-bottom: 0.3rem !important;
  }
  ._pl-sm-1,
  ._px-sm-1 {
    padding-left: 0.3rem !important;
  }
  ._p-sm-2 {
    padding: 0.5rem !important;
  }
  ._pt-sm-2,
  ._py-sm-2 {
    padding-top: 0.5rem !important;
  }
  ._pr-sm-2,
  ._px-sm-2 {
    padding-right: 0.5rem !important;
  }
  ._pb-sm-2,
  ._py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  ._pl-sm-2,
  ._px-sm-2 {
    padding-left: 0.5rem !important;
  }
  ._p-sm-3 {
    padding: 0.8rem !important;
  }
  ._pt-sm-3,
  ._py-sm-3 {
    padding-top: 0.8rem !important;
  }
  ._pr-sm-3,
  ._px-sm-3 {
    padding-right: 0.8rem !important;
  }
  ._pb-sm-3,
  ._py-sm-3 {
    padding-bottom: 0.8rem !important;
  }
  ._pl-sm-3,
  ._px-sm-3 {
    padding-left: 0.8rem !important;
  }
  ._p-sm-4 {
    padding: 1.2rem !important;
  }
  ._pt-sm-4,
  ._py-sm-4 {
    padding-top: 1.2rem !important;
  }
  ._pr-sm-4,
  ._px-sm-4 {
    padding-right: 1.2rem !important;
  }
  ._pb-sm-4,
  ._py-sm-4 {
    padding-bottom: 1.2rem !important;
  }
  ._pl-sm-4,
  ._px-sm-4 {
    padding-left: 1.2rem !important;
  }
  ._p-sm-5 {
    padding: 2.4rem !important;
  }
  ._pt-sm-5,
  ._py-sm-5 {
    padding-top: 2.4rem !important;
  }
  ._pr-sm-5,
  ._px-sm-5 {
    padding-right: 2.4rem !important;
  }
  ._pb-sm-5,
  ._py-sm-5 {
    padding-bottom: 2.4rem !important;
  }
  ._pl-sm-5,
  ._px-sm-5 {
    padding-left: 2.4rem !important;
  }
  ._p-sm-6 {
    padding: 3.2rem !important;
  }
  ._pt-sm-6,
  ._py-sm-6 {
    padding-top: 3.2rem !important;
  }
  ._pr-sm-6,
  ._px-sm-6 {
    padding-right: 3.2rem !important;
  }
  ._pb-sm-6,
  ._py-sm-6 {
    padding-bottom: 3.2rem !important;
  }
  ._pl-sm-6,
  ._px-sm-6 {
    padding-left: 3.2rem !important;
  }
  ._p-sm-7 {
    padding: 6.4rem !important;
  }
  ._pt-sm-7,
  ._py-sm-7 {
    padding-top: 6.4rem !important;
  }
  ._pr-sm-7,
  ._px-sm-7 {
    padding-right: 6.4rem !important;
  }
  ._pb-sm-7,
  ._py-sm-7 {
    padding-bottom: 6.4rem !important;
  }
  ._pl-sm-7,
  ._px-sm-7 {
    padding-left: 6.4rem !important;
  }
  ._p-sm-8 {
    padding: 8rem !important;
  }
  ._pt-sm-8,
  ._py-sm-8 {
    padding-top: 8rem !important;
  }
  ._pr-sm-8,
  ._px-sm-8 {
    padding-right: 8rem !important;
  }
  ._pb-sm-8,
  ._py-sm-8 {
    padding-bottom: 8rem !important;
  }
  ._pl-sm-8,
  ._px-sm-8 {
    padding-left: 8rem !important;
  }
  ._m-sm-n1 {
    margin: -0.3rem !important;
  }
  ._mt-sm-n1,
  ._my-sm-n1 {
    margin-top: -0.3rem !important;
  }
  ._mr-sm-n1,
  ._mx-sm-n1 {
    margin-right: -0.3rem !important;
  }
  ._mb-sm-n1,
  ._my-sm-n1 {
    margin-bottom: -0.3rem !important;
  }
  ._ml-sm-n1,
  ._mx-sm-n1 {
    margin-left: -0.3rem !important;
  }
  ._m-sm-n2 {
    margin: -0.5rem !important;
  }
  ._mt-sm-n2,
  ._my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  ._mr-sm-n2,
  ._mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  ._mb-sm-n2,
  ._my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  ._ml-sm-n2,
  ._mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  ._m-sm-n3 {
    margin: -0.8rem !important;
  }
  ._mt-sm-n3,
  ._my-sm-n3 {
    margin-top: -0.8rem !important;
  }
  ._mr-sm-n3,
  ._mx-sm-n3 {
    margin-right: -0.8rem !important;
  }
  ._mb-sm-n3,
  ._my-sm-n3 {
    margin-bottom: -0.8rem !important;
  }
  ._ml-sm-n3,
  ._mx-sm-n3 {
    margin-left: -0.8rem !important;
  }
  ._m-sm-n4 {
    margin: -1.2rem !important;
  }
  ._mt-sm-n4,
  ._my-sm-n4 {
    margin-top: -1.2rem !important;
  }
  ._mr-sm-n4,
  ._mx-sm-n4 {
    margin-right: -1.2rem !important;
  }
  ._mb-sm-n4,
  ._my-sm-n4 {
    margin-bottom: -1.2rem !important;
  }
  ._ml-sm-n4,
  ._mx-sm-n4 {
    margin-left: -1.2rem !important;
  }
  ._m-sm-n5 {
    margin: -2.4rem !important;
  }
  ._mt-sm-n5,
  ._my-sm-n5 {
    margin-top: -2.4rem !important;
  }
  ._mr-sm-n5,
  ._mx-sm-n5 {
    margin-right: -2.4rem !important;
  }
  ._mb-sm-n5,
  ._my-sm-n5 {
    margin-bottom: -2.4rem !important;
  }
  ._ml-sm-n5,
  ._mx-sm-n5 {
    margin-left: -2.4rem !important;
  }
  ._m-sm-n6 {
    margin: -3.2rem !important;
  }
  ._mt-sm-n6,
  ._my-sm-n6 {
    margin-top: -3.2rem !important;
  }
  ._mr-sm-n6,
  ._mx-sm-n6 {
    margin-right: -3.2rem !important;
  }
  ._mb-sm-n6,
  ._my-sm-n6 {
    margin-bottom: -3.2rem !important;
  }
  ._ml-sm-n6,
  ._mx-sm-n6 {
    margin-left: -3.2rem !important;
  }
  ._m-sm-n7 {
    margin: -6.4rem !important;
  }
  ._mt-sm-n7,
  ._my-sm-n7 {
    margin-top: -6.4rem !important;
  }
  ._mr-sm-n7,
  ._mx-sm-n7 {
    margin-right: -6.4rem !important;
  }
  ._mb-sm-n7,
  ._my-sm-n7 {
    margin-bottom: -6.4rem !important;
  }
  ._ml-sm-n7,
  ._mx-sm-n7 {
    margin-left: -6.4rem !important;
  }
  ._m-sm-n8 {
    margin: -8rem !important;
  }
  ._mt-sm-n8,
  ._my-sm-n8 {
    margin-top: -8rem !important;
  }
  ._mr-sm-n8,
  ._mx-sm-n8 {
    margin-right: -8rem !important;
  }
  ._mb-sm-n8,
  ._my-sm-n8 {
    margin-bottom: -8rem !important;
  }
  ._ml-sm-n8,
  ._mx-sm-n8 {
    margin-left: -8rem !important;
  }
  ._m-sm-auto {
    margin: auto !important;
  }
  ._mt-sm-auto,
  ._my-sm-auto {
    margin-top: auto !important;
  }
  ._mr-sm-auto,
  ._mx-sm-auto {
    margin-right: auto !important;
  }
  ._mb-sm-auto,
  ._my-sm-auto {
    margin-bottom: auto !important;
  }
  ._ml-sm-auto,
  ._mx-sm-auto {
    margin-left: auto !important;
  }
  ._gap-sm-0 {
    gap: 0 !important;
  }
  ._gap-sm-1 {
    gap: 0.3rem !important;
  }
  ._gap-sm-2 {
    gap: 0.5rem !important;
  }
  ._gap-sm-3 {
    gap: 0.8rem !important;
  }
  ._gap-sm-4 {
    gap: 1.2rem !important;
  }
  ._gap-sm-5 {
    gap: 2.4rem !important;
  }
  ._gap-sm-6 {
    gap: 3.2rem !important;
  }
  ._gap-sm-7 {
    gap: 6.4rem !important;
  }
  ._gap-sm-8 {
    gap: 8rem !important;
  }
}
@media (min-width: 768px) {
  ._m-md-0 {
    margin: 0 !important;
  }
  ._mt-md-0,
  ._my-md-0 {
    margin-top: 0 !important;
  }
  ._mr-md-0,
  ._mx-md-0 {
    margin-right: 0 !important;
  }
  ._mb-md-0,
  ._my-md-0 {
    margin-bottom: 0 !important;
  }
  ._ml-md-0,
  ._mx-md-0 {
    margin-left: 0 !important;
  }
  ._m-md-1 {
    margin: 0.3rem !important;
  }
  ._mt-md-1,
  ._my-md-1 {
    margin-top: 0.3rem !important;
  }
  ._mr-md-1,
  ._mx-md-1 {
    margin-right: 0.3rem !important;
  }
  ._mb-md-1,
  ._my-md-1 {
    margin-bottom: 0.3rem !important;
  }
  ._ml-md-1,
  ._mx-md-1 {
    margin-left: 0.3rem !important;
  }
  ._m-md-2 {
    margin: 0.5rem !important;
  }
  ._mt-md-2,
  ._my-md-2 {
    margin-top: 0.5rem !important;
  }
  ._mr-md-2,
  ._mx-md-2 {
    margin-right: 0.5rem !important;
  }
  ._mb-md-2,
  ._my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  ._ml-md-2,
  ._mx-md-2 {
    margin-left: 0.5rem !important;
  }
  ._m-md-3 {
    margin: 0.8rem !important;
  }
  ._mt-md-3,
  ._my-md-3 {
    margin-top: 0.8rem !important;
  }
  ._mr-md-3,
  ._mx-md-3 {
    margin-right: 0.8rem !important;
  }
  ._mb-md-3,
  ._my-md-3 {
    margin-bottom: 0.8rem !important;
  }
  ._ml-md-3,
  ._mx-md-3 {
    margin-left: 0.8rem !important;
  }
  ._m-md-4 {
    margin: 1.2rem !important;
  }
  ._mt-md-4,
  ._my-md-4 {
    margin-top: 1.2rem !important;
  }
  ._mr-md-4,
  ._mx-md-4 {
    margin-right: 1.2rem !important;
  }
  ._mb-md-4,
  ._my-md-4 {
    margin-bottom: 1.2rem !important;
  }
  ._ml-md-4,
  ._mx-md-4 {
    margin-left: 1.2rem !important;
  }
  ._m-md-5 {
    margin: 2.4rem !important;
  }
  ._mt-md-5,
  ._my-md-5 {
    margin-top: 2.4rem !important;
  }
  ._mr-md-5,
  ._mx-md-5 {
    margin-right: 2.4rem !important;
  }
  ._mb-md-5,
  ._my-md-5 {
    margin-bottom: 2.4rem !important;
  }
  ._ml-md-5,
  ._mx-md-5 {
    margin-left: 2.4rem !important;
  }
  ._m-md-6 {
    margin: 3.2rem !important;
  }
  ._mt-md-6,
  ._my-md-6 {
    margin-top: 3.2rem !important;
  }
  ._mr-md-6,
  ._mx-md-6 {
    margin-right: 3.2rem !important;
  }
  ._mb-md-6,
  ._my-md-6 {
    margin-bottom: 3.2rem !important;
  }
  ._ml-md-6,
  ._mx-md-6 {
    margin-left: 3.2rem !important;
  }
  ._m-md-7 {
    margin: 6.4rem !important;
  }
  ._mt-md-7,
  ._my-md-7 {
    margin-top: 6.4rem !important;
  }
  ._mr-md-7,
  ._mx-md-7 {
    margin-right: 6.4rem !important;
  }
  ._mb-md-7,
  ._my-md-7 {
    margin-bottom: 6.4rem !important;
  }
  ._ml-md-7,
  ._mx-md-7 {
    margin-left: 6.4rem !important;
  }
  ._m-md-8 {
    margin: 8rem !important;
  }
  ._mt-md-8,
  ._my-md-8 {
    margin-top: 8rem !important;
  }
  ._mr-md-8,
  ._mx-md-8 {
    margin-right: 8rem !important;
  }
  ._mb-md-8,
  ._my-md-8 {
    margin-bottom: 8rem !important;
  }
  ._ml-md-8,
  ._mx-md-8 {
    margin-left: 8rem !important;
  }
  ._p-md-0 {
    padding: 0 !important;
  }
  ._pt-md-0,
  ._py-md-0 {
    padding-top: 0 !important;
  }
  ._pr-md-0,
  ._px-md-0 {
    padding-right: 0 !important;
  }
  ._pb-md-0,
  ._py-md-0 {
    padding-bottom: 0 !important;
  }
  ._pl-md-0,
  ._px-md-0 {
    padding-left: 0 !important;
  }
  ._p-md-1 {
    padding: 0.3rem !important;
  }
  ._pt-md-1,
  ._py-md-1 {
    padding-top: 0.3rem !important;
  }
  ._pr-md-1,
  ._px-md-1 {
    padding-right: 0.3rem !important;
  }
  ._pb-md-1,
  ._py-md-1 {
    padding-bottom: 0.3rem !important;
  }
  ._pl-md-1,
  ._px-md-1 {
    padding-left: 0.3rem !important;
  }
  ._p-md-2 {
    padding: 0.5rem !important;
  }
  ._pt-md-2,
  ._py-md-2 {
    padding-top: 0.5rem !important;
  }
  ._pr-md-2,
  ._px-md-2 {
    padding-right: 0.5rem !important;
  }
  ._pb-md-2,
  ._py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  ._pl-md-2,
  ._px-md-2 {
    padding-left: 0.5rem !important;
  }
  ._p-md-3 {
    padding: 0.8rem !important;
  }
  ._pt-md-3,
  ._py-md-3 {
    padding-top: 0.8rem !important;
  }
  ._pr-md-3,
  ._px-md-3 {
    padding-right: 0.8rem !important;
  }
  ._pb-md-3,
  ._py-md-3 {
    padding-bottom: 0.8rem !important;
  }
  ._pl-md-3,
  ._px-md-3 {
    padding-left: 0.8rem !important;
  }
  ._p-md-4 {
    padding: 1.2rem !important;
  }
  ._pt-md-4,
  ._py-md-4 {
    padding-top: 1.2rem !important;
  }
  ._pr-md-4,
  ._px-md-4 {
    padding-right: 1.2rem !important;
  }
  ._pb-md-4,
  ._py-md-4 {
    padding-bottom: 1.2rem !important;
  }
  ._pl-md-4,
  ._px-md-4 {
    padding-left: 1.2rem !important;
  }
  ._p-md-5 {
    padding: 2.4rem !important;
  }
  ._pt-md-5,
  ._py-md-5 {
    padding-top: 2.4rem !important;
  }
  ._pr-md-5,
  ._px-md-5 {
    padding-right: 2.4rem !important;
  }
  ._pb-md-5,
  ._py-md-5 {
    padding-bottom: 2.4rem !important;
  }
  ._pl-md-5,
  ._px-md-5 {
    padding-left: 2.4rem !important;
  }
  ._p-md-6 {
    padding: 3.2rem !important;
  }
  ._pt-md-6,
  ._py-md-6 {
    padding-top: 3.2rem !important;
  }
  ._pr-md-6,
  ._px-md-6 {
    padding-right: 3.2rem !important;
  }
  ._pb-md-6,
  ._py-md-6 {
    padding-bottom: 3.2rem !important;
  }
  ._pl-md-6,
  ._px-md-6 {
    padding-left: 3.2rem !important;
  }
  ._p-md-7 {
    padding: 6.4rem !important;
  }
  ._pt-md-7,
  ._py-md-7 {
    padding-top: 6.4rem !important;
  }
  ._pr-md-7,
  ._px-md-7 {
    padding-right: 6.4rem !important;
  }
  ._pb-md-7,
  ._py-md-7 {
    padding-bottom: 6.4rem !important;
  }
  ._pl-md-7,
  ._px-md-7 {
    padding-left: 6.4rem !important;
  }
  ._p-md-8 {
    padding: 8rem !important;
  }
  ._pt-md-8,
  ._py-md-8 {
    padding-top: 8rem !important;
  }
  ._pr-md-8,
  ._px-md-8 {
    padding-right: 8rem !important;
  }
  ._pb-md-8,
  ._py-md-8 {
    padding-bottom: 8rem !important;
  }
  ._pl-md-8,
  ._px-md-8 {
    padding-left: 8rem !important;
  }
  ._m-md-n1 {
    margin: -0.3rem !important;
  }
  ._mt-md-n1,
  ._my-md-n1 {
    margin-top: -0.3rem !important;
  }
  ._mr-md-n1,
  ._mx-md-n1 {
    margin-right: -0.3rem !important;
  }
  ._mb-md-n1,
  ._my-md-n1 {
    margin-bottom: -0.3rem !important;
  }
  ._ml-md-n1,
  ._mx-md-n1 {
    margin-left: -0.3rem !important;
  }
  ._m-md-n2 {
    margin: -0.5rem !important;
  }
  ._mt-md-n2,
  ._my-md-n2 {
    margin-top: -0.5rem !important;
  }
  ._mr-md-n2,
  ._mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  ._mb-md-n2,
  ._my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  ._ml-md-n2,
  ._mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  ._m-md-n3 {
    margin: -0.8rem !important;
  }
  ._mt-md-n3,
  ._my-md-n3 {
    margin-top: -0.8rem !important;
  }
  ._mr-md-n3,
  ._mx-md-n3 {
    margin-right: -0.8rem !important;
  }
  ._mb-md-n3,
  ._my-md-n3 {
    margin-bottom: -0.8rem !important;
  }
  ._ml-md-n3,
  ._mx-md-n3 {
    margin-left: -0.8rem !important;
  }
  ._m-md-n4 {
    margin: -1.2rem !important;
  }
  ._mt-md-n4,
  ._my-md-n4 {
    margin-top: -1.2rem !important;
  }
  ._mr-md-n4,
  ._mx-md-n4 {
    margin-right: -1.2rem !important;
  }
  ._mb-md-n4,
  ._my-md-n4 {
    margin-bottom: -1.2rem !important;
  }
  ._ml-md-n4,
  ._mx-md-n4 {
    margin-left: -1.2rem !important;
  }
  ._m-md-n5 {
    margin: -2.4rem !important;
  }
  ._mt-md-n5,
  ._my-md-n5 {
    margin-top: -2.4rem !important;
  }
  ._mr-md-n5,
  ._mx-md-n5 {
    margin-right: -2.4rem !important;
  }
  ._mb-md-n5,
  ._my-md-n5 {
    margin-bottom: -2.4rem !important;
  }
  ._ml-md-n5,
  ._mx-md-n5 {
    margin-left: -2.4rem !important;
  }
  ._m-md-n6 {
    margin: -3.2rem !important;
  }
  ._mt-md-n6,
  ._my-md-n6 {
    margin-top: -3.2rem !important;
  }
  ._mr-md-n6,
  ._mx-md-n6 {
    margin-right: -3.2rem !important;
  }
  ._mb-md-n6,
  ._my-md-n6 {
    margin-bottom: -3.2rem !important;
  }
  ._ml-md-n6,
  ._mx-md-n6 {
    margin-left: -3.2rem !important;
  }
  ._m-md-n7 {
    margin: -6.4rem !important;
  }
  ._mt-md-n7,
  ._my-md-n7 {
    margin-top: -6.4rem !important;
  }
  ._mr-md-n7,
  ._mx-md-n7 {
    margin-right: -6.4rem !important;
  }
  ._mb-md-n7,
  ._my-md-n7 {
    margin-bottom: -6.4rem !important;
  }
  ._ml-md-n7,
  ._mx-md-n7 {
    margin-left: -6.4rem !important;
  }
  ._m-md-n8 {
    margin: -8rem !important;
  }
  ._mt-md-n8,
  ._my-md-n8 {
    margin-top: -8rem !important;
  }
  ._mr-md-n8,
  ._mx-md-n8 {
    margin-right: -8rem !important;
  }
  ._mb-md-n8,
  ._my-md-n8 {
    margin-bottom: -8rem !important;
  }
  ._ml-md-n8,
  ._mx-md-n8 {
    margin-left: -8rem !important;
  }
  ._m-md-auto {
    margin: auto !important;
  }
  ._mt-md-auto,
  ._my-md-auto {
    margin-top: auto !important;
  }
  ._mr-md-auto,
  ._mx-md-auto {
    margin-right: auto !important;
  }
  ._mb-md-auto,
  ._my-md-auto {
    margin-bottom: auto !important;
  }
  ._ml-md-auto,
  ._mx-md-auto {
    margin-left: auto !important;
  }
  ._gap-md-0 {
    gap: 0 !important;
  }
  ._gap-md-1 {
    gap: 0.3rem !important;
  }
  ._gap-md-2 {
    gap: 0.5rem !important;
  }
  ._gap-md-3 {
    gap: 0.8rem !important;
  }
  ._gap-md-4 {
    gap: 1.2rem !important;
  }
  ._gap-md-5 {
    gap: 2.4rem !important;
  }
  ._gap-md-6 {
    gap: 3.2rem !important;
  }
  ._gap-md-7 {
    gap: 6.4rem !important;
  }
  ._gap-md-8 {
    gap: 8rem !important;
  }
}
@media (min-width: 992px) {
  ._m-lg-0 {
    margin: 0 !important;
  }
  ._mt-lg-0,
  ._my-lg-0 {
    margin-top: 0 !important;
  }
  ._mr-lg-0,
  ._mx-lg-0 {
    margin-right: 0 !important;
  }
  ._mb-lg-0,
  ._my-lg-0 {
    margin-bottom: 0 !important;
  }
  ._ml-lg-0,
  ._mx-lg-0 {
    margin-left: 0 !important;
  }
  ._m-lg-1 {
    margin: 0.3rem !important;
  }
  ._mt-lg-1,
  ._my-lg-1 {
    margin-top: 0.3rem !important;
  }
  ._mr-lg-1,
  ._mx-lg-1 {
    margin-right: 0.3rem !important;
  }
  ._mb-lg-1,
  ._my-lg-1 {
    margin-bottom: 0.3rem !important;
  }
  ._ml-lg-1,
  ._mx-lg-1 {
    margin-left: 0.3rem !important;
  }
  ._m-lg-2 {
    margin: 0.5rem !important;
  }
  ._mt-lg-2,
  ._my-lg-2 {
    margin-top: 0.5rem !important;
  }
  ._mr-lg-2,
  ._mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  ._mb-lg-2,
  ._my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  ._ml-lg-2,
  ._mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  ._m-lg-3 {
    margin: 0.8rem !important;
  }
  ._mt-lg-3,
  ._my-lg-3 {
    margin-top: 0.8rem !important;
  }
  ._mr-lg-3,
  ._mx-lg-3 {
    margin-right: 0.8rem !important;
  }
  ._mb-lg-3,
  ._my-lg-3 {
    margin-bottom: 0.8rem !important;
  }
  ._ml-lg-3,
  ._mx-lg-3 {
    margin-left: 0.8rem !important;
  }
  ._m-lg-4 {
    margin: 1.2rem !important;
  }
  ._mt-lg-4,
  ._my-lg-4 {
    margin-top: 1.2rem !important;
  }
  ._mr-lg-4,
  ._mx-lg-4 {
    margin-right: 1.2rem !important;
  }
  ._mb-lg-4,
  ._my-lg-4 {
    margin-bottom: 1.2rem !important;
  }
  ._ml-lg-4,
  ._mx-lg-4 {
    margin-left: 1.2rem !important;
  }
  ._m-lg-5 {
    margin: 2.4rem !important;
  }
  ._mt-lg-5,
  ._my-lg-5 {
    margin-top: 2.4rem !important;
  }
  ._mr-lg-5,
  ._mx-lg-5 {
    margin-right: 2.4rem !important;
  }
  ._mb-lg-5,
  ._my-lg-5 {
    margin-bottom: 2.4rem !important;
  }
  ._ml-lg-5,
  ._mx-lg-5 {
    margin-left: 2.4rem !important;
  }
  ._m-lg-6 {
    margin: 3.2rem !important;
  }
  ._mt-lg-6,
  ._my-lg-6 {
    margin-top: 3.2rem !important;
  }
  ._mr-lg-6,
  ._mx-lg-6 {
    margin-right: 3.2rem !important;
  }
  ._mb-lg-6,
  ._my-lg-6 {
    margin-bottom: 3.2rem !important;
  }
  ._ml-lg-6,
  ._mx-lg-6 {
    margin-left: 3.2rem !important;
  }
  ._m-lg-7 {
    margin: 6.4rem !important;
  }
  ._mt-lg-7,
  ._my-lg-7 {
    margin-top: 6.4rem !important;
  }
  ._mr-lg-7,
  ._mx-lg-7 {
    margin-right: 6.4rem !important;
  }
  ._mb-lg-7,
  ._my-lg-7 {
    margin-bottom: 6.4rem !important;
  }
  ._ml-lg-7,
  ._mx-lg-7 {
    margin-left: 6.4rem !important;
  }
  ._m-lg-8 {
    margin: 8rem !important;
  }
  ._mt-lg-8,
  ._my-lg-8 {
    margin-top: 8rem !important;
  }
  ._mr-lg-8,
  ._mx-lg-8 {
    margin-right: 8rem !important;
  }
  ._mb-lg-8,
  ._my-lg-8 {
    margin-bottom: 8rem !important;
  }
  ._ml-lg-8,
  ._mx-lg-8 {
    margin-left: 8rem !important;
  }
  ._p-lg-0 {
    padding: 0 !important;
  }
  ._pt-lg-0,
  ._py-lg-0 {
    padding-top: 0 !important;
  }
  ._pr-lg-0,
  ._px-lg-0 {
    padding-right: 0 !important;
  }
  ._pb-lg-0,
  ._py-lg-0 {
    padding-bottom: 0 !important;
  }
  ._pl-lg-0,
  ._px-lg-0 {
    padding-left: 0 !important;
  }
  ._p-lg-1 {
    padding: 0.3rem !important;
  }
  ._pt-lg-1,
  ._py-lg-1 {
    padding-top: 0.3rem !important;
  }
  ._pr-lg-1,
  ._px-lg-1 {
    padding-right: 0.3rem !important;
  }
  ._pb-lg-1,
  ._py-lg-1 {
    padding-bottom: 0.3rem !important;
  }
  ._pl-lg-1,
  ._px-lg-1 {
    padding-left: 0.3rem !important;
  }
  ._p-lg-2 {
    padding: 0.5rem !important;
  }
  ._pt-lg-2,
  ._py-lg-2 {
    padding-top: 0.5rem !important;
  }
  ._pr-lg-2,
  ._px-lg-2 {
    padding-right: 0.5rem !important;
  }
  ._pb-lg-2,
  ._py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  ._pl-lg-2,
  ._px-lg-2 {
    padding-left: 0.5rem !important;
  }
  ._p-lg-3 {
    padding: 0.8rem !important;
  }
  ._pt-lg-3,
  ._py-lg-3 {
    padding-top: 0.8rem !important;
  }
  ._pr-lg-3,
  ._px-lg-3 {
    padding-right: 0.8rem !important;
  }
  ._pb-lg-3,
  ._py-lg-3 {
    padding-bottom: 0.8rem !important;
  }
  ._pl-lg-3,
  ._px-lg-3 {
    padding-left: 0.8rem !important;
  }
  ._p-lg-4 {
    padding: 1.2rem !important;
  }
  ._pt-lg-4,
  ._py-lg-4 {
    padding-top: 1.2rem !important;
  }
  ._pr-lg-4,
  ._px-lg-4 {
    padding-right: 1.2rem !important;
  }
  ._pb-lg-4,
  ._py-lg-4 {
    padding-bottom: 1.2rem !important;
  }
  ._pl-lg-4,
  ._px-lg-4 {
    padding-left: 1.2rem !important;
  }
  ._p-lg-5 {
    padding: 2.4rem !important;
  }
  ._pt-lg-5,
  ._py-lg-5 {
    padding-top: 2.4rem !important;
  }
  ._pr-lg-5,
  ._px-lg-5 {
    padding-right: 2.4rem !important;
  }
  ._pb-lg-5,
  ._py-lg-5 {
    padding-bottom: 2.4rem !important;
  }
  ._pl-lg-5,
  ._px-lg-5 {
    padding-left: 2.4rem !important;
  }
  ._p-lg-6 {
    padding: 3.2rem !important;
  }
  ._pt-lg-6,
  ._py-lg-6 {
    padding-top: 3.2rem !important;
  }
  ._pr-lg-6,
  ._px-lg-6 {
    padding-right: 3.2rem !important;
  }
  ._pb-lg-6,
  ._py-lg-6 {
    padding-bottom: 3.2rem !important;
  }
  ._pl-lg-6,
  ._px-lg-6 {
    padding-left: 3.2rem !important;
  }
  ._p-lg-7 {
    padding: 6.4rem !important;
  }
  ._pt-lg-7,
  ._py-lg-7 {
    padding-top: 6.4rem !important;
  }
  ._pr-lg-7,
  ._px-lg-7 {
    padding-right: 6.4rem !important;
  }
  ._pb-lg-7,
  ._py-lg-7 {
    padding-bottom: 6.4rem !important;
  }
  ._pl-lg-7,
  ._px-lg-7 {
    padding-left: 6.4rem !important;
  }
  ._p-lg-8 {
    padding: 8rem !important;
  }
  ._pt-lg-8,
  ._py-lg-8 {
    padding-top: 8rem !important;
  }
  ._pr-lg-8,
  ._px-lg-8 {
    padding-right: 8rem !important;
  }
  ._pb-lg-8,
  ._py-lg-8 {
    padding-bottom: 8rem !important;
  }
  ._pl-lg-8,
  ._px-lg-8 {
    padding-left: 8rem !important;
  }
  ._m-lg-n1 {
    margin: -0.3rem !important;
  }
  ._mt-lg-n1,
  ._my-lg-n1 {
    margin-top: -0.3rem !important;
  }
  ._mr-lg-n1,
  ._mx-lg-n1 {
    margin-right: -0.3rem !important;
  }
  ._mb-lg-n1,
  ._my-lg-n1 {
    margin-bottom: -0.3rem !important;
  }
  ._ml-lg-n1,
  ._mx-lg-n1 {
    margin-left: -0.3rem !important;
  }
  ._m-lg-n2 {
    margin: -0.5rem !important;
  }
  ._mt-lg-n2,
  ._my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  ._mr-lg-n2,
  ._mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  ._mb-lg-n2,
  ._my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  ._ml-lg-n2,
  ._mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  ._m-lg-n3 {
    margin: -0.8rem !important;
  }
  ._mt-lg-n3,
  ._my-lg-n3 {
    margin-top: -0.8rem !important;
  }
  ._mr-lg-n3,
  ._mx-lg-n3 {
    margin-right: -0.8rem !important;
  }
  ._mb-lg-n3,
  ._my-lg-n3 {
    margin-bottom: -0.8rem !important;
  }
  ._ml-lg-n3,
  ._mx-lg-n3 {
    margin-left: -0.8rem !important;
  }
  ._m-lg-n4 {
    margin: -1.2rem !important;
  }
  ._mt-lg-n4,
  ._my-lg-n4 {
    margin-top: -1.2rem !important;
  }
  ._mr-lg-n4,
  ._mx-lg-n4 {
    margin-right: -1.2rem !important;
  }
  ._mb-lg-n4,
  ._my-lg-n4 {
    margin-bottom: -1.2rem !important;
  }
  ._ml-lg-n4,
  ._mx-lg-n4 {
    margin-left: -1.2rem !important;
  }
  ._m-lg-n5 {
    margin: -2.4rem !important;
  }
  ._mt-lg-n5,
  ._my-lg-n5 {
    margin-top: -2.4rem !important;
  }
  ._mr-lg-n5,
  ._mx-lg-n5 {
    margin-right: -2.4rem !important;
  }
  ._mb-lg-n5,
  ._my-lg-n5 {
    margin-bottom: -2.4rem !important;
  }
  ._ml-lg-n5,
  ._mx-lg-n5 {
    margin-left: -2.4rem !important;
  }
  ._m-lg-n6 {
    margin: -3.2rem !important;
  }
  ._mt-lg-n6,
  ._my-lg-n6 {
    margin-top: -3.2rem !important;
  }
  ._mr-lg-n6,
  ._mx-lg-n6 {
    margin-right: -3.2rem !important;
  }
  ._mb-lg-n6,
  ._my-lg-n6 {
    margin-bottom: -3.2rem !important;
  }
  ._ml-lg-n6,
  ._mx-lg-n6 {
    margin-left: -3.2rem !important;
  }
  ._m-lg-n7 {
    margin: -6.4rem !important;
  }
  ._mt-lg-n7,
  ._my-lg-n7 {
    margin-top: -6.4rem !important;
  }
  ._mr-lg-n7,
  ._mx-lg-n7 {
    margin-right: -6.4rem !important;
  }
  ._mb-lg-n7,
  ._my-lg-n7 {
    margin-bottom: -6.4rem !important;
  }
  ._ml-lg-n7,
  ._mx-lg-n7 {
    margin-left: -6.4rem !important;
  }
  ._m-lg-n8 {
    margin: -8rem !important;
  }
  ._mt-lg-n8,
  ._my-lg-n8 {
    margin-top: -8rem !important;
  }
  ._mr-lg-n8,
  ._mx-lg-n8 {
    margin-right: -8rem !important;
  }
  ._mb-lg-n8,
  ._my-lg-n8 {
    margin-bottom: -8rem !important;
  }
  ._ml-lg-n8,
  ._mx-lg-n8 {
    margin-left: -8rem !important;
  }
  ._m-lg-auto {
    margin: auto !important;
  }
  ._mt-lg-auto,
  ._my-lg-auto {
    margin-top: auto !important;
  }
  ._mr-lg-auto,
  ._mx-lg-auto {
    margin-right: auto !important;
  }
  ._mb-lg-auto,
  ._my-lg-auto {
    margin-bottom: auto !important;
  }
  ._ml-lg-auto,
  ._mx-lg-auto {
    margin-left: auto !important;
  }
  ._gap-lg-0 {
    gap: 0 !important;
  }
  ._gap-lg-1 {
    gap: 0.3rem !important;
  }
  ._gap-lg-2 {
    gap: 0.5rem !important;
  }
  ._gap-lg-3 {
    gap: 0.8rem !important;
  }
  ._gap-lg-4 {
    gap: 1.2rem !important;
  }
  ._gap-lg-5 {
    gap: 2.4rem !important;
  }
  ._gap-lg-6 {
    gap: 3.2rem !important;
  }
  ._gap-lg-7 {
    gap: 6.4rem !important;
  }
  ._gap-lg-8 {
    gap: 8rem !important;
  }
}
@media (min-width: 1200px) {
  ._m-xl-0 {
    margin: 0 !important;
  }
  ._mt-xl-0,
  ._my-xl-0 {
    margin-top: 0 !important;
  }
  ._mr-xl-0,
  ._mx-xl-0 {
    margin-right: 0 !important;
  }
  ._mb-xl-0,
  ._my-xl-0 {
    margin-bottom: 0 !important;
  }
  ._ml-xl-0,
  ._mx-xl-0 {
    margin-left: 0 !important;
  }
  ._m-xl-1 {
    margin: 0.3rem !important;
  }
  ._mt-xl-1,
  ._my-xl-1 {
    margin-top: 0.3rem !important;
  }
  ._mr-xl-1,
  ._mx-xl-1 {
    margin-right: 0.3rem !important;
  }
  ._mb-xl-1,
  ._my-xl-1 {
    margin-bottom: 0.3rem !important;
  }
  ._ml-xl-1,
  ._mx-xl-1 {
    margin-left: 0.3rem !important;
  }
  ._m-xl-2 {
    margin: 0.5rem !important;
  }
  ._mt-xl-2,
  ._my-xl-2 {
    margin-top: 0.5rem !important;
  }
  ._mr-xl-2,
  ._mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  ._mb-xl-2,
  ._my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  ._ml-xl-2,
  ._mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  ._m-xl-3 {
    margin: 0.8rem !important;
  }
  ._mt-xl-3,
  ._my-xl-3 {
    margin-top: 0.8rem !important;
  }
  ._mr-xl-3,
  ._mx-xl-3 {
    margin-right: 0.8rem !important;
  }
  ._mb-xl-3,
  ._my-xl-3 {
    margin-bottom: 0.8rem !important;
  }
  ._ml-xl-3,
  ._mx-xl-3 {
    margin-left: 0.8rem !important;
  }
  ._m-xl-4 {
    margin: 1.2rem !important;
  }
  ._mt-xl-4,
  ._my-xl-4 {
    margin-top: 1.2rem !important;
  }
  ._mr-xl-4,
  ._mx-xl-4 {
    margin-right: 1.2rem !important;
  }
  ._mb-xl-4,
  ._my-xl-4 {
    margin-bottom: 1.2rem !important;
  }
  ._ml-xl-4,
  ._mx-xl-4 {
    margin-left: 1.2rem !important;
  }
  ._m-xl-5 {
    margin: 2.4rem !important;
  }
  ._mt-xl-5,
  ._my-xl-5 {
    margin-top: 2.4rem !important;
  }
  ._mr-xl-5,
  ._mx-xl-5 {
    margin-right: 2.4rem !important;
  }
  ._mb-xl-5,
  ._my-xl-5 {
    margin-bottom: 2.4rem !important;
  }
  ._ml-xl-5,
  ._mx-xl-5 {
    margin-left: 2.4rem !important;
  }
  ._m-xl-6 {
    margin: 3.2rem !important;
  }
  ._mt-xl-6,
  ._my-xl-6 {
    margin-top: 3.2rem !important;
  }
  ._mr-xl-6,
  ._mx-xl-6 {
    margin-right: 3.2rem !important;
  }
  ._mb-xl-6,
  ._my-xl-6 {
    margin-bottom: 3.2rem !important;
  }
  ._ml-xl-6,
  ._mx-xl-6 {
    margin-left: 3.2rem !important;
  }
  ._m-xl-7 {
    margin: 6.4rem !important;
  }
  ._mt-xl-7,
  ._my-xl-7 {
    margin-top: 6.4rem !important;
  }
  ._mr-xl-7,
  ._mx-xl-7 {
    margin-right: 6.4rem !important;
  }
  ._mb-xl-7,
  ._my-xl-7 {
    margin-bottom: 6.4rem !important;
  }
  ._ml-xl-7,
  ._mx-xl-7 {
    margin-left: 6.4rem !important;
  }
  ._m-xl-8 {
    margin: 8rem !important;
  }
  ._mt-xl-8,
  ._my-xl-8 {
    margin-top: 8rem !important;
  }
  ._mr-xl-8,
  ._mx-xl-8 {
    margin-right: 8rem !important;
  }
  ._mb-xl-8,
  ._my-xl-8 {
    margin-bottom: 8rem !important;
  }
  ._ml-xl-8,
  ._mx-xl-8 {
    margin-left: 8rem !important;
  }
  ._p-xl-0 {
    padding: 0 !important;
  }
  ._pt-xl-0,
  ._py-xl-0 {
    padding-top: 0 !important;
  }
  ._pr-xl-0,
  ._px-xl-0 {
    padding-right: 0 !important;
  }
  ._pb-xl-0,
  ._py-xl-0 {
    padding-bottom: 0 !important;
  }
  ._pl-xl-0,
  ._px-xl-0 {
    padding-left: 0 !important;
  }
  ._p-xl-1 {
    padding: 0.3rem !important;
  }
  ._pt-xl-1,
  ._py-xl-1 {
    padding-top: 0.3rem !important;
  }
  ._pr-xl-1,
  ._px-xl-1 {
    padding-right: 0.3rem !important;
  }
  ._pb-xl-1,
  ._py-xl-1 {
    padding-bottom: 0.3rem !important;
  }
  ._pl-xl-1,
  ._px-xl-1 {
    padding-left: 0.3rem !important;
  }
  ._p-xl-2 {
    padding: 0.5rem !important;
  }
  ._pt-xl-2,
  ._py-xl-2 {
    padding-top: 0.5rem !important;
  }
  ._pr-xl-2,
  ._px-xl-2 {
    padding-right: 0.5rem !important;
  }
  ._pb-xl-2,
  ._py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  ._pl-xl-2,
  ._px-xl-2 {
    padding-left: 0.5rem !important;
  }
  ._p-xl-3 {
    padding: 0.8rem !important;
  }
  ._pt-xl-3,
  ._py-xl-3 {
    padding-top: 0.8rem !important;
  }
  ._pr-xl-3,
  ._px-xl-3 {
    padding-right: 0.8rem !important;
  }
  ._pb-xl-3,
  ._py-xl-3 {
    padding-bottom: 0.8rem !important;
  }
  ._pl-xl-3,
  ._px-xl-3 {
    padding-left: 0.8rem !important;
  }
  ._p-xl-4 {
    padding: 1.2rem !important;
  }
  ._pt-xl-4,
  ._py-xl-4 {
    padding-top: 1.2rem !important;
  }
  ._pr-xl-4,
  ._px-xl-4 {
    padding-right: 1.2rem !important;
  }
  ._pb-xl-4,
  ._py-xl-4 {
    padding-bottom: 1.2rem !important;
  }
  ._pl-xl-4,
  ._px-xl-4 {
    padding-left: 1.2rem !important;
  }
  ._p-xl-5 {
    padding: 2.4rem !important;
  }
  ._pt-xl-5,
  ._py-xl-5 {
    padding-top: 2.4rem !important;
  }
  ._pr-xl-5,
  ._px-xl-5 {
    padding-right: 2.4rem !important;
  }
  ._pb-xl-5,
  ._py-xl-5 {
    padding-bottom: 2.4rem !important;
  }
  ._pl-xl-5,
  ._px-xl-5 {
    padding-left: 2.4rem !important;
  }
  ._p-xl-6 {
    padding: 3.2rem !important;
  }
  ._pt-xl-6,
  ._py-xl-6 {
    padding-top: 3.2rem !important;
  }
  ._pr-xl-6,
  ._px-xl-6 {
    padding-right: 3.2rem !important;
  }
  ._pb-xl-6,
  ._py-xl-6 {
    padding-bottom: 3.2rem !important;
  }
  ._pl-xl-6,
  ._px-xl-6 {
    padding-left: 3.2rem !important;
  }
  ._p-xl-7 {
    padding: 6.4rem !important;
  }
  ._pt-xl-7,
  ._py-xl-7 {
    padding-top: 6.4rem !important;
  }
  ._pr-xl-7,
  ._px-xl-7 {
    padding-right: 6.4rem !important;
  }
  ._pb-xl-7,
  ._py-xl-7 {
    padding-bottom: 6.4rem !important;
  }
  ._pl-xl-7,
  ._px-xl-7 {
    padding-left: 6.4rem !important;
  }
  ._p-xl-8 {
    padding: 8rem !important;
  }
  ._pt-xl-8,
  ._py-xl-8 {
    padding-top: 8rem !important;
  }
  ._pr-xl-8,
  ._px-xl-8 {
    padding-right: 8rem !important;
  }
  ._pb-xl-8,
  ._py-xl-8 {
    padding-bottom: 8rem !important;
  }
  ._pl-xl-8,
  ._px-xl-8 {
    padding-left: 8rem !important;
  }
  ._m-xl-n1 {
    margin: -0.3rem !important;
  }
  ._mt-xl-n1,
  ._my-xl-n1 {
    margin-top: -0.3rem !important;
  }
  ._mr-xl-n1,
  ._mx-xl-n1 {
    margin-right: -0.3rem !important;
  }
  ._mb-xl-n1,
  ._my-xl-n1 {
    margin-bottom: -0.3rem !important;
  }
  ._ml-xl-n1,
  ._mx-xl-n1 {
    margin-left: -0.3rem !important;
  }
  ._m-xl-n2 {
    margin: -0.5rem !important;
  }
  ._mt-xl-n2,
  ._my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  ._mr-xl-n2,
  ._mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  ._mb-xl-n2,
  ._my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  ._ml-xl-n2,
  ._mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  ._m-xl-n3 {
    margin: -0.8rem !important;
  }
  ._mt-xl-n3,
  ._my-xl-n3 {
    margin-top: -0.8rem !important;
  }
  ._mr-xl-n3,
  ._mx-xl-n3 {
    margin-right: -0.8rem !important;
  }
  ._mb-xl-n3,
  ._my-xl-n3 {
    margin-bottom: -0.8rem !important;
  }
  ._ml-xl-n3,
  ._mx-xl-n3 {
    margin-left: -0.8rem !important;
  }
  ._m-xl-n4 {
    margin: -1.2rem !important;
  }
  ._mt-xl-n4,
  ._my-xl-n4 {
    margin-top: -1.2rem !important;
  }
  ._mr-xl-n4,
  ._mx-xl-n4 {
    margin-right: -1.2rem !important;
  }
  ._mb-xl-n4,
  ._my-xl-n4 {
    margin-bottom: -1.2rem !important;
  }
  ._ml-xl-n4,
  ._mx-xl-n4 {
    margin-left: -1.2rem !important;
  }
  ._m-xl-n5 {
    margin: -2.4rem !important;
  }
  ._mt-xl-n5,
  ._my-xl-n5 {
    margin-top: -2.4rem !important;
  }
  ._mr-xl-n5,
  ._mx-xl-n5 {
    margin-right: -2.4rem !important;
  }
  ._mb-xl-n5,
  ._my-xl-n5 {
    margin-bottom: -2.4rem !important;
  }
  ._ml-xl-n5,
  ._mx-xl-n5 {
    margin-left: -2.4rem !important;
  }
  ._m-xl-n6 {
    margin: -3.2rem !important;
  }
  ._mt-xl-n6,
  ._my-xl-n6 {
    margin-top: -3.2rem !important;
  }
  ._mr-xl-n6,
  ._mx-xl-n6 {
    margin-right: -3.2rem !important;
  }
  ._mb-xl-n6,
  ._my-xl-n6 {
    margin-bottom: -3.2rem !important;
  }
  ._ml-xl-n6,
  ._mx-xl-n6 {
    margin-left: -3.2rem !important;
  }
  ._m-xl-n7 {
    margin: -6.4rem !important;
  }
  ._mt-xl-n7,
  ._my-xl-n7 {
    margin-top: -6.4rem !important;
  }
  ._mr-xl-n7,
  ._mx-xl-n7 {
    margin-right: -6.4rem !important;
  }
  ._mb-xl-n7,
  ._my-xl-n7 {
    margin-bottom: -6.4rem !important;
  }
  ._ml-xl-n7,
  ._mx-xl-n7 {
    margin-left: -6.4rem !important;
  }
  ._m-xl-n8 {
    margin: -8rem !important;
  }
  ._mt-xl-n8,
  ._my-xl-n8 {
    margin-top: -8rem !important;
  }
  ._mr-xl-n8,
  ._mx-xl-n8 {
    margin-right: -8rem !important;
  }
  ._mb-xl-n8,
  ._my-xl-n8 {
    margin-bottom: -8rem !important;
  }
  ._ml-xl-n8,
  ._mx-xl-n8 {
    margin-left: -8rem !important;
  }
  ._m-xl-auto {
    margin: auto !important;
  }
  ._mt-xl-auto,
  ._my-xl-auto {
    margin-top: auto !important;
  }
  ._mr-xl-auto,
  ._mx-xl-auto {
    margin-right: auto !important;
  }
  ._mb-xl-auto,
  ._my-xl-auto {
    margin-bottom: auto !important;
  }
  ._ml-xl-auto,
  ._mx-xl-auto {
    margin-left: auto !important;
  }
  ._gap-xl-0 {
    gap: 0 !important;
  }
  ._gap-xl-1 {
    gap: 0.3rem !important;
  }
  ._gap-xl-2 {
    gap: 0.5rem !important;
  }
  ._gap-xl-3 {
    gap: 0.8rem !important;
  }
  ._gap-xl-4 {
    gap: 1.2rem !important;
  }
  ._gap-xl-5 {
    gap: 2.4rem !important;
  }
  ._gap-xl-6 {
    gap: 3.2rem !important;
  }
  ._gap-xl-7 {
    gap: 6.4rem !important;
  }
  ._gap-xl-8 {
    gap: 8rem !important;
  }
}
@media (min-width: 1440px) {
  ._m-xxl-0 {
    margin: 0 !important;
  }
  ._mt-xxl-0,
  ._my-xxl-0 {
    margin-top: 0 !important;
  }
  ._mr-xxl-0,
  ._mx-xxl-0 {
    margin-right: 0 !important;
  }
  ._mb-xxl-0,
  ._my-xxl-0 {
    margin-bottom: 0 !important;
  }
  ._ml-xxl-0,
  ._mx-xxl-0 {
    margin-left: 0 !important;
  }
  ._m-xxl-1 {
    margin: 0.3rem !important;
  }
  ._mt-xxl-1,
  ._my-xxl-1 {
    margin-top: 0.3rem !important;
  }
  ._mr-xxl-1,
  ._mx-xxl-1 {
    margin-right: 0.3rem !important;
  }
  ._mb-xxl-1,
  ._my-xxl-1 {
    margin-bottom: 0.3rem !important;
  }
  ._ml-xxl-1,
  ._mx-xxl-1 {
    margin-left: 0.3rem !important;
  }
  ._m-xxl-2 {
    margin: 0.5rem !important;
  }
  ._mt-xxl-2,
  ._my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  ._mr-xxl-2,
  ._mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  ._mb-xxl-2,
  ._my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  ._ml-xxl-2,
  ._mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  ._m-xxl-3 {
    margin: 0.8rem !important;
  }
  ._mt-xxl-3,
  ._my-xxl-3 {
    margin-top: 0.8rem !important;
  }
  ._mr-xxl-3,
  ._mx-xxl-3 {
    margin-right: 0.8rem !important;
  }
  ._mb-xxl-3,
  ._my-xxl-3 {
    margin-bottom: 0.8rem !important;
  }
  ._ml-xxl-3,
  ._mx-xxl-3 {
    margin-left: 0.8rem !important;
  }
  ._m-xxl-4 {
    margin: 1.2rem !important;
  }
  ._mt-xxl-4,
  ._my-xxl-4 {
    margin-top: 1.2rem !important;
  }
  ._mr-xxl-4,
  ._mx-xxl-4 {
    margin-right: 1.2rem !important;
  }
  ._mb-xxl-4,
  ._my-xxl-4 {
    margin-bottom: 1.2rem !important;
  }
  ._ml-xxl-4,
  ._mx-xxl-4 {
    margin-left: 1.2rem !important;
  }
  ._m-xxl-5 {
    margin: 2.4rem !important;
  }
  ._mt-xxl-5,
  ._my-xxl-5 {
    margin-top: 2.4rem !important;
  }
  ._mr-xxl-5,
  ._mx-xxl-5 {
    margin-right: 2.4rem !important;
  }
  ._mb-xxl-5,
  ._my-xxl-5 {
    margin-bottom: 2.4rem !important;
  }
  ._ml-xxl-5,
  ._mx-xxl-5 {
    margin-left: 2.4rem !important;
  }
  ._m-xxl-6 {
    margin: 3.2rem !important;
  }
  ._mt-xxl-6,
  ._my-xxl-6 {
    margin-top: 3.2rem !important;
  }
  ._mr-xxl-6,
  ._mx-xxl-6 {
    margin-right: 3.2rem !important;
  }
  ._mb-xxl-6,
  ._my-xxl-6 {
    margin-bottom: 3.2rem !important;
  }
  ._ml-xxl-6,
  ._mx-xxl-6 {
    margin-left: 3.2rem !important;
  }
  ._m-xxl-7 {
    margin: 6.4rem !important;
  }
  ._mt-xxl-7,
  ._my-xxl-7 {
    margin-top: 6.4rem !important;
  }
  ._mr-xxl-7,
  ._mx-xxl-7 {
    margin-right: 6.4rem !important;
  }
  ._mb-xxl-7,
  ._my-xxl-7 {
    margin-bottom: 6.4rem !important;
  }
  ._ml-xxl-7,
  ._mx-xxl-7 {
    margin-left: 6.4rem !important;
  }
  ._m-xxl-8 {
    margin: 8rem !important;
  }
  ._mt-xxl-8,
  ._my-xxl-8 {
    margin-top: 8rem !important;
  }
  ._mr-xxl-8,
  ._mx-xxl-8 {
    margin-right: 8rem !important;
  }
  ._mb-xxl-8,
  ._my-xxl-8 {
    margin-bottom: 8rem !important;
  }
  ._ml-xxl-8,
  ._mx-xxl-8 {
    margin-left: 8rem !important;
  }
  ._p-xxl-0 {
    padding: 0 !important;
  }
  ._pt-xxl-0,
  ._py-xxl-0 {
    padding-top: 0 !important;
  }
  ._pr-xxl-0,
  ._px-xxl-0 {
    padding-right: 0 !important;
  }
  ._pb-xxl-0,
  ._py-xxl-0 {
    padding-bottom: 0 !important;
  }
  ._pl-xxl-0,
  ._px-xxl-0 {
    padding-left: 0 !important;
  }
  ._p-xxl-1 {
    padding: 0.3rem !important;
  }
  ._pt-xxl-1,
  ._py-xxl-1 {
    padding-top: 0.3rem !important;
  }
  ._pr-xxl-1,
  ._px-xxl-1 {
    padding-right: 0.3rem !important;
  }
  ._pb-xxl-1,
  ._py-xxl-1 {
    padding-bottom: 0.3rem !important;
  }
  ._pl-xxl-1,
  ._px-xxl-1 {
    padding-left: 0.3rem !important;
  }
  ._p-xxl-2 {
    padding: 0.5rem !important;
  }
  ._pt-xxl-2,
  ._py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  ._pr-xxl-2,
  ._px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  ._pb-xxl-2,
  ._py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  ._pl-xxl-2,
  ._px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  ._p-xxl-3 {
    padding: 0.8rem !important;
  }
  ._pt-xxl-3,
  ._py-xxl-3 {
    padding-top: 0.8rem !important;
  }
  ._pr-xxl-3,
  ._px-xxl-3 {
    padding-right: 0.8rem !important;
  }
  ._pb-xxl-3,
  ._py-xxl-3 {
    padding-bottom: 0.8rem !important;
  }
  ._pl-xxl-3,
  ._px-xxl-3 {
    padding-left: 0.8rem !important;
  }
  ._p-xxl-4 {
    padding: 1.2rem !important;
  }
  ._pt-xxl-4,
  ._py-xxl-4 {
    padding-top: 1.2rem !important;
  }
  ._pr-xxl-4,
  ._px-xxl-4 {
    padding-right: 1.2rem !important;
  }
  ._pb-xxl-4,
  ._py-xxl-4 {
    padding-bottom: 1.2rem !important;
  }
  ._pl-xxl-4,
  ._px-xxl-4 {
    padding-left: 1.2rem !important;
  }
  ._p-xxl-5 {
    padding: 2.4rem !important;
  }
  ._pt-xxl-5,
  ._py-xxl-5 {
    padding-top: 2.4rem !important;
  }
  ._pr-xxl-5,
  ._px-xxl-5 {
    padding-right: 2.4rem !important;
  }
  ._pb-xxl-5,
  ._py-xxl-5 {
    padding-bottom: 2.4rem !important;
  }
  ._pl-xxl-5,
  ._px-xxl-5 {
    padding-left: 2.4rem !important;
  }
  ._p-xxl-6 {
    padding: 3.2rem !important;
  }
  ._pt-xxl-6,
  ._py-xxl-6 {
    padding-top: 3.2rem !important;
  }
  ._pr-xxl-6,
  ._px-xxl-6 {
    padding-right: 3.2rem !important;
  }
  ._pb-xxl-6,
  ._py-xxl-6 {
    padding-bottom: 3.2rem !important;
  }
  ._pl-xxl-6,
  ._px-xxl-6 {
    padding-left: 3.2rem !important;
  }
  ._p-xxl-7 {
    padding: 6.4rem !important;
  }
  ._pt-xxl-7,
  ._py-xxl-7 {
    padding-top: 6.4rem !important;
  }
  ._pr-xxl-7,
  ._px-xxl-7 {
    padding-right: 6.4rem !important;
  }
  ._pb-xxl-7,
  ._py-xxl-7 {
    padding-bottom: 6.4rem !important;
  }
  ._pl-xxl-7,
  ._px-xxl-7 {
    padding-left: 6.4rem !important;
  }
  ._p-xxl-8 {
    padding: 8rem !important;
  }
  ._pt-xxl-8,
  ._py-xxl-8 {
    padding-top: 8rem !important;
  }
  ._pr-xxl-8,
  ._px-xxl-8 {
    padding-right: 8rem !important;
  }
  ._pb-xxl-8,
  ._py-xxl-8 {
    padding-bottom: 8rem !important;
  }
  ._pl-xxl-8,
  ._px-xxl-8 {
    padding-left: 8rem !important;
  }
  ._m-xxl-n1 {
    margin: -0.3rem !important;
  }
  ._mt-xxl-n1,
  ._my-xxl-n1 {
    margin-top: -0.3rem !important;
  }
  ._mr-xxl-n1,
  ._mx-xxl-n1 {
    margin-right: -0.3rem !important;
  }
  ._mb-xxl-n1,
  ._my-xxl-n1 {
    margin-bottom: -0.3rem !important;
  }
  ._ml-xxl-n1,
  ._mx-xxl-n1 {
    margin-left: -0.3rem !important;
  }
  ._m-xxl-n2 {
    margin: -0.5rem !important;
  }
  ._mt-xxl-n2,
  ._my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  ._mr-xxl-n2,
  ._mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  ._mb-xxl-n2,
  ._my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  ._ml-xxl-n2,
  ._mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  ._m-xxl-n3 {
    margin: -0.8rem !important;
  }
  ._mt-xxl-n3,
  ._my-xxl-n3 {
    margin-top: -0.8rem !important;
  }
  ._mr-xxl-n3,
  ._mx-xxl-n3 {
    margin-right: -0.8rem !important;
  }
  ._mb-xxl-n3,
  ._my-xxl-n3 {
    margin-bottom: -0.8rem !important;
  }
  ._ml-xxl-n3,
  ._mx-xxl-n3 {
    margin-left: -0.8rem !important;
  }
  ._m-xxl-n4 {
    margin: -1.2rem !important;
  }
  ._mt-xxl-n4,
  ._my-xxl-n4 {
    margin-top: -1.2rem !important;
  }
  ._mr-xxl-n4,
  ._mx-xxl-n4 {
    margin-right: -1.2rem !important;
  }
  ._mb-xxl-n4,
  ._my-xxl-n4 {
    margin-bottom: -1.2rem !important;
  }
  ._ml-xxl-n4,
  ._mx-xxl-n4 {
    margin-left: -1.2rem !important;
  }
  ._m-xxl-n5 {
    margin: -2.4rem !important;
  }
  ._mt-xxl-n5,
  ._my-xxl-n5 {
    margin-top: -2.4rem !important;
  }
  ._mr-xxl-n5,
  ._mx-xxl-n5 {
    margin-right: -2.4rem !important;
  }
  ._mb-xxl-n5,
  ._my-xxl-n5 {
    margin-bottom: -2.4rem !important;
  }
  ._ml-xxl-n5,
  ._mx-xxl-n5 {
    margin-left: -2.4rem !important;
  }
  ._m-xxl-n6 {
    margin: -3.2rem !important;
  }
  ._mt-xxl-n6,
  ._my-xxl-n6 {
    margin-top: -3.2rem !important;
  }
  ._mr-xxl-n6,
  ._mx-xxl-n6 {
    margin-right: -3.2rem !important;
  }
  ._mb-xxl-n6,
  ._my-xxl-n6 {
    margin-bottom: -3.2rem !important;
  }
  ._ml-xxl-n6,
  ._mx-xxl-n6 {
    margin-left: -3.2rem !important;
  }
  ._m-xxl-n7 {
    margin: -6.4rem !important;
  }
  ._mt-xxl-n7,
  ._my-xxl-n7 {
    margin-top: -6.4rem !important;
  }
  ._mr-xxl-n7,
  ._mx-xxl-n7 {
    margin-right: -6.4rem !important;
  }
  ._mb-xxl-n7,
  ._my-xxl-n7 {
    margin-bottom: -6.4rem !important;
  }
  ._ml-xxl-n7,
  ._mx-xxl-n7 {
    margin-left: -6.4rem !important;
  }
  ._m-xxl-n8 {
    margin: -8rem !important;
  }
  ._mt-xxl-n8,
  ._my-xxl-n8 {
    margin-top: -8rem !important;
  }
  ._mr-xxl-n8,
  ._mx-xxl-n8 {
    margin-right: -8rem !important;
  }
  ._mb-xxl-n8,
  ._my-xxl-n8 {
    margin-bottom: -8rem !important;
  }
  ._ml-xxl-n8,
  ._mx-xxl-n8 {
    margin-left: -8rem !important;
  }
  ._m-xxl-auto {
    margin: auto !important;
  }
  ._mt-xxl-auto,
  ._my-xxl-auto {
    margin-top: auto !important;
  }
  ._mr-xxl-auto,
  ._mx-xxl-auto {
    margin-right: auto !important;
  }
  ._mb-xxl-auto,
  ._my-xxl-auto {
    margin-bottom: auto !important;
  }
  ._ml-xxl-auto,
  ._mx-xxl-auto {
    margin-left: auto !important;
  }
  ._gap-xxl-0 {
    gap: 0 !important;
  }
  ._gap-xxl-1 {
    gap: 0.3rem !important;
  }
  ._gap-xxl-2 {
    gap: 0.5rem !important;
  }
  ._gap-xxl-3 {
    gap: 0.8rem !important;
  }
  ._gap-xxl-4 {
    gap: 1.2rem !important;
  }
  ._gap-xxl-5 {
    gap: 2.4rem !important;
  }
  ._gap-xxl-6 {
    gap: 3.2rem !important;
  }
  ._gap-xxl-7 {
    gap: 6.4rem !important;
  }
  ._gap-xxl-8 {
    gap: 8rem !important;
  }
}
/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
._d-block {
  display: block;
}

._d-none {
  display: none;
}

._d-inline {
  display: inline;
}

._d-inline-flex {
  display: inline-flex;
}

._d-inline-block {
  display: inline-block;
}

._d-flex {
  display: flex;
}

._d-grid {
  display: grid;
}

@media (min-width: 576px) {
  ._d-sm-block {
    display: block;
  }
  ._d-sm-none {
    display: none;
  }
  ._d-sm-inline {
    display: inline;
  }
  ._d-sm-inline-flex {
    display: inline-flex;
  }
  ._d-sm-inline-block {
    display: inline-block;
  }
  ._d-sm-flex {
    display: flex;
  }
  ._d-sm-grid {
    display: grid;
  }
}
@media (min-width: 768px) {
  ._d-md-block {
    display: block;
  }
  ._d-md-none {
    display: none;
  }
  ._d-md-inline {
    display: inline;
  }
  ._d-md-inline-flex {
    display: inline-flex;
  }
  ._d-md-inline-block {
    display: inline-block;
  }
  ._d-md-flex {
    display: flex;
  }
  ._d-md-grid {
    display: grid;
  }
}
@media (min-width: 992px) {
  ._d-lg-block {
    display: block;
  }
  ._d-lg-none {
    display: none;
  }
  ._d-lg-inline {
    display: inline;
  }
  ._d-lg-inline-flex {
    display: inline-flex;
  }
  ._d-lg-inline-block {
    display: inline-block;
  }
  ._d-lg-flex {
    display: flex;
  }
  ._d-lg-grid {
    display: grid;
  }
}
@media (min-width: 1200px) {
  ._d-xl-block {
    display: block;
  }
  ._d-xl-none {
    display: none;
  }
  ._d-xl-inline {
    display: inline;
  }
  ._d-xl-inline-flex {
    display: inline-flex;
  }
  ._d-xl-inline-block {
    display: inline-block;
  }
  ._d-xl-flex {
    display: flex;
  }
  ._d-xl-grid {
    display: grid;
  }
}
@media (min-width: 1440px) {
  ._d-xxl-block {
    display: block;
  }
  ._d-xxl-none {
    display: none;
  }
  ._d-xxl-inline {
    display: inline;
  }
  ._d-xxl-inline-flex {
    display: inline-flex;
  }
  ._d-xxl-inline-block {
    display: inline-block;
  }
  ._d-xxl-flex {
    display: flex;
  }
  ._d-xxl-grid {
    display: grid;
  }
}
._invisible {
  opacity: 0;
}

/* 1. Color
  ========================================================================== */
/* 2. Global
   ========================================================================== */
/* 3. Layout
   ========================================================================== */
/* 4. Typography
   ========================================================================== */
/* 5. Media screen
   ========================================================================== */
/* Function
========================================================================== */
._justify-content-around {
  justify-content: space-around;
}

._justify-content-between {
  justify-content: space-between;
}

._justify-content-center {
  justify-content: center;
}

._justify-content-end {
  justify-content: end;
}

._justify-content-start {
  justify-content: start;
}

._justify-self-center {
  justify-self: center;
}

._justify-self-end {
  justify-self: end;
}

._justify-self-start {
  justify-self: start;
}

._align-items-center {
  align-items: center;
}

._align-items-start {
  align-items: start;
}

._align-items-end {
  align-items: end;
}

._align-self-center {
  align-self: center;
}

._align-self-start {
  align-self: start;
}

._align-self-end {
  align-self: end;
}

@media (min-width: 576px) {
  ._justify-content-sm-around {
    justify-content: space-around;
  }
  ._justify-content-sm-between {
    justify-content: space-between;
  }
  ._justify-content-sm-center {
    justify-content: center;
  }
  ._justify-content-sm-end {
    justify-content: end;
  }
  ._justify-content-sm-start {
    justify-content: start;
  }
  ._justify-self-sm-center {
    justify-self: center;
  }
  ._justify-self-sm-end {
    justify-self: end;
  }
  ._justify-self-sm-start {
    justify-self: start;
  }
  ._align-items-sm-center {
    align-items: center;
  }
  ._align-items-sm-start {
    align-items: start;
  }
  ._align-items-sm-end {
    align-items: end;
  }
  ._align-self-sm-center {
    align-self: center;
  }
  ._align-self-sm-start {
    align-self: start;
  }
  ._align-self-sm-end {
    align-self: end;
  }
}
@media (min-width: 768px) {
  ._justify-content-md-around {
    justify-content: space-around;
  }
  ._justify-content-md-between {
    justify-content: space-between;
  }
  ._justify-content-md-center {
    justify-content: center;
  }
  ._justify-content-md-end {
    justify-content: end;
  }
  ._justify-content-md-start {
    justify-content: start;
  }
  ._justify-self-md-center {
    justify-self: center;
  }
  ._justify-self-md-end {
    justify-self: end;
  }
  ._justify-self-md-start {
    justify-self: start;
  }
  ._align-items-md-center {
    align-items: center;
  }
  ._align-items-md-start {
    align-items: start;
  }
  ._align-items-md-end {
    align-items: end;
  }
  ._align-self-md-center {
    align-self: center;
  }
  ._align-self-md-start {
    align-self: start;
  }
  ._align-self-md-end {
    align-self: end;
  }
}
@media (min-width: 992px) {
  ._justify-content-lg-around {
    justify-content: space-around;
  }
  ._justify-content-lg-between {
    justify-content: space-between;
  }
  ._justify-content-lg-center {
    justify-content: center;
  }
  ._justify-content-lg-end {
    justify-content: end;
  }
  ._justify-content-lg-start {
    justify-content: start;
  }
  ._justify-self-lg-center {
    justify-self: center;
  }
  ._justify-self-lg-end {
    justify-self: end;
  }
  ._justify-self-lg-start {
    justify-self: start;
  }
  ._align-items-lg-center {
    align-items: center;
  }
  ._align-items-lg-start {
    align-items: start;
  }
  ._align-items-lg-end {
    align-items: end;
  }
  ._align-self-lg-center {
    align-self: center;
  }
  ._align-self-lg-start {
    align-self: start;
  }
  ._align-self-lg-end {
    align-self: end;
  }
}
@media (min-width: 1200px) {
  ._justify-content-xl-around {
    justify-content: space-around;
  }
  ._justify-content-xl-between {
    justify-content: space-between;
  }
  ._justify-content-xl-center {
    justify-content: center;
  }
  ._justify-content-xl-end {
    justify-content: end;
  }
  ._justify-content-xl-start {
    justify-content: start;
  }
  ._justify-self-xl-center {
    justify-self: center;
  }
  ._justify-self-xl-end {
    justify-self: end;
  }
  ._justify-self-xl-start {
    justify-self: start;
  }
  ._align-items-xl-center {
    align-items: center;
  }
  ._align-items-xl-start {
    align-items: start;
  }
  ._align-items-xl-end {
    align-items: end;
  }
  ._align-self-xl-center {
    align-self: center;
  }
  ._align-self-xl-start {
    align-self: start;
  }
  ._align-self-xl-end {
    align-self: end;
  }
}
@media (min-width: 1440px) {
  ._justify-content-xxl-around {
    justify-content: space-around;
  }
  ._justify-content-xxl-between {
    justify-content: space-between;
  }
  ._justify-content-xxl-center {
    justify-content: center;
  }
  ._justify-content-xxl-end {
    justify-content: end;
  }
  ._justify-content-xxl-start {
    justify-content: start;
  }
  ._justify-self-xxl-center {
    justify-self: center;
  }
  ._justify-self-xxl-end {
    justify-self: end;
  }
  ._justify-self-xxl-start {
    justify-self: start;
  }
  ._align-items-xxl-center {
    align-items: center;
  }
  ._align-items-xxl-start {
    align-items: start;
  }
  ._align-items-xxl-end {
    align-items: end;
  }
  ._align-self-xxl-center {
    align-self: center;
  }
  ._align-self-xxl-start {
    align-self: start;
  }
  ._align-self-xxl-end {
    align-self: end;
  }
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-grow-1 {
  flex-grow: 1;
}

.PinturaRoot input[type=radio] + label::before, .PinturaRoot input[type=radio]:checked + label::before, .PinturaRoot input[type=radio]:disabled + label::before, .PinturaRoot input[type=radio]:disabled:checked + label::before, .PinturaRoot input[type=radio]:hover:not(:disabled) + label::before, .PinturaRoot input[type=radio]:focus + label::before, .PinturaRoot input[type=radio]:hover:checked:not(:disabled) + label::before, .PinturaRoot input[type=radio]:focus:checked + label::before {
  all: unset;
}
/*# sourceMappingURL=main.css.map */