.affiliate-context-menu{
    font-size: 12px;
    line-height: 1.5;
    color: #6d7882;
    font-family: Roboto,Arial,Helvetica,Verdana,sans-serif;
    font-weight: 400;
    text-transform: none;
    overflow: hidden;
    min-width: 200px !important;
    background-color: #fff;
    border: 1px solid #e6e9ec;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.09);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.09);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 3;
    padding: 5px 0px 5px 0px;

    .affiliate-context-menu-group{
        padding: 5px 0px 5px 0px;

        .affiliate-context-menu-item{
            padding: 5px 20px 5px 10px;
            display: flex;
            cursor: pointer;
            .affiliate-context-menu-item-icon{
                width: 20px;
                color: #c2cbd2;
            }

            .affiliate-context-menu-item-title{
                -webkit-box-flex: 1;
                -webkit-flex-grow: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                white-space: nowrap;
                overflow: hidden;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }
            .affiliate-context-menu-item-shortcut{
                color: #d5dadf;
            }
        }
        .disable-true{
            cursor: default;
            pointer-events: none;
            opacity: 0.9;
        }
        .affiliate-context-menu-item:hover{
            color: #fff;
            .affiliate-context-menu-item-icon,.affiliate-context-menu-item-shortcut{
                color: #fff
            }
        }
    }
    .affiliate-context-menu-group:not(:last-child) {
        border-bottom: 1px solid #e6e9ec;
    }
}

    .affiliate-context-menu-item.with-border-bottom {
        border-bottom: 1px solid #e6e9ec;
    }
    .affiliate-context-menu-item:hover{
        background-color: #71d7f7;
        cursor: pointer;
    }
    .disable-true{
        color: #d5dadf;
    }

.affiliate-context-menu-wraper {
display: none;
position: fixed;
background: white;
z-index: 100;

&--option {
    padding: 6px 50px 5px 10px;
    min-width: 160px;
    cursor: default;
    font-size: 12px;
    &:hover {
        background: linear-gradient(to top, #555, #333);
        color: white;
    }
    
    &:active {
        color: #e9e9e9;
        background: linear-gradient(to top, #555, #444);
    }
    
    &__disabled {
        color: #999999;
        pointer-events: none;
    }
}
}

div.is-selected[data-type*="affiliate/"]{
    z-index: 1;
}