.mytheme .v-menubar.hover-action-menu {
  box-sizing: border-box;
  height: 37px;
  padding: 0;
  border: 1px solid #c5c5c5;
  border-bottom-color: #bcbcbc;
  border-radius: 4px;
  background: linear-gradient(to bottom, #fafafa 2%, #efefef 98%);
  color: #191919;
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 #e7e7e7, 0 2px 3px rgba(0, 0, 0, 0.05);
  line-height: 35px;
}

.mytheme .v-menubar.hover-action-menu:after {
  border: 0;
  box-shadow: none;
}

.mytheme .v-menubar.hover-action-menu:focus {
  border-color: #b17a1b;
  box-shadow: 0 0 0 2px rgba(213, 155, 53, 0.18);
}

.mytheme .v-menubar.hover-action-menu > .v-menubar-menuitem {
  height: 35px;
  padding: 0 14px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: inherit;
  line-height: 35px;
  text-shadow: none;
}

.mytheme .v-menubar.hover-action-menu > .v-menubar-menuitem:hover,
.mytheme .v-menubar.hover-action-menu > .v-menubar-menuitem-selected {
  background: #f8edd9;
  color: #6f4900;
}

.mytheme .v-menubar.hover-action-menu > .v-menubar-menuitem:hover:before,
.mytheme .v-menubar.hover-action-menu > .v-menubar-menuitem-selected:before {
  background: transparent;
}

.mytheme .v-menubar.hover-action-menu .v-menubar-submenu-indicator + .v-menubar-menuitem-caption:after {
  margin-left: 9px;
  color: #9a6712;
  opacity: 0.9;
}

/* Popup MenuBar jest renderowany w warstwie nakładki Vaadina. !important jest
   potrzebne, ponieważ bazowy styles.css może zostać dołączony po tym arkuszu. */
.mytheme .v-menubar-popup {
  margin-top: 5px !important;
  padding: 5px;
  border: 1px solid #c5c5c5;
  border-radius: 7px;
  background: #fff !important;
  color: #2f2f2f !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.mytheme .v-menubar-popup .v-menubar-menuitem {
  min-width: 210px;
  padding: 7px 18px 7px 12px;
  border-radius: 5px;
  background-image: none !important;
  color: #2f2f2f !important;
  line-height: 24px;
  text-shadow: none;
}

.mytheme .v-menubar-popup .v-menubar-menuitem:hover,
.mytheme .v-menubar-popup .v-menubar-menuitem-selected {
  background: #f8edd9 !important;
  color: #6f4900 !important;
  text-shadow: none !important;
}

.mytheme .v-menubar-popup .v-menubar-menuitem .v-icon {
  color: #9a6712;
}

.mytheme .v-menubar-popup [class*="disabled"] {
  color: #929292 !important;
}
