@charset "UTF-8";
.has-text-blue-light {
  color: #EBEDFF !important;
}

.has-text-blue-medium {
  color: #5B6DF7 !important;
}

.has-text-blue-medium-2 {
  color: #B3BBF9 !important;
}

.has-text-blue-dark {
  color: #01259B !important;
}

.has-text-gray {
  color: #5B575F !important;
}

.has-text-white {
  color: #ffffff !important;
}

.has-text-pink-medium {
  color: #F37CA7 !important;
}

.has-text-orange-medium {
  color: #FFBA53 !important;
}

.has-text-orange-dark {
  color: #FF881B !important;
}

.has-text-red-medium {
  color: #EF4A68 !important;
}

.has-text-red-dark {
  color: #C81637 !important;
}

.has-text-green-medium {
  color: #18DB7D !important;
}

.has-text-green-medium-2 {
  color: #21C476 !important;
}

.has-text-brown-medium {
  color: #DD8076 !important;
}

.has-text-purple-medium {
  color: #9A5EBE !important;
}

.has-text-theme {
  color: #16623E !important;
}

.has-background-blue-light {
  background-color: #EBEDFF !important;
}

.has-background-blue-medium {
  background-color: #5B6DF7 !important;
}

.has-background-blue-medium-2 {
  background-color: #B3BBF9 !important;
}

.has-background-blue-medium-3 {
  background-color: #8593FF !important;
}

.has-background-blue-medium-4 {
  background-color: #3C4EDC !important;
}

.has-background-blue-dark {
  background-color: #01259B !important;
}

.has-background-pink-light {
  background-color: #EF96D5 !important;
}

.has-background-pink-medium {
  background-color: #F37CA7 !important;
}

.has-background-pink-dark {
  background-color: #EF4A68 !important;
}

.has-background-red-medium {
  background-color: #EF4A68 !important;
}

.has-background-green-medium {
  background-color: #18DB7D !important;
}

.has-background-green-medium-2 {
  background-color: #21C476 !important;
}

.has-background-orange-medium {
  background-color: #FFBA53 !important;
}

.has-background-brown-medium {
  background-color: #DD8076 !important;
}

.has-background-black {
  background-color: black !important;
}

.has-background-white {
  background-color: white !important;
}

.has-background-past {
  background-color: #FFBA53 !important;
}

.has-background-estimation {
  background-color: #F37CA7 !important;
}

