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

.collapse {
  visibility: collapse !important;
}

.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

.top-4 {
  top: 1rem !important;
}

.left-5 {
  left: 1.25rem !important;
}

.bottom-0 {
  bottom: 0px !important;
}

.right-0 {
  right: 0px !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

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

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

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

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

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

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

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

.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.flex {
  display: flex !important;
}

.table {
  display: table !important;
}

.hidden {
  display: none !important;
}

.h-screen {
  height: 100vh !important;
}

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

.h-auto {
  height: auto !important;
}

.min-h-\[200px\] {
  min-height: 200px !important;
}

.min-h-\[50px\] {
  min-height: 50px !important;
}

.w-screen {
  width: 100vw !important;
}

.w-\[200px\] {
  width: 200px !important;
}

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

.w-10 {
  width: 2.5rem !important;
}

.w-\[40px\] {
  width: 40px !important;
}

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

.w-24 {
  width: 6rem !important;
}

.min-w-\[200px\] {
  min-width: 200px !important;
}

.max-w-\[100px\] {
  max-width: 100px !important;
}

.flex-none {
  flex: none !important;
}

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

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

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

.cursor-grab {
  cursor: grab !important;
}

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

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

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

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

.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.rounded-md {
  border-radius: 0.375rem !important;
}

.rounded-lg {
  border-radius: 0.5rem !important;
}

.rounded-b-md {
  border-bottom-right-radius: 0.375rem !important;
  border-bottom-left-radius: 0.375rem !important;
}

.rounded-t-md {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.border {
  border-width: 1px !important;
}

.bg-brand-maggioli-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--brand-maggioli-05), var(--tw-bg-opacity)) !important;
}

.bg-brand-synbee-eolo-v1-18 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--brand-synbee-eolo-v1-18), var(--tw-bg-opacity)) !important;
}

.bg-brand-synbee-eolo-v1-17 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--brand-synbee-eolo-v1-17), var(--tw-bg-opacity)) !important;
}

.bg-brand-synbee-eolo-04 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--brand-synbee-eolo-04), var(--tw-bg-opacity)) !important;
}

.bg-brand-synbee-eolo-v1-06 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--brand-synbee-eolo-v1-06), var(--tw-bg-opacity)) !important;
}

.bg-label-amaranth-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-amaranth-05), var(--tw-bg-opacity)) !important;
}

.bg-label-aqua-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-aqua-05), var(--tw-bg-opacity)) !important;
}

.bg-label-blue-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-blue-05), var(--tw-bg-opacity)) !important;
}

.bg-label-green-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-green-05), var(--tw-bg-opacity)) !important;
}

.bg-label-lime-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-lime-05), var(--tw-bg-opacity)) !important;
}

.bg-label-orange-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-orange-05), var(--tw-bg-opacity)) !important;
}

.bg-label-orchid-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-orchid-05), var(--tw-bg-opacity)) !important;
}

.bg-label-sky-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-sky-05), var(--tw-bg-opacity)) !important;
}

.bg-label-yellow-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-yellow-05), var(--tw-bg-opacity)) !important;
}

.bg-label-violet-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--label-violet-05), var(--tw-bg-opacity)) !important;
}

.bg-status-error-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--status-error-05), var(--tw-bg-opacity)) !important;
}

.bg-status-info-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--status-info-05), var(--tw-bg-opacity)) !important;
}

.bg-status-success-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--status-success-05), var(--tw-bg-opacity)) !important;
}

.bg-status-warning-05 {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(var(--status-warning-05), var(--tw-bg-opacity)) !important;
}

.fill-label-blue-05 {
  fill: rgb(var(--label-blue-05)) !important;
}

.fill-label-green-06 {
  fill: rgb(var(--label-green-06)) !important;
}

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

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

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

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

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

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

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

.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

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

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

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

.text-brand-synbee-eolo-v1-06 {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--brand-synbee-eolo-v1-06), var(--tw-text-opacity)) !important;
}

.text-brand-synbee-eolo-v1-04 {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--brand-synbee-eolo-v1-04), var(--tw-text-opacity)) !important;
}

.text-adjust-tone-04 {
  --tw-text-opacity: 1 !important;
  color: rgba(var(--adjust-tone-04), var(--tw-text-opacity)) !important;
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}

:host {
  display: flex;
  background-color: rgb(var(--tone-neutral));
  min-height: 560px;
  border-radius: 0.5rem;
  margin-bottom:30px;
  position:relative;
}

.reminder-container{
  display: flex;
  flex-direction: column;
  background-color: inherit;
  height: auto;
  width: 100%;
  border-radius: 10px;
}

.badge-error{
  position: center;
  width: -moz-fit-content;
  width: fit-content;
  /*height: 50px;*/
  margin: auto 20%;
}
.footer{

}

.hidden{
  display: none;
}





/*:host {*/
/*  display: flex;*/
/*  background-color: red;*/
/*  height: 560px;*/
/*  border-radius: 10px;*/
/*  margin-bottom: 30px;*/
/*}*/
/*.reminder-container {*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  height: auto;*/
/*  background-color: white;*/
/*  width: 100%;*/
/*  border-radius: 10px;*/
/*}*/
/*.badge-error {*/
/*  position: center;*/
/*  width: fit-content;*/
/*  height: 50px;*/
/*  margin: 0 auto;*/
/*}*/
/*.hidden {*/
/*  display: none;*/
/*}*/
.active\:cursor-grabbing:active {
  cursor: grabbing !important;
}
