@charset "UTF-8";

.aileron-light {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
}

.aileron-regular {
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
}

.aileron-bold {
  font-family: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif;
}

.aileron-black {
  font-family: 'aileron-black', 'aileron-light', Helvetica, Arial, sans-serif;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

* {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}

p,
a {
  font-size: 1rem;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace !important;
}

h1.sbdocs,
h1.sbdocs-title,
h2.sbdocs,
h2.sbdocs-title {
  font-family: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif !important;
}

h3.sbdocs,
h3.sbdocs-title,
h4.sbdocs,
h4.sbdocs-title,
h5.sbdocs,
h5.sbdocs-title,
h6.sbdocs,
h6.sbdocs-title {
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif !important;
}

h4#light {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif !important;
}

h4#regular {
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif !important;
}

h4#bold {
  font-family: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif !important;
}

h4#black {
  font-family: 'aileron-black', 'aileron-light', Helvetica, Arial, sans-serif !important;
}

.sbdocs.sbdocs-p {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif !important;
  margin: 0;
  color: rgba(51, 51, 51, 0.8);
}

.css-d6j5qi {
  line-height: 1.25 !important;
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
}

.css-1x402t {
  margin: 5px 0 40px;
}

pre code {
  font-size: 1rem !important;
  font-family: 'aileron-light', Helvetica, Arial, sans-serif !important;
}

.flex {
  display: flex;
}

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

#story--utilities-utilitybadge--default-badge,
#story--utilities-utilitybadge--utilities,
#story--utilities-utilitybadge--in-out-inout,
#story--utilities-utilitybadge--not-connected,
#story--utilities-utilitybadge--categories,
#story--utilities-utilitybadge--all {
  max-width: 500px;
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  column-gap: 20px;
  grid-row-gap: 20px;
  row-gap: 20px;
  place-self: center;
}

#story--utilities-utilitybadge--default-badge span,
#story--utilities-utilitybadge--utilities span,
#story--utilities-utilitybadge--in-out-inout span,
#story--utilities-utilitybadge--not-connected span,
#story--utilities-utilitybadge--categories span,
#story--utilities-utilitybadge--all span {
  justify-self: end;
}

#story--utilities-utilitybadge--sizes {
  display: flex;
  column-gap: 10px;
}

.modal-in-storybook,
.backdrop {
  position: absolute !important;
  height: 100% !important;
}

.icon-wrap {
  min-width: 120px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.no-font-wrap {
  background-color: var(--grey);
  border-radius: 50px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.no-icon-font::before {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif !important;
}

.max-1-lines-visible {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Alpha - COMPONENTS page */
.components-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(10, minmax(250px, 250px));
  grid-gap: 4rem 2rem;
  gap: 4rem 2rem;
}

.component-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.w-90 {
  width: 90%;
}

.component-wrap h2 {
  cursor: pointer;
}

.component {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7faff;
  position: relative;
}

.icon-logout-picto:before {
  content: '\0057';
}

/*
COMPONENTS
    - react-tags
GENERIC
    - body
    - dennys
    - general
    - max-lines
    - miscellaneous
    - scrollbar
LAYOUTS
    - columns
    - flex
    - gaps
    - grid
    - layout
    - margins
    -paddings
PRINT
    - print
VARIABLES
    * COLORS
        - grey
        - hkb-colors
        - orga-colors
    * TYPOGRAPHY
        - font-faces
        - font-size
        - font-weight
*/
/* COMPONENTS
***************/
/* react-tags */
input,
.react-tags {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.react-tags input {
  padding: inherit;
}

.react-tags-style {
  height: 100%;
}

/* GENERIC
***************/
/* body */
body,
html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-feature-settings: "liga", "clig off";
  font-variant-ligatures: no-common-ligatures;
  position: relative;
  overflow-x: hidden;
  -webkit-print-color-adjust: exact !important;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
}
body .select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body .transparent {
  background-color: transparent;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

/* blur */
.white-blur-bcg {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.white-blur-bcg.no-blur {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

/* borders */
.border {
  border: 1px solid #c0c0c0;
  border: 1px solid var(--dark-grey);
}

.border-top {
  border-top: 1px solid #c0c0c0;
  border-top: 1px solid var(--dark-grey);
}

.border-bottom {
  border-bottom: 1px solid #c0c0c0;
  border-bottom: 1px solid var(--dark-grey);
}

.border-right {
  border-right: 1px solid #c0c0c0;
  border-right: 1px solid var(--dark-grey);
}

.border-left {
  border-left: 1px solid #c0c0c0;
  border-left: 1px solid var(--dark-grey);
}

.border-primary {
  border-color: #5426d4;
  border-color: var(--primaryColor);
}

.border-secondary {
  border-color: #8c24c8;
  border-color: var(--secondaryColor);
}

.border-w1 {
  border-width: 1px;
}

.border-w2 {
  border-width: 2px;
}

.border-w3 {
  border-width: 3px;
}

.border-w4 {
  border-width: 4px;
}

.border-w5 {
  border-width: 5px;
}

/* dennys */
.den-plugin-panel {
  overflow-y: auto;
  height: calc(100% - 70px);
  width: 100%;
  padding-right: 8px;
}

/* general */
* {
  font-family: aileron-light;
}

hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #c0c0c0;
  border-top: 1px solid var(--dark-grey);
  border-color: #c0c0c0 !important;
  border-color: var(--dark-grey) !important;
}

.no-display {
  display: none;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--light);
  font-weight: normal;
}

/* hover behaviours */
/* HOVER A LINK */
a,
.hover-link a {
  text-decoration: none;
  color: black;
}

a:hover,
.hover-link:hover,
.hover-link a:hover {
  color: #5426d4;
  color: var(--primaryColor);
}

/* HOVER OVER ITEM IN A LIST */
.hover-item:hover {
  background-color: #f5f5f5 !important;
  background-color: var(--light-grey) !important;
  transition: background-color 0.1s;
  cursor: pointer;
}

/* DISPLAY ICONS ON HOVER */
.container-action .items-action-none {
  display: none !important;
}

.container-action:hover .items-action-none {
  display: inherit !important;
}

/* ELEVATE ITEM ON HOVER */
.elevate:hover,
.elevate.top-left:hover {
  box-shadow: 2px 2px 10px 4px #e9e9e9;
  box-shadow: 2px 2px 10px 4px var(--grey);
  z-index: 1000;
  transform: translate(-4px, -8px);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.elevate:hover i.icon {
  color: #5426d4;
  color: var(--primaryColor);
}

.elevate.top:hover {
  box-shadow: 0px 2px 10px 4px #e9e9e9;
  box-shadow: 0px 2px 10px 4px var(--grey);
  transform: translate(0px, -8px);
}

.elevate.top-right:hover {
  box-shadow: -2px 2px 10px 4px #e9e9e9;
  box-shadow: -2px 2px 10px 4px var(--grey);
  transform: translate(4px, -8px);
}

.elevate.right:hover {
  box-shadow: -4px 2px 10px 4px #e9e9e9;
  box-shadow: -4px 2px 10px 4px var(--grey);
  transform: translate(8px, 0px);
}

.elevate.bottom-right:hover {
  box-shadow: -2px -2px 10px 4px #e9e9e9;
  box-shadow: -2px -2px 10px 4px var(--grey);
  transform: translate(4px, 8px);
}

.elevate.bottom:hover {
  box-shadow: 0px -2px 10px 4px #e9e9e9;
  box-shadow: 0px -2px 10px 4px var(--grey);
  transform: translate(0px, 8px);
}

.elevate.bottom-left:hover {
  box-shadow: 2px -2px 10px 4px #e9e9e9;
  box-shadow: 2px -2px 10px 4px var(--grey);
  transform: translate(-4px, 8px);
}

.elevate.left:hover {
  box-shadow: 4px 2px 10px 4px #e9e9e9;
  box-shadow: 4px 2px 10px 4px var(--grey);
  transform: translate(-8px, 0px);
}

.isolated-frame {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 0.25rem solid #5426d4;
  border: 0.25rem solid var(--primaryColor);
  z-index: 999999;
  pointer-events: none;
}

/* max-lines */
.text-overflow-line-1 {
  /* add WebkitBoxOrient : 'vertical' in style attribut */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.max-1-lines-visible,
.max-lines-1 {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.max-2-lines-visible,
.max-lines-2 {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.max-3-lines-visible,
.max-lines-3 {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

@media screen and (max-width: 600px) {
  .sm-max-2-lines-visible,
  .sm-max-lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}
/* miscellaneous */
.text-description {
  line-height: 20px;
  white-space: pre-wrap;
}

.creating-zone-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.disabled-builder-ui {
  cursor: not-allowed;
}

.disabled-builder-ui * {
  pointer-events: none;
}

.pointer {
  cursor: pointer;
}

.pointer-reset {
  cursor: inherit !important;
}

.disabled-builder-ui:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  left: 0;
  top: 0;
}

.block-picker > div:last-child {
  box-shadow: 0px 0px 1px 0px rgba(143, 143, 142, 0.6);
}

.space-right {
  margin-right: 4px;
}

#modal-container {
  position: relative;
  z-index: 1000;
  height: 0;
  width: 0;
  left: 50vw;
  top: 50vh;
}

.item-hover:hover {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
  cursor: pointer;
}

.item-selected {
  background-color: #e9e9e9;
  background-color: var(--grey);
}

.item-hover .icon-action {
  opacity: 0;
  transition: 'opacity 0.1s';
}

.item-hover:hover .icon-action {
  opacity: 1;
}

.item-active {
  background-color: lightgrey;
}

.hide-input-arrow input::-webkit-outer-spin-button,
.hide-input-arrow input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hide-input-arrow input[type='number'] {
  -moz-appearance: textfield;
}

/* scroll */
.x-scroll {
  overflow-x: auto;
  height: 1px;
}

.y-scroll {
  overflow-y: auto;
  height: 1px;
}

.xy-scroll {
  overflow: auto;
  height: 1px;
}

/* scrollbar */
.scrollbar,
.hkb-scrollbar {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #c0c0c0 white;
}

.scrollbar::-webkit-scrollbar,
.hkb-scrollbar::-webkit-scrollbar {
  width: 5px;
}

.scrollbar::-webkit-scrollbar-track,
.hkb-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px white;
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

.scrollbar::-webkit-scrollbar-thumb,
.hkb-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 5px;
}

/* ---------------------------- */
.custom-scroll::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 4px;
}

/* Handle on hover */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: gray;
}

/* ---------------------------- */
/* width */
.custom-scrollbar::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 3px;
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}

div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px white;
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

div,
ul,
textarea {
  scrollbar-color: #c0c0c0 #f5f5f5;
  scrollbar-color: var(--dark-grey) var(--light-grey);
  scrollbar-width: thin;
}

div::-webkit-scrollbar,
ul::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 5px;
}

/* LAYOUTS
***************/
/* columns */
.col-count-auto {
  -moz-column-count: auto;
       column-count: auto;
}

.col-count-2 {
  -moz-column-count: 2;
       column-count: 2;
}

.col-count-3 {
  -moz-column-count: 3;
       column-count: 3;
}

.col-count-4 {
  -moz-column-count: 4;
       column-count: 4;
}

.col-count-5 {
  -moz-column-count: 5;
       column-count: 5;
}

.col-count-6 {
  -moz-column-count: 6;
       column-count: 6;
}

/* flex */
.f-row {
  display: flex;
}

.f-col {
  display: flex;
  flex-direction: column;
}

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

.f-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.f-full {
  flex-grow: 1;
  min-height: 1;
}

.f-fulll {
  flex: 1 1 auto;
}

.f-c-fill > * {
  flex: 1 1 auto;
}

.f-basis-0 {
  flex-basis: 0;
}

.f1-start {
  justify-content: flex-start;
}

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

.f1-around {
  justify-content: space-around;
}

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

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

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

.f2-start {
  align-items: flex-start;
}

.f2-end {
  align-items: flex-end;
}

.f2-baseline {
  align-items: baseline;
}

.f2-stretch {
  align-items: stretch;
}

.f-shrink-0 {
  flex-shrink: 0;
}

.f-shrink-1 {
  flex-shrink: 1;
}

.f-shrink-2 {
  flex-shrink: 2;
}

.f-row-reverse {
  flex-direction: row-reverse;
}
.f-col-reverse {
  flex-direction: column-reverse;
}

.f-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.f-nowrap {
  flex-wrap: nowrap;
}
.f-initial {
  flex: 0 1 auto;
}
.f-none {
  flex: none;
}

.f-grow {
  flex-grow: 1;
}
.f-full {
  flex-grow: 1;
}
.f-grow-0 {
  flex-grow: 0;
}

/* column-gaps */
.column-gap-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.column-gap-3,
.column-gap-8 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.column-gap-16 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.column-gap-5 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.row-gap-16 {
  row-gap: 16px;
}

/* flex-gaps */
.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 1rem;
}

