﻿.task-menu {
    display: inline-block !important;
    margin-right: -10px;
}

    .task-menu table {
        display: inline-block;
        border-spacing: 0px;
        border-collapse: collapse;
    }

        .task-menu table > tbody {
            vertical-align: top;
        }

            .task-menu table > tbody > tr {
                display: inline-block;
                vertical-align: top;
            }

                .task-menu table > tbody > tr > td, .task-menu table > tbody > tr > td:first-child, .task-menu table > tbody > tr > td:last-child {
                    padding: 0;
                    border: none;
                }

    .task-menu .MenuItem {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        padding: 0 10px;
        cursor: pointer;
    }

        .task-menu .MenuItem::before {
            font-family: 'Font Awesome 5 Free';
            display: inline-block;
            margin-right: 5px;
            font-size: 14px;
            font-weight: 800;
            content: '\f019';
            color: #000;
        }

        .task-menu .MenuItem:hover {
            background: rgba(0,0,0,0.05);
        }

        .task-menu .MenuItem span {
            font-weight: normal;
            font-size: 11px;
            vertical-align: top;
        }

.IconButton {
    height: 20px;
    width: 20px;
    box-sizing: content-box;
    border: none;
    padding: 2px;
    margin: 0px;
    vertical-align: middle;
}

    .IconButton:hover {
        padding: 1px;
        border: 1px solid grey;
        border-radius: 2px;
    }

.MenuItemSeparator {
    height: 8px;
    text-align: left;
}

/*.MenuItem {
    box-sizing: content-box;
    border: none;
    padding: 2px;
    margin: 1px;
    vertical-align: middle;
    min-width: 125px;
    text-align: left;
}

    .MenuItem:hover {
        border: 1px solid lightgrey;
        margin: 0;
        border-radius: 2px;
        cursor: pointer;
        background-color: ghostwhite;
    }

.HoverMenu {
    background-color: white;
    border: 1px solid grey;
    padding: 2px;
    display: none;
    position: absolute;
    width: auto;
    border-radius: 3px;
    box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.5);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.5);
}*/
