.MoreActionsMenu {
    padding: 0;

    &-salessheet {
        &-timestamp {
            color: var(--gray-400);
            font-size: 10px;
            font-weight: $weight_book;
        }
    }

    &-menu {
        background-color: var(--white);
        border-radius: 5px;
        border-top: 2px solid var(--gray-100);
        box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2), 0 15px 35px 0 rgba(0, 0, 0, .4);
        list-style: none;
        margin-top: 3px;
        padding: 10px;
        position: absolute;
        width: 240px;
        z-index: 2;

        &-item {
            border-bottom: $grey_200 solid 1px;
            text-decoration: none;
        }

        &-item:last-of-type {
            border-bottom: none;
        }
    }

    &-submenu {
        list-style: none;
        padding: 0;

        &-item {
            border-bottom: var(--gray-100) solid 1px;
            color: var(--gray-800);
            font-size: 14px;
            font-weight: 500;
            padding: 15px 10px;
        }

        &-item .Icons-loading-arrows {
            display: inline-block;
            margin: 0 10px 0;
            vertical-align: middle;
        }

        &-item:hover {
            background-color: $grey_150;
        }

        &-item:last-of-type {
            border-bottom: none;
        }
    }

    &-danger {
        color: $red_200;
    }

    &-disabled {
        color: var(--gray-600);
        pointer-events: none;

        &:hover {
            background: none;
        }
    }

    &-submenu-item-link {
        padding: 0;
    }

    &-menu-item-link {
        border-bottom: var(--gray-100) solid 1px;
    }

    &-link {
        color: var(--gray-800);
        display: block;
        font-weight: $weight_bold;
        padding: 15px 10px;
        &:hover {
            color: var(--gray-800);
            text-decoration: none;
        }
    }

    &-menu-toggle-button {
        box-sizing: border-box;
        display: block;
        height: 30px;
        padding: 7px;
        text-align: center;
        width: 30px;

        & .Glyph {
            /* stylelint-disable declaration-no-important */
            fill: var(--gray-800) !important;
            height: 14px;
            transform: translateY(-2px);
            width: 14px;
        }

        &:hover .Icons-three-dots {
            fill: var(--gray-800);
        }
    }
}