.has-background-estimation-with-interruption {
  background: repeating-linear-gradient(-45deg, #F37CA7, #F37CA7 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px) !important;
}

.has-background-leave, .has-background-deleted {
  background: repeating-linear-gradient(-45deg, #F37CA7, #F37CA7 10px, #EF4A68 10px, #EF4A68 20px) !important;
}

.has-background-unsupervised {
  background: repeating-linear-gradient(-45deg, #8593FF, #8593FF 10px, #5B6DF7 10px, #5B6DF7 20px) !important;
}

.has-background-theme-primary-200 {
  background-color: #B6F1CC !important;
}

.has-background-theme-primary-300 {
  background-color: #8AB09E !important;
}

.has-background-theme-primary-400 {
  background-color: #16623E !important;
}

.has-background-theme-primary-500 {
  background-color: #EE534F !important;
}

.has-background-theme-primary-600 {
  background-color: #034623 !important;
}

.has-background-theme-primary-700 {
  background-color: #022E17 !important;
}

.has-background-theme-secondary-400 {
  background-color: #FFEBCD !important;
}

.has-background-theme-secondary-500 {
  background-color: #FFBA53 !important;
}

.has-background-theme-secondary-600 {
  background-color: #FF881B !important;
}

.theme-blue {
  background: #5B6DF7;
}

.theme-blue-secondary {
  background: #EF96D5;
}

.theme-blue .text-on-bg-highlight {
  color: #EF96D5;
}

.theme-blue .text-on-bg {
  color: #fff !important;
}

.theme-yellow {
  background: #FFBA53;
}

.theme-yellow-secondary {
  background: #5B6DF7;
}

.theme-yellow .text-on-bg-highlight {
  color: #5B6DF7;
}

.theme-yellow .text-on-bg {
  color: #fff !important;
}

.theme-pink {
  background: #EF96D5;
}

.theme-pink-secondary {
  background: #5B6DF7;
}

.theme-pink .text-on-bg-highlight {
  color: #5B6DF7;
}

.theme-pink .text-on-bg {
  color: #fff !important;
}

.theme-event {
  background: #16623E;
}

.theme-event-secondary {
  background: #FFEBCD;
}

.theme-event .text-on-bg-highlight {
  color: #FFEBCD;
}

.theme-event .text-on-bg {
  color: #fff !important;
}

.theme-light {
  background: #EBEDFF;
}

.theme-light-secondary {
  background: #EF96D5;
}

.theme-light .text-on-bg-highlight {
  color: #F37CA7;
}

.theme-light .text-on-bg {
  color: #01259B !important;
}

.theme-light .icon-on-bg {
  border-color: #B3BBF9;
}

.theme-event-light {
  background: #FFEBCD;
}

.theme-event-light-secondary {
  background: #FFD79C;
}

.theme-event-light .text-on-bg-highlight {
  color: #FFBA53;
}

.theme-event-light .text-on-bg {
  color: #022E17 !important;
}

.theme-event-light .icon-on-bg {
  border-color: #8AB09E;
}

.theme-light .icon-on-bg, .theme-event-light .icon-on-bg {
  border-radius: 16px;
  border-style: solid;
  border-width: 1px;
  font-size: 4.8rem;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(var(--rotate-offset));
  }
}
@keyframes translate-y {
  from {
    opacity: 0;
    transform: translateY(0px);
  }
  to {
    transform: translateY(var(--translate-y-offset));
    opacity: 1;
  }
}
@keyframes scale-x {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes blinking {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.loading {
  transition: opacity 0.2s;
  opacity: 0.5;
  pointer-events: none;
}

.bounce {
  animation: bounce 3s ease-in-out 1;
}

@keyframes bounce {
  0%, 20%, 40%, 60%, 100% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-15px);
  }
  30% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
.tada {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: tada;
}

@keyframes zzz {
  0% {
    transform: translateY(24px);
    font-size: 4px;
    opacity: 0;
  }
  80% {
    font-size: 24px;
  }
  100% {
    transform: translateY(-32px);
    font-size: 24px;
    opacity: 1;
  }
}
.zzz-container {
  position: absolute;
  margin-left: 30px;
  margin-top: -40px;
}

.zzz {
  will-change: transform, font-size, opacity;
  animation: zzz 3s ease-out infinite backwards;
  position: absolute;
  z-index: 1;
  color: #FA96FA;
  font-weight: bold;
  font-family: "Comic Sans MS", "Chalkboard SE", sans-serif;
}

.zzz-z {
  animation-delay: -750ms;
  right: 6px;
}

.zzz-zz {
  animation-delay: 500ms;
  right: -10px;
}

.zzz-zzz {
  animation-delay: 1500ms;
  right: 0;
}

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

html {
  font-size: 62.5%;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  min-height: 100vh;
}
html::-webkit-scrollbar {
  width: 0 !important;
}

body {
  min-height: 100vh;
}

body, p, input {
  font-size: 1.6rem;
}

html, body, button, input, textarea {
  margin: 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  -webkit-tap-highlight-color: transparent;
}
html:focus, body:focus, button:focus, input:focus, textarea:focus {
  outline: 0;
}
html.roboto, body.roboto, button.roboto, input.roboto, textarea.roboto {
  font-family: Roboto, "Open Sans", sans-serif;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

p {
  margin-top: 0;
}

a {
  text-decoration: none;
  color: #5B575F;
}

s {
  text-decoration-thickness: 2px;
}

label {
  display: block;
  font-weight: 700;
  padding-left: 1.5rem;
  color: #5B575F;
  line-height: 2rem;
  margin-bottom: 0.8rem;
  font-size: 1.4rem;
}
label.switch {
  margin: auto 0;
  display: block;
}

hr {
  border: 1px solid #8AB09E;
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  width: 34%;
}
hr.full {
  width: 100%;
}

[x-cloak] {
  display: none !important;
}

.m-0 {
  margin: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.ml-0 {
  margin-left: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.g-0 {
  gap: 0rem !important;
}

.m-0-5 {
  margin: 0.5rem !important;
}

.p-0-5 {
  padding: 0.5rem !important;
}

.mb-0-5 {
  margin-bottom: 0.5rem !important;
}

.mt-0-5 {
  margin-top: 0.5rem !important;
}

.ml-0-5 {
  margin-left: 0.5rem !important;
}

.mr-0-5 {
  margin-right: 0.5rem !important;
}

.pb-0-5 {
  padding-bottom: 0.5rem !important;
}

.pt-0-5 {
  padding-top: 0.5rem !important;
}

.pl-0-5 {
  padding-left: 0.5rem !important;
}

.pr-0-5 {
  padding-right: 0.5rem !important;
}

.g-0-5 {
  gap: 0.5rem !important;
}

.m-1 {
  margin: 1rem !important;
}

.p-1 {
  padding: 1rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

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

.pb-1 {
  padding-bottom: 1rem !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.g-1 {
  gap: 1rem !important;
}

.m-1-5 {
  margin: 1.5rem !important;
}

.p-1-5 {
  padding: 1.5rem !important;
}

.mb-1-5 {
  margin-bottom: 1.5rem !important;
}

.mt-1-5 {
  margin-top: 1.5rem !important;
}

.ml-1-5 {
  margin-left: 1.5rem !important;
}

.mr-1-5 {
  margin-right: 1.5rem !important;
}

.pb-1-5 {
  padding-bottom: 1.5rem !important;
}

.pt-1-5 {
  padding-top: 1.5rem !important;
}

.pl-1-5 {
  padding-left: 1.5rem !important;
}

.pr-1-5 {
  padding-right: 1.5rem !important;
}

.g-1-5 {
  gap: 1.5rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.p-2 {
  padding: 2rem !important;
}

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

.mt-2 {
  margin-top: 2rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.pb-2 {
  padding-bottom: 2rem !important;
}

.pt-2 {
  padding-top: 2rem !important;
}

.pl-2 {
  padding-left: 2rem !important;
}

.pr-2 {
  padding-right: 2rem !important;
}

.g-2 {
  gap: 2rem !important;
}

.m-2-5 {
  margin: 2.5rem !important;
}

.p-2-5 {
  padding: 2.5rem !important;
}

.mb-2-5 {
  margin-bottom: 2.5rem !important;
}

.mt-2-5 {
  margin-top: 2.5rem !important;
}

.ml-2-5 {
  margin-left: 2.5rem !important;
}

.mr-2-5 {
  margin-right: 2.5rem !important;
}

.pb-2-5 {
  padding-bottom: 2.5rem !important;
}

.pt-2-5 {
  padding-top: 2.5rem !important;
}

.pl-2-5 {
  padding-left: 2.5rem !important;
}

.pr-2-5 {
  padding-right: 2.5rem !important;
}

.g-2-5 {
  gap: 2.5rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.pb-3 {
  padding-bottom: 3rem !important;
}

.pt-3 {
  padding-top: 3rem !important;
}

.pl-3 {
  padding-left: 3rem !important;
}

.pr-3 {
  padding-right: 3rem !important;
}

.g-3 {
  gap: 3rem !important;
}

.m-3-5 {
  margin: 3.5rem !important;
}

.p-3-5 {
  padding: 3.5rem !important;
}

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

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

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

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

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

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

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

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

.g-3-5 {
  gap: 3.5rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.p-4 {
  padding: 4rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.pb-4 {
  padding-bottom: 4rem !important;
}

.pt-4 {
  padding-top: 4rem !important;
}

.pl-4 {
  padding-left: 4rem !important;
}

.pr-4 {
  padding-right: 4rem !important;
}

.g-4 {
  gap: 4rem !important;
}

.m-4-5 {
  margin: 4.5rem !important;
}

.p-4-5 {
  padding: 4.5rem !important;
}

.mb-4-5 {
  margin-bottom: 4.5rem !important;
}

.mt-4-5 {
  margin-top: 4.5rem !important;
}

.ml-4-5 {
  margin-left: 4.5rem !important;
}

.mr-4-5 {
  margin-right: 4.5rem !important;
}

.pb-4-5 {
  padding-bottom: 4.5rem !important;
}

.pt-4-5 {
  padding-top: 4.5rem !important;
}

.pl-4-5 {
  padding-left: 4.5rem !important;
}

.pr-4-5 {
  padding-right: 4.5rem !important;
}

.g-4-5 {
  gap: 4.5rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.p-5 {
  padding: 5rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

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

.pb-5 {
  padding-bottom: 5rem !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pl-5 {
  padding-left: 5rem !important;
}

.pr-5 {
  padding-right: 5rem !important;
}

.g-5 {
  gap: 5rem !important;
}

.m-5-5 {
  margin: 5.5rem !important;
}

.p-5-5 {
  padding: 5.5rem !important;
}

.mb-5-5 {
  margin-bottom: 5.5rem !important;
}

.mt-5-5 {
  margin-top: 5.5rem !important;
}

.ml-5-5 {
  margin-left: 5.5rem !important;
}

.mr-5-5 {
  margin-right: 5.5rem !important;
}

.pb-5-5 {
  padding-bottom: 5.5rem !important;
}

.pt-5-5 {
  padding-top: 5.5rem !important;
}

.pl-5-5 {
  padding-left: 5.5rem !important;
}

.pr-5-5 {
  padding-right: 5.5rem !important;
}

.g-5-5 {
  gap: 5.5rem !important;
}

.m-6 {
  margin: 6rem !important;
}

.p-6 {
  padding: 6rem !important;
}

.mb-6 {
  margin-bottom: 6rem !important;
}

.mt-6 {
  margin-top: 6rem !important;
}

.ml-6 {
  margin-left: 6rem !important;
}

.mr-6 {
  margin-right: 6rem !important;
}

.pb-6 {
  padding-bottom: 6rem !important;
}

.pt-6 {
  padding-top: 6rem !important;
}

.pl-6 {
  padding-left: 6rem !important;
}

.pr-6 {
  padding-right: 6rem !important;
}

.g-6 {
  gap: 6rem !important;
}

.m-6-5 {
  margin: 6.5rem !important;
}

.p-6-5 {
  padding: 6.5rem !important;
}

.mb-6-5 {
  margin-bottom: 6.5rem !important;
}

.mt-6-5 {
  margin-top: 6.5rem !important;
}

.ml-6-5 {
  margin-left: 6.5rem !important;
}

.mr-6-5 {
  margin-right: 6.5rem !important;
}

.pb-6-5 {
  padding-bottom: 6.5rem !important;
}

.pt-6-5 {
  padding-top: 6.5rem !important;
}

.pl-6-5 {
  padding-left: 6.5rem !important;
}

.pr-6-5 {
  padding-right: 6.5rem !important;
}

.g-6-5 {
  gap: 6.5rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.ml-7 {
  margin-left: 7rem !important;
}

.mr-7 {
  margin-right: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.g-7 {
  gap: 7rem !important;
}

.m-7-5 {
  margin: 7.5rem !important;
}

.p-7-5 {
  padding: 7.5rem !important;
}

.mb-7-5 {
  margin-bottom: 7.5rem !important;
}

.mt-7-5 {
  margin-top: 7.5rem !important;
}

.ml-7-5 {
  margin-left: 7.5rem !important;
}

.mr-7-5 {
  margin-right: 7.5rem !important;
}

.pb-7-5 {
  padding-bottom: 7.5rem !important;
}

.pt-7-5 {
  padding-top: 7.5rem !important;
}

.pl-7-5 {
  padding-left: 7.5rem !important;
}

.pr-7-5 {
  padding-right: 7.5rem !important;
}

.g-7-5 {
  gap: 7.5rem !important;
}

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

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

.mb-8 {
  margin-bottom: 8rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.ml-8 {
  margin-left: 8rem !important;
}

.mr-8 {
  margin-right: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.pl-8 {
  padding-left: 8rem !important;
}

.pr-8 {
  padding-right: 8rem !important;
}

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

.m-8-5 {
  margin: 8.5rem !important;
}

.p-8-5 {
  padding: 8.5rem !important;
}

.mb-8-5 {
  margin-bottom: 8.5rem !important;
}

.mt-8-5 {
  margin-top: 8.5rem !important;
}

.ml-8-5 {
  margin-left: 8.5rem !important;
}

.mr-8-5 {
  margin-right: 8.5rem !important;
}

.pb-8-5 {
  padding-bottom: 8.5rem !important;
}

.pt-8-5 {
  padding-top: 8.5rem !important;
}

.pl-8-5 {
  padding-left: 8.5rem !important;
}

.pr-8-5 {
  padding-right: 8.5rem !important;
}

.g-8-5 {
  gap: 8.5rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.mb-9 {
  margin-bottom: 9rem !important;
}

.mt-9 {
  margin-top: 9rem !important;
}

.ml-9 {
  margin-left: 9rem !important;
}

.mr-9 {
  margin-right: 9rem !important;
}

.pb-9 {
  padding-bottom: 9rem !important;
}

.pt-9 {
  padding-top: 9rem !important;
}

.pl-9 {
  padding-left: 9rem !important;
}

.pr-9 {
  padding-right: 9rem !important;
}

.g-9 {
  gap: 9rem !important;
}

.m-9-5 {
  margin: 9.5rem !important;
}

.p-9-5 {
  padding: 9.5rem !important;
}

.mb-9-5 {
  margin-bottom: 9.5rem !important;
}

.mt-9-5 {
  margin-top: 9.5rem !important;
}

.ml-9-5 {
  margin-left: 9.5rem !important;
}

.mr-9-5 {
  margin-right: 9.5rem !important;
}

.pb-9-5 {
  padding-bottom: 9.5rem !important;
}

.pt-9-5 {
  padding-top: 9.5rem !important;
}

.pl-9-5 {
  padding-left: 9.5rem !important;
}

.pr-9-5 {
  padding-right: 9.5rem !important;
}

.g-9-5 {
  gap: 9.5rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.mb-10 {
  margin-bottom: 10rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.ml-10 {
  margin-left: 10rem !important;
}

.mr-10 {
  margin-right: 10rem !important;
}

.pb-10 {
  padding-bottom: 10rem !important;
}

.pt-10 {
  padding-top: 10rem !important;
}

.pl-10 {
  padding-left: 10rem !important;
}

.pr-10 {
  padding-right: 10rem !important;
}

.g-10 {
  gap: 10rem !important;
}

.m-10-5 {
  margin: 10.5rem !important;
}

.p-10-5 {
  padding: 10.5rem !important;
}

.mb-10-5 {
  margin-bottom: 10.5rem !important;
}

.mt-10-5 {
  margin-top: 10.5rem !important;
}

.ml-10-5 {
  margin-left: 10.5rem !important;
}

.mr-10-5 {
  margin-right: 10.5rem !important;
}

.pb-10-5 {
  padding-bottom: 10.5rem !important;
}

.pt-10-5 {
  padding-top: 10.5rem !important;
}

.pl-10-5 {
  padding-left: 10.5rem !important;
}

.pr-10-5 {
  padding-right: 10.5rem !important;
}

.g-10-5 {
  gap: 10.5rem !important;
}

.m-auto {
  margin: auto;
}

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

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

.pointer-events-none {
  pointer-events: none;
}

.flex {
  display: flex !important;
}

.inline {
  display: inline !important;
}

.inline-block {
  display: inline-block !important;
}

.hidden {
  display: none !important;
}

.wrap {
  flex-wrap: wrap;
}

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

.invisible {
  visibility: hidden;
}

.underline {
  text-decoration-line: underline !important;
}

.line-through {
  text-decoration-line: line-through !important;
}

.decoration-2 {
  text-decoration-thickness: 2px !important;
}

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

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

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

.size-lg {
  font-size: 1.3rem !important;
}

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

.font-normal {
  font-weight: 400 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

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

.capitalize {
  text-transform: capitalize !important;
}

.italic {
  font-style: italic;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

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

.items-center {
  align-items: center !important;
}

.items-baseline {
  align-items: baseline !important;
}

.items-end {
  align-items: flex-end !important;
}

.items-start {
  align-items: flex-start !important;
}

.z-index-1 {
  z-index: 1 !important;
}

.z-index-2 {
  z-index: 2 !important;
}

.z-index-3 {
  z-index: 3 !important;
}

.z-index-4 {
  z-index: 4 !important;
}

.z-index-5 {
  z-index: 5 !important;
}

.z-index-6 {
  z-index: 6 !important;
}

.z-index-7 {
  z-index: 7 !important;
}

.z-index-8 {
  z-index: 8 !important;
}

.z-index-9 {
  z-index: 9 !important;
}

.z-index-10 {
  z-index: 10 !important;
}

.border-none {
  border-style: none !important;
}

.border-dashed {
  border-style: dashed !important;
}

.rounded-2xl {
  border-radius: 1rem;
}

.position-relative {
  position: relative;
}

.w-auto {
  width: auto !important;
}

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

.h-100 {
  height: 100% !important;
}

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

.no-wrap {
  white-space: nowrap;
}

.break-anywhere {
  overflow-wrap: anywhere;
}

.embed-responsive {
  position: relative;
  padding-bottom: 56.25%;
}
.embed-responsive .embed-responsive-item {
  position: absolute;
  width: 100%;
  height: 100%;
}

.fakeTextArea, .fakeSelect {
  border-radius: 14px;
  border: 1px solid #B3BBF9;
  padding: 1.2rem 1.6rem;
  font-size: 1.3rem;
  color: #5B575F;
  font-weight: 600;
  width: 100%;
  -webkit-appearance: none;
  display: block;
}

.fakeTextArea {
  min-height: 70px;
}

.opacity-0 {
  opacity: 0;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-100 {
  opacity: 1;
}

.translate-y-100 {
  translate: 0 100% !important;
}

.has-tooltip:hover .tooltip {
  visibility: visible;
}

.tooltip {
  z-index: 7;
  position: absolute;
  padding: 1rem;
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.25s, transform 0.25s;
  transform: translateY(-10px);
  visibility: visible;
}
.tooltip__hidden {
  max-width: min(100vw, 500px);
  overflow-wrap: anywhere;
  left: -1000px;
  bottom: inherit;
  top: -1000px;
  visibility: hidden;
}
.tooltip__visible {
  opacity: 1;
  transform: translateY(0);
}
.tooltip.-top {
  transform: translateY(-100%);
}
.tooltip.-left {
  transform: translateX(-100%);
}
.tooltip.-blue {
  background-color: #5B6DF7;
  color: white;
  border: 2px solid white;
  box-shadow: 0 2px 5px 0 rgba(51, 51, 51, 0.2);
}

.popover {
  position: relative;
}

.popover-content {
  position: absolute;
  z-index: 2;
  display: none;
  top: -8px;
  align-items: center;
  border-radius: 18px;
  box-shadow: 0px 0px 2px #333;
  background: #fff;
}
.popover-content.-show {
  display: flex;
}
.popover-content.-open-left {
  right: 0;
  transform-origin: top right;
  animation: scale-x 0.25s;
}
.popover-content.-open-bottom-left {
  right: 0;
  transform-origin: top right;
  animation: opacity 0.25s;
}
.popover-content.-open-right {
  left: 0;
  transform-origin: top left;
  animation: scale-x 0.25s;
}
.popover-content.-open-bottom-right {
  left: 0;
  transform-origin: top left;
  animation: opacity 0.25s;
}
.popover-content > * {
  margin: 2px 6px;
}

@media (max-width: 639px) {
  .sm-hide {
    display: none !important;
  }
  .sm-show {
    display: block !important;
  }
}
@media (min-width: 640px) and (max-width: 766px) {
  .md-hide {
    display: none !important;
  }
  .md-show {
    display: block !important;
  }
}
@media (min-width: 640px) {
  .over-md-hide {
    display: none !important;
  }
}
.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cluster {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space, 1rem);
}

/** HTMX **/
.show-while-loading {
  display: none;
}

.htmx-request {
  pointer-events: none;
  transition: opacity 0.2s;
  opacity: 0.5;
}
.htmx-request .hide-while-loading {
  display: none;
}
.htmx-request .show-while-loading {
  display: block;
}

.fade-me-in.htmx-added {
  opacity: 0;
}

.fade-me-in {
  opacity: 1;
  transition: opacity 1s ease-out;
}

.show-hide-animation {
  display: block !important;
  opacity: 0;
  animation: showHide 2.5s 1;
}
@keyframes showHide {
  0% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.field__error-message {
  padding: 0.5rem 1rem;
  border-radius: 12px;
  margin-top: 0.5rem;
  background-color: #EF4A68;
  color: #fff;
}

/** PRINT **/
.break-inside-avoid {
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}

.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.disabled-premium {
  background-color: #CACACA !important;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.woff2?iefix") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-abs-blue .path1:before {
  content: "\e900";
  color: rgb(58, 115, 73);
}

.icon-abs-blue .path2:before {
  content: "\e901";
  color: rgb(255, 255, 255);
}

.icon-abs-blue .path3:before {
  content: "\e902";
  color: rgb(255, 255, 255);
}

.icon-abs-blue .path4:before {
  content: "\e903";
  color: rgb(255, 255, 255);
}

.icon-abs-no-active .path1:before {
  content: "\e904";
  color: rgb(235, 237, 255);
}

.icon-abs-no-active .path2:before {
  content: "\e905";
  color: rgb(129, 143, 254);
}

.icon-abs-no-active .path3:before {
  content: "\e906";
  color: rgb(129, 143, 254);
}

.icon-abs-no-active .path4:before {
  content: "\e907";
  color: rgb(129, 143, 254);
}

.icon-abs .path1:before {
  content: "\e908";
  color: rgb(255, 255, 255);
}

.icon-abs .path2:before {
  content: "\e909";
  color: rgb(91, 109, 247);
}

.icon-abs .path3:before {
  content: "\e90a";
  color: rgb(91, 109, 247);
}

.icon-abs .path4:before {
  content: "\e90b";
  color: rgb(91, 109, 247);
}

.icon-activity .path1:before {
  content: "\e90c";
  color: rgb(255, 255, 255);
}

.icon-activity .path2:before {
  content: "\e90d";
  color: rgb(234, 236, 254);
}

.icon-activity .path3:before {
  content: "\e90e";
  color: rgb(253, 185, 83);
}

.icon-activity .path4:before {
  content: "\e90f";
  color: rgb(91, 109, 246);
}

.icon-activity .path5:before {
  content: "\e910";
  color: rgb(239, 74, 103);
}

.icon-activity .path6:before {
  content: "\e911";
  color: rgb(91, 109, 246);
}

.icon-activity .path7:before {
  content: "\e912";
  color: rgb(243, 124, 167);
}

.icon-activity .path8:before {
  content: "\e913";
  color: rgb(234, 236, 254);
}

.icon-activity .path9:before {
  content: "\e914";
  color: rgb(239, 74, 103);
}

.icon-activity .path10:before {
  content: "\e915";
  color: rgb(239, 74, 103);
}

.icon-activity .path11:before {
  content: "\e916";
  color: rgb(243, 124, 167);
}

.icon-activity .path12:before {
  content: "\e917";
  color: rgb(243, 124, 167);
}

.icon-add-blue .path1:before {
  content: "\e918";
  color: rgb(58, 115, 73);
}

.icon-add-blue .path2:before {
  content: "\e919";
  color: rgb(24, 80, 37);
}

.icon-add-blue .path3:before {
  content: "\e91a";
  color: rgb(255, 235, 205);
}

.icon-add .path1:before {
  content: "\e91b";
  color: rgb(255, 255, 255);
}

.icon-add .path2:before {
  content: "\e91c";
  color: rgb(239, 74, 103);
}

.icon-add .path3:before {
  content: "\e91d";
  color: rgb(255, 186, 83);
}

.icon-album-blue-dark .path1:before {
  content: "\e91e";
  color: #022E17;
}

.icon-album-blue-dark .path2:before {
  content: "\e91f";
  color: rgb(255, 255, 255);
}

.icon-album-blue-dark .path3:before {
  content: "\e920";
  color: rgb(58, 115, 73);
}

.icon-album-blue-dark .path4:before {
  content: "\e921";
  color: rgb(58, 115, 73);
}

.icon-album-blue-dark .path5:before {
  content: "\e922";
  color: rgb(24, 80, 37);
}

.icon-album-blue-dark .path6:before {
  content: "\e923";
  color: rgb(24, 80, 37);
}

.icon-album-blue .path1:before {
  content: "\e924";
  color: rgb(58, 115, 73);
}

.icon-album-blue .path2:before {
  content: "\e925";
  color: rgb(24, 80, 37);
}

.icon-album-blue .path3:before {
  content: "\e926";
  color: rgb(255, 235, 205);
}

.icon-album-blue .path4:before {
  content: "\e927";
  color: rgb(255, 235, 205);
}

.icon-album-blue .path5:before {
  content: "\e928";
  color: rgb(58, 115, 73);
}

.icon-album-blue .path6:before {
  content: "\e929";
  color: rgb(58, 115, 73);
}

.icon-album .path1:before {
  content: "\e92a";
  color: rgb(255, 255, 255);
}

.icon-album .path2:before {
  content: "\e92b";
  color: rgb(91, 109, 247);
}

.icon-album .path3:before {
  content: "\e92c";
  color: rgb(255, 186, 83);
}

.icon-album .path4:before {
  content: "\e92d";
  color: rgb(255, 186, 83);
}

.icon-album .path5:before {
  content: "\e92e";
  color: rgb(91, 109, 247);
}

.icon-album .path6:before {
  content: "\e92f";
  color: rgb(239, 74, 103);
}

.icon-archived-kid-blue .path1:before {
  content: "\e930";
  color: rgb(58, 115, 73);
}

.icon-archived-kid-blue .path2:before {
  content: "\e931";
  color: rgb(255, 235, 205);
}

.icon-archived-kid-blue .path3:before {
  content: "\e932";
  color: rgb(24, 80, 37);
}

.icon-archived-kid-blue .path4:before {
  content: "\e933";
  color: rgb(24, 80, 37);
}

.icon-archived-kid-blue .path5:before {
  content: "\e934";
  color: rgb(24, 80, 37);
}

.icon-archived-kid .path1:before {
  content: "\e935";
  color: rgb(255, 255, 255);
}

.icon-archived-kid .path2:before {
  content: "\e936";
  color: rgb(235, 237, 255);
}

.icon-archived-kid .path3:before {
  content: "\e937";
  color: rgb(91, 109, 247);
}

.icon-archived-kid .path4:before {
  content: "\e938";
  color: rgb(91, 109, 247);
}

.icon-archived-kid .path5:before {
  content: "\e939";
  color: rgb(91, 109, 247);
}

.icon-arrow-all-blue .path1:before {
  content: "\e93a";
  color: rgb(58, 115, 73);
}

.icon-arrow-all-blue .path2:before {
  content: "\e93b";
  color: rgb(24, 80, 37);
}

.icon-arrow-all-blue .path3:before {
  content: "\e93c";
  color: rgb(255, 255, 255);
}

.icon-arrow-all-blue .path4:before {
  content: "\e93d";
  color: rgb(24, 80, 37);
}

.icon-arrow-all-blue .path5:before {
  content: "\e93e";
  color: rgb(255, 255, 255);
}

.icon-arrow-all .path1:before {
  content: "\e93f";
  color: rgb(255, 255, 255);
}

.icon-arrow-all .path2:before {
  content: "\e940";
  color: rgb(91, 109, 247);
}

.icon-arrow-all .path3:before {
  content: "\e941";
  color: rgb(239, 74, 104);
}

.icon-arrow-all .path4:before {
  content: "\e942";
  color: rgb(91, 109, 247);
}

.icon-arrow-all .path5:before {
  content: "\e943";
  color: rgb(239, 74, 104);
}

.icon-arrow-blue .path1:before {
  content: "\e944";
  color: rgb(58, 115, 73);
}

.icon-arrow-blue .path2:before {
  content: "\e945";
  color: rgb(255, 235, 205);
}

.icon-arrow-blue .path3:before {
  content: "\e946";
  color: rgb(255, 255, 255);
}

.icon-arrow .path1:before {
  content: "\e947";
  color: rgb(255, 255, 255);
}

.icon-arrow .path2:before {
  content: "\e948";
  color: rgb(91, 109, 247);
}

.icon-arrow .path3:before {
  content: "\e949";
  color: rgb(239, 74, 104);
}

.icon-attachment .path1:before {
  content: "\e94a";
  color: rgb(255, 255, 255);
}

.icon-attachment .path2:before {
  content: "\e94b";
  color: rgb(91, 109, 247);
}

.icon-bell-blue .path1:before {
  content: "\e94c";
  color: rgb(58, 115, 73);
}

.icon-bell-blue .path2:before {
  content: "\e94d";
  color: rgb(255, 255, 255);
}

.icon-bell-blue .path3:before {
  content: "\e94e";
  color: rgb(24, 80, 37);
}

.icon-bell-blue .path4:before {
  content: "\e94f";
  color: rgb(58, 115, 73);
}

.icon-bell-blue .path5:before {
  content: "\e950";
  color: rgb(255, 255, 255);
}

.icon-bell .path1:before {
  content: "\e951";
  color: rgb(255, 255, 255);
}

.icon-bell .path2:before {
  content: "\e952";
  color: rgb(243, 124, 167);
}

.icon-bell .path3:before {
  content: "\e953";
  color: rgb(255, 186, 83);
}

.icon-bell .path4:before {
  content: "\e954";
  color: rgb(239, 74, 103);
}

.icon-bell .path5:before {
  content: "\e955";
  color: rgb(91, 109, 247);
}

.icon-bibber .path1:before {
  content: "\e956";
  color: rgb(255, 255, 255);
}

.icon-bibber .path2:before {
  content: "\e957";
  color: rgb(255, 186, 83);
}

.icon-bibber .path3:before {
  content: "\e958";
  color: rgb(60, 78, 220);
}

.icon-bibber .path4:before {
  content: "\e959";
  color: rgb(243, 124, 167);
}

.icon-bibber .path5:before {
  content: "\e95a";
  color: rgb(255, 255, 255);
}

.icon-bibber .path6:before {
  content: "\e95b";
  color: rgb(235, 237, 255);
}

.icon-birthday .path1:before {
  content: "\e95c";
  color: rgb(255, 255, 255);
}

.icon-birthday .path2:before {
  content: "\e95d";
  color: rgb(129, 143, 254);
}

.icon-birthday .path3:before {
  content: "\e95e";
  color: rgb(91, 109, 247);
}

.icon-birthday .path4:before {
  content: "\e95f";
  color: rgb(235, 237, 255);
}

.icon-birthday .path5:before {
  content: "\e960";
  color: rgb(239, 74, 103);
}

.icon-birthday .path6:before {
  content: "\e961";
  color: rgb(255, 186, 83);
}

.icon-birthday .path7:before {
  content: "\e962";
  color: rgb(255, 186, 83);
}

.icon-birthday .path8:before {
  content: "\e963";
  color: rgb(91, 109, 247);
}

.icon-bulk-blue-dark .path1:before {
  content: "\e964";
  color: #022E17;
}

.icon-bulk-blue-dark .path2:before {
  content: "\e965";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue-dark .path3:before {
  content: "\e966";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue-dark .path4:before {
  content: "\e967";
  color: rgb(58, 115, 73);
}

.icon-bulk-blue-dark .path5:before {
  content: "\e968";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue-dark .path6:before {
  content: "\e969";
  color: rgb(58, 115, 73);
}

.icon-bulk-blue-dark .path7:before {
  content: "\e96a";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue-dark .path8:before {
  content: "\e96b";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue-dark .path9:before {
  content: "\e96c";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue .path1:before {
  content: "\e96d";
  color: rgb(58, 115, 73);
}

.icon-bulk-blue .path2:before {
  content: "\e96e";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue .path3:before {
  content: "\e96f";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue .path4:before {
  content: "\e970";
  color: rgb(24, 80, 37);
}

.icon-bulk-blue .path5:before {
  content: "\e971";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue .path6:before {
  content: "\e972";
  color: rgb(255, 235, 205);
}

.icon-bulk-blue .path7:before {
  content: "\e973";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue .path8:before {
  content: "\e974";
  color: rgb(255, 255, 255);
}

.icon-bulk-blue .path9:before {
  content: "\e975";
  color: rgb(255, 255, 255);
}

.icon-bulk .path1:before {
  content: "\e976";
  color: rgb(255, 255, 255);
}

.icon-bulk .path2:before {
  content: "\e977";
  color: rgb(239, 74, 103);
}

.icon-bulk .path3:before {
  content: "\e978";
  color: rgb(239, 74, 103);
}

.icon-bulk .path4:before {
  content: "\e979";
  color: rgb(235, 237, 255);
}

.icon-bulk .path5:before {
  content: "\e97a";
  color: rgb(91, 109, 247);
}

.icon-bulk .path6:before {
  content: "\e97b";
  color: rgb(91, 109, 247);
}

.icon-bulk .path7:before {
  content: "\e97c";
  color: rgb(255, 186, 83);
}

.icon-bulk .path8:before {
  content: "\e97d";
  color: rgb(255, 186, 83);
}

.icon-bulk .path9:before {
  content: "\e97e";
  color: rgb(255, 186, 83);
}

.icon-calculator-blue .path1:before {
  content: "\e97f";
  color: rgb(58, 115, 73);
}

.icon-calculator-blue .path2:before {
  content: "\e980";
  color: rgb(24, 80, 37);
}

.icon-calculator-blue .path3:before {
  content: "\e981";
  color: rgb(24, 80, 37);
}

.icon-calculator-blue .path4:before {
  content: "\e982";
  color: rgb(255, 235, 205);
}

.icon-calculator-blue .path5:before {
  content: "\e983";
  color: rgb(255, 255, 255);
}

.icon-calculator-blue .path6:before {
  content: "\e984";
  color: rgb(255, 255, 255);
}

.icon-calculator-blue .path7:before {
  content: "\e985";
  color: rgb(255, 235, 205);
}

.icon-calculator-blue .path8:before {
  content: "\e986";
  color: rgb(255, 235, 205);
}

.icon-calculator .path1:before {
  content: "\e987";
  color: rgb(255, 255, 255);
}

.icon-calculator .path2:before {
  content: "\e988";
  color: rgb(91, 109, 247);
}

.icon-calculator .path3:before {
  content: "\e989";
  color: rgb(91, 109, 247);
}

.icon-calculator .path4:before {
  content: "\e98a";
  color: rgb(239, 74, 104);
}

.icon-calculator .path5:before {
  content: "\e98b";
  color: rgb(179, 187, 249);
}

.icon-calculator .path6:before {
  content: "\e98c";
  color: rgb(179, 187, 249);
}

.icon-calculator .path7:before {
  content: "\e98d";
  color: rgb(255, 186, 83);
}

.icon-calculator .path8:before {
  content: "\e98e";
  color: rgb(255, 186, 83);
}

.icon-care .path1:before {
  content: "\e98f";
  color: rgb(255, 255, 255);
}

.icon-care .path2:before {
  content: "\e990";
  color: rgb(239, 74, 104);
}

.icon-care .path3:before {
  content: "\e991";
  color: rgb(255, 255, 255);
}

.icon-change .path1:before {
  content: "\e992";
  color: rgb(255, 255, 255);
}

.icon-change .path2:before {
  content: "\e993";
  color: rgb(253, 185, 83);
}

.icon-change .path3:before {
  content: "\e994";
  color: rgb(255, 136, 27);
}

.icon-change .path4:before {
  content: "\e995";
  color: rgb(234, 236, 254);
}

.icon-change .path5:before {
  content: "\e996";
  color: rgb(91, 109, 246);
}

.icon-check-blue .path1:before {
  content: "\e997";
  color: rgb(58, 115, 73);
}

.icon-check-blue .path2:before {
  content: "\e998";
  color: rgb(24, 80, 37);
}

.icon-check-blue .path3:before {
  content: "\e999";
  color: rgb(255, 235, 205);
}

.icon-check .path1:before {
  content: "\e99a";
  color: rgb(255, 255, 255);
}

.icon-check .path2:before {
  content: "\e99b";
  color: rgb(179, 187, 249);
}

.icon-check .path3:before {
  content: "\e99c";
  color: rgb(91, 109, 247);
}

.icon-clock-actual-blue .path1:before {
  content: "\e99d";
  color: rgb(58, 115, 73);
}

.icon-clock-actual-blue .path2:before {
  content: "\e99e";
  color: rgb(255, 255, 255);
}

.icon-clock-actual-blue .path3:before {
  content: "\e99f";
  color: rgb(24, 80, 37);
}

.icon-clock-actual-blue .path4:before {
  content: "\e9a0";
  color: rgb(255, 255, 255);
}

.icon-clock-actual-blue .path5:before {
  content: "\e9a1";
  color: rgb(255, 255, 255);
}

.icon-clock-actual-blue .path6:before {
  content: "\e9a2";
  color: rgb(58, 115, 73);
}

.icon-clock-actual-blue .path7:before {
  content: "\e9a3";
  color: rgb(24, 80, 37);
}

.icon-clock-actual-blue .path8:before {
  content: "\e9a4";
  color: rgb(255, 255, 255);
}

.icon-clock-actual-blue .path9:before {
  content: "\e9a5";
  color: rgb(58, 115, 73);
}

.icon-clock-actual-off .path1:before {
  content: "\e9a6";
  color: rgb(255, 255, 255);
}

.icon-clock-actual-off .path2:before {
  content: "\e9a7";
  color: rgb(235, 237, 255);
}

.icon-clock-actual-off .path3:before {
  content: "\e9a8";
  color: rgb(255, 255, 255);
}

.icon-clock-actual-off .path4:before {
  content: "\e9a9";
  color: rgb(235, 237, 255);
}

.icon-clock-actual-off .path5:before {
  content: "\e9aa";
  color: rgb(235, 237, 255);
}

.icon-clock-actual-off .path6:before {
  content: "\e9ab";
  color: rgb(235, 237, 255);
}

.icon-clock-actual-off .path7:before {
  content: "\e9ac";
  color: rgb(179, 187, 249);
}

.icon-clock-actual-off .path8:before {
  content: "\e9ad";
  color: rgb(235, 237, 255);
}

.icon-clock-actual-off .path9:before {
  content: "\e9ae";
  color: rgb(179, 187, 249);
}

.icon-clock-actual .path1:before {
  content: "\e9af";
  color: rgb(255, 255, 255);
}

.icon-clock-actual .path2:before {
  content: "\e9b0";
  color: rgb(91, 109, 247);
}

.icon-clock-actual .path3:before {
  content: "\e9b1";
  color: rgb(255, 255, 255);
}

.icon-clock-actual .path4:before {
  content: "\e9b2";
  color: rgb(255, 186, 83);
}

.icon-clock-actual .path5:before {
  content: "\e9b3";
  color: rgb(239, 74, 103);
}

.icon-clock-actual .path6:before {
  content: "\e9b4";
  color: rgb(235, 237, 255);
}

.icon-clock-actual .path7:before {
  content: "\e9b5";
  color: rgb(91, 109, 247);
}

.icon-clock-actual .path8:before {
  content: "\e9b6";
  color: rgb(235, 237, 255);
}

.icon-clock-actual .path9:before {
  content: "\e9b7";
  color: rgb(91, 109, 247);
}

.icon-clock-ask-blue .path1:before {
  content: "\e9b8";
  color: rgb(58, 115, 73);
}

.icon-clock-ask-blue .path2:before {
  content: "\e9b9";
  color: rgb(255, 255, 255);
}

.icon-clock-ask-blue .path3:before {
  content: "\e9ba";
  color: rgb(24, 80, 37);
}

.icon-clock-ask-blue .path4:before {
  content: "\e9bb";
  color: rgb(255, 255, 255);
}

.icon-clock-ask-blue .path5:before {
  content: "\e9bc";
  color: rgb(255, 255, 255);
}

.icon-clock-ask-blue .path6:before {
  content: "\e9bd";
  color: rgb(58, 115, 73);
}

.icon-clock-ask-blue .path7:before {
  content: "\e9be";
  color: rgb(24, 80, 37);
}

.icon-clock-ask-blue .path8:before {
  content: "\e9bf";
  color: rgb(24, 80, 37);
}

.icon-clock-ask-blue .path9:before {
  content: "\e9c0";
  color: rgb(255, 255, 255);
}

.icon-clock-ask-off .path1:before {
  content: "\e9c1";
  color: rgb(255, 255, 255);
}

.icon-clock-ask-off .path2:before {
  content: "\e9c2";
  color: rgb(235, 237, 255);
}

.icon-clock-ask-off .path3:before {
  content: "\e9c3";
  color: rgb(255, 255, 255);
}

.icon-clock-ask-off .path4:before {
  content: "\e9c4";
  color: rgb(235, 237, 255);
}

.icon-clock-ask-off .path5:before {
  content: "\e9c5";
  color: rgb(235, 237, 255);
}

.icon-clock-ask-off .path6:before {
  content: "\e9c6";
  color: rgb(235, 237, 255);
}

.icon-clock-ask-off .path7:before {
  content: "\e9c7";
  color: rgb(179, 187, 249);
}

.icon-clock-ask-off .path8:before {
  content: "\e9c8";
  color: rgb(179, 187, 249);
}

.icon-clock-ask-off .path9:before {
  content: "\e9c9";
  color: rgb(255, 255, 255);
}

.icon-clock-ask .path1:before {
  content: "\e9ca";
  color: rgb(255, 255, 255);
}

.icon-clock-ask .path2:before {
  content: "\e9cb";
  color: rgb(91, 109, 247);
}

.icon-clock-ask .path3:before {
  content: "\e9cc";
  color: rgb(255, 255, 255);
}

.icon-clock-ask .path4:before {
  content: "\e9cd";
  color: rgb(255, 186, 83);
}

.icon-clock-ask .path5:before {
  content: "\e9ce";
  color: rgb(239, 74, 103);
}

.icon-clock-ask .path6:before {
  content: "\e9cf";
  color: rgb(235, 237, 255);
}

.icon-clock-ask .path7:before {
  content: "\e9d0";
  color: rgb(91, 109, 247);
}

.icon-clock-ask .path8:before {
  content: "\e9d1";
  color: rgb(91, 109, 247);
}

.icon-clock-ask .path9:before {
  content: "\e9d2";
  color: rgb(255, 255, 255);
}

.icon-clock-blue .path1:before {
  content: "\e9d3";
  color: rgb(58, 115, 73);
}

.icon-clock-blue .path2:before {
  content: "\e9d4";
  color: rgb(255, 235, 205);
}

.icon-clock-blue .path3:before {
  content: "\e9d5";
  color: rgb(24, 80, 37);
}

.icon-clock-blue .path4:before {
  content: "\e9d6";
  color: rgb(255, 255, 255);
}

.icon-clock-blue .path5:before {
  content: "\e9d7";
  color: rgb(255, 255, 255);
}

.icon-clock-blue .path6:before {
  content: "\e9d8";
  color: rgb(58, 115, 73);
}

.icon-clock-blue .path7:before {
  content: "\e9d9";
  color: rgb(24, 80, 37);
}

.icon-clock .path1:before {
  content: "\e9da";
  color: rgb(255, 255, 255);
}

.icon-clock .path2:before {
  content: "\e9db";
  color: rgb(91, 109, 247);
}

.icon-clock .path3:before {
  content: "\e9dc";
  color: rgb(255, 255, 255);
}

.icon-clock .path4:before {
  content: "\e9dd";
  color: rgb(255, 186, 83);
}

.icon-clock .path5:before {
  content: "\e9de";
  color: rgb(239, 74, 103);
}

.icon-clock .path6:before {
  content: "\e9df";
  color: rgb(235, 237, 255);
}

.icon-clock .path7:before {
  content: "\e9e0";
  color: rgb(91, 109, 247);
}

.icon-close-blue .path1:before {
  content: "\e9e1";
  color: rgb(58, 115, 73);
}

.icon-close-blue .path2:before {
  content: "\e9e2";
  color: rgb(255, 235, 205);
}

.icon-close-blue .path3:before {
  content: "\e9e3";
  color: rgb(255, 255, 255);
}

.icon-close .path1:before {
  content: "\e9e4";
  color: rgb(255, 255, 255);
}

.icon-close .path2:before {
  content: "\e9e5";
  color: rgb(239, 74, 103);
}

.icon-close .path3:before {
  content: "\e9e6";
  color: rgb(91, 109, 247);
}

.icon-comment-blue .path1:before {
  content: "\e9e7";
  color: rgb(58, 115, 73);
}

.icon-comment-blue .path2:before {
  content: "\e9e8";
  color: rgb(255, 235, 205);
}

.icon-comment-blue .path3:before {
  content: "\e9e9";
  color: rgb(58, 115, 73);
}

.icon-comment-blue .path4:before {
  content: "\e9ea";
  color: rgb(24, 80, 37);
}

.icon-comment-blue .path5:before {
  content: "\e9eb";
  color: rgb(255, 255, 255);
}

.icon-comment-blue .path6:before {
  content: "\e9ec";
  color: rgb(255, 235, 205);
}

.icon-comment-blue .path7:before {
  content: "\e9ed";
  color: rgb(24, 80, 37);
}

.icon-comment-blue .path8:before {
  content: "\e9ee";
  color: rgb(24, 80, 37);
}

.icon-comment-blue .path9:before {
  content: "\e9ef";
  color: rgb(255, 235, 205);
}

.icon-comment .path1:before {
  content: "\e9f0";
  color: rgb(255, 255, 255);
}

.icon-comment .path2:before {
  content: "\e9f1";
  color: rgb(91, 109, 247);
}

.icon-comment .path3:before {
  content: "\e9f2";
  color: rgb(255, 255, 255);
}

.icon-comment .path4:before {
  content: "\e9f3";
  color: rgb(243, 124, 167);
}

.icon-comment .path5:before {
  content: "\e9f4";
  color: rgb(255, 186, 83);
}

.icon-comment .path6:before {
  content: "\e9f5";
  color: rgb(91, 109, 247);
}

.icon-comment .path7:before {
  content: "\e9f6";
  color: rgb(235, 237, 255);
}

.icon-comment .path8:before {
  content: "\e9f7";
  color: rgb(235, 237, 255);
}

.icon-comment .path9:before {
  content: "\e9f8";
  color: rgb(239, 74, 103);
}

.icon-company-blue .path1:before {
  content: "\e9f9";
  color: rgb(58, 115, 73);
}

.icon-company-blue .path2:before {
  content: "\e9fa";
  color: rgb(24, 80, 37);
}

.icon-company-blue .path3:before {
  content: "\e9fb";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path4:before {
  content: "\e9fc";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path5:before {
  content: "\e9fd";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path6:before {
  content: "\e9fe";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path7:before {
  content: "\e9ff";
  color: rgb(255, 235, 205);
}

.icon-company-blue .path8:before {
  content: "\ea00";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path9:before {
  content: "\ea01";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path10:before {
  content: "\ea02";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path11:before {
  content: "\ea03";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path12:before {
  content: "\ea04";
  color: rgb(255, 255, 255);
}

.icon-company-blue .path13:before {
  content: "\ea05";
  color: rgb(255, 255, 255);
}

.icon-company .path1:before {
  content: "\ea06";
  color: rgb(255, 255, 255);
}

.icon-company .path2:before {
  content: "\ea07";
  color: rgb(91, 109, 247);
}

.icon-company .path3:before {
  content: "\ea08";
  color: rgb(255, 255, 255);
}

.icon-company .path4:before {
  content: "\ea09";
  color: rgb(255, 255, 255);
}

.icon-company .path5:before {
  content: "\ea0a";
  color: rgb(255, 255, 255);
}

.icon-company .path6:before {
  content: "\ea0b";
  color: rgb(255, 255, 255);
}

.icon-company .path7:before {
  content: "\ea0c";
  color: rgb(255, 186, 83);
}

.icon-company .path8:before {
  content: "\ea0d";
  color: rgb(255, 255, 255);
}

.icon-company .path9:before {
  content: "\ea0e";
  color: rgb(255, 255, 255);
}

.icon-company .path10:before {
  content: "\ea0f";
  color: rgb(255, 255, 255);
}

.icon-company .path11:before {
  content: "\ea10";
  color: rgb(255, 255, 255);
}

.icon-company .path12:before {
  content: "\ea11";
  color: rgb(255, 255, 255);
}

.icon-company .path13:before {
  content: "\ea12";
  color: rgb(255, 255, 255);
}

.icon-contract-blue .path1:before {
  content: "\ea13";
  color: rgb(58, 115, 73);
}

.icon-contract-blue .path2:before {
  content: "\ea14";
  color: rgb(24, 80, 37);
}

.icon-contract-blue .path3:before {
  content: "\ea15";
  color: rgb(255, 235, 205);
}

.icon-contract-blue .path4:before {
  content: "\ea16";
  color: rgb(255, 255, 255);
}

.icon-contract-blue .path5:before {
  content: "\ea17";
  color: rgb(255, 255, 255);
}

.icon-contract-blue .path6:before {
  content: "\ea18";
  color: rgb(255, 255, 255);
}

.icon-contract-edit-blue .path1:before {
  content: "\ea19";
  color: rgb(58, 115, 73);
}

.icon-contract-edit-blue .path2:before {
  content: "\ea1a";
  color: rgb(24, 80, 37);
}

.icon-contract-edit-blue .path3:before {
  content: "\ea1b";
  color: rgb(255, 235, 205);
}

.icon-contract-edit-blue .path4:before {
  content: "\ea1c";
  color: rgb(255, 255, 255);
}

.icon-contract-edit-blue .path5:before {
  content: "\ea1d";
  color: rgb(255, 255, 255);
}

.icon-contract-edit-blue .path6:before {
  content: "\ea1e";
  color: rgb(255, 255, 255);
}

.icon-contract-edit-blue .path7:before {
  content: "\ea1f";
  color: rgb(255, 235, 205);
}

.icon-contract-edit-blue .path8:before {
  content: "\ea20";
  color: rgb(24, 80, 37);
}

.icon-contract-edit-blue .path9:before {
  content: "\ea21";
  color: rgb(255, 235, 205);
}

.icon-contract-edit .path1:before {
  content: "\ea22";
  color: rgb(255, 255, 255);
}

.icon-contract-edit .path2:before {
  content: "\ea23";
  color: rgb(253, 185, 83);
}

.icon-contract-edit .path3:before {
  content: "\ea24";
  color: rgb(239, 74, 103);
}

.icon-contract-edit .path4:before {
  content: "\ea25";
  color: rgb(255, 255, 255);
}

.icon-contract-edit .path5:before {
  content: "\ea26";
  color: rgb(255, 255, 255);
}

.icon-contract-edit .path6:before {
  content: "\ea27";
  color: rgb(255, 255, 255);
}

.icon-contract-edit .path7:before {
  content: "\ea28";
  color: rgb(60, 78, 220);
}

.icon-contract-edit .path8:before {
  content: "\ea29";
  color: rgb(255, 255, 255);
}

.icon-contract-edit .path9:before {
  content: "\ea2a";
  color: rgb(243, 124, 167);
}

.icon-contract-less-blue .path1:before {
  content: "\ea2b";
  color: rgb(58, 115, 73);
}

.icon-contract-less-blue .path2:before {
  content: "\ea2c";
  color: rgb(24, 80, 37);
}

.icon-contract-less-blue .path3:before {
  content: "\ea2d";
  color: rgb(255, 235, 205);
}

.icon-contract-less-blue .path4:before {
  content: "\ea2e";
  color: rgb(255, 255, 255);
}

.icon-contract-less-blue .path5:before {
  content: "\ea2f";
  color: rgb(255, 255, 255);
}

.icon-contract-less-blue .path6:before {
  content: "\ea30";
  color: rgb(255, 255, 255);
}

.icon-contract-less-blue .path7:before {
  content: "\ea31";
  color: rgb(58, 115, 73);
}

.icon-contract-less-blue .path8:before {
  content: "\ea32";
  color: rgb(255, 235, 205);
}

.icon-contract-less-blue .path9:before {
  content: "\ea33";
  color: rgb(255, 235, 205);
}

.icon-contract-less .path1:before {
  content: "\ea34";
  color: rgb(255, 255, 255);
}

.icon-contract-less .path2:before {
  content: "\ea35";
  color: rgb(253, 185, 83);
}

.icon-contract-less .path3:before {
  content: "\ea36";
  color: rgb(239, 74, 103);
}

.icon-contract-less .path4:before {
  content: "\ea37";
  color: rgb(255, 255, 255);
}

.icon-contract-less .path5:before {
  content: "\ea38";
  color: rgb(255, 255, 255);
}

.icon-contract-less .path6:before {
  content: "\ea39";
  color: rgb(255, 255, 255);
}

.icon-contract-less .path7:before {
  content: "\ea3a";
  color: rgb(255, 255, 255);
}

.icon-contract-less .path8:before {
  content: "\ea3b";
  color: rgb(239, 74, 103);
}

.icon-contract-less .path9:before {
  content: "\ea3c";
  color: rgb(239, 74, 103);
}

.icon-contract-past-blue .path1:before {
  content: "\ea3d";
  color: rgb(58, 115, 73);
}

.icon-contract-past-blue .path2:before {
  content: "\ea3e";
  color: rgb(24, 80, 37);
}

.icon-contract-past-blue .path3:before {
  content: "\ea3f";
  color: rgb(255, 235, 205);
}

.icon-contract-past-blue .path4:before {
  content: "\ea40";
  color: rgb(255, 255, 255);
}

.icon-contract-past-blue .path5:before {
  content: "\ea41";
  color: rgb(255, 255, 255);
}

.icon-contract-past-blue .path6:before {
  content: "\ea42";
  color: rgb(255, 255, 255);
}

.icon-contract-past .path1:before {
  content: "\ea43";
  color: rgb(255, 255, 255);
}

.icon-contract-past .path2:before {
  content: "\ea44";
  color: rgb(179, 187, 249);
}

.icon-contract-past .path3:before {
  content: "\ea45";
  color: rgb(91, 109, 247);
}

.icon-contract-past .path4:before {
  content: "\ea46";
  color: rgb(255, 255, 255);
}

.icon-contract-past .path5:before {
  content: "\ea47";
  color: rgb(255, 255, 255);
}

.icon-contract-past .path6:before {
  content: "\ea48";
  color: rgb(255, 255, 255);
}

.icon-contract-template-blue .path1:before {
  content: "\ea49";
  color: rgb(58, 115, 73);
}

.icon-contract-template-blue .path2:before {
  content: "\ea4a";
  color: rgb(255, 235, 205);
}

.icon-contract-template-blue .path3:before {
  content: "\ea4b";
  color: rgb(24, 80, 37);
}

.icon-contract-template-blue .path4:before {
  content: "\ea4c";
  color: rgb(255, 255, 255);
}

.icon-contract-template-blue .path5:before {
  content: "\ea4d";
  color: rgb(255, 255, 255);
}

.icon-contract-template-blue .path6:before {
  content: "\ea4e";
  color: rgb(255, 255, 255);
}

.icon-contract-template .path1:before {
  content: "\ea4f";
  color: rgb(255, 255, 255);
}

.icon-contract-template .path2:before {
  content: "\ea50";
  color: rgb(253, 185, 83);
}

.icon-contract-template .path3:before {
  content: "\ea51";
  color: rgb(239, 74, 103);
}

.icon-contract-template .path4:before {
  content: "\ea52";
  color: rgb(239, 74, 103);
}

.icon-contract-template .path5:before {
  content: "\ea53";
  color: rgb(239, 74, 103);
}

.icon-contract-template .path6:before {
  content: "\ea54";
  color: rgb(239, 74, 103);
}

.icon-contract-used-blue .path1:before {
  content: "\ea55";
  color: rgb(58, 115, 73);
}

.icon-contract-used-blue .path2:before {
  content: "\ea56";
  color: rgb(24, 80, 37);
}

.icon-contract-used-blue .path3:before {
  content: "\ea57";
  color: rgb(255, 235, 205);
}

.icon-contract-used-blue .path4:before {
  content: "\ea58";
  color: rgb(255, 255, 255);
}

.icon-contract-used-blue .path5:before {
  content: "\ea59";
  color: rgb(255, 255, 255);
}

.icon-contract-used-blue .path6:before {
  content: "\ea5a";
  color: rgb(255, 255, 255);
}

.icon-contract-used-blue .path7:before {
  content: "\ea5b";
  color: rgb(255, 235, 205);
}

.icon-contract-used-blue .path8:before {
  content: "\ea5c";
  color: rgb(58, 115, 73);
}

.icon-contract-used-blue .path9:before {
  content: "\ea5d";
  color: rgb(58, 115, 73);
}

.icon-contract-used .path1:before {
  content: "\ea5e";
  color: rgb(255, 255, 255);
}

.icon-contract-used .path2:before {
  content: "\ea5f";
  color: rgb(253, 185, 83);
}

.icon-contract-used .path3:before {
  content: "\ea60";
  color: rgb(239, 74, 103);
}

.icon-contract-used .path4:before {
  content: "\ea61";
  color: rgb(255, 255, 255);
}

.icon-contract-used .path5:before {
  content: "\ea62";
  color: rgb(255, 255, 255);
}

.icon-contract-used .path6:before {
  content: "\ea63";
  color: rgb(255, 255, 255);
}

.icon-contract-used .path7:before {
  content: "\ea64";
  color: rgb(91, 109, 247);
}

.icon-contract-used .path8:before {
  content: "\ea65";
  color: rgb(179, 187, 249);
}

.icon-contract-used .path9:before {
  content: "\ea66";
  color: rgb(255, 255, 255);
}

.icon-contract .path1:before {
  content: "\ea67";
  color: rgb(255, 255, 255);
}

.icon-contract .path2:before {
  content: "\ea68";
  color: rgb(253, 185, 83);
}

.icon-contract .path3:before {
  content: "\ea69";
  color: rgb(239, 74, 103);
}

.icon-contract .path4:before {
  content: "\ea6a";
  color: rgb(255, 255, 255);
}

.icon-contract .path5:before {
  content: "\ea6b";
  color: rgb(255, 255, 255);
}

.icon-contract .path6:before {
  content: "\ea6c";
  color: rgb(255, 255, 255);
}

.icon-control-tower-blue .path1:before {
  content: "\ea6d";
  color: rgb(58, 115, 73);
}

.icon-control-tower-blue .path2:before {
  content: "\ea6e";
  color: rgb(24, 80, 37);
}

.icon-control-tower-blue .path3:before {
  content: "\ea6f";
  color: rgb(255, 255, 255);
}

.icon-control-tower-blue .path4:before {
  content: "\ea70";
  color: rgb(24, 80, 37);
}

.icon-control-tower-blue .path5:before {
  content: "\ea71";
  color: rgb(255, 235, 205);
}

.icon-control-tower-blue .path6:before {
  content: "\ea72";
  color: rgb(24, 80, 37);
}

.icon-control-tower-blue .path7:before {
  content: "\ea73";
  color: rgb(255, 235, 205);
}

.icon-control-tower-blue .path8:before {
  content: "\ea74";
  color: rgb(24, 80, 37);
}

.icon-control-tower-blue .path9:before {
  content: "\ea75";
  color: rgb(24, 80, 37);
}

.icon-control-tower .path1:before {
  content: "\ea76";
  color: rgb(255, 255, 255);
}

.icon-control-tower .path2:before {
  content: "\ea77";
  color: rgb(91, 109, 247);
}

.icon-control-tower .path3:before {
  content: "\ea78";
  color: rgb(255, 186, 83);
}

.icon-control-tower .path4:before {
  content: "\ea79";
  color: rgb(91, 109, 247);
}

.icon-control-tower .path5:before {
  content: "\ea7a";
  color: rgb(235, 237, 255);
}

.icon-control-tower .path6:before {
  content: "\ea7b";
  color: rgb(91, 109, 247);
}

.icon-control-tower .path7:before {
  content: "\ea7c";
  color: rgb(235, 237, 255);
}

.icon-control-tower .path8:before {
  content: "\ea7d";
  color: rgb(91, 109, 247);
}

.icon-control-tower .path9:before {
  content: "\ea7e";
  color: rgb(91, 109, 247);
}

.icon-copy-blue .path1:before {
  content: "\ea7f";
  color: rgb(58, 115, 73);
}

.icon-copy-blue .path2:before {
  content: "\ea80";
  color: rgb(24, 80, 37);
}

.icon-copy-blue .path3:before {
  content: "\ea81";
  color: rgb(255, 235, 205);
}

.icon-copy-blue .path4:before {
  content: "\ea82";
  color: rgb(58, 115, 73);
}

.icon-copy .path1:before {
  content: "\ea83";
  color: rgb(255, 255, 255);
}

.icon-copy .path2:before {
  content: "\ea84";
  color: rgb(91, 109, 247);
}

.icon-create-contract .path1:before {
  content: "\ea85";
  color: rgb(255, 255, 255);
}

.icon-create-contract .path2:before {
  content: "\ea86";
  color: rgb(60, 78, 220);
}

.icon-create-contract .path3:before {
  content: "\ea87";
  color: rgb(245, 185, 125);
}

.icon-create-contract .path4:before {
  content: "\ea88";
  color: rgb(255, 255, 255);
}

.icon-create-contract .path5:before {
  content: "\ea89";
  color: rgb(201, 198, 202);
}

.icon-create-contract .path6:before {
  content: "\ea8a";
  color: rgb(183, 178, 184);
}

.icon-create-contract .path7:before {
  content: "\ea8b";
  color: rgb(204, 204, 255);
}

.icon-create-contract .path8:before {
  content: "\ea8c";
  color: rgb(204, 204, 255);
}

.icon-create-contract .path9:before {
  content: "\ea8d";
  color: rgb(204, 204, 255);
}

.icon-create-contract .path10:before {
  content: "\ea8e";
  color: rgb(204, 204, 255);
}

.icon-create-contract .path11:before {
  content: "\ea8f";
  color: rgb(174, 168, 175);
}

.icon-create-contract .path12:before {
  content: "\ea90";
  color: rgb(255, 255, 255);
}

.icon-create-contract .path13:before {
  content: "\ea91";
  color: rgb(255, 255, 255);
}

.icon-create-contract .path14:before {
  content: "\ea92";
  color: rgb(255, 255, 255);
}

.icon-create-contract .path15:before {
  content: "\ea93";
  color: rgb(91, 109, 247);
}

.icon-create-contract .path16:before {
  content: "\ea94";
  color: rgb(243, 124, 167);
}

.icon-create-creche .path1:before {
  content: "\ea95";
  color: rgb(255, 186, 83);
}

.icon-create-creche .path2:before {
  content: "\ea96";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path3:before {
  content: "\ea97";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path4:before {
  content: "\ea98";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path5:before {
  content: "\ea99";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path6:before {
  content: "\ea9a";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path7:before {
  content: "\ea9b";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path8:before {
  content: "\ea9c";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path9:before {
  content: "\ea9d";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path10:before {
  content: "\ea9e";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path11:before {
  content: "\ea9f";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path12:before {
  content: "\eaa0";
  color: rgb(243, 124, 167);
}

.icon-create-creche .path13:before {
  content: "\eaa1";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path14:before {
  content: "\eaa2";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path15:before {
  content: "\eaa3";
  color: rgb(91, 109, 247);
}

.icon-create-creche .path16:before {
  content: "\eaa4";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path17:before {
  content: "\eaa5";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path18:before {
  content: "\eaa6";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path19:before {
  content: "\eaa7";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path20:before {
  content: "\eaa8";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path21:before {
  content: "\eaa9";
  color: rgb(255, 255, 255);
}

.icon-create-creche .path22:before {
  content: "\eaaa";
  color: rgb(1, 37, 155);
}

.icon-create-creche .path23:before {
  content: "\eaab";
  color: rgb(225, 240, 255);
}

.icon-create-creche .path24:before {
  content: "\eaac";
  color: rgb(225, 240, 255);
}

.icon-create-kid .path1:before {
  content: "\eaad";
  color: rgb(255, 255, 255);
}

.icon-create-kid .path2:before {
  content: "\eaae";
  color: rgb(255, 136, 27);
}

.icon-create-kid .path3:before {
  content: "\eaaf";
  color: rgb(255, 136, 27);
}

.icon-create-kid .path4:before {
  content: "\eab0";
  color: rgb(255, 186, 83);
}

.icon-create-kid .path5:before {
  content: "\eab1";
  color: rgb(192, 102, 20);
}

.icon-create-kid .path6:before {
  content: "\eab2";
  color: rgb(192, 102, 20);
}

.icon-create-kid .path7:before {
  content: "\eab3";
  color: rgb(192, 102, 20);
}

.icon-create-kid .path8:before {
  content: "\eab4";
  color: rgb(255, 255, 255);
}

.icon-create-kid .path9:before {
  content: "\eab5";
  color: rgb(91, 109, 247);
}

.icon-create-kid .path10:before {
  content: "\eab6";
  color: rgb(243, 124, 167);
}

.icon-daily-sheet .path1:before {
  content: "\eab7";
  color: rgb(91, 109, 247);
}

.icon-daily-sheet .path2:before {
  content: "\eab8";
  color: rgb(60, 78, 220);
}

.icon-daily-sheet .path3:before {
  content: "\eab9";
  color: rgb(245, 185, 125);
}

.icon-daily-sheet .path4:before {
  content: "\eaba";
  color: rgb(255, 255, 255);
}

.icon-daily-sheet .path5:before {
  content: "\eabb";
  color: rgb(201, 198, 202);
}

.icon-daily-sheet .path6:before {
  content: "\eabc";
  color: rgb(183, 178, 184);
}

.icon-daily-sheet .path7:before {
  content: "\eabd";
  color: rgb(204, 204, 255);
}

.icon-daily-sheet .path8:before {
  content: "\eabe";
  color: rgb(204, 204, 255);
}

.icon-daily-sheet .path9:before {
  content: "\eabf";
  color: rgb(204, 204, 255);
}

.icon-daily-sheet .path10:before {
  content: "\eac0";
  color: rgb(204, 204, 255);
}

.icon-daily-sheet .path11:before {
  content: "\eac1";
  color: rgb(174, 168, 175);
}

.icon-daily-sheet .path12:before {
  content: "\eac2";
  color: rgb(255, 255, 255);
}

.icon-daily-sheet .path13:before {
  content: "\eac3";
  color: rgb(255, 255, 255);
}

.icon-date-blue .path1:before {
  content: "\eac4";
  color: rgb(58, 115, 73);
}

.icon-date-blue .path2:before {
  content: "\eac5";
  color: rgb(255, 255, 255);
}

.icon-date-blue .path3:before {
  content: "\eac6";
  color: rgb(24, 80, 37);
}

.icon-date-blue .path4:before {
  content: "\eac7";
  color: rgb(255, 235, 205);
}

.icon-date-blue .path5:before {
  content: "\eac8";
  color: rgb(255, 235, 205);
}

.icon-date-blue .path6:before {
  content: "\eac9";
  color: rgb(58, 115, 73);
}

.icon-date-blue .path7:before {
  content: "\eaca";
  color: rgb(58, 115, 73);
}

.icon-date-rolling-blue .path1:before {
  content: "\eacb";
  color: rgb(58, 115, 73);
}

.icon-date-rolling-blue .path2:before {
  content: "\eacc";
  color: rgb(24, 80, 37);
}

.icon-date-rolling-blue .path3:before {
  content: "\eacd";
  color: rgb(24, 80, 37);
}

.icon-date-rolling-blue .path4:before {
  content: "\eace";
  color: rgb(255, 255, 255);
}

.icon-date-rolling-blue .path5:before {
  content: "\eacf";
  color: rgb(255, 235, 205);
}

.icon-date-rolling-blue .path6:before {
  content: "\ead0";
  color: rgb(255, 255, 255);
}

.icon-date-rolling-blue .path7:before {
  content: "\ead1";
  color: rgb(255, 255, 255);
}

.icon-date-rolling-blue .path8:before {
  content: "\ead2";
  color: rgb(58, 115, 73);
}

.icon-date-rolling-blue .path9:before {
  content: "\ead3";
  color: rgb(58, 115, 73);
}

.icon-date-rolling-blue .path10:before {
  content: "\ead4";
  color: rgb(24, 80, 37);
}

.icon-date-rolling-blue .path11:before {
  content: "\ead5";
  color: rgb(24, 80, 37);
}

.icon-date-rolling .path1:before {
  content: "\ead6";
  color: rgb(255, 255, 255);
}

.icon-date-rolling .path2:before {
  content: "\ead7";
  color: rgb(179, 187, 249);
}

.icon-date-rolling .path3:before {
  content: "\ead8";
  color: rgb(179, 187, 249);
}

.icon-date-rolling .path4:before {
  content: "\ead9";
  color: rgb(235, 237, 255);
}

.icon-date-rolling .path5:before {
  content: "\eada";
  color: rgb(91, 109, 247);
}

.icon-date-rolling .path6:before {
  content: "\eadb";
  color: rgb(255, 186, 83);
}

.icon-date-rolling .path7:before {
  content: "\eadc";
  color: rgb(255, 186, 83);
}

.icon-date-rolling .path8:before {
  content: "\eadd";
  color: rgb(239, 74, 104);
}

.icon-date-rolling .path9:before {
  content: "\eade";
  color: rgb(239, 74, 104);
}

.icon-date-rolling .path10:before {
  content: "\eadf";
  color: rgb(179, 187, 249);
}

.icon-date-rolling .path11:before {
  content: "\eae0";
  color: rgb(179, 187, 249);
}

.icon-date-template-blue .path1:before {
  content: "\eae1";
  color: rgb(58, 115, 73);
}

.icon-date-template-blue .path2:before {
  content: "\eae2";
  color: rgb(24, 80, 37);
}

.icon-date-template-blue .path3:before {
  content: "\eae3";
  color: rgb(24, 80, 37);
}

.icon-date-template-blue .path4:before {
  content: "\eae4";
  color: rgb(255, 235, 205);
}

.icon-date-template-blue .path5:before {
  content: "\eae5";
  color: rgb(255, 235, 205);
}

.icon-date-template-blue .path6:before {
  content: "\eae6";
  color: rgb(255, 255, 255);
}

.icon-date-template-blue .path7:before {
  content: "\eae7";
  color: rgb(255, 255, 255);
}

.icon-date-template .path1:before {
  content: "\eae8";
  color: rgb(255, 255, 255);
}

.icon-date-template .path2:before {
  content: "\eae9";
  color: rgb(235, 237, 255);
}

.icon-date-template .path3:before {
  content: "\eaea";
  color: rgb(91, 109, 247);
}

.icon-date-template .path4:before {
  content: "\eaeb";
  color: rgb(255, 186, 83);
}

.icon-date-template .path5:before {
  content: "\eaec";
  color: rgb(255, 186, 83);
}

.icon-date-template .path6:before {
  content: "\eaed";
  color: rgb(239, 74, 104);
}

.icon-date-template .path7:before {
  content: "\eaee";
  color: rgb(239, 74, 104);
}

.icon-date .path1:before {
  content: "\eaef";
  color: rgb(255, 255, 255);
}

.icon-date .path2:before {
  content: "\eaf0";
  color: rgb(235, 237, 255);
}

.icon-date .path3:before {
  content: "\eaf1";
  color: rgb(91, 109, 247);
}

.icon-date .path4:before {
  content: "\eaf2";
  color: rgb(255, 186, 83);
}

.icon-date .path5:before {
  content: "\eaf3";
  color: rgb(255, 186, 83);
}

.icon-date .path6:before {
  content: "\eaf4";
  color: rgb(239, 74, 104);
}

.icon-date .path7:before {
  content: "\eaf5";
  color: rgb(239, 74, 104);
}

.icon-diaper .path1:before {
  content: "\eaf6";
  color: rgb(255, 186, 83);
}

.icon-diaper .path2:before {
  content: "\eaf7";
  color: rgb(255, 255, 255);
}

.icon-diaper .path3:before {
  content: "\eaf8";
  color: rgb(255, 136, 27);
}

.icon-diaper .path4:before {
  content: "\eaf9";
  color: rgb(229, 229, 229);
}

.icon-diaper .path5:before {
  content: "\eafa";
  color: rgb(45, 169, 225);
}

.icon-diaper .path6:before {
  content: "\eafb";
  color: rgb(91, 109, 247);
}

.icon-diaper .path7:before {
  content: "\eafc";
  color: rgb(255, 255, 255);
}

.icon-diaper .path8:before {
  content: "\eafd";
  color: rgb(255, 136, 27);
}

.icon-diaper .path9:before {
  content: "\eafe";
  color: rgb(229, 229, 229);
}

.icon-diaper .path10:before {
  content: "\eaff";
  color: rgb(91, 109, 247);
}

.icon-diaper .path11:before {
  content: "\eb00";
  color: rgb(91, 109, 247);
}

.icon-done-0 .path1:before {
  content: "\eb01";
  color: rgb(255, 255, 255);
}

.icon-done-0 .path2:before {
  content: "\eb02";
  color: rgb(179, 187, 249);
}

.icon-done-50 .path1:before {
  content: "\eb03";
  color: rgb(255, 255, 255);
}

.icon-done-50 .path2:before {
  content: "\eb04";
  color: rgb(179, 187, 249);
}

.icon-done-50 .path3:before {
  content: "\eb05";
  color: rgb(91, 109, 247);
}

.icon-done-50 .path4:before {
  content: "\eb06";
  color: rgb(179, 187, 249);
}

.icon-done-100 .path1:before {
  content: "\eb07";
  color: rgb(255, 255, 255);
}

.icon-done-100 .path2:before {
  content: "\eb08";
  color: rgb(91, 109, 247);
}

.icon-done-100 .path3:before {
  content: "\eb09";
  color: rgb(179, 187, 249);
}

.icon-download-blue .path1:before {
  content: "\eb0a";
  color: rgb(58, 115, 73);
}

.icon-download-blue .path2:before {
  content: "\eb0b";
  color: rgb(24, 80, 37);
}

.icon-download-blue .path3:before {
  content: "\eb0c";
  color: rgb(255, 235, 205);
}

.icon-download-blue .path4:before {
  content: "\eb0d";
  color: rgb(255, 255, 255);
}

.icon-download .path1:before {
  content: "\eb0e";
  color: rgb(255, 255, 255);
}

.icon-download .path2:before {
  content: "\eb0f";
  color: rgb(235, 237, 255);
}

.icon-download .path3:before {
  content: "\eb10";
  color: rgb(91, 109, 247);
}

.icon-download .path4:before {
  content: "\eb11";
  color: rgb(255, 186, 83);
}

.icon-edit-blue .path1:before {
  content: "\eb12";
  color: rgb(58, 115, 73);
}

.icon-edit-blue .path2:before {
  content: "\eb13";
  color: rgb(255, 235, 205);
}

.icon-edit-blue .path3:before {
  content: "\eb14";
  color: rgb(255, 255, 255);
}

.icon-edit-blue .path4:before {
  content: "\eb15";
  color: rgb(255, 255, 255);
}

.icon-edit-blue .path5:before {
  content: "\eb16";
  color: rgb(24, 80, 37);
}

.icon-edit .path1:before {
  content: "\eb17";
  color: rgb(255, 255, 255);
}

.icon-edit .path2:before {
  content: "\eb18";
  color: rgb(60, 78, 220);
}

.icon-edit .path3:before {
  content: "\eb19";
  color: rgb(235, 237, 255);
}

.icon-edit .path4:before {
  content: "\eb1a";
  color: rgb(235, 237, 255);
}

.icon-edit .path5:before {
  content: "\eb1b";
  color: rgb(243, 124, 167);
}

.icon-educator-blue .path1:before {
  content: "\eb1c";
  color: rgb(58, 115, 73);
}

.icon-educator-blue .path2:before {
  content: "\eb1d";
  color: rgb(24, 80, 37);
}

.icon-educator-blue .path3:before {
  content: "\eb1e";
  color: rgb(24, 80, 37);
}

.icon-educator-blue .path4:before {
  content: "\eb1f";
  color: rgb(255, 235, 205);
}

.icon-educator-blue .path5:before {
  content: "\eb20";
  color: rgb(24, 80, 37);
}

.icon-educator-blue .path6:before {
  content: "\eb21";
  color: rgb(24, 80, 37);
}

.icon-educator-blue .path7:before {
  content: "\eb22";
  color: rgb(24, 80, 37);
}

.icon-educator-blue .path8:before {
  content: "\eb23";
  color: rgb(24, 80, 37);
}

.icon-educator-blue .path9:before {
  content: "\eb24";
  color: rgb(24, 80, 37);
}

.icon-educator .path1:before {
  content: "\eb25";
  color: rgb(255, 255, 255);
}

.icon-educator .path2:before {
  content: "\eb26";
  color: rgb(255, 136, 27);
}

.icon-educator .path3:before {
  content: "\eb27";
  color: rgb(255, 136, 27);
}

.icon-educator .path4:before {
  content: "\eb28";
  color: rgb(255, 186, 83);
}

.icon-educator .path5:before {
  content: "\eb29";
  color: rgb(192, 102, 20);
}

.icon-educator .path6:before {
  content: "\eb2a";
  color: rgb(192, 102, 20);
}

.icon-educator .path7:before {
  content: "\eb2b";
  color: rgb(192, 102, 20);
}

.icon-educator .path8:before {
  content: "\eb2c";
  color: rgb(192, 102, 20);
}

.icon-educator .path9:before {
  content: "\eb2d";
  color: rgb(192, 102, 20);
}

.icon-enter .path1:before {
  content: "\eb2e";
  color: rgb(24, 219, 125);
}

.icon-enter .path2:before {
  content: "\eb2f";
  color: rgb(14, 141, 80);
}

.icon-enter .path3:before {
  content: "\eb30";
  color: rgb(255, 255, 255);
}

.icon-enter .path4:before {
  content: "\eb31";
  color: rgb(14, 141, 80);
}

.icon-enter .path5:before {
  content: "\eb32";
  color: rgb(255, 255, 255);
}

.icon-erase-blue .path1:before {
  content: "\eb33";
  color: rgb(58, 115, 73);
}

.icon-erase-blue .path2:before {
  content: "\eb34";
  color: rgb(24, 80, 37);
}

.icon-erase-blue .path3:before {
  content: "\eb35";
  color: rgb(255, 235, 205);
}

.icon-erase .path1:before {
  content: "\eb36";
  color: rgb(255, 255, 255);
}

.icon-erase .path2:before {
  content: "\eb37";
  color: rgb(60, 78, 220);
}

.icon-erase .path3:before {
  content: "\eb38";
  color: rgb(243, 124, 167);
}

.icon-exit .path1:before {
  content: "\eb39";
  color: rgb(239, 74, 104);
}

.icon-exit .path2:before {
  content: "\eb3a";
  color: rgb(187, 62, 84);
}

.icon-exit .path3:before {
  content: "\eb3b";
  color: rgb(255, 255, 255);
}

.icon-exit .path4:before {
  content: "\eb3c";
  color: rgb(239, 74, 104);
}

.icon-exit .path5:before {
  content: "\eb3d";
  color: rgb(255, 255, 255);
}

.icon-export-blue .path1:before {
  content: "\eb3e";
  color: rgb(58, 115, 73);
}

.icon-export-blue .path2:before {
  content: "\eb3f";
  color: rgb(24, 80, 37);
}

.icon-export-blue .path3:before {
  content: "\eb40";
  color: rgb(255, 235, 205);
}

.icon-export-blue .path4:before {
  content: "\eb41";
  color: rgb(255, 255, 255);
}

.icon-export-blue .path5:before {
  content: "\eb42";
  color: rgb(255, 235, 205);
}

.icon-export-blue .path6:before {
  content: "\eb43";
  color: rgb(255, 235, 205);
}

.icon-export-blue .path7:before {
  content: "\eb44";
  color: rgb(255, 235, 205);
}

.icon-export .path1:before {
  content: "\eb45";
  color: rgb(255, 255, 255);
}

.icon-export .path2:before {
  content: "\eb46";
  color: rgb(255, 186, 83);
}

.icon-export .path3:before {
  content: "\eb47";
  color: rgb(239, 74, 104);
}

.icon-export .path4:before {
  content: "\eb48";
  color: rgb(255, 255, 255);
}

.icon-export .path5:before {
  content: "\eb49";
  color: rgb(255, 255, 255);
}

.icon-export .path6:before {
  content: "\eb4a";
  color: rgb(255, 255, 255);
}

.icon-export .path7:before {
  content: "\eb4b";
  color: rgb(91, 109, 247);
}

.icon-extra-food .path1:before {
  content: "\eb4c";
  color: rgb(255, 255, 255);
}

.icon-extra-food .path2:before {
  content: "\eb4d";
  color: rgb(255, 186, 83);
}

.icon-extra-food .path3:before {
  content: "\eb4e";
  color: rgb(255, 136, 27);
}

.icon-extra-food .path4:before {
  content: "\eb4f";
  color: rgb(24, 219, 125);
}

.icon-extra-food .path5:before {
  content: "\eb50";
  color: rgb(192, 102, 20);
}

.icon-extra-food .path6:before {
  content: "\eb51";
  color: rgb(239, 74, 104);
}

.icon-eye-blue-dark .path1:before {
  content: "\eb52";
  color: #022E17;
}

.icon-eye-blue-dark .path2:before {
  content: "\eb53";
  color: rgb(255, 235, 205);
}

.icon-eye-blue-dark .path3:before {
  content: "\eb54";
  color: rgb(255, 255, 255);
}

.icon-eye-blue .path1:before {
  content: "\eb55";
  color: rgb(58, 115, 73);
}

.icon-eye-blue .path2:before {
  content: "\eb56";
  color: rgb(255, 235, 205);
}

.icon-eye-blue .path3:before {
  content: "\eb57";
  color: rgb(255, 255, 255);
}

.icon-eye-hidden .path1:before {
  content: "\eb58";
  color: rgb(255, 255, 255);
}

.icon-eye-hidden .path2:before {
  content: "\eb59";
  color: rgb(179, 187, 249);
}

.icon-eye-hidden .path3:before {
  content: "\eb5a";
  color: rgb(1, 37, 155);
}

.icon-eye-hidden .path4:before {
  content: "\eb5b";
  color: rgb(1, 37, 155);
}

.icon-eye .path1:before {
  content: "\eb5c";
  color: rgb(255, 255, 255);
}

.icon-eye .path2:before {
  content: "\eb5d";
  color: rgb(255, 186, 83);
}

.icon-eye .path3:before {
  content: "\eb5e";
  color: rgb(91, 109, 247);
}

.icon-fee-blue .path1:before {
  content: "\eb5f";
  color: rgb(58, 115, 73);
}

.icon-fee-blue .path2:before {
  content: "\eb60";
  color: rgb(24, 80, 37);
}

.icon-fee-blue .path3:before {
  content: "\eb61";
  color: rgb(255, 255, 255);
}

.icon-fee-blue .path4:before {
  content: "\eb62";
  color: rgb(255, 235, 205);
}

.icon-fee-blue .path5:before {
  content: "\eb63";
  color: rgb(58, 115, 73);
}

.icon-fee .path1:before {
  content: "\eb64";
  color: rgb(255, 255, 255);
}

.icon-fee .path2:before {
  content: "\eb65";
  color: rgb(253, 185, 83);
}

.icon-fee .path3:before {
  content: "\eb66";
  color: rgb(255, 255, 255);
}

.icon-fee .path4:before {
  content: "\eb67";
  color: rgb(60, 78, 220);
}

.icon-fee .path5:before {
  content: "\eb68";
  color: rgb(255, 255, 255);
}

.icon-fever .path1:before {
  content: "\eb69";
  color: rgb(255, 255, 255);
}

.icon-fever .path2:before {
  content: "\eb6a";
  color: rgb(234, 236, 254);
}

.icon-fever .path3:before {
  content: "\eb6b";
  color: rgb(91, 109, 247);
}

.icon-fever .path4:before {
  content: "\eb6c";
  color: rgb(239, 74, 104);
}

.icon-fever .path5:before {
  content: "\eb6d";
  color: rgb(253, 185, 83);
}

.icon-fever .path6:before {
  content: "\eb6e";
  color: rgb(253, 185, 83);
}

.icon-fever .path7:before {
  content: "\eb6f";
  color: rgb(253, 185, 83);
}

.icon-filter-blue .path1:before {
  content: "\eb70";
  color: rgb(58, 115, 73);
}

.icon-filter-blue .path2:before {
  content: "\eb71";
  color: rgb(24, 80, 37);
}

.icon-filter-blue .path3:before {
  content: "\eb72";
  color: rgb(255, 235, 205);
}

.icon-filter .path1:before {
  content: "\eb73";
  color: rgb(255, 255, 255);
}

.icon-filter .path2:before {
  content: "\eb74";
  color: rgb(91, 109, 247);
}

.icon-filter .path3:before {
  content: "\eb75";
  color: rgb(255, 186, 83);
}

.icon-fire-alarm-blue .path1:before {
  content: "\eb76";
  color: rgb(58, 115, 73);
}

.icon-fire-alarm-blue .path2:before {
  content: "\eb77";
  color: rgb(255, 235, 205);
}

.icon-fire-alarm-blue .path3:before {
  content: "\eb78";
  color: rgb(24, 80, 37);
}

.icon-fire-alarm .path1:before {
  content: "\eb79";
  color: rgb(255, 255, 255);
}

.icon-fire-alarm .path2:before {
  content: "\eb7a";
  color: rgb(255, 195, 104);
}

.icon-fire-alarm .path3:before {
  content: "\eb7b";
  color: rgb(239, 74, 103);
}

.icon-folder-blue .path1:before {
  content: "\eb7c";
  color: rgb(58, 115, 73);
}

.icon-folder-blue .path2:before {
  content: "\eb7d";
  color: rgb(24, 80, 37);
}

.icon-folder-blue .path3:before {
  content: "\eb7e";
  color: rgb(255, 235, 205);
}

.icon-folder-blue .path4:before {
  content: "\eb7f";
  color: rgb(255, 235, 205);
}

.icon-folder-blue .path5:before {
  content: "\eb80";
  color: rgb(255, 235, 205);
}

.icon-folder-blue .path6:before {
  content: "\eb81";
  color: rgb(235, 237, 255);
}

.icon-folder .path1:before {
  content: "\eb82";
  color: rgb(255, 255, 255);
}

.icon-folder .path2:before {
  content: "\eb83";
  color: rgb(255, 186, 83);
}

.icon-folder .path3:before {
  content: "\eb84";
  color: rgb(255, 255, 255);
}

.icon-folder .path4:before {
  content: "\eb85";
  color: rgb(255, 255, 255);
}

.icon-folder .path5:before {
  content: "\eb86";
  color: rgb(255, 255, 255);
}

.icon-folder .path6:before {
  content: "\eb87";
  color: rgb(91, 109, 247);
}

.icon-food-0 .path1:before {
  content: "\eb88";
  color: rgb(255, 255, 255);
}

.icon-food-0 .path2:before {
  content: "\eb89";
  color: rgb(243, 124, 167);
}

.icon-food-50 .path1:before {
  content: "\eb8a";
  color: rgb(255, 255, 255);
}

.icon-food-50 .path2:before {
  content: "\eb8b";
  color: rgb(255, 255, 255);
}

.icon-food-50 .path3:before {
  content: "\eb8c";
  color: rgb(243, 124, 167);
}

.icon-food-50 .path4:before {
  content: "\eb8d";
  color: rgb(91, 109, 247);
}

.icon-food-100 .path1:before {
  content: "\eb8e";
  color: rgb(255, 255, 255);
}

.icon-food-100 .path2:before {
  content: "\eb8f";
  color: rgb(255, 255, 255);
}

.icon-food-100 .path3:before {
  content: "\eb90";
  color: rgb(153, 94, 189);
}

.icon-food-100 .path4:before {
  content: "\eb91";
  color: rgb(255, 186, 83);
}

.icon-food-100 .path5:before {
  content: "\eb92";
  color: rgb(243, 124, 167);
}

.icon-food-100 .path6:before {
  content: "\eb93";
  color: rgb(91, 109, 247);
}

.icon-gear-blue .path1:before {
  content: "\eb94";
  color: rgb(58, 115, 73);
}

.icon-gear-blue .path2:before {
  content: "\eb95";
  color: rgb(24, 80, 37);
}

.icon-gear-blue .path3:before {
  content: "\eb96";
  color: rgb(255, 235, 205);
}

.icon-gear .path1:before {
  content: "\eb97";
  color: rgb(255, 255, 255);
}

.icon-gear .path2:before {
  content: "\eb98";
  color: rgb(91, 109, 247);
}

.icon-gear .path3:before {
  content: "\eb99";
  color: rgb(243, 124, 167);
}

.icon-group-blue .path1:before {
  content: "\eb9a";
  color: rgb(58, 115, 73);
}

.icon-group-blue .path2:before {
  content: "\eb9b";
  color: rgb(24, 80, 37);
}

.icon-group-blue .path3:before {
  content: "\eb9c";
  color: rgb(24, 80, 37);
}

.icon-group-blue .path4:before {
  content: "\eb9d";
  color: rgb(255, 235, 205);
}

.icon-group-blue .path5:before {
  content: "\eb9e";
  color: rgb(58, 115, 73);
}

.icon-group-blue .path6:before {
  content: "\eb9f";
  color: rgb(58, 115, 73);
}

.icon-group-blue .path7:before {
  content: "\eba0";
  color: rgb(58, 115, 73);
}

.icon-group-blue .path8:before {
  content: "\eba1";
  color: rgb(24, 80, 37);
}

.icon-group-blue .path9:before {
  content: "\eba2";
  color: rgb(24, 80, 37);
}

.icon-group-blue .path10:before {
  content: "\eba3";
  color: rgb(255, 235, 205);
}

.icon-group-blue .path11:before {
  content: "\eba4";
  color: rgb(58, 115, 73);
}

.icon-group-blue .path12:before {
  content: "\eba5";
  color: rgb(58, 115, 73);
}

.icon-group-blue .path13:before {
  content: "\eba6";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path1:before {
  content: "\eba7";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path2:before {
  content: "\eba8";
  color: rgb(24, 80, 37);
}

.icon-group-less-blue .path3:before {
  content: "\eba9";
  color: rgb(24, 80, 37);
}

.icon-group-less-blue .path4:before {
  content: "\ebaa";
  color: rgb(255, 235, 205);
}

.icon-group-less-blue .path5:before {
  content: "\ebab";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path6:before {
  content: "\ebac";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path7:before {
  content: "\ebad";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path8:before {
  content: "\ebae";
  color: rgb(24, 80, 37);
}

.icon-group-less-blue .path9:before {
  content: "\ebaf";
  color: rgb(24, 80, 37);
}

.icon-group-less-blue .path10:before {
  content: "\ebb0";
  color: rgb(255, 235, 205);
}

.icon-group-less-blue .path11:before {
  content: "\ebb1";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path12:before {
  content: "\ebb2";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path13:before {
  content: "\ebb3";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path14:before {
  content: "\ebb4";
  color: rgb(58, 115, 73);
}

.icon-group-less-blue .path15:before {
  content: "\ebb5";
  color: rgb(24, 80, 37);
}

.icon-group-less-blue .path16:before {
  content: "\ebb6";
  color: rgb(24, 80, 37);
}

.icon-group-less .path1:before {
  content: "\ebb7";
  color: rgb(255, 255, 255);
}

.icon-group-less .path2:before {
  content: "\ebb8";
  color: rgb(255, 186, 83);
}

.icon-group-less .path3:before {
  content: "\ebb9";
  color: rgb(255, 186, 83);
}

.icon-group-less .path4:before {
  content: "\ebba";
  color: rgb(255, 207, 136);
}

.icon-group-less .path5:before {
  content: "\ebbb";
  color: rgb(192, 102, 20);
}

.icon-group-less .path6:before {
  content: "\ebbc";
  color: rgb(192, 102, 20);
}

.icon-group-less .path7:before {
  content: "\ebbd";
  color: rgb(192, 102, 20);
}

.icon-group-less .path8:before {
  content: "\ebbe";
  color: rgb(255, 136, 27);
}

.icon-group-less .path9:before {
  content: "\ebbf";
  color: rgb(255, 136, 27);
}

.icon-group-less .path10:before {
  content: "\ebc0";
  color: rgb(255, 186, 83);
}

.icon-group-less .path11:before {
  content: "\ebc1";
  color: rgb(192, 102, 20);
}

.icon-group-less .path12:before {
  content: "\ebc2";
  color: rgb(192, 102, 20);
}

.icon-group-less .path13:before {
  content: "\ebc3";
  color: rgb(192, 102, 20);
}

.icon-group-less .path14:before {
  content: "\ebc4";
  color: rgb(255, 255, 255);
}

.icon-group-less .path15:before {
  content: "\ebc5";
  color: rgb(239, 74, 103);
}

.icon-group-less .path16:before {
  content: "\ebc6";
  color: rgb(239, 74, 103);
}

.icon-group-used-blue .path1:before {
  content: "\ebc7";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path2:before {
  content: "\ebc8";
  color: rgb(24, 80, 37);
}

.icon-group-used-blue .path3:before {
  content: "\ebc9";
  color: rgb(24, 80, 37);
}

.icon-group-used-blue .path4:before {
  content: "\ebca";
  color: rgb(255, 235, 205);
}

.icon-group-used-blue .path5:before {
  content: "\ebcb";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path6:before {
  content: "\ebcc";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path7:before {
  content: "\ebcd";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path8:before {
  content: "\ebce";
  color: rgb(24, 80, 37);
}

.icon-group-used-blue .path9:before {
  content: "\ebcf";
  color: rgb(24, 80, 37);
}

.icon-group-used-blue .path10:before {
  content: "\ebd0";
  color: rgb(255, 235, 205);
}

.icon-group-used-blue .path11:before {
  content: "\ebd1";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path12:before {
  content: "\ebd2";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path13:before {
  content: "\ebd3";
  color: rgb(58, 115, 73);
}

.icon-group-used-blue .path14:before {
  content: "\ebd4";
  color: rgb(24, 80, 37);
}

.icon-group-used-blue .path15:before {
  content: "\ebd5";
  color: rgb(255, 255, 255);
}

.icon-group-used-blue .path16:before {
  content: "\ebd6";
  color: rgb(255, 235, 205);
}

.icon-group-used .path1:before {
  content: "\ebd7";
  color: rgb(255, 255, 255);
}

.icon-group-used .path2:before {
  content: "\ebd8";
  color: rgb(255, 186, 83);
}

.icon-group-used .path3:before {
  content: "\ebd9";
  color: rgb(255, 186, 83);
}

.icon-group-used .path4:before {
  content: "\ebda";
  color: rgb(255, 207, 136);
}

.icon-group-used .path5:before {
  content: "\ebdb";
  color: rgb(192, 102, 20);
}

.icon-group-used .path6:before {
  content: "\ebdc";
  color: rgb(192, 102, 20);
}

.icon-group-used .path7:before {
  content: "\ebdd";
  color: rgb(192, 102, 20);
}

.icon-group-used .path8:before {
  content: "\ebde";
  color: rgb(255, 136, 27);
}

.icon-group-used .path9:before {
  content: "\ebdf";
  color: rgb(255, 136, 27);
}

.icon-group-used .path10:before {
  content: "\ebe0";
  color: rgb(255, 186, 83);
}

.icon-group-used .path11:before {
  content: "\ebe1";
  color: rgb(192, 102, 20);
}

.icon-group-used .path12:before {
  content: "\ebe2";
  color: rgb(192, 102, 20);
}

.icon-group-used .path13:before {
  content: "\ebe3";
  color: rgb(192, 102, 20);
}

.icon-group-used .path14:before {
  content: "\ebe4";
  color: rgb(91, 109, 247);
}

.icon-group-used .path15:before {
  content: "\ebe5";
  color: rgb(179, 187, 249);
}

.icon-group-used .path16:before {
  content: "\ebe6";
  color: rgb(255, 255, 255);
}

.icon-group .path1:before {
  content: "\ebe7";
  color: rgb(255, 255, 255);
}

.icon-group .path2:before {
  content: "\ebe8";
  color: rgb(255, 186, 83);
}

.icon-group .path3:before {
  content: "\ebe9";
  color: rgb(255, 186, 83);
}

.icon-group .path4:before {
  content: "\ebea";
  color: rgb(255, 207, 136);
}

.icon-group .path5:before {
  content: "\ebeb";
  color: rgb(192, 102, 20);
}

.icon-group .path6:before {
  content: "\ebec";
  color: rgb(192, 102, 20);
}

.icon-group .path7:before {
  content: "\ebed";
  color: rgb(192, 102, 20);
}

.icon-group .path8:before {
  content: "\ebee";
  color: rgb(255, 136, 27);
}

.icon-group .path9:before {
  content: "\ebef";
  color: rgb(255, 136, 27);
}

.icon-group .path10:before {
  content: "\ebf0";
  color: rgb(255, 186, 83);
}

.icon-group .path11:before {
  content: "\ebf1";
  color: rgb(192, 102, 20);
}

.icon-group .path12:before {
  content: "\ebf2";
  color: rgb(192, 102, 20);
}

.icon-group .path13:before {
  content: "\ebf3";
  color: rgb(192, 102, 20);
}

.icon-hard .path1:before {
  content: "\ebf4";
  color: rgb(255, 255, 255);
}

.icon-hard .path2:before {
  content: "\ebf5";
  color: rgb(60, 78, 220);
}

.icon-historic-blue .path1:before {
  content: "\ebf6";
  color: rgb(58, 115, 73);
}

.icon-historic-blue .path2:before {
  content: "\ebf7";
  color: rgb(255, 235, 205);
}

.icon-historic-blue .path3:before {
  content: "\ebf8";
  color: rgb(255, 255, 255);
}

.icon-historic-blue .path4:before {
  content: "\ebf9";
  color: rgb(24, 80, 37);
}

.icon-historic-blue .path5:before {
  content: "\ebfa";
  color: rgb(24, 80, 37);
}

.icon-historic .path1:before {
  content: "\ebfb";
  color: rgb(255, 255, 255);
}

.icon-historic .path2:before {
  content: "\ebfc";
  color: rgb(255, 186, 83);
}

.icon-historic .path3:before {
  content: "\ebfd";
  color: rgb(91, 109, 247);
}

.icon-historic .path4:before {
  content: "\ebfe";
  color: rgb(239, 74, 104);
}

.icon-historic .path5:before {
  content: "\ebff";
  color: rgb(91, 109, 247);
}

.icon-holidays .path1:before {
  content: "\ec00";
  color: rgb(255, 255, 255);
}

.icon-holidays .path2:before {
  content: "\ec01";
  color: rgb(60, 78, 220);
}

.icon-holidays .path3:before {
  content: "\ec02";
  color: rgb(129, 143, 254);
}

.icon-holidays .path4:before {
  content: "\ec03";
  color: rgb(91, 109, 246);
}

.icon-holidays .path5:before {
  content: "\ec04";
  color: rgb(91, 109, 246);
}

.icon-holidays .path6:before {
  content: "\ec05";
  color: rgb(91, 109, 246);
}

.icon-holidays .path7:before {
  content: "\ec06";
  color: rgb(91, 109, 246);
}

.icon-home-blue-dark .path1:before {
  content: "\ec07";
  color: #022E17;
}

.icon-home-blue-dark .path2:before {
  content: "\ec08";
  color: rgb(255, 255, 255);
}

.icon-home-blue-dark .path3:before {
  content: "\ec09";
  color: rgb(255, 255, 255);
}

.icon-home-blue-dark .path4:before {
  content: "\ec0a";
  color: rgb(58, 115, 73);
}

.icon-home-blue-dark .path5:before {
  content: "\ec0b";
  color: rgb(24, 80, 37);
}

.icon-home-blue .path1:before {
  content: "\ec0c";
  color: rgb(58, 115, 73);
}

.icon-home-blue .path2:before {
  content: "\ec0d";
  color: rgb(255, 235, 205);
}

.icon-home-blue .path3:before {
  content: "\ec0e";
  color: rgb(24, 80, 37);
}

.icon-home-blue .path4:before {
  content: "\ec0f";
  color: rgb(255, 255, 255);
}

.icon-home-dashboard-blue .path1:before {
  content: "\ec10";
  color: rgb(58, 115, 73);
}

.icon-home-dashboard-blue .path2:before {
  content: "\ec11";
  color: rgb(255, 255, 255);
}

.icon-home-dashboard-blue .path3:before {
  content: "\ec12";
  color: rgb(255, 235, 205);
}

.icon-home-dashboard-blue .path4:before {
  content: "\ec13";
  color: rgb(255, 235, 205);
}

.icon-home-dashboard-blue .path5:before {
  content: "\ec14";
  color: rgb(24, 80, 37);
}

.icon-home-dashboard-blue .path6:before {
  content: "\ec15";
  color: rgb(24, 80, 37);
}

.icon-home-dashboard .path1:before {
  content: "\ec16";
  color: rgb(255, 255, 255);
}

.icon-home-dashboard .path2:before {
  content: "\ec17";
  color: rgb(91, 109, 247);
}

.icon-home-dashboard .path3:before {
  content: "\ec18";
  color: rgb(92, 110, 248);
}

.icon-home-dashboard .path4:before {
  content: "\ec19";
  color: rgb(255, 186, 83);
}

.icon-home-dashboard .path5:before {
  content: "\ec1a";
  color: rgb(255, 186, 83);
}

.icon-home .path1:before {
  content: "\ec1b";
  color: rgb(255, 255, 255);
}

.icon-home .path2:before {
  content: "\ec1c";
  color: rgb(243, 124, 167);
}

.icon-home .path3:before {
  content: "\ec1d";
  color: rgb(255, 186, 83);
}

.icon-home .path4:before {
  content: "\ec1e";
  color: rgb(92, 110, 248);
}

.icon-home .path5:before {
  content: "\ec1f";
  color: rgb(255, 255, 255);
}

.icon-homework .path1:before {
  content: "\ec20";
  color: rgb(255, 255, 255);
}

.icon-homework .path2:before {
  content: "\ec21";
  color: rgb(253, 185, 83);
}

.icon-homework .path3:before {
  content: "\ec22";
  color: rgb(255, 255, 255);
}

.icon-homework .path4:before {
  content: "\ec23";
  color: rgb(255, 255, 255);
}

.icon-homework .path5:before {
  content: "\ec24";
  color: rgb(255, 255, 255);
}

.icon-homework .path6:before {
  content: "\ec25";
  color: rgb(60, 78, 220);
}

.icon-homework .path7:before {
  content: "\ec26";
  color: rgb(255, 255, 255);
}

.icon-homework .path8:before {
  content: "\ec27";
  color: rgb(243, 124, 167);
}

.icon-info-blue .path1:before {
  content: "\ec28";
  color: rgb(58, 115, 73);
}

.icon-info-blue .path2:before {
  content: "\ec29";
  color: rgb(255, 235, 205);
}

.icon-info-blue .path3:before {
  content: "\ec2a";
  color: rgb(58, 115, 73);
}

.icon-info-blue .path4:before {
  content: "\ec2b";
  color: rgb(58, 115, 73);
}

.icon-info .path1:before {
  content: "\ec2c";
  color: rgb(255, 255, 255);
}

.icon-info .path2:before {
  content: "\ec2d";
  color: rgb(255, 186, 83);
}

.icon-info .path3:before {
  content: "\ec2e";
  color: rgb(255, 255, 255);
}

.icon-info .path4:before {
  content: "\ec2f";
  color: rgb(255, 255, 255);
}

.icon-interested .path1:before {
  content: "\ec30";
  color: rgb(255, 255, 255);
}

.icon-interested .path2:before {
  content: "\ec31";
  color: rgb(91, 109, 247);
}

.icon-interested .path3:before {
  content: "\ec32";
  color: rgb(255, 186, 83);
}

.icon-interested .path4:before {
  content: "\ec33";
  color: rgb(243, 124, 167);
}

.icon-invoice-blue .path1:before {
  content: "\ec34";
  color: rgb(58, 115, 73);
}

.icon-invoice-blue .path2:before {
  content: "\ec35";
  color: rgb(24, 80, 37);
}

.icon-invoice-blue .path3:before {
  content: "\ec36";
  color: rgb(255, 255, 255);
}

.icon-invoice-blue .path4:before {
  content: "\ec37";
  color: rgb(255, 255, 255);
}

.icon-invoice-blue .path5:before {
  content: "\ec38";
  color: rgb(255, 255, 255);
}

.icon-invoice-blue .path6:before {
  content: "\ec39";
  color: rgb(255, 235, 205);
}

.icon-invoice-generate-blue .path1:before {
  content: "\ec3a";
  color: rgb(58, 115, 73);
}

.icon-invoice-generate-blue .path2:before {
  content: "\ec3b";
  color: rgb(24, 80, 37);
}

.icon-invoice-generate-blue .path3:before {
  content: "\ec3c";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate-blue .path4:before {
  content: "\ec3d";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate-blue .path5:before {
  content: "\ec3e";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate-blue .path6:before {
  content: "\ec3f";
  color: rgb(255, 235, 205);
}

.icon-invoice-generate-blue .path7:before {
  content: "\ec40";
  color: rgb(255, 235, 205);
}

.icon-invoice-generate-blue .path8:before {
  content: "\ec41";
  color: rgb(58, 115, 73);
}

.icon-invoice-generate-blue .path9:before {
  content: "\ec42";
  color: rgb(58, 115, 73);
}

.icon-invoice-generate .path1:before {
  content: "\ec43";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate .path2:before {
  content: "\ec44";
  color: rgb(60, 78, 220);
}

.icon-invoice-generate .path3:before {
  content: "\ec45";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate .path4:before {
  content: "\ec46";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate .path5:before {
  content: "\ec47";
  color: rgb(255, 255, 255);
}

.icon-invoice-generate .path6:before {
  content: "\ec48";
  color: rgb(253, 185, 83);
}

.icon-invoice-generate .path7:before {
  content: "\ec49";
  color: rgb(235, 237, 255);
}

.icon-invoice-generate .path8:before {
  content: "\ec4a";
  color: rgb(179, 187, 249);
}

.icon-invoice-generate .path9:before {
  content: "\ec4b";
  color: rgb(60, 78, 220);
}

.icon-invoice-template-blue .path1:before {
  content: "\ec4c";
  color: rgb(58, 115, 73);
}

.icon-invoice-template-blue .path2:before {
  content: "\ec4d";
  color: rgb(255, 255, 255);
}

.icon-invoice-template-blue .path3:before {
  content: "\ec4e";
  color: rgb(255, 255, 255);
}

.icon-invoice-template-blue .path4:before {
  content: "\ec4f";
  color: rgb(255, 255, 255);
}

.icon-invoice-template-blue .path5:before {
  content: "\ec50";
  color: rgb(255, 235, 205);
}

.icon-invoice-template-blue .path6:before {
  content: "\ec51";
  color: rgb(24, 80, 37);
}

.icon-invoice-template .path1:before {
  content: "\ec52";
  color: rgb(255, 255, 255);
}

.icon-invoice-template .path2:before {
  content: "\ec53";
  color: rgb(253, 185, 83);
}

.icon-invoice-template .path3:before {
  content: "\ec54";
  color: rgb(253, 185, 83);
}

.icon-invoice-template .path4:before {
  content: "\ec55";
  color: rgb(253, 185, 83);
}

.icon-invoice-template .path5:before {
  content: "\ec56";
  color: rgb(60, 78, 220);
}

.icon-invoice-template .path6:before {
  content: "\ec57";
  color: rgb(253, 185, 83);
}

.icon-invoice .path1:before {
  content: "\ec58";
  color: rgb(255, 255, 255);
}

.icon-invoice .path2:before {
  content: "\ec59";
  color: rgb(60, 78, 220);
}

.icon-invoice .path3:before {
  content: "\ec5a";
  color: rgb(255, 255, 255);
}

.icon-invoice .path4:before {
  content: "\ec5b";
  color: rgb(255, 255, 255);
}

.icon-invoice .path5:before {
  content: "\ec5c";
  color: rgb(255, 255, 255);
}

.icon-invoice .path6:before {
  content: "\ec5d";
  color: rgb(253, 185, 83);
}

.icon-leave-blue .path1:before {
  content: "\ec5e";
  color: rgb(58, 115, 73);
}

.icon-leave-blue .path2:before {
  content: "\ec5f";
  color: rgb(24, 80, 37);
}

.icon-leave-blue .path3:before {
  content: "\ec60";
  color: rgb(255, 235, 205);
}

.icon-leave-blue .path4:before {
  content: "\ec61";
  color: rgb(24, 80, 37);
}

.icon-leave-blue .path5:before {
  content: "\ec62";
  color: rgb(24, 80, 37);
}

.icon-leave-blue .path6:before {
  content: "\ec63";
  color: rgb(24, 80, 37);
}

.icon-leave-blue .path7:before {
  content: "\ec64";
  color: rgb(255, 235, 205);
}

.icon-leave-blue .path8:before {
  content: "\ec65";
  color: rgb(255, 235, 205);
}

.icon-leave-blue .path9:before {
  content: "\ec66";
  color: rgb(255, 235, 205);
}

.icon-leave-blue .path10:before {
  content: "\ec67";
  color: rgb(255, 255, 255);
}

.icon-leave .path1:before {
  content: "\ec68";
  color: rgb(255, 255, 255);
}

.icon-leave .path2:before {
  content: "\ec69";
  color: rgb(60, 78, 220);
}

.icon-leave .path3:before {
  content: "\ec6a";
  color: rgb(239, 74, 104);
}

.icon-leave .path4:before {
  content: "\ec6b";
  color: rgb(255, 237, 243);
}

.icon-leave .path5:before {
  content: "\ec6c";
  color: rgb(255, 237, 243);
}

.icon-leave .path6:before {
  content: "\ec6d";
  color: rgb(234, 236, 254);
}

.icon-leave .path7:before {
  content: "\ec6e";
  color: rgb(253, 185, 83);
}

.icon-leave .path8:before {
  content: "\ec6f";
  color: rgb(91, 109, 246);
}

.icon-leave .path9:before {
  content: "\ec70";
  color: rgb(239, 74, 103);
}

.icon-leave .path10:before {
  content: "\ec71";
  color: rgb(91, 109, 246);
}

.icon-less-blue .path1:before {
  content: "\ec72";
  color: rgb(58, 115, 73);
}

.icon-less-blue .path2:before {
  content: "\ec73";
  color: rgb(255, 255, 255);
}

.icon-less .path1:before {
  content: "\ec74";
  color: rgb(255, 255, 255);
}

.icon-less .path2:before {
  content: "\ec75";
  color: rgb(239, 74, 103);
}

.icon-liquid .path1:before {
  content: "\ec76";
  color: rgb(255, 255, 255);
}

.icon-liquid .path2:before {
  content: "\ec77";
  color: rgb(60, 78, 220);
}

.icon-locked-kid-blue .path1:before {
  content: "\ec78";
  color: rgb(58, 115, 73);
}

.icon-locked-kid-blue .path2:before {
  content: "\ec79";
  color: rgb(255, 255, 255);
}

.icon-locked-kid-blue .path3:before {
  content: "\ec7a";
  color: rgb(255, 235, 205);
}

.icon-locked-kid-blue .path4:before {
  content: "\ec7b";
  color: rgb(24, 80, 37);
}

.icon-locked-kid .path1:before {
  content: "\ec7c";
  color: rgb(255, 255, 255);
}

.icon-locked-kid .path2:before {
  content: "\ec7d";
  color: rgb(255, 186, 83);
}

.icon-locked-kid .path3:before {
  content: "\ec7e";
  color: rgb(91, 109, 247);
}

.icon-locked-kid .path4:before {
  content: "\ec7f";
  color: rgb(234, 236, 254);
}

.icon-mail-blue .path1:before {
  content: "\ec80";
  color: rgb(58, 115, 73);
}

.icon-mail-blue .path2:before {
  content: "\ec81";
  color: rgb(255, 255, 255);
}

.icon-mail-blue .path3:before {
  content: "\ec82";
  color: rgb(255, 255, 255);
}

.icon-mail-blue .path4:before {
  content: "\ec83";
  color: rgb(255, 235, 205);
}

.icon-mail-blue .path5:before {
  content: "\ec84";
  color: rgb(24, 80, 37);
}

.icon-mail .path1:before {
  content: "\ec85";
  color: rgb(255, 255, 255);
}

.icon-mail .path2:before {
  content: "\ec86";
  color: rgb(239, 74, 104);
}

.icon-mail .path3:before {
  content: "\ec87";
  color: rgb(255, 186, 83);
}

.icon-mail .path4:before {
  content: "\ec88";
  color: rgb(235, 237, 255);
}

.icon-mail .path5:before {
  content: "\ec89";
  color: rgb(91, 109, 247);
}

.icon-manager .path1:before {
  content: "\ec8a";
  color: rgb(255, 255, 255);
}

.icon-manager .path2:before {
  content: "\ec8b";
  color: rgb(255, 136, 27);
}

.icon-manager .path3:before {
  content: "\ec8c";
  color: rgb(255, 136, 27);
}

.icon-manager .path4:before {
  content: "\ec8d";
  color: rgb(255, 186, 83);
}

.icon-manager .path5:before {
  content: "\ec8e";
  color: rgb(192, 102, 20);
}

.icon-manager .path6:before {
  content: "\ec8f";
  color: rgb(192, 102, 20);
}

.icon-manager .path7:before {
  content: "\ec90";
  color: rgb(192, 102, 20);
}

.icon-manager .path8:before {
  content: "\ec91";
  color: rgb(192, 102, 20);
}

.icon-manager .path9:before {
  content: "\ec92";
  color: rgb(192, 102, 20);
}

.icon-manager .path10:before {
  content: "\ec93";
  color: rgb(91, 109, 247);
}

.icon-manager .path11:before {
  content: "\ec94";
  color: rgb(91, 109, 247);
}

.icon-manager .path12:before {
  content: "\ec95";
  color: rgb(255, 255, 255);
}

.icon-meal-blue .path1:before {
  content: "\ec96";
  color: rgb(58, 115, 73);
}

.icon-meal-blue .path2:before {
  content: "\ec97";
  color: rgb(24, 80, 37);
}

.icon-meal-blue .path3:before {
  content: "\ec98";
  color: rgb(58, 115, 73);
}

.icon-meal-blue .path4:before {
  content: "\ec99";
  color: rgb(255, 235, 205);
}

.icon-meal-blue .path5:before {
  content: "\ec9a";
  color: rgb(255, 235, 205);
}

.icon-meal-refused-blue .path1:before {
  content: "\ec9b";
  color: rgb(58, 115, 73);
}

.icon-meal-refused-blue .path2:before {
  content: "\ec9c";
  color: rgb(255, 235, 205);
}

.icon-meal-refused-blue .path3:before {
  content: "\ec9d";
  color: rgb(24, 80, 37);
}

.icon-meal-refused-blue .path4:before {
  content: "\ec9e";
  color: rgb(255, 255, 255);
}

.icon-meal-refused-blue .path5:before {
  content: "\ec9f";
  color: rgb(255, 255, 255);
}

.icon-meal-refused .path1:before {
  content: "\eca0";
  color: rgb(255, 255, 255);
}

.icon-meal-refused .path2:before {
  content: "\eca1";
  color: rgb(243, 124, 167);
}

.icon-meal-refused .path3:before {
  content: "\eca2";
  color: rgb(153, 94, 189);
}

.icon-meal-refused .path4:before {
  content: "\eca3";
  color: rgb(255, 186, 83);
}

.icon-meal-refused .path5:before {
  content: "\eca4";
  color: rgb(255, 186, 83);
}

.icon-meal .path1:before {
  content: "\eca5";
  color: rgb(255, 255, 255);
}

.icon-meal .path2:before {
  content: "\eca6";
  color: rgb(255, 186, 83);
}

.icon-meal .path3:before {
  content: "\eca7";
  color: rgb(255, 255, 255);
}

.icon-meal .path4:before {
  content: "\eca8";
  color: rgb(243, 124, 167);
}

.icon-meal .path5:before {
  content: "\eca9";
  color: rgb(243, 124, 167);
}

.icon-medicines .path1:before {
  content: "\ecaa";
  color: rgb(255, 255, 255);
}

.icon-medicines .path2:before {
  content: "\ecab";
  color: rgb(91, 109, 246);
}

.icon-medicines .path3:before {
  content: "\ecac";
  color: rgb(234, 236, 254);
}

.icon-medicines .path4:before {
  content: "\ecad";
  color: rgb(234, 236, 254);
}

.icon-medicines .path5:before {
  content: "\ecae";
  color: rgb(234, 236, 254);
}

.icon-medicines .path6:before {
  content: "\ecaf";
  color: rgb(234, 236, 254);
}

.icon-medicines .path7:before {
  content: "\ecb0";
  color: rgb(255, 255, 255);
}

.icon-medicines .path8:before {
  content: "\ecb1";
  color: rgb(253, 185, 83);
}

.icon-medicines .path9:before {
  content: "\ecb2";
  color: rgb(239, 74, 104);
}

.icon-megaphone-blue .path1:before {
  content: "\ecb3";
  color: rgb(58, 115, 73);
}

.icon-megaphone-blue .path2:before {
  content: "\ecb4";
  color: rgb(24, 80, 37);
}

.icon-megaphone-blue .path3:before {
  content: "\ecb5";
  color: rgb(255, 235, 205);
}

.icon-megaphone-blue .path4:before {
  content: "\ecb6";
  color: rgb(24, 80, 37);
}

.icon-megaphone-blue .path5:before {
  content: "\ecb7";
  color: rgb(255, 255, 255);
}

.icon-megaphone-blue .path6:before {
  content: "\ecb8";
  color: rgb(255, 235, 205);
}

.icon-megaphone-blue .path7:before {
  content: "\ecb9";
  color: rgb(24, 80, 37);
}

.icon-megaphone .path1:before {
  content: "\ecba";
  color: rgb(255, 255, 255);
}

.icon-megaphone .path2:before {
  content: "\ecbb";
  color: rgb(255, 186, 83);
}

.icon-megaphone .path3:before {
  content: "\ecbc";
  color: rgb(91, 109, 247);
}

.icon-megaphone .path4:before {
  content: "\ecbd";
  color: rgb(255, 186, 83);
}

.icon-megaphone .path5:before {
  content: "\ecbe";
  color: rgb(239, 74, 104);
}

.icon-megaphone .path6:before {
  content: "\ecbf";
  color: rgb(91, 109, 247);
}

.icon-megaphone .path7:before {
  content: "\ecc0";
  color: rgb(255, 186, 83);
}

.icon-menu-blue-dark .path1:before {
  content: "\ecc1";
  color: #022E17;
}

.icon-menu-blue-dark .path2:before {
  content: "\ecc2";
  color: rgb(255, 255, 255);
}

.icon-menu-blue-dark .path3:before {
  content: "\ecc3";
  color: rgb(255, 255, 255);
}

.icon-menu-blue-dark .path4:before {
  content: "\ecc4";
  color: rgb(255, 255, 255);
}

.icon-menu .path1:before {
  content: "\ecc5";
  color: rgb(255, 255, 255);
}

.icon-menu .path2:before {
  content: "\ecc6";
  color: rgb(91, 109, 247);
}

.icon-menu .path3:before {
  content: "\ecc7";
  color: rgb(91, 109, 247);
}

.icon-menu .path4:before {
  content: "\ecc8";
  color: rgb(91, 109, 247);
}

.icon-milk .path1:before {
  content: "\ecc9";
  color: rgb(255, 255, 255);
}

.icon-milk .path2:before {
  content: "\ecca";
  color: rgb(255, 186, 83);
}

.icon-milk .path3:before {
  content: "\eccb";
  color: rgb(60, 78, 220);
}

.icon-milk .path4:before {
  content: "\eccc";
  color: rgb(243, 124, 167);
}

.icon-milk .path5:before {
  content: "\eccd";
  color: rgb(255, 255, 255);
}

.icon-milk .path6:before {
  content: "\ecce";
  color: rgb(255, 255, 255);
}

.icon-morning-food .path1:before {
  content: "\eccf";
  color: rgb(255, 255, 255);
}

.icon-morning-food .path2:before {
  content: "\ecd0";
  color: rgb(255, 186, 83);
}

.icon-morning-food .path3:before {
  content: "\ecd1";
  color: rgb(255, 136, 27);
}

.icon-morning-food .path4:before {
  content: "\ecd2";
  color: rgb(255, 186, 83);
}

.icon-morning-food .path5:before {
  content: "\ecd3";
  color: rgb(255, 136, 27);
}

.icon-morning-food .path6:before {
  content: "\ecd4";
  color: rgb(255, 186, 83);
}

.icon-morning-food .path7:before {
  content: "\ecd5";
  color: rgb(91, 109, 247);
}

.icon-morning-food .path8:before {
  content: "\ecd6";
  color: rgb(129, 143, 254);
}

.icon-nap .path1:before {
  content: "\ecd7";
  color: rgb(255, 255, 255);
}

.icon-nap .path2:before {
  content: "\ecd8";
  color: rgb(253, 185, 83);
}

.icon-nap .path3:before {
  content: "\ecd9";
  color: rgb(91, 109, 246);
}

.icon-nap .path4:before {
  content: "\ecda";
  color: rgb(234, 236, 254);
}

.icon-nap .path5:before {
  content: "\ecdb";
  color: rgb(234, 236, 254);
}

.icon-nap .path6:before {
  content: "\ecdc";
  color: rgb(234, 236, 254);
}

.icon-no-date-blue .path1:before {
  content: "\ecdd";
  color: rgb(58, 115, 73);
}

.icon-no-date-blue .path2:before {
  content: "\ecde";
  color: rgb(255, 255, 255);
}

.icon-no-date-blue .path3:before {
  content: "\ecdf";
  color: rgb(255, 235, 205);
}

.icon-no-date-blue .path4:before {
  content: "\ece0";
  color: rgb(255, 255, 255);
}

.icon-no-date-blue .path5:before {
  content: "\ece1";
  color: rgb(255, 255, 255);
}

.icon-no-date-blue .path6:before {
  content: "\ece2";
  color: rgb(58, 115, 73);
}

.icon-no-date-blue .path7:before {
  content: "\ece3";
  color: rgb(58, 115, 73);
}

.icon-no-date-blue .path8:before {
  content: "\ece4";
  color: rgb(58, 115, 73);
}

.icon-no-date-blue .path9:before {
  content: "\ece5";
  color: rgb(24, 80, 37);
}

.icon-no-date-blue .path10:before {
  content: "\ece6";
  color: rgb(24, 80, 37);
}

.icon-no-date .path1:before {
  content: "\ece7";
  color: rgb(255, 255, 255);
}

.icon-no-date .path2:before {
  content: "\ece8";
  color: rgb(235, 237, 255);
}

.icon-no-date .path3:before {
  content: "\ece9";
  color: rgb(91, 109, 247);
}

.icon-no-date .path4:before {
  content: "\ecea";
  color: rgb(255, 186, 83);
}

.icon-no-date .path5:before {
  content: "\eceb";
  color: rgb(255, 186, 83);
}

.icon-no-date .path6:before {
  content: "\ecec";
  color: rgb(239, 74, 104);
}

.icon-no-date .path7:before {
  content: "\eced";
  color: rgb(239, 74, 104);
}

.icon-no-date .path8:before {
  content: "\ecee";
  color: rgb(255, 255, 255);
}

.icon-no-date .path9:before {
  content: "\ecef";
  color: rgb(239, 74, 103);
}

.icon-no-date .path10:before {
  content: "\ecf0";
  color: rgb(239, 74, 103);
}

.icon-no-meal-blue .path1:before {
  content: "\ecf1";
  color: rgb(58, 115, 73);
}

.icon-no-meal-blue .path2:before {
  content: "\ecf2";
  color: rgb(24, 80, 37);
}

.icon-no-meal-blue .path3:before {
  content: "\ecf3";
  color: rgb(58, 115, 73);
}

.icon-no-meal-blue .path4:before {
  content: "\ecf4";
  color: rgb(255, 235, 205);
}

.icon-no-meal-blue .path5:before {
  content: "\ecf5";
  color: rgb(255, 235, 205);
}

.icon-no-meal-blue .path6:before {
  content: "\ecf6";
  color: rgb(24, 80, 37);
}

.icon-no-meal .path1:before {
  content: "\ecf7";
  color: rgb(255, 255, 255);
}

.icon-no-meal .path2:before {
  content: "\ecf8";
  color: rgb(179, 187, 249);
}

.icon-no-meal .path3:before {
  content: "\ecf9";
  color: rgb(255, 255, 255);
}

.icon-no-meal .path4:before {
  content: "\ecfa";
  color: rgb(91, 109, 247);
}

.icon-no-meal .path5:before {
  content: "\ecfb";
  color: rgb(91, 109, 247);
}

.icon-no-meal .path6:before {
  content: "\ecfc";
  color: rgb(179, 187, 249);
}

.icon-noon-food-blue .path1:before {
  content: "\ecfd";
  color: rgb(58, 115, 73);
}

.icon-noon-food-blue .path2:before {
  content: "\ecfe";
  color: rgb(24, 80, 37);
}

.icon-noon-food-blue .path3:before {
  content: "\ecff";
  color: rgb(24, 80, 37);
}

.icon-noon-food-blue .path4:before {
  content: "\ed00";
  color: rgb(255, 235, 205);
}

.icon-noon-food-blue .path5:before {
  content: "\ed01";
  color: rgb(255, 255, 255);
}

.icon-noon-food-blue .path6:before {
  content: "\ed02";
  color: rgb(24, 80, 37);
}

.icon-noon-food-blue .path7:before {
  content: "\ed03";
  color: rgb(255, 235, 205);
}

.icon-noon-food-blue .path8:before {
  content: "\ed04";
  color: rgb(24, 80, 37);
}

.icon-noon-food .path1:before {
  content: "\ed05";
  color: rgb(255, 255, 255);
}

.icon-noon-food .path2:before {
  content: "\ed06";
  color: rgb(255, 186, 83);
}

.icon-noon-food .path3:before {
  content: "\ed07";
  color: rgb(255, 186, 83);
}

.icon-noon-food .path4:before {
  content: "\ed08";
  color: rgb(239, 74, 103);
}

.icon-noon-food .path5:before {
  content: "\ed09";
  color: rgb(129, 143, 254);
}

.icon-noon-food .path6:before {
  content: "\ed0a";
  color: rgb(255, 186, 83);
}

.icon-noon-food .path7:before {
  content: "\ed0b";
  color: rgb(129, 143, 254);
}

.icon-noon-food .path8:before {
  content: "\ed0c";
  color: rgb(255, 186, 83);
}

.icon-normal .path1:before {
  content: "\ed0d";
  color: rgb(255, 255, 255);
}

.icon-normal .path2:before {
  content: "\ed0e";
  color: rgb(60, 78, 220);
}

.icon-nose .path1:before {
  content: "\ed0f";
  color: rgb(255, 255, 255);
}

.icon-nose .path2:before {
  content: "\ed10";
  color: rgb(24, 219, 125);
}

.icon-nose .path3:before {
  content: "\ed11";
  color: rgb(91, 109, 247);
}

.icon-nose .path4:before {
  content: "\ed12";
  color: rgb(91, 109, 247);
}

.icon-nose .path5:before {
  content: "\ed13";
  color: rgb(129, 143, 254);
}

.icon-not-interested .path1:before {
  content: "\ed14";
  color: rgb(255, 255, 255);
}

.icon-not-interested .path2:before {
  content: "\ed15";
  color: rgb(255, 186, 83);
}

.icon-not-interested .path3:before {
  content: "\ed16";
  color: rgb(91, 109, 247);
}

.icon-not-interested .path4:before {
  content: "\ed17";
  color: rgb(243, 124, 167);
}

.icon-other-blue .path1:before {
  content: "\ed18";
  color: rgb(58, 115, 73);
}

.icon-other-blue .path2:before {
  content: "\ed19";
  color: rgb(255, 255, 255);
}

.icon-other-blue .path3:before {
  content: "\ed1a";
  color: rgb(255, 235, 205);
}

.icon-other-blue .path4:before {
  content: "\ed1b";
  color: rgb(24, 80, 37);
}

.icon-other .path1:before {
  content: "\ed1c";
  color: rgb(255, 255, 255);
}

.icon-other .path2:before {
  content: "\ed1d";
  color: rgb(60, 78, 220);
}

.icon-other .path3:before {
  content: "\ed1e";
  color: rgb(239, 74, 104);
}

.icon-other .path4:before {
  content: "\ed1f";
  color: rgb(255, 186, 83);
}

.icon-pay-blue .path1:before {
  content: "\ed20";
  color: rgb(58, 115, 73);
}

.icon-pay-blue .path2:before {
  content: "\ed21";
  color: rgb(255, 235, 205);
}

.icon-pay-blue .path3:before {
  content: "\ed22";
  color: rgb(255, 255, 255);
}

.icon-pay-blue .path4:before {
  content: "\ed23";
  color: rgb(24, 80, 37);
}

.icon-pay-blue .path5:before {
  content: "\ed24";
  color: rgb(24, 80, 37);
}

.icon-pay-blue .path6:before {
  content: "\ed25";
  color: rgb(24, 80, 37);
}

.icon-pay-blue .path7:before {
  content: "\ed26";
  color: rgb(24, 80, 37);
}

.icon-pay-blue .path8:before {
  content: "\ed27";
  color: rgb(255, 255, 255);
}

.icon-pay-blue .path9:before {
  content: "\ed28";
  color: rgb(255, 255, 255);
}

.icon-pay .path1:before {
  content: "\ed29";
  color: rgb(255, 255, 255);
}

.icon-pay .path2:before {
  content: "\ed2a";
  color: rgb(235, 237, 255);
}

.icon-pay .path3:before {
  content: "\ed2b";
  color: rgb(255, 186, 83);
}

.icon-pay .path4:before {
  content: "\ed2c";
  color: rgb(255, 136, 27);
}

.icon-pay .path5:before {
  content: "\ed2d";
  color: rgb(255, 136, 27);
}

.icon-pay .path6:before {
  content: "\ed2e";
  color: rgb(255, 136, 27);
}

.icon-pay .path7:before {
  content: "\ed2f";
  color: rgb(91, 109, 247);
}

.icon-pay .path8:before {
  content: "\ed30";
  color: rgb(255, 255, 255);
}

.icon-pay .path9:before {
  content: "\ed31";
  color: rgb(255, 255, 255);
}

.icon-pee .path1:before {
  content: "\ed32";
  color: rgb(255, 255, 255);
}

.icon-pee .path2:before {
  content: "\ed33";
  color: rgb(255, 186, 83);
}

.icon-pee .path3:before {
  content: "\ed34";
  color: rgb(255, 136, 27);
}

.icon-pee .path4:before {
  content: "\ed35";
  color: rgb(255, 186, 83);
}

.icon-phone-emergency .path1:before {
  content: "\ed36";
  color: rgb(255, 255, 255);
}

.icon-phone-emergency .path2:before {
  content: "\ed37";
  color: rgb(239, 74, 103);
}

.icon-phone-emergency .path3:before {
  content: "\ed38";
  color: rgb(255, 186, 83);
}

.icon-phone-emergency .path4:before {
  content: "\ed39";
  color: rgb(91, 109, 247);
}

.icon-phone-emergency .path5:before {
  content: "\ed3a";
  color: rgb(255, 255, 255);
}

.icon-phone-emergency .path6:before {
  content: "\ed3b";
  color: rgb(255, 255, 255);
}

.icon-phone .path1:before {
  content: "\ed3c";
  color: rgb(255, 255, 255);
}

.icon-phone .path2:before {
  content: "\ed3d";
  color: rgb(235, 237, 255);
}

.icon-phone .path3:before {
  content: "\ed3e";
  color: rgb(255, 186, 83);
}

.icon-phone .path4:before {
  content: "\ed3f";
  color: rgb(91, 109, 247);
}

.icon-poop .path1:before {
  content: "\ed40";
  color: rgb(255, 255, 255);
}

.icon-poop .path2:before {
  content: "\ed41";
  color: rgb(255, 136, 27);
}

.icon-poop .path3:before {
  content: "\ed42";
  color: rgb(192, 102, 20);
}

.icon-poop .path4:before {
  content: "\ed43";
  color: rgb(192, 102, 20);
}

.icon-poop .path5:before {
  content: "\ed44";
  color: rgb(255, 136, 27);
}

.icon-profile-abs .path1:before {
  content: "\ed45";
  color: rgb(255, 255, 255);
}

.icon-profile-abs .path2:before {
  content: "\ed46";
  color: rgb(91, 109, 247);
}

.icon-profile-abs .path3:before {
  content: "\ed47";
  color: rgb(91, 109, 247);
}

.icon-profile-abs .path4:before {
  content: "\ed48";
  color: rgb(179, 187, 249);
}

.icon-profile-abs .path5:before {
  content: "\ed49";
  color: rgb(255, 255, 255);
}

.icon-profile-blue-dark .path1:before {
  content: "\ed4a";
  color: #022E17;
}

.icon-profile-blue-dark .path2:before {
  content: "\ed4b";
  color: rgb(255, 255, 255);
}

.icon-profile-blue-dark .path3:before {
  content: "\ed4c";
  color: rgb(58, 115, 73);
}

.icon-profile-blue-dark .path4:before {
  content: "\ed4d";
  color: rgb(58, 115, 73);
}

.icon-profile-blue .path1:before {
  content: "\ed4e";
  color: rgb(58, 115, 73);
}

.icon-profile-blue .path2:before {
  content: "\ed4f";
  color: rgb(255, 235, 205);
}

.icon-profile-blue .path3:before {
  content: "\ed50";
  color: rgb(24, 80, 37);
}

.icon-profile-blue .path4:before {
  content: "\ed51";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-active-blue .path1:before {
  content: "\ed52";
  color: rgb(255, 235, 205);
}

.icon-profile-girl-active-blue .path2:before {
  content: "\ed53";
  color: rgb(255, 255, 255);
}

.icon-profile-girl-active-blue .path3:before {
  content: "\ed54";
  color: rgb(58, 115, 73);
}

.icon-profile-girl-active-blue .path4:before {
  content: "\ed55";
  color: rgb(255, 235, 205);
}

.icon-profile-girl-active-blue .path5:before {
  content: "\ed56";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-active-blue .path6:before {
  content: "\ed57";
  color: rgb(255, 235, 205);
}

.icon-profile-girl-active-blue .path7:before {
  content: "\ed58";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-active-blue .path8:before {
  content: "\ed59";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-active-blue .path9:before {
  content: "\ed5a";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-active-blue .path10:before {
  content: "\ed5b";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-active-blue .path11:before {
  content: "\ed5c";
  color: rgb(239, 74, 103);
}

.icon-profile-girl-active .path1:before {
  content: "\ed5d";
  color: rgb(242, 171, 143);
}

.icon-profile-girl-active .path2:before {
  content: "\ed5e";
  color: rgb(251, 218, 208);
}

.icon-profile-girl-active .path3:before {
  content: "\ed5f";
  color: rgb(255, 255, 255);
}

.icon-profile-girl-active .path4:before {
  content: "\ed60";
  color: rgb(242, 171, 143);
}

.icon-profile-girl-active .path5:before {
  content: "\ed61";
  color: rgb(251, 218, 208);
}

.icon-profile-girl-active .path6:before {
  content: "\ed62";
  color: rgb(242, 171, 143);
}

.icon-profile-girl-active .path7:before {
  content: "\ed63";
  color: rgb(101, 16, 9);
}

.icon-profile-girl-active .path8:before {
  content: "\ed64";
  color: rgb(101, 16, 9);
}

.icon-profile-girl-active .path9:before {
  content: "\ed65";
  color: rgb(101, 16, 9);
}

.icon-profile-girl-active .path10:before {
  content: "\ed66";
  color: rgb(239, 74, 103);
}

.icon-profile-girl-active .path11:before {
  content: "\ed67";
  color: rgb(239, 74, 103);
}

.icon-profile-girl-blue .path1:before {
  content: "\ed68";
  color: rgb(58, 115, 73);
}

.icon-profile-girl-blue .path2:before {
  content: "\ed69";
  color: rgb(255, 235, 205);
}

.icon-profile-girl-blue .path3:before {
  content: "\ed6a";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-blue .path4:before {
  content: "\ed6b";
  color: rgb(255, 235, 205);
}

.icon-profile-girl-blue .path5:before {
  content: "\ed6c";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-blue .path6:before {
  content: "\ed6d";
  color: rgb(255, 235, 205);
}

.icon-profile-girl-blue .path7:before {
  content: "\ed6e";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-blue .path8:before {
  content: "\ed6f";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-blue .path9:before {
  content: "\ed70";
  color: rgb(24, 80, 37);
}

.icon-profile-girl-blue .path10:before {
  content: "\ed71";
  color: rgb(24, 80, 37);
}

.icon-profile-girl .path1:before {
  content: "\ed72";
  color: rgb(255, 255, 255);
}

.icon-profile-girl .path2:before {
  content: "\ed73";
  color: rgb(242, 171, 143);
}

.icon-profile-girl .path3:before {
  content: "\ed74";
  color: rgb(251, 218, 208);
}

.icon-profile-girl .path4:before {
  content: "\ed75";
  color: rgb(242, 171, 143);
}

.icon-profile-girl .path5:before {
  content: "\ed76";
  color: rgb(251, 218, 208);
}

.icon-profile-girl .path6:before {
  content: "\ed77";
  color: rgb(242, 171, 143);
}

.icon-profile-girl .path7:before {
  content: "\ed78";
  color: rgb(101, 16, 9);
}

.icon-profile-girl .path8:before {
  content: "\ed79";
  color: rgb(101, 16, 9);
}

.icon-profile-girl .path9:before {
  content: "\ed7a";
  color: rgb(101, 16, 9);
}

.icon-profile-girl .path10:before {
  content: "\ed7b";
  color: rgb(239, 74, 103);
}

.icon-profile-kid-active-blue .path1:before {
  content: "\ed7c";
  color: rgb(58, 115, 73);
}

.icon-profile-kid-active-blue .path2:before {
  content: "\ed7d";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path3:before {
  content: "\ed7e";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path4:before {
  content: "\ed7f";
  color: rgb(255, 235, 205);
}

.icon-profile-kid-active-blue .path5:before {
  content: "\ed80";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path6:before {
  content: "\ed81";
  color: rgb(255, 235, 205);
}

.icon-profile-kid-active-blue .path7:before {
  content: "\ed82";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path8:before {
  content: "\ed83";
  color: rgb(255, 235, 205);
}

.icon-profile-kid-active-blue .path9:before {
  content: "\ed84";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path10:before {
  content: "\ed85";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path11:before {
  content: "\ed86";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path12:before {
  content: "\ed87";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-active-blue .path13:before {
  content: "\ed88";
  color: rgb(239, 74, 103);
}

.icon-profile-kid-active .path1:before {
  content: "\ed89";
  color: rgb(255, 255, 255);
}

.icon-profile-kid-active .path2:before {
  content: "\ed8a";
  color: rgb(255, 186, 83);
}

.icon-profile-kid-active .path3:before {
  content: "\ed8b";
  color: rgb(255, 186, 83);
}

.icon-profile-kid-active .path4:before {
  content: "\ed8c";
  color: rgb(209, 98, 37);
}

.icon-profile-kid-active .path5:before {
  content: "\ed8d";
  color: rgb(255, 186, 83);
}

.icon-profile-kid-active .path6:before {
  content: "\ed8e";
  color: rgb(209, 98, 37);
}

.icon-profile-kid-active .path7:before {
  content: "\ed8f";
  color: rgb(255, 186, 83);
}

.icon-profile-kid-active .path8:before {
  content: "\ed90";
  color: rgb(209, 98, 37);
}

.icon-profile-kid-active .path9:before {
  content: "\ed91";
  color: rgb(63, 26, 18);
}

.icon-profile-kid-active .path10:before {
  content: "\ed92";
  color: rgb(63, 26, 18);
}

.icon-profile-kid-active .path11:before {
  content: "\ed93";
  color: rgb(63, 26, 18);
}

.icon-profile-kid-active .path12:before {
  content: "\ed94";
  color: rgb(63, 26, 18);
}

.icon-profile-kid-active .path13:before {
  content: "\ed95";
  color: rgb(239, 74, 103);
}

.icon-profile-kid-blue .path1:before {
  content: "\ed96";
  color: rgb(58, 115, 73);
}

.icon-profile-kid-blue .path2:before {
  content: "\ed97";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path3:before {
  content: "\ed98";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path4:before {
  content: "\ed99";
  color: rgb(255, 235, 205);
}

.icon-profile-kid-blue .path5:before {
  content: "\ed9a";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path6:before {
  content: "\ed9b";
  color: rgb(255, 235, 205);
}

.icon-profile-kid-blue .path7:before {
  content: "\ed9c";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path8:before {
  content: "\ed9d";
  color: rgb(255, 235, 205);
}

.icon-profile-kid-blue .path9:before {
  content: "\ed9e";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path10:before {
  content: "\ed9f";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path11:before {
  content: "\eda0";
  color: rgb(24, 80, 37);
}

.icon-profile-kid-blue .path12:before {
  content: "\eda1";
  color: rgb(24, 80, 37);
}

.icon-profile-kid .path1:before {
  content: "\eda2";
  color: rgb(255, 255, 255);
}

.icon-profile-kid .path2:before {
  content: "\eda3";
  color: rgb(255, 186, 83);
}

.icon-profile-kid .path3:before {
  content: "\eda4";
  color: rgb(255, 186, 83);
}

.icon-profile-kid .path4:before {
  content: "\eda5";
  color: rgb(209, 98, 37);
}

.icon-profile-kid .path5:before {
  content: "\eda6";
  color: rgb(255, 186, 83);
}

.icon-profile-kid .path6:before {
  content: "\eda7";
  color: rgb(209, 98, 37);
}

.icon-profile-kid .path7:before {
  content: "\eda8";
  color: rgb(255, 186, 83);
}

.icon-profile-kid .path8:before {
  content: "\eda9";
  color: rgb(209, 98, 37);
}

.icon-profile-kid .path9:before {
  content: "\edaa";
  color: rgb(63, 26, 18);
}

.icon-profile-kid .path10:before {
  content: "\edab";
  color: rgb(63, 26, 18);
}

.icon-profile-kid .path11:before {
  content: "\edac";
  color: rgb(63, 26, 18);
}

.icon-profile-kid .path12:before {
  content: "\edad";
  color: rgb(63, 26, 18);
}

.icon-profile .path1:before {
  content: "\edae";
  color: rgb(255, 255, 255);
}

.icon-profile .path2:before {
  content: "\edaf";
  color: rgb(255, 186, 83);
}

.icon-profile .path3:before {
  content: "\edb0";
  color: rgb(92, 110, 248);
}

.icon-profile .path4:before {
  content: "\edb1";
  color: rgb(92, 110, 248);
}

.icon-radio-off .path1:before {
  content: "\edb2";
  color: rgb(255, 255, 255);
}

.icon-radio-off .path2:before {
  content: "\edb3";
  color: rgb(179, 187, 249);
}

.icon-radio-on .path1:before {
  content: "\edb4";
  color: rgb(255, 255, 255);
}

.icon-radio-on .path2:before {
  content: "\edb5";
  color: rgb(179, 187, 249);
}

.icon-radio-on .path3:before {
  content: "\edb6";
  color: rgb(91, 109, 247);
}

.icon-referent .path1:before {
  content: "\edb7";
  color: rgb(255, 255, 255);
}

.icon-referent .path2:before {
  content: "\edb8";
  color: rgb(255, 136, 27);
}

.icon-referent .path3:before {
  content: "\edb9";
  color: rgb(255, 136, 27);
}

.icon-referent .path4:before {
  content: "\edba";
  color: rgb(255, 186, 83);
}

.icon-referent .path5:before {
  content: "\edbb";
  color: rgb(192, 102, 20);
}

.icon-referent .path6:before {
  content: "\edbc";
  color: rgb(192, 102, 20);
}

.icon-referent .path7:before {
  content: "\edbd";
  color: rgb(192, 102, 20);
}

.icon-referent .path8:before {
  content: "\edbe";
  color: rgb(91, 109, 247);
}

.icon-referent .path9:before {
  content: "\edbf";
  color: rgb(91, 109, 247);
}

.icon-referent .path10:before {
  content: "\edc0";
  color: none;
}

.icon-referent .path11:before {
  content: "\edc1";
  color: rgb(91, 109, 247);
}

.icon-referent .path12:before {
  content: "\edc2";
  color: rgb(91, 109, 247);
}

.icon-save .path1:before {
  content: "\edc3";
  color: rgb(24, 219, 125);
}

.icon-save .path2:before {
  content: "\edc4";
  color: rgb(255, 255, 255);
}

.icon-save .path3:before {
  content: "\edc5";
  color: rgb(91, 109, 246);
}

.icon-search-blue-dark .path1:before {
  content: "\edc6";
  color: #022E17;
}

.icon-search-blue-dark .path2:before {
  content: "\edc7";
  color: rgb(58, 115, 73);
}

.icon-search-blue-dark .path3:before {
  content: "\edc8";
  color: rgb(255, 235, 205);
}

.icon-search-blue-dark .path4:before {
  content: "\edc9";
  color: rgb(255, 255, 255);
}

.icon-search .path1:before {
  content: "\edca";
  color: rgb(255, 255, 255);
}

.icon-search .path2:before {
  content: "\edcb";
  color: rgb(235, 237, 255);
}

.icon-search .path3:before {
  content: "\edcc";
  color: rgb(255, 186, 83);
}

.icon-search .path4:before {
  content: "\edcd";
  color: rgb(92, 110, 248);
}

.icon-share-blue .path1:before {
  content: "\edce";
  color: rgb(58, 115, 73);
}

.icon-share-blue .path2:before {
  content: "\edcf";
  color: rgb(24, 80, 37);
}

.icon-share-blue .path3:before {
  content: "\edd0";
  color: rgb(255, 235, 205);
}

.icon-share-blue .path4:before {
  content: "\edd1";
  color: rgb(58, 115, 73);
}

.icon-share-blue .path5:before {
  content: "\edd2";
  color: rgb(255, 255, 255);
}

.icon-share-blue .path6:before {
  content: "\edd3";
  color: rgb(58, 115, 73);
}

.icon-share-blue .path7:before {
  content: "\edd4";
  color: rgb(255, 255, 255);
}

.icon-share-blue .path8:before {
  content: "\edd5";
  color: rgb(24, 80, 37);
}

.icon-share .path1:before {
  content: "\edd6";
  color: rgb(255, 255, 255);
}

.icon-share .path2:before {
  content: "\edd7";
  color: rgb(255, 186, 83);
}

.icon-share .path3:before {
  content: "\edd8";
  color: rgb(91, 109, 247);
}

.icon-share .path4:before {
  content: "\edd9";
  color: rgb(91, 109, 247);
}

.icon-share .path5:before {
  content: "\edda";
  color: rgb(239, 74, 103);
}

.icon-share .path6:before {
  content: "\eddb";
  color: rgb(255, 255, 255);
}

.icon-share .path7:before {
  content: "\eddc";
  color: rgb(24, 219, 125);
}

.icon-share .path8:before {
  content: "\eddd";
  color: rgb(255, 255, 255);
}

.icon-sign-blue .path1:before {
  content: "\edde";
  color: rgb(58, 115, 73);
}

.icon-sign-blue .path2:before {
  content: "\eddf";
  color: rgb(255, 235, 205);
}

.icon-sign-blue .path3:before {
  content: "\ede0";
  color: rgb(24, 80, 37);
}

.icon-sign-blue .path4:before {
  content: "\ede1";
  color: rgb(24, 80, 37);
}

.icon-sign-blue .path5:before {
  content: "\ede2";
  color: rgb(24, 80, 37);
}

.icon-sign-blue .path6:before {
  content: "\ede3";
  color: rgb(255, 255, 255);
}

.icon-sign .path1:before {
  content: "\ede4";
  color: rgb(255, 255, 255);
}

.icon-sign .path2:before {
  content: "\ede5";
  color: rgb(255, 186, 83);
}

.icon-sign .path3:before {
  content: "\ede6";
  color: rgb(255, 136, 27);
}

.icon-sign .path4:before {
  content: "\ede7";
  color: rgb(255, 186, 83);
}

.icon-sign .path5:before {
  content: "\ede8";
  color: rgb(91, 109, 247);
}

.icon-sign .path6:before {
  content: "\ede9";
  color: rgb(91, 109, 247);
}

.icon-soft .path1:before {
  content: "\edea";
  color: rgb(255, 255, 255);
}

.icon-soft .path2:before {
  content: "\edeb";
  color: rgb(60, 78, 220);
}

.icon-stats-blue .path1:before {
  content: "\edec";
  color: rgb(58, 115, 73);
}

.icon-stats-blue .path2:before {
  content: "\eded";
  color: rgb(24, 80, 37);
}

.icon-stats-blue .path3:before {
  content: "\edee";
  color: rgb(255, 235, 205);
}

.icon-stats-blue .path4:before {
  content: "\edef";
  color: rgb(255, 255, 255);
}

.icon-stats .path1:before {
  content: "\edf0";
  color: rgb(255, 255, 255);
}

.icon-stats .path2:before {
  content: "\edf1";
  color: rgb(239, 74, 103);
}

.icon-stats .path3:before {
  content: "\edf2";
  color: rgb(255, 186, 83);
}

.icon-stats .path4:before {
  content: "\edf3";
  color: rgb(92, 110, 248);
}

.icon-stroller-blue .path1:before {
  content: "\edf4";
  color: rgb(58, 115, 73);
}

.icon-stroller-blue .path2:before {
  content: "\edf5";
  color: rgb(255, 235, 205);
}

.icon-stroller-blue .path3:before {
  content: "\edf6";
  color: rgb(255, 235, 205);
}

.icon-stroller-blue .path4:before {
  content: "\edf7";
  color: rgb(24, 80, 37);
}

.icon-stroller-blue .path5:before {
  content: "\edf8";
  color: rgb(24, 80, 37);
}

.icon-stroller-blue .path6:before {
  content: "\edf9";
  color: rgb(24, 80, 37);
}

.icon-stroller-blue .path7:before {
  content: "\edfa";
  color: rgb(58, 115, 73);
}

.icon-stroller-blue .path8:before {
  content: "\edfb";
  color: rgb(255, 255, 255);
}

.icon-stroller .path1:before {
  content: "\edfc";
  color: rgb(255, 255, 255);
}

.icon-stroller .path2:before {
  content: "\edfd";
  color: rgb(255, 186, 83);
}

.icon-stroller .path3:before {
  content: "\edfe";
  color: rgb(255, 186, 83);
}

.icon-stroller .path4:before {
  content: "\edff";
  color: rgb(91, 109, 247);
}

.icon-stroller .path5:before {
  content: "\ee00";
  color: rgb(91, 109, 247);
}

.icon-stroller .path6:before {
  content: "\ee01";
  color: rgb(91, 109, 247);
}

.icon-stroller .path7:before {
  content: "\ee02";
  color: rgb(91, 109, 247);
}

.icon-stroller .path8:before {
  content: "\ee03";
  color: rgb(255, 255, 255);
}

.icon-switch-blue .path1:before {
  content: "\ee04";
  color: rgb(58, 115, 73);
}

.icon-switch-blue .path2:before {
  content: "\ee05";
  color: rgb(24, 80, 37);
}

.icon-switch-blue .path3:before {
  content: "\ee06";
  color: rgb(24, 80, 37);
}

.icon-switch-blue .path4:before {
  content: "\ee07";
  color: rgb(255, 235, 205);
}

.icon-switch-blue .path5:before {
  content: "\ee08";
  color: rgb(24, 80, 37);
}

.icon-switch-blue .path6:before {
  content: "\ee09";
  color: rgb(24, 80, 37);
}

.icon-switch-blue .path7:before {
  content: "\ee0a";
  color: rgb(255, 235, 205);
}

.icon-switch .path1:before {
  content: "\ee0b";
  color: rgb(255, 255, 255);
}

.icon-switch .path2:before {
  content: "\ee0c";
  color: rgb(255, 186, 83);
}

.icon-switch .path3:before {
  content: "\ee0d";
  color: rgb(91, 109, 247);
}

.icon-switch .path4:before {
  content: "\ee0e";
  color: rgb(239, 74, 104);
}

.icon-switch .path5:before {
  content: "\ee0f";
  color: rgb(255, 186, 83);
}

.icon-switch .path6:before {
  content: "\ee10";
  color: rgb(91, 109, 247);
}

.icon-switch .path7:before {
  content: "\ee11";
  color: rgb(239, 74, 104);
}

.icon-timer-blue .path1:before {
  content: "\ee12";
  color: rgb(58, 115, 73);
}

.icon-timer-blue .path2:before {
  content: "\ee13";
  color: rgb(24, 80, 37);
}

.icon-timer-blue .path3:before {
  content: "\ee14";
  color: rgb(255, 255, 255);
}

.icon-timer-blue .path4:before {
  content: "\ee15";
  color: rgb(255, 255, 255);
}

.icon-timer-blue .path5:before {
  content: "\ee16";
  color: rgb(255, 235, 205);
}

.icon-timer-blue .path6:before {
  content: "\ee17";
  color: rgb(255, 235, 205);
}

.icon-timer .path1:before {
  content: "\ee18";
  color: rgb(255, 255, 255);
}

.icon-timer .path2:before {
  content: "\ee19";
  color: rgb(235, 237, 255);
}

.icon-timer .path3:before {
  content: "\ee1a";
  color: rgb(253, 185, 83);
}

.icon-timer .path4:before {
  content: "\ee1b";
  color: rgb(253, 185, 83);
}

.icon-timer .path5:before {
  content: "\ee1c";
  color: rgb(91, 109, 247);
}

.icon-timer .path6:before {
  content: "\ee1d";
  color: rgb(91, 109, 247);
}

.icon-trash-blue .path1:before {
  content: "\ee1e";
  color: rgb(179, 187, 249);
}

.icon-trash-blue .path2:before {
  content: "\ee1f";
  color: rgb(255, 255, 255);
}

.icon-trash-blue .path3:before {
  content: "\ee20";
  color: rgb(91, 109, 247);
}

.icon-trash-blue .path4:before {
  content: "\ee21";
  color: rgb(91, 109, 247);
}

.icon-trash-blue .path5:before {
  content: "\ee22";
  color: rgb(91, 109, 247);
}

.icon-trash-blue .path6:before {
  content: "\ee23";
  color: rgb(255, 255, 255);
}

.icon-trash-blue .path7:before {
  content: "\ee24";
  color: rgb(91, 109, 247);
}

.icon-trash .path1:before {
  content: "\ee25";
  color: rgb(239, 74, 104);
}

.icon-trash .path2:before {
  content: "\ee26";
  color: rgb(255, 255, 255);
}

.icon-trash .path3:before {
  content: "\ee27";
  color: rgb(239, 74, 104);
}

.icon-trash .path4:before {
  content: "\ee28";
  color: rgb(239, 74, 104);
}

.icon-trash .path5:before {
  content: "\ee29";
  color: rgb(239, 74, 104);
}

.icon-trash .path6:before {
  content: "\ee2a";
  color: rgb(255, 255, 255);
}

.icon-trash .path7:before {
  content: "\ee2b";
  color: rgb(255, 186, 83);
}

.icon-vaccine-blue .path1:before {
  content: "\ee2c";
  color: rgb(58, 115, 73);
}

.icon-vaccine-blue .path2:before {
  content: "\ee2d";
  color: rgb(255, 235, 205);
}

.icon-vaccine-blue .path3:before {
  content: "\ee2e";
  color: rgb(24, 80, 37);
}

.icon-vaccine-blue .path4:before {
  content: "\ee2f";
  color: rgb(24, 80, 37);
}

.icon-vaccine-blue .path5:before {
  content: "\ee30";
  color: rgb(24, 80, 37);
}

.icon-vaccine-blue .path6:before {
  content: "\ee31";
  color: rgb(24, 80, 37);
}

.icon-vaccine-blue .path7:before {
  content: "\ee32";
  color: rgb(255, 255, 255);
}

.icon-vaccine-blue .path8:before {
  content: "\ee33";
  color: rgb(255, 255, 255);
}

.icon-vaccine-blue .path9:before {
  content: "\ee34";
  color: rgb(255, 255, 255);
}

.icon-vaccine .path1:before {
  content: "\ee35";
  color: rgb(255, 255, 255);
}

.icon-vaccine .path2:before {
  content: "\ee36";
  color: rgb(235, 237, 255);
}

.icon-vaccine .path3:before {
  content: "\ee37";
  color: rgb(60, 78, 220);
}

.icon-vaccine .path4:before {
  content: "\ee38";
  color: rgb(60, 78, 220);
}

.icon-vaccine .path5:before {
  content: "\ee39";
  color: rgb(60, 78, 220);
}

.icon-vaccine .path6:before {
  content: "\ee3a";
  color: rgb(60, 78, 220);
}

.icon-vaccine .path7:before {
  content: "\ee3b";
  color: rgb(253, 185, 83);
}

.icon-vaccine .path8:before {
  content: "\ee3c";
  color: rgb(253, 185, 83);
}

.icon-vaccine .path9:before {
  content: "\ee3d";
  color: rgb(253, 185, 83);
}

.icon-very-interested .path1:before {
  content: "\ee3e";
  color: rgb(255, 255, 255);
}

.icon-very-interested .path2:before {
  content: "\ee3f";
  color: rgb(255, 186, 83);
}

.icon-very-interested .path3:before {
  content: "\ee40";
  color: rgb(91, 109, 247);
}

.icon-very-interested .path4:before {
  content: "\ee41";
  color: rgb(243, 124, 167);
}

.icon-water .path1:before {
  content: "\ee42";
  color: rgb(255, 255, 255);
}

.icon-water .path2:before {
  content: "\ee43";
  color: rgb(255, 186, 83);
}

.icon-water .path3:before {
  content: "\ee44";
  color: rgb(60, 78, 220);
}

.icon-water .path4:before {
  content: "\ee45";
  color: rgb(243, 124, 167);
}

.icon-water .path5:before {
  content: "\ee46";
  color: rgb(255, 255, 255);
}

.icon-water .path6:before {
  content: "\ee47";
  color: rgb(91, 109, 247);
}

[class^=icon-], [class*=" icon-"] {
  font-size: 5rem;
}
[class^=icon-].-bgLess .path1:before, [class*=" icon-"].-bgLess .path1:before {
  color: transparent;
}
[class^=icon-].-border, [class*=" icon-"].-border {
  border: 1px solid #B3BBF9;
  border-radius: 16px;
  font-size: 4.8rem;
}
[class^=icon-].-previous, [class*=" icon-"].-previous {
  transform: rotate(90deg);
  display: inline-flex;
}
[class^=icon-].-next, [class*=" icon-"].-next {
  transform: rotate(-90deg);
  display: inline-flex;
}
[class^=icon-].-up, [class*=" icon-"].-up {
  transform: rotate(-180deg);
  display: inline-flex;
}
[class^=icon-].icon-check.-green .path2:before, [class^=icon-].icon-check.-green .path3:before, [class*=" icon-"].icon-check.-green .path2:before, [class*=" icon-"].icon-check.-green .path3:before {
  color: #21C476;
}
[class^=icon-].icon-close.-red .path2:before, [class^=icon-].icon-close.-red .path3:before, [class*=" icon-"].icon-close.-red .path2:before, [class*=" icon-"].icon-close.-red .path3:before {
  color: #EF4A68;
}
[class^=icon-] [class^=path]:not(.path1):before, [class^=icon-] [class*=" path"]:not(.path1):before, [class*=" icon-"] [class^=path]:not(.path1):before, [class*=" icon-"] [class*=" path"]:not(.path1):before {
  margin-left: -1em;
}

.icon--size-1 {
  font-size: 1rem !important;
}
.icon--size-1.-border {
  border-radius: 0.3rem !important;
}

.icon--size-2 {
  font-size: 2rem !important;
}
.icon--size-2.-border {
  border-radius: 0.6rem !important;
}

.icon--size-3 {
  font-size: 3rem !important;
}
.icon--size-3.-border {
  border-radius: 0.9rem !important;
}

.icon--size-4 {
  font-size: 4rem !important;
}
.icon--size-4.-border {
  border-radius: 1.2rem !important;
}

.icon--size-5 {
  font-size: 5rem !important;
}
.icon--size-5.-border {
  border-radius: 1.5rem !important;
}

.icon--size-6 {
  font-size: 6rem !important;
}
.icon--size-6.-border {
  border-radius: 1.8rem !important;
}

.icon--size-7 {
  font-size: 7rem !important;
}
.icon--size-7.-border {
  border-radius: 2.1rem !important;
}

.icon--size-8 {
  font-size: 8rem !important;
}
.icon--size-8.-border {
  border-radius: 2.4rem !important;
}

.icon--size-9 {
  font-size: 9rem !important;
}
.icon--size-9.-border {
  border-radius: 2.7rem !important;
}

.icon--size-10 {
  font-size: 10rem !important;
}
.icon--size-10.-border {
  border-radius: 3rem !important;
}

.icon--size-input {
  font-size: 4.4rem !important;
}
.icon--size-input.-border {
  border-radius: 1.32rem !important;
}

.stack-icon {
  display: flex;
  flex-direction: column;
}
.stack-icon [class^=icon-] {
  font-size: 2.5rem;
  display: block;
}

.icon.dot::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  background-color: #ef4a67;
  clip-path: circle();
}
.icon.dot.dotWithText::after {
  content: var(--dot-text);
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 2px;
  top: -8px;
  right: -8px;
}
.icon .theme-light .icon-on-bg {
  border: 1px solid #B3BBF9;
  border-radius: 16px;
  font-size: 4.8rem;
}

.icon-profile.-style-dark .path1:before {
  color: #01259B !important;
}
.icon-profile.-style-dark .path2:before {
  color: #fff !important;
}
.icon-profile.-style-dark .path3:before {
  color: #01259B !important;
}
.icon-profile.-style-dark .path4:before {
  color: #01259B !important;
}

.attachedFile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
  padding: 1px 0.7rem 1px 0.7rem;
  background-color: #01259B;
  border-radius: 12px;
  height: 44px;
}
.attachedFile .attachedFile__filename {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.attachedFile .attachedFile__filename .filename {
  color: #ffffff;
  padding-left: 1rem;
  font-size: 1.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.attachedFile .attachedFile__actions {
  padding-top: 0.2rem;
  display: flex;
}
.attachedFile .attachedFile__actions [class^=icon-], .attachedFile .attachedFile__actions [class*=" icon-"] {
  font-size: 3rem;
}
.attachedFile .attachedFile__actions button, .attachedFile .attachedFile__actions a {
  margin-left: 0.5rem;
}

.has-background-blue-medium .attachedFile .attachedFile__filename span {
  color: #ffffff;
}

.field.-file + .attachedFile {
  margin-top: 3rem;
}

.badge {
  padding: 0.5rem 1rem;
  font-size: 1.5rem !important;
  border-radius: 12px;
  display: inline-block;
  font-weight: 600;
}
.badge.-small {
  font-size: 1.2rem !important;
}
.badge.-big {
  font-size: 2rem !important;
}
.badge.-theme {
  background-color: #16623E;
  color: white;
}
.badge.-theme-2 {
  background-color: #8AB09E;
  color: #022E17;
}
.badge.-blue {
  background-color: #5B6DF7;
  color: white;
}
.badge.-blue-2 {
  background-color: #B3BBF9;
  color: #01259B;
}
.badge.-red {
  background-color: #EF4A68;
  color: white;
}
.badge.-red-2 {
  background-color: #F9ACBA;
  color: #9A1B31;
}
.badge.-yellow {
  background-color: #FFBA53;
  color: white;
}
.badge.-yellow-2 {
  background-color: #FFD79C;
  color: #C06614;
}
.badge.-green {
  background-color: #18DB7D;
  color: white;
}
.badge.-green-2 {
  background-color: #B6F1CC;
  color: #006633;
}
.badge.-white {
  background-color: white;
  color: #5B6DF7;
}
.badge .arrow {
  display: inline-block;
  border: solid currentColor;
  border-width: 0 0 3px 3px;
  rotate: -45deg;
  padding: 4px;
  vertical-align: 2px;
  margin-left: 0.5rem;
}
.badge.-outlined {
  background-color: white;
  border: solid 1px;
}
.badge.-outlined.-blue {
  border-color: #5B6DF7;
  color: #5B6DF7;
}
.badge.-outlined.-blue-2 {
  border-color: #B3BBF9;
  color: #B3BBF9;
}
.badge.-outlined.-red {
  border-color: #EF4A68;
  color: #EF4A68;
}
.badge.-outlined.-green {
  border-color: #21C476;
  color: #21C476;
}
.badge.-timeslot-badge {
  border: 1px solid white;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.badge.-timeslot-badge.-purple-light {
  background-color: #BC88F6;
  color: white;
}
.badge.-timeslot-badge.-purple-dark {
  background-color: #883BDB;
  color: white;
}
.badge.-timeslot-badge.-pink {
  background-color: #FFB6D0;
  color: white;
}
.badge.-timeslot-badge.-blue-dark {
  background-color: #01259B;
  color: white;
}
.badge.-timeslot-badge.-green {
  background-color: #279A64;
  color: white;
}
.badge.-timeslot-badge.-red {
  background-color: #CD1A39;
  color: white;
}
.badge.-timeslot-badge.-yellow {
  background-color: #FFBA53;
  color: white;
}
.badge.-timeslot-badge.-not-visible {
  border: none;
}
.badge.-disallow {
  background-color: rgba(91, 109, 247, 0.3);
}
.badge.-disallow::before {
  content: "🚫";
  display: inline-block;
}
.badge.-allow::before {
  content: "✅";
  display: inline-block;
}
.badge + .badge {
  margin-left: 1rem;
}
@media (max-width: 375px) {
  .badge + .badge {
    margin-left: 0.5rem;
  }
}

.badge-duo {
  display: flex;
  font-size: 1.5rem !important;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
}
.badge-duo > :first-child, .badge-duo > :last-child {
  padding: 0.5rem 1rem;
  border: solid 1px transparent;
}
.badge-duo > :first-child {
  border-radius: 12px 0 0 12px;
}
.badge-duo > :last-child {
  border-radius: 0 12px 12px 0;
}
.badge-duo.-outlined {
  -moz-column-gap: 0;
  column-gap: 0;
}
.badge-duo.-outlined > :first-child {
  background-color: white;
  border: solid 1px;
  border-right-width: 0;
}
.badge-duo.-outlined > .-border-blue {
  border-color: #5B6DF7;
  color: #5B6DF7;
}
.badge-duo > .-blue {
  background-color: #5B6DF7;
  color: white;
}
.badge-duo > .-red {
  background-color: #EF4A68;
  color: white;
}
.badge-duo.-small {
  font-size: 1.2rem !important;
}
.badge-duo.-big {
  font-size: 2rem !important;
}

button {
  border: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  background-color: transparent;
}
button:focus {
  outline: 0;
}
button:disabled {
  cursor: not-allowed;
}

.button {
  display: inline-flex;
  justify-content: center;
  border-radius: 16px;
  padding: 1.5rem 3rem;
  background-color: #16623E;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 700;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
.button:last-child {
  margin-bottom: 0;
}
.button.-blinking {
  animation: blinking 3s infinite;
}
.button.-outlined {
  background-color: transparent !important;
  color: #16623E;
  border-color: #16623E;
}
.button.-outlined.-green {
  border-color: #18DB7D;
  color: #18DB7D;
}
.button.-outlined.-white {
  border-color: #fff;
  color: #fff;
}
.button.-outlined.-red {
  border-color: #EF4A68;
  color: #EF4A68;
}
.button.-text {
  background-color: transparent !important;
  color: #16623E;
  border-color: transparent;
}
.button.-text.-green {
  color: #18DB7D;
}
.button.-text.-red {
  color: #EF4A68;
}
.button.-fullWidth {
  width: 100%;
}
.button.-disabled, .button:disabled {
  cursor: not-allowed;
  background-color: #8AB09E;
}
.button.-dark {
  background-color: #022E17;
}
.button.-green {
  background-color: #18DB7D;
}
.button.-green.-disabled, .button.-green:disabled {
  background-color: rgb(129.2777777778, 241.2222222222, 187.2592592593);
}
.button.-darkBlue {
  background-color: #01259B;
}
.button.-red {
  background-color: #EF4A68;
}
.button.-yellow {
  background-color: #FF881B;
}
.button.-white {
  color: #16623E;
  border-color: #16623E;
  background-color: #ffffff;
}
.button.-small {
  font-size: 1.4rem !important;
  padding: 1rem 2rem !important;
}
.button.-x-small {
  font-size: 1.2rem !important;
  padding: 0.5rem 1rem !important;
}
.button:hover:not(:disabled):not(.-disabled) {
  transform: scale(1.02);
}

@media (max-width: 375px) {
  .button {
    padding: 1rem;
  }
}
.-followButtonSameWidth {
  width: 150px;
}
@media (max-width: 375px) {
  .-followButtonSameWidth {
    width: 140px;
  }
}

.buttonsGroup {
  display: flex;
  width: 100%;
  margin-bottom: 4rem;
}
.buttonsGroup:last-child, .buttonsGroup:has(+ .input__error-message) {
  margin-bottom: 0;
}
.buttonsGroup input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.buttonsGroup .button {
  position: relative;
  border-radius: 0;
  background-color: #8AB09E;
  flex: 1;
  padding: 1rem 3rem;
  margin-bottom: 0 !important;
  cursor: pointer;
}
.buttonsGroup .button.-current {
  background-color: #16623E;
  transition: 0.2s;
}
@media (hover: hover) {
  .buttonsGroup .button:hover {
    background-color: #16623E;
    transition: 0.2s;
  }
}
.buttonsGroup .button:first-child {
  border-radius: 12px 0 0 12px;
}
.buttonsGroup .button:last-child {
  border-radius: 0 12px 12px 0;
}
.buttonsGroup .button:not(:first-child) {
  border-left: 1px solid #ECEBED;
}
.buttonsGroup .button:not(:last-child) {
  border-right: 1px solid #ECEBED;
}
.buttonsGroup .button > .-disabled, .buttonsGroup .button > :disabled, .buttonsGroup .button.-disabled, .buttonsGroup .button:disabled {
  cursor: not-allowed;
  background-color: #8AB09E;
}
.buttonsGroup .button > .-disabled.-current, .buttonsGroup .button > :disabled.-current, .buttonsGroup .button.-disabled.-current, .buttonsGroup .button:disabled.-current {
  background-color: #16623E;
}
.buttonsGroup .button:hover:not(:disabled):not(.-disabled), .buttonsGroup .button.-current:not(:disabled):not(.-disabled) {
  transform: scale(1);
  flex: 1.5;
}

@media (max-width: 480px) {
  .buttonsGroup .button {
    padding: 1rem;
  }
}
.rowChoices {
  display: flex;
}

.cardChoice {
  background-color: #ffffff;
  border-radius: 12px;
  border: 3px solid #EBEDFF;
  text-align: center;
  cursor: pointer;
  flex: 1;
  position: relative;
  background-color: #EBEDFF;
  box-shadow: 0 0 0 1px #034623;
}
.cardChoice input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.cardChoice .cardChoice__name {
  color: #5B575F;
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1.3rem;
  margin: 0 -3px -3px -3px;
  border-radius: 0 0 12px 12px;
  background-color: #ffffff;
}
.cardChoice.-current {
  border-color: #16623E;
  box-shadow: none !important;
}
.cardChoice.-current .cardChoice__name {
  background-color: #16623E;
  color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .cardChoice:hover {
    border-color: #16623E;
    box-shadow: none !important;
  }
  .cardChoice:hover .cardChoice__name {
    background-color: #16623E;
    color: #ffffff;
  }
}
.cardChoice + .cardChoice {
  margin-left: 1rem;
}
@media (max-width: 360px) {
  .cardChoice + .cardChoice {
    margin-left: 0.5rem;
  }
}

.circular-chart {
  display: block;
  margin: 10px 0;
  width: 100%;
}
.circular-chart .background-circle {
  fill: none;
  stroke: #EBEDFF;
  stroke-width: 7;
}
.circular-chart .outer-circle {
  fill: none;
  stroke-width: 6;
  stroke-linecap: round;
  animation: progress 0.5s ease-out forwards;
}
.circular-chart .inner-circle {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  animation: progress 0.5s ease-out forwards;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.circular-chart .orange-stop-color-1 {
  stop-color: #FF881B;
}
.circular-chart .orange-stop-color-2 {
  stop-color: #FFBA53;
}
.circular-chart .green-stop-color-1 {
  stop-color: #21C476;
}
.circular-chart .green-stop-color-2 {
  stop-color: #18DB7D;
}
.circular-chart .red-stop-color-1 {
  stop-color: #EF4A68;
}
.circular-chart .red-stop-color-2 {
  stop-color: #F9ACBA;
}
.circular-chart .blue-stop-color-1 {
  stop-color: #5B6DF7;
}
.circular-chart .blue-stop-color-2 {
  stop-color: #8593FF;
}
.circular-chart .outer-circle-value {
  fill: #5B575F;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

.component__copy-value {
  display: flex;
  gap: 10px;
}

.component__copy-value__left {
  flex: 1;
  min-width: 0;
  gap: 4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  text-align: left;
  background-color: #fff;
  border: 1px solid #b3bbf9;
  border-radius: 16px;
  padding: 0.5rem 1rem;
  height: 5rem;
  width: 100%;
  font-size: 1.3rem;
  justify-content: space-between;
}

.component__copy-value__left__label {
  padding-left: 1rem;
  color: #5b575f;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}

.description-list {
  display: grid;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 0;
}
.description-list .description-list__highlight {
  color: #5B6DF7;
  font-weight: 700;
  font-size: 1.6rem;
}
.description-list dt {
  grid-column: 1;
  color: #5B575F;
  font-weight: 700;
}
.description-list dd {
  grid-column: 2;
  color: #5B575F;
  font-size: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 1rem;
  word-break: break-all;
}
.description-list dd:last-child {
  margin-bottom: 0;
}
.description-list.-left {
  justify-content: start;
}
.description-list.-left dd {
  justify-content: flex-start;
  margin-left: 4rem;
}
@media (max-width: 425px) {
  .description-list {
    display: initial;
  }
  .description-list dd {
    justify-content: flex-end;
  }
  .description-list.-left dd {
    justify-content: flex-start;
  }
}

input[type=text], input[type=email], input[type=password], input[type=tel], input[type=date], input[type=file], input[type=number], input[type=time], input[type=url], select, textarea {
  border-radius: 14px;
  border: 1px solid #B3BBF9;
  padding: 1.2rem 1.6rem;
  font-size: 1.3rem;
  color: #5B575F;
  font-weight: 600;
  width: 100%;
  -webkit-appearance: none;
  height: 44px;
  background-color: #ffffff;
}
input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=file]:focus, input[type=number]:focus, input[type=time]:focus, input[type=url]:focus, select:focus, textarea:focus {
  outline: 0;
}

textarea {
  height: auto;
  min-height: 70px;
}

/* Trick for iOS for icon alignment when input has no value */
input::-webkit-date-and-time-value {
  padding: 4px;
}

.field {
  width: 100%;
}
.field + .field {
  margin-top: 2rem;
}
.field.field--checkbox {
  margin-top: 4.8rem;
}
.field input[type=text]:disabled, .field input[type=text].disabled, .field input[type=email]:disabled, .field input[type=email].disabled, .field input[type=password]:disabled, .field input[type=password].disabled, .field input[type=tel]:disabled, .field input[type=tel].disabled, .field input[type=date]:disabled, .field input[type=date].disabled, .field input[type=file]:disabled, .field input[type=file].disabled, .field input[type=number]:disabled, .field input[type=number].disabled, .field input[type=time]:disabled, .field input[type=time].disabled, .field input[type=url]:disabled, .field input[type=url].disabled, .field textarea:disabled, .field textarea.disabled, .field select:disabled, .field select.disabled {
  background-color: rgba(179, 187, 249, 0.733) !important;
  cursor: not-allowed !important;
  border: 1px solid #5B6DF7 !important;
  -webkit-text-fill-color: #5B575F;
  opacity: 1;
}
.field input[type=text]:disabled + span .path1:before, .field input[type=text].disabled + span .path1:before, .field input[type=email]:disabled + span .path1:before, .field input[type=email].disabled + span .path1:before, .field input[type=password]:disabled + span .path1:before, .field input[type=password].disabled + span .path1:before, .field input[type=tel]:disabled + span .path1:before, .field input[type=tel].disabled + span .path1:before, .field input[type=date]:disabled + span .path1:before, .field input[type=date].disabled + span .path1:before, .field input[type=file]:disabled + span .path1:before, .field input[type=file].disabled + span .path1:before, .field input[type=number]:disabled + span .path1:before, .field input[type=number].disabled + span .path1:before, .field input[type=time]:disabled + span .path1:before, .field input[type=time].disabled + span .path1:before, .field input[type=url]:disabled + span .path1:before, .field input[type=url].disabled + span .path1:before, .field textarea:disabled + span .path1:before, .field textarea.disabled + span .path1:before, .field select:disabled + span .path1:before, .field select.disabled + span .path1:before {
  color: #5B6DF7 !important;
}
.field input[type=text]:disabled::-moz-placeholder, .field input[type=text].disabled::-moz-placeholder, .field input[type=email]:disabled::-moz-placeholder, .field input[type=email].disabled::-moz-placeholder, .field input[type=password]:disabled::-moz-placeholder, .field input[type=password].disabled::-moz-placeholder, .field input[type=tel]:disabled::-moz-placeholder, .field input[type=tel].disabled::-moz-placeholder, .field input[type=date]:disabled::-moz-placeholder, .field input[type=date].disabled::-moz-placeholder, .field input[type=file]:disabled::-moz-placeholder, .field input[type=file].disabled::-moz-placeholder, .field input[type=number]:disabled::-moz-placeholder, .field input[type=number].disabled::-moz-placeholder, .field input[type=time]:disabled::-moz-placeholder, .field input[type=time].disabled::-moz-placeholder, .field input[type=url]:disabled::-moz-placeholder, .field input[type=url].disabled::-moz-placeholder, .field textarea:disabled::-moz-placeholder, .field textarea.disabled::-moz-placeholder, .field select:disabled::-moz-placeholder, .field select.disabled::-moz-placeholder {
  color: #5B575F !important;
}
.field input[type=text]:disabled::placeholder, .field input[type=text].disabled::placeholder, .field input[type=email]:disabled::placeholder, .field input[type=email].disabled::placeholder, .field input[type=password]:disabled::placeholder, .field input[type=password].disabled::placeholder, .field input[type=tel]:disabled::placeholder, .field input[type=tel].disabled::placeholder, .field input[type=date]:disabled::placeholder, .field input[type=date].disabled::placeholder, .field input[type=file]:disabled::placeholder, .field input[type=file].disabled::placeholder, .field input[type=number]:disabled::placeholder, .field input[type=number].disabled::placeholder, .field input[type=time]:disabled::placeholder, .field input[type=time].disabled::placeholder, .field input[type=url]:disabled::placeholder, .field input[type=url].disabled::placeholder, .field textarea:disabled::placeholder, .field textarea.disabled::placeholder, .field select:disabled::placeholder, .field select.disabled::placeholder {
  color: #5B575F !important;
}
.field ::-moz-placeholder {
  color: #5B6DF7;
  font-size: 1.3rem;
  font-weight: 500;
  font-style: italic;
  opacity: 0.5;
}
.field ::placeholder, .field .placeholder {
  color: #5B6DF7;
  font-size: 1.3rem;
  font-weight: 500;
  font-style: italic;
  opacity: 0.5;
}
.field.-filled input[type=text], .field.-filled input[type=email], .field.-filled input[type=password], .field.-filled input[type=tel], .field.-filled input[type=date], .field.-filled input[type=file], .field.-filled input[type=number], .field.-filled input[type=time], .field.-filled input[type=url], .field.-filled textarea, .field.-filled select, .field.-filled .fakeSelect {
  border: 1px solid #5B6DF7 !important;
}
.field.-filled .field__icon > span .path1:before {
  color: #5B6DF7;
}
.field.-filled.-file .field {
  font-weight: 600;
}
.field .field__icon {
  position: relative;
}
.field .field__icon input {
  padding-right: 5rem;
}
.field .field__icon > span {
  position: absolute;
  right: 0;
  bottom: -12px;
  font-size: 44px;
  pointer-events: none;
}
.field .field__icon > span .path1:before {
  color: #B3BBF9;
}
.field .field__icon .clickable {
  pointer-events: auto;
}
.field + button {
  margin-top: 2rem;
}

label:has(~ input:required:not(:disabled):not(:-moz-read-only)):after, label:has(~ textarea:required:not(:disabled):not(:-moz-read-only)):after, label:has(~ * input:required:not(:disabled):not(:-moz-read-only)):after, label:has(~ * textarea:required:not(:disabled):not(:-moz-read-only)):after {
  content: " *";
  color: red;
}

label:has(~ input:required:not(:disabled):not(:read-only)):after,
label:has(~ textarea:required:not(:disabled):not(:read-only)):after,
label:has(~ select:required:not(:disabled)):after,
label:has(~ * input:required:not(:disabled):not(:read-only)):after,
label:has(~ * select:required:not(:disabled)):after,
label:has(~ * textarea:required:not(:disabled):not(:read-only)):after {
  content: " *";
  color: red;
}

.-error input[type=text], .-error input[type=email], .-error input[type=password], .-error input[type=tel], .-error input[type=date], .-error input[type=file], .-error input[type=number], .-error input[type=time], .-error input[type=url], .-error textarea, .-error select, .-error .fakeSelect {
  border: 1px solid #EF4A68;
}
.-error .field__icon > span .path1:before {
  color: #EF4A68 !important;
}
.-error.-file .field {
  border: 1px solid #EF4A68;
  color: #5B575F;
  font-weight: 600;
}
.-error .checkboxContainer {
  border-color: #EF4A68;
}
.-error .checkboxContainer label {
  color: #EF4A68;
}
.-error .checkboxContainer .checkbox {
  border-color: #EF4A68;
}
.-error .checkboxContainer .checkbox [class^=icon-], .-error .checkboxContainer .checkbox [class*=" icon-"] {
  display: none;
}

.-file {
  position: relative;
  cursor: pointer;
}
.-file input {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 2rem;
  opacity: 0;
}
.-file .field {
  border-radius: 12px;
  border: 1px solid #B3BBF9;
  padding: 1.2rem 1.6rem;
  font-size: 1.3rem;
  color: #5B575F;
  width: 100%;
  color: #B3BBF9;
  display: flex;
  background-color: #ffffff;
  justify-content: space-between;
}
.-file .field .field__icon > span {
  position: absolute;
  right: -1.7rem;
  bottom: -12.5px;
  font-size: 4.3rem;
}
.-file .field .field__icon > span .path1:before {
  color: #B3BBF9;
}
.-file .field .field__placeholder {
  width: 100%;
}
.-file .field .field__names {
  width: 100%;
  color: #5B575F;
}
.-file input:disabled + .field {
  background-color: rgba(179, 187, 249, 0.733);
  cursor: not-allowed;
  border: 1px solid #5B6DF7;
  color: #5B575F;
  font-weight: 600;
}
.-file input:disabled + .field .field__icon img {
  background-color: #5B6DF7;
}
.-file.-filled .field {
  background-color: #5B6DF7;
  color: #ffffff;
}

.-select {
  position: relative;
}
.-select .has-background-white {
  border-radius: 14px;
}
.-select select {
  width: 100%;
  background-color: transparent;
  z-index: 1;
  position: relative;
  padding-right: 5rem;
}
.-select select option {
  color: initial;
}
.-select .field__icon {
  position: static;
}
.-select .field__icon > span {
  bottom: 5px;
}
.-select .icon {
  position: absolute;
  right: 0;
  width: 44px;
  height: 44px;
  z-index: 0;
}
.-select .icon [class^=icon-], .-select .icon [class*=" icon-"] {
  font-size: 4.4rem;
}

.-password .field__icon > span {
  cursor: pointer;
}
.-password .field__icon > span .path1:before {
  color: transparent;
}
.-password .field__icon > span .path4:before {
  display: none;
}
.-password.-viewing .field__icon > span .path4:before {
  display: inline;
}

/* Reduce horizontal spacing between checkbox when they are in a list */
ul .field.field--checkbox {
  margin-top: 2.5rem;
}

[class^=has-background-] .field label:not(.checkbox + label), [class*=" has-background-"] .field label:not(.checkbox + label) {
  color: #ffffff;
}

.search-field {
  position: relative;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.6rem;
  margin-bottom: 2rem;
}
.search-field .search-field__label {
  padding-left: 0;
  color: #ffffff;
  font-size: 2.4rem;
  margin-bottom: 0;
  position: relative;
  top: 0;
  transition: 0.3s;
}
.search-field .search-field__right {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.search-field .search-field__right .search-field__trailing {
  display: flex;
}
.search-field .search-field__right .search-field__trailing a {
  display: inherit;
}
.search-field .search-field__right .search-field__trailing .switch {
  margin-right: 1rem;
}
.search-field .search-field__right .search-field__input {
  position: relative;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 1;
}
.search-field .search-field__right .search-field__input ::-moz-placeholder {
  color: #01259B;
}
.search-field .search-field__right .search-field__input ::placeholder {
  color: #01259B;
}
.search-field .search-field__right .search-field__input .icon-search-blue-dark {
  position: absolute;
  z-index: 1;
}
.search-field .search-field__right .search-field__input input {
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: #022E17;
  border-color: #022E17;
  text-align: left;
  color: #01259B;
  direction: ltr;
  border-radius: 16px;
}
.search-field .search-field__right .search-field__input .close {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
.search-field .search-field__right .search-field__input .close .icon-close {
  position: static;
  width: 40px;
}
.search-field.is-current .search-field__label {
  position: absolute;
  top: -2.5rem;
  font-size: 1.4rem;
  transition: 0.3s;
  font-weight: 600;
}
.search-field.is-current .search-field__right {
  width: 100%;
}
.search-field.is-current .search-field__right .search-field__trailing {
  display: none;
}
.search-field.is-current .search-field__right .search-field__input {
  width: 100%;
  direction: rtl;
}
.search-field.is-current .search-field__right .search-field__input ::-moz-placeholder {
  color: #ffffff;
}
.search-field.is-current .search-field__right .search-field__input ::placeholder {
  color: #ffffff;
}
.search-field.is-current .search-field__right .search-field__input input {
  width: 100%;
  transition: 0.3s;
  padding-left: 1rem;
  color: #ffffff;
}
.search-field.is-current .search-field__right .search-field__input .close {
  z-index: 2;
}
@media (max-width: 480px) {
  .search-field .search-field__label {
    font-size: 1.8rem;
  }
}
@media (max-width: 375px) {
  .search-field {
    padding: 0;
  }
  .search-field .search-field__label {
    font-size: 1.6rem;
  }
  .search-field .search-field__trailing {
    right: 5.9rem;
  }
}

.checkboxContainer {
  background: #ffffff;
  border: 1px solid #B3BBF9;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0 1rem;
  position: relative;
  cursor: pointer;
  height: 44px;
}
.checkboxContainer .checkbox {
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid #B3BBF9;
  flex: 0 0 2.8rem;
  border-radius: 8px;
}
.checkboxContainer .checkbox [class^=icon-], .checkboxContainer .checkbox [class*=" icon-"] {
  font-size: 2.8rem;
  display: none;
}
.checkboxContainer input[type=checkbox] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.checkboxContainer input[type=checkbox]:disabled + .checkbox + label {
  color: #B3BBF9;
}
.checkboxContainer input[type=checkbox]:disabled + .checkbox {
  background-color: #EBEDFF;
  border: none;
}
.checkboxContainer label {
  margin: 0;
  font-weight: 500;
}
.checkboxContainer.-filled {
  background: #EBEDFF;
}
.checkboxContainer.-filled .checkbox {
  border: 0;
}
.checkboxContainer.-filled .checkbox [class^=icon-], .checkboxContainer.-filled .checkbox [class*=" icon-"] {
  display: block;
}

form button + button {
  margin-top: 2rem;
}

.readonly {
  background-color: #B3BBF9;
  border: 1px solid #5B6DF7;
  padding: 1.2rem 1.6rem;
  border-radius: 16px;
}

.multiselect .fakeSelect {
  padding: 0.7rem 5.5rem 0.7rem 1.6rem;
  background-color: #fff;
}
.multiselect__input__wrapper {
  position: relative;
}
.multiselect__input__wrapper .multiselect__trigger-icon {
  bottom: 0;
}
.multiselect__title {
  font-weight: bold;
  font-size: 3rem;
  color: #5B575F;
}
.multiselect__optionList {
  overflow-y: auto;
  max-height: 40vh;
  padding: 2rem 2.6rem 2rem;
  margin: 0 -1.6rem;
}
.multiselect__option {
  background-color: rgb(174.5326530612, 200.6673469388, 188.287755102);
  border-radius: 16px;
  padding: 2rem;
  margin-bottom: 1rem;
  cursor: pointer;
  font-weight: bold;
  color: #5B575F;
}
.multiselect__option.-selected {
  background-color: #16623E;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .multiselect__option:hover {
    background-color: rgb(168.443877551, 196.556122449, 183.2397959184);
  }
  .multiselect__option:hover.-selected {
    background-color: rgb(26.675, 118.825, 75.175);
    color: #fff;
  }
}
.multiselect__footer {
  padding: 2rem 1.6rem 0;
  margin: 0 -1.6rem;
  border-top: 1px solid #8AB09E;
}

.group-fields {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space, 1rem);
}
.group-fields .field {
  width: auto;
}
.group-fields .field + .field {
  margin-top: 0;
}

fieldset {
  border: 0;
  padding: 1rem 0;
}
fieldset legend {
  color: #5B575F;
  font-size: 1.4rem;
  padding: 0 0.5rem;
}

fieldset + fieldset {
  margin-top: 2rem;
}

.card-detail {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 1.3rem;
  background-color: #fff;
  border: 1px solid #8AB09E;
  border-radius: 16px;
  padding: 0.5rem 1rem;
  height: 5rem;
  width: 100%;
}
.card-detail.full-background {
  background-color: #b3bbf9;
}
.card-detail--no-box {
  font-size: inherit;
  background-color: inherit;
  border: inherit;
  border-radius: inherit;
  padding: inherit;
  height: inherit;
  color: inherit;
}
.card-detail.no-fixed-height {
  height: auto;
}
.card-detail.no-fixed-height .card-detail__content > span {
  white-space: initial;
}
.card-detail.three-line {
  height: 7rem;
}
.card-detail.-highlight {
  border: 2px solid #16623E;
}
.card-detail__icon {
  position: relative;
  margin-left: -0.5rem;
  height: 4rem;
  width: 4rem;
  margin-right: 0.5rem;
}
.card-detail__content {
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  text-overflow: ellipsis;
  flex-direction: column;
  flex: 1;
}
.card-detail__content:first-child {
  padding-left: 0.5rem;
}
.card-detail__content > div:not(.icon), .card-detail__content > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card-detail__content > *:first-child {
  font-size: 1.4rem;
}
@media (max-width: 375px) {
  .card-detail__content > *:first-child {
    font-size: 1.3rem;
  }
}
.card-detail__right {
  display: flex;
  align-items: center;
}
.card-detail.-one-line {
  font-size: 1.5rem;
}
.card-detail.-one-line .card-detail__content > *:first-child {
  font-size: 1.5rem;
}

.messageBar {
  background-color: #EF4A68;
  color: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 1rem;
  z-index: 5;
}
.messageBar.-demo {
  position: static;
}
.messageBar.-warning {
  background-color: #FF881B;
}

.notification {
  background-color: #f5f5f5;
  border-radius: 16px;
  padding: 1.6rem 2.4rem 1.6rem 2.4rem;
  position: relative;
  margin-bottom: 2rem;
}
.notification.-delete {
  padding-right: 4rem;
}
.notification > .delete {
  position: absolute !important;
  right: 1rem;
  top: 1rem;
}
.notification > .delete [class^=icon-], .notification > .delete [class*=" icon-"] {
  font-size: 2rem;
}
.notification.-success {
  background-color: #48c774;
  color: #fff;
}
.notification.-warning {
  background-color: #FFDD57;
  color: rgba(0, 0, 0, 0.7);
}
.notification.-danger {
  background-color: #EF4A68;
  color: #fff;
}

.profil {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 1.3rem;
  background-color: #EBEDFF;
  border-radius: 18px;
  padding: 0.4rem 1rem;
  height: 5rem;
  width: 100%;
  color: #5B575F;
  font-weight: 400;
}
.profil .icon {
  position: relative;
  margin-left: -0.6rem;
  height: 4.2rem;
  width: 4.2rem;
  min-width: 4.2rem;
  margin-right: 0.6rem;
}
.profil .icon [class^=icon-], .profil .icon [class*=" icon-"] {
  font-size: 4.2rem;
}
.profil .icon img {
  border-radius: 14px;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.profil--overflow .name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.profil--overflow .name > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profil__text {
  width: 100%;
}
.profil__text > *:first-child {
  font-size: 1.4rem;
}
@media (max-width: 375px) {
  .profil__text > *:first-child {
    font-size: 1.3rem;
  }
}
.profil__text > div {
  container-name: profil__text;
  container-type: inline-size;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profil .time {
  font-weight: 700;
  font-size: 1.3rem;
}
.profil.-blue .name {
  color: #5B6DF7;
}
.profil.-highlight {
  border: 2px solid #5B6DF7;
}
@media (max-width: 375px) {
  .profil {
    font-size: 1.3rem;
  }
}

progress {
  width: 100%;
}

#fixed-loader {
  position: fixed;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 40px;
  box-shadow: 0 0 5px #999;
}

.square {
  height: 50px;
  width: 50px;
  display: inline-block;
}
.square > span {
  padding: 0 !important;
  text-align: center;
  height: 50px;
  width: 50px;
  font-size: 1.5rem;
  color: #ffffff;
  border-radius: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid transparent;
}
.square .text-center {
  margin-top: -50px;
}
.square .top {
  border-radius: 16px 16px 0 0;
}
.square .middle {
  border-radius: 0;
}
.square .bottom {
  border-radius: 0 0 16px 16px;
}
@media (max-width: 480px) {
  .square.responsive, .square.responsive > span {
    height: 40px;
    width: 40px;
  }
  .square.responsive .text-center {
    margin-top: -40px;
  }
}
@media (max-width: 375px) {
  .square.responsive, .square.responsive > span {
    height: 36px;
    width: 36px;
  }
  .square.responsive .text-center {
    margin-top: -36px;
  }
}
.square__second-line {
  font-size: 1rem;
  margin-bottom: 0;
  font-weight: 300;
}
.square .border-blue {
  color: #5B575F !important;
  border-color: #B3BBF9 !important;
}
.square .border-red {
  color: #EF4A68 !important;
  border-color: #EF4A68 !important;
}
.square .has-background-blue-medium-2 {
  color: #ffffff;
}
.square .has-background-white {
  border: 1px solid #B3BBF9;
  color: #5B575F;
}
.square .has-background-pink-dark.square--outlined {
  border: 1px solid #EF4A68;
  background-color: #ffffff !important;
  color: #5B575F;
}
.square .has-background-green-medium.square--outlined {
  border: 1px solid #18DB7D;
  background-color: #ffffff !important;
  color: #5B575F;
}
.square > p {
  margin-top: 0.5rem;
  color: #5B575F;
  font-size: 1rem;
  text-align: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 40px;
}
.switch input {
  display: none;
}
.switch .switch__toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #034623;
  transition: 0.4s;
  border-radius: 34px;
}
.switch .switch__toggle:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  left: 4px;
  bottom: 5px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
.switch input:checked + .switch__toggle {
  background-color: #022E17;
}
.switch input:checked + .switch__toggle:before {
  transform: translateX(32px);
}
.switch .switch__toggle span {
  color: #EBEDFF;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  right: 0.5rem;
  font-size: 1.2rem;
  font-weight: 600;
}
.switch input:checked + .switch__toggle span {
  color: #022E17;
}
.switch.-small {
  width: 55px;
  height: 30px;
}
.switch.-small .switch__toggle:before {
  height: 22px;
  width: 22px;
  bottom: 4px;
}
.switch.-small input:checked + .switch__toggle:before {
  transform: translateX(25px);
}
.switch.-small .switch__toggle span {
  right: 0.1rem;
}

.toggle-button {
  display: inline-flex;
  gap: 0.5rem;
  background-color: #022E17;
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  padding: 0.5em;
  border-radius: 1em;
  margin: 0;
}
.toggle-button input {
  display: none;
}
.toggle-button input:checked + span + span {
  background-color: inherit;
  color: inherit;
}
.toggle-button input + span + span, .toggle-button input:checked + span {
  background-color: #16623E;
  color: #fefefe;
}
.toggle-button > span {
  display: inline-block;
  padding: 0.5em;
  cursor: pointer;
  font-weight: bold;
  border-radius: 0.5em;
}
.toggle-button.-full-width {
  display: flex;
}
.toggle-button.-full-width > span {
  flex-grow: 1;
  text-align: center;
}

.big-title {
  text-align: center;
  margin-bottom: 5rem;
  padding: 3rem 2rem 0;
  font-weight: 700;
  color: #ffffff;
}
.big-title h1, .big-title h2 {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 0;
  overflow-wrap: anywhere;
}
.big-title h1 {
  font-size: 3.5rem;
}
.big-title h2 {
  font-size: 2.8rem;
}
.big-title [class^=icon-], .big-title [class*=" icon-"] {
  display: block;
  margin-bottom: 1rem;
}
.big-title .photo {
  max-height: 15rem;
  clip-path: circle();
}

.modalContainer .big-title {
  color: #5B575F;
}

@media (max-width: 767px) {
  .big-title {
    padding: 1rem 2rem 0;
    margin-bottom: 3rem;
  }
}
.component__form__input {
  position: relative;
}
.component__form__input .character-count {
  display: none;
}
.component__form__input:has([maxlength]):not(:has([disabled])):not(:has([readonly])) > div.input__wrapper {
  position: relative;
}
.component__form__input:has([maxlength]):not(:has([disabled])):not(:has([readonly])) > div.input__wrapper > input[type=text] {
  padding-right: 32px;
}
.component__form__input:has([maxlength]):not(:has([disabled])):not(:has([readonly])) .character-count {
  display: block;
  position: absolute;
  right: 8px;
  bottom: 12px;
  margin-bottom: 0;
  padding: 0;
  width: -moz-fit-content;
  width: fit-content;
  color: #5B575F;
}

.component__form__textarea .character-count {
  display: none;
}
.component__form__textarea:has([maxlength]):not(:has([disabled])):not(:has([readonly])) .character-count {
  display: block;
  text-align: right;
  margin-top: -5px;
  padding-right: 5px;
  margin-bottom: 0;
  color: #5B575F;
}

.actions-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.4rem;
  margin-bottom: 2rem;
}
.actions-bar__trailing {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.banner {
  position: fixed;
  bottom: 30px;
  z-index: 5;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 330px;
  left: calc(50% - 165px);
  padding: 0;
  border: 4px solid #EBEDFF;
  background-color: #fff;
  border-radius: 16px;
  transition: opacity 250ms;
}

.calendar-slider {
  gap: 10px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  container-type: inline-size;
  container-name: calendar-slider;
}
.calendar-slider .day-pagination {
  scroll-behavior: smooth;
  gap: 10px;
  overflow-x: scroll;
  justify-content: safe center;
}
.calendar-slider .calendar-slider__arrow {
  display: none;
}
@container calendar-slider (max-width: 772px) {
  .calendar-slider .calendar-slider__arrow {
    display: flex;
    justify-content: space-between;
  }
}

.calendar {
  width: 96px;
  background-color: #ffffff;
  border-radius: 16px;
  text-align: center;
  padding-top: 0.8rem;
  border: 4px solid transparent;
  display: inline-block;
  cursor: pointer;
}
.calendar--selected {
  border-color: #3C4EDC;
}
.calendar--selected .calendar__kids-number {
  background-color: #3C4EDC;
  border: none;
}
.calendar__number {
  color: #5B575F;
  font-weight: 700;
  font-size: 4rem;
  line-height: 1;
}
.calendar__date {
  color: #5B575F;
  font-size: 1.2rem;
}
.calendar__day {
  color: #5B575F;
  font-size: 1.6rem;
  margin-top: 0rem;
  margin-bottom: 0.4rem;
}
.calendar__kids-number {
  background-color: #FFBA53;
  color: #ffffff;
  padding: 0.8rem;
  border-radius: 0 0 16px 16px;
  margin: 0 -0.4rem -0.4rem;
  border: solid 1px;
  border-top: none;
}
.calendar__kids-number__number {
  font-size: 1.6rem;
  font-weight: 700;
}
.calendar__kids-number__kids {
  font-size: 1.2rem;
}
.calendar__kids-number--future {
  background-color: #F37CA7;
}

.card {
  border-radius: 24px;
  background-color: #ffffff;
  padding: 2.4rem;
  margin-bottom: 2rem;
}

.cardAlbum.whiteContainer {
  margin-bottom: 2rem;
}
.cardAlbum.whiteContainer .whiteContainer__container {
  padding-top: 1.6rem;
}
.cardAlbum .row {
  margin-bottom: 1.6rem;
}
.cardAlbum img {
  border-radius: 16px;
  width: 100%;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.gallery-item {
  flex: 50%;
  max-width: 50%;
  padding: 1rem;
  position: relative;
  text-align: center;
}

.gallery-item .popover {
  position: absolute;
  padding: 10px;
}

.gallery-more > div {
  pointer-events: none;
}

.gallery-more img {
  filter: brightness(0.5);
}

.gallery-more .button-more {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
}

.gallery-item:not(.gallery-more) .button-more {
  display: none;
}

@media (max-width: 480px) {
  .gallery-item {
    flex: 100%;
    max-width: 100%;
  }
}
.cardMultitasks {
  background-color: #ffffff;
  border-radius: 24px;
  padding: 1.2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.6rem;
  width: 100%;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.cardMultitasks:last-child {
  margin-bottom: 0;
}
.cardMultitasks.-cols-50 .cardMultitasks__right {
  flex: 1;
}
.cardMultitasks--header {
  padding: 0 1.6rem;
  background-color: transparent;
}
.cardMultitasks__heading {
  color: #ffffff;
  font-size: 1.2rem;
  width: 50px;
  text-align: center;
}
@media (max-width: 640px) {
  .cardMultitasks--full-width-mobile {
    flex-direction: column;
    row-gap: 16px;
  }
  .cardMultitasks--full-width-mobile .cardMultitasks__left, .cardMultitasks--full-width-mobile .cardMultitasks__right {
    width: 100%;
  }
}
@media (max-width: 375px) {
  .cardMultitasks.-two-lines-mobile {
    flex-direction: column;
    align-items: baseline;
    row-gap: 5px;
  }
  .cardMultitasks.-two-lines-mobile .cardMultitasks__right {
    width: 100%;
  }
  .cardMultitasks.-two-lines-mobile .cardMultitasks__right .timeslot {
    width: 100%;
  }
}
.cardMultitasks--blinking {
  background-color: transparent;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.cardMultitasks--blinking:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  animation: blinkingCard 4s infinite;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: -1;
}
@keyframes blinkingCard {
  0% {
    background-color: rgba(255, 255, 255, 0.3);
  }
  50% {
    background-color: #ffffff;
  }
  100% {
    background-color: rgba(255, 255, 255, 0.3);
  }
}
.cardMultitasks.-no-padding {
  padding: 0;
}
.cardMultitasks .cardMultitasks__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.cardMultitasks .cardMultitasks__left {
  min-width: 0;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cardMultitasks .cardMultitasks__left .label {
  padding-left: 1rem;
  color: #5B575F;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cardMultitasks .cardMultitasks__left .subLabel {
  font-size: 1.3rem;
  padding-left: 1rem;
  color: #5B575F;
}
.cardMultitasks .cardMultitasks__right {
  min-width: 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}
.cardMultitasks .cardMultitasks__right .field + button {
  margin-top: 0;
}
.cardMultitasks .cardMultitasks__right .button {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}
.cardMultitasks.-breakHeight .profil, .cardMultitasks.-breakHeight .square, .cardMultitasks.-breakHeight .square > span {
  height: 7rem;
}
.cardMultitasks.-noBackground {
  background: none;
}
.cardMultitasks.has-background-blue-medium {
  background-color: #5B6DF7;
}
.cardMultitasks.has-background-blue-medium .profil {
  border: 1px solid transparent;
  background-color: #ffffff;
}
.cardMultitasks.has-background-blue-medium .button.-outlined {
  color: #ffffff;
}
.cardMultitasks.has-background-blue-medium-2 {
  background-color: #B3BBF9;
}
.cardMultitasks.has-background-blue-medium-2 .profil {
  border: 1px solid transparent;
  background-color: #ffffff;
}
.cardMultitasks.has-background-blue-medium-2 .button.-outlined {
  color: #ffffff;
  border-color: #ffffff;
}
.cardMultitasks.has-background-blue-light {
  background-color: #EBEDFF;
}
.cardMultitasks.has-background-blue-light .profil {
  border: 1px solid #B3BBF9;
  background-color: #ffffff;
}
.cardMultitasks.has-background-blue-light .button.-outlined {
  background-color: #ffffff !important;
}
.cardMultitasks.-noBorder .profil {
  border: 1px solid transparent;
}
.cardMultitasks.-noBorder .profil .name {
  padding-left: 0;
}
@media (max-width: 413px) {
  .cardMultitasks {
    padding: 1rem;
  }
  .cardMultitasks--header {
    padding: 0 1rem;
    background-color: transparent;
  }
  .cardMultitasks .cardMultitasks__left .label {
    font-size: 1.4rem;
  }
  .cardMultitasks .cardMultitasks__left .subLabel {
    font-size: 1.3rem;
  }
  .cardMultitasks .cardMultitasks__right {
    display: flex;
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
  }
}

.slider {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.slider.arrow-slide {
  flex-direction: row;
}
.slider .slider__arrow {
  display: flex;
  align-items: center;
}
.slider .slider__box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slider .slider__box__content {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.slider .slider__box__content.transition {
  transition: transform 300ms ease-out;
}
.slider .slider__box__content img {
  pointer-events: none;
}
.slider .slider__box__content .slide {
  border-radius: 10px;
  padding: 15px;
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.slider .slider__box__content .slide p {
  color: #16623E;
  font-size: 1.5rem;
}
.slider .slider__box__content .slide img {
  position: absolute;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
}
.slider.no-slide-selector .slider__select-group {
  display: none;
}
.slider.no-slide-selector .slide {
  padding: 5px 15px;
}
.slider .slider__select-group {
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.slider .slider__select-button {
  cursor: pointer;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  border: 1px solid #8AB09E;
}
.slider .slider__select-button--active {
  background-color: #8AB09E;
}

.cardTimeline {
  background-color: #fff;
  border-radius: 24px;
  padding: 1.2rem;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.cardTimeline .cardTimeline__row {
  margin: 0 0 2rem 0;
}
.cardTimeline .cardTimeline__row .row__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cardTimeline .cardTimeline__row .row__header .icon {
  width: 50px;
  height: 100%;
  max-height: 50px;
  position: relative;
}
.cardTimeline .cardTimeline__row .row__header .icon + .info {
  padding-left: 1.6rem;
}
.cardTimeline .cardTimeline__row .row__header .info {
  padding-left: 6.6rem;
  padding-right: 2rem;
  flex: 1;
}
.cardTimeline .cardTimeline__row .row__header .info .info__time {
  color: #5B575F;
  font-size: 1.3rem;
  margin-bottom: 0;
}
.cardTimeline .cardTimeline__row .row__header .info .info_text {
  font-weight: 700;
  color: #5B575F;
  margin-bottom: 0;
}
.cardTimeline .cardTimeline__row .row__header button [class^=icon-], .cardTimeline .cardTimeline__row .row__header button [class*=" icon-"] {
  font-size: 4rem;
}
.cardTimeline .cardTimeline__row .row__header button [class^=icon-].-border, .cardTimeline .cardTimeline__row .row__header button [class*=" icon-"].-border {
  border-radius: 13px;
}
.cardTimeline .cardTimeline__row .row__content {
  padding-left: 6.7rem;
  padding-right: 5rem;
}
.cardTimeline .cardTimeline__row .row__content p {
  color: #5B6DF7;
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 0.1rem;
  margin-bottom: 0;
  padding-left: 0;
}
.cardTimeline .cardTimeline__row:last-child {
  margin: 0;
}

.cardToggle {
  border-radius: 24px;
  padding: 1.2rem;
  margin-bottom: 1.6rem;
  background-color: #ffffff;
}
.cardToggle + .cardToggle {
  margin-top: 1.6rem;
}
.cardToggle > .cardToggle__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cardToggle > .cardToggle__header .header__title {
  color: #ffffff;
  font-weight: 700;
  flex: 1;
  font-size: 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cardToggle > .cardToggle__header .header__buttons {
  display: flex;
  justify-content: flex-end;
  height: 50px;
}
.cardToggle > .cardToggle__header .header__buttons .button {
  border: 0;
}
.cardToggle > .cardToggle__header .header__buttons > button, .cardToggle > .cardToggle__header .header__buttons > span, .cardToggle > .cardToggle__header .header__buttons > input, .cardToggle > .cardToggle__header .header__buttons > a {
  margin-left: 0.8rem;
}
.cardToggle > .cardToggle__header .header__buttons .square > p {
  margin-top: -2px;
}
.cardToggle > .cardToggle__header button[data-trigger] {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
  will-change: transform;
}
.cardToggle > .cardToggle__content {
  display: none;
  padding: 30px 0 10px 0;
}
.cardToggle > .cardToggle__content p {
  padding-left: 1.5rem;
  font-size: 1.4rem;
}
.cardToggle > .cardToggle__content .cardMultitasks {
  margin-bottom: 0;
  padding: 0.75rem 0;
}
.cardToggle > .cardToggle__content .cardMultitasks .cardMultitasks__left .label, .cardToggle > .cardToggle__content .cardMultitasks .cardMultitasks__left .subLabel {
  padding-left: 0;
}
.cardToggle > .cardToggle__content > button:last-child {
  margin-top: 2rem;
}
.cardToggle.-active > .cardToggle__header button[data-trigger] {
  transform: rotate(180deg);
}
.cardToggle.-active > .cardToggle__content {
  display: block;
}
.cardToggle.-hygiene {
  background-color: #FFBA53;
  border: 3px solid rgb(236.6, 141.6848837209, 0);
}
.cardToggle.-hygiene .field label {
  color: #ffffff;
}
.cardToggle.-hygiene .field input[type=text], .cardToggle.-hygiene .field input[type=email], .cardToggle.-hygiene .field input[type=password], .cardToggle.-hygiene .field input[type=tel], .cardToggle.-hygiene .field input[type=time], .cardToggle.-hygiene .field input[type=date], .cardToggle.-hygiene .field input[type=number], .cardToggle.-hygiene .field select, .cardToggle.-hygiene .field textarea {
  border: 1px solid #FF881B;
}
.cardToggle.-hygiene .field ::-moz-placeholder {
  color: #FFBA53;
}
.cardToggle.-hygiene .field ::placeholder {
  color: #FFBA53;
}
.cardToggle.-hygiene .field .field__icon > span .path1:before {
  color: #FF881B;
}
.cardToggle.-hygiene .checkboxContainer {
  border: 1px solid #FF881B;
}
.cardToggle.-hygiene .checkboxContainer label {
  color: #FFBA53;
}
.cardToggle.-hygiene .cardChoice {
  box-shadow: 0 0 0 1px #FF881B;
}
.cardToggle.-hygiene .component__form__textarea .character-count {
  color: white;
}
.cardToggle.-nap {
  background-color: #01259B;
  border: 3px solid rgb(0.7, 25.9, 108.5);
}
.cardToggle.-nap .field label {
  color: #ffffff;
}
.cardToggle.-nap .field input[type=text], .cardToggle.-nap .field input[type=email], .cardToggle.-nap .field input[type=password], .cardToggle.-nap .field input[type=tel], .cardToggle.-nap .field input[type=time], .cardToggle.-nap .field input[type=date], .cardToggle.-nap .field input[type=number], .cardToggle.-nap .field select, .cardToggle.-nap .field textarea {
  border: 1px solid #5B6DF7;
}
.cardToggle.-nap .field ::-moz-placeholder {
  color: #01259B;
}
.cardToggle.-nap .field ::placeholder {
  color: #01259B;
}
.cardToggle.-nap .field .field__icon > span .path1:before {
  color: #5B6DF7;
}
.cardToggle.-nap .checkboxContainer {
  border: 1px solid #5B6DF7;
}
.cardToggle.-nap .checkboxContainer label {
  color: #01259B;
}
.cardToggle.-nap .cardChoice {
  box-shadow: 0 0 0 1px #5B6DF7;
}
.cardToggle.-nap .component__form__textarea .character-count {
  color: white;
}
.cardToggle.-interruption {
  background-color: #FF881B;
  border: 3px solid rgb(197.4, 94.3710526316, 0);
}
.cardToggle.-interruption .field label {
  color: #ffffff;
}
.cardToggle.-interruption .field input[type=text], .cardToggle.-interruption .field input[type=email], .cardToggle.-interruption .field input[type=password], .cardToggle.-interruption .field input[type=tel], .cardToggle.-interruption .field input[type=time], .cardToggle.-interruption .field input[type=date], .cardToggle.-interruption .field input[type=number], .cardToggle.-interruption .field select, .cardToggle.-interruption .field textarea {
  border: 1px solid #FFBA53;
}
.cardToggle.-interruption .field ::-moz-placeholder {
  color: #FF881B;
}
.cardToggle.-interruption .field ::placeholder {
  color: #FF881B;
}
.cardToggle.-interruption .field .field__icon > span .path1:before {
  color: #FFBA53;
}
.cardToggle.-interruption .checkboxContainer {
  border: 1px solid #FFBA53;
}
.cardToggle.-interruption .checkboxContainer label {
  color: #FF881B;
}
.cardToggle.-interruption .cardChoice {
  box-shadow: 0 0 0 1px #FFBA53;
}
.cardToggle.-interruption .component__form__textarea .character-count {
  color: white;
}
.cardToggle.-homework {
  background-color: #21C476;
  border: 3px solid rgb(23.1, 137.2, 82.6);
}
.cardToggle.-homework .field label {
  color: #ffffff;
}
.cardToggle.-homework .field input[type=text], .cardToggle.-homework .field input[type=email], .cardToggle.-homework .field input[type=password], .cardToggle.-homework .field input[type=tel], .cardToggle.-homework .field input[type=time], .cardToggle.-homework .field input[type=date], .cardToggle.-homework .field input[type=number], .cardToggle.-homework .field select, .cardToggle.-homework .field textarea {
  border: 1px solid #006633;
}
.cardToggle.-homework .field ::-moz-placeholder {
  color: #21C476;
}
.cardToggle.-homework .field ::placeholder {
  color: #21C476;
}
.cardToggle.-homework .field .field__icon > span .path1:before {
  color: #006633;
}
.cardToggle.-homework .checkboxContainer {
  border: 1px solid #006633;
}
.cardToggle.-homework .checkboxContainer label {
  color: #18DB7D;
}
.cardToggle.-homework .cardChoice {
  box-shadow: 0 0 0 1px #006633;
}
.cardToggle.-homework .component__form__textarea .character-count {
  color: white;
}
.cardToggle.-activity {
  background-color: #813CAC;
  border: 3px solid rgb(90.3, 42, 120.4);
}
.cardToggle.-activity .field label {
  color: #ffffff;
}
.cardToggle.-activity .field input[type=text], .cardToggle.-activity .field input[type=email], .cardToggle.-activity .field input[type=password], .cardToggle.-activity .field input[type=tel], .cardToggle.-activity .field input[type=time], .cardToggle.-activity .field input[type=date], .cardToggle.-activity .field input[type=number], .cardToggle.-activity .field select, .cardToggle.-activity .field textarea {
  border: 1px solid #9A5EBE;
}
.cardToggle.-activity .field ::-moz-placeholder {
  color: #9A5EBE;
}
.cardToggle.-activity .field ::placeholder {
  color: #9A5EBE;
}
.cardToggle.-activity .field .field__icon > span .path1:before {
  color: #9A5EBE;
}
.cardToggle.-activity .checkboxContainer {
  border: 1px solid #9A5EBE;
}
.cardToggle.-activity .checkboxContainer label {
  color: #813CAC;
}
.cardToggle.-activity .cardChoice {
  box-shadow: 0 0 0 1px #9A5EBE;
}
.cardToggle.-activity .component__form__textarea .character-count {
  color: white;
}
.cardToggle.-food {
  background-color: #F37CA7;
  border: 3px solid rgb(233.7608391608, 23.1391608392, 99.2461538462);
}
.cardToggle.-food .field label {
  color: #ffffff;
}
.cardToggle.-food .field input[type=text], .cardToggle.-food .field input[type=email], .cardToggle.-food .field input[type=password], .cardToggle.-food .field input[type=tel], .cardToggle.-food .field input[type=time], .cardToggle.-food .field input[type=date], .cardToggle.-food .field input[type=number], .cardToggle.-food .field select, .cardToggle.-food .field textarea {
  border: 1px solid #EF4A68;
}
.cardToggle.-food .field ::-moz-placeholder {
  color: #F37CA7;
}
.cardToggle.-food .field ::placeholder {
  color: #F37CA7;
}
.cardToggle.-food .field .field__icon > span .path1:before {
  color: #EF4A68;
}
.cardToggle.-food .checkboxContainer {
  border: 1px solid #EF4A68;
}
.cardToggle.-food .checkboxContainer label {
  color: #F37CA7;
}
.cardToggle.-food .cardChoice {
  box-shadow: 0 0 0 1px #EF4A68;
}
.cardToggle.-food .component__form__textarea .character-count {
  color: white;
}
.cardToggle.-reminders, .cardToggle.-reminder {
  background-color: rgb(229.5, 200.6607142857, 87);
}
.cardToggle.-reminders .cardToggle__header .header__title, .cardToggle.-reminder .cardToggle__header .header__title {
  font-size: 1.6rem;
  color: rgba(0, 0, 0, 0.7);
}
.cardToggle.-reminders .cardToggle__content, .cardToggle.-reminder .cardToggle__content {
  background-color: rgb(255, 227.8, 120.6);
}
.cardToggle.-reminders.-past, .cardToggle.-reminder.-past {
  background-color: rgb(215.1, 74, 99.6545454545);
  color: #fff;
}
.cardToggle.-reminders.-past .cardToggle__header .header__title, .cardToggle.-reminder.-past .cardToggle__header .header__title {
  color: #fff;
}
.cardToggle.-reminders.-past .cardToggle__content, .cardToggle.-reminder.-past .cardToggle__content {
  background-color: rgb(242.2, 110.2, 134.2);
  color: #fff;
}
.cardToggle.-reminders {
  padding: 0;
}
.cardToggle.-reminders .cardToggle__header {
  padding: 1rem 1rem 1rem 1.6rem;
}
.cardToggle.-reminders .cardToggle__content {
  padding: 0;
  border-radius: 0 0 16px 16px;
}
.cardToggle.-reminder {
  padding: 1rem 1rem 1rem 1.6rem;
}
@media (max-width: 413px) {
  .cardToggle {
    padding: 1rem;
  }
  .cardToggle .cardToggle__header .header__buttons > button, .cardToggle .cardToggle__header .header__buttons > span, .cardToggle .cardToggle__header .header__buttons > input, .cardToggle .cardToggle__header .header__buttons > a {
    margin-left: 0.5rem;
  }
}

div[data-choice] {
  display: none;
  margin-top: 2rem;
}
div[data-choice].-show {
  display: flex;
  flex-direction: column;
}

body:has(.dashboard-page), .page-container:has(.dashboard-page) {
  background: #EBEDFF;
  font-family: Roboto, "Open Sans", sans-serif;
}

.wrapper:has(.dashboard-page) {
  max-width: inherit;
  margin: 0;
  padding-top: 2rem;
}

.dashboard-page {
  display: flex;
  background-color: #EBEDFF;
  color: #5B575F;
  min-height: -moz-min-content;
  min-height: min-content;
  align-items: center;
  justify-content: center;
}
.dashboard-page .htmx-request {
  opacity: 1 !important;
}
.dashboard-page .fade-while-loading:has(.htmx-request) {
  position: relative;
  overflow: hidden;
}
.dashboard-page .fade-while-loading:has(.htmx-request)::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: opacity(0);
  background-color: white;
  animation: 2s skeleton-fade 200ms infinite;
  content: "";
}
.dashboard-page .dashboard__grid {
  display: grid;
  gap: 2rem;
  grid-template-rows: auto;
}
.dashboard-page .dashboard__grid .dashboard-card {
  padding: 1.4rem;
  background-color: white;
  border-radius: 16px;
  gap: 1rem;
  display: flex;
}
.dashboard-page .dashboard__grid .dashboard-card__title {
  font-size: 2rem;
  font-weight: 700;
}
.dashboard-page .dashboard__grid .dashboard-card__subtitle {
  font-size: 1.2rem;
}
.dashboard-page .dashboard__grid .dashboard-card.skeleton-box-fading {
  position: relative;
  overflow: hidden;
}
.dashboard-page .dashboard__grid .dashboard-card.skeleton-box-fading::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  animation: skeleton-fade 2s infinite;
  content: "";
}
@keyframes skeleton-fade {
  0% {
    filter: opacity(0.8);
  }
  50% {
    filter: opacity(0.5);
  }
  100% {
    filter: opacity(0.8);
  }
}
.dashboard-page .dashboard__grid .dashboard-card.flip-out.htmx-swapping {
  animation: flip 0.15s forwards;
}
.dashboard-page .dashboard__grid .dashboard-card.flip-in.htmx-settling {
  animation: flip 0.35s forwards;
  animation-direction: reverse;
}
@keyframes flip {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(90deg);
  }
}
.dashboard-page .dashboard__grid .dashboard-card > .dashboard-card__head.flex-column {
  align-items: flex-start;
  gap: 0;
  line-height: inherit;
  justify-content: center;
  color: #5B575F;
}
.dashboard-page .dashboard__grid .dashboard-card__head__title {
  font-size: 2rem;
  font-weight: 700;
}
.dashboard-page .dashboard__grid .dashboard-card__head__subtitle {
  font-size: 1.2rem;
  font-weight: 400;
}
.dashboard-page .dashboard__grid .dashboard-card.event {
  gap: 2rem;
  align-items: center;
  font-size: 1.4rem;
}
.dashboard-page .dashboard__grid .dashboard-card.event .dashboard-card__body {
  background-color: #EBEDFF;
  border-radius: 1.6rem;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.dashboard-page .dashboard__grid .dashboard-card.event .dashboard-card__body * {
  font-size: inherit;
}
.dashboard-page .dashboard__grid .dashboard-card__body {
  display: flex;
  flex: 1;
  width: 100%;
}
.dashboard-page .dashboard__grid .daily .dashboard-card__head {
  font-weight: 900;
  font-size: 8rem;
  line-height: 8rem;
  color: #5B6DF7;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.dashboard-page .dashboard__grid .daily .dashboard-card__head > span:last-child {
  transform: rotateZ(-8deg);
}
.dashboard-page .dashboard__grid .daily .dashboard-card__body {
  flex-direction: column;
}
.dashboard-page .dashboard__grid .daily .dashboard-card__body > p {
  font-size: 1.4rem;
}
.dashboard-page .dashboard__grid .daily .dashboard-card__body .badge {
  font-size: 1.2rem !important;
}
.dashboard-page .dashboard__grid .event {
  grid-area: event;
}
.dashboard-page .dashboard__grid .fade-me-in {
  transition: opacity 100ms ease-in;
}
.dashboard-page .dashboard__grid .request-area {
  grid-area: request;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.dashboard-page .dashboard__grid .request-area.htmx-swapping {
  opacity: 0;
  transition: opacity 200ms ease-out;
  filter: opacity(0.8);
}
.dashboard-page .dashboard__grid .request-area .request {
  min-width: 350px;
  margin: 0;
  flex: 1;
}
.dashboard-page .dashboard__grid .request-area .request .dot {
  position: relative;
}
.dashboard-page .dashboard__grid .request-area .request .dot::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background-color: #ef4a67;
  clip-path: circle();
}
.dashboard-page .dashboard__grid .request-area .request .cardToggle__content {
  position: relative;
}
.dashboard-page .dashboard__grid .request-area .request .cardToggle__content > div .request-row-container {
  padding-bottom: 20px;
}
.dashboard-page .dashboard__grid .request-area .request .cardToggle__content > div::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 20px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
}
.dashboard-page .dashboard__grid .request-area .request .request-row-container {
  max-height: 200px;
  overflow: scroll;
}
.dashboard-page .dashboard__grid .request-area .request .request-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 50px;
  gap: 4px;
  padding: 8px;
  border-radius: 16px;
}
.dashboard-page .dashboard__grid .request-area .request .request-row > div {
  min-height: 40px;
  font-weight: 700;
  font-size: 1.2rem;
  overflow: hidden;
}
.dashboard-page .dashboard__grid .request-area .request .request-row-head {
  padding: 4px 8px 8px 8px;
}
.dashboard-page .dashboard__grid .request-area .request .request-row-head > div {
  min-height: inherit;
  font-weight: initial;
  font-size: 1.2rem;
}
.dashboard-page .dashboard__grid .request-area .request .request-row-odd {
  background-color: #ebedff;
}
.dashboard-page .dashboard__grid .request-area .request .request-row .request-row-name {
  font-size: 1.4rem;
}
.dashboard-page .dashboard__grid .request-area .request .request-row .request-row-name > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
.dashboard-page .dashboard__grid .daily-1 {
  grid-area: daily-1;
}
.dashboard-page .dashboard__grid .daily-1.htmx-swapping {
  opacity: 0;
  transition: opacity 200ms ease-out;
  filter: opacity(0.8);
}
.dashboard-page .dashboard__grid .daily-1.htmx-swapping + .daily-2, .dashboard-page .dashboard__grid .daily-1.htmx-swapping + .daily-2 + .daily-3 {
  filter: opacity(0.8);
  opacity: 0;
  transition: opacity 200ms ease-out;
}
.dashboard-page .dashboard__grid .daily-2 {
  grid-area: daily-2;
}
.dashboard-page .dashboard__grid .daily-3 {
  grid-area: daily-3;
}
.dashboard-page .dashboard__grid .invoicing-rate {
  grid-area: invoicing-rate;
  height: 309px;
}
.dashboard-page .dashboard__grid .invoicing-rate .htmx-request {
  opacity: 1 !important;
}
.dashboard-page .dashboard__grid .invoicing-rate__graph {
  flex: 1;
  max-height: 196px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-page .dashboard__grid .invoicing-rate__graph .circular-chart {
  max-height: 100%;
}
.dashboard-page .dashboard__grid .empty {
  grid-area: empty;
}
.dashboard-page .dashboard__grid .invoicing {
  grid-area: invoice;
}
.dashboard-page .dashboard__grid .invoicing.htmx-swapping {
  opacity: 0;
  transition: opacity 200ms ease-out;
  filter: opacity(0.8);
}
.dashboard-page .dashboard__grid .invoicing__graph-columns {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
  justify-content: center;
}
.dashboard-page .dashboard__grid .invoicing__graph-columns .invoicing__graph-month-data {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: flex-end;
  height: 100%;
}
.dashboard-page .dashboard__grid .invoicing__graph-columns .invoicing__graph-month-data__status {
  width: 60px;
  margin: 0 auto;
  border-radius: 16px;
  color: #fff;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}
.dashboard-page .dashboard__grid .invoicing__graph-columns .invoicing__graph-month-data__status div {
  height: 100%;
}
.dashboard-page .dashboard__grid .occupancy {
  grid-area: occupancy;
}
.dashboard-page .dashboard__grid .occupancy.htmx-swapping {
  opacity: 0;
  transition: opacity 200ms ease-out;
  filter: opacity(0.8);
}
.dashboard-page .dashboard__grid .occupancy-chart {
  display: flex;
  gap: 8px;
  flex: 1;
  align-items: center;
  overflow-x: auto;
}
.dashboard-page .dashboard__grid .occupancy-chart > a {
  height: 100%;
  flex: 1;
}
.dashboard-page .dashboard__grid .occupancy-chart > a > div {
  text-align: center;
  padding: 5px;
}
.dashboard-page .dashboard__grid .occupancy-chart > a > div > * {
  width: 100%;
}
.dashboard-page .dashboard__grid .occupancy-chart--today {
  background-color: rgba(235, 237, 255, 0.5);
  border-radius: 1.6rem;
}
.dashboard-page .dashboard__grid .occupancy-chart div h3 {
  margin: 10px 0;
}
.dashboard-page .dashboard__grid .available-places {
  grid-area: places;
}
.dashboard-page .dashboard__grid .available-places.htmx-swapping {
  opacity: 0;
  transition: opacity 500ms ease-out;
  filter: opacity(0.8);
}
.dashboard-page .dashboard__grid .available-places-calendar {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.dashboard-page .dashboard__grid .available-places-calendar__week {
  display: grid;
  grid-template-columns: repeat(7, 40px);
  gap: 5px;
  justify-items: center;
  justify-content: center;
}
.dashboard-page .dashboard__grid .available-places-calendar__day {
  border-radius: 16px;
  padding: 5px;
  text-align: center;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-page .blurred > * {
  filter: blur(0.4rem);
}

.dashboard-page .dashboard__grid {
  grid-template-areas: "request request request request request request request request request" "request request request request request request request request request" "event event event event event event places places places" "daily-1 daily-1 daily-2 daily-2 daily-3 daily-3 places places places" "occupancy occupancy occupancy occupancy occupancy occupancy invoice invoice invoice" "empty empty empty empty invoicing-rate invoicing-rate invoicing-rate invoicing-rate invoicing-rate";
  grid-template-columns: repeat(9, 100px);
}
@media (max-width: 1100px) {
  .dashboard-page .dashboard__grid {
    grid-template-columns: repeat(3, 230px);
    grid-template-areas: "request request request" "event event event" "daily-1 daily-2 daily-3" "places places places" "occupancy occupancy occupancy" "invoice invoice invoice" "invoicing-rate invoicing-rate invoicing-rate";
  }
  .dashboard-page .dashboard__grid .empty {
    display: none;
  }
}
@media (max-width: 750px) {
  .dashboard-page .dashboard__grid {
    grid-template-columns: repeat(2, 230px);
    grid-template-areas: "request request" "event event" "daily-1 daily-1" "daily-2 daily-3" "places places" "occupancy occupancy" "invoice invoice" "invoicing-rate invoicing-rate";
  }
  .dashboard-page .dashboard__grid .dashboard-card.event {
    align-items: flex-start;
    flex-direction: column;
  }
  .dashboard-page .dashboard__grid .dashboard-card.event .dashboard-card__foot {
    width: 100%;
  }
  .dashboard-page .dashboard__grid .dashboard-card.event .dashboard-card__foot a {
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .dashboard-page .dashboard__grid {
    grid-template-columns: repeat(1, 350px);
    grid-template-areas: "request" "event" "daily-1" "daily-2" "daily-3" "places" "occupancy" "invoice" "invoicing-rate";
  }
}
@media (max-width: 390px) {
  .dashboard-page .dashboard__grid .available-places-calendar {
    gap: 5px;
  }
}

.message {
  color: #fff;
  text-align: center;
  padding-top: 5rem;
}
.message__icon {
  margin-bottom: 3rem;
}
.message__text {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.message__text span {
  color: #01259B;
}
.message button {
  margin: auto;
}
.message__link {
  color: #fff;
  text-decoration: underline;
  margin-top: 3rem;
  display: inline-block;
  font-size: 1.4rem;
}

.paginationWrapper {
  display: flex;
}
.paginationWrapper.-left {
  justify-content: flex-start;
}
.paginationWrapper.-center {
  justify-content: center;
}
.paginationWrapper.-right {
  justify-content: flex-end;
}
.paginationWrapper ul {
  display: flex;
  align-items: center;
  margin: 0 1.6rem;
}
.paginationWrapper ul li {
  display: inline-flex;
  align-items: center;
  height: 5rem;
  color: #8592ff;
  font-weight: 700;
  background-color: #034623;
  overflow: hidden;
}
.paginationWrapper ul li:first-child {
  border-radius: 16px 0 0 16px;
}
.paginationWrapper ul li:last-child {
  border-radius: 0 16px 16px 0;
}
.paginationWrapper ul li.pagination__previous, .paginationWrapper ul li.pagination__next {
  background-color: transparent;
}
.paginationWrapper ul li.pagination__previous a, .paginationWrapper ul li.pagination__previous button, .paginationWrapper ul li.pagination__next a, .paginationWrapper ul li.pagination__next button {
  padding: 0;
}
.paginationWrapper ul li.pagination__previous a:hover, .paginationWrapper ul li.pagination__previous button:hover, .paginationWrapper ul li.pagination__next a:hover, .paginationWrapper ul li.pagination__next button:hover {
  background-color: transparent;
}
.paginationWrapper ul li.pagination__previous {
  margin-right: 1.6rem;
}
.paginationWrapper ul li.pagination__next {
  margin-left: 1.6rem;
}
.paginationWrapper ul li.-current a, .paginationWrapper ul li.-current button {
  color: #ffffff;
}
.paginationWrapper ul li.pagination__item {
  border-radius: 16px;
}
.paginationWrapper ul li.pagination__item > span {
  padding: 1.4rem 3rem;
  color: #ffffff;
}
.paginationWrapper ul li > span {
  padding: 1.4rem;
}
.paginationWrapper ul li a, .paginationWrapper ul li button {
  color: #8592ff;
  display: block;
  padding: 1.4rem;
  font-weight: 700;
  font-size: 1.6rem;
}
.paginationWrapper ul li a:hover, .paginationWrapper ul li button:hover {
  background-color: #01259B;
  color: #ffffff;
}

.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 4rem;
}
.row .row__right {
  display: flex;
}
.row .row__right > * {
  margin-left: 1rem;
}
.row .big-title {
  margin: 0;
  padding: 0;
  padding-left: 1.6rem;
  text-align: left;
}
.row .textGrayBold {
  font-weight: 700;
  color: #5B575F;
  font-size: 2rem;
}
@media (max-width: 413px) {
  .row .row__right > * {
    margin-left: 0.5rem;
  }
}
@media (max-width: 375px) {
  .row .textGrayBold {
    font-size: 1.8rem;
  }
  .row .row__left:not(:only-child) {
    width: 60%;
  }
}

.scale-wrapper {
  display: flex;
  justify-content: center;
}

.scale-overflow--past .scale__kids-number {
  background-color: #FFBA53;
}

.scale-hours {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 1.6rem;
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
  color: #5B6DF7;
}
.scale-hours li {
  transform: rotate(-90deg);
  width: 1.6rem;
}
.scale-hours li:not(:last-child) {
  margin-right: 1.2rem;
}

.scale:not(:last-child) {
  margin-right: 1.2rem;
}
.scale__background {
  background-color: #B3BBF9;
  height: 18.5rem;
  width: 1.6rem;
  border-radius: 8px;
  position: relative;
}
.scale__kids-number {
  background-color: #5B6DF7;
  height: 14rem;
  width: 1.6rem;
  border-radius: 8px;
  position: absolute;
  bottom: 0;
}
.scale__kids-number:after {
  content: attr(data-kids-number);
  color: #ffffff;
  position: relative;
  display: flex;
  justify-content: center;
  top: 4px;
  font-weight: 600;
  font-size: 1.2rem;
}
.scale__kids-number--out:after {
  top: -17px;
  color: #5B6DF7;
}
.scale__time {
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: center center;
  color: #5B6DF7;
  position: relative;
  left: 0px;
  bottom: -9px;
  font-size: 12px;
}

@media (max-width: 1023px) {
  .scale-hours li:not(:last-child) {
    margin-right: 0.8rem;
  }
  .scale:not(:last-child) {
    margin-right: 0.8rem;
  }
}
@media (max-width: 800px) {
  .scale-overflow--visible {
    position: relative;
  }
  .scale-overflow--visible:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 2.4rem;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  }
  .scale-overflow--visible .scale-hours-wrapper {
    overflow-x: scroll;
    position: relative;
  }
  .scale-wrapper, .scale-hours {
    justify-content: flex-start;
  }
}
.mobile-timeline {
  display: flex;
  position: sticky;
  top: 0;
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 20px 0 10px 0;
  background-color: #fff;
  z-index: 2;
}
.mobile-timeline li {
  position: relative;
  top: -3px;
  flex: 1;
  height: 0.4rem;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #B3BBF9;
}
.mobile-timeline li:first-child span {
  font-size: 1.2rem;
  font-weight: 700;
  color: #B3BBF9;
  position: relative;
  top: -20px;
}
.mobile-timeline li.middle span {
  font-size: 1.2rem;
  font-weight: 700;
  color: #B3BBF9;
  position: relative;
  top: -20px;
  left: -7px;
}
.mobile-timeline li:last-child {
  text-align: right;
}
.mobile-timeline li:last-child span {
  font-size: 1.2rem;
  font-weight: 700;
  color: #B3BBF9;
  position: relative;
  top: -20px;
}
.mobile-timeline li:not(:last-child) {
  border-right: 1px solid #B3BBF9;
  transform: translateX(-0.5px);
}
@media (min-width: 767px) {
  .mobile-timeline {
    display: none;
  }
}

.timeline {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.timeline__tooltip {
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  background-color: #fff;
  color: #5B575F;
  border-radius: 50%;
  font-size: 10px;
  font-weight: bold;
  border: 2px solid #5B575F;
  line-height: 1.5;
}
.timeline__bg, .timeline__hours {
  display: none;
}
.timeline__graduations {
  display: flex;
  margin: 0;
  padding: 0;
  transform: translateY(-100%);
  position: absolute;
  left: 0;
  right: 0;
}
.timeline__graduations > li {
  flex: 1;
  height: 0.4rem;
  display: block;
  margin: 0;
  padding: 0;
}
.timeline__graduations > li:not(:last-child) {
  border-right: 1px solid #B3BBF9;
  transform: translateX(-0.5px);
}
.timeline__line {
  height: 40px;
  width: 100%;
  position: relative;
}
.timeline__name ~ .timeline__name {
  margin-top: 1rem;
}
.timeline__timeslot {
  display: flex;
  align-items: center;
  background-color: #DDE4FF;
  border-radius: 1rem;
  height: 100%;
  width: 60%;
  position: absolute;
  color: #5B575F;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0 1rem;
}
.timeline__timeslot[class^=has-background], .timeline__timeslot[class*=" has-background"] {
  color: #fff;
}
.timeline__timeslot--no-radius {
  border-radius: 0;
}
.timeline__timeslot--radius-left-only {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.timeline__timeslot--radius-right-only {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.timeline__timeslot.-on-top {
  opacity: 0.8;
  height: 24px;
  width: 70%;
  border-radius: 1.5rem;
  margin-top: -1.4rem;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
}
.timeline__timeslot.-below {
  bottom: -20px;
  height: 14px;
}
.timeline__timeslot.-thin {
  height: 10px;
}
.timeline__timeslot.has-label-dot-color::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 4px;
  width: 10px;
  height: 80%;
  border-radius: 16px;
  border: 1px solid white;
}
.timeline__timeslot.has-label-dot-color-border-black::after {
  border-color: black;
}
.timeline__timeslot.has-label-dot-color-not-visible::after {
  display: none;
}
.timeline__timeslot.has-label-dot-color-purple-light::after {
  background-color: #BC88F6;
}
.timeline__timeslot.has-label-dot-color-purple-dark::after {
  background-color: #883BDB;
}
.timeline__timeslot.has-label-dot-color-blue-dark::after {
  background-color: #01259B;
}
.timeline__timeslot.has-label-dot-color-pink::after {
  background-color: #FFB6D0;
}
.timeline__timeslot.has-label-dot-color-yellow::after {
  background-color: #FFBA53;
}
.timeline__timeslot.has-label-dot-color-green::after {
  background-color: #279A64;
}
.timeline__timeslot.has-label-dot-color-red::after {
  background-color: #CD1A39;
}
.timeline__timeslot.has-label-dot-color .timeline__label {
  width: calc(100% - 10px);
}
.timeline__label {
  position: relative;
  font-size: 1.2rem;
  z-index: 2;
}
.timeline .profil {
  max-height: 25px;
}
.timeline .profil .icon {
  display: none;
}
.timeline.-compact__name ~ .timeline__name {
  margin-top: 1rem;
}
.timeline.-compact .move-top {
  margin-top: calc(-1.75rem + 5px);
}
.timeline .move-top {
  margin-top: 0;
}
@media (min-width: 767px) {
  .timeline {
    display: grid;
    position: relative;
    min-width: 672px;
    grid-template-columns: 15% 1fr;
    grid-template-areas: ". hours" "name line";
    grid-gap: 2.9rem 1.6rem;
    align-items: center;
  }
  .timeline .profil {
    max-height: inherit;
  }
  .timeline .profil .icon {
    display: block;
  }
  .timeline__graduations {
    display: none;
  }
  .timeline__bg {
    display: flex;
    position: absolute;
    left: calc(15% + 1.6rem);
    right: 0;
    bottom: 0;
    top: 0;
  }
  .timeline__bg > span {
    flex: 1;
    display: block;
    margin-top: 3rem;
    border-left: 1px solid rgba(179, 187, 249, 0.5);
  }
  .timeline__bg > span:last-child {
    border-right: 1px solid rgba(179, 187, 249, 0.5);
  }
  .timeline__hours {
    display: flex;
    position: sticky;
    top: 0;
    list-style-type: none;
    padding: 4px 0;
    justify-content: space-between;
    color: #5B6DF7;
    margin: 0 calc(1.4rem / 2 * -1) -0.8rem;
    width: calc(100% + 1.4rem);
    font-size: 1.2rem;
    grid-column: hours;
    background-color: #fff;
    z-index: 2;
  }
  .timeline__hours li {
    position: relative;
    min-width: 1.4rem;
    text-align: center;
  }
  .timeline__name {
    grid-column: name;
  }
  .timeline__line {
    height: 40px;
    grid-column: line;
  }
  .timeline__line + * {
    margin-top: 0;
  }
  .timeline__kid-attendance {
    margin-top: -1.6rem;
  }
  .timeline.-compact {
    grid-gap: 1.75rem 1.6rem;
  }
  .timeline.-compact .profil {
    height: 1.75rem;
  }
  .timeline.-compact .move-top {
    margin-top: calc(-1.75rem + 5px);
  }
  .timeline.-compact .timeline__bg > span {
    margin-top: calc(5rem / 2 + 1.7rem - 0.8rem);
  }
  .timeline.-with-info {
    grid-template-columns: 15% 1fr minmax(150px, 15%);
    grid-template-areas: ". hours info-label" "name line info";
  }
  .timeline.-with-info .timeline__bg {
    right: calc(150px + 1.6rem);
  }
  .timeline__info-label {
    grid-column: info-label;
    justify-self: center;
    color: #5B575F;
    font-weight: bold;
    font-size: 1.6rem;
  }
  .timeline__info {
    grid-column: info;
    display: flex;
    gap: 0.5rem;
  }
  .timeline__info > .badge {
    flex: 1;
    text-align: center;
  }
}
.timeline-legend {
  display: block;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 4rem;
}
.timeline-legend > li + li {
  padding-top: 0.25rem;
}
.timeline-legend > li.--contract::before {
  background-color: #DDE4FF;
}
.timeline-legend > li.--presence::before {
  background-color: #FFBA53;
}
.timeline-legend > li.--presence-estimated::before {
  background-color: #F37CA7;
}
.timeline-legend > li.--presence-estimated-with-interruptions::before {
  background: repeating-linear-gradient(-45deg, #F37CA7, #F37CA7 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px);
}
.timeline-legend > li.--leave::before, .timeline-legend > li.--deleted::before {
  background: repeating-linear-gradient(-45deg, #F37CA7, #F37CA7 10px, #EF4A68 10px, #EF4A68 20px);
}
.timeline-legend > li.--billable::before {
  background: #21C476;
}
.timeline-legend > li.--unsupervised::before {
  background: repeating-linear-gradient(-45deg, #8593FF, #8593FF 10px, #5B6DF7 10px, #5B6DF7 20px);
}
.timeline-legend > li.--current::before {
  background: #DDE4FF;
}
.timeline-legend > li.--requested::before {
  background: #5B6DF7;
}
.timeline-legend > li::before {
  content: " ";
  display: inline-block;
  width: 35px;
  height: 10px;
  border-radius: 1rem;
  margin-right: 5px;
}
@media (min-width: 650px) {
  .timeline-legend {
    display: flex;
  }
  .timeline-legend > li + li {
    padding-left: 2.5rem;
    padding-top: 0;
  }
}
@media (min-width: 767px) {
  .timeline-legend {
    margin-bottom: 2rem;
  }
  .timeline .move-top {
    margin-top: calc(-2.9rem + 5px);
  }
}

input.timeslot {
  background-color: #ffffff;
  border: 1px solid #B3BBF9;
  border-radius: 12px;
  width: 87px;
  padding: 0 1rem;
  color: #5B6DF7;
  font-weight: 600;
  font-size: 1.3rem;
}

.timeslot > span {
  color: #5B6DF7;
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0 0.25rem;
  white-space: nowrap;
}
.timeslot > span:first-child {
  margin-left: 0;
}
.timeslot > span:last-child {
  margin-right: 0;
}
.timeslot .timeslot__separator {
  color: #5B575F;
  font-weight: normal;
  margin: 0 0.5rem 0 -0.5rem !important;
}

.whiteContainer {
  margin: 0 auto 1.6rem;
}
.whiteContainer + .whiteContainer:not(.-current) {
  margin-top: 4rem;
}
.whiteContainer .whiteContainer__title {
  color: #ffffff;
  font-weight: 700;
  font-size: 2.2rem;
  padding: 0 3rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 413px) {
  .whiteContainer .whiteContainer__title {
    padding: 0 1.5rem;
  }
}
.whiteContainer .whiteContainer__subTitle {
  color: #ffffff;
  font-weight: 300;
  font-size: 1.6rem;
  padding-left: 3rem;
  margin-bottom: 2rem;
}
.whiteContainer .whiteContainer__container {
  background-color: #ffffff;
  padding: 2.4rem 1.2rem;
  border-radius: 24px;
}
.whiteContainer .whiteContainer__container p {
  width: 100%;
  padding-left: 1.5rem;
  font-size: 1.4rem;
}
.whiteContainer .field.-w-50 {
  flex: 0 0 49%;
  max-width: 49%;
}
.whiteContainer.-noBackground > .whiteContainer__container {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
}
.whiteContainer.has-background-blue-medium {
  background-color: transparent !important;
}
.whiteContainer.has-background-blue-medium > .whiteContainer__container {
  background-color: #3C4EDC;
  border: 3px solid rgb(29.8260869565, 45.1652173913, 166.1739130435);
}
.whiteContainer--padding--sm > .whiteContainer__container {
  padding: 1.2rem;
}
@media (max-width: 413px) {
  .whiteContainer--padding--sm > .whiteContainer__container {
    padding: 1rem;
  }
}

.pageContainer {
  padding: 0 2rem 11rem;
  min-height: 100vh;
}
@media (max-width: 767px) {
  .pageContainer {
    padding-top: 2rem;
  }
}

.wrapper {
  max-width: 1000px;
  margin: auto;
  padding-top: 4rem;
}
@media (max-width: 767px) {
  .wrapper {
    padding-top: 0;
  }
}

.grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.8rem;
}
.grid--space-between {
  justify-content: space-between;
}
.grid--align--start {
  align-items: flex-start;
}
.grid--align--center {
  align-items: center;
}
.grid__column {
  padding: 0 0.8rem;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%;
}
.grid__column--justify--start {
  display: inline-flex;
  justify-content: flex-start;
}
.grid__column--justify--end {
  display: inline-flex;
  justify-content: flex-end;
}
.grid__column--justify--space-between {
  display: inline-flex;
  justify-content: space-between;
}
.grid__column--align--start {
  display: inline-flex;
  align-items: flex-start;
}
.grid__column--align--end {
  display: inline-flex;
  align-items: flex-end;
}
.grid .col-1 {
  min-width: 8.3333333333%;
}
.grid .col-2 {
  min-width: 16.6666666667%;
}
.grid .col-3 {
  min-width: 25%;
}
.grid .col-4 {
  min-width: 33.3333333333%;
}
.grid .col-5 {
  min-width: 41.6666666667%;
}
.grid .col-6 {
  min-width: 50%;
}
.grid .col-7 {
  min-width: 58.3333333333%;
}
.grid .col-8 {
  min-width: 66.6666666667%;
}
.grid .col-9 {
  min-width: 75%;
}
.grid .col-10 {
  min-width: 83.3333333333%;
}
.grid .col-11 {
  min-width: 91.6666666667%;
}
.grid .col-12 {
  min-width: 100%;
}
@media (max-width: 640px) {
  .grid .md-1 {
    min-width: 8.3333333333%;
  }
  .grid .md-2 {
    min-width: 16.6666666667%;
  }
  .grid .md-3 {
    min-width: 25%;
  }
  .grid .md-4 {
    min-width: 33.3333333333%;
  }
  .grid .md-5 {
    min-width: 41.6666666667%;
  }
  .grid .md-6 {
    min-width: 50%;
  }
  .grid .md-7 {
    min-width: 58.3333333333%;
  }
  .grid .md-8 {
    min-width: 66.6666666667%;
  }
  .grid .md-9 {
    min-width: 75%;
  }
  .grid .md-10 {
    min-width: 83.3333333333%;
  }
  .grid .md-11 {
    min-width: 91.6666666667%;
  }
  .grid .md-12 {
    min-width: 100%;
  }
}
@media (max-width: 480px) {
  .grid .sm-1 {
    min-width: 8.3333333333%;
  }
  .grid .sm-2 {
    min-width: 16.6666666667%;
  }
  .grid .sm-3 {
    min-width: 25%;
  }
  .grid .sm-4 {
    min-width: 33.3333333333%;
  }
  .grid .sm-5 {
    min-width: 41.6666666667%;
  }
  .grid .sm-6 {
    min-width: 50%;
  }
  .grid .sm-7 {
    min-width: 58.3333333333%;
  }
  .grid .sm-8 {
    min-width: 66.6666666667%;
  }
  .grid .sm-9 {
    min-width: 75%;
  }
  .grid .sm-10 {
    min-width: 83.3333333333%;
  }
  .grid .sm-11 {
    min-width: 91.6666666667%;
  }
  .grid .sm-12 {
    min-width: 100%;
  }
}
@media (max-width: 375px) {
  .grid .xs-1 {
    min-width: 8.3333333333%;
  }
  .grid .xs-2 {
    min-width: 16.6666666667%;
  }
  .grid .xs-3 {
    min-width: 25%;
  }
  .grid .xs-4 {
    min-width: 33.3333333333%;
  }
  .grid .xs-5 {
    min-width: 41.6666666667%;
  }
  .grid .xs-6 {
    min-width: 50%;
  }
  .grid .xs-7 {
    min-width: 58.3333333333%;
  }
  .grid .xs-8 {
    min-width: 66.6666666667%;
  }
  .grid .xs-9 {
    min-width: 75%;
  }
  .grid .xs-10 {
    min-width: 83.3333333333%;
  }
  .grid .xs-11 {
    min-width: 91.6666666667%;
  }
  .grid .xs-12 {
    min-width: 100%;
  }
}

.row-header {
  margin-bottom: 50px !important;
}

.headerTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3rem;
}
.headerTitle .title {
  font-weight: 700;
  font-size: 3rem;
  max-height: 83px; /* 2 lines */
  overflow: hidden;
  word-break: break-word;
}
.headerTitle .headerTitle__left a {
  color: inherit;
  display: flex;
  align-items: center;
}
.headerTitle .headerTitle__left a .label {
  margin-left: 1.5rem;
}
.headerTitle .headerTitle__right a, .headerTitle .headerTitle__right button {
  display: flex;
  align-items: center;
}
.headerTitle p {
  margin-bottom: 0;
}

.counter {
  background-color: #022E17;
  color: #ffffff;
  border-radius: 20px;
  padding: 1rem;
}
.counter .presents {
  font-size: 18px;
  font-weight: 700;
}
.counter .total {
  font-size: 14px;
}

@media (max-width: 767px) {
  .headerTitle {
    margin-bottom: 2rem;
    padding-top: 0;
  }
  .headerTitle .title {
    font-size: 2.4rem;
    max-height: 67px; /* 2 lines */
  }
}
@media (max-width: 480px) {
  .headerTitle .title {
    font-size: 2rem;
    max-height: 55px; /* 2 lines */
  }
}
.login {
  background-color: #ffffff;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: auto;
  height: auto;
  max-width: 560px;
  border-radius: 16px;
}
.login__logo {
  text-align: center;
}
.login__logo img {
  height: 116px;
  rotate: -8deg;
}
.login__link {
  margin-top: 2rem;
  display: inline-block;
  text-decoration: underline;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .login {
    padding-top: 2rem;
  }
}

.app-navigation-wrapper {
  z-index: 4;
  position: fixed;
}
.app-navigation-wrapper.-opened {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(1px) grayscale(10%);
  backdrop-filter: blur(1px) grayscale(10%);
}

body:has(> .app-navigation-wrapper.-opened) {
  min-height: 100vh;
  overflow-y: hidden;
  width: 100vw;
}

.app-navbar.app-navbar__bottom {
  background-color: #034623;
  border-radius: 32px 32px 0 0;
  padding: 1.7rem 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}
.app-navbar.app-navbar__bottom > ul {
  text-align: center;
  line-height: 0;
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.app-navbar.app-navbar__bottom > ul > li.-current {
  position: relative;
}
.app-navbar.app-navbar__bottom > ul > li.-current:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  border-radius: 100px;
  bottom: -11px;
  left: 0;
  right: 0;
  margin: auto;
}

.app-navbar.app-navbar__left .app-navbar__main-menu, .app-navbar.app-navbar__left .app-navbar__sub-menu {
  background-color: #034623;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  max-height: 75vh;
  overflow-y: auto;
  border-radius: 20px;
  padding: 10px;
}
.app-navbar.app-navbar__left .app-navbar__main-menu.-opened, .app-navbar.app-navbar__left .app-navbar__sub-menu.-opened {
  width: 260px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 0 4px;
}
.app-navbar.app-navbar__left .app-navbar__main-menu.-opened .app-navbar__title, .app-navbar.app-navbar__left .app-navbar__sub-menu.-opened .app-navbar__title {
  display: block;
}
.app-navbar.app-navbar__left .app-navbar__main-menu.-opened .app-navbar__item--account > .app-navbar__title, .app-navbar.app-navbar__left .app-navbar__sub-menu.-opened .app-navbar__item--account > .app-navbar__title {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.app-navbar.app-navbar__left .app-navbar__sub-menu {
  width: 260px;
  left: 300px;
  transform: inherit;
}
.app-navbar.app-navbar__left .app-navbar__sub-menu--account {
  translate: 0 -10px;
}
.app-navbar.app-navbar__left ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.app-navbar.app-navbar__left ul hr {
  margin: 0.5rem 0;
  border: 0.5px solid #022E17;
}
.app-navbar.app-navbar__left .app-navbar__item {
  gap: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 16px;
  transition: 0.2s;
  font-weight: 600;
  padding: 0.5rem;
}
.app-navbar.app-navbar__left .app-navbar__item:hover {
  background-color: #16623E;
}
.app-navbar.app-navbar__left .app-navbar__title {
  display: none;
  font-size: 1.4rem;
}
.app-navbar.app-navbar__left .app-navbar__title--sub {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #8AB09E;
  max-width: 160px;
}

.navigation-menu__wrapper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  min-height: 100vh;
  z-index: 4;
}
.navigation-menu__wrapper .navigation-menu {
  background-color: #034623;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  container-type: inline-size;
  container-name: navigation-menu;
  justify-content: inherit;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__header {
  color: #ffffff;
  padding: 4rem 4rem 0;
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__header button {
  position: absolute;
  right: 4rem;
  top: 3rem;
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__header--title {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 0;
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups {
  padding: 0 4rem;
  font-weight: 600;
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups .group-title {
  line-height: inherit;
  padding: 0;
  margin: 0;
  font-weight: inherit;
  font-size: 2rem;
  color: #ffffff;
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 1.2rem;
}
@container navigation-menu (max-width: 650px) {
  .navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups ul {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 10px;
    column-gap: 10px;
  }
}
@container navigation-menu (max-width: 500px) {
  .navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.navigation-menu__wrapper .navigation-menu .navigation-menu__footer {
  text-align: center;
  padding: 0 4rem 4rem;
}
.navigation-menu__wrapper .navigation-menu.column-display {
  justify-content: space-between;
}
.navigation-menu__wrapper .navigation-menu.column-display .navigation-menu__link-groups ul {
  display: flex;
  flex-direction: column;
}
@media (max-width: 320px) {
  .navigation-menu__wrapper .navigation-menu .navigation-menu__header {
    padding: 12rem 2rem 0;
  }
  .navigation-menu__wrapper .navigation-menu .navigation-menu__header button img {
    width: 32px;
  }
  .navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups {
    padding: 0 2rem;
  }
  .navigation-menu__wrapper .navigation-menu .navigation-menu__link-groups ul li a img {
    width: 32px;
  }
  .navigation-menu__wrapper .navigation-menu .navigation-menu__footer {
    padding: 4rem 2rem;
  }
}

.app-navbar-on-left .navigation-menu__wrapper {
  border-radius: 28px;
  min-height: auto;
  height: 90vh;
  max-width: 920px;
  top: 5vh;
  left: 300px;
  right: 20px;
  overflow-y: hidden;
}

.transition-navigation-menu {
  transition-property: opacity, translate;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.navigation-menu__link {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  border-radius: 20px;
  transition: 0.2s;
  font-weight: 600;
}
.navigation-menu__link > span {
  margin-right: 1.5rem;
}
.navigation-menu__link:hover {
  background-color: #16623E;
}

#scrollToTop {
  position: fixed;
  z-index: 2;
  bottom: 8rem;
  right: 1rem;
  filter: drop-shadow(0 0 6px #16623E);
}

.app-navbar-on-left ~ #scrollToTop {
  bottom: 2rem;
}

.modalContainer {
  display: flex;
  padding: 8rem 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: rgba(22, 98, 62, 0.8);
  opacity: 0;
  z-index: -1;
  visibility: hidden;
}
.modalContainer > .modal-close {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.modalContainer__modal {
  margin: auto;
  padding: 0 0.5rem;
  min-width: 480px;
  max-width: min(800px, 100vw - 2.5rem);
  transition: 0.3s;
  transform: scale(0.9);
  opacity: 0;
}
.modalContainer__modal .modalContent > .--blue > .whiteContainer__container {
  background-color: #5B6DF7;
  border: 3px solid rgb(29.8260869565, 45.1652173913, 166.1739130435);
}
.modalContainer.-opened {
  visibility: visible;
  opacity: 1;
  z-index: 6;
}
.modalContainer.-opened .modalContainer__modal {
  animation: scaleModal 0.3s cubic-bezier(0.4, 0.54, 0.59, 0.97) forwards;
  opacity: 1;
}

@keyframes scaleModal {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@media (max-width: 480px) {
  .modalContainer {
    padding: 8rem 1.6rem;
  }
  .modalContainer .modalContainer__modal {
    margin: 0;
    width: 100%;
    min-width: 100%;
    padding: 0;
  }
  .modalContainer .whiteContainer__container {
    margin: 0;
    min-width: 100%;
    max-width: 100%;
  }
}
.tabs .tabs__triggers {
  text-align: center;
  margin-bottom: 3.2rem;
}
.tabs .tabs__triggers li {
  display: inline-flex;
  margin: 0 1.2rem;
  position: relative;
  cursor: pointer;
}
.tabs .tabs__triggers li > span {
  display: inline;
}
.tabs .tabs__triggers li [class^=icon-][class$=-blue] {
  display: none;
  /* Not with Halloween and Christmas theme */
  /*.path1::before {
    color: variables.$theme-color-primary-600;
  }*/
}
.tabs .tabs__triggers li.-current:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  border-radius: 100px;
  left: 0;
  right: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  bottom: -1.36rem;
}
.tabs .tabs__triggers li.-current > span {
  display: none;
}
.tabs .tabs__triggers li.-current > span[class*=blue] {
  display: inline;
}
.tabs .tabs__content > div {
  display: none;
}
.tabs .tabs__content > div.-current {
  display: block;
}
@media (max-width: 640px) {
  .tabs .tabs__triggers li {
    margin: 0 0.4rem;
  }
}
.tabs .popover-content .tab__link {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  border-radius: 20px;
  transition: 0.2s;
  font-weight: 600;
  width: 100%;
}
.tabs .popover-content .tab__link > span {
  margin-right: 1.5rem;
}
.tabs .popover-content .tab__link:hover {
  background-color: #16623E;
}

.rounded {
  border-radius: 16px;
}

.border-blue {
  border: 1px solid #B3BBF9;
  border-radius: 16px;
}

.border-red {
  border: 1px solid #EF4A68;
  border-radius: 16px;
}

img.border-blue {
  width: 50px;
  height: 50px;
}

.buttonsActions .button + .button {
  margin-top: 1.6rem;
}

@media (max-width: 640px) {
  .overflow-x {
    overflow-x: scroll;
    margin-right: -2rem;
    margin-left: -2rem;
    padding-left: 2rem;
  }
  .overflow-x .cardMultitasks {
    width: 110%;
  }
}
@media (max-width: 540px) {
  .overflow-x .cardMultitasks {
    width: 120%;
  }
}
@media (max-width: 480px) {
  .overflow-x .cardMultitasks {
    width: 140%;
  }
}
@media (max-width: 359px) {
  .overflow-x .cardMultitasks {
    width: 150%;
  }
}
/*# sourceMappingURL=kidola.css.map */