/* 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=1716554083");
  src: url("fonts/messerli-icons/messerli-icons.eot?cachebust=1716554083#iefix") format("eot"), url("fonts/messerli-icons/messerli-icons.woff2?cachebust=1716554083") format("woff2"), url("fonts/messerli-icons/messerli-icons.woff?cachebust=1716554083") format("woff"), url("fonts/messerli-icons/messerli-icons.ttf?cachebust=1716554083") format("truetype"), url("fonts/messerli-icons/messerli-icons.svg?cachebust=1716554083#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: "\e001";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 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-color-rgb: 0,101,189;
  --primary-dark-rgb: 97,180,243;
  --color-error-rgb: 200, 28, 20;
  --color-warning-rgb: 240, 97, 24;
  --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);
  --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-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: none;
  --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: #FCF4F0;
  --toast-info-background: #66A2D7;
  --toast-success-background: #66CDA6;
  --toast-warning-background: #F6A074;
  --toast-error-background: #DE7672;
  --icon-placeholder-background: #F2F7FD;
  --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);
  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(--color-white-dark);
  --primary-color-disabled: #3C3C3C;
  --primary-text-color-disabled: #777777;
  --secondary-text-color-disabled: #777777;
  --border-color: var(--color-white-dark);
  --border: 0.0667rem solid var(--color-white-dark);
  --border-color-disabled: #2E2E2E;
  --text-color-disabled: #6C6C6C;
  --shadow-color-opacity: rgba(var(--color-whitedark-rgb),0.16);
  --toggle-primary-white: #ebebeb;
  --toggle-primary-primarydark: #1395ef;
  --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-selected-background: #3A3A3A;
  --button-selected-color: var(--color-white);
  --button-selected-border: var(--color-gray);
  --tab-border-color: #5295C7;
  --function-bar-background: #424242;
  --placeholder-icon-color: #2E2E2E;
  --link-decoration: underline;
  --outline-color: #D7DAE2;
  --outline-hover-color: var(--color-white-dark);
  --floating-button-background: rgba(0,0,0,0.8);
  --floating-button-main-btn-background: #1395ef;
  --background-error-hover: #2B1818;
  --background-warning-hover: #2F2018;
  --tertiary-hover-color: #424242;
  --toast-info-background: #476B8B;
  --toast-success-background: #47856D;
  --toast-warning-background: #9D6A4F;
  --toast-error-background: #8F504E;
  --icon-placeholder-background: #242424;
  --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");
}
: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(--color-white-dark);
    --primary-color-disabled: #3C3C3C;
    --primary-text-color-disabled: #777777;
    --secondary-text-color-disabled: #777777;
    --border-color: var(--color-white-dark);
    --border: 0.0667rem solid var(--color-white-dark);
    --border-color-disabled: #2E2E2E;
    --text-color-disabled: #6C6C6C;
    --shadow-color-opacity: rgba(var(--color-whitedark-rgb),0.16);
    --toggle-primary-white: #ebebeb;
    --toggle-primary-primarydark: #1395ef;
    --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-selected-background: #3A3A3A;
    --button-selected-color: var(--color-white);
    --button-selected-border: var(--color-gray);
    --tab-border-color: #5295C7;
    --function-bar-background: #424242;
    --placeholder-icon-color: #2E2E2E;
    --link-decoration: underline;
    --outline-color: #D7DAE2;
    --outline-hover-color: var(--color-white-dark);
    --floating-button-background: rgba(0,0,0,0.8);
    --floating-button-main-btn-background: #1395ef;
    --background-error-hover: #2B1818;
    --background-warning-hover: #2F2018;
    --tertiary-hover-color: #424242;
    --toast-info-background: #476B8B;
    --toast-success-background: #47856D;
    --toast-warning-background: #9D6A4F;
    --toast-error-background: #8F504E;
    --icon-placeholder-background: #242424;
    --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");
  }
  :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);
    --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-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: none;
    --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: #FCF4F0;
    --toast-info-background: #66A2D7;
    --toast-success-background: #66CDA6;
    --toast-warning-background: #F6A074;
    --toast-error-background: #DE7672;
    --icon-placeholder-background: #F2F7FD;
    --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);
  }
  :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;
}

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.1rem;
  background-color: var(--text-color);
  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 {
  background-color: var(--background-color);
  box-shadow: 0px 3px 6px var(--shadow-color-opacity);
  border-radius: 0;
  border: none;
  margin-top: 2px;
  overflow: auto;
}
@media (max-width: 767px) {
  div.daterangepicker {
    bottom: 5px;
  }
}

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

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

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

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

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

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

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

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

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

div.daterangepicker .ranges li {
  font-size: 1.4rem;
  font-family: roboto, sans-serif;
  width: 110px;
  float: left;
}
div.daterangepicker .ranges li.active {
  color: var(--color-white);
  background-color: var(--toggle-primary-primarydark);
}
div.daterangepicker .ranges li.active:hover {
  background-color: #0073d7;
  color: var(--color-white);
}
div.daterangepicker .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 .ranges li:nth-child(9) {
  display: none;
}

div.daterangepicker .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;
}

/* outlined style */
input.-outlined, .input.-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:hover:not(:disabled):not(:active):not(:focus), .input.-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 {
  outline: none;
  border: 0.0667rem solid var(--toggle-primary-primarydark);
  background: var(--background-color);
}
input.-outlined:disabled, .input.-outlined:disabled {
  border: 0.0667rem solid var(--border-color-disabled);
}
input.-outlined.readonly, .input.-outlined.readonly {
  border: 0.0667rem solid var(--border-color-disabled);
}

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

