@charset 'UTF-8';
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v@VERSION
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-@YEAR SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: @DATE
 */
@-webkit-keyframes cm-spin
{
    0%
    {
        -webkit-transform: translateY(-50%) rotate(0deg);
                transform: translateY(-50%) rotate(0deg);
    }
    100%
    {
        -webkit-transform: translateY(-50%) rotate(359deg);
                transform: translateY(-50%) rotate(359deg);
    }
}
@-o-keyframes cm-spin
{
    0%
    {
        -webkit-transform: translateY(-50%) rotate(0deg);
             -o-transform: translateY(-50%) rotate(0deg);
                transform: translateY(-50%) rotate(0deg);
    }
    100%
    {
        -webkit-transform: translateY(-50%) rotate(359deg);
             -o-transform: translateY(-50%) rotate(359deg);
                transform: translateY(-50%) rotate(359deg);
    }
}
@keyframes cm-spin
{
    0%
    {
        -webkit-transform: translateY(-50%) rotate(0deg);
             -o-transform: translateY(-50%) rotate(0deg);
                transform: translateY(-50%) rotate(0deg);
    }
    100%
    {
        -webkit-transform: translateY(-50%) rotate(359deg);
             -o-transform: translateY(-50%) rotate(359deg);
                transform: translateY(-50%) rotate(359deg);
    }
}

@font-face
{
    font-family: 'context-menu-icons';
    font-weight: normal;
    font-style: normal; 

    src: url('font/context-menu-icons.eot?4llt4');
    src: url('font/context-menu-icons.eot?4llt4#iefix') format('embedded-opentype'), url('font/context-menu-icons.woff2?4llt4') format('woff2'), url('font/context-menu-icons.woff?4llt4') format('woff'), url('font/context-menu-icons.ttf?4llt4') format('truetype');
}

.context-menu-icon-add:before
{
    content: '\EA01';
}

.context-menu-icon-copy:before
{
    content: '\EA02';
}

.context-menu-icon-cut:before
{
    content: '\EA03';
}

.context-menu-icon-delete:before
{
    content: '\EA04';
}

.context-menu-icon-edit:before
{
    content: '\EA05';
}

.context-menu-icon-loading:before
{
    content: '\EA06';
}

.context-menu-icon-paste:before
{
    content: '\EA07';
}

.context-menu-icon-quit:before
{
    content: '\EA08';
}

.context-menu-icon::before
{
    font-family: 'Web Icons';
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 0;

    width: 2em; 

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #76838f;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.context-menu-icon.context-menu-hover:before
{
    color: #76838f;
}

.context-menu-icon.context-menu-disabled::before
{
    color: #ccd5db;
}

.context-menu-icon.context-menu-icon-loading:before
{
    -webkit-animation: cm-spin 2s infinite;
         -o-animation: cm-spin 2s infinite;
            animation: cm-spin 2s infinite;
}

.context-menu-icon.context-menu-icon--fa
{
    font-family: inherit; 

    display: list-item;
}
.context-menu-icon.context-menu-icon--fa::before
{
    font-family: FontAwesome;
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    line-height: 1;

    position: absolute;
    top: 50%;
    left: 0;

    width: 2em; 

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    color: #76838f;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.context-menu-icon.context-menu-icon--fa.context-menu-hover:before
{
    color: #76838f;
}
.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before
{
    color: #ccd5db;
}

.context-menu-list
{
    font-family: inherit;
    font-size: inherit;

    position: absolute; 

    display: inline-block;

    min-width: 160px;
    max-width: 26em;
    margin: .3em;
    padding: 5px 5px;

    list-style-type: none;

    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background: #fff;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
            box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
}

.context-menu-item
{
    position: relative;

    padding: .572rem 1.072rem;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; 

    color: #76838f;
    background-color: #fff;
}

.context-menu-separator
{
    margin: .35em 0;
    padding: 0; 

    border-bottom: 1px solid #e4eaec;
}

.context-menu-item > label > input,
.context-menu-item > label > textarea
{
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}

.context-menu-item.context-menu-hover
{
    cursor: pointer; 

    color: #76838f;
    background-color: #f3f7f9;
}

.context-menu-item.context-menu-disabled
{
    cursor: default; 

    color: #ccd5db;
    background-color: #fff;
}

.context-menu-input.context-menu-hover
{
    cursor: default;

    color: #76838f;
}

.context-menu-submenu:after
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    right: .5em;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: .25em 0 .25em .25em;
    border-style: solid;
    border-color: transparent transparent transparent #76838f;
}

/**
 * Inputs
 */
.context-menu-item.context-menu-input
{
    padding: .3em .6em;
}

/* vertically align inside labels */
.context-menu-input > label > *
{
    vertical-align: top;
}

/* position checkboxes and radios as icons */
.context-menu-input > label > input[type='checkbox'],
.context-menu-input > label > input[type='radio']
{
    position: relative;
    top: .12em; 

    margin-right: .4em;
}

.context-menu-input > label
{
    margin: 0;
}

.context-menu-input > label,
.context-menu-input > label > input[type='text'],
.context-menu-input > label > textarea,
.context-menu-input > label > select
{
    display: block;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}

.context-menu-input > label > textarea
{
    height: 7em;
}

.context-menu-item > .context-menu-list
{
    top: .3em; 
    /* re-positioned by js */
    right: -.3em;

    display: none;
}

.context-menu-item.context-menu-visible > .context-menu-list
{
    display: block;
}

.context-menu-accesskey
{
    text-decoration: underline;
}

.context-menu-extend-icon
{
    display: block !important;
}
.context-menu-extend-icon:before
{
    position: static;

    text-align: left;
}
.context-menu-extend-icon > span
{
    margin-left: .5em;
}
