.static {
  position: static;
}
.fixed {
  position: fixed;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inline {
  display: inline;
}
.table {
  display: table;
}
.hidden {
  display: none;
}
.w-24 {
  width: 6rem;
}
.border {
  border-width: 1px;
}
.bg-brand-maggioli-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--brand-maggioli-05), var(--tw-bg-opacity));
}
.bg-label-amaranth-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-amaranth-05), var(--tw-bg-opacity));
}
.bg-label-aqua-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-aqua-05), var(--tw-bg-opacity));
}
.bg-label-blue-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-blue-05), var(--tw-bg-opacity));
}
.bg-label-green-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-green-05), var(--tw-bg-opacity));
}
.bg-label-lime-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-lime-05), var(--tw-bg-opacity));
}
.bg-label-orange-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-orange-05), var(--tw-bg-opacity));
}
.bg-label-orchid-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-orchid-05), var(--tw-bg-opacity));
}
.bg-label-sky-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-sky-05), var(--tw-bg-opacity));
}
.bg-label-yellow-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-yellow-05), var(--tw-bg-opacity));
}
.bg-label-violet-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--label-violet-05), var(--tw-bg-opacity));
}
.bg-status-error-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--status-error-05), var(--tw-bg-opacity));
}
.bg-status-info-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--status-info-05), var(--tw-bg-opacity));
}
.bg-status-success-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--status-success-05), var(--tw-bg-opacity));
}
.bg-status-warning-05 {
  --tw-bg-opacity: 1;
  background-color: rgba(var(--status-warning-05), var(--tw-bg-opacity));
}
.fill-label-blue-05 {
  fill: rgb(var(--label-blue-05));
}
.fill-label-green-06 {
  fill: rgb(var(--label-green-06));
}
.lowercase {
  text-transform: lowercase;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.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);
}
.container {
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}
@media (min-width: 1600px) {
  .container {
    max-width: 1600px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1920px;
  }
}
/* file di variabili css globali con dentro anche la palette a 20 colori di brand-eolo */
:root {
  /* BRAND EOLO */
  --brand-eolo-01: #1a263d;
  --brand-eolo-02: #223351;
  --brand-eolo-03: #2b4065;
  --brand-eolo-04: #334c79;
  --brand-eolo-05: #3b598c;
  --brand-eolo-06: #4465a0;
  --brand-eolo-07: #4c72b3;
  --brand-eolo-08: #5d7fba;
  --brand-eolo-09: #6f8dc2;
  --brand-eolo-10: #839ecb;
  --brand-eolo-11: #98add3;
  --brand-eolo-12: #abbcdb;
  --brand-eolo-13: #bbcae2;
  --brand-eolo-14: #c6d2e7;
  --brand-eolo-15: #cfd9eb;
  --brand-eolo-16: #d8e0ef;
  --brand-eolo-17: #dfe6f1;
  --brand-eolo-18: #e8edf5;
  --brand-eolo-19: #f0f3f9;
  --brand-eolo-20: #f7f9fc;
  --brand-eolo: #597cb9;

  /* SAP CALENDARIO */
  --_ui5_calendar_width: auto;
  --sapList_Background: #f7f9fc;
  --sapTextColor: #334c79;
  --_ui5_daypicker_item_othermonth_color: #c6d2e7;
  --_ui5_daypicker_item_now_border: #f7f9fc;
  --sapContent_Selected_Background: #dfe6f1;
  --sapContent_Selected_TextColor: #334c79;
  --sapContent_Selected_Hover_Background: #dfe6f1;
  --_ui5_daypicker_item_selected_between_text_font: bold;
  --sapFontSize: bold;
  --_ui5_daypicker_item_border: none;
  --_ui5_daypicker_item_border_radius: 10px;
  --_ui5_daypicker_item_selected_box_shadow: none;
  --sapFontSmallSize: bold;
  --_ui5_daypicker_dayname_color: #4c4c4c;
  --_ui5_calendar_padding: 2rem;
}

:host {
  --brand-maggioli-08: #4c4c4c;
  display: block;
  --_ui5_calendar_width: auto;
  --sapList_Background: #f7f9fc;
  --sapTextColor: #334c79;
  --_ui5_daypicker_item_othermonth_color: #c6d2e7;
  --_ui5_daypicker_item_now_border: #f7f9fc;
  --sapContent_Selected_Background: #dfe6f1;
  --sapContent_Selected_TextColor: #334c79;
  --sapContent_Selected_Hover_Background: #dfe6f1;
  --_ui5_daypicker_item_selected_between_text_font: bold;
  --sapFontSize: bold;
  --_ui5_daypicker_item_border: none;
  --_ui5_daypicker_item_border_radius: 10px;
  --_ui5_daypicker_item_selected_box_shadow: none;
  --sapFontSmallSize: bold;
  --_ui5_daypicker_dayname_color: #4c4c4c;
  --_ui5_calendar_padding: 2rem;
}
:host(.reminder-container[addon-reminder-body][ilmiocalendar][ui5-call-root][ui5-calendar-header]) {
  background: red;
}
div.ui5-calheader-root {
  background-color: red;
}
:host(.ilmiocalendar [ui5-cal-root]) {
  background-color: #4c4c4c;
}
:host(.ilmiocalendar.ui5-cal-root [ui5-calendar-header]) {
  background-color: #4c4c4c;
}

.ilmiocalendar {
  padding-right: 20px;
  padding-left: 20px;
}

.calendarHeader {
  display: none;
}
.reminder-body {
  height: 375px;
  width: 100%;
  display: flex;
  flex-direction: row;
  --tw-bg-opacity: 1;
  background-color: rgba(var(--brand-maggioli-07), var(--tw-bg-opacity));
}
#shadown-root.ui5-cal-root {
  background-color: red;
}

.description-elements {
  width: 55%;
  height: auto;
  background-color: white;
  flex-direction: column;
  border-radius: 10px;
}
.description-elements-view {
  pointer-events: none;
}
.date-and-time-container {
  display: flex;
  flex-direction: column;
}
.reminder-status {
  display: flex;
  flex-direction: row;
  margin-top: 0.3rem;
  font-size: 16px;
}
.hidden-reminder-status {
  display: none;
}
.text-status {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}

.time-slot {
  display: flex;
  flex-direction: row;
  margin-top: 0.3rem;
  font-size: 16px;
}
.date-slot {
  display: flex;
  flex-direction: row;
  margin-top: 0.3rem;
  font-size: 16px;
}
.date-text {
  margin-left: 0.5rem;
  margin-top: 0.2rem;
}
.time-text {
  margin-top: 0.2rem;
  margin-left: 0.5rem;
}
.calendar {
  width: 45%;
  height: auto;
  background-color: white;
}
.calendar-view {
  width: 45%;
  height: auto;
  background-color: white;
  pointer-events: none;
}
.my-calendar {
  width: 300px;
  height: auto;
  place-items: flex-start;
  position: fixed;
  display: flex;
}

layout.vertical.calendarHeader {
  display: none;
}
.input-select-container {
  display: flex;
  flex-direction: row;
  background-color: white;
  width: auto;
  height: 80px;
  /*z-index: 9999;*/
}
.input-select:focus-within {
  z-index: 2;
}
.input-select:active {
  z-index: 2;
}
/*.input-select:focus:not(:active){*/
/*  z-index:2;*/
/*}*/
/*.input-select.all-options-container:not(:active){*/
/*  display:none;*/
/*}*/
