:root {
  --f7-theme-color: #004f71;
  --f7-theme-color-shade: #004f71;
  --f7-theme-color-tint: #006b71;
  --f7-theme-color-rgb: #004f71;
  --f7-navbar-bg-color: #004f71;
  --f7-navbar-bg-image: #004f71;
  --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: #004f71;
  --f7-toolbar-text-color: white;
  --f7-menu-bg-color: #004f71;
  --f7-menu-item-pressed-bg-color: #004f71;
  --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: #004f71;
  --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: #6C6F70;
    --f7-button-text-color: white; */
  --ab-bg-color: #004f71;
  --ab-font-color: white;
  --ab-bg-color-onMap: white;
  --ab-font-color-onMap: #004f71;

  --ab-bg-color-disabled: #cccccc;
  --ab-font-color-disabled: white;
}

#header_cofi,
#header_cofi_mobile {
  background-color: #004f71;
  color: #ffffff;
}

.ab-item-selected {
  background-color: var(--ab-font-color) !important;
  color:var(--ab-bg-color) !important;
  filter: invert(0%) !important;
}