/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: 1.6.6
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *   GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */

.context-menu-list {
    margin:0; 
    padding:0px;
    
    min-width: 120px;
    max-width: 250px;
    display: inline-block;
    position: absolute;
    list-style-type: none;
    
    border: 1px solid #DDD;
    background: #EEE;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
         -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.context-menu-item {
    padding: 10px 5px 10px 29px;
    background-color: #EEE;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: -moz-none;
        -ms-user-select: none;
            user-select: none;
}

.context-menu-separator {
    padding-bottom:0;
    border-bottom: 1px solid #DDD;
}

.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.hover {
    cursor: pointer;
    background-color: #39F;
}

.context-menu-item.disabled {
    color:#676464;
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
    cursor: default;
    background-color: #EEE;
}

.context-menu-submenu:after {
    content: ">";
    color:#676464;
    position: absolute;
    top: 0;
    right: 3px;
    z-index: 1;
}

/* icons
    #protip:
    In case you want to use sprites for icons (which I would suggest you do) have a look at
    http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
    .context-menu-item.icon:before {}
 */
 /*
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-add { background-image: url(images/page_white_add.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }
.context-menu-item.icon-action { background-image: url(images/page_white_action); }
*/
/*.context-menu-item.icon-play { background-image: url(images/play_video.png); }*/

.context-menu-item.icon:before { font-family:FontAwesome; font-size:1.4em; color:#444;margin-left:0.5em;}
.context-menu-item.icon-info:before { 
	content:"\f05a";
	color:green;
}
.context-menu-item.icon-map:before { 
	content:"\f279";
	color:#488DD8;
}
.context-menu-item.icon-cog:before { 
	content:"\f013";
	color:#488DD8;
}
.context-menu-item.icon-pen:before { 
	content:"\f040";
	/*color:brown;*/
	color:#eeb253;
}
.context-menu-item.icon-edit:before { 
	content:"\f044";
	color:#48A0ED;
}
.context-menu-item.icon-motion:before { 
	content:"\f135";
}
.context-menu-item.icon-square:before { 
	content:"\f0c8";
}
.context-menu-item.icon-object-group:before { 
	content:"\f247";
}
.context-menu-item.icon-delete:before { 
	content:"\f00d";
	color:red;
}
.context-menu-item.icon-action:before { 
	content:"\f0e7";
	/*color:orange;*/
}
.context-menu-item.icon-cadenaopen:before { 
	content:"\f09c";
	/*color:orange;*/
}
.context-menu-item.icon-cross:before { 
	content:"\f047";
	/*color:orange;*/
}
.context-menu-item.icon-reverseaction:before { 
	content:"\f112";
	/*color:orange;*/
}
.context-menu-item.icon-group:before { 
	content:"\f247";
	/*color:orange;*/
}
.context-menu-item.icon-ungroup:before { 
	content:"\f248";
	/*color:orange;*/
}
.context-menu-item.icon-uplayout:before { 
	content:"\f24d";
	/*color:orange; f5fd*/
}
.context-menu-item.icon-changepage:before { 
	/*content:"\f35d";
	color:orange;*/
	content:url("/html/img/external-link-alt-solid.svg");
	margin-left:0px;
	margin-right:0px;
	margin-top:0em;
	display:inline-block;
	width:19px;
	height:19px;
	color:gray;
}
.context-menu-item.icon-displaytrack:before { 
	content:"\f0cb";
	color:#48A0ED;
}
.context-menu-item.icon-comment:before { 
	content:"\f075";
	/*color:orange;*/
}
.context-menu-item.icon-film:before { 
	content:"\f008";
	/*color:orange;*/
}
.context-menu-item.icon-support:before { 
	content:"\f1cd";
	/*color:orange;*/
}
.context-menu-item.icon-scenario:before { 
	content: url("/html/img/theatreOrangeSmall.png");
	/*color:orange;*/
}
.context-menu-item.icon-fastdelive:before { 
	content: url("/html/img/fastdeliverySmallG1.png");
	/*color:orange;*/
}
.context-menu-item.icon-audible:before { 
	content:"\f028";
}
.context-menu-item.icon-poweroff:before { 
	content:"\f011";
	color:red;
}
.context-menu-item.icon-infopage:before { 
	content: url("/html/images/genie.png");
	/* /html/img/genieSmall.png color:orange;*/
}

.context-menu-item.icon-upload:before { 
	content: url("/html/img/iconeupload.png");
	margin-left:4px;
	margin-right:0px;
	margin-top:0em;
	display:inline-block;
	width:19px;
	height:19px;
	transform:scale(0.65);
}

.context-menu-item.icon-microphone:before { 
	content: "";
	background-image:url("/html/img/dictee-vocale-small.png");
	background-size:100% 100%;
	display:inline-block;
	width:42px;
	height:42px;
}
.context-menu-item.icon-addpage:before { 
	content: url("/html/img/addpage.png");
}
.context-menu-item.icon-renamepage:before { 
	content: url("/html/img/icon-edit-vert.png");
}
.context-menu-item.icon-deletepage:before { 
	content: url("/html/img/icon-trash.png");
	text-align:middle;
}
.context-menu-item.icon-globe:before { 
	content:"\f0ac";
	color:#48A0ED;
}
.context-menu-item.icon-print:before { 
	content:"\f02f";
	color:#48A0ED;
}
.context-menu-item.icon-bookopen:before { 
	content: "";
	background-image:url("/html/img/svg/book-open-solid.svg");
	background-size:100% 100%;
	display:inline-block;
	/*background-color: red;
	filter:invert(47%) sepia(10%) saturate(17%) hue-rotate(351deg) brightness(86%) contrast(88%);
	filter: invert(57%) sepia(30%) saturate(1011%) hue-rotate(168deg) brightness(97%) contrast(92%); bleu*/
	filter: invert(79%) sepia(87%) saturate(1254%) hue-rotate(320deg) brightness(102%) contrast(87%);
	/*size of your image*/
	height:20px;
	width:20px;
	/*if you want to change the position you can use margins or:*/
	position:relative;
	top:5px;
}
.context-menu-item.icon-book:before { 
	content:"\f02d";
	color:#eeb253;
}

.context-menu-item.icon-bookreader:before { 
	/*content:"\f5da";
	color:#3994e4;*/
	content: "";
	background-image:url("/html/img/svg/book-reader-solid.svg");
	background-size:100% 100%;
	display:inline-block;
	/*background-color: red;
	filter:invert(47%) sepia(10%) saturate(17%) hue-rotate(351deg) brightness(86%) contrast(88%);
	filter: invert(57%) sepia(30%) saturate(1011%) hue-rotate(168deg) brightness(97%) contrast(92%); bleu*/
	filter: invert(79%) sepia(87%) saturate(1254%) hue-rotate(320deg) brightness(102%) contrast(87%);
	/*size of your image*/
	height:20px;
	width:20px;
	/*if you want to change the position you can use margins or:*/
	position:relative;
	top:5px;
}
/*
.context-menu-item.icon-photo-video:before { 
	content:"\f87c";
	color:#48A0ED;
}*/
.context-menu-item.icon-photo-video:before { 
	content: "";
	background-image:url("/html/img/svg/photo-video-solid.svg");
	background-size:100% 100%;
	display:inline-block;
	/*background-color: red;
	filter:invert(47%) sepia(10%) saturate(17%) hue-rotate(351deg) brightness(86%) contrast(88%);
	filter: invert(57%) sepia(30%) saturate(1011%) hue-rotate(168deg) brightness(97%) contrast(92%); bleu*/
	filter: invert(61%) sepia(15%) saturate(6052%) hue-rotate(183deg) brightness(97%) contrast(91%);
	/*size of your image*/
	height:20px;
	width:20px;
	/*if you want to change the position you can use margins or:*/
	position:relative;
	top:5px;
}

.context-menu-item.icon-cogblue:before { 
	content:"\f013";
	color:#48A0ED;
}
.context-menu-item.icon-penblue:before { 
	content:"\f040";
	color:#48A0ED;
}
.context-menu-item.icon-scenarioblue:before { 
	content: url("/html/img/theatreBlueSmall.png");
	/*color:orange;*/
}

/*
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-add { background-image: url(images/page_white_add.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }
.context-menu-item.icon-action { background-image: url(images/page_white_action); }
*/

/* 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"] {
    margin-left: -17px;
}
.context-menu-input > label > span {
    margin-left: 5px;
}

.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
    display: block;
    width: 100%;
    
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
}

.context-menu-input > label > textarea {
    height: 100px;
}
.context-menu-item > .context-menu-list {
    display: none;
    /* re-positioned by js */
    right: -5px;
    top: 5px;
}

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

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