/* Theming  */

:root {
    --f7-theme-color: #b00000;
    --f7-theme-color-shade: #900000;
    --f7-theme-color-tint: #d00000;
    --f7-theme-color-rgb: #ff0805;
    --f7-navbar-bg-color: #b00000;
    --f7-navbar-bg-image: #b00000;
    --f7-navbar-border-color: var(--f7-bars-border-color);
    --f7-navbar-link-color: #ffffff;
    --f7-navbar-text-color: #ffffff;
    --f7-toolbar-height: 32px;
    --f7-toolbar-bg-color: #b00000;
    --f7-toolbar-text-color: white;
    --f7-menu-bg-color: #b00000;
    --f7-menu-item-pressed-bg-color: #900000;
    --f7-menu-item-height: 36px;
    --f7-menu-item-border-radius: 0px;
    --f7-menu-item-dropdown-icon-color: white;
    --f7-menu-item-spacing: 0px;
    --f7-bars-bg-color: #b00000;
    --f7-calendar-week-header-text-color: white;
    --f7-calendar-footer-text-color: white;
    --f7-calendar-header-text-color: white;
    --f7-calendar-header-link-color: #dddddd;
    --f7-calendar-footer-link-color: #dddddd;
    /* --f7-button-bg-color: #b00000;
    --f7-button-text-color: white; */
    --ab-bg-color: #b00000;
    --ab-font-color: white;
    --ab-bg-color-onMap: white;
    --ab-font-color-onMap: #b00000;
    --ab-menu-item-text-color: white;
    --ab-menu-item-color: white;
    --ab-font-color-control: #ffffff;
    --ab-menu-dd-bg :var(--ab-bg-color)
}
   

/* strano non lo prende dall root nella versione 5.3 */

.navbar {
    background-color: var(--ab-bg-color);
}

.text-color-prj,
.color-prj {
    color: var(--ab-bg-color) !important;
}


.bg-color-prj {
    background-color: var(--ab-bg-color) !important;
}

html,
body {
    background: var(--ab-bg-color) !important;
}

.ui-widget-header {
    background: var(--ab-bg-color);
    color: #dddddd;
}

.ui-state-default,
.ui-state-default a {
  background: var(--ab-bg-color-disabled) !important;
  color: var(--ab-font-color-disabled) !important;
}

.ui-state-disabled,
.ui-button.ui-state-disabled:hover,
.ui-button.ui-state-disabled:active {
  background: var(--ab-bg-color-disabled) !important;
  color: var(--ab-font-color-disabled) !important;
}

.ui-state-active,
.ui-state-active a {
  background: var(--ab-bg-color) !important;
  color: var(--ab-font-color) !important;
}


/* bootni generici */

.button {
    background: var(--ab-bg-color) !important;
    color: var(--ab-font-color) !important;
}

.button.button-active {
    background: #5978ff !important;
    color: var(--ab-font-color) !important;
}


/* bottoni in dialog */

.ui-dialog-content .button {
    background: white !important;
    color: var(--ab-bg-color) !important;
}

.box-on-map {
    background-color: var(--ab-bg-color-onMap);
}

#ab-info-message {
    color: #dddddd;
}


.ab-item-selected {
    color: #5978ff !important;
}
.ui-dialog-content .button.ab-item-selected{
    font-size: 150%;
}

.ab-button,
.ab-menu-item {
  background: var(--ab-bg-color) !important;
  color: var(--ab-font-color) !important;
}

.ab-button.ab-button-active {
  /* background: #5978ff !important; */
  color: var(--ab-font-color) !important;
}