.gap-4 {
  gap: 1.5rem;
}

.gap-5 {
  gap: 3rem;
}

/* grid */ /* layout */

/* grid */
.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}
.grid-cols-subgrid {
  grid-template-columns: subgrid;
}

/* Height */
.h-auto {
  height: auto;
}
.h-screen {
  height: 100vh;
}
.h-full,
.h-100 {
  height: 100%;
}

.h-90 {
  height: 90%;
}

.h-80 {
  height: 80%;
}

.h-75 {
  height: 75%;
}

.h-70 {
  height: 70%;
}

.h-60 {
  height: 60%;
}

.h-50 {
  height: 50%;
}

.h-40 {
  height: 40%;
}

.h-30 {
  height: 30%;
}

.h-25 {
  height: 25%;
}

.h-20 {
  height: 20%;
}

.h-10 {
  height: 10%;
}
.h-0 {
  height: 0px;
}

.h-1 {
  height: 0.25rem; /* 4px */
}
.h-2 {
  height: 0.5rem; /* 8px */
}
.h-3 {
  height: 0.75rem; /* 12px */
}
.h-4 {
  height: 1rem; /* 16px */
}
.h-5 {
  height: 1.25rem; /* 20px */
}
.h-6 {
  height: 1.5rem; /* 24px */
}
.h-7 {
  height: 1.75rem; /* 28px */
}
.h-8 {
  height: 2rem; /* 32px */
}
.h-9 {
  height: 2.25rem; /* 36px */
}
.h-11 {
  height: 2.75rem; /* 44px */
}
.h-12 {
  height: 3rem; /* 48px */
}
.h-14 {
  height: 3.5rem; /* 56px */
}
.h-16 {
  height: 4rem; /* 64px */
}
.h-28 {
  height: 7rem; /* 112px */
}
.h-32 {
  height: 8rem; /* 128px */
}
.h-36 {
  height: 9rem; /* 144px */
}
.h-24 {
  height: 6rem; /* 96px */
}
.h-44 {
  height: 11rem; /* 176px */
}
.h-48 {
  height: 12rem; /* 192px */
}
.h-52 {
  height: 13rem; /* 208px */
}
.h-56 {
  height: 14rem; /* 224px */
}
.h-64 {
  height: 16rem; /* 256px */
}
.h-72 {
  height: 18rem; /* 288px */
}
.h-96 {
  height: 24rem; /* 384px */
}
.h-px {
  height: 1px;
}

/*Min-Height*/

