/**
 * Copyright (c) 2012-2018 Red Hat, Inc.
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 * Contributors:
 *   Red Hat, Inc. - initial API and implementation
 */
/****************************************************************************************
   POPUP MENU
 ****************************************************************************************/
.popupMenuMain {
    background-color: popupBkgColor;
    position: absolute;
    box-shadow: 0px 2px 2px 0px popupShadowColor;
}

.popupMenuTable {
    border: none;
    position: relative;
    table-layout: fixed;
    left: 0px;
    top: 0px;
}

.popupMenuTable tbody,  .popupMenuTable tr, .popupMenuTable td, .popupMenuTable nobr {
    overflow: hidden;
    text-overflow: ellipsis;
}

.popupMenuCheckField,
.popupMenuCheckFieldDisabled,
.popupMenuIconField,
.popupMenuIconFieldDisabled,
.popupMenuTitleField,
.popupMenuTitleFieldDisabled,
.popupMenuHotKeyField,
.popupMenuHotKeyFieldDisabled,
.popupMenuSubMenuField,
.popupMenuSubMenuFieldDisabled {
    height: 24px;
    cursor: default;
    font-weight: normal;
    font-style: normal;
    font-size:  fontPopupSize;
    font-family: mainFontFamily;
    vertical-align: middle;
}

.popupMenuCheckField {
    color: blueIconColor;
}

.popupMenuCheckFieldDisabled {
    color: toolbarIconColor;
    opacity: 0.6;
}

.popupMenuDelimiter,
.popupMenuTextDelimiter {
    cursor: default;
}

.popupMenuDelimiter {
    width: 100%;
    height: 1px;
    background-color: popupBorderColor;
}

.popupMenuTextDelimiter {
    background: mainMenuDelimiterBackground;
    font-weight: bold;
}

.popupMenuTextDelimiter > div {
    display: inline-block;
    line-height: 20px;
    margin-left: 5px;
    margin-bottom: 0;
}

.popupMenuCheckField,
.popupMenuCheckFieldDisabled {
    width: 9px;
    padding-left: 1px;
    padding-right: 3px;
}

.popupMenuIconField,
.popupMenuIconFieldDisabled {
    width: 26px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
}

.popupMenuIconField > *,
.popupMenuIconFieldDisabled > * {
    width: menuIconSize;
    height: menuIconSize;
    font-size: menuIconSize;
    line-height: menuIconSize;
    margin-top: 4px;
    display: inline-block;
    color: toolbarIconColor;
}

.popupMenuIconField path {
    fill: toolbarIconColor !important;
}

.popupMenuIconFieldDisabled,
.popupMenuIconFieldDisabled > * {
    color: disabledMenuColor !important;
}

.popupMenuIconFieldDisabled path {
    fill: disabledMenuColor !important;
}

.popupMenuTitleField {
    color: mainMenuFontColor;
}

.popupMenuSubMenuField,
.popupMenuSubMenuFieldDisabled {
    width: 10px;
}

.popupMenuSubMenuField > *,
.popupMenuSubMenuFieldDisabled > * {
    fill: toolbarIconColor;
    width: 7px;
    height: 7px;
}

.popupMenuSubMenuField path,
.popupMenuSubMenuFieldDisabled path {
    fill: toolbarIconColor;
}

.popupMenuIconFieldDisabled {
    opacity: 0.6;
}

.popupMenuHotKeyField,
.popupMenuHotKeyFieldDisabled {
    width: 10px;
    padding-left: 6px;
    padding-right: 6px;
    color: popupHotKeyColor;
}

.popupMenuItemOver {
    background-color: popupHoverColor;
}

.popupMenuItemOver:last-child td:first-child {
    border-bottom-left-radius: 2px;
}
.popupMenuItemOver:last-child td:last-child {
    border-bottom-right-radius: 2px;
}

.popupMenuIconFieldDisabled,
.popupMenuTitleFieldDisabled,
.popupMenuHotKeyFieldDisabled,
.popupMenuSubMenuFieldDisabled,
.popupMenuSubMenuFieldDisabled svg {
    color: disabledMenuItemColor;
    fill: disabledMenuItemColor;
    opacity: 0.3;
}

.popupMenuSubMenuFieldDisabled path {
    fill: disabledMenuItemColor;
}