/*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) url("images/icons/dropdown-arrow-disabled.svg") no-repeat;
  background-position: right 0.8rem top 50%;
  background-size: 1.4rem;
  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);
}

/*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: brightness(1.2);
  outline: none;
}
button.-primary:active:not(:disabled), .btn.-primary:active:not(:disabled) {
  filter: brightness(0.9);
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
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) {
  background-color: rgba(0, 101, 189, 0.1);
  outline: none;
}
button.-secondary:active:not(:disabled), .btn.-secondary:active:not(:disabled) {
  border-color: var(--toggle-primary-primarydark);
  background-color: var(--toggle-primary-primarydark);
  color: var(--toggle-white-black);
  filter: brightness(0.9);
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
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 #D7DAE2;
}
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:disabled, .btn.-tertiary:disabled {
  color: var(--text-color-disabled);
  border: 0.0667rem solid rgba(215, 218, 226, 0.2);
}
button.-tertiary:not(.-toggle):active:not(:disabled), .btn.-tertiary:not(.-toggle):active:not(:disabled) {
  color: #191919;
  background-color: #ebebeb !important;
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
button.-tertiary.-toggle:active:not(:disabled), .btn.-tertiary.-toggle:active:not(:disabled) {
  color: #191919;
  background-color: #dedede !important;
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
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: #c81c14;
  color: #ffffff;
  border: none;
}
button.-error:hover:not(:disabled), button.-error:focus:not(:disabled), .btn.-error:hover:not(:disabled), .btn.-error:focus:not(:disabled) {
  filter: brightness(1.2);
  outline: none;
}
button.-error:active:not(:disabled), .btn.-error:active:not(:disabled) {
  filter: brightness(0.9);
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
button.-error:disabled, .btn.-error:disabled {
  background-color: rgba(200, 28, 20, 0.2);
  color: var(--text-color-disabled);
}
button.-error.-secondary, .btn.-error.-secondary {
  background: none;
  color: var(--toggle-red-whitedark);
  border: 0.0667rem solid #c81c14;
}
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) {
  background-color: var(--background-error-hover);
  outline: none;
}
button.-error.-secondary:active:not(:disabled), .btn.-error.-secondary:active:not(:disabled) {
  border: none;
  background-color: #c81c14;
  color: #ffffff;
  filter: brightness(0.9);
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
button.-error.-secondary:disabled, .btn.-error.-secondary:disabled {
  border: none;
  background-color: rgba(200, 28, 20, 0.2);
  color: var(--text-color-disabled);
}
button.-warning, .btn.-warning {
  background-color: #f06118;
  color: #ffffff;
  border: none;
}
button.-warning:hover:not(:disabled), button.-warning:focus:not(:disabled), .btn.-warning:hover:not(:disabled), .btn.-warning:focus:not(:disabled) {
  filter: brightness(1.2);
  outline: none;
}
button.-warning:active:not(:disabled), .btn.-warning:active:not(:disabled) {
  filter: brightness(0.9);
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
button.-warning:disabled, .btn.-warning:disabled {
  background-color: rgba(240, 97, 24, 0.2);
  color: var(--text-color-disabled);
}
button.-warning.-secondary, .btn.-warning.-secondary {
  background: none;
  color: var(--toggle-orange-whitedark);
  border: 0.0667rem solid #f06118;
}
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) {
  background-color: var(--background-warning-hover);
  outline: none;
}
button.-warning.-secondary:active:not(:disabled), .btn.-warning.-secondary:active:not(:disabled) {
  border: none;
  background-color: #f06118;
  color: #ffffff;
  filter: brightness(0.9);
  -webkit-box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
  box-shadow: inset 0px 1px 4px 1px rgba(var(--color-black-rgb), 0.4);
}
button.-warning.-secondary:disabled, .btn.-warning.-secondary:disabled {
  border: none;
  background-color: rgba(240, 97, 24, 0.2);
  color: var(--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:hover:not(:disabled), button.-link:focus, .btn.-link:hover:not(:disabled), .btn.-link:focus {
  background-color: var(--link-hover);
  outline: none;
}
button.-link:active, .btn.-link:active {
  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.-red:not(.-secondary) {
  background: #a41504;
}
.badge.-secondary {
  color: var(--toggle-primary-white);
  border: 1px solid var(--toggle-primary-white);
}
.badge.-secondary.-warning {
  color: #f06118;
  border: 1px solid #f06118;
}
.badge.-secondary.-success {
  color: #00AC6B;
  border: 1px solid #00AC6B;
}
.badge.-secondary.-gray {
  color: #707070;
  border: 1px solid #707070;
}
.badge.-secondary.-blue {
  color: #3C86C8;
  border: 1px solid #3C86C8;
}
.badge.-secondary.-yellow {
  color: var(--toggle-black-pea);
  border: 1px solid #cfdb21;
}
.badge.-secondary.-red {
  color: var(--toggle-dark-red-whitedark);
  border: 1px solid #a41504;
}

/* 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;
}

.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: 260px;
  max-width: 519px;
  box-sizing: border-box;
}

.column-span-4 {
  padding: 5px;
  min-width: 260px;
  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%;
}
.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%;
}

.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%;
}
.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%;
}

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: #c81c14;
}

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

.validation-message {
  color: #c81c14;
  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;
}

@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;
  }
}
@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;
  }
}
@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;
  }
}
@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;
  }
}
@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;
  }
}
/* 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 */