.min-h-0 {
  min-height: 0px;
}
.min-h-1 {
  min-height: 0.25rem; /* 4px */
}
.min-h-2 {
  min-height: 0.5rem; /* 8px */
}
.min-h-3 {
  min-height: 0.75rem; /* 12px */
}
.min-h-4 {
  min-height: 1rem; /* 16px */
}
.min-h-5 {
  min-height: 1.25rem; /* 20px */
}
.min-h-6 {
  min-height: 1.5rem; /* 24px */
}
.min-h-7 {
  min-height: 1.75rem; /* 28px */
}
.min-h-8 {
  min-height: 2rem; /* 32px */
}
.min-h-9 {
  min-height: 2.25rem; /* 36px */
}
.min-h-10 {
  min-height: 2.5rem; /* 40px */
}
.min-h-11 {
  min-height: 2.75rem; /* 44px */
}
.min-h-12 {
  min-height: 3rem; /* 48px */
}
.min-h-14 {
  min-height: 3.5rem; /* 56px */
}
.min-h-16 {
  min-height: 4rem; /* 64px */
}
.min-h-20 {
  min-height: 5rem; /* 80px */
}
.min-h-28 {
  min-height: 7rem; /* 112px */
}
.min-h-32 {
  min-height: 8rem; /* 128px */
}
.min-h-36 {
  min-height: 9rem; /* 144px */
}
.min-h-40 {
  min-height: 10rem; /* 160px */
}
.min-h-24 {
  min-height: 6rem; /* 96px */
}
.min-h-44 {
  min-height: 11rem; /* 176px */
}
.min-h-48 {
  min-height: 12rem; /* 192px */
}
.min-h-52 {
  min-height: 13rem; /* 208px */
}
.min-h-56 {
  min-height: 14rem; /* 224px */
}
.min-h-60 {
  min-height: 15rem; /* 240px */
}
.min-h-64 {
  min-height: 16rem; /* 256px */
}
.min-h-72 {
  min-height: 18rem; /* 288px */
}
.min-h-80 {
  min-height: 20rem; /* 320px */
}
.min-h-96 {
  min-height: 24rem; /* 384px */
}
.min-h-px {
  min-height: 1px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-min {
  min-height: -moz-min-content;
  min-height: min-content;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

/* Max-Height */

.max-h-0 {
  max-height: 0px;
}
.max-h-1 {
  max-height: 0.25rem; /* 4px */
}
.max-h-2 {
  max-height: 0.5rem; /* 8px */
}
.max-h-3 {
  max-height: 0.75rem; /* 12px */
}
.max-h-4 {
  max-height: 1rem; /* 16px */
}
.max-h-5 {
  max-height: 1.25rem; /* 20px */
}
.max-h-6 {
  max-height: 1.5rem; /* 24px */
}
.max-h-7 {
  max-height: 1.75rem; /* 28px */
}
.max-h-8 {
  max-height: 2rem; /* 32px */
}
.max-h-9 {
  max-height: 2.25rem; /* 36px */
}
.max-h-10 {
  max-height: 2.5rem; /* 40px */
}
.max-h-11 {
  max-height: 2.75rem; /* 44px */
}
.max-h-12 {
  max-height: 3rem; /* 48px */
}
.max-h-14 {
  max-height: 3.5rem; /* 56px */
}
.max-h-16 {
  max-height: 4rem; /* 64px */
}
.max-h-20 {
  max-height: 5rem; /* 80px */
}
.max-h-28 {
  max-height: 7rem; /* 112px */
}
.max-h-32 {
  max-height: 8rem; /* 128px */
}
.max-h-36 {
  max-height: 9rem; /* 144px */
}
.max-h-40 {
  max-height: 10rem; /* 160px */
}
.max-h-24 {
  max-height: 6rem; /* 96px */
}
.max-h-44 {
  max-height: 11rem; /* 176px */
}
.max-h-48 {
  max-height: 12rem; /* 192px */
}
.max-h-52 {
  max-height: 13rem; /* 208px */
}
.max-h-56 {
  max-height: 14rem; /* 224px */
}
.max-h-60 {
  max-height: 15rem; /* 240px */
}
.max-h-64 {
  max-height: 16rem; /* 256px */
}
.max-h-72 {
  max-height: 18rem; /* 288px */
}
.max-h-80 {
  max-height: 20rem; /* 320px */
}
.max-h-96 {
  max-height: 24rem; /* 384px */
}
.max-h-px {
  max-height: 1px;
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.max-h-min {
  max-height: -moz-min-content;
  max-height: min-content;
}
.max-h-max {
  max-height: -moz-max-content;
  max-height: max-content;
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

/*Width*/
.w-auto {
  width: auto;
}

.w-screen {
  width: 100vw;
}

.w-100 {
  width: 100%;
}

.w-90 {
  width: 90%;
}

.w-80 {
  width: 80%;
}

.w-75 {
  width: 75%;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-30 {
  width: 30%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem; /* 4px */
}
.w-2 {
  width: 0.5rem; /* 8px */
}
.w-3 {
  width: 0.75rem; /* 12px */
}
.w-4 {
  width: 1rem; /* 16px */
}
.w-5 {
  width: 1.25rem; /* 20px */
}
.w-6 {
  width: 1.5rem; /* 24px */
}
.w-7 {
  width: 1.75rem; /* 28px */
}
.w-8 {
  width: 2rem; /* 32px */
}
.w-9 {
  width: 2.25rem; /* 36px */
}
.w-11 {
  width: 2.75rem; /* 44px */
}
.w-12 {
  width: 3rem; /* 48px */
}
.w-14 {
  width: 3.5rem; /* 56px */
}
.w-16 {
  width: 4rem; /* 64px */
}
.w-28 {
  width: 7rem; /* 112px */
}
.w-32 {
  width: 8rem; /* 128px */
}
.w-36 {
  width: 9rem; /* 144px */
}
.w-24 {
  width: 6rem; /* 96px */
}
.w-44 {
  width: 11rem; /* 176px */
}
.w-48 {
  width: 12rem; /* 192px */
}
.w-52 {
  width: 13rem; /* 208px */
}
.w-56 {
  width: 14rem; /* 224px */
}
.w-64 {
  width: 16rem; /* 256px */
}
.w-72 {
  width: 18rem; /* 288px */
}
.w-96 {
  width: 24rem; /* 384px */
}
.w-px {
  width: 1px;
}

/*Min-Width*/

.min-w-0 {
  min-width: 0px;
}
.min-w-1 {
  min-width: 0.25rem; /* 4px */
}
.min-w-2 {
  min-width: 0.5rem; /* 8px */
}
.min-w-3 {
  min-width: 0.75rem; /* 12px */
}
.min-w-4 {
  min-width: 1rem; /* 16px */
}
.min-w-5 {
  min-width: 1.25rem; /* 20px */
}
.min-w-6 {
  min-width: 1.5rem; /* 24px */
}
.min-w-7 {
  min-width: 1.75rem; /* 28px */
}
.min-w-8 {
  min-width: 2rem; /* 32px */
}
.min-w-9 {
  min-width: 2.25rem; /* 36px */
}
.min-w-10 {
  min-width: 2.5rem; /* 40px */
}
.min-w-11 {
  min-width: 2.75rem; /* 44px */
}
.min-w-12 {
  min-width: 3rem; /* 48px */
}
.min-w-14 {
  min-width: 3.5rem; /* 56px */
}
.min-w-16 {
  min-width: 4rem;
} /* 64px */
.min-w-20 {
  min-width: 5rem;
} /* 80px */
.min-w-28 {
  min-width: 7rem; /* 112px */
}
.min-w-32 {
  min-width: 8rem; /* 128px */
}
.min-w-36 {
  min-width: 9rem; /* 144px */
}
.min-w-40 {
  min-width: 10rem; /* 160px */
}
.min-w-24 {
  min-width: 6rem; /* 96px */
}
.min-w-44 {
  min-width: 11rem; /* 176px */
}
.min-w-48 {
  min-width: 12rem; /* 192px */
}
.min-w-52 {
  min-width: 13rem; /* 208px */
}
.min-w-56 {
  min-width: 14rem; /* 224px */
}
.min-w-60 {
  min-width: 15rem; /* 240px */
}
.min-w-64 {
  min-width: 16rem; /* 256px */
}
.min-w-72 {
  min-width: 18rem; /* 288px */
}
.min-w-80 {
  min-width: 20rem; /* 320px */
}
.min-w-96 {
  min-width: 24rem; /* 384px */
}
.min-w-px {
  min-width: 1px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-screen {
  min-width: 100vh;
}
.min-w-min {
  min-width: -moz-min-content;
  min-width: min-content;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

/* Max-Width*/

.max-w-0 {
  max-width: 0px;
}
.max-w-1 {
  max-width: 0.25rem; /* 4px */
}
.max-w-2 {
  max-width: 0.5rem; /* 8px */
}
.max-w-3 {
  max-width: 0.75rem; /* 12px */
}
.max-w-4 {
  max-width: 1rem; /* 16px */
}
.max-w-5 {
  max-width: 1.25rem; /* 20px */
}
.max-w-6 {
  max-width: 1.5rem; /* 24px */
}
.max-w-7 {
  max-width: 1.75rem; /* 28px */
}
.max-w-8 {
  max-width: 2rem; /* 32px */
}
.max-w-9 {
  max-width: 2.25rem; /* 36px */
}
.max-w-10 {
  max-width: 2.5rem; /* 40px */
}
.max-w-11 {
  max-width: 2.75rem; /* 44px */
}
.max-w-12 {
  max-width: 3rem; /* 48px */
}
.max-w-14 {
  max-width: 3.5rem; /* 56px */
}
.max-w-16 {
  max-width: 4rem; /* 64px */
}
.max-w-20 {
  max-width: 5rem; /* 80px */
}
.max-w-28 {
  max-width: 7rem; /* 112px */
}
.max-w-32 {
  max-width: 8rem; /* 128px */
}
.max-w-36 {
  max-width: 9rem; /* 144px */
}
.max-w-40 {
  max-width: 10rem; /* 160px */
}
.max-w-24 {
  max-width: 6rem; /* 96px */
}
.max-w-44 {
  max-width: 11rem; /* 176px */
}
.max-w-48 {
  max-width: 12rem; /* 192px */
}
.max-w-52 {
  max-width: 13rem; /* 208px */
}
.max-w-56 {
  max-width: 14rem; /* 224px */
}
.max-w-60 {
  max-width: 15rem; /* 240px */
}
.max-w-64 {
  max-width: 16rem; /* 256px */
}
.max-w-72 {
  max-width: 18rem; /* 288px */
}
.max-w-80 {
  max-width: 20rem; /* 320px */
}
.max-w-96 {
  max-width: 24rem; /* 384px */
}
.max-w-px {
  max-width: 1px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-screen {
  max-width: 100vh;
}
.max-w-min {
  max-width: -moz-min-content;
  max-width: min-content;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
/* margins */
.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.mx-3 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.mx-4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.mx-5 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.mx-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mt-5 {
  margin-top: 3rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

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

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mr-5 {
  margin-right: 3rem;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 1rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.ml-5 {
  margin-left: 3rem;
}

/* paddings */
.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

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

.px-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.px-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.px-3 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.px-4 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.px-5 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.px-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pt-5 {
  padding-top: 3rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pr-5 {
  padding-right: 3rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pl-5 {
  padding-left: 3rem;
}

/* PRINT
***************/
/* print */
@media print {
  .print-hide {
    display: none !important;
  }
  .h-100,
  #wrapper,
  #page-content-wrapper {
    height: inherit !important;
    overflow-y: inherit !important;
  }
  .report .pie-chart-container {
    width: 100% !important;
    height: 200px;
    margin-bottom: 30px;
  }
  .report .legend-pie-chart {
    display: flex !important;
  }
  .report .render-box {
    margin-left: 12px;
  }
}
/* VARIABLES
***************/
/* - COLORS */
/* grey-nuances */
:root {
  --anthracite: #565656;
  --message-empty: #909090;
  --frozen-grey: #909090;
  --dark-grey: #c0c0c0;
  --grey: #e9e9e9;
  --light-grey: #f5f5f5;
  --super-light-grey: #f7f7f7;
}

.text-grey-empty,
.text-grey,
.color-frozen {
  color: #909090;
  color: var(--message-empty);
}

.border-grey-empty {
  border-color: #909090;
  border-color: var(--message-empty);
}

.anthracite {
  color: #565656;
  color: var(--anthracite);
}

.frozen-grey {
  color: #909090;
  color: var(--frozen-grey);
}

.dark-grey {
  color: #c0c0c0;
  color: var(--dark-grey);
}

.grey {
  color: #e9e9e9;
  color: var(--grey);
}

.light-grey {
  color: #f5f5f5;
  color: var(--light-grey);
}

.super-light-grey {
  color: #f7f7f7;
  color: var(--super-light-grey);
}

.bcg-anthracite {
  background-color: #565656;
  background-color: var(--anthracite);
}

.bcg-frozen-grey {
  background-color: #909090;
  background-color: var(--frozen-grey);
}

.bcg-dark-grey {
  background-color: #c0c0c0;
  background-color: var(--dark-grey);
}

.bcg-grey {
  background-color: #e9e9e9;
  background-color: var(--grey);
}

.bcg-light-grey {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

.bcg-super-light-grey {
  background-color: #f7f7f7;
  background-color: var(--super-light-grey);
}

.black {
  color: black;
}

.bcg-black {
  color: black;
}

.white {
  color: white;
}

.bcg-white {
  color: white;
}

.white-blur-bcg {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

/* hkb-colors */
:root {
  --red: #e82034 !important;
  --light-red: #fce8ea;
  --dark-red: #c21b2c;
  --green: #5ee65e !important;
  --light-green: #eefcee;
  --dark-green: #2e732e;
  --orange: #ff931e !important;
  --light-orange: #fef7ef;
  --dark-orange: #d54900;
  --blue: #37c6f2 !important;
  --light-blue: #ebf9fd;
  --dark-blue: #2f45e0;
}

/* Red - nuances */
.red {
  color: #e82034;
  color: var(--red);
}

.bcg-red {
  background-color: #e82034;
  background-color: var(--red);
}

.light-red {
  color: #fce8ea;
  color: var(--light-red);
}

.bcg-light-red {
  background-color: #fce8ea;
  background-color: var(--light-red);
}

.dark-red {
  color: #c21b2c;
  color: var(--dark-red);
}

.bcg-dark-red {
  background-color: #c21b2c;
  background-color: var(--dark-red);
}

/* Green - nuances */
.green {
  color: #5ee65e;
  color: var(--green);
}

.bcg-green {
  background-color: #5ee65e;
  background-color: var(--green);
}

.light-green {
  color: #eefcee;
  color: var(--light-green);
}

.bcg-light-green {
  background-color: #eefcee;
  background-color: var(--light-green);
}

.dark-green {
  color: #2e732e;
  color: var(--dark-green);
}

.bcg-dark-green {
  background-color: #2e732e;
  background-color: var(--dark-green);
}

/* Orange - nuances */
.orange {
  color: #ff931e;
  color: var(--orange);
}

.bcg-orange {
  background-color: #ff931e;
  background-color: var(--orange);
}

.light-orange {
  color: #fef7ef;
  color: var(--light-orange);
}

.bcg-light-orange {
  background-color: #fef7ef;
  background-color: var(--light-orange);
}

.dark-orange {
  color: #d54900;
  color: var(--dark-orange);
}

.bcg-dark-orange {
  background-color: #d54900;
  background-color: var(--dark-orange);
}

/* Blue - nuances */
.blue {
  color: #37c6f2;
  color: var(--blue);
}

.bcg-blue {
  background-color: #37c6f2;
  background-color: var(--blue);
}

.light-blue {
  color: #ebf9fd;
  color: var(--light-blue);
}

.bcg-light-blue {
  background-color: #ebf9fd;
  background-color: var(--light-blue);
}

.dark-blue {
  color: #2f45e0;
  color: var(--dark-blue);
}

.bcg-dark-blue {
  background-color: #2f45e0;
  background-color: var(--dark-blue);
}

/* orga-colors */
:root {
  --primaryColor: #5426d4;
  --primaryColorBcg: #eee9fb;
  --secondaryColor: #8c24c8;
  --secondaryColorBcg: #f4e9fa;
}

.color-primary {
  color: #5426d4;
  color: var(--primaryColor);
}

.color-secondary {
  color: #8c24c8;
  color: var(--secondaryColor);
}

.color-primary-light {
  color: #eee9fb;
  color: var(--primaryColorBcg);
}

.color-secondary-light {
  color: #f4e9fa;
  color: var(--secondaryColorBcg);
}

.bcg-primary-light {
  background-color: #eee9fb;
  background-color: var(--primaryColorBcg);
}

.bcg-secondary-light {
  background-color: #f4e9fa;
  background-color: var(--secondaryColorBcg);
}

/* - TYPOGRAPHY */
/* font-faces */
@font-face {
  font-family: 'hakobio';
  src: url(../../06c8e8006fe18dfb1cf1.eot);
  src: url(../../06c8e8006fe18dfb1cf1.eot?#iefix) format('embedded-opentype'),
    url(../../d7c8183bd2e43ce1dfc4.woff) format('woff'),
    url(../../06561fdbbf64eaeab3f7.ttf) format('truetype'),
    url(../../2e80418f61e517a9d5e6.svg#1497026128) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hakobio2';
  src: url(../../a2001232adf542cbfb70.eot);
  src: url(../../a2001232adf542cbfb70.eot?#iefix) format('embedded-opentype'),
    url(../../75c99d3d90d113d86667.woff) format('woff'),
    url(../../e2d496a0de5d2f585a70.ttf) format('truetype'),
    url(../../d7ac6be14bece44c0b32.svg#hakobio2) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hakobio 3';
  src: url(../../324f6b8e60d7a1daeb7e.eot);
  src: url(../../324f6b8e60d7a1daeb7e.eot?#iefix) format('embedded-opentype'),
    url(../../d6c59edc1d0de3ed4d99.woff) format('woff'),
    url(../../23e146a71e034e9184af.ttf) format('truetype'),
    url(../../0078878e51e84b67cd70.svg#hakobio-3) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hakobioVR';
  src: url(../../a84938831efa469180cc.eot);
  src: url(../../a84938831efa469180cc.eot?#iefix) format('embedded-opentype'),
    url(../../144fa03c8b29c1e1a282.woff) format('woff'),
    url(../../47b65d47c3a8d7bb0d47.ttf) format('truetype'),
    url(../../6c6cb587ab9ee03afa14.svg#hakobioVR) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-light';
  src: url(../../c8804fc27ce50426d218.eot);
  src: url(../../c8804fc27ce50426d218.eot?#iefix) format('embedded-opentype'),
    url(../../60337d11e6ceed3ece24.woff2) format('woff2'),
    url(../../2b68f30e9d741aa72a59.woff) format('woff'),
    url(../../d6fd40b932f2734940fc.ttf) format('truetype'),
    url(../../648a5fd20c2363b46d77.svg#aileronlight) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-regular';
  src: url(../../1ef4080bd60d8bd8fd53.eot);
  src: url(../../1ef4080bd60d8bd8fd53.eot?#iefix) format('embedded-opentype'),
    url(../../36ddf8acddc786506154.woff) format('woff'),
    url(../../45a624c0f4fec53c0751.ttf) format('truetype'),
    url(../../6bf17e76bc8285729f5b.svg#aileronregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-bold';
  src: url(../../bca36cec4712ef0582e0.eot);
  src: url(../../bca36cec4712ef0582e0.eot?#iefix) format('embedded-opentype'),
    url(../../36964d9b73eafee94334.woff2) format('woff2'),
    url(../../ed2494d72aca0ce54411.woff) format('woff'),
    url(../../00d4ada54cab3fdd6133.ttf) format('truetype'),
    url(../../146fc439e6ff90e24483.svg#aileronbold) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-black';
  src: url(../../215f001ba3cc9a2697f6.eot);
  src: url(../../215f001ba3cc9a2697f6.eot?#iefix) format('embedded-opentype'),
    url(../../76359478bcfcfb434df5.woff2) format('woff2'),
    url(../../49440d736a0953b1eef3.woff) format('woff'),
    url(../../f3c17ae12442e69ef921.ttf) format('truetype'),
    url(../../8bd9a87e1448a5b37bd3.svg#aileronblack) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* font-weight */
html {
  font-size: 16px;
}

:root {
  --big-title: 4rem;
  --medium-title: 1.875rem;
  --title: 1.5rem;
  --text: 1rem;
  --small-text: 0.875rem;
  --extra-small-text: 0.75rem;
}

.big-title {
  font-size: 4rem;
  font-size: var(--big-title);
}

.medium-title {
  font-size: 1.875rem;
  font-size: var(--medium-title);
}

.title {
  font-size: 1.5rem;
  font-size: var(--title);
}

.text {
  font-size: 1rem;
  font-size: var(--text);
}

.small-text {
  font-size: 0.875rem;
  font-size: var(--small-text);
}

.extra-small-text {
  font-size: 0.75rem;
  font-size: var(--extra-small-text);
}

/* font-weight */
:root {
  --light: 'aileron-light', Helvetica, Arial, sans-serif;
  --regular: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
  --bold: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif;
  --black: 'aileron-black', 'aileron-light', Helvetica, Arial, sans-serif;
}

body,
.font-light {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--light);
}

b,
strong,
.font-regular {
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--regular);
}

.font-bold,
.bold {
  font-family: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--bold);
}

.font-black {
  font-family: 'aileron-black', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--black);
}

/* JODIT-OVERRIDES
***************/
/* color-picker */
.jodit-popup__content .jodit-tabs .jodit-tabs__buttons {
  display: none;
}

.custom-palette .jodit-color-picker__extra {
  display: none;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-greyscale
  .jodit-color-picker__color-item:first-of-type,
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-greyscale
  .jodit-color-picker__color-item:nth-of-type(2) {
  display: block !important;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-greyscale
  .jodit-color-picker__color-item {
  display: none;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-palette
  .jodit-color-picker__color-item:first-of-type,
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-palette
  .jodit-color-picker__color-item:nth-of-type(2) {
  display: block !important;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-palette
  .jodit-color-picker__color-item {
  display: none;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:first-of-type,
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:nth-of-type(2),
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:nth-of-type(3),
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:nth-of-type(4) {
  display: block !important;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item {
  display: none;
}

/* MUI-OVERRIDES
***************/
/* date-picker */
.MuiCalendarPicker-root .MuiPickersCalendarHeader-root {
  background-color: #f7f7f7;
  background-color: var(--super-light-grey);
  border-bottom: 1px solid #eee9fb;
  border-bottom: 1px solid var(--primaryColorBcg);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer {
  width: 4px;
}
.MuiCalendarPicker-root .MuiDayPicker-header .MuiDayPicker-weekDayLabel {
  color: #909090;
  color: var(--frozen-grey);
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--regular);
}
.MuiCalendarPicker-root button.PrivatePickersMonth-root,
.MuiCalendarPicker-root button.PrivatePickersYear-yearButton {
  border-radius: 4px;
}
.MuiCalendarPicker-root button.Mui-selected {
  background-color: #5426d4;
  background-color: var(--primaryColor);
}
.MuiCalendarPicker-root button.Mui-selected:hover,
.MuiCalendarPicker-root button.Mui-selected:focus {
  background-color: #5426d4;
  background-color: var(--primaryColor);
}

/* menu-item */
ul.MuiList-root.MuiMenu-list li.Mui-selected {
  background-color: #eee9fb;
  background-color: var(--primaryColorBcg);
}

/* popper */
.MuiAutocomplete-option.Mui-focused {
  background-color: #f5f5f5 !important;
  background-color: var(--light-grey) !important;
}

.MuiAutocomplete-option[aria-selected='true'] {
  background-color: #e9e9e9 !important;
  background-color: var(--grey) !important;
}

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

/*Text Align*/
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/*Text Transform*/
.capitalize-first-word::first-letter {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}

/*Position*/
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}

/* Pointer events*/
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
/* cursor */

.cursor {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-none {
  cursor: none;
}
.cursor-context-menu {
  cursor: context-menu;
}
.cursor-progress {
  cursor: progress;
}
.cursor-cell {
  cursor: cell;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-vertical-text {
  cursor: vertical-text;
}
.cursor-alias {
  cursor: alias;
}
.cursor-copy {
  cursor: copy;
}
.cursor-no-drop {
  cursor: no-drop;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-row-resize {
  cursor: row-resize;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.cursor-zoom-out {
  cursor: zoom-out;
}

/*Overflow*/
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-clip {
  overflow-y: clip;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}

/*
COMPONENTS
    - react-tags
GENERIC
    - body
    - dennys
    - general
    - max-lines
    - miscellaneous
    - scrollbar
LAYOUTS
    - columns
    - flex
    - gaps
    - grid
    - layout
    - margins
    -paddings
PRINT
    - print
VARIABLES
    * COLORS
        - grey
        - hkb-colors
        - orga-colors
    * TYPOGRAPHY
        - font-faces
        - font-size
        - font-weight
*/
/* COMPONENTS
***************/
/* react-tags */
input,
.react-tags {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.react-tags input {
  padding: inherit;
}

.react-tags-style {
  height: 100%;
}

/* GENERIC
***************/
/* body */
body,
html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-feature-settings: "liga", "clig off";
  font-variant-ligatures: no-common-ligatures;
  position: relative;
  overflow-x: hidden;
  -webkit-print-color-adjust: exact !important;
  font-size: 1rem;
  line-height: 1.5;
  box-sizing: border-box;
}
body .select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body .transparent {
  background-color: transparent;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

/* blur */
.white-blur-bcg {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.white-blur-bcg.no-blur {
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

/* borders */
.border {
  border: 1px solid #c0c0c0;
  border: 1px solid var(--dark-grey);
}

.border-top {
  border-top: 1px solid #c0c0c0;
  border-top: 1px solid var(--dark-grey);
}

.border-bottom {
  border-bottom: 1px solid #c0c0c0;
  border-bottom: 1px solid var(--dark-grey);
}

.border-right {
  border-right: 1px solid #c0c0c0;
  border-right: 1px solid var(--dark-grey);
}

.border-left {
  border-left: 1px solid #c0c0c0;
  border-left: 1px solid var(--dark-grey);
}

.border-primary {
  border-color: #5426d4;
  border-color: var(--primaryColor);
}

.border-secondary {
  border-color: #8c24c8;
  border-color: var(--secondaryColor);
}

.border-w1 {
  border-width: 1px;
}

.border-w2 {
  border-width: 2px;
}

.border-w3 {
  border-width: 3px;
}

.border-w4 {
  border-width: 4px;
}

.border-w5 {
  border-width: 5px;
}

/* dennys */
.den-plugin-panel {
  overflow-y: auto;
  height: calc(100% - 70px);
  width: 100%;
  padding-right: 8px;
}

/* general */
* {
  font-family: aileron-light;
}

hr {
  width: 100%;
  border: 0;
  border-top: 1px solid #c0c0c0;
  border-top: 1px solid var(--dark-grey);
  border-color: #c0c0c0 !important;
  border-color: var(--dark-grey) !important;
}

.no-display {
  display: none;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--light);
  font-weight: normal;
}

/* hover behaviours */
/* HOVER A LINK */
a,
.hover-link a {
  text-decoration: none;
  color: black;
}

a:hover,
.hover-link:hover,
.hover-link a:hover {
  color: #5426d4;
  color: var(--primaryColor);
}

/* HOVER OVER ITEM IN A LIST */
.hover-item:hover {
  background-color: #f5f5f5 !important;
  background-color: var(--light-grey) !important;
  transition: background-color 0.1s;
  cursor: pointer;
}

/* DISPLAY ICONS ON HOVER */
.container-action .items-action-none {
  display: none !important;
}

.container-action:hover .items-action-none {
  display: inherit !important;
}

/* ELEVATE ITEM ON HOVER */
.elevate:hover,
.elevate.top-left:hover {
  box-shadow: 2px 2px 10px 4px #e9e9e9;
  box-shadow: 2px 2px 10px 4px var(--grey);
  z-index: 1000;
  transform: translate(-4px, -8px);
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.elevate:hover i.icon {
  color: #5426d4;
  color: var(--primaryColor);
}

.elevate.top:hover {
  box-shadow: 0px 2px 10px 4px #e9e9e9;
  box-shadow: 0px 2px 10px 4px var(--grey);
  transform: translate(0px, -8px);
}

.elevate.top-right:hover {
  box-shadow: -2px 2px 10px 4px #e9e9e9;
  box-shadow: -2px 2px 10px 4px var(--grey);
  transform: translate(4px, -8px);
}

.elevate.right:hover {
  box-shadow: -4px 2px 10px 4px #e9e9e9;
  box-shadow: -4px 2px 10px 4px var(--grey);
  transform: translate(8px, 0px);
}

.elevate.bottom-right:hover {
  box-shadow: -2px -2px 10px 4px #e9e9e9;
  box-shadow: -2px -2px 10px 4px var(--grey);
  transform: translate(4px, 8px);
}

.elevate.bottom:hover {
  box-shadow: 0px -2px 10px 4px #e9e9e9;
  box-shadow: 0px -2px 10px 4px var(--grey);
  transform: translate(0px, 8px);
}

.elevate.bottom-left:hover {
  box-shadow: 2px -2px 10px 4px #e9e9e9;
  box-shadow: 2px -2px 10px 4px var(--grey);
  transform: translate(-4px, 8px);
}

.elevate.left:hover {
  box-shadow: 4px 2px 10px 4px #e9e9e9;
  box-shadow: 4px 2px 10px 4px var(--grey);
  transform: translate(-8px, 0px);
}

.isolated-frame {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border: 0.25rem solid #5426d4;
  border: 0.25rem solid var(--primaryColor);
  z-index: 999999;
  pointer-events: none;
}

/* max-lines */
.text-overflow-line-1 {
  /* add WebkitBoxOrient : 'vertical' in style attribut */
  display: -webkit-box;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.max-1-lines-visible,
.max-lines-1 {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

.max-2-lines-visible,
.max-lines-2 {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.max-3-lines-visible,
.max-lines-3 {
  /* add WebkitBoxOrient: 'vertical',*/
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

@media screen and (max-width: 600px) {
  .sm-max-2-lines-visible,
  .sm-max-lines-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
  }
}
/* miscellaneous */
.text-description {
  line-height: 20px;
  white-space: pre-wrap;
}

.creating-zone-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.disabled-builder-ui {
  cursor: not-allowed;
}

.disabled-builder-ui * {
  pointer-events: none;
}

.pointer {
  cursor: pointer;
}

.pointer-reset {
  cursor: inherit !important;
}

.disabled-builder-ui:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  left: 0;
  top: 0;
}

.block-picker > div:last-child {
  box-shadow: 0px 0px 1px 0px rgba(143, 143, 142, 0.6);
}

.space-right {
  margin-right: 4px;
}

#modal-container {
  position: relative;
  z-index: 1000;
  height: 0;
  width: 0;
  left: 50vw;
  top: 50vh;
}

.item-hover:hover {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
  cursor: pointer;
}

.item-selected {
  background-color: #e9e9e9;
  background-color: var(--grey);
}

.item-hover .icon-action {
  opacity: 0;
  transition: 'opacity 0.1s';
}

.item-hover:hover .icon-action {
  opacity: 1;
}

.item-active {
  background-color: lightgrey;
}

.hide-input-arrow input::-webkit-outer-spin-button,
.hide-input-arrow input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hide-input-arrow input[type='number'] {
  -moz-appearance: textfield;
}

/* scroll */
.x-scroll {
  overflow-x: auto;
  height: 1px;
}

.y-scroll {
  overflow-y: auto;
  height: 1px;
}

.xy-scroll {
  overflow: auto;
  height: 1px;
}

/* scrollbar */
.scrollbar,
.hkb-scrollbar {
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #c0c0c0 white;
}

.scrollbar::-webkit-scrollbar,
.hkb-scrollbar::-webkit-scrollbar {
  width: 5px;
}

.scrollbar::-webkit-scrollbar-track,
.hkb-scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px white;
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

.scrollbar::-webkit-scrollbar-thumb,
.hkb-scrollbar::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 5px;
}

/* ---------------------------- */
.custom-scroll::-webkit-scrollbar {
  width: 8px;
  border-radius: 4px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

/* Handle */
.custom-scroll::-webkit-scrollbar-thumb {
  background: gray;
  border-radius: 4px;
}

/* Handle on hover */
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: gray;
}

/* ---------------------------- */
/* width */
.custom-scrollbar::-webkit-scrollbar {
  width: 7px;
}

/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 3px;
}

/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}

div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px white;
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

div,
ul,
textarea {
  scrollbar-color: #c0c0c0 #f5f5f5;
  scrollbar-color: var(--dark-grey) var(--light-grey);
  scrollbar-width: thin;
}

div::-webkit-scrollbar,
ul::-webkit-scrollbar,
textarea::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
  background-color: #c0c0c0;
  border-radius: 5px;
}

/* LAYOUTS
***************/
/* columns */
.col-count-auto {
  -moz-column-count: auto;
       column-count: auto;
}

.col-count-2 {
  -moz-column-count: 2;
       column-count: 2;
}

.col-count-3 {
  -moz-column-count: 3;
       column-count: 3;
}

.col-count-4 {
  -moz-column-count: 4;
       column-count: 4;
}

.col-count-5 {
  -moz-column-count: 5;
       column-count: 5;
}

.col-count-6 {
  -moz-column-count: 6;
       column-count: 6;
}

/* flex */
.f-row {
  display: flex;
}

.f-col {
  display: flex;
  flex-direction: column;
}

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

.f-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.f-full {
  flex-grow: 1;
  min-height: 1;
}

.f-fulll {
  flex: 1 1 auto;
}

.f-c-fill > * {
  flex: 1 1 auto;
}

.f-basis-0 {
  flex-basis: 0;
}

.f1-start {
  justify-content: flex-start;
}

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

.f1-around {
  justify-content: space-around;
}

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

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

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

.f2-start {
  align-items: flex-start;
}

.f2-end {
  align-items: flex-end;
}

.f2-baseline {
  align-items: baseline;
}

.f2-stretch {
  align-items: stretch;
}

.f-shrink-0 {
  flex-shrink: 0;
}

.f-shrink-1 {
  flex-shrink: 1;
}

.f-shrink-2 {
  flex-shrink: 2;
}

.f-row-reverse {
  flex-direction: row-reverse;
}
.f-col-reverse {
  flex-direction: column-reverse;
}

.f-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.f-nowrap {
  flex-wrap: nowrap;
}
.f-initial {
  flex: 0 1 auto;
}
.f-none {
  flex: none;
}

.f-grow {
  flex-grow: 1;
}
.f-full {
  flex-grow: 1;
}
.f-grow-0 {
  flex-grow: 0;
}

/* column-gaps */
.column-gap-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.column-gap-3,
.column-gap-8 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.column-gap-16 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.column-gap-5 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.row-gap-16 {
  row-gap: 16px;
}

/* flex-gaps */
.gap-0 {
  gap: 0;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 1rem;
}

.gap-4 {
  gap: 1.5rem;
}

.gap-5 {
  gap: 3rem;
}

/* grid */ /* layout */

/* grid */
.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
  grid-template-columns: none;
}
.grid-cols-subgrid {
  grid-template-columns: subgrid;
}

/* Height */
.h-auto {
  height: auto;
}
.h-screen {
  height: 100vh;
}
.h-full,
.h-100 {
  height: 100%;
}

.h-90 {
  height: 90%;
}

.h-80 {
  height: 80%;
}

.h-75 {
  height: 75%;
}

.h-70 {
  height: 70%;
}

.h-60 {
  height: 60%;
}

.h-50 {
  height: 50%;
}

.h-40 {
  height: 40%;
}

.h-30 {
  height: 30%;
}

.h-25 {
  height: 25%;
}

.h-20 {
  height: 20%;
}

.h-10 {
  height: 10%;
}
.h-0 {
  height: 0px;
}

.h-1 {
  height: 0.25rem; /* 4px */
}
.h-2 {
  height: 0.5rem; /* 8px */
}
.h-3 {
  height: 0.75rem; /* 12px */
}
.h-4 {
  height: 1rem; /* 16px */
}
.h-5 {
  height: 1.25rem; /* 20px */
}
.h-6 {
  height: 1.5rem; /* 24px */
}
.h-7 {
  height: 1.75rem; /* 28px */
}
.h-8 {
  height: 2rem; /* 32px */
}
.h-9 {
  height: 2.25rem; /* 36px */
}
.h-11 {
  height: 2.75rem; /* 44px */
}
.h-12 {
  height: 3rem; /* 48px */
}
.h-14 {
  height: 3.5rem; /* 56px */
}
.h-16 {
  height: 4rem; /* 64px */
}
.h-28 {
  height: 7rem; /* 112px */
}
.h-32 {
  height: 8rem; /* 128px */
}
.h-36 {
  height: 9rem; /* 144px */
}
.h-24 {
  height: 6rem; /* 96px */
}
.h-44 {
  height: 11rem; /* 176px */
}
.h-48 {
  height: 12rem; /* 192px */
}
.h-52 {
  height: 13rem; /* 208px */
}
.h-56 {
  height: 14rem; /* 224px */
}
.h-64 {
  height: 16rem; /* 256px */
}
.h-72 {
  height: 18rem; /* 288px */
}
.h-96 {
  height: 24rem; /* 384px */
}
.h-px {
  height: 1px;
}

/*Min-Height*/

.min-h-0 {
  min-height: 0px;
}
.min-h-1 {
  min-height: 0.25rem; /* 4px */
}
.min-h-2 {
  min-height: 0.5rem; /* 8px */
}
.min-h-3 {
  min-height: 0.75rem; /* 12px */
}
.min-h-4 {
  min-height: 1rem; /* 16px */
}
.min-h-5 {
  min-height: 1.25rem; /* 20px */
}
.min-h-6 {
  min-height: 1.5rem; /* 24px */
}
.min-h-7 {
  min-height: 1.75rem; /* 28px */
}
.min-h-8 {
  min-height: 2rem; /* 32px */
}
.min-h-9 {
  min-height: 2.25rem; /* 36px */
}
.min-h-10 {
  min-height: 2.5rem; /* 40px */
}
.min-h-11 {
  min-height: 2.75rem; /* 44px */
}
.min-h-12 {
  min-height: 3rem; /* 48px */
}
.min-h-14 {
  min-height: 3.5rem; /* 56px */
}
.min-h-16 {
  min-height: 4rem; /* 64px */
}
.min-h-20 {
  min-height: 5rem; /* 80px */
}
.min-h-28 {
  min-height: 7rem; /* 112px */
}
.min-h-32 {
  min-height: 8rem; /* 128px */
}
.min-h-36 {
  min-height: 9rem; /* 144px */
}
.min-h-40 {
  min-height: 10rem; /* 160px */
}
.min-h-24 {
  min-height: 6rem; /* 96px */
}
.min-h-44 {
  min-height: 11rem; /* 176px */
}
.min-h-48 {
  min-height: 12rem; /* 192px */
}
.min-h-52 {
  min-height: 13rem; /* 208px */
}
.min-h-56 {
  min-height: 14rem; /* 224px */
}
.min-h-60 {
  min-height: 15rem; /* 240px */
}
.min-h-64 {
  min-height: 16rem; /* 256px */
}
.min-h-72 {
  min-height: 18rem; /* 288px */
}
.min-h-80 {
  min-height: 20rem; /* 320px */
}
.min-h-96 {
  min-height: 24rem; /* 384px */
}
.min-h-px {
  min-height: 1px;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.min-h-min {
  min-height: -moz-min-content;
  min-height: min-content;
}
.min-h-max {
  min-height: -moz-max-content;
  min-height: max-content;
}
.min-h-fit {
  min-height: -moz-fit-content;
  min-height: fit-content;
}

/* Max-Height */

.max-h-0 {
  max-height: 0px;
}
.max-h-1 {
  max-height: 0.25rem; /* 4px */
}
.max-h-2 {
  max-height: 0.5rem; /* 8px */
}
.max-h-3 {
  max-height: 0.75rem; /* 12px */
}
.max-h-4 {
  max-height: 1rem; /* 16px */
}
.max-h-5 {
  max-height: 1.25rem; /* 20px */
}
.max-h-6 {
  max-height: 1.5rem; /* 24px */
}
.max-h-7 {
  max-height: 1.75rem; /* 28px */
}
.max-h-8 {
  max-height: 2rem; /* 32px */
}
.max-h-9 {
  max-height: 2.25rem; /* 36px */
}
.max-h-10 {
  max-height: 2.5rem; /* 40px */
}
.max-h-11 {
  max-height: 2.75rem; /* 44px */
}
.max-h-12 {
  max-height: 3rem; /* 48px */
}
.max-h-14 {
  max-height: 3.5rem; /* 56px */
}
.max-h-16 {
  max-height: 4rem; /* 64px */
}
.max-h-20 {
  max-height: 5rem; /* 80px */
}
.max-h-28 {
  max-height: 7rem; /* 112px */
}
.max-h-32 {
  max-height: 8rem; /* 128px */
}
.max-h-36 {
  max-height: 9rem; /* 144px */
}
.max-h-40 {
  max-height: 10rem; /* 160px */
}
.max-h-24 {
  max-height: 6rem; /* 96px */
}
.max-h-44 {
  max-height: 11rem; /* 176px */
}
.max-h-48 {
  max-height: 12rem; /* 192px */
}
.max-h-52 {
  max-height: 13rem; /* 208px */
}
.max-h-56 {
  max-height: 14rem; /* 224px */
}
.max-h-60 {
  max-height: 15rem; /* 240px */
}
.max-h-64 {
  max-height: 16rem; /* 256px */
}
.max-h-72 {
  max-height: 18rem; /* 288px */
}
.max-h-80 {
  max-height: 20rem; /* 320px */
}
.max-h-96 {
  max-height: 24rem; /* 384px */
}
.max-h-px {
  max-height: 1px;
}
.max-h-full {
  max-height: 100%;
}
.max-h-screen {
  max-height: 100vh;
}
.max-h-min {
  max-height: -moz-min-content;
  max-height: min-content;
}
.max-h-max {
  max-height: -moz-max-content;
  max-height: max-content;
}
.max-h-fit {
  max-height: -moz-fit-content;
  max-height: fit-content;
}

/*Width*/
.w-auto {
  width: auto;
}

.w-screen {
  width: 100vw;
}

.w-100 {
  width: 100%;
}

.w-90 {
  width: 90%;
}

.w-80 {
  width: 80%;
}

.w-75 {
  width: 75%;
}

.w-70 {
  width: 70%;
}

.w-60 {
  width: 60%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 40%;
}

.w-30 {
  width: 30%;
}

.w-25 {
  width: 25%;
}

.w-20 {
  width: 20%;
}

.w-10 {
  width: 10%;
}
.w-0 {
  width: 0px;
}
.w-1 {
  width: 0.25rem; /* 4px */
}
.w-2 {
  width: 0.5rem; /* 8px */
}
.w-3 {
  width: 0.75rem; /* 12px */
}
.w-4 {
  width: 1rem; /* 16px */
}
.w-5 {
  width: 1.25rem; /* 20px */
}
.w-6 {
  width: 1.5rem; /* 24px */
}
.w-7 {
  width: 1.75rem; /* 28px */
}
.w-8 {
  width: 2rem; /* 32px */
}
.w-9 {
  width: 2.25rem; /* 36px */
}
.w-11 {
  width: 2.75rem; /* 44px */
}
.w-12 {
  width: 3rem; /* 48px */
}
.w-14 {
  width: 3.5rem; /* 56px */
}
.w-16 {
  width: 4rem; /* 64px */
}
.w-28 {
  width: 7rem; /* 112px */
}
.w-32 {
  width: 8rem; /* 128px */
}
.w-36 {
  width: 9rem; /* 144px */
}
.w-24 {
  width: 6rem; /* 96px */
}
.w-44 {
  width: 11rem; /* 176px */
}
.w-48 {
  width: 12rem; /* 192px */
}
.w-52 {
  width: 13rem; /* 208px */
}
.w-56 {
  width: 14rem; /* 224px */
}
.w-64 {
  width: 16rem; /* 256px */
}
.w-72 {
  width: 18rem; /* 288px */
}
.w-96 {
  width: 24rem; /* 384px */
}
.w-px {
  width: 1px;
}

/*Min-Width*/

.min-w-0 {
  min-width: 0px;
}
.min-w-1 {
  min-width: 0.25rem; /* 4px */
}
.min-w-2 {
  min-width: 0.5rem; /* 8px */
}
.min-w-3 {
  min-width: 0.75rem; /* 12px */
}
.min-w-4 {
  min-width: 1rem; /* 16px */
}
.min-w-5 {
  min-width: 1.25rem; /* 20px */
}
.min-w-6 {
  min-width: 1.5rem; /* 24px */
}
.min-w-7 {
  min-width: 1.75rem; /* 28px */
}
.min-w-8 {
  min-width: 2rem; /* 32px */
}
.min-w-9 {
  min-width: 2.25rem; /* 36px */
}
.min-w-10 {
  min-width: 2.5rem; /* 40px */
}
.min-w-11 {
  min-width: 2.75rem; /* 44px */
}
.min-w-12 {
  min-width: 3rem; /* 48px */
}
.min-w-14 {
  min-width: 3.5rem; /* 56px */
}
.min-w-16 {
  min-width: 4rem;
} /* 64px */
.min-w-20 {
  min-width: 5rem;
} /* 80px */
.min-w-28 {
  min-width: 7rem; /* 112px */
}
.min-w-32 {
  min-width: 8rem; /* 128px */
}
.min-w-36 {
  min-width: 9rem; /* 144px */
}
.min-w-40 {
  min-width: 10rem; /* 160px */
}
.min-w-24 {
  min-width: 6rem; /* 96px */
}
.min-w-44 {
  min-width: 11rem; /* 176px */
}
.min-w-48 {
  min-width: 12rem; /* 192px */
}
.min-w-52 {
  min-width: 13rem; /* 208px */
}
.min-w-56 {
  min-width: 14rem; /* 224px */
}
.min-w-60 {
  min-width: 15rem; /* 240px */
}
.min-w-64 {
  min-width: 16rem; /* 256px */
}
.min-w-72 {
  min-width: 18rem; /* 288px */
}
.min-w-80 {
  min-width: 20rem; /* 320px */
}
.min-w-96 {
  min-width: 24rem; /* 384px */
}
.min-w-px {
  min-width: 1px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-screen {
  min-width: 100vh;
}
.min-w-min {
  min-width: -moz-min-content;
  min-width: min-content;
}
.min-w-max {
  min-width: -moz-max-content;
  min-width: max-content;
}
.min-w-fit {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

/* Max-Width*/

.max-w-0 {
  max-width: 0px;
}
.max-w-1 {
  max-width: 0.25rem; /* 4px */
}
.max-w-2 {
  max-width: 0.5rem; /* 8px */
}
.max-w-3 {
  max-width: 0.75rem; /* 12px */
}
.max-w-4 {
  max-width: 1rem; /* 16px */
}
.max-w-5 {
  max-width: 1.25rem; /* 20px */
}
.max-w-6 {
  max-width: 1.5rem; /* 24px */
}
.max-w-7 {
  max-width: 1.75rem; /* 28px */
}
.max-w-8 {
  max-width: 2rem; /* 32px */
}
.max-w-9 {
  max-width: 2.25rem; /* 36px */
}
.max-w-10 {
  max-width: 2.5rem; /* 40px */
}
.max-w-11 {
  max-width: 2.75rem; /* 44px */
}
.max-w-12 {
  max-width: 3rem; /* 48px */
}
.max-w-14 {
  max-width: 3.5rem; /* 56px */
}
.max-w-16 {
  max-width: 4rem; /* 64px */
}
.max-w-20 {
  max-width: 5rem; /* 80px */
}
.max-w-28 {
  max-width: 7rem; /* 112px */
}
.max-w-32 {
  max-width: 8rem; /* 128px */
}
.max-w-36 {
  max-width: 9rem; /* 144px */
}
.max-w-40 {
  max-width: 10rem; /* 160px */
}
.max-w-24 {
  max-width: 6rem; /* 96px */
}
.max-w-44 {
  max-width: 11rem; /* 176px */
}
.max-w-48 {
  max-width: 12rem; /* 192px */
}
.max-w-52 {
  max-width: 13rem; /* 208px */
}
.max-w-56 {
  max-width: 14rem; /* 224px */
}
.max-w-60 {
  max-width: 15rem; /* 240px */
}
.max-w-64 {
  max-width: 16rem; /* 256px */
}
.max-w-72 {
  max-width: 18rem; /* 288px */
}
.max-w-80 {
  max-width: 20rem; /* 320px */
}
.max-w-96 {
  max-width: 24rem; /* 384px */
}
.max-w-px {
  max-width: 1px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-screen {
  max-width: 100vh;
}
.max-w-min {
  max-width: -moz-min-content;
  max-width: min-content;
}
.max-w-max {
  max-width: -moz-max-content;
  max-width: max-content;
}
.max-w-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
/* margins */
.m-0 {
  margin: 0;
}

.m-1 {
  margin: 0.25rem;
}

.m-2 {
  margin: 0.5rem;
}

.m-3 {
  margin: 1rem;
}

.m-4 {
  margin: 1.5rem;
}

.m-5 {
  margin: 3rem;
}

.mx-0 {
  margin-right: 0;
  margin-left: 0;
}

.mx-1 {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}

.mx-2 {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.mx-3 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.mx-4 {
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.mx-5 {
  margin-right: 3rem;
  margin-left: 3rem;
}

.mx-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-3 {
  margin-top: 1rem;
}

.mt-4 {
  margin-top: 1.5rem;
}

.mt-5 {
  margin-top: 3rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

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

.mb-3 {
  margin-bottom: 1rem;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mb-5 {
  margin-bottom: 3rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 0.25rem;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mr-3 {
  margin-right: 1rem;
}

.mr-4 {
  margin-right: 1.5rem;
}

.mr-5 {
  margin-right: 3rem;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 0.25rem;
}

.ml-2 {
  margin-left: 0.5rem;
}

.ml-3 {
  margin-left: 1rem;
}

.ml-4 {
  margin-left: 1.5rem;
}

.ml-5 {
  margin-left: 3rem;
}

/* paddings */
.p-0 {
  padding: 0;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-3 {
  padding: 1rem;
}

.p-4 {
  padding: 1.5rem;
}

.p-5 {
  padding: 3rem;
}

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

.px-1 {
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}

.px-2 {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.px-3 {
  padding-right: 1rem;
  padding-left: 1rem;
}

.px-4 {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.px-5 {
  padding-right: 3rem;
  padding-left: 3rem;
}

.px-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-2 {
  padding-top: 0.5rem;
}

.pt-3 {
  padding-top: 1rem;
}

.pt-4 {
  padding-top: 1.5rem;
}

.pt-5 {
  padding-top: 3rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-3 {
  padding-bottom: 1rem;
}

.pb-4 {
  padding-bottom: 1.5rem;
}

.pb-5 {
  padding-bottom: 3rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 0.25rem;
}

.pr-2 {
  padding-right: 0.5rem;
}

.pr-3 {
  padding-right: 1rem;
}

.pr-4 {
  padding-right: 1.5rem;
}

.pr-5 {
  padding-right: 3rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pl-2 {
  padding-left: 0.5rem;
}

.pl-3 {
  padding-left: 1rem;
}

.pl-4 {
  padding-left: 1.5rem;
}

.pl-5 {
  padding-left: 3rem;
}

/* PRINT
***************/
/* print */
@media print {
  .print-hide {
    display: none !important;
  }
  .h-100,
  #wrapper,
  #page-content-wrapper {
    height: inherit !important;
    overflow-y: inherit !important;
  }
  .report .pie-chart-container {
    width: 100% !important;
    height: 200px;
    margin-bottom: 30px;
  }
  .report .legend-pie-chart {
    display: flex !important;
  }
  .report .render-box {
    margin-left: 12px;
  }
}
/* VARIABLES
***************/
/* - COLORS */
/* grey-nuances */
:root {
  --anthracite: #565656;
  --message-empty: #909090;
  --frozen-grey: #909090;
  --dark-grey: #c0c0c0;
  --grey: #e9e9e9;
  --light-grey: #f5f5f5;
  --super-light-grey: #f7f7f7;
}

.text-grey-empty,
.text-grey,
.color-frozen {
  color: #909090;
  color: var(--message-empty);
}

.border-grey-empty {
  border-color: #909090;
  border-color: var(--message-empty);
}

.anthracite {
  color: #565656;
  color: var(--anthracite);
}

.frozen-grey {
  color: #909090;
  color: var(--frozen-grey);
}

.dark-grey {
  color: #c0c0c0;
  color: var(--dark-grey);
}

.grey {
  color: #e9e9e9;
  color: var(--grey);
}

.light-grey {
  color: #f5f5f5;
  color: var(--light-grey);
}

.super-light-grey {
  color: #f7f7f7;
  color: var(--super-light-grey);
}

.bcg-anthracite {
  background-color: #565656;
  background-color: var(--anthracite);
}

.bcg-frozen-grey {
  background-color: #909090;
  background-color: var(--frozen-grey);
}

.bcg-dark-grey {
  background-color: #c0c0c0;
  background-color: var(--dark-grey);
}

.bcg-grey {
  background-color: #e9e9e9;
  background-color: var(--grey);
}

.bcg-light-grey {
  background-color: #f5f5f5;
  background-color: var(--light-grey);
}

.bcg-super-light-grey {
  background-color: #f7f7f7;
  background-color: var(--super-light-grey);
}

.black {
  color: black;
}

.bcg-black {
  color: black;
}

.white {
  color: white;
}

.bcg-white {
  color: white;
}

.white-blur-bcg {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

/* hkb-colors */
:root {
  --red: #e82034 !important;
  --light-red: #fce8ea;
  --dark-red: #c21b2c;
  --green: #5ee65e !important;
  --light-green: #eefcee;
  --dark-green: #2e732e;
  --orange: #ff931e !important;
  --light-orange: #fef7ef;
  --dark-orange: #d54900;
  --blue: #37c6f2 !important;
  --light-blue: #ebf9fd;
  --dark-blue: #2f45e0;
}

/* Red - nuances */
.red {
  color: #e82034;
  color: var(--red);
}

.bcg-red {
  background-color: #e82034;
  background-color: var(--red);
}

.light-red {
  color: #fce8ea;
  color: var(--light-red);
}

.bcg-light-red {
  background-color: #fce8ea;
  background-color: var(--light-red);
}

.dark-red {
  color: #c21b2c;
  color: var(--dark-red);
}

.bcg-dark-red {
  background-color: #c21b2c;
  background-color: var(--dark-red);
}

/* Green - nuances */
.green {
  color: #5ee65e;
  color: var(--green);
}

.bcg-green {
  background-color: #5ee65e;
  background-color: var(--green);
}

.light-green {
  color: #eefcee;
  color: var(--light-green);
}

.bcg-light-green {
  background-color: #eefcee;
  background-color: var(--light-green);
}

.dark-green {
  color: #2e732e;
  color: var(--dark-green);
}

.bcg-dark-green {
  background-color: #2e732e;
  background-color: var(--dark-green);
}

/* Orange - nuances */
.orange {
  color: #ff931e;
  color: var(--orange);
}

.bcg-orange {
  background-color: #ff931e;
  background-color: var(--orange);
}

.light-orange {
  color: #fef7ef;
  color: var(--light-orange);
}

.bcg-light-orange {
  background-color: #fef7ef;
  background-color: var(--light-orange);
}

.dark-orange {
  color: #d54900;
  color: var(--dark-orange);
}

.bcg-dark-orange {
  background-color: #d54900;
  background-color: var(--dark-orange);
}

/* Blue - nuances */
.blue {
  color: #37c6f2;
  color: var(--blue);
}

.bcg-blue {
  background-color: #37c6f2;
  background-color: var(--blue);
}

.light-blue {
  color: #ebf9fd;
  color: var(--light-blue);
}

.bcg-light-blue {
  background-color: #ebf9fd;
  background-color: var(--light-blue);
}

.dark-blue {
  color: #2f45e0;
  color: var(--dark-blue);
}

.bcg-dark-blue {
  background-color: #2f45e0;
  background-color: var(--dark-blue);
}

/* orga-colors */
:root {
  --primaryColor: #5426d4;
  --primaryColorBcg: #eee9fb;
  --secondaryColor: #8c24c8;
  --secondaryColorBcg: #f4e9fa;
}

.color-primary {
  color: #5426d4;
  color: var(--primaryColor);
}

.color-secondary {
  color: #8c24c8;
  color: var(--secondaryColor);
}

.color-primary-light {
  color: #eee9fb;
  color: var(--primaryColorBcg);
}

.color-secondary-light {
  color: #f4e9fa;
  color: var(--secondaryColorBcg);
}

.bcg-primary-light {
  background-color: #eee9fb;
  background-color: var(--primaryColorBcg);
}

.bcg-secondary-light {
  background-color: #f4e9fa;
  background-color: var(--secondaryColorBcg);
}

/* - TYPOGRAPHY */
/* font-faces */
@font-face {
  font-family: 'hakobio';
  src: url(../../06c8e8006fe18dfb1cf1.eot);
  src: url(../../06c8e8006fe18dfb1cf1.eot?#iefix) format('embedded-opentype'),
    url(../../d7c8183bd2e43ce1dfc4.woff) format('woff'),
    url(../../06561fdbbf64eaeab3f7.ttf) format('truetype'),
    url(../../2e80418f61e517a9d5e6.svg#1497026128) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hakobio2';
  src: url(../../a2001232adf542cbfb70.eot);
  src: url(../../a2001232adf542cbfb70.eot?#iefix) format('embedded-opentype'),
    url(../../75c99d3d90d113d86667.woff) format('woff'),
    url(../../e2d496a0de5d2f585a70.ttf) format('truetype'),
    url(../../d7ac6be14bece44c0b32.svg#hakobio2) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hakobio 3';
  src: url(../../324f6b8e60d7a1daeb7e.eot);
  src: url(../../324f6b8e60d7a1daeb7e.eot?#iefix) format('embedded-opentype'),
    url(../../d6c59edc1d0de3ed4d99.woff) format('woff'),
    url(../../23e146a71e034e9184af.ttf) format('truetype'),
    url(../../0078878e51e84b67cd70.svg#hakobio-3) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'hakobioVR';
  src: url(../../a84938831efa469180cc.eot);
  src: url(../../a84938831efa469180cc.eot?#iefix) format('embedded-opentype'),
    url(../../144fa03c8b29c1e1a282.woff) format('woff'),
    url(../../47b65d47c3a8d7bb0d47.ttf) format('truetype'),
    url(../../6c6cb587ab9ee03afa14.svg#hakobioVR) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-light';
  src: url(../../c8804fc27ce50426d218.eot);
  src: url(../../c8804fc27ce50426d218.eot?#iefix) format('embedded-opentype'),
    url(../../60337d11e6ceed3ece24.woff2) format('woff2'),
    url(../../2b68f30e9d741aa72a59.woff) format('woff'),
    url(../../d6fd40b932f2734940fc.ttf) format('truetype'),
    url(../../648a5fd20c2363b46d77.svg#aileronlight) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-regular';
  src: url(../../1ef4080bd60d8bd8fd53.eot);
  src: url(../../1ef4080bd60d8bd8fd53.eot?#iefix) format('embedded-opentype'),
    url(../../36ddf8acddc786506154.woff) format('woff'),
    url(../../45a624c0f4fec53c0751.ttf) format('truetype'),
    url(../../6bf17e76bc8285729f5b.svg#aileronregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-bold';
  src: url(../../bca36cec4712ef0582e0.eot);
  src: url(../../bca36cec4712ef0582e0.eot?#iefix) format('embedded-opentype'),
    url(../../36964d9b73eafee94334.woff2) format('woff2'),
    url(../../ed2494d72aca0ce54411.woff) format('woff'),
    url(../../00d4ada54cab3fdd6133.ttf) format('truetype'),
    url(../../146fc439e6ff90e24483.svg#aileronbold) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'aileron-black';
  src: url(../../215f001ba3cc9a2697f6.eot);
  src: url(../../215f001ba3cc9a2697f6.eot?#iefix) format('embedded-opentype'),
    url(../../76359478bcfcfb434df5.woff2) format('woff2'),
    url(../../49440d736a0953b1eef3.woff) format('woff'),
    url(../../f3c17ae12442e69ef921.ttf) format('truetype'),
    url(../../8bd9a87e1448a5b37bd3.svg#aileronblack) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* font-weight */
html {
  font-size: 16px;
}

:root {
  --big-title: 4rem;
  --medium-title: 1.875rem;
  --title: 1.5rem;
  --text: 1rem;
  --small-text: 0.875rem;
  --extra-small-text: 0.75rem;
}

.big-title {
  font-size: 4rem;
  font-size: var(--big-title);
}

.medium-title {
  font-size: 1.875rem;
  font-size: var(--medium-title);
}

.title {
  font-size: 1.5rem;
  font-size: var(--title);
}

.text {
  font-size: 1rem;
  font-size: var(--text);
}

.small-text {
  font-size: 0.875rem;
  font-size: var(--small-text);
}

.extra-small-text {
  font-size: 0.75rem;
  font-size: var(--extra-small-text);
}

/* font-weight */
:root {
  --light: 'aileron-light', Helvetica, Arial, sans-serif;
  --regular: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
  --bold: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif;
  --black: 'aileron-black', 'aileron-light', Helvetica, Arial, sans-serif;
}

body,
.font-light {
  font-family: 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--light);
}

b,
strong,
.font-regular {
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--regular);
}

.font-bold,
.bold {
  font-family: 'aileron-bold', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--bold);
}

.font-black {
  font-family: 'aileron-black', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--black);
}

/* JODIT-OVERRIDES
***************/
/* color-picker */
.jodit-popup__content .jodit-tabs .jodit-tabs__buttons {
  display: none;
}

.custom-palette .jodit-color-picker__extra {
  display: none;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-greyscale
  .jodit-color-picker__color-item:first-of-type,
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-greyscale
  .jodit-color-picker__color-item:nth-of-type(2) {
  display: block !important;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-greyscale
  .jodit-color-picker__color-item {
  display: none;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-palette
  .jodit-color-picker__color-item:first-of-type,
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-palette
  .jodit-color-picker__color-item:nth-of-type(2) {
  display: block !important;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-palette
  .jodit-color-picker__color-item {
  display: none;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:first-of-type,
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:nth-of-type(2),
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:nth-of-type(3),
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item:nth-of-type(4) {
  display: block !important;
}
.custom-palette
  .jodit-color-picker__group.jodit-color-picker__group-full
  .jodit-color-picker__color-item {
  display: none;
}

/* MUI-OVERRIDES
***************/
/* date-picker */
.MuiCalendarPicker-root .MuiPickersCalendarHeader-root {
  background-color: #f7f7f7;
  background-color: var(--super-light-grey);
  border-bottom: 1px solid #eee9fb;
  border-bottom: 1px solid var(--primaryColorBcg);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.MuiCalendarPicker-root .MuiPickersArrowSwitcher-spacer {
  width: 4px;
}
.MuiCalendarPicker-root .MuiDayPicker-header .MuiDayPicker-weekDayLabel {
  color: #909090;
  color: var(--frozen-grey);
  font-family: 'aileron-regular', 'aileron-light', Helvetica, Arial, sans-serif;
  font-family: var(--regular);
}
.MuiCalendarPicker-root button.PrivatePickersMonth-root,
.MuiCalendarPicker-root button.PrivatePickersYear-yearButton {
  border-radius: 4px;
}
.MuiCalendarPicker-root button.Mui-selected {
  background-color: #5426d4;
  background-color: var(--primaryColor);
}
.MuiCalendarPicker-root button.Mui-selected:hover,
.MuiCalendarPicker-root button.Mui-selected:focus {
  background-color: #5426d4;
  background-color: var(--primaryColor);
}

/* menu-item */
ul.MuiList-root.MuiMenu-list li.Mui-selected {
  background-color: #eee9fb;
  background-color: var(--primaryColorBcg);
}

/* popper */
.MuiAutocomplete-option.Mui-focused {
  background-color: #f5f5f5 !important;
  background-color: var(--light-grey) !important;
}

.MuiAutocomplete-option[aria-selected='true'] {
  background-color: #e9e9e9 !important;
  background-color: var(--grey) !important;
}

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

/*Text Align*/
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}

/*Text Transform*/
.capitalize-first-word::first-letter {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}

/*Position*/
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}

/* Pointer events*/
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
/* cursor */

.cursor {
  cursor: auto;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-wait {
  cursor: wait;
}
.cursor-text {
  cursor: text;
}
.cursor-move {
  cursor: move;
}
.cursor-help {
  cursor: help;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-none {
  cursor: none;
}
.cursor-context-menu {
  cursor: context-menu;
}
.cursor-progress {
  cursor: progress;
}
.cursor-cell {
  cursor: cell;
}
.cursor-crosshair {
  cursor: crosshair;
}
.cursor-vertical-text {
  cursor: vertical-text;
}
.cursor-alias {
  cursor: alias;
}
.cursor-copy {
  cursor: copy;
}
.cursor-no-drop {
  cursor: no-drop;
}
.cursor-grab {
  cursor: grab;
}
.cursor-grabbing {
  cursor: grabbing;
}
.cursor-all-scroll {
  cursor: all-scroll;
}
.cursor-col-resize {
  cursor: col-resize;
}
.cursor-row-resize {
  cursor: row-resize;
}
.cursor-zoom-in {
  cursor: zoom-in;
}
.cursor-zoom-out {
  cursor: zoom-out;
}

/*Overflow*/
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-clip {
  overflow-x: clip;
}
.overflow-y-clip {
  overflow-y: clip;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}


/*# sourceMappingURL=main.a5f1cc9a.css.map*/