@popover-quick-menu-background: @theme-grey14;
@popover-quick-menu-font-color: @theme-grey9;
@popover-quick-menu-disabled-font-color: @theme-grey5;
@popover-quick-menu-disabled-background: rgba(242,242,242,.5);

.data-grid__cell--quick-menu {
    vertical-align: middle !important;
}

.quick-menu-icon {
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    position: relative;
    text-decoration: none;

    &:hover {
        &:before {
            background-image: url("@{icons}quick-menu-green.svg");
        }
    }
}

.data-list .quick-menu-icon {
    right: 10px;
}

.data-grid__cell--quick-menu-header {
    width: 45px;
}

.quick-menu-icon:before {
    display: block;
    width: 25px;
    height: 25px;
    content: '';
    position: relative;
        background: url("@{icons}quick-menu-grey.svg") center center no-repeat;
    background-size: 24px;
}

.popover__quick-menu,
.quick-menu-container {
    .popover__link:hover {
        text-decoration: none !important;
    }
}

.popover__quick-menu--link {

    a {
        display: block;
        height: 37px;
        padding: 3px 20px;
        cursor: pointer;
        border-color: transparent;
        border-style: solid;
        border-width: 1px 0;
        box-sizing: border-box;
        white-space: nowrap;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 29px;
        font-size: 14px;
        text-decoration: none;
        color: @popover-quick-menu-font-color;
    }

    &:hover {
        background-color: @popover-quick-menu-background;

        a {
            text-decoration: none;
        }
    }
}

.popover__quick-menu--link-disabled {
    
    background-color: @popover-quick-menu-disabled-background;
    
    a {
        cursor: not-allowed;
        color: @popover-quick-menu-disabled-font-color;
    }

    &:hover {
        background-color: @popover-quick-menu-disabled-background;
    }
}

// For inconsistancy between ng/aspx grids
bd-popover .quick-menu-icon {
    right: 10px;
}
// Files/Notes specific
.files__quick-menu .quick-menu-icon {
    right: -15px;
}