ui-dialog{
	-webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.41);
	box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.41);
	border:solid 1px red!important;;
  }


/* CSS that makes popup menu run */	
.custom-menu {
	/* structural css */
	display: none;
	z-index: 9999;
	position: absolute;
	overflow: hidden;
}		


/* the custom CSS with the custom style */

.custom-style{
	/* stylistical css */
	white-space: nowrap;
	/*font-family: verdana;*/
	font-size:var(--menu-font-size);
	color: var(--color);
	border-radius: 4px;
	
	border: solid 1px #444;		
	background-color: var(--section-background-color);			
	padding: 0;			
	margin: 0;
	/*
	-webkit-box-shadow: 10px 10px 20px 0px rgba(119,119,119,1);
	-moz-box-shadow: 10px 10px 20px 0px rgba(119,119,119,1);
	box-shadow: 10px 10px 20px 0px rgba(119,119,119,1);
	*/		
	-webkit-box-shadow: 17px 23px 18px -1px rgba(0,0,0,0.85);
	-moz-box-shadow: 17px 23px 18px -1px rgba(0,0,0,0.85);
	box-shadow: 17px 23px 18px -1px rgba(0,0,0,0.85);			
}

.custom-style li {
	padding: 5px 15px 5px 30px;
	cursor: pointer;
	list-style-type: none;
}

.custom-style li:hover {
	background-color: #111; /* DEF */
}

.custom-style li.image{
	background-repeat: no-repeat;
	background-position: 8px 5px;
}	

.custom-style li.delete{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAABESURBVDhPY/j//z9FGEOgubn5Pz6Mrh6FA8JQRVgB0Qbgw+jqidKEC1PPABiGCoIBATZcz6gBw9MAYjCyHhQDSMf/GQAPPgrAR+lEmQAAAABJRU5ErkJggg==')
}		
.custom-style li.edit{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAAEMSURBVDhPnZOhkoNAEETzxzgUDofCITE4HAoFDouiUFQh+AYMoo83y3JJLrkj11VvgWWmmZlNbpI+Zp7n/eLubVmWReM4vmWapjMBuq7TMAy2d260bfuWvu8t2BvyQTgN6roWbNvG5g+t62pfJKZpmjMZbKmqSvBKmFKBj6GiXZYHtpRlKXgl2vPvqYB5YOIHaQZFUQieRen+HQY8k8gzxrucQZ7ngmfRK/skHH1bBez5VswgyzLBveidgTH1++FiQCzt7HIGaZoKrggDYh8MkiQRXBEVEXucmjOI41hwRfweiD1OzRlEUSRgyn/B9Il9MAjDUOBP4zcon9jj2L9nEATBR/g/mBn8H92+AMRlSI4HRnCNAAAAAElFTkSuQmCC')
}		
.custom-style li.refresh{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAACSSURBVDhPtZJLDsAgCEQ9tRfQw3gir0MziyEjxaafdPESeFCKxmJmn0jlEzxorVmEtVqr9d49V5ZkN0DdnNM98ABoI6AfY6QeeIAVtSk2Ano9zqmIvzFnjegmdF6MhR3/D+ARFH5weQS9RDpCT9JLBNqkm6gH9MADgEeSNapTDzxQsCKeL/M4QIcsH74hlfexcgDQkdsLtKMLtAAAAABJRU5ErkJggg==')
}		
.custom-style li.add{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMC4xMkMEa+wAAABkSURBVDhPpc1bCkAhCEXR5j8qZ+ZFoTjCLsT7sSTNx3L3XzKYmXfpcCjJRAa6dKPDoSQTGejSjQ6HkkxkoEubNhMs3tDS8kG0mWrn8aILVfw9G0JrQZcObuWDaDPVzmMKi32+PhgFEhDFFe1qAAAAAElFTkSuQmCC')
}
	
.custom-style li.cube3x3{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAL8SURBVDhPjZN9SJVXHMc/z/Pc59G8lVe7rpd7fakxXEqSTKjdYS0tJawoZhaBtopGUVAUbDhHG/tjL7b5T2OwsUEU6w2kBCuCWsugZjeijKaJyzu916tXzK5mObv3+e3oBm60xX7/nd/5fr7nnO85R+M/KhS6LQMDh0iwPMxwb8PtzvxX7XPNrq5uiUT6aLr6Mb7XL/L0qYb/5gbKyvaRPN2F1+v9BzMxGB4ekmDwB5qaviMx8W1WlW3iht/PpYuXMS0HxcuLyF+4kOPHv8XpbMDn28acORuYNm26RsudFtmzwyuPopaMPDalrs4l69dXSHX1+zIUjcrIyLDU1NRIeXmFmkuToSHHhG7Xfo80N98QOtt+kbOmJVs8U2TZm7kSCHSLbdsS7glLackKWbpksbS2tk/0+vsfyrq1SyVza6KY90zp6OkQra+3V+5lZfEwLkTeUhnY2STlVjAWO8nmqja1Taivn0VvuIqfRq5yPfcaWoaGM8dJKCWE7kpJ5XtXMp0qi6xU+LS4ldunP2GsM0BXt4NoFJqbofbQOX7+SMGvKmFEcL83X+Xh1PSEBEurdE5lQIeTtxTwWKPAI3xeOMqDwxr5+cs4duwMdnKBilxlfkQZVFXjDX02nj8Kg0F3GivjNnnuON9cMbgW0LFjsHL+GM9ibyhuKjzqhjol9iQpajXp3sFx9E+D35e8REOqQZIhvLs8RrLY7P/K4voDAySM8CXySjscUIA23jtBeuaTSQNfzgw+2B2nod3kyn2dly3hnY4x/EcNND2oHstOtLQM+FGwT7gUtYl5c3MmDRx5lYyas9iYG8PShQsRg36FFdrPiEuRWnEU2gKQojJYkEle3iAlJbMnDea9VqQlbfdjZK+jIF0o9sQ4a+icNxzq/OoK9pXD9iB6ts7eFYXqxfrIyJj53DeYqLZLh2XvotlyxzTloJUojq9NMW1TvB+my7lfG+Uv2Ysr2PWbNJaWylHDEsdlh6y5u1rCkfD/g/9eR2q/kNpTB18Awh8aLzbBsVUPQQAAAABJRU5ErkJggg==')
}

#divMenu span{
	margin-right: 10px;
	color:#666;
	font-size: 1.2rem;
}

#divExport, #divImport{
	border: solid 0px #000;
	/*font-size: 1.1rem;*/
	padding: 0;
	width:90%;
	/*max-width: 1050px;*/
	font-size: 1.1rem;
	margin: 10px;
	color:var(--color);
}

.importExportText{
	word-wrap: break-word;
	border:none;
	font-size: inherit;
	text-align:left;
	background-color: #111!important;
	padding: 4px 6px 4px 6px;
} 