/**
 */
function clipboard(value) {
	try {
		navigator.clipboard.writeText(value);
	} catch(ex) {
		console.log("Clipboard failed: " + ex);
	}
}

/**
 */
function isValid(value) {
	return (typeof value !== "undefined" && value != null && value != "");
}

/**
 */
function nullCheck(value) {
	return (isValid(value) ? value : "");
}

/**
 */
function codify(value) {
	return value.toLowerCase().replace("'", "").replace(/[^a-z0-9]/g, " ").replace(/ +/g, "-").trim();
}

/**
 */
function simplify(value) {
	return value.trim().toLowerCase().replace(/[^a-z0-9]/g, " ").replace(/  +/g, " ");
}

/**
 */
function focus(id) {
	element(id).focus();
	element(id).select();
}

/**
 */
function clone(object) {
	return Object.assign({}, object);
}

/**
 */
function element(id) {
	return getElement(id);
}

/**
 */
function getElement(id) {
	var result = null;
	var idType = Object.prototype.toString.call(id);
	if( idType.toLowerCase().indexOf("string") > -1) {
		result = document.getElementById(id);
	} else {
		result = id;
	}
	return result;
}

/**
 */
function hasClass(id, thisClass) {
	var item = getElement(id);
	if( item != null ) {
		var regex = new RegExp("(^| )" + escapeRegExp(thisClass) + "( |$)", "g");
		if( item.className.match(regex) != null ) return true;
	}
	return false;
}

/**
 */
function addClass(id, thisClass) {
	var item = getElement(id);
	if( item != null && !hasClass(id, thisClass)) {
		item.className = (item.className + " " + thisClass).trim();
		return 1;
	}
	return 0;
}

/**
 */
function removeClass(id, thisClass) {
	var item = getElement(id);
	if( item != null && hasClass(id, thisClass) ) {
		var regex = new RegExp("(^| )" + escapeRegExp(thisClass) + "( |$)", "g");
		item.className = item.className.replace(regex, " ").trim();
		return 1;
	}
	return 0;
}

/**
 */
function toggleClass(id, thisClass) {
	var item = getElement(id);
	if( item != null ) {
		if( hasClass(id, thisClass) ) {
			removeClass(id, thisClass);
			return 1;
		} else {
			addClass(id, thisClass);
			return 1;
		}
	}
	return 0;
}

/**
 */
function toggleClasses(id, class1, class2) {
	var item = getElement(id);
	if( item != null ) {
		var regex1 = new RegExp("(^| )" + escapeRegExp(class1) + "( |$)", "g");
		var regex2 = new RegExp("(^| )" + escapeRegExp(class2) + "( |$)", "g");
		var has1 = item.className.match(regex1) != null;
		var has2 = item.className.match(regex2) != null;
		if( has1 && has2 ) {
			removeClass(id, class2);
		} else if( has1 ) {
			removeClass(id, class1);
			addClass(id, class2);
		} else if( has2 ) {
			removeClass(id, class2);
			addClass(id, class1);
		} else {
			addClass(id, class1);
		}
	}
}

/**
 */
function isOnScreen(id) {
	var bounds = getElement(id).getBoundingClientRect();
	var viewHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
	return !(bounds.bottom < 0 || bounds.top-viewHeight >= 0);
}

/**
 */
function isVisibleOnScreen(id) {
	var item = getElement(id);
	if( !isOnScreen(item) ) return false;
	var itemRect = item.getBoundingClientRect();
	var parent = item.parentNode;
	do {
		try {
			prentRect = parent.getBoundingClientRect();
			if( itemRect.bottom < prentRect.top || itemRect.top > prentRect.bottom ) return false;
		} catch(err) {
			// Ignore
		}
		parent = parent.parentNode;
		if( parent == null ) return true;
	} while ( true );
}

/**
 */
function scrollToElement(id) {
	scrollToElement(id, "");
}

/**
 */
function scrollToElement(id, valign) {
	var item = getElement(id);
	if( item != null ) {
		valign = nullCheck(valign).trim().toLowerCase();
		if( valign === "top" || valign === "start" ) valign = "start";
		else if( valign === "bottom" || valign === "end" ) valign = "end";
		else valign = "center";
		item.scrollIntoView({behavior:"smooth",block:valign,inline:"center"});
	}
}

/**
 */
async function collapse(id) {
/*
// need to cater for instand resizing when invisible, ie setting transition durations to zero
	addClass(id, 'collapsible-content');
	var item = getElement(id);
	if( !item.style.height && item.clientHeight > 0 ) {
		item.style.height = item.clientHeight + 'px';
		item.setAttribute('tempHeight', true);
	}
	if( hasClass(id, "collapsed-content") ) {
		await sleep(0);
		addClass(id, 'collapsing-content');
		await sleep(150);
		addClass(id, 'collapsed-content');
//		removeClass(id, 'collapsing-content');
	}
*/
	addClass(id, "collapsed-content");
}

/**
 */
async function expand(id) {
/*
	addClass(id, 'collapsible-content');
	var item = getElement(id);
	if( !item.style.height && item.clientHeight > 0 ) {
		item.style.height = item.clientHeight + 'px';
		item.setAttribute('tempHeight', true);
	}
	if( hasClass(id, "collapsed-content") ) {
//		addClass(id, 'collapsing-content');
		removeClass(id, 'collapsed-content');
		removeClass(id, 'collapsing-content');
		await sleep(150);
	}
	if( item.getAttribute('tempHeight') ) {
		item.removeAttribute('tempHeight');
		item.style.height = null;
	}
*/
	removeClass(id, "collapsed-content");
}

/**
 */
function toggleCollapsed(id) {
	var item = getElement(id);
	if( hasClass(id, "collapsed-content") ) {
		expand(id);
	} else {
		collapse(id);
	}
}

/**
 */
function toggleBooleanInput(id) {
	var item = getElement(id);
	var wasOn = ("true" === item.value);
	if( wasOn ) {
		item.value = "false";
		removeClass(item.id + "-icon", "icon-ui-toggle-on");
		addClass(item.id + "-icon", "icon-ui-toggle-off");
	} else {
		item.value = "true";
		removeClass(item.id + "-icon", "icon-ui-toggle-off");
		addClass(item.id + "-icon", "icon-ui-toggle-on");
	}
	if( typeof item.onchange === "function" ) item.onchange();
}

/**
 */
function escapeJsonString(value) {
	return value.replace(/\\n/g, "\\n")
	            .replace(/\\'/g, "\\'")
	            .replace(/\\"/g, '\\"')
	            .replace(/\\&/g, "\\&")
	            .replace(/\\r/g, "\\r")
	            .replace(/\\t/g, "\\t")
	            .replace(/\\b/g, "\\b")
	            .replace(/\\f/g, "\\f");
}
/**
 */
function escapeRegExp(value) {
	return value.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\$&');
}

/**
 * Determine number from string
 */
function getNumber(value) {
	result = 0;
	if( typeof value === 'string' || value instanceof String ) value = value.replace(/[^\-0-9\.]/g, '');
	if( value != null && value != '' && !isNaN(value) ) result = parseFloat(value)
	return result;
}

/**
 * Round to the closest whole number
 */
function roundNumber(value) {
	return roundNumber(value, 0);
}

/**
 * Round to the specified value to given number of decimal places
 */
function roundNumber(value, decimalPlaces) {
	if( isNaN(value) ) value = getNumber(value);
	if( isNaN(decimalPlaces) ) decimalPlaces = getNumber(decimalPlaces);
	if( decimalPlaces < 0 ) decimalPlaces = 0;
	var factor = Math.pow(10,decimalPlaces);
	result = Math.round(value*factor)/factor;
	return result;
}

/**
 * Returns value as a string rounded to specified number of decimal places
 */
function setDecimalPlaces(value, decimalPlaces) {
	if( isNaN(decimalPlaces) ) decimalPlaces = getNumber(decimalPlaces);
	result = "" + roundNumber(value, decimalPlaces);
	var decimalIndex = result.indexOf(".");
	if( decimalPlaces > 0 ) {
		if( decimalIndex == -1 ) {
			result += ".";
			decimalIndex = result.indexOf(".");
		}
		while( (result.length-decimalIndex-1) < decimalPlaces ) {
			result += "0";
			decimalIndex = result.indexOf(".");
		}
	}
	return result;
}

/**
 * Generate a repeatable psuedo random number
 */
var pseudoRandomSeed = new Date().getTime();
function setPseudoRandomSeed(value) { pseudoRandomSeed = getNumber(value); }
function nextPseudoRandomDigit() { return Math.floor(nextPseudoRandom()*10); }
function nextPseudoRandom() {
	var result = Math.sin(pseudoRandomSeed++)*10000;
	return result - Math.floor(result);
}

/**
 * Toggle the visibility of an element
 */
function toggleVisibility(elementId) {
	var thisElement = element(elementId);
	setVisibility(elementId, (thisElement.style.display == 'none' ? true : false) )
}

/**
 * Set the visibility of an element
 */
function setVisibility(elementId, isVisible) {
	var thisElement = element(elementId);
	thisElement.style.display = (isVisible ? '' : 'none');
}

/**
 * Set the visibility of all matching elements
 */
function setVisibilityForAll(elementIdRegex, isVisible) {
	var theseElements = document.getElementsByTagName('*');
	for( var i=0; i < theseElements.length; i++ ) {
		if( theseElements[i].id.match(elementIdRegex) ) setVisibility(theseElements[i].id, isVisible);
	}
}

/**
 *
 */
 function eyedropper(elementId) {
	if( !window.EyeDropper ) {
		console.log("Eyedropper not supported");
	} else {
		var eyeDropper = new EyeDropper();
		eyeDropper.open().then((pickedColor) => {
			var result = pickedColor.sRGBHex.toLowerCase();
			if( "clipboard" === elementId ) {
				clipboard(result);
			} else {
				var thisElement = element(elementId);
				if( thisElement != null ) {
					thisElement.value = result;
					try {
						thisElement.onchange();
					} catch(ex) {
						// Ignore
					}
				} else {
					showModalContent("<div class=\"three-square rounded container\" style=\"background-color:" + result + ";color:" + getTextColor(result) + ";\"><div class=\"position-middle-center bold-content container\">" + result + "<div class=\"clickable container\" onclick=\"clipboard('" + result + "');\" title=\"Copy to clipboard\"><span id=\"duplicate-icon\" class=\"icon-duplicate m\"></span></div></div></div>");
				}
			}
		}).catch((ex) => {
			console.log("Error: " + ex);
		});
	}
 }

/**
 * Try to determine if a hex color has a corresponding named color
 */
function getHexColor(rgbaColor) {
	var regex = /[\d\\.]+/g	;
	var values = [...rgbaColor.matchAll(regex)];
	var colorChannelR = (values.length > 0 ? ("0" + parseInt(values[0][0]).toString(16)).slice(-2) : "00");
	var colorChannelG = (values.length > 1 ? ("0" + parseInt(values[1][0]).toString(16)).slice(-2) : "00");
	var colorChannelB = (values.length > 2 ? ("0" + parseInt(values[2][0]).toString(16)).slice(-2) : "00");
	var colorChannelA = (values.length > 3 ? ("0" + parseInt(Math.round(parseFloat(values[3][0]) * 255)).toString(16)).slice(-2) : "");
	return "#" + colorChannelR + colorChannelG + colorChannelB + colorChannelA;
}

/**
 * Try to determine if a hex color has a corresponding named color
 */
function getColorName(hexColor) {
	if( isValid(hexColor) ) {;
		switch( hexColor) {
			case "#f3b6b6": return "light-light-red"; break;
			case "#ffdbb6": return "light-light-orange"; break;
			case "#ffedb6": return "light-light-yellow"; break;
			case "#dbe7bc": return "light-light-lime"; break;
			case "#c2dbc2": return "light-light-green"; break;
			case "#bce1d5": return "light-light-aqua"; break;
			case "#b6e7e7": return "light-light-cyan"; break;
			case "#b6dbe7": return "light-light-azure"; break;
			case "#b6cfe7": return "light-light-blue"; break;
			case "#c2c2e7": return "light-light-indigo"; break;
			case "#cfb6e7": return "light-light-purple"; break;
			case "#e7b6db": return "light-light-fuchsia"; break;
			case "#e87575": return "light-red"; break;
			case "#ffba75": return "light-orange"; break;
			case "#ffdd75": return "light-yellow"; break;
			case "#bad180": return "light-lime"; break;
			case "#8cba8c": return "light-green"; break;
			case "#80c6af": return "light-aqua"; break;
			case "#75d1d1": return "light-cyan"; break;
			case "#75bad1": return "light-azure"; break;
			case "#75a3d1": return "light-blue"; break;
			case "#8c8cd1": return "light-indigo"; break;
			case "#a375d1": return "light-purple"; break;
			case "#d175ba": return "light-fuchsia"; break;
			case "#dd3333": return "red"; break;
			case "#ff9933": return "orange"; break;
			case "#ffcc33": return "yellow"; break;
			case "#99bb44": return "lime"; break;
			case "#559955": return "green"; break;
			case "#44aa88": return "aqua"; break;
			case "#33bbbb": return "cyan"; break;
			case "#3399bb": return "azure"; break;
			case "#3377bb": return "blue"; break;
			case "#5555bb": return "indigo"; break;
			case "#7733bb": return "purple"; break;
			case "#bb3399": return "fuchsia"; break;
			case "#8d2020": return "dark-red"; break;
			case "#a36120": return "dark-orange"; break;
			case "#a38220": return "dark-yellow"; break;
			case "#61772b": return "dark-lime"; break;
			case "#366136": return "dark-green"; break;
			case "#2b6c57": return "dark-aqua"; break;
			case "#207777": return "dark-cyan"; break;
			case "#206177": return "dark-azure"; break;
			case "#204c77": return "dark-blue"; break;
			case "#363677": return "dark-indigo"; break;
			case "#4c2077": return "dark-purple"; break;
			case "#772061": return "dark-fuchsia"; break;
			case "#461010": return "dark-dark-red"; break;
			case "#513010": return "dark-dark-orange"; break;
			case "#514110": return "dark-dark-yellow"; break;
			case "#303b15": return "dark-dark-lime"; break;
			case "#1b301b": return "dark-dark-green"; break;
			case "#15362b": return "dark-dark-aqua"; break;
			case "#103b3b": return "dark-dark-cyan"; break;
			case "#10303b": return "dark-dark-azure"; break;
			case "#10263b": return "dark-dark-blue"; break;
			case "#1b1b3b": return "dark-dark-indigo"; break;
			case "#26103b": return "dark-dark-purple"; break;
			case "#3b1030": return "dark-dark-fuchsia"; break;
			case "#ffdba4": return "light-light-brand"; break;
			case "#ffba52": return "light-brand"; break;
			case "#ff9900": return "brand"; break;
			case "#a36100": return "dark-brand"; break;
			case "#513000": return "dark-dark-brand"; break;
			case "#ffffff": return "white"; break;
			case "#e5e5e5": return "light-light-gray"; break;
			case "#cccccc": return "light-gray"; break;
			case "#999999": return "gray"; break;
			case "#444444": return "dark-gray"; break;
			case "#222222": return "dark-dark-gray"; break;
			case "#000000": return "black"; break;
			case "#ff6600": return "accent"; break;
			case "#f54834": return "pc-0"; break;
			case "#f96438": return "pc-10"; break;
			case "#fe823d": return "pc-20"; break;
			case "#ff9f44": return "pc-30"; break;
			case "#ffb14a": return "pc-40"; break;
			case "#ffc450": return "pc-50"; break;
			case "#efcc48": return "pc-60"; break;
			case "#ddd04a": return "pc-70"; break;
			case "#c2d548": return "pc-80"; break;
			case "#add647": return "pc-90"; break;
			case "#91d944": return "pc-100"; break;

		}
	}
	return null;
}

/**
 * Determine the brightness of a color, and return the contrasting text color
 */
function getTextColor(hexColor) {
	if( isValid(hexColor) ) {
		var parsedColor = hexColor.toLowerCase().replaceAll(/[^0-9a-f]/g, '');
		var parsedLength = parsedColor.length;
		// Convert to #RRGGBB if #RGB or #RGBA
		if( parsedLength == 3 || parsedLength == 4 ) {
			parsedColor = parsedColor.substring(0,1) + parsedColor.substring(0,1) + parsedColor.substring(1,2) + parsedColor.substring(1,2) + parsedColor.substring(2,3) + parsedColor.substring(2,3);
		}
		// Trim to 6 chars, eg #RRGGBBAA
		parsedColor = parsedColor.substring(0,6);
		// Average value
		var combinedValue = (parseInt(parsedColor.substring(0,2), 16) + parseInt(parsedColor.substring(2,4), 16) + parseInt(parsedColor.substring(4,6), 16))/3;
		if( combinedValue < parseInt("99", 16) ) return "#e5e5e5";
	}
	return "#444444";
}

/**
 * Checks if this is a single click, will only return true once every 500 millis
 * or more. A purpose for this function is to make sure that html forms are
 * only called once within the time period which can be done by by placing
 * onSubmit="return isSingleClick()" in the form tag.
 */
var hasBeenCalled = false;
function isSingleClick() {
	if( hasBeenCalled ) return false;
	hasBeenCalled = true;
	setTimeout("hasBeenCalled = false;", 500);
	return true;
}

/**
 * Checks if the showExitAlert flag has been set, and shows a warning to the
 * user if so in order to advise them theat they may have unsaved work on the
 * page. This will provide the option for remaining onthe page.
 */
var showExitAlert = false;
window.onbeforeunload = confirmExit;
function confirmExit() {
	if( showExitAlert ) return "You may have unsaved activity on this page.";
}

/**
 * Get Window Width
 */
function getWindowWidth() {
	return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0;
}

/**
 * Get Window Height
 */
function getWindowHeight() {
	return window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0;
}

/**
 * Get Document Width
 */
function getDocumentWidth() {
	var bd = document.body;
	var ht = document.documentElement;
	return Math.max(
		bd.scrollWidth,
		bd.offsetWidth,
		ht.clientWidth,
		ht.scrollWidth,
		ht.offsetWidth
	);
}

/**
 * Get Document Height
 */
function getDocumentHeight() {
	var bd = document.body;
	var ht = document.documentElement;
	return Math.max(
		bd.scrollHeight,
		bd.offsetHeight,
		ht.clientHeight,
		ht.scrollHeight,
		ht.offsetHeight
	);
}

/**
 * Get viewport X offset
 */
function getViewportXOffset(){
	if( typeof window.pageXOffset != 'undefined' ) {
		return window.pageXOffset;
	} else {
		return (document.documentElement.clientWidth ? document.documentElement.scrollLeft : document.body.scrollLeft);
	}
}

/**
 * Get viewport Y offset
 */
function getViewportYOffset() {
	if( typeof window.pageYOffset != 'undefined' ) {
		return window.pageYOffset;
	} else {
		return (document.documentElement.clientHeight ? document.documentElement.scrollTop : document.body.scrollTop);
	}
}

/**
 * Send http GET request
 */
function sendHttpGetRequest(url) {
	var thisXMLHttpRequest = getXmlHttpObject();
	if( thisXMLHttpRequest != null ) {
		thisXMLHttpRequest.open("GET", url, true);
		thisXMLHttpRequest.send();
	}
}

/**
 * Send http POST request
 */
function sendHttpPostRequest(url, postData) {
	var thisXMLHttpRequest = getXmlHttpObject();
	if( thisXMLHttpRequest != null ) {
		thisXMLHttpRequest.open("POST", url, true);
		thisXMLHttpRequest.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
		thisXMLHttpRequest.send(postData);
	}
}

/**
 * Retrieve http GET request
 */
async function retrieveHttpGetRequest(url) {
	let response = await fetch(url);
	let data = await response.text();
	return data;
}

/**
 * Get xml http object
 */
function getXmlHttpObject(handler) {
	var thisXMLHttpRequest = null;
	if( window.XMLHttpRequest ) thisXMLHttpRequest = new XMLHttpRequest();
	else if( window.ActiveXObject ) thisXMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	return thisXMLHttpRequest;
}

/**
 * Get url parameter value
 */
function getRequestParameter(parameter) {
	parameter = parameter.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
	var regexS = "[\\?&]" + parameter + "=([^&#]*)";
	var regex = new RegExp(regexS);
	var results = regex.exec(window.location.search);
	if( results == null ) {
		return null;
	} else {
		return decodeURIComponent(results[1].replace(/\+/g, " "));
	}
}

/**
 * Decode common html entities
 */
function htmlEncode(value) {
	return ('' + value).replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

/**
 * Make a field enabled, ensure it has no onclick function then focus it
 */
function enableField(id) {
	var item = getElement(id);
	if( item.readOnly ) {
		item.onclick = null;
		item.readOnly = false;
		item.focus();
		item.select();
		return true;
	} else {
		return false;
	}
}

/**
 * Sleep for given milliseconds, use with await sleep(millis) inside an async function
 */
function sleep(millis) {
	return new Promise(resolve => setTimeout(resolve, millis));
}

/**
 * Wait for given milliseconds, processor intensive...
 */
function wait(millis) {
	var inDate = new Date();
	var then = inDate.getTime();
	var now = inDate.getTime();
	do {
		var outDate = new Date();
		var now = outDate.getTime();
	} while( now < (then+millis) );
	return;
}

/**
 *
 */
function now() {
	return new Date().getTime();
}

/**
 *
 */
var clickStatedAt = -1;
function startClick() {
	clickStartedAt = now();
}

/**
 *
 */
function isLongClick() {
	return clickStartedAt > 0 && (now() - clickStartedAt) > 500;
}


/* SORTABLE TABLES */




var sortableTables = new Array();
var sortableMonths = new Array("jan", "feb", "mar", "apr", "may", "jun", "jul", "aug", "sep", "oct", "nov", "dec");

/**
 */
function sortableInit() {
	if( !document.getElementsByTagName ) return;
	sortableCheckTables = document.getElementsByTagName("table");
	for( var i=0; i < sortableCheckTables.length; i++ ) {
		if( sortableCheckTables[i].className.indexOf("sortable") != -1 ) sortablePrepareTable(sortableCheckTables[i]);
	}
}

/**
 */
function sortablePrepareTable(sortableTable) {
	if( sortableTable == null || sortableTable.id == null || sortableTable.id == "" ) {
		console.log("Sortable tables require 'id' attribute to be set");
		return;
	}
	if( sortableTable.rows == null || sortableTable.rows.length < 1 ) return;
	if( sortableTable.rows[0].cells == null || sortableTable.rows[0].cells.length < 1 ) return;
	sortableTables[sortableTables.length] = new Array();
	sortableTables[sortableTables.length-1][0] = sortableTable.id;
	sortableTables[sortableTables.length-1][1] = new Array();
	sortableTables[sortableTables.length-1][2] = -1; // Last sort column
	// Check for default sort
	var sortBy = sortableTextValue(getRequestParameter("sortBy"));
	var sortByReverse = false;
	if( sortBy.indexOf("-") == 0 ) {
		sortByReverse = true;
		sortBy = sortBy.substring(1);
	}
	var sortByIndex = null;
	// Assume first row is header, modify with options
	for( var i=0; i < sortableTable.rows[0].cells.length; i++ ) {
		if( sortBy != null && sortBy != "" && sortBy == sortableCellValue(sortableTable.rows[0].cells[i]) ) sortByIndex = i;
		sortableTable.rows[0].cells[i].innerHTML = "<a href=\"#\" onclick=\"sortableAction('" + sortableTable.id + "', " + i + ", false);return false;\" style=\"text-decoration:none;\">" + sortableTable.rows[0].cells[i].innerHTML + "</a>";
	}
	// Iterate and record parsed cell values in an array
	for( var i=1; i < sortableTable.rows.length; i++ ) {
		sortableTables[sortableTables.length-1][1][i-1] = new Array();
		var sortableTableRow = document.createElement('tr');
		sortableTableRow.className = sortableTable.rows[i].className;
		for( var j=0; j < sortableTable.rows[i].cells.length; j++ ) {
			sortableTables[sortableTables.length-1][1][i-1][j] = sortableCellValue(sortableTable.rows[i].cells[j]);
			var sortableTableRowCell = sortableTableRow.insertCell(-1);
			sortableTableRowCell.innerHTML = sortableTable.rows[i].cells[j].innerHTML;
		}
		// Store the whole row
		sortableTables[sortableTables.length-1][1][i-1][sortableTable.rows[i].cells.length] = sortableTableRow;
	}
	// Check for a default sort
	if( sortByIndex == null && sortableTable.className.indexOf("sortOnLoad") != -1 ) sortByIndex = 0;
	if( sortByIndex != null ) sortableAction(sortableTable.id, sortByIndex, sortByReverse);
}

/**
 */
function sortableCellValue(sortableCell) {
	// Determine sortable value
	var sortableValue = sortableCell.innerHTML.toLowerCase().replace(/^\s+/g, '').replace(/\s+$/g, '').replace(/<[^>]*>/g, '').replace(/\s+/g, ' ');
	return sortableTextValue(sortableValue);
}

/**
 */
function sortableTextValue(sortableValue) {
	if( sortableValue == null ) return "";
	// Check for date formats and convert to chronological number
	// Standard dates will match before imperial dates
	if( sortableValue.match(/^([0123]\d)[\-\/]([01]?\d)[\-\/](\d\d\d\d)$/) ) {
		// dd-mm-yyyy
		sortableValue = "date-" + sortableConvertMonths(sortableValue).replace(/([0123]\d)[\-\/]([01]?\d)[\-\/](\d\d\d\d)/, "$3/$2/$1");
	} else if( sortableValue.match(/^([01]?\d)[\-\/]([0123]+\d)[\-\/](\d\d\d\d)$/) ) {
		// mm-dd-yyyy
		sortableValue = "date-" + sortableConvertMonths(sortableValue).replace(/([01]?\d)[\-\/]([0123]+\d)[\-\/](\d\d\d\d)/, "$3/$1/$2");
	} else if( sortableValue.match(/^([0123]\d)[\-\/]([a-z][a-z][a-z]+)[\-\/](\d\d\d\d)$/) ) {
		// dd-MMM-yyyy
		sortableValue = "date-" + sortableConvertMonths(sortableValue.replace(/([0123]?\d)[\-\/]([a-z][a-z][a-z]+)[\-\/](\d\d\d\d)/, "$3/$2/$1"));
	} else if( sortableValue.match(/^([a-z][a-z][a-z]+)[\-\/]([0123]?\d)[\-\/](\d\d\d\d)$/) ) {
		// MMM-dd-yyyy
		sortableValue = "date-" + sortableConvertMonths(sortableValue.replace(/([a-z][a-z][a-z]+)[\-\/]([0123]?\d)[\-\/](\d\d\d\d)/, "$3/$1/$2"));
	}
	// return result
	return sortableValue;
}

/**
 */
function sortableAction(sortableTableId, sortableTableColumn, sortableTableColumnReverse) {
	for( var i=0; i < sortableTables.length; i++ ) {
		if( sortableTables[i][0] = sortableTableId ) {
			// Create sortable array with the relevant column and cells
			var sortableResults = new Array();
			for( var j=0; j < sortableTables[i][1].length; j++ ) {
				sortableResults[sortableResults.length] = new Array(sortableTables[i][1][j][sortableTableColumn], sortableTables[i][1][j][sortableTables[i][1][j].length-1]);
			}
			if( sortableTables[i][2] == sortableTableColumn || sortableTableColumnReverse) {
				sortableResults.sort(sortableReverseComparison);
				sortableTables[i][2] = -1;
			} else {
				sortableResults.sort(sortableComparison);
				sortableTables[i][2] = sortableTableColumn;
			}
			// Replace old data
			var sortableTable = element(sortableTableId);
			if( sortableResults.length == sortableTable.rows.length-1 ) {
				for( var k=0; k < sortableResults.length; k++ ) {
					for( var l=0; l < sortableTable.rows[k+1].cells.length; l++ ) {
						sortableTable.rows[k+1].cells[l].innerHTML = sortableResults[k][1].cells[l].innerHTML;
					}
					sortableTable.rows[k+1].className = sortableResults[k][1].className;
				}
			}
		}
	}
}

/**
 */
function sortableComparison(sortableRow1, sortableRow2) {
	var sortableValue1 = sortableRow1[0];
	var sortableValue2 = sortableRow2[0];
	if( !isNaN(sortableValue1) && !isNaN(sortableValue2) ) {
		// Number comparison
		return getNumber(sortableValue1)-getNumber(sortableValue2);
	} else if( sortableValue1 == sortableValue2 ) {
		return 0;
	} else {
		return (sortableValue1 < sortableValue2 ? -1 : 1);
	}
	return 0;
}

/**
 */
function sortableReverseComparison(sortableRow1, sortableRow2) {
	return sortableComparison(sortableRow1, sortableRow2)*-1;
}

/**
 */
function sortableConvertMonths(sortableValue) {
	var sortableYear  = getNumber(sortableValue.replace(/(.+)\/(.+)\/(.+)/, "$1"));
	var sortableMonth = getNumber(sortableValue.replace(/(.+)\/(.+)\/(.+)/, "$2"));
	var sortableDay   = getNumber(sortableValue.replace(/(.+)\/(.+)\/(.+)/, "$3"));
	if( sortableMonth < 1 ) {
		var sortableMonthName = sortableValue.replace(/(.+)\/(.+)\/(.+)/, "$2");
		for( var i=0; i < sortableMonths.length; i++ ) {
			if( sortableMonthName.indexOf(sortableMonths[i]) != -1 ) {
				sortableMonth = i+1;
				break;
			}
		}
	}
	return "" + (sortableYear < 10 ? "0" : "") + sortableYear + (sortableMonth < 10 ? "0" : "") + sortableMonth + (sortableDay < 10 ? "0" : "") + sortableDay;
}

sortableInit();




/* MENUS */




// Global variables
var menuType;
var menuValue;
var menuWidth = 0;
var menuHeight = 0;
var menuTransparent = false;

/**
 */
function showMenuContent(content, menuDisplayWidth, menuDisplayHeight, menuDisplayTransparent) {
	menuType        = "content";
	menuValue       = content;
	menuWidth       = menuDisplayWidth;
	menuHeight      = menuDisplayHeight;
	menuTransparent = menuDisplayTransparent;
	menuShow();
}

/* Core */

/**
 */
function menuShow() {
	var menuElement = element("menuElement");
	if( menuElement != null ) menuHide();
	if( menuType != null ) menuRedraw();
}

/**
 */
function menuRedraw() {
	menuHide();
	menuDisplay("");
	// Add menu background
	menuBackground = document.createElement('div');
	menuBackground.setAttribute("id", "menuBackground");
	menuBackground.style.position        = "absolute";
	menuBackground.style.top             = (mouseCoords.y-44) + "px";
	menuBackground.style.left            = (mouseCoords.x-32) + "px";
	menuBackground.style.zIndex          = "1001";
	menuBackground.className = "inner-double-buffered container";
	menuBackground.style.overflow = "auto";
	document.body.appendChild(menuBackground);
	// Add menu content
	menuElement = document.createElement('div');
	menuElement.setAttribute("id", "menuElement");
	menuElement.className = (menuTransparent ? "container" : "inner-meni-buffered soft-elevated light-navigation flush-left module");
	if( menuWidth != null ) {
		if( menuWidth < 1 ) ; // Ignore
		else if( getNumber(menuWidth) > 0 ) menuElement.style.width = menuWidth + "px";
		else if( menuWidth.match(/^[0-9\.]+%$/) ) menuElement.style.width = menuWidth;
		else menuElement.className += " " + menuWidth;
	}
	if( menuHeight != null ) {
		if( menuHeight < 1 ) ; // Ignore
		else if( getNumber(menuHeight) > 0 ) menuElement.style.height = menuHeight + "px";
		else if( menuHeight.match(/^[0-9\.]+%$/) ) menuElement.style.height = menuHeight;
		else menuElement.className += " " + menuHeight;
	}
	menuElement.style.overflow = "auto";
	// Set content
	menuElement.innerHTML = (menuType == "url" ? "<div id=\"menuDynamicContainer\"></div>" : menuValue);
	menuBackground.appendChild(menuElement);
	menuBackground.addEventListener('mouseleave', (event) => { setTimeout(menuHide, 100); });
	menuBackground.addEventListener('click', (event) => { setTimeout(menuHide, 100); });
	// External content
	if( menuType === "url" && menuValue != null ) {
		menuDisplay("<div>loading...</div>");
		try {
			xmlHttp = getXmlHttpObject();
			if( xmlHttp != null ) {
				xmlHttp.onreadystatechange = menuReceive;
				xmlHttp.open("GET", menuValue, true);
				xmlHttp.send();
			}
		} catch(ex) {
			menuDisplay("<div class=\"error\">" + ex.description + "</div>");
		}
	}
	// Fit on page
	var overhangX = menuBackground.getBoundingClientRect().right - getNumber(document.documentElement.clientWidth);
	var overhangY = menuBackground.getBoundingClientRect().bottom - getNumber(document.documentElement.clientHeight);
	if( overhangX > 0 ) {
		var newX = getNumber(menuBackground.style.left) - overhangX;
		if( newX < -40 + window.scrollX ) newX = -40 + window.scrollX; // Cater for invisible border
		menuBackground.style.left = newX + "px";
	}
	if( overhangY > 0 ) {
		var newY = getNumber(menuBackground.style.top) - overhangY;
		if( newY < -40 + window.scrollY ) newY = -40 + window.scrollY; // Cater for invisible border
		menuBackground.style.top = newY + "px";
	}
}

/**
 */
function menuReceive() {
	if( xmlHttp.readyState == 4 || xmlHttp.readyState == "complete" ) {
		try {
			menuDisplay(xmlHttp.responseText);
		} catch(ex) {
			menuDisplay("<div class=\"error\">" + ex.description + "</div>");
		}
	}
}

/**
 */
function menuDisplay(value) {
	let menuDynamicContainer = element('menuDynamicContainer')
	if( menuDynamicContainer ) menuDynamicContainer.innerHTML = value;
}

/**
 */
function menuHide() {
	var menuElement = element("menuElement");
	if( menuElement != null ) menuElement.parentNode.removeChild(menuElement);
	var menuBackground = element("menuBackground");
	if( menuBackground != null ) menuBackground.parentNode.removeChild(menuBackground);
}




/* MODALS */




// Global variables
var modalType;
var modalValue;
var modalTargetField;
var modalTargetDisplayField;
var modalWidth = 0;
var modalHeight = 0;
var modalTransparent = false;

// Initiator variables
var modalDate;
var modalOrigDate;
var modalWeekDays = new Array("S", "M", "T", "W", "T", "F", "S");
var modalMonths   = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");

/**
 */
function tooltip(content) {
	showModalContent('<div class="white inner-vertical-buffered monospace-content bold-content xxs-content wrapping-content bounds" style="overflow:auto;">' + content.replace('<', '&lt;').replace('>', '&gt;') + '</div>', 0, 0);
}

/**
 */
function showModalColor(modalField) {
	modalType               = "color";
	modalTargetField        = getElement(modalField);
	modalWidth              = 0;
	modalHeight             = 0;
	modalTransparent        = false;
	modalShow();
}

/**
 */
function showModalIcon(modalField) {
	modalType               = "icon";
	modalTargetField        = getElement(modalField);
	modalWidth              = 0;
	modalHeight             = 0;
	modalTransparent        = false;
	modalShow();
}

/**
 */
function showModalAccount(modalField, modalDisplayField) {
	modalType               = "account";
	modalTargetField        = getElement(modalField);
    modalTargetDisplayField = modalDisplayField;
	modalWidth              = 0;
	modalHeight             = 0;
	modalTransparent        = false;
	modalShow();
}

/**
 */
function showModalDay(modalField) {
	modalType               = "day";
	modalTargetField        = getElement(modalField);
	modalWidth              = 0;
	modalHeight             = 0;
	modalTransparent        = false;
	modalShow();
}

/**
 */
function showModalMonth(modalField) {
	modalType               = "month";
	modalTargetField        = getElement(modalField);
	modalWidth              = 0;
	modalHeight             = 0;
	modalTransparent        = false;
	modalShow();
}

/**
 */
function showModalYear(modalField) {
	modalType               = "year";
	modalTargetField        = getElement(modalField);
	modalWidth              = 0;
	modalHeight             = 0;
	modalTransparent        = false;
	modalShow();
}

/**
 */
async function showModalSpinner(delayMillis) {
	delayMillis = getNumber(delayMillis);
	if( delayMillis > 0 ) await sleep(delayMillis);
	showModalContent('<div class=\"vertical-quadruple-buffered\" style=\"overflow:hidden;\"><div class="spinner icon-spinner xxxxl-content"></div></div>', -1, -1, true);
}

/**
 *
function showModalSpinner(delayMillis) {
	setTimeout(showModalSpinner, delayMillis);
}

/**
 */
function showModalUrl(url, modalDisplayWidth, modalDisplayHeight, modalDisplayTransparent) {
	modalType        = "url";
	modalValue       = url;
	modalWidth       = modalDisplayWidth;
	modalHeight      = modalDisplayHeight;
	modalTransparent = modalDisplayTransparent;
	modalShow();
}

/**
 */
function showModalContent(content, modalDisplayWidth, modalDisplayHeight, modalDisplayTransparent) {
	modalType        = "content";
	modalValue       = content;
	modalWidth       = modalDisplayWidth;
	modalHeight      = modalDisplayHeight;
	modalTransparent = modalDisplayTransparent;
	modalShow();
}

/* Core */

/**
 */
function modalShow() {
	var modalElement = element("modalElement");
	if( modalElement != null ) modalHide();
	if( modalType != null ) {
		if( modalTargetField != null ) {
			if( "day" == modalType || "month" == modalType || "year" == modalType ) {
				// Pre population
				modalDate = null;
				// Do we have an old value
				var modalDateArray = modalTargetField.value.split(/\//);
				if( modalDateArray.length == 1 ) modalDateArray.unshift("Jan");
				if( modalDateArray.length == 2 ) modalDateArray.unshift("01");
				if( modalDateArray.length == 3 ) modalDate = new Date(Date.parse(modalDateArray[1] + " " + modalDateArray[0] + ", " + modalDateArray[2]));
			}
			if( modalDate == null || isNaN(modalDate.getTime()) ) modalDate = new Date();
			modalOrigDate = new Date(modalDate.getTime());
			modalDate.setDate(1);
		}
		modalRedraw();
	}
}

/**
 */
function modalRedraw() {
	modalHide();
	modalDisplay("");
	var includeSearchText = false;
	// Add backgroud
	modalBackground = document.createElement('div');
	modalBackground.setAttribute("id", "modalBackground");
	modalBackground.style.position        = "fixed";
	modalBackground.style.top             = "0";
	modalBackground.style.left            = "0";
	modalBackground.style.width           = "100%";
	modalBackground.style.height          = "100%";
	modalBackground.style.overflow        = "hidden";
	modalBackground.style.color           = "#e5e5e5";
	modalBackground.style.backgroundColor = "#333333dd";
	modalBackground.style.zIndex          = "1001";
	modalBackground.innerHTML             = "<div id=\"modalContainer\" class=\"full-width full-height vignette\" onclick=\"modalHandleClick();\">" + (!modalTransparent ? "<div class=\"position-right half-square inner-buffered click-container\" title=\"Close\" onclick=\"modalHide();\"><span id=\"cross-icon\" class=\"icon-cross position-middle-center m\"></span></div>" : "") + "</div>";
	document.body.appendChild(modalBackground);
	// Add modal content
	modalElement = document.createElement('div');
	modalElement.setAttribute("id", "modalElement");
	modalElement.className                = "position-center " + (modalTransparent ? "container" : "vertical-quadruple-buffered soft-double-elevated module" + (getNumber(modalWidth) < 0 ? " bounds" : ""));
	if( modalWidth != null ) {
		if( modalWidth < 1 ) ;//Ignore
		else if( getNumber(modalWidth) > 0 ) modalElement.style.width = modalWidth + "px";
		else if( modalWidth.match(/^[0-9\.]+%$/) ) modalElement.style.width = modalWidth;
		else modalElement.className += " " + modalWidth;
	}
	if( modalHeight != null ) {
		if( modalHeight < 1 ) ;//Ignore
		else if( getNumber(modalHeight) > 0 ) modalElement.style.height = modalHeight + "px";
		else if( modalHeight.match(/^[0-9\.]+%$/) ) modalElement.style.height = modalHeight;
		else modalElement.className += " " + modalHeight;
	}
	modalElement.style.overflow           = "auto";
	// Set content
	if( modalType == "color" ) {
		modalValue = "<div class=\"three-wide container\">";
		modalValue += "<div class=\"three-wide two-fifths-high inner-semi-buffered white flush-middle-center micro-rounded click-icon\" onclick=\"modalSet('#ffffff');\" title=\"white\">white</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-red micro-rounded click-icon\" onclick=\"modalSet('#f3b6b6');\" title=\"light-light-red\">" + ("#f3b6b6".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-orange micro-rounded click-icon\" onclick=\"modalSet('#ffdbb6');\" title=\"light-light-orange\">" + ("#ffdbb6".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-yellow micro-rounded click-icon\" onclick=\"modalSet('#ffedb6');\" title=\"light-light-yellow\">" + ("#ffedb6".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-lime micro-rounded click-icon\" onclick=\"modalSet('#dbe7bc');\" title=\"light-light-lime\">" + ("#dbe7bc".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-green micro-rounded click-icon\" onclick=\"modalSet('#c2dbc2');\" title=\"light-light-green\">" + ("#c2dbc2".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-aqua micro-rounded click-icon\" onclick=\"modalSet('#bce1d5');\" title=\"light-light-aqua\">" + ("#bce1d5".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-cyan micro-rounded click-icon\" onclick=\"modalSet('#b6e7e7');\" title=\"light-light-cyan\">" + ("#b6e7e7".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-azure micro-rounded click-icon\" onclick=\"modalSet('#b6dbe7');\" title=\"light-light-azure\">" + ("#b6dbe7".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-blue micro-rounded click-icon\" onclick=\"modalSet('#b6cfe7');\" title=\"light-light-blue\">" + ("#b6cfe7".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-indigo micro-rounded click-icon\" onclick=\"modalSet('#c2c2e7');\" title=\"light-light-indigo\">" + ("#c2c2e7".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-purple micro-rounded click-icon\" onclick=\"modalSet('#cfb6e7');\" title=\"light-light-purple\">" + ("#cfb6e7".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-fuchsia micro-rounded click-icon\" onclick=\"modalSet('#e7b6db');\" title=\"light-light-fuchsia\">" + ("#e7b6db".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			modalValue += "<br>";
			
			modalValue += "<div class=\"one-quarter-square light-red micro-rounded click-icon\" onclick=\"modalSet('#e87575');\" title=\"light-red\">" + ("#e87575".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-orange micro-rounded click-icon\" onclick=\"modalSet('#ffba75');\" title=\"light-orange\">" + ("#ffba75".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-yellow micro-rounded click-icon\" onclick=\"modalSet('#ffdd75');\" title=\"light-yellow\">" + ("#ffdd75".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-lime micro-rounded click-icon\" onclick=\"modalSet('#bad180');\" title=\"light-lime\">" + ("#bad180".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-green micro-rounded click-icon\" onclick=\"modalSet('#8cba8c');\" title=\"light-green\">" + ("#8cba8c".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-aqua micro-rounded click-icon\" onclick=\"modalSet('#80c6af');\" title=\"light-aqua\">" + ("#80c6af".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-cyan micro-rounded click-icon\" onclick=\"modalSet('#75d1d1');\" title=\"light-cyan\">" + ("#75d1d1".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-azure micro-rounded click-icon\" onclick=\"modalSet('#75bad1');\" title=\"light-azure\">" + ("#75bad1".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-blue micro-rounded click-icon\" onclick=\"modalSet('#75a3d1');\" title=\"light-blue\">" + ("#75a3d1".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-indigo micro-rounded click-icon\" onclick=\"modalSet('#8c8cd1');\" title=\"light-indigo\">" + ("#8c8cd1".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-purple micro-rounded click-icon\" onclick=\"modalSet('#a375d1');\" title=\"light-purple\">" + ("#a375d1".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-fuchsia micro-rounded click-icon\" onclick=\"modalSet('#d175ba');\" title=\"light-fuchsia\">" + ("#d175ba".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			modalValue += "<br>";
			
			modalValue += "<div class=\"one-quarter-square red micro-rounded click-icon\" onclick=\"modalSet('#dd3333');\" title=\"red\">" + ("#dd3333".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square orange micro-rounded click-icon\" onclick=\"modalSet('#ff9933');\" title=\"orange\">" + ("#ff9933".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square yellow micro-rounded click-icon\" onclick=\"modalSet('#ffcc33');\" title=\"yellow\">" + ("#ffcc33".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square lime micro-rounded click-icon\" onclick=\"modalSet('#99bb44');\" title=\"lime\">" + ("#99bb44".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square green micro-rounded click-icon\" onclick=\"modalSet('#559955');\" title=\"green\">" + ("#559955".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square aqua micro-rounded click-icon\" onclick=\"modalSet('#44aa88');\" title=\"aqua\">" + ("#44aa88".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square cyan micro-rounded click-icon\" onclick=\"modalSet('#33bbbb');\" title=\"cyan\">" + ("#33bbbb".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square azure micro-rounded click-icon\" onclick=\"modalSet('#3399bb');\" title=\"azure\">" + ("#3399bb".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square blue micro-rounded click-icon\" onclick=\"modalSet('#3377bb');\" title=\"blue\">" + ("#3377bb".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square indigo micro-rounded click-icon\" onclick=\"modalSet('#5555bb');\" title=\"indigo\">" + ("#5555bb".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square purple micro-rounded click-icon\" onclick=\"modalSet('#7733bb');\" title=\"purple\">" + ("#7733bb".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square fuchsia micro-rounded click-icon\" onclick=\"modalSet('#bb3399');\" title=\"fuchsia\">" + ("#bb3399".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			modalValue += "<br>";
			
			modalValue += "<div class=\"one-quarter-square dark-red micro-rounded click-icon\" onclick=\"modalSet('#8d2020');\" title=\"dark-red\">" + ("#8d2020".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-orange micro-rounded click-icon\" onclick=\"modalSet('#a36120');\" title=\"dark-orange\">" + ("#a36120".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-yellow micro-rounded click-icon\" onclick=\"modalSet('#a38220');\" title=\"dark-yellow\">" + ("#a38220".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-lime micro-rounded click-icon\" onclick=\"modalSet('#61772b');\" title=\"dark-lime\">" + ("#61772b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-green micro-rounded click-icon\" onclick=\"modalSet('#366136');\" title=\"dark-green\">" + ("#366136".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-aqua micro-rounded click-icon\" onclick=\"modalSet('#2b6c57');\" title=\"dark-aqua\">" + ("#2b6c57".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-cyan micro-rounded click-icon\" onclick=\"modalSet('#207777');\" title=\"dark-cyan\">" + ("#207777".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-azure micro-rounded click-icon\" onclick=\"modalSet('#206177');\" title=\"dark-azure\">" + ("#206177".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-blue micro-rounded click-icon\" onclick=\"modalSet('#204c77');\" title=\"dark-blue\">" + ("#204c77".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-indigo micro-rounded click-icon\" onclick=\"modalSet('#363677');\" title=\"dark-indigo\">" + ("#363677".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-purple micro-rounded click-icon\" onclick=\"modalSet('#4c2077');\" title=\"dark-purple\">" + ("#4c2077".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-fuchsia micro-rounded click-icon\" onclick=\"modalSet('#772061');\" title=\"dark-fuchsia\">" + ("#772061".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			modalValue += "<br>";
			
			modalValue += "<div class=\"one-quarter-square dark-dark-red micro-rounded click-icon\" onclick=\"modalSet('#461010');\" title=\"dark-dark-red\">" + ("#461010".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-orange micro-rounded click-icon\" onclick=\"modalSet('#513010');\" title=\"dark-dark-orange\">" + ("#513010".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-yellow micro-rounded click-icon\" onclick=\"modalSet('#514110');\" title=\"dark-dark-yellow\">" + ("#514110".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-lime micro-rounded click-icon\" onclick=\"modalSet('#303b15');\" title=\"dark-dark-lime\">" + ("#303b15".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-green micro-rounded click-icon\" onclick=\"modalSet('#1b301b');\" title=\"dark-dark-green\">" + ("#1b301b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-aqua micro-rounded click-icon\" onclick=\"modalSet('#15362b');\" title=\"dark-dark-aqua\">" + ("#15362b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-cyan micro-rounded click-icon\" onclick=\"modalSet('#103b3b');\" title=\"dark-dark-cyan\">" + ("#103b3b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-azure micro-rounded click-icon\" onclick=\"modalSet('#10303b');\" title=\"dark-dark-azure\">" + ("#10303b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-blue micro-rounded click-icon\" onclick=\"modalSet('#10263b');\" title=\"dark-dark-blue\">" + ("#10263b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-indigo micro-rounded click-icon\" onclick=\"modalSet('#1b1b3b');\" title=\"dark-dark-indigo\">" + ("#1b1b3b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-purple micro-rounded click-icon\" onclick=\"modalSet('#26103b');\" title=\"dark-dark-purple\">" + ("#26103b".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-fuchsia micro-rounded click-icon\" onclick=\"modalSet('#3b1030');\" title=\"dark-dark-fuchsia\">" + ("#3b1030".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			modalValue += "<br>";
			
				modalValue += "<div class=\"three-wide two-fifths-high inner-semi-buffered black micro-rounded click-icon\" onclick=\"modalSet('#000000');\" title=\"black\">black</div><hr>";
				modalValue += "<div class=\"one-and-a-half-wide two-fifths-high inner-semi-buffered brand micro-rounded click-icon\" onclick=\"modalSet('#ff9900');\" title=\"brand\">brand</div>";
				modalValue += "<div class=\"one-and-a-half-wide two-fifths-high inner-semi-buffered accent micro-rounded click-icon\" onclick=\"modalSet('#ff6600');\" title=\"accent\">accent</div><hr>";
			
			modalValue += "<div class=\"one-quarter-square light-light-brand micro-rounded click-icon\" onclick=\"modalSet('#ffdba4');\" title=\"light-light-brand\">" + ("#ffdba4".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-brand micro-rounded click-icon\" onclick=\"modalSet('#ffba52');\" title=\"light-brand\">" + ("#ffba52".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square brand micro-rounded click-icon\" onclick=\"modalSet('#ff9900');\" title=\"brand\">" + ("#ff9900".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-brand micro-rounded click-icon\" onclick=\"modalSet('#a36100');\" title=\"dark-brand\">" + ("#a36100".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-brand micro-rounded click-icon\" onclick=\"modalSet('#513000');\" title=\"dark-dark-brand\">" + ("#513000".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square white micro-rounded click-icon\" onclick=\"modalSet('#ffffff');\" title=\"white\">" + ("#ffffff".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-light-gray micro-rounded click-icon\" onclick=\"modalSet('#e5e5e5');\" title=\"light-light-gray\">" + ("#e5e5e5".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square light-gray micro-rounded click-icon\" onclick=\"modalSet('#cccccc');\" title=\"light-gray\">" + ("#cccccc".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square gray micro-rounded click-icon\" onclick=\"modalSet('#999999');\" title=\"gray\">" + ("#999999".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-gray micro-rounded click-icon\" onclick=\"modalSet('#444444');\" title=\"dark-gray\">" + ("#444444".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square dark-dark-gray micro-rounded click-icon\" onclick=\"modalSet('#222222');\" title=\"dark-dark-gray\">" + ("#222222".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square black micro-rounded click-icon\" onclick=\"modalSet('#000000');\" title=\"black\">" + ("#000000".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			modalValue += "<br>";
			
			modalValue += "<div class=\"one-quarter-square accent micro-rounded click-icon\" onclick=\"modalSet('#ff6600');\" title=\"accent\">" + ("#ff6600".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-0 micro-rounded click-icon\" onclick=\"modalSet('#f54834');\" title=\"pc-0\">" + ("#f54834".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-10 micro-rounded click-icon\" onclick=\"modalSet('#f96438');\" title=\"pc-10\">" + ("#f96438".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-20 micro-rounded click-icon\" onclick=\"modalSet('#fe823d');\" title=\"pc-20\">" + ("#fe823d".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-30 micro-rounded click-icon\" onclick=\"modalSet('#ff9f44');\" title=\"pc-30\">" + ("#ff9f44".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-40 micro-rounded click-icon\" onclick=\"modalSet('#ffb14a');\" title=\"pc-40\">" + ("#ffb14a".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-50 micro-rounded click-icon\" onclick=\"modalSet('#ffc450');\" title=\"pc-50\">" + ("#ffc450".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-60 micro-rounded click-icon\" onclick=\"modalSet('#efcc48');\" title=\"pc-60\">" + ("#efcc48".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-70 micro-rounded click-icon\" onclick=\"modalSet('#ddd04a');\" title=\"pc-70\">" + ("#ddd04a".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-80 micro-rounded click-icon\" onclick=\"modalSet('#c2d548');\" title=\"pc-80\">" + ("#c2d548".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-90 micro-rounded click-icon\" onclick=\"modalSet('#add647');\" title=\"pc-90\">" + ("#add647".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
			
			
			modalValue += "<div class=\"one-quarter-square pc-100 micro-rounded click-icon\" onclick=\"modalSet('#91d944');\" title=\"pc-100\">" + ("#91d944".toLowerCase() === modalTargetField.value.toLowerCase() ? "<span id=\"dot-icon\" class=\"icon-dot\"></span>" : "") + "</div>";
		
		modalValue += "<hr>";
		modalValue += "<form name=\"modalForm\" id=\"modalForm\" onsubmit=\"element('modalColorValue').value = (element('modalColorValue').value.length > 2 ? '#' : '')+element('modalColorValue').value.replace('#', '');modalSet(element('modalColorValue').value);return false;\" method=\"get\" autocomplete=\"off\">";
		modalValue += "<span id=\"palette-icon\" class=\"icon-palette overlay\"></span><input type=\"text\" id=\"modalColorValue\" name=\"modalColorValue\" value=\"" + modalTargetField.value + "\" class=\"two-wide with-overlay\">";
		modalValue += "<button class=\"half-wide not-inner-buffered micro-rounded click-button\"><span id=\"chevron-right-icon\" class=\"icon-chevron-right\"></span></button>";
		modalValue += "<div class=\"half-wide not-inner-buffered micro-rounded click-button\" onclick=\"modalHide();eyedropper('" + modalTargetField.id + "');\"><span id=\"eyedropper-icon\" class=\"icon-eyedropper\"></span></div>";
		modalValue += "</form>";
		modalValue += "</div>";
		includeSearchText = false;
	} else if( modalType == "icon" ) {
		modalValue = "<div class=\"adaptable-quadruple-width six-high scrollable xxxxs-content container\">";
		modalValue += "<span id=\"filter-icon\" class=\"icon-filter overlay\"></span><input type=\"text\" name=\"modalSearchValue\" id=\"modalSearchValue\" class=\"full-width with-overlay\" placeholder=\"Filter...\" onkeyup=\"filterModalIcons(event);\" onchange=\"filterModalIcons();\"><br>";
		
		
		
		
		
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ai');\"><span id=\"ai-icon\" class=\"icon-ai l-content\"></span><br><span class=\"name\">ai</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('alert');\"><span id=\"alert-icon\" class=\"icon-alert l-content\"></span><br><span class=\"name\">alert</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('apps');\"><span id=\"apps-icon\" class=\"icon-apps l-content\"></span><br><span class=\"name\">apps</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('array');\"><span id=\"array-icon\" class=\"icon-array l-content\"></span><br><span class=\"name\">array</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-contract');\"><span id=\"arrow-contract-icon\" class=\"icon-arrow-contract l-content\"></span><br><span class=\"name\">arrow-contract</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-down');\"><span id=\"arrow-down-icon\" class=\"icon-arrow-down l-content\"></span><br><span class=\"name\">arrow-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-down-down');\"><span id=\"arrow-down-down-icon\" class=\"icon-arrow-down-down l-content\"></span><br><span class=\"name\">arrow-down-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-down-left');\"><span id=\"arrow-down-left-icon\" class=\"icon-arrow-down-left l-content\"></span><br><span class=\"name\">arrow-down-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-down-right');\"><span id=\"arrow-down-right-icon\" class=\"icon-arrow-down-right l-content\"></span><br><span class=\"name\">arrow-down-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-down-up');\"><span id=\"arrow-down-up-icon\" class=\"icon-arrow-down-up l-content\"></span><br><span class=\"name\">arrow-down-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-expand');\"><span id=\"arrow-expand-icon\" class=\"icon-arrow-expand l-content\"></span><br><span class=\"name\">arrow-expand</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-inside');\"><span id=\"arrow-inside-icon\" class=\"icon-arrow-inside l-content\"></span><br><span class=\"name\">arrow-inside</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-left');\"><span id=\"arrow-left-icon\" class=\"icon-arrow-left l-content\"></span><br><span class=\"name\">arrow-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-left-left');\"><span id=\"arrow-left-left-icon\" class=\"icon-arrow-left-left l-content\"></span><br><span class=\"name\">arrow-left-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-left-right');\"><span id=\"arrow-left-right-icon\" class=\"icon-arrow-left-right l-content\"></span><br><span class=\"name\">arrow-left-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-outside');\"><span id=\"arrow-outside-icon\" class=\"icon-arrow-outside l-content\"></span><br><span class=\"name\">arrow-outside</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-redo');\"><span id=\"arrow-redo-icon\" class=\"icon-arrow-redo l-content\"></span><br><span class=\"name\">arrow-redo</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-right');\"><span id=\"arrow-right-icon\" class=\"icon-arrow-right l-content\"></span><br><span class=\"name\">arrow-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-right-left');\"><span id=\"arrow-right-left-icon\" class=\"icon-arrow-right-left l-content\"></span><br><span class=\"name\">arrow-right-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-right-right');\"><span id=\"arrow-right-right-icon\" class=\"icon-arrow-right-right l-content\"></span><br><span class=\"name\">arrow-right-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-undo');\"><span id=\"arrow-undo-icon\" class=\"icon-arrow-undo l-content\"></span><br><span class=\"name\">arrow-undo</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-up');\"><span id=\"arrow-up-icon\" class=\"icon-arrow-up l-content\"></span><br><span class=\"name\">arrow-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-up-down');\"><span id=\"arrow-up-down-icon\" class=\"icon-arrow-up-down l-content\"></span><br><span class=\"name\">arrow-up-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-up-left');\"><span id=\"arrow-up-left-icon\" class=\"icon-arrow-up-left l-content\"></span><br><span class=\"name\">arrow-up-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-up-right');\"><span id=\"arrow-up-right-icon\" class=\"icon-arrow-up-right l-content\"></span><br><span class=\"name\">arrow-up-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('arrow-up-up');\"><span id=\"arrow-up-up-icon\" class=\"icon-arrow-up-up l-content\"></span><br><span class=\"name\">arrow-up-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('artifacts');\"><span id=\"artifacts-icon\" class=\"icon-artifacts l-content\"></span><br><span class=\"name\">artifacts</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('asterisk');\"><span id=\"asterisk-icon\" class=\"icon-asterisk l-content\"></span><br><span class=\"name\">asterisk</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('axis-2d');\"><span id=\"axis-2d-icon\" class=\"icon-axis-2d l-content\"></span><br><span class=\"name\">axis-2d</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('axis-3d');\"><span id=\"axis-3d-icon\" class=\"icon-axis-3d l-content\"></span><br><span class=\"name\">axis-3d</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('axolotl');\"><span id=\"axolotl-icon\" class=\"icon-axolotl l-content\"></span><br><span class=\"name\">axolotl</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('axolotl-head');\"><span id=\"axolotl-head-icon\" class=\"icon-axolotl-head l-content\"></span><br><span class=\"name\">axolotl-head</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('backspace');\"><span id=\"backspace-icon\" class=\"icon-backspace l-content\"></span><br><span class=\"name\">backspace</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bandaid');\"><span id=\"bandaid-icon\" class=\"icon-bandaid l-content\"></span><br><span class=\"name\">bandaid</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bank');\"><span id=\"bank-icon\" class=\"icon-bank l-content\"></span><br><span class=\"name\">bank</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('banned');\"><span id=\"banned-icon\" class=\"icon-banned l-content\"></span><br><span class=\"name\">banned</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bar');\"><span id=\"bar-icon\" class=\"icon-bar l-content\"></span><br><span class=\"name\">bar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('barcode');\"><span id=\"barcode-icon\" class=\"icon-barcode l-content\"></span><br><span class=\"name\">barcode</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('battery-0');\"><span id=\"battery-0-icon\" class=\"icon-battery-0 l-content\"></span><br><span class=\"name\">battery-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('battery-100');\"><span id=\"battery-100-icon\" class=\"icon-battery-100 l-content\"></span><br><span class=\"name\">battery-100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('battery-25');\"><span id=\"battery-25-icon\" class=\"icon-battery-25 l-content\"></span><br><span class=\"name\">battery-25</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('battery-50');\"><span id=\"battery-50-icon\" class=\"icon-battery-50 l-content\"></span><br><span class=\"name\">battery-50</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('battery-75');\"><span id=\"battery-75-icon\" class=\"icon-battery-75 l-content\"></span><br><span class=\"name\">battery-75</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('beaker');\"><span id=\"beaker-icon\" class=\"icon-beaker l-content\"></span><br><span class=\"name\">beaker</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('beaker-full');\"><span id=\"beaker-full-icon\" class=\"icon-beaker-full l-content\"></span><br><span class=\"name\">beaker-full</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bell');\"><span id=\"bell-icon\" class=\"icon-bell l-content\"></span><br><span class=\"name\">bell</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bell-ringing');\"><span id=\"bell-ringing-icon\" class=\"icon-bell-ringing l-content\"></span><br><span class=\"name\">bell-ringing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bill');\"><span id=\"bill-icon\" class=\"icon-bill l-content\"></span><br><span class=\"name\">bill</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bin');\"><span id=\"bin-icon\" class=\"icon-bin l-content\"></span><br><span class=\"name\">bin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bin-full');\"><span id=\"bin-full-icon\" class=\"icon-bin-full l-content\"></span><br><span class=\"name\">bin-full</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('black-hole');\"><span id=\"black-hole-icon\" class=\"icon-black-hole l-content\"></span><br><span class=\"name\">black-hole</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('blank');\"><span id=\"blank-icon\" class=\"icon-blank l-content\"></span><br><span class=\"name\">blank</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('blocked');\"><span id=\"blocked-icon\" class=\"icon-blocked l-content\"></span><br><span class=\"name\">blocked</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bone');\"><span id=\"bone-icon\" class=\"icon-bone l-content\"></span><br><span class=\"name\">bone</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('book');\"><span id=\"book-icon\" class=\"icon-book l-content\"></span><br><span class=\"name\">book</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('book-open');\"><span id=\"book-open-icon\" class=\"icon-book-open l-content\"></span><br><span class=\"name\">book-open</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bookmark');\"><span id=\"bookmark-icon\" class=\"icon-bookmark l-content\"></span><br><span class=\"name\">bookmark</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('books');\"><span id=\"books-icon\" class=\"icon-books l-content\"></span><br><span class=\"name\">books</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('box');\"><span id=\"box-icon\" class=\"icon-box l-content\"></span><br><span class=\"name\">box</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('box-open');\"><span id=\"box-open-icon\" class=\"icon-box-open l-content\"></span><br><span class=\"name\">box-open</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('briefcase');\"><span id=\"briefcase-icon\" class=\"icon-briefcase l-content\"></span><br><span class=\"name\">briefcase</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bug');\"><span id=\"bug-icon\" class=\"icon-bug l-content\"></span><br><span class=\"name\">bug</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('building');\"><span id=\"building-icon\" class=\"icon-building l-content\"></span><br><span class=\"name\">building</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('buildings');\"><span id=\"buildings-icon\" class=\"icon-buildings l-content\"></span><br><span class=\"name\">buildings</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('bullet');\"><span id=\"bullet-icon\" class=\"icon-bullet l-content\"></span><br><span class=\"name\">bullet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('calendar');\"><span id=\"calendar-icon\" class=\"icon-calendar l-content\"></span><br><span class=\"name\">calendar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('camera');\"><span id=\"camera-icon\" class=\"icon-camera l-content\"></span><br><span class=\"name\">camera</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('candle');\"><span id=\"candle-icon\" class=\"icon-candle l-content\"></span><br><span class=\"name\">candle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('car');\"><span id=\"car-icon\" class=\"icon-car l-content\"></span><br><span class=\"name\">car</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cash-card');\"><span id=\"cash-card-icon\" class=\"icon-cash-card l-content\"></span><br><span class=\"name\">cash-card</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cat');\"><span id=\"cat-icon\" class=\"icon-cat l-content\"></span><br><span class=\"name\">cat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('caution');\"><span id=\"caution-icon\" class=\"icon-caution l-content\"></span><br><span class=\"name\">caution</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('checklist');\"><span id=\"checklist-icon\" class=\"icon-checklist l-content\"></span><br><span class=\"name\">checklist</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-contract');\"><span id=\"chevron-contract-icon\" class=\"icon-chevron-contract l-content\"></span><br><span class=\"name\">chevron-contract</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-down');\"><span id=\"chevron-down-icon\" class=\"icon-chevron-down l-content\"></span><br><span class=\"name\">chevron-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-down-down');\"><span id=\"chevron-down-down-icon\" class=\"icon-chevron-down-down l-content\"></span><br><span class=\"name\">chevron-down-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-down-left');\"><span id=\"chevron-down-left-icon\" class=\"icon-chevron-down-left l-content\"></span><br><span class=\"name\">chevron-down-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-down-right');\"><span id=\"chevron-down-right-icon\" class=\"icon-chevron-down-right l-content\"></span><br><span class=\"name\">chevron-down-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-down-up');\"><span id=\"chevron-down-up-icon\" class=\"icon-chevron-down-up l-content\"></span><br><span class=\"name\">chevron-down-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-expand');\"><span id=\"chevron-expand-icon\" class=\"icon-chevron-expand l-content\"></span><br><span class=\"name\">chevron-expand</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-inside');\"><span id=\"chevron-inside-icon\" class=\"icon-chevron-inside l-content\"></span><br><span class=\"name\">chevron-inside</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-left');\"><span id=\"chevron-left-icon\" class=\"icon-chevron-left l-content\"></span><br><span class=\"name\">chevron-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-left-left');\"><span id=\"chevron-left-left-icon\" class=\"icon-chevron-left-left l-content\"></span><br><span class=\"name\">chevron-left-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-left-right');\"><span id=\"chevron-left-right-icon\" class=\"icon-chevron-left-right l-content\"></span><br><span class=\"name\">chevron-left-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-outside');\"><span id=\"chevron-outside-icon\" class=\"icon-chevron-outside l-content\"></span><br><span class=\"name\">chevron-outside</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-right');\"><span id=\"chevron-right-icon\" class=\"icon-chevron-right l-content\"></span><br><span class=\"name\">chevron-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-right-left');\"><span id=\"chevron-right-left-icon\" class=\"icon-chevron-right-left l-content\"></span><br><span class=\"name\">chevron-right-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-right-right');\"><span id=\"chevron-right-right-icon\" class=\"icon-chevron-right-right l-content\"></span><br><span class=\"name\">chevron-right-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-top-left');\"><span id=\"chevron-top-left-icon\" class=\"icon-chevron-top-left l-content\"></span><br><span class=\"name\">chevron-top-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-top-right');\"><span id=\"chevron-top-right-icon\" class=\"icon-chevron-top-right l-content\"></span><br><span class=\"name\">chevron-top-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-up');\"><span id=\"chevron-up-icon\" class=\"icon-chevron-up l-content\"></span><br><span class=\"name\">chevron-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-up-down');\"><span id=\"chevron-up-down-icon\" class=\"icon-chevron-up-down l-content\"></span><br><span class=\"name\">chevron-up-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('chevron-up-up');\"><span id=\"chevron-up-up-icon\" class=\"icon-chevron-up-up l-content\"></span><br><span class=\"name\">chevron-up-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('clapper-board');\"><span id=\"clapper-board-icon\" class=\"icon-clapper-board l-content\"></span><br><span class=\"name\">clapper-board</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('clipboard');\"><span id=\"clipboard-icon\" class=\"icon-clipboard l-content\"></span><br><span class=\"name\">clipboard</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('clock');\"><span id=\"clock-icon\" class=\"icon-clock l-content\"></span><br><span class=\"name\">clock</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cloud');\"><span id=\"cloud-icon\" class=\"icon-cloud l-content\"></span><br><span class=\"name\">cloud</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('code');\"><span id=\"code-icon\" class=\"icon-code l-content\"></span><br><span class=\"name\">code</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cog');\"><span id=\"cog-icon\" class=\"icon-cog l-content\"></span><br><span class=\"name\">cog</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cog-30');\"><span id=\"cog-30-icon\" class=\"icon-cog-30 l-content\"></span><br><span class=\"name\">cog-30</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cogs');\"><span id=\"cogs-icon\" class=\"icon-cogs l-content\"></span><br><span class=\"name\">cogs</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('command-line');\"><span id=\"command-line-icon\" class=\"icon-command-line l-content\"></span><br><span class=\"name\">command-line</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('computer');\"><span id=\"computer-icon\" class=\"icon-computer l-content\"></span><br><span class=\"name\">computer</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('console');\"><span id=\"console-icon\" class=\"icon-console l-content\"></span><br><span class=\"name\">console</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('control-panel');\"><span id=\"control-panel-icon\" class=\"icon-control-panel l-content\"></span><br><span class=\"name\">control-panel</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('controller');\"><span id=\"controller-icon\" class=\"icon-controller l-content\"></span><br><span class=\"name\">controller</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('credit-card');\"><span id=\"credit-card-icon\" class=\"icon-credit-card l-content\"></span><br><span class=\"name\">credit-card</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cresent-moon');\"><span id=\"cresent-moon-icon\" class=\"icon-cresent-moon l-content\"></span><br><span class=\"name\">cresent-moon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('crop');\"><span id=\"crop-icon\" class=\"icon-crop l-content\"></span><br><span class=\"name\">crop</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cross');\"><span id=\"cross-icon\" class=\"icon-cross l-content\"></span><br><span class=\"name\">cross</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('crown');\"><span id=\"crown-icon\" class=\"icon-crown l-content\"></span><br><span class=\"name\">crown</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cube');\"><span id=\"cube-icon\" class=\"icon-cube l-content\"></span><br><span class=\"name\">cube</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cube-2x2');\"><span id=\"cube-2x2-icon\" class=\"icon-cube-2x2 l-content\"></span><br><span class=\"name\">cube-2x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cube-3x3');\"><span id=\"cube-3x3-icon\" class=\"icon-cube-3x3 l-content\"></span><br><span class=\"name\">cube-3x3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cutlery');\"><span id=\"cutlery-icon\" class=\"icon-cutlery l-content\"></span><br><span class=\"name\">cutlery</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cutlery-fork');\"><span id=\"cutlery-fork-icon\" class=\"icon-cutlery-fork l-content\"></span><br><span class=\"name\">cutlery-fork</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cutlery-knife');\"><span id=\"cutlery-knife-icon\" class=\"icon-cutlery-knife l-content\"></span><br><span class=\"name\">cutlery-knife</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cutlery-spoon');\"><span id=\"cutlery-spoon-icon\" class=\"icon-cutlery-spoon l-content\"></span><br><span class=\"name\">cutlery-spoon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('cyclic');\"><span id=\"cyclic-icon\" class=\"icon-cyclic l-content\"></span><br><span class=\"name\">cyclic</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dashboard');\"><span id=\"dashboard-icon\" class=\"icon-dashboard l-content\"></span><br><span class=\"name\">dashboard</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('database');\"><span id=\"database-icon\" class=\"icon-database l-content\"></span><br><span class=\"name\">database</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('delete');\"><span id=\"delete-icon\" class=\"icon-delete l-content\"></span><br><span class=\"name\">delete</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('desk');\"><span id=\"desk-icon\" class=\"icon-desk l-content\"></span><br><span class=\"name\">desk</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('desk-bell');\"><span id=\"desk-bell-icon\" class=\"icon-desk-bell l-content\"></span><br><span class=\"name\">desk-bell</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('desk-bell-ringing');\"><span id=\"desk-bell-ringing-icon\" class=\"icon-desk-bell-ringing l-content\"></span><br><span class=\"name\">desk-bell-ringing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dice-1');\"><span id=\"dice-1-icon\" class=\"icon-dice-1 l-content\"></span><br><span class=\"name\">dice-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dice-2');\"><span id=\"dice-2-icon\" class=\"icon-dice-2 l-content\"></span><br><span class=\"name\">dice-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dice-3');\"><span id=\"dice-3-icon\" class=\"icon-dice-3 l-content\"></span><br><span class=\"name\">dice-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dice-4');\"><span id=\"dice-4-icon\" class=\"icon-dice-4 l-content\"></span><br><span class=\"name\">dice-4</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dice-5');\"><span id=\"dice-5-icon\" class=\"icon-dice-5 l-content\"></span><br><span class=\"name\">dice-5</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dice-6');\"><span id=\"dice-6-icon\" class=\"icon-dice-6 l-content\"></span><br><span class=\"name\">dice-6</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dinner-plate');\"><span id=\"dinner-plate-icon\" class=\"icon-dinner-plate l-content\"></span><br><span class=\"name\">dinner-plate</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dinner-plate-cutlery');\"><span id=\"dinner-plate-cutlery-icon\" class=\"icon-dinner-plate-cutlery l-content\"></span><br><span class=\"name\">dinner-plate-cutlery</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('disk');\"><span id=\"disk-icon\" class=\"icon-disk l-content\"></span><br><span class=\"name\">disk</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('divider');\"><span id=\"divider-icon\" class=\"icon-divider l-content\"></span><br><span class=\"name\">divider</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('document');\"><span id=\"document-icon\" class=\"icon-document l-content\"></span><br><span class=\"name\">document</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dog');\"><span id=\"dog-icon\" class=\"icon-dog l-content\"></span><br><span class=\"name\">dog</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('door-in');\"><span id=\"door-in-icon\" class=\"icon-door-in l-content\"></span><br><span class=\"name\">door-in</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('door-out');\"><span id=\"door-out-icon\" class=\"icon-door-out l-content\"></span><br><span class=\"name\">door-out</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dot');\"><span id=\"dot-icon\" class=\"icon-dot l-content\"></span><br><span class=\"name\">dot</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('download');\"><span id=\"download-icon\" class=\"icon-download l-content\"></span><br><span class=\"name\">download</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('dress');\"><span id=\"dress-icon\" class=\"icon-dress l-content\"></span><br><span class=\"name\">dress</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('droplet');\"><span id=\"droplet-icon\" class=\"icon-droplet l-content\"></span><br><span class=\"name\">droplet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('duplicate');\"><span id=\"duplicate-icon\" class=\"icon-duplicate l-content\"></span><br><span class=\"name\">duplicate</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('earth');\"><span id=\"earth-icon\" class=\"icon-earth l-content\"></span><br><span class=\"name\">earth</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('edit');\"><span id=\"edit-icon\" class=\"icon-edit l-content\"></span><br><span class=\"name\">edit</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ellipsis');\"><span id=\"ellipsis-icon\" class=\"icon-ellipsis l-content\"></span><br><span class=\"name\">ellipsis</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('email');\"><span id=\"email-icon\" class=\"icon-email l-content\"></span><br><span class=\"name\">email</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('email-group');\"><span id=\"email-group-icon\" class=\"icon-email-group l-content\"></span><br><span class=\"name\">email-group</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-angry');\"><span id=\"emoticon-angry-icon\" class=\"icon-emoticon-angry l-content\"></span><br><span class=\"name\">emoticon-angry</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-blink');\"><span id=\"emoticon-blink-icon\" class=\"icon-emoticon-blink l-content\"></span><br><span class=\"name\">emoticon-blink</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-curious');\"><span id=\"emoticon-curious-icon\" class=\"icon-emoticon-curious l-content\"></span><br><span class=\"name\">emoticon-curious</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-happy');\"><span id=\"emoticon-happy-icon\" class=\"icon-emoticon-happy l-content\"></span><br><span class=\"name\">emoticon-happy</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-joy');\"><span id=\"emoticon-joy-icon\" class=\"icon-emoticon-joy l-content\"></span><br><span class=\"name\">emoticon-joy</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-laughing');\"><span id=\"emoticon-laughing-icon\" class=\"icon-emoticon-laughing l-content\"></span><br><span class=\"name\">emoticon-laughing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-meh');\"><span id=\"emoticon-meh-icon\" class=\"icon-emoticon-meh l-content\"></span><br><span class=\"name\">emoticon-meh</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-pokerface');\"><span id=\"emoticon-pokerface-icon\" class=\"icon-emoticon-pokerface l-content\"></span><br><span class=\"name\">emoticon-pokerface</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-quizzical');\"><span id=\"emoticon-quizzical-icon\" class=\"icon-emoticon-quizzical l-content\"></span><br><span class=\"name\">emoticon-quizzical</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-sad');\"><span id=\"emoticon-sad-icon\" class=\"icon-emoticon-sad l-content\"></span><br><span class=\"name\">emoticon-sad</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-shocked');\"><span id=\"emoticon-shocked-icon\" class=\"icon-emoticon-shocked l-content\"></span><br><span class=\"name\">emoticon-shocked</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('emoticon-wink');\"><span id=\"emoticon-wink-icon\" class=\"icon-emoticon-wink l-content\"></span><br><span class=\"name\">emoticon-wink</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('error');\"><span id=\"error-icon\" class=\"icon-error l-content\"></span><br><span class=\"name\">error</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('exit');\"><span id=\"exit-icon\" class=\"icon-exit l-content\"></span><br><span class=\"name\">exit</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('eye');\"><span id=\"eye-icon\" class=\"icon-eye l-content\"></span><br><span class=\"name\">eye</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('eyedropper');\"><span id=\"eyedropper-icon\" class=\"icon-eyedropper l-content\"></span><br><span class=\"name\">eyedropper</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('fence');\"><span id=\"fence-icon\" class=\"icon-fence l-content\"></span><br><span class=\"name\">fence</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('fence-gate');\"><span id=\"fence-gate-icon\" class=\"icon-fence-gate l-content\"></span><br><span class=\"name\">fence-gate</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('file');\"><span id=\"file-icon\" class=\"icon-file l-content\"></span><br><span class=\"name\">file</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('file-compressed');\"><span id=\"file-compressed-icon\" class=\"icon-file-compressed l-content\"></span><br><span class=\"name\">file-compressed</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('filter');\"><span id=\"filter-icon\" class=\"icon-filter l-content\"></span><br><span class=\"name\">filter</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('fire');\"><span id=\"fire-icon\" class=\"icon-fire l-content\"></span><br><span class=\"name\">fire</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('fish');\"><span id=\"fish-icon\" class=\"icon-fish l-content\"></span><br><span class=\"name\">fish</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('fitness');\"><span id=\"fitness-icon\" class=\"icon-fitness l-content\"></span><br><span class=\"name\">fitness</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag');\"><span id=\"flag-icon\" class=\"icon-flag l-content\"></span><br><span class=\"name\">flag</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-au');\"><span id=\"flag-au-icon\" class=\"icon-flag-au l-content\"></span><br><span class=\"name\">flag-au</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-ca');\"><span id=\"flag-ca-icon\" class=\"icon-flag-ca l-content\"></span><br><span class=\"name\">flag-ca</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-eu');\"><span id=\"flag-eu-icon\" class=\"icon-flag-eu l-content\"></span><br><span class=\"name\">flag-eu</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-jp');\"><span id=\"flag-jp-icon\" class=\"icon-flag-jp l-content\"></span><br><span class=\"name\">flag-jp</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-nz');\"><span id=\"flag-nz-icon\" class=\"icon-flag-nz l-content\"></span><br><span class=\"name\">flag-nz</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-uk');\"><span id=\"flag-uk-icon\" class=\"icon-flag-uk l-content\"></span><br><span class=\"name\">flag-uk</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-us');\"><span id=\"flag-us-icon\" class=\"icon-flag-us l-content\"></span><br><span class=\"name\">flag-us</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flag-us-ca');\"><span id=\"flag-us-ca-icon\" class=\"icon-flag-us-ca l-content\"></span><br><span class=\"name\">flag-us-ca</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('flowchart');\"><span id=\"flowchart-icon\" class=\"icon-flowchart l-content\"></span><br><span class=\"name\">flowchart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('folder');\"><span id=\"folder-icon\" class=\"icon-folder l-content\"></span><br><span class=\"name\">folder</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('folders');\"><span id=\"folders-icon\" class=\"icon-folders l-content\"></span><br><span class=\"name\">folders</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('food-burger');\"><span id=\"food-burger-icon\" class=\"icon-food-burger l-content\"></span><br><span class=\"name\">food-burger</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('food-hotdog');\"><span id=\"food-hotdog-icon\" class=\"icon-food-hotdog l-content\"></span><br><span class=\"name\">food-hotdog</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('formula-car');\"><span id=\"formula-car-icon\" class=\"icon-formula-car l-content\"></span><br><span class=\"name\">formula-car</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('gate');\"><span id=\"gate-icon\" class=\"icon-gate l-content\"></span><br><span class=\"name\">gate</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('gender-female');\"><span id=\"gender-female-icon\" class=\"icon-gender-female l-content\"></span><br><span class=\"name\">gender-female</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('gender-male');\"><span id=\"gender-male-icon\" class=\"icon-gender-male l-content\"></span><br><span class=\"name\">gender-male</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('genders');\"><span id=\"genders-icon\" class=\"icon-genders l-content\"></span><br><span class=\"name\">genders</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ghost');\"><span id=\"ghost-icon\" class=\"icon-ghost l-content\"></span><br><span class=\"name\">ghost</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('glasses');\"><span id=\"glasses-icon\" class=\"icon-glasses l-content\"></span><br><span class=\"name\">glasses</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('globe');\"><span id=\"globe-icon\" class=\"icon-globe l-content\"></span><br><span class=\"name\">globe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('graph-area');\"><span id=\"graph-area-icon\" class=\"icon-graph-area l-content\"></span><br><span class=\"name\">graph-area</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('graph-bar');\"><span id=\"graph-bar-icon\" class=\"icon-graph-bar l-content\"></span><br><span class=\"name\">graph-bar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('graph-donut');\"><span id=\"graph-donut-icon\" class=\"icon-graph-donut l-content\"></span><br><span class=\"name\">graph-donut</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('graph-line');\"><span id=\"graph-line-icon\" class=\"icon-graph-line l-content\"></span><br><span class=\"name\">graph-line</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('graph-pie');\"><span id=\"graph-pie-icon\" class=\"icon-graph-pie l-content\"></span><br><span class=\"name\">graph-pie</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('guage');\"><span id=\"guage-icon\" class=\"icon-guage l-content\"></span><br><span class=\"name\">guage</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hammer');\"><span id=\"hammer-icon\" class=\"icon-hammer l-content\"></span><br><span class=\"name\">hammer</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0000-0');\"><span id=\"hand-l-0000-0-icon\" class=\"icon-hand-l-0000-0 l-content\"></span><br><span class=\"name\">hand-l-0000-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0000-1');\"><span id=\"hand-l-0000-1-icon\" class=\"icon-hand-l-0000-1 l-content\"></span><br><span class=\"name\">hand-l-0000-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0001-0');\"><span id=\"hand-l-0001-0-icon\" class=\"icon-hand-l-0001-0 l-content\"></span><br><span class=\"name\">hand-l-0001-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0001-1');\"><span id=\"hand-l-0001-1-icon\" class=\"icon-hand-l-0001-1 l-content\"></span><br><span class=\"name\">hand-l-0001-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0010-0');\"><span id=\"hand-l-0010-0-icon\" class=\"icon-hand-l-0010-0 l-content\"></span><br><span class=\"name\">hand-l-0010-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0010-1');\"><span id=\"hand-l-0010-1-icon\" class=\"icon-hand-l-0010-1 l-content\"></span><br><span class=\"name\">hand-l-0010-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0011-0');\"><span id=\"hand-l-0011-0-icon\" class=\"icon-hand-l-0011-0 l-content\"></span><br><span class=\"name\">hand-l-0011-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0011-1');\"><span id=\"hand-l-0011-1-icon\" class=\"icon-hand-l-0011-1 l-content\"></span><br><span class=\"name\">hand-l-0011-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0100-0');\"><span id=\"hand-l-0100-0-icon\" class=\"icon-hand-l-0100-0 l-content\"></span><br><span class=\"name\">hand-l-0100-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0100-1');\"><span id=\"hand-l-0100-1-icon\" class=\"icon-hand-l-0100-1 l-content\"></span><br><span class=\"name\">hand-l-0100-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0101-0');\"><span id=\"hand-l-0101-0-icon\" class=\"icon-hand-l-0101-0 l-content\"></span><br><span class=\"name\">hand-l-0101-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0101-1');\"><span id=\"hand-l-0101-1-icon\" class=\"icon-hand-l-0101-1 l-content\"></span><br><span class=\"name\">hand-l-0101-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0110-0');\"><span id=\"hand-l-0110-0-icon\" class=\"icon-hand-l-0110-0 l-content\"></span><br><span class=\"name\">hand-l-0110-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0110-1');\"><span id=\"hand-l-0110-1-icon\" class=\"icon-hand-l-0110-1 l-content\"></span><br><span class=\"name\">hand-l-0110-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0111-0');\"><span id=\"hand-l-0111-0-icon\" class=\"icon-hand-l-0111-0 l-content\"></span><br><span class=\"name\">hand-l-0111-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-0111-1');\"><span id=\"hand-l-0111-1-icon\" class=\"icon-hand-l-0111-1 l-content\"></span><br><span class=\"name\">hand-l-0111-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-1-1-1-1');\"><span id=\"hand-l-1-1-1-1-1-icon\" class=\"icon-hand-l-1-1-1-1-1 l-content\"></span><br><span class=\"name\">hand-l-1-1-1-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-1-1-11');\"><span id=\"hand-l-1-1-1-11-icon\" class=\"icon-hand-l-1-1-1-11 l-content\"></span><br><span class=\"name\">hand-l-1-1-1-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-1-11-1');\"><span id=\"hand-l-1-1-11-1-icon\" class=\"icon-hand-l-1-1-11-1 l-content\"></span><br><span class=\"name\">hand-l-1-1-11-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-1-111');\"><span id=\"hand-l-1-1-111-icon\" class=\"icon-hand-l-1-1-111 l-content\"></span><br><span class=\"name\">hand-l-1-1-111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-11-1-1');\"><span id=\"hand-l-1-11-1-1-icon\" class=\"icon-hand-l-1-11-1-1 l-content\"></span><br><span class=\"name\">hand-l-1-11-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-11-11');\"><span id=\"hand-l-1-11-11-icon\" class=\"icon-hand-l-1-11-11 l-content\"></span><br><span class=\"name\">hand-l-1-11-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-111-1');\"><span id=\"hand-l-1-111-1-icon\" class=\"icon-hand-l-1-111-1 l-content\"></span><br><span class=\"name\">hand-l-1-111-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1-1111');\"><span id=\"hand-l-1-1111-icon\" class=\"icon-hand-l-1-1111 l-content\"></span><br><span class=\"name\">hand-l-1-1111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1000-0');\"><span id=\"hand-l-1000-0-icon\" class=\"icon-hand-l-1000-0 l-content\"></span><br><span class=\"name\">hand-l-1000-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1000-1');\"><span id=\"hand-l-1000-1-icon\" class=\"icon-hand-l-1000-1 l-content\"></span><br><span class=\"name\">hand-l-1000-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1001-0');\"><span id=\"hand-l-1001-0-icon\" class=\"icon-hand-l-1001-0 l-content\"></span><br><span class=\"name\">hand-l-1001-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1001-1');\"><span id=\"hand-l-1001-1-icon\" class=\"icon-hand-l-1001-1 l-content\"></span><br><span class=\"name\">hand-l-1001-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1010-0');\"><span id=\"hand-l-1010-0-icon\" class=\"icon-hand-l-1010-0 l-content\"></span><br><span class=\"name\">hand-l-1010-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1010-1');\"><span id=\"hand-l-1010-1-icon\" class=\"icon-hand-l-1010-1 l-content\"></span><br><span class=\"name\">hand-l-1010-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1011-0');\"><span id=\"hand-l-1011-0-icon\" class=\"icon-hand-l-1011-0 l-content\"></span><br><span class=\"name\">hand-l-1011-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1011-1');\"><span id=\"hand-l-1011-1-icon\" class=\"icon-hand-l-1011-1 l-content\"></span><br><span class=\"name\">hand-l-1011-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-11-1-1-1');\"><span id=\"hand-l-11-1-1-1-icon\" class=\"icon-hand-l-11-1-1-1 l-content\"></span><br><span class=\"name\">hand-l-11-1-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-11-1-11');\"><span id=\"hand-l-11-1-11-icon\" class=\"icon-hand-l-11-1-11 l-content\"></span><br><span class=\"name\">hand-l-11-1-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-11-11-1');\"><span id=\"hand-l-11-11-1-icon\" class=\"icon-hand-l-11-11-1 l-content\"></span><br><span class=\"name\">hand-l-11-11-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-11-111');\"><span id=\"hand-l-11-111-icon\" class=\"icon-hand-l-11-111 l-content\"></span><br><span class=\"name\">hand-l-11-111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1100-0');\"><span id=\"hand-l-1100-0-icon\" class=\"icon-hand-l-1100-0 l-content\"></span><br><span class=\"name\">hand-l-1100-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1100-1');\"><span id=\"hand-l-1100-1-icon\" class=\"icon-hand-l-1100-1 l-content\"></span><br><span class=\"name\">hand-l-1100-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1101-0');\"><span id=\"hand-l-1101-0-icon\" class=\"icon-hand-l-1101-0 l-content\"></span><br><span class=\"name\">hand-l-1101-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1101-1');\"><span id=\"hand-l-1101-1-icon\" class=\"icon-hand-l-1101-1 l-content\"></span><br><span class=\"name\">hand-l-1101-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-111-1-1');\"><span id=\"hand-l-111-1-1-icon\" class=\"icon-hand-l-111-1-1 l-content\"></span><br><span class=\"name\">hand-l-111-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-111-11');\"><span id=\"hand-l-111-11-icon\" class=\"icon-hand-l-111-11 l-content\"></span><br><span class=\"name\">hand-l-111-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1110-0');\"><span id=\"hand-l-1110-0-icon\" class=\"icon-hand-l-1110-0 l-content\"></span><br><span class=\"name\">hand-l-1110-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1110-1');\"><span id=\"hand-l-1110-1-icon\" class=\"icon-hand-l-1110-1 l-content\"></span><br><span class=\"name\">hand-l-1110-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1111-0');\"><span id=\"hand-l-1111-0-icon\" class=\"icon-hand-l-1111-0 l-content\"></span><br><span class=\"name\">hand-l-1111-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-1111-1');\"><span id=\"hand-l-1111-1-icon\" class=\"icon-hand-l-1111-1 l-content\"></span><br><span class=\"name\">hand-l-1111-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-l-11111');\"><span id=\"hand-l-11111-icon\" class=\"icon-hand-l-11111 l-content\"></span><br><span class=\"name\">hand-l-11111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0000');\"><span id=\"hand-r-0-0000-icon\" class=\"icon-hand-r-0-0000 l-content\"></span><br><span class=\"name\">hand-r-0-0000</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0001');\"><span id=\"hand-r-0-0001-icon\" class=\"icon-hand-r-0-0001 l-content\"></span><br><span class=\"name\">hand-r-0-0001</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0010');\"><span id=\"hand-r-0-0010-icon\" class=\"icon-hand-r-0-0010 l-content\"></span><br><span class=\"name\">hand-r-0-0010</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0011');\"><span id=\"hand-r-0-0011-icon\" class=\"icon-hand-r-0-0011 l-content\"></span><br><span class=\"name\">hand-r-0-0011</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0100');\"><span id=\"hand-r-0-0100-icon\" class=\"icon-hand-r-0-0100 l-content\"></span><br><span class=\"name\">hand-r-0-0100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0101');\"><span id=\"hand-r-0-0101-icon\" class=\"icon-hand-r-0-0101 l-content\"></span><br><span class=\"name\">hand-r-0-0101</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0110');\"><span id=\"hand-r-0-0110-icon\" class=\"icon-hand-r-0-0110 l-content\"></span><br><span class=\"name\">hand-r-0-0110</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-0111');\"><span id=\"hand-r-0-0111-icon\" class=\"icon-hand-r-0-0111 l-content\"></span><br><span class=\"name\">hand-r-0-0111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1000');\"><span id=\"hand-r-0-1000-icon\" class=\"icon-hand-r-0-1000 l-content\"></span><br><span class=\"name\">hand-r-0-1000</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1001');\"><span id=\"hand-r-0-1001-icon\" class=\"icon-hand-r-0-1001 l-content\"></span><br><span class=\"name\">hand-r-0-1001</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1010');\"><span id=\"hand-r-0-1010-icon\" class=\"icon-hand-r-0-1010 l-content\"></span><br><span class=\"name\">hand-r-0-1010</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1011');\"><span id=\"hand-r-0-1011-icon\" class=\"icon-hand-r-0-1011 l-content\"></span><br><span class=\"name\">hand-r-0-1011</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1100');\"><span id=\"hand-r-0-1100-icon\" class=\"icon-hand-r-0-1100 l-content\"></span><br><span class=\"name\">hand-r-0-1100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1101');\"><span id=\"hand-r-0-1101-icon\" class=\"icon-hand-r-0-1101 l-content\"></span><br><span class=\"name\">hand-r-0-1101</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1110');\"><span id=\"hand-r-0-1110-icon\" class=\"icon-hand-r-0-1110 l-content\"></span><br><span class=\"name\">hand-r-0-1110</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-0-1111');\"><span id=\"hand-r-0-1111-icon\" class=\"icon-hand-r-0-1111 l-content\"></span><br><span class=\"name\">hand-r-0-1111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0000');\"><span id=\"hand-r-1-0000-icon\" class=\"icon-hand-r-1-0000 l-content\"></span><br><span class=\"name\">hand-r-1-0000</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0001');\"><span id=\"hand-r-1-0001-icon\" class=\"icon-hand-r-1-0001 l-content\"></span><br><span class=\"name\">hand-r-1-0001</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0010');\"><span id=\"hand-r-1-0010-icon\" class=\"icon-hand-r-1-0010 l-content\"></span><br><span class=\"name\">hand-r-1-0010</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0011');\"><span id=\"hand-r-1-0011-icon\" class=\"icon-hand-r-1-0011 l-content\"></span><br><span class=\"name\">hand-r-1-0011</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0100');\"><span id=\"hand-r-1-0100-icon\" class=\"icon-hand-r-1-0100 l-content\"></span><br><span class=\"name\">hand-r-1-0100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0101');\"><span id=\"hand-r-1-0101-icon\" class=\"icon-hand-r-1-0101 l-content\"></span><br><span class=\"name\">hand-r-1-0101</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0110');\"><span id=\"hand-r-1-0110-icon\" class=\"icon-hand-r-1-0110 l-content\"></span><br><span class=\"name\">hand-r-1-0110</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-0111');\"><span id=\"hand-r-1-0111-icon\" class=\"icon-hand-r-1-0111 l-content\"></span><br><span class=\"name\">hand-r-1-0111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1-1-1-1');\"><span id=\"hand-r-1-1-1-1-1-icon\" class=\"icon-hand-r-1-1-1-1-1 l-content\"></span><br><span class=\"name\">hand-r-1-1-1-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1-1-11');\"><span id=\"hand-r-1-1-1-11-icon\" class=\"icon-hand-r-1-1-1-11 l-content\"></span><br><span class=\"name\">hand-r-1-1-1-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1-11-1');\"><span id=\"hand-r-1-1-11-1-icon\" class=\"icon-hand-r-1-1-11-1 l-content\"></span><br><span class=\"name\">hand-r-1-1-11-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1-111');\"><span id=\"hand-r-1-1-111-icon\" class=\"icon-hand-r-1-1-111 l-content\"></span><br><span class=\"name\">hand-r-1-1-111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1000');\"><span id=\"hand-r-1-1000-icon\" class=\"icon-hand-r-1-1000 l-content\"></span><br><span class=\"name\">hand-r-1-1000</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1001');\"><span id=\"hand-r-1-1001-icon\" class=\"icon-hand-r-1-1001 l-content\"></span><br><span class=\"name\">hand-r-1-1001</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1010');\"><span id=\"hand-r-1-1010-icon\" class=\"icon-hand-r-1-1010 l-content\"></span><br><span class=\"name\">hand-r-1-1010</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1011');\"><span id=\"hand-r-1-1011-icon\" class=\"icon-hand-r-1-1011 l-content\"></span><br><span class=\"name\">hand-r-1-1011</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-11-1-1');\"><span id=\"hand-r-1-11-1-1-icon\" class=\"icon-hand-r-1-11-1-1 l-content\"></span><br><span class=\"name\">hand-r-1-11-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-11-11');\"><span id=\"hand-r-1-11-11-icon\" class=\"icon-hand-r-1-11-11 l-content\"></span><br><span class=\"name\">hand-r-1-11-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1100');\"><span id=\"hand-r-1-1100-icon\" class=\"icon-hand-r-1-1100 l-content\"></span><br><span class=\"name\">hand-r-1-1100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1101');\"><span id=\"hand-r-1-1101-icon\" class=\"icon-hand-r-1-1101 l-content\"></span><br><span class=\"name\">hand-r-1-1101</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-111-1');\"><span id=\"hand-r-1-111-1-icon\" class=\"icon-hand-r-1-111-1 l-content\"></span><br><span class=\"name\">hand-r-1-111-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1110');\"><span id=\"hand-r-1-1110-icon\" class=\"icon-hand-r-1-1110 l-content\"></span><br><span class=\"name\">hand-r-1-1110</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1-1111');\"><span id=\"hand-r-1-1111-icon\" class=\"icon-hand-r-1-1111 l-content\"></span><br><span class=\"name\">hand-r-1-1111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-11-1-1-1');\"><span id=\"hand-r-11-1-1-1-icon\" class=\"icon-hand-r-11-1-1-1 l-content\"></span><br><span class=\"name\">hand-r-11-1-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-11-1-11');\"><span id=\"hand-r-11-1-11-icon\" class=\"icon-hand-r-11-1-11 l-content\"></span><br><span class=\"name\">hand-r-11-1-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-11-11-1');\"><span id=\"hand-r-11-11-1-icon\" class=\"icon-hand-r-11-11-1 l-content\"></span><br><span class=\"name\">hand-r-11-11-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-11-111');\"><span id=\"hand-r-11-111-icon\" class=\"icon-hand-r-11-111 l-content\"></span><br><span class=\"name\">hand-r-11-111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-111-1-1');\"><span id=\"hand-r-111-1-1-icon\" class=\"icon-hand-r-111-1-1 l-content\"></span><br><span class=\"name\">hand-r-111-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-111-11');\"><span id=\"hand-r-111-11-icon\" class=\"icon-hand-r-111-11 l-content\"></span><br><span class=\"name\">hand-r-111-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-1111-1');\"><span id=\"hand-r-1111-1-icon\" class=\"icon-hand-r-1111-1 l-content\"></span><br><span class=\"name\">hand-r-1111-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hand-r-11111');\"><span id=\"hand-r-11111-icon\" class=\"icon-hand-r-11111 l-content\"></span><br><span class=\"name\">hand-r-11111</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('handbag');\"><span id=\"handbag-icon\" class=\"icon-handbag l-content\"></span><br><span class=\"name\">handbag</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('handle');\"><span id=\"handle-icon\" class=\"icon-handle l-content\"></span><br><span class=\"name\">handle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hash');\"><span id=\"hash-icon\" class=\"icon-hash l-content\"></span><br><span class=\"name\">hash</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('headphones');\"><span id=\"headphones-icon\" class=\"icon-headphones l-content\"></span><br><span class=\"name\">headphones</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('heart');\"><span id=\"heart-icon\" class=\"icon-heart l-content\"></span><br><span class=\"name\">heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('heart-beat');\"><span id=\"heart-beat-icon\" class=\"icon-heart-beat l-content\"></span><br><span class=\"name\">heart-beat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('help');\"><span id=\"help-icon\" class=\"icon-help l-content\"></span><br><span class=\"name\">help</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-1');\"><span id=\"hierarchy-1-icon\" class=\"icon-hierarchy-1 l-content\"></span><br><span class=\"name\">hierarchy-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-1-1');\"><span id=\"hierarchy-1-1-icon\" class=\"icon-hierarchy-1-1 l-content\"></span><br><span class=\"name\">hierarchy-1-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-1-2');\"><span id=\"hierarchy-1-2-icon\" class=\"icon-hierarchy-1-2 l-content\"></span><br><span class=\"name\">hierarchy-1-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-1-3');\"><span id=\"hierarchy-1-3-icon\" class=\"icon-hierarchy-1-3 l-content\"></span><br><span class=\"name\">hierarchy-1-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-2');\"><span id=\"hierarchy-2-icon\" class=\"icon-hierarchy-2 l-content\"></span><br><span class=\"name\">hierarchy-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-2-1');\"><span id=\"hierarchy-2-1-icon\" class=\"icon-hierarchy-2-1 l-content\"></span><br><span class=\"name\">hierarchy-2-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-2-2');\"><span id=\"hierarchy-2-2-icon\" class=\"icon-hierarchy-2-2 l-content\"></span><br><span class=\"name\">hierarchy-2-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-2-3');\"><span id=\"hierarchy-2-3-icon\" class=\"icon-hierarchy-2-3 l-content\"></span><br><span class=\"name\">hierarchy-2-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-3');\"><span id=\"hierarchy-3-icon\" class=\"icon-hierarchy-3 l-content\"></span><br><span class=\"name\">hierarchy-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-3-1');\"><span id=\"hierarchy-3-1-icon\" class=\"icon-hierarchy-3-1 l-content\"></span><br><span class=\"name\">hierarchy-3-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-3-2');\"><span id=\"hierarchy-3-2-icon\" class=\"icon-hierarchy-3-2 l-content\"></span><br><span class=\"name\">hierarchy-3-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-3-3');\"><span id=\"hierarchy-3-3-icon\" class=\"icon-hierarchy-3-3 l-content\"></span><br><span class=\"name\">hierarchy-3-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-4');\"><span id=\"hierarchy-4-icon\" class=\"icon-hierarchy-4 l-content\"></span><br><span class=\"name\">hierarchy-4</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-4-1');\"><span id=\"hierarchy-4-1-icon\" class=\"icon-hierarchy-4-1 l-content\"></span><br><span class=\"name\">hierarchy-4-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-4-2');\"><span id=\"hierarchy-4-2-icon\" class=\"icon-hierarchy-4-2 l-content\"></span><br><span class=\"name\">hierarchy-4-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-contracted');\"><span id=\"hierarchy-contracted-icon\" class=\"icon-hierarchy-contracted l-content\"></span><br><span class=\"name\">hierarchy-contracted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-expanded');\"><span id=\"hierarchy-expanded-icon\" class=\"icon-hierarchy-expanded l-content\"></span><br><span class=\"name\">hierarchy-expanded</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-first-item');\"><span id=\"hierarchy-first-item-icon\" class=\"icon-hierarchy-first-item l-content\"></span><br><span class=\"name\">hierarchy-first-item</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-first-item-contracted');\"><span id=\"hierarchy-first-item-contracted-icon\" class=\"icon-hierarchy-first-item-contracted l-content\"></span><br><span class=\"name\">hierarchy-first-item-contracted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-first-item-expanded');\"><span id=\"hierarchy-first-item-expanded-icon\" class=\"icon-hierarchy-first-item-expanded l-content\"></span><br><span class=\"name\">hierarchy-first-item-expanded</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-last-item');\"><span id=\"hierarchy-last-item-icon\" class=\"icon-hierarchy-last-item l-content\"></span><br><span class=\"name\">hierarchy-last-item</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-last-item-contracted');\"><span id=\"hierarchy-last-item-contracted-icon\" class=\"icon-hierarchy-last-item-contracted l-content\"></span><br><span class=\"name\">hierarchy-last-item-contracted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-last-item-expanded');\"><span id=\"hierarchy-last-item-expanded-icon\" class=\"icon-hierarchy-last-item-expanded l-content\"></span><br><span class=\"name\">hierarchy-last-item-expanded</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-middle-item');\"><span id=\"hierarchy-middle-item-icon\" class=\"icon-hierarchy-middle-item l-content\"></span><br><span class=\"name\">hierarchy-middle-item</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-middle-item-contracted');\"><span id=\"hierarchy-middle-item-contracted-icon\" class=\"icon-hierarchy-middle-item-contracted l-content\"></span><br><span class=\"name\">hierarchy-middle-item-contracted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-middle-item-expanded');\"><span id=\"hierarchy-middle-item-expanded-icon\" class=\"icon-hierarchy-middle-item-expanded l-content\"></span><br><span class=\"name\">hierarchy-middle-item-expanded</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-middle-no-item');\"><span id=\"hierarchy-middle-no-item-icon\" class=\"icon-hierarchy-middle-no-item l-content\"></span><br><span class=\"name\">hierarchy-middle-no-item</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-only-item');\"><span id=\"hierarchy-only-item-icon\" class=\"icon-hierarchy-only-item l-content\"></span><br><span class=\"name\">hierarchy-only-item</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-only-item-contracted');\"><span id=\"hierarchy-only-item-contracted-icon\" class=\"icon-hierarchy-only-item-contracted l-content\"></span><br><span class=\"name\">hierarchy-only-item-contracted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-only-item-expanded');\"><span id=\"hierarchy-only-item-expanded-icon\" class=\"icon-hierarchy-only-item-expanded l-content\"></span><br><span class=\"name\">hierarchy-only-item-expanded</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hierarchy-orphan');\"><span id=\"hierarchy-orphan-icon\" class=\"icon-hierarchy-orphan l-content\"></span><br><span class=\"name\">hierarchy-orphan</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('hiking');\"><span id=\"hiking-icon\" class=\"icon-hiking l-content\"></span><br><span class=\"name\">hiking</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('history');\"><span id=\"history-icon\" class=\"icon-history l-content\"></span><br><span class=\"name\">history</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('home');\"><span id=\"home-icon\" class=\"icon-home l-content\"></span><br><span class=\"name\">home</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('house');\"><span id=\"house-icon\" class=\"icon-house l-content\"></span><br><span class=\"name\">house</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('iceberg');\"><span id=\"iceberg-icon\" class=\"icon-iceberg l-content\"></span><br><span class=\"name\">iceberg</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('id');\"><span id=\"id-icon\" class=\"icon-id l-content\"></span><br><span class=\"name\">id</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('infinity');\"><span id=\"infinity-icon\" class=\"icon-infinity l-content\"></span><br><span class=\"name\">infinity</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('info');\"><span id=\"info-icon\" class=\"icon-info l-content\"></span><br><span class=\"name\">info</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('integration');\"><span id=\"integration-icon\" class=\"icon-integration l-content\"></span><br><span class=\"name\">integration</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('jolly-roger');\"><span id=\"jolly-roger-icon\" class=\"icon-jolly-roger l-content\"></span><br><span class=\"name\">jolly-roger</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('kangaroo');\"><span id=\"kangaroo-icon\" class=\"icon-kangaroo l-content\"></span><br><span class=\"name\">kangaroo</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('kangaroo-leaping');\"><span id=\"kangaroo-leaping-icon\" class=\"icon-kangaroo-leaping l-content\"></span><br><span class=\"name\">kangaroo-leaping</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('key');\"><span id=\"key-icon\" class=\"icon-key l-content\"></span><br><span class=\"name\">key</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('keyboard');\"><span id=\"keyboard-icon\" class=\"icon-keyboard l-content\"></span><br><span class=\"name\">keyboard</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('keyboard-tkl');\"><span id=\"keyboard-tkl-icon\" class=\"icon-keyboard-tkl l-content\"></span><br><span class=\"name\">keyboard-tkl</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('lemniscate');\"><span id=\"lemniscate-icon\" class=\"icon-lemniscate l-content\"></span><br><span class=\"name\">lemniscate</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('library');\"><span id=\"library-icon\" class=\"icon-library l-content\"></span><br><span class=\"name\">library</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('light-bulb');\"><span id=\"light-bulb-icon\" class=\"icon-light-bulb l-content\"></span><br><span class=\"name\">light-bulb</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('light-bulb-on');\"><span id=\"light-bulb-on-icon\" class=\"icon-light-bulb-on l-content\"></span><br><span class=\"name\">light-bulb-on</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('lightning');\"><span id=\"lightning-icon\" class=\"icon-lightning l-content\"></span><br><span class=\"name\">lightning</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('limit');\"><span id=\"limit-icon\" class=\"icon-limit l-content\"></span><br><span class=\"name\">limit</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('link');\"><span id=\"link-icon\" class=\"icon-link l-content\"></span><br><span class=\"name\">link</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('link-out');\"><span id=\"link-out-icon\" class=\"icon-link-out l-content\"></span><br><span class=\"name\">link-out</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('lips');\"><span id=\"lips-icon\" class=\"icon-lips l-content\"></span><br><span class=\"name\">lips</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('list');\"><span id=\"list-icon\" class=\"icon-list l-content\"></span><br><span class=\"name\">list</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('lock');\"><span id=\"lock-icon\" class=\"icon-lock l-content\"></span><br><span class=\"name\">lock</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('luggage');\"><span id=\"luggage-icon\" class=\"icon-luggage l-content\"></span><br><span class=\"name\">luggage</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('magnet');\"><span id=\"magnet-icon\" class=\"icon-magnet l-content\"></span><br><span class=\"name\">magnet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('magnet-on');\"><span id=\"magnet-on-icon\" class=\"icon-magnet-on l-content\"></span><br><span class=\"name\">magnet-on</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('magnifying-glass');\"><span id=\"magnifying-glass-icon\" class=\"icon-magnifying-glass l-content\"></span><br><span class=\"name\">magnifying-glass</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('magnifying-glass-minus');\"><span id=\"magnifying-glass-minus-icon\" class=\"icon-magnifying-glass-minus l-content\"></span><br><span class=\"name\">magnifying-glass-minus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('magnifying-glass-plus');\"><span id=\"magnifying-glass-plus-icon\" class=\"icon-magnifying-glass-plus l-content\"></span><br><span class=\"name\">magnifying-glass-plus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('mail');\"><span id=\"mail-icon\" class=\"icon-mail l-content\"></span><br><span class=\"name\">mail</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('mall');\"><span id=\"mall-icon\" class=\"icon-mall l-content\"></span><br><span class=\"name\">mall</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('man');\"><span id=\"man-icon\" class=\"icon-man l-content\"></span><br><span class=\"name\">man</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('map');\"><span id=\"map-icon\" class=\"icon-map l-content\"></span><br><span class=\"name\">map</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('map-pin');\"><span id=\"map-pin-icon\" class=\"icon-map-pin l-content\"></span><br><span class=\"name\">map-pin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('masquerade');\"><span id=\"masquerade-icon\" class=\"icon-masquerade l-content\"></span><br><span class=\"name\">masquerade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('maximize');\"><span id=\"maximize-icon\" class=\"icon-maximize l-content\"></span><br><span class=\"name\">maximize</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-eject');\"><span id=\"media-eject-icon\" class=\"icon-media-eject l-content\"></span><br><span class=\"name\">media-eject</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-end');\"><span id=\"media-end-icon\" class=\"icon-media-end l-content\"></span><br><span class=\"name\">media-end</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-fastforward');\"><span id=\"media-fastforward-icon\" class=\"icon-media-fastforward l-content\"></span><br><span class=\"name\">media-fastforward</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-pause');\"><span id=\"media-pause-icon\" class=\"icon-media-pause l-content\"></span><br><span class=\"name\">media-pause</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-play');\"><span id=\"media-play-icon\" class=\"icon-media-play l-content\"></span><br><span class=\"name\">media-play</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-record');\"><span id=\"media-record-icon\" class=\"icon-media-record l-content\"></span><br><span class=\"name\">media-record</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-reverse');\"><span id=\"media-reverse-icon\" class=\"icon-media-reverse l-content\"></span><br><span class=\"name\">media-reverse</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-rewind');\"><span id=\"media-rewind-icon\" class=\"icon-media-rewind l-content\"></span><br><span class=\"name\">media-rewind</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-skip-backward');\"><span id=\"media-skip-backward-icon\" class=\"icon-media-skip-backward l-content\"></span><br><span class=\"name\">media-skip-backward</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-skip-forward');\"><span id=\"media-skip-forward-icon\" class=\"icon-media-skip-forward l-content\"></span><br><span class=\"name\">media-skip-forward</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-start');\"><span id=\"media-start-icon\" class=\"icon-media-start l-content\"></span><br><span class=\"name\">media-start</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('media-stop');\"><span id=\"media-stop-icon\" class=\"icon-media-stop l-content\"></span><br><span class=\"name\">media-stop</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('meerkat');\"><span id=\"meerkat-icon\" class=\"icon-meerkat l-content\"></span><br><span class=\"name\">meerkat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('menu');\"><span id=\"menu-icon\" class=\"icon-menu l-content\"></span><br><span class=\"name\">menu</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('minimize');\"><span id=\"minimize-icon\" class=\"icon-minimize l-content\"></span><br><span class=\"name\">minimize</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('minus');\"><span id=\"minus-icon\" class=\"icon-minus l-content\"></span><br><span class=\"name\">minus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('misc');\"><span id=\"misc-icon\" class=\"icon-misc l-content\"></span><br><span class=\"name\">misc</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('missing');\"><span id=\"missing-icon\" class=\"icon-missing l-content\"></span><br><span class=\"name\">missing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('mobius');\"><span id=\"mobius-icon\" class=\"icon-mobius l-content\"></span><br><span class=\"name\">mobius</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('money');\"><span id=\"money-icon\" class=\"icon-money l-content\"></span><br><span class=\"name\">money</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('money-clip');\"><span id=\"money-clip-icon\" class=\"icon-money-clip l-content\"></span><br><span class=\"name\">money-clip</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('money-coin');\"><span id=\"money-coin-icon\" class=\"icon-money-coin l-content\"></span><br><span class=\"name\">money-coin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('money-coins');\"><span id=\"money-coins-icon\" class=\"icon-money-coins l-content\"></span><br><span class=\"name\">money-coins</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('money-note');\"><span id=\"money-note-icon\" class=\"icon-money-note l-content\"></span><br><span class=\"name\">money-note</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('money-notes');\"><span id=\"money-notes-icon\" class=\"icon-money-notes l-content\"></span><br><span class=\"name\">money-notes</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('monitor');\"><span id=\"monitor-icon\" class=\"icon-monitor l-content\"></span><br><span class=\"name\">monitor</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('moon');\"><span id=\"moon-icon\" class=\"icon-moon l-content\"></span><br><span class=\"name\">moon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('more');\"><span id=\"more-icon\" class=\"icon-more l-content\"></span><br><span class=\"name\">more</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('mouse');\"><span id=\"mouse-icon\" class=\"icon-mouse l-content\"></span><br><span class=\"name\">mouse</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('mushroom-cloud');\"><span id=\"mushroom-cloud-icon\" class=\"icon-mushroom-cloud l-content\"></span><br><span class=\"name\">mushroom-cloud</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('music-note');\"><span id=\"music-note-icon\" class=\"icon-music-note l-content\"></span><br><span class=\"name\">music-note</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('music-notes');\"><span id=\"music-notes-icon\" class=\"icon-music-notes l-content\"></span><br><span class=\"name\">music-notes</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('network');\"><span id=\"network-icon\" class=\"icon-network l-content\"></span><br><span class=\"name\">network</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('note');\"><span id=\"note-icon\" class=\"icon-note l-content\"></span><br><span class=\"name\">note</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('object');\"><span id=\"object-icon\" class=\"icon-object l-content\"></span><br><span class=\"name\">object</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-0');\"><span id=\"okta-0-icon\" class=\"icon-okta-0 l-content\"></span><br><span class=\"name\">okta-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-1');\"><span id=\"okta-1-icon\" class=\"icon-okta-1 l-content\"></span><br><span class=\"name\">okta-1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-2');\"><span id=\"okta-2-icon\" class=\"icon-okta-2 l-content\"></span><br><span class=\"name\">okta-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-3');\"><span id=\"okta-3-icon\" class=\"icon-okta-3 l-content\"></span><br><span class=\"name\">okta-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-4');\"><span id=\"okta-4-icon\" class=\"icon-okta-4 l-content\"></span><br><span class=\"name\">okta-4</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-5');\"><span id=\"okta-5-icon\" class=\"icon-okta-5 l-content\"></span><br><span class=\"name\">okta-5</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-6');\"><span id=\"okta-6-icon\" class=\"icon-okta-6 l-content\"></span><br><span class=\"name\">okta-6</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-7');\"><span id=\"okta-7-icon\" class=\"icon-okta-7 l-content\"></span><br><span class=\"name\">okta-7</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('okta-8');\"><span id=\"okta-8-icon\" class=\"icon-okta-8 l-content\"></span><br><span class=\"name\">okta-8</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('palette');\"><span id=\"palette-icon\" class=\"icon-palette l-content\"></span><br><span class=\"name\">palette</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('paperclip');\"><span id=\"paperclip-icon\" class=\"icon-paperclip l-content\"></span><br><span class=\"name\">paperclip</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('paperclip-tilted');\"><span id=\"paperclip-tilted-icon\" class=\"icon-paperclip-tilted l-content\"></span><br><span class=\"name\">paperclip-tilted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('payment-contactless');\"><span id=\"payment-contactless-icon\" class=\"icon-payment-contactless l-content\"></span><br><span class=\"name\">payment-contactless</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('payment-smart-terminal');\"><span id=\"payment-smart-terminal-icon\" class=\"icon-payment-smart-terminal l-content\"></span><br><span class=\"name\">payment-smart-terminal</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('payment-terminal');\"><span id=\"payment-terminal-icon\" class=\"icon-payment-terminal l-content\"></span><br><span class=\"name\">payment-terminal</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pen');\"><span id=\"pen-icon\" class=\"icon-pen l-content\"></span><br><span class=\"name\">pen</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pencil');\"><span id=\"pencil-icon\" class=\"icon-pencil l-content\"></span><br><span class=\"name\">pencil</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people');\"><span id=\"people-icon\" class=\"icon-people l-content\"></span><br><span class=\"name\">people</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-chat');\"><span id=\"people-chat-icon\" class=\"icon-people-chat l-content\"></span><br><span class=\"name\">people-chat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-chat-active');\"><span id=\"people-chat-active-icon\" class=\"icon-people-chat-active l-content\"></span><br><span class=\"name\">people-chat-active</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-chevron-left');\"><span id=\"people-chevron-left-icon\" class=\"icon-people-chevron-left l-content\"></span><br><span class=\"name\">people-chevron-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-chevron-left-right');\"><span id=\"people-chevron-left-right-icon\" class=\"icon-people-chevron-left-right l-content\"></span><br><span class=\"name\">people-chevron-left-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-chevron-right');\"><span id=\"people-chevron-right-icon\" class=\"icon-people-chevron-right l-content\"></span><br><span class=\"name\">people-chevron-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-chevron-right-left');\"><span id=\"people-chevron-right-left-icon\" class=\"icon-people-chevron-right-left l-content\"></span><br><span class=\"name\">people-chevron-right-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-dots');\"><span id=\"people-dots-icon\" class=\"icon-people-dots l-content\"></span><br><span class=\"name\">people-dots</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('people-heart');\"><span id=\"people-heart-icon\" class=\"icon-people-heart l-content\"></span><br><span class=\"name\">people-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('peoples');\"><span id=\"peoples-icon\" class=\"icon-peoples l-content\"></span><br><span class=\"name\">peoples</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-0');\"><span id=\"percent-0-icon\" class=\"icon-percent-0 l-content\"></span><br><span class=\"name\">percent-0</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-05');\"><span id=\"percent-05-icon\" class=\"icon-percent-05 l-content\"></span><br><span class=\"name\">percent-05</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-10');\"><span id=\"percent-10-icon\" class=\"icon-percent-10 l-content\"></span><br><span class=\"name\">percent-10</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-100');\"><span id=\"percent-100-icon\" class=\"icon-percent-100 l-content\"></span><br><span class=\"name\">percent-100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-15');\"><span id=\"percent-15-icon\" class=\"icon-percent-15 l-content\"></span><br><span class=\"name\">percent-15</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-20');\"><span id=\"percent-20-icon\" class=\"icon-percent-20 l-content\"></span><br><span class=\"name\">percent-20</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-25');\"><span id=\"percent-25-icon\" class=\"icon-percent-25 l-content\"></span><br><span class=\"name\">percent-25</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-30');\"><span id=\"percent-30-icon\" class=\"icon-percent-30 l-content\"></span><br><span class=\"name\">percent-30</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-35');\"><span id=\"percent-35-icon\" class=\"icon-percent-35 l-content\"></span><br><span class=\"name\">percent-35</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-40');\"><span id=\"percent-40-icon\" class=\"icon-percent-40 l-content\"></span><br><span class=\"name\">percent-40</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-45');\"><span id=\"percent-45-icon\" class=\"icon-percent-45 l-content\"></span><br><span class=\"name\">percent-45</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-50');\"><span id=\"percent-50-icon\" class=\"icon-percent-50 l-content\"></span><br><span class=\"name\">percent-50</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-55');\"><span id=\"percent-55-icon\" class=\"icon-percent-55 l-content\"></span><br><span class=\"name\">percent-55</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-60');\"><span id=\"percent-60-icon\" class=\"icon-percent-60 l-content\"></span><br><span class=\"name\">percent-60</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-65');\"><span id=\"percent-65-icon\" class=\"icon-percent-65 l-content\"></span><br><span class=\"name\">percent-65</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-70');\"><span id=\"percent-70-icon\" class=\"icon-percent-70 l-content\"></span><br><span class=\"name\">percent-70</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-75');\"><span id=\"percent-75-icon\" class=\"icon-percent-75 l-content\"></span><br><span class=\"name\">percent-75</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-80');\"><span id=\"percent-80-icon\" class=\"icon-percent-80 l-content\"></span><br><span class=\"name\">percent-80</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-85');\"><span id=\"percent-85-icon\" class=\"icon-percent-85 l-content\"></span><br><span class=\"name\">percent-85</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-90');\"><span id=\"percent-90-icon\" class=\"icon-percent-90 l-content\"></span><br><span class=\"name\">percent-90</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('percent-95');\"><span id=\"percent-95-icon\" class=\"icon-percent-95 l-content\"></span><br><span class=\"name\">percent-95</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('person');\"><span id=\"person-icon\" class=\"icon-person l-content\"></span><br><span class=\"name\">person</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('person-chat');\"><span id=\"person-chat-icon\" class=\"icon-person-chat l-content\"></span><br><span class=\"name\">person-chat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('person-chat-active');\"><span id=\"person-chat-active-icon\" class=\"icon-person-chat-active l-content\"></span><br><span class=\"name\">person-chat-active</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('phone');\"><span id=\"phone-icon\" class=\"icon-phone l-content\"></span><br><span class=\"name\">phone</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('phone-handle');\"><span id=\"phone-handle-icon\" class=\"icon-phone-handle l-content\"></span><br><span class=\"name\">phone-handle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('picture');\"><span id=\"picture-icon\" class=\"icon-picture l-content\"></span><br><span class=\"name\">picture</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pilot');\"><span id=\"pilot-icon\" class=\"icon-pilot l-content\"></span><br><span class=\"name\">pilot</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pipe');\"><span id=\"pipe-icon\" class=\"icon-pipe l-content\"></span><br><span class=\"name\">pipe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pirate-skull');\"><span id=\"pirate-skull-icon\" class=\"icon-pirate-skull l-content\"></span><br><span class=\"name\">pirate-skull</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('plane');\"><span id=\"plane-icon\" class=\"icon-plane l-content\"></span><br><span class=\"name\">plane</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('plane-landing');\"><span id=\"plane-landing-icon\" class=\"icon-plane-landing l-content\"></span><br><span class=\"name\">plane-landing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('plane-taking-off');\"><span id=\"plane-taking-off-icon\" class=\"icon-plane-taking-off l-content\"></span><br><span class=\"name\">plane-taking-off</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('planet');\"><span id=\"planet-icon\" class=\"icon-planet l-content\"></span><br><span class=\"name\">planet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card');\"><span id=\"playing-card-icon\" class=\"icon-playing-card l-content\"></span><br><span class=\"name\">playing-card</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-01');\"><span id=\"playing-card-01-icon\" class=\"icon-playing-card-01 l-content\"></span><br><span class=\"name\">playing-card-01</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-01-club');\"><span id=\"playing-card-01-club-icon\" class=\"icon-playing-card-01-club l-content\"></span><br><span class=\"name\">playing-card-01-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-01-diamond');\"><span id=\"playing-card-01-diamond-icon\" class=\"icon-playing-card-01-diamond l-content\"></span><br><span class=\"name\">playing-card-01-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-01-heart');\"><span id=\"playing-card-01-heart-icon\" class=\"icon-playing-card-01-heart l-content\"></span><br><span class=\"name\">playing-card-01-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-01-spade');\"><span id=\"playing-card-01-spade-icon\" class=\"icon-playing-card-01-spade l-content\"></span><br><span class=\"name\">playing-card-01-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-02');\"><span id=\"playing-card-02-icon\" class=\"icon-playing-card-02 l-content\"></span><br><span class=\"name\">playing-card-02</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-02-club');\"><span id=\"playing-card-02-club-icon\" class=\"icon-playing-card-02-club l-content\"></span><br><span class=\"name\">playing-card-02-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-02-diamond');\"><span id=\"playing-card-02-diamond-icon\" class=\"icon-playing-card-02-diamond l-content\"></span><br><span class=\"name\">playing-card-02-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-02-heart');\"><span id=\"playing-card-02-heart-icon\" class=\"icon-playing-card-02-heart l-content\"></span><br><span class=\"name\">playing-card-02-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-02-spade');\"><span id=\"playing-card-02-spade-icon\" class=\"icon-playing-card-02-spade l-content\"></span><br><span class=\"name\">playing-card-02-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-03');\"><span id=\"playing-card-03-icon\" class=\"icon-playing-card-03 l-content\"></span><br><span class=\"name\">playing-card-03</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-03-club');\"><span id=\"playing-card-03-club-icon\" class=\"icon-playing-card-03-club l-content\"></span><br><span class=\"name\">playing-card-03-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-03-diamond');\"><span id=\"playing-card-03-diamond-icon\" class=\"icon-playing-card-03-diamond l-content\"></span><br><span class=\"name\">playing-card-03-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-03-heart');\"><span id=\"playing-card-03-heart-icon\" class=\"icon-playing-card-03-heart l-content\"></span><br><span class=\"name\">playing-card-03-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-03-spade');\"><span id=\"playing-card-03-spade-icon\" class=\"icon-playing-card-03-spade l-content\"></span><br><span class=\"name\">playing-card-03-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-04');\"><span id=\"playing-card-04-icon\" class=\"icon-playing-card-04 l-content\"></span><br><span class=\"name\">playing-card-04</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-04-club');\"><span id=\"playing-card-04-club-icon\" class=\"icon-playing-card-04-club l-content\"></span><br><span class=\"name\">playing-card-04-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-04-diamond');\"><span id=\"playing-card-04-diamond-icon\" class=\"icon-playing-card-04-diamond l-content\"></span><br><span class=\"name\">playing-card-04-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-04-heart');\"><span id=\"playing-card-04-heart-icon\" class=\"icon-playing-card-04-heart l-content\"></span><br><span class=\"name\">playing-card-04-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-04-spade');\"><span id=\"playing-card-04-spade-icon\" class=\"icon-playing-card-04-spade l-content\"></span><br><span class=\"name\">playing-card-04-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-05');\"><span id=\"playing-card-05-icon\" class=\"icon-playing-card-05 l-content\"></span><br><span class=\"name\">playing-card-05</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-05-club');\"><span id=\"playing-card-05-club-icon\" class=\"icon-playing-card-05-club l-content\"></span><br><span class=\"name\">playing-card-05-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-05-diamond');\"><span id=\"playing-card-05-diamond-icon\" class=\"icon-playing-card-05-diamond l-content\"></span><br><span class=\"name\">playing-card-05-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-05-heart');\"><span id=\"playing-card-05-heart-icon\" class=\"icon-playing-card-05-heart l-content\"></span><br><span class=\"name\">playing-card-05-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-05-spade');\"><span id=\"playing-card-05-spade-icon\" class=\"icon-playing-card-05-spade l-content\"></span><br><span class=\"name\">playing-card-05-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-06');\"><span id=\"playing-card-06-icon\" class=\"icon-playing-card-06 l-content\"></span><br><span class=\"name\">playing-card-06</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-06-club');\"><span id=\"playing-card-06-club-icon\" class=\"icon-playing-card-06-club l-content\"></span><br><span class=\"name\">playing-card-06-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-06-diamond');\"><span id=\"playing-card-06-diamond-icon\" class=\"icon-playing-card-06-diamond l-content\"></span><br><span class=\"name\">playing-card-06-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-06-heart');\"><span id=\"playing-card-06-heart-icon\" class=\"icon-playing-card-06-heart l-content\"></span><br><span class=\"name\">playing-card-06-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-06-spade');\"><span id=\"playing-card-06-spade-icon\" class=\"icon-playing-card-06-spade l-content\"></span><br><span class=\"name\">playing-card-06-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-07');\"><span id=\"playing-card-07-icon\" class=\"icon-playing-card-07 l-content\"></span><br><span class=\"name\">playing-card-07</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-07-club');\"><span id=\"playing-card-07-club-icon\" class=\"icon-playing-card-07-club l-content\"></span><br><span class=\"name\">playing-card-07-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-07-diamond');\"><span id=\"playing-card-07-diamond-icon\" class=\"icon-playing-card-07-diamond l-content\"></span><br><span class=\"name\">playing-card-07-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-07-heart');\"><span id=\"playing-card-07-heart-icon\" class=\"icon-playing-card-07-heart l-content\"></span><br><span class=\"name\">playing-card-07-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-07-spade');\"><span id=\"playing-card-07-spade-icon\" class=\"icon-playing-card-07-spade l-content\"></span><br><span class=\"name\">playing-card-07-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-08');\"><span id=\"playing-card-08-icon\" class=\"icon-playing-card-08 l-content\"></span><br><span class=\"name\">playing-card-08</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-08-club');\"><span id=\"playing-card-08-club-icon\" class=\"icon-playing-card-08-club l-content\"></span><br><span class=\"name\">playing-card-08-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-08-diamond');\"><span id=\"playing-card-08-diamond-icon\" class=\"icon-playing-card-08-diamond l-content\"></span><br><span class=\"name\">playing-card-08-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-08-heart');\"><span id=\"playing-card-08-heart-icon\" class=\"icon-playing-card-08-heart l-content\"></span><br><span class=\"name\">playing-card-08-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-08-spade');\"><span id=\"playing-card-08-spade-icon\" class=\"icon-playing-card-08-spade l-content\"></span><br><span class=\"name\">playing-card-08-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-09');\"><span id=\"playing-card-09-icon\" class=\"icon-playing-card-09 l-content\"></span><br><span class=\"name\">playing-card-09</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-09-club');\"><span id=\"playing-card-09-club-icon\" class=\"icon-playing-card-09-club l-content\"></span><br><span class=\"name\">playing-card-09-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-09-diamond');\"><span id=\"playing-card-09-diamond-icon\" class=\"icon-playing-card-09-diamond l-content\"></span><br><span class=\"name\">playing-card-09-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-09-heart');\"><span id=\"playing-card-09-heart-icon\" class=\"icon-playing-card-09-heart l-content\"></span><br><span class=\"name\">playing-card-09-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-09-spade');\"><span id=\"playing-card-09-spade-icon\" class=\"icon-playing-card-09-spade l-content\"></span><br><span class=\"name\">playing-card-09-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-10');\"><span id=\"playing-card-10-icon\" class=\"icon-playing-card-10 l-content\"></span><br><span class=\"name\">playing-card-10</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-10-club');\"><span id=\"playing-card-10-club-icon\" class=\"icon-playing-card-10-club l-content\"></span><br><span class=\"name\">playing-card-10-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-10-diamond');\"><span id=\"playing-card-10-diamond-icon\" class=\"icon-playing-card-10-diamond l-content\"></span><br><span class=\"name\">playing-card-10-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-10-heart');\"><span id=\"playing-card-10-heart-icon\" class=\"icon-playing-card-10-heart l-content\"></span><br><span class=\"name\">playing-card-10-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-10-spade');\"><span id=\"playing-card-10-spade-icon\" class=\"icon-playing-card-10-spade l-content\"></span><br><span class=\"name\">playing-card-10-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-11');\"><span id=\"playing-card-11-icon\" class=\"icon-playing-card-11 l-content\"></span><br><span class=\"name\">playing-card-11</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-11-club');\"><span id=\"playing-card-11-club-icon\" class=\"icon-playing-card-11-club l-content\"></span><br><span class=\"name\">playing-card-11-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-11-diamond');\"><span id=\"playing-card-11-diamond-icon\" class=\"icon-playing-card-11-diamond l-content\"></span><br><span class=\"name\">playing-card-11-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-11-heart');\"><span id=\"playing-card-11-heart-icon\" class=\"icon-playing-card-11-heart l-content\"></span><br><span class=\"name\">playing-card-11-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-11-spade');\"><span id=\"playing-card-11-spade-icon\" class=\"icon-playing-card-11-spade l-content\"></span><br><span class=\"name\">playing-card-11-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-12');\"><span id=\"playing-card-12-icon\" class=\"icon-playing-card-12 l-content\"></span><br><span class=\"name\">playing-card-12</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-12-club');\"><span id=\"playing-card-12-club-icon\" class=\"icon-playing-card-12-club l-content\"></span><br><span class=\"name\">playing-card-12-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-12-diamond');\"><span id=\"playing-card-12-diamond-icon\" class=\"icon-playing-card-12-diamond l-content\"></span><br><span class=\"name\">playing-card-12-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-12-heart');\"><span id=\"playing-card-12-heart-icon\" class=\"icon-playing-card-12-heart l-content\"></span><br><span class=\"name\">playing-card-12-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-12-spade');\"><span id=\"playing-card-12-spade-icon\" class=\"icon-playing-card-12-spade l-content\"></span><br><span class=\"name\">playing-card-12-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-a');\"><span id=\"playing-card-a-icon\" class=\"icon-playing-card-a l-content\"></span><br><span class=\"name\">playing-card-a</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-a-club');\"><span id=\"playing-card-a-club-icon\" class=\"icon-playing-card-a-club l-content\"></span><br><span class=\"name\">playing-card-a-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-a-diamond');\"><span id=\"playing-card-a-diamond-icon\" class=\"icon-playing-card-a-diamond l-content\"></span><br><span class=\"name\">playing-card-a-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-a-heart');\"><span id=\"playing-card-a-heart-icon\" class=\"icon-playing-card-a-heart l-content\"></span><br><span class=\"name\">playing-card-a-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-a-spade');\"><span id=\"playing-card-a-spade-icon\" class=\"icon-playing-card-a-spade l-content\"></span><br><span class=\"name\">playing-card-a-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-b');\"><span id=\"playing-card-b-icon\" class=\"icon-playing-card-b l-content\"></span><br><span class=\"name\">playing-card-b</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-c');\"><span id=\"playing-card-c-icon\" class=\"icon-playing-card-c l-content\"></span><br><span class=\"name\">playing-card-c</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-d');\"><span id=\"playing-card-d-icon\" class=\"icon-playing-card-d l-content\"></span><br><span class=\"name\">playing-card-d</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-e');\"><span id=\"playing-card-e-icon\" class=\"icon-playing-card-e l-content\"></span><br><span class=\"name\">playing-card-e</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-expanded');\"><span id=\"playing-card-expanded-icon\" class=\"icon-playing-card-expanded l-content\"></span><br><span class=\"name\">playing-card-expanded</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-f');\"><span id=\"playing-card-f-icon\" class=\"icon-playing-card-f l-content\"></span><br><span class=\"name\">playing-card-f</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-g');\"><span id=\"playing-card-g-icon\" class=\"icon-playing-card-g l-content\"></span><br><span class=\"name\">playing-card-g</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-h');\"><span id=\"playing-card-h-icon\" class=\"icon-playing-card-h l-content\"></span><br><span class=\"name\">playing-card-h</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-i');\"><span id=\"playing-card-i-icon\" class=\"icon-playing-card-i l-content\"></span><br><span class=\"name\">playing-card-i</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-j');\"><span id=\"playing-card-j-icon\" class=\"icon-playing-card-j l-content\"></span><br><span class=\"name\">playing-card-j</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-j-club');\"><span id=\"playing-card-j-club-icon\" class=\"icon-playing-card-j-club l-content\"></span><br><span class=\"name\">playing-card-j-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-j-diamond');\"><span id=\"playing-card-j-diamond-icon\" class=\"icon-playing-card-j-diamond l-content\"></span><br><span class=\"name\">playing-card-j-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-j-heart');\"><span id=\"playing-card-j-heart-icon\" class=\"icon-playing-card-j-heart l-content\"></span><br><span class=\"name\">playing-card-j-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-j-spade');\"><span id=\"playing-card-j-spade-icon\" class=\"icon-playing-card-j-spade l-content\"></span><br><span class=\"name\">playing-card-j-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-joker');\"><span id=\"playing-card-joker-icon\" class=\"icon-playing-card-joker l-content\"></span><br><span class=\"name\">playing-card-joker</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-k');\"><span id=\"playing-card-k-icon\" class=\"icon-playing-card-k l-content\"></span><br><span class=\"name\">playing-card-k</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-k-club');\"><span id=\"playing-card-k-club-icon\" class=\"icon-playing-card-k-club l-content\"></span><br><span class=\"name\">playing-card-k-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-k-diamond');\"><span id=\"playing-card-k-diamond-icon\" class=\"icon-playing-card-k-diamond l-content\"></span><br><span class=\"name\">playing-card-k-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-k-heart');\"><span id=\"playing-card-k-heart-icon\" class=\"icon-playing-card-k-heart l-content\"></span><br><span class=\"name\">playing-card-k-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-k-spade');\"><span id=\"playing-card-k-spade-icon\" class=\"icon-playing-card-k-spade l-content\"></span><br><span class=\"name\">playing-card-k-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-l');\"><span id=\"playing-card-l-icon\" class=\"icon-playing-card-l l-content\"></span><br><span class=\"name\">playing-card-l</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-m');\"><span id=\"playing-card-m-icon\" class=\"icon-playing-card-m l-content\"></span><br><span class=\"name\">playing-card-m</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-n');\"><span id=\"playing-card-n-icon\" class=\"icon-playing-card-n l-content\"></span><br><span class=\"name\">playing-card-n</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-o');\"><span id=\"playing-card-o-icon\" class=\"icon-playing-card-o l-content\"></span><br><span class=\"name\">playing-card-o</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-p');\"><span id=\"playing-card-p-icon\" class=\"icon-playing-card-p l-content\"></span><br><span class=\"name\">playing-card-p</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-q');\"><span id=\"playing-card-q-icon\" class=\"icon-playing-card-q l-content\"></span><br><span class=\"name\">playing-card-q</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-q-club');\"><span id=\"playing-card-q-club-icon\" class=\"icon-playing-card-q-club l-content\"></span><br><span class=\"name\">playing-card-q-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-q-diamond');\"><span id=\"playing-card-q-diamond-icon\" class=\"icon-playing-card-q-diamond l-content\"></span><br><span class=\"name\">playing-card-q-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-q-heart');\"><span id=\"playing-card-q-heart-icon\" class=\"icon-playing-card-q-heart l-content\"></span><br><span class=\"name\">playing-card-q-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-q-spade');\"><span id=\"playing-card-q-spade-icon\" class=\"icon-playing-card-q-spade l-content\"></span><br><span class=\"name\">playing-card-q-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-question');\"><span id=\"playing-card-question-icon\" class=\"icon-playing-card-question l-content\"></span><br><span class=\"name\">playing-card-question</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-r');\"><span id=\"playing-card-r-icon\" class=\"icon-playing-card-r l-content\"></span><br><span class=\"name\">playing-card-r</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-reverse');\"><span id=\"playing-card-reverse-icon\" class=\"icon-playing-card-reverse l-content\"></span><br><span class=\"name\">playing-card-reverse</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-s');\"><span id=\"playing-card-s-icon\" class=\"icon-playing-card-s l-content\"></span><br><span class=\"name\">playing-card-s</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-skip');\"><span id=\"playing-card-skip-icon\" class=\"icon-playing-card-skip l-content\"></span><br><span class=\"name\">playing-card-skip</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-stroke');\"><span id=\"playing-card-stroke-icon\" class=\"icon-playing-card-stroke l-content\"></span><br><span class=\"name\">playing-card-stroke</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-suit-club');\"><span id=\"playing-card-suit-club-icon\" class=\"icon-playing-card-suit-club l-content\"></span><br><span class=\"name\">playing-card-suit-club</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-suit-diamond');\"><span id=\"playing-card-suit-diamond-icon\" class=\"icon-playing-card-suit-diamond l-content\"></span><br><span class=\"name\">playing-card-suit-diamond</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-suit-heart');\"><span id=\"playing-card-suit-heart-icon\" class=\"icon-playing-card-suit-heart l-content\"></span><br><span class=\"name\">playing-card-suit-heart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-suit-spade');\"><span id=\"playing-card-suit-spade-icon\" class=\"icon-playing-card-suit-spade l-content\"></span><br><span class=\"name\">playing-card-suit-spade</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-t');\"><span id=\"playing-card-t-icon\" class=\"icon-playing-card-t l-content\"></span><br><span class=\"name\">playing-card-t</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-u');\"><span id=\"playing-card-u-icon\" class=\"icon-playing-card-u l-content\"></span><br><span class=\"name\">playing-card-u</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-v');\"><span id=\"playing-card-v-icon\" class=\"icon-playing-card-v l-content\"></span><br><span class=\"name\">playing-card-v</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-w');\"><span id=\"playing-card-w-icon\" class=\"icon-playing-card-w l-content\"></span><br><span class=\"name\">playing-card-w</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-wild');\"><span id=\"playing-card-wild-icon\" class=\"icon-playing-card-wild l-content\"></span><br><span class=\"name\">playing-card-wild</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-x');\"><span id=\"playing-card-x-icon\" class=\"icon-playing-card-x l-content\"></span><br><span class=\"name\">playing-card-x</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-y');\"><span id=\"playing-card-y-icon\" class=\"icon-playing-card-y l-content\"></span><br><span class=\"name\">playing-card-y</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('playing-card-z');\"><span id=\"playing-card-z-icon\" class=\"icon-playing-card-z l-content\"></span><br><span class=\"name\">playing-card-z</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('plus');\"><span id=\"plus-icon\" class=\"icon-plus l-content\"></span><br><span class=\"name\">plus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('plus-minus');\"><span id=\"plus-minus-icon\" class=\"icon-plus-minus l-content\"></span><br><span class=\"name\">plus-minus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('point');\"><span id=\"point-icon\" class=\"icon-point l-content\"></span><br><span class=\"name\">point</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pointer');\"><span id=\"pointer-icon\" class=\"icon-pointer l-content\"></span><br><span class=\"name\">pointer</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('pointer-3d');\"><span id=\"pointer-3d-icon\" class=\"icon-pointer-3d l-content\"></span><br><span class=\"name\">pointer-3d</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('power');\"><span id=\"power-icon\" class=\"icon-power l-content\"></span><br><span class=\"name\">power</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('presentation');\"><span id=\"presentation-icon\" class=\"icon-presentation l-content\"></span><br><span class=\"name\">presentation</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('price-tag');\"><span id=\"price-tag-icon\" class=\"icon-price-tag l-content\"></span><br><span class=\"name\">price-tag</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('product');\"><span id=\"product-icon\" class=\"icon-product l-content\"></span><br><span class=\"name\">product</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('professional');\"><span id=\"professional-icon\" class=\"icon-professional l-content\"></span><br><span class=\"name\">professional</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('professionals');\"><span id=\"professionals-icon\" class=\"icon-professionals l-content\"></span><br><span class=\"name\">professionals</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('project');\"><span id=\"project-icon\" class=\"icon-project l-content\"></span><br><span class=\"name\">project</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('propeller-2');\"><span id=\"propeller-2-icon\" class=\"icon-propeller-2 l-content\"></span><br><span class=\"name\">propeller-2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('propeller-3');\"><span id=\"propeller-3-icon\" class=\"icon-propeller-3 l-content\"></span><br><span class=\"name\">propeller-3</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('propeller-4');\"><span id=\"propeller-4-icon\" class=\"icon-propeller-4 l-content\"></span><br><span class=\"name\">propeller-4</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('propeller-5');\"><span id=\"propeller-5-icon\" class=\"icon-propeller-5 l-content\"></span><br><span class=\"name\">propeller-5</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('propeller-6');\"><span id=\"propeller-6-icon\" class=\"icon-propeller-6 l-content\"></span><br><span class=\"name\">propeller-6</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('puzzle');\"><span id=\"puzzle-icon\" class=\"icon-puzzle l-content\"></span><br><span class=\"name\">puzzle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('puzzle-tilted');\"><span id=\"puzzle-tilted-icon\" class=\"icon-puzzle-tilted l-content\"></span><br><span class=\"name\">puzzle-tilted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('qrcode');\"><span id=\"qrcode-icon\" class=\"icon-qrcode l-content\"></span><br><span class=\"name\">qrcode</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('queue');\"><span id=\"queue-icon\" class=\"icon-queue l-content\"></span><br><span class=\"name\">queue</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('radar');\"><span id=\"radar-icon\" class=\"icon-radar l-content\"></span><br><span class=\"name\">radar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('radioactive');\"><span id=\"radioactive-icon\" class=\"icon-radioactive l-content\"></span><br><span class=\"name\">radioactive</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('rain');\"><span id=\"rain-icon\" class=\"icon-rain l-content\"></span><br><span class=\"name\">rain</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('receipt');\"><span id=\"receipt-icon\" class=\"icon-receipt l-content\"></span><br><span class=\"name\">receipt</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('recycle');\"><span id=\"recycle-icon\" class=\"icon-recycle l-content\"></span><br><span class=\"name\">recycle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('recycle-bin');\"><span id=\"recycle-bin-icon\" class=\"icon-recycle-bin l-content\"></span><br><span class=\"name\">recycle-bin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('recycle-bin-full');\"><span id=\"recycle-bin-full-icon\" class=\"icon-recycle-bin-full l-content\"></span><br><span class=\"name\">recycle-bin-full</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('refresh');\"><span id=\"refresh-icon\" class=\"icon-refresh l-content\"></span><br><span class=\"name\">refresh</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('register');\"><span id=\"register-icon\" class=\"icon-register l-content\"></span><br><span class=\"name\">register</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('reload');\"><span id=\"reload-icon\" class=\"icon-reload l-content\"></span><br><span class=\"name\">reload</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('report');\"><span id=\"report-icon\" class=\"icon-report l-content\"></span><br><span class=\"name\">report</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('return');\"><span id=\"return-icon\" class=\"icon-return l-content\"></span><br><span class=\"name\">return</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ring');\"><span id=\"ring-icon\" class=\"icon-ring l-content\"></span><br><span class=\"name\">ring</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('rocket');\"><span id=\"rocket-icon\" class=\"icon-rocket l-content\"></span><br><span class=\"name\">rocket</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('rocket-launch');\"><span id=\"rocket-launch-icon\" class=\"icon-rocket-launch l-content\"></span><br><span class=\"name\">rocket-launch</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('routing');\"><span id=\"routing-icon\" class=\"icon-routing l-content\"></span><br><span class=\"name\">routing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ruler');\"><span id=\"ruler-icon\" class=\"icon-ruler l-content\"></span><br><span class=\"name\">ruler</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ruler-tilted');\"><span id=\"ruler-tilted-icon\" class=\"icon-ruler-tilted l-content\"></span><br><span class=\"name\">ruler-tilted</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('sale-tag');\"><span id=\"sale-tag-icon\" class=\"icon-sale-tag l-content\"></span><br><span class=\"name\">sale-tag</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('scissors');\"><span id=\"scissors-icon\" class=\"icon-scissors l-content\"></span><br><span class=\"name\">scissors</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('search');\"><span id=\"search-icon\" class=\"icon-search l-content\"></span><br><span class=\"name\">search</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('select');\"><span id=\"select-icon\" class=\"icon-select l-content\"></span><br><span class=\"name\">select</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('separator');\"><span id=\"separator-icon\" class=\"icon-separator l-content\"></span><br><span class=\"name\">separator</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('server');\"><span id=\"server-icon\" class=\"icon-server l-content\"></span><br><span class=\"name\">server</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('servers');\"><span id=\"servers-icon\" class=\"icon-servers l-content\"></span><br><span class=\"name\">servers</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('settings');\"><span id=\"settings-icon\" class=\"icon-settings l-content\"></span><br><span class=\"name\">settings</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-circle');\"><span id=\"shape-circle-icon\" class=\"icon-shape-circle l-content\"></span><br><span class=\"name\">shape-circle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-circle-outline');\"><span id=\"shape-circle-outline-icon\" class=\"icon-shape-circle-outline l-content\"></span><br><span class=\"name\">shape-circle-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-circle-outline-thick');\"><span id=\"shape-circle-outline-thick-icon\" class=\"icon-shape-circle-outline-thick l-content\"></span><br><span class=\"name\">shape-circle-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-circle-outline-thin');\"><span id=\"shape-circle-outline-thin-icon\" class=\"icon-shape-circle-outline-thin l-content\"></span><br><span class=\"name\">shape-circle-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-cube');\"><span id=\"shape-cube-icon\" class=\"icon-shape-cube l-content\"></span><br><span class=\"name\">shape-cube</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-cubes');\"><span id=\"shape-cubes-icon\" class=\"icon-shape-cubes l-content\"></span><br><span class=\"name\">shape-cubes</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-heptagon');\"><span id=\"shape-heptagon-icon\" class=\"icon-shape-heptagon l-content\"></span><br><span class=\"name\">shape-heptagon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-heptagon-outline');\"><span id=\"shape-heptagon-outline-icon\" class=\"icon-shape-heptagon-outline l-content\"></span><br><span class=\"name\">shape-heptagon-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-heptagon-outline-thick');\"><span id=\"shape-heptagon-outline-thick-icon\" class=\"icon-shape-heptagon-outline-thick l-content\"></span><br><span class=\"name\">shape-heptagon-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-heptagon-outline-thin');\"><span id=\"shape-heptagon-outline-thin-icon\" class=\"icon-shape-heptagon-outline-thin l-content\"></span><br><span class=\"name\">shape-heptagon-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-hexagon');\"><span id=\"shape-hexagon-icon\" class=\"icon-shape-hexagon l-content\"></span><br><span class=\"name\">shape-hexagon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-hexagon-outline');\"><span id=\"shape-hexagon-outline-icon\" class=\"icon-shape-hexagon-outline l-content\"></span><br><span class=\"name\">shape-hexagon-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-hexagon-outline-thick');\"><span id=\"shape-hexagon-outline-thick-icon\" class=\"icon-shape-hexagon-outline-thick l-content\"></span><br><span class=\"name\">shape-hexagon-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-hexagon-outline-thin');\"><span id=\"shape-hexagon-outline-thin-icon\" class=\"icon-shape-hexagon-outline-thin l-content\"></span><br><span class=\"name\">shape-hexagon-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-octagon');\"><span id=\"shape-octagon-icon\" class=\"icon-shape-octagon l-content\"></span><br><span class=\"name\">shape-octagon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-octagon-outline');\"><span id=\"shape-octagon-outline-icon\" class=\"icon-shape-octagon-outline l-content\"></span><br><span class=\"name\">shape-octagon-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-octagon-outline-thick');\"><span id=\"shape-octagon-outline-thick-icon\" class=\"icon-shape-octagon-outline-thick l-content\"></span><br><span class=\"name\">shape-octagon-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-octagon-outline-thin');\"><span id=\"shape-octagon-outline-thin-icon\" class=\"icon-shape-octagon-outline-thin l-content\"></span><br><span class=\"name\">shape-octagon-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-pentagon');\"><span id=\"shape-pentagon-icon\" class=\"icon-shape-pentagon l-content\"></span><br><span class=\"name\">shape-pentagon</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-pentagon-outline');\"><span id=\"shape-pentagon-outline-icon\" class=\"icon-shape-pentagon-outline l-content\"></span><br><span class=\"name\">shape-pentagon-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-pentagon-outline-thick');\"><span id=\"shape-pentagon-outline-thick-icon\" class=\"icon-shape-pentagon-outline-thick l-content\"></span><br><span class=\"name\">shape-pentagon-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-pentagon-outline-thin');\"><span id=\"shape-pentagon-outline-thin-icon\" class=\"icon-shape-pentagon-outline-thin l-content\"></span><br><span class=\"name\">shape-pentagon-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-square');\"><span id=\"shape-square-icon\" class=\"icon-shape-square l-content\"></span><br><span class=\"name\">shape-square</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-square-outline');\"><span id=\"shape-square-outline-icon\" class=\"icon-shape-square-outline l-content\"></span><br><span class=\"name\">shape-square-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-square-outline-thick');\"><span id=\"shape-square-outline-thick-icon\" class=\"icon-shape-square-outline-thick l-content\"></span><br><span class=\"name\">shape-square-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-square-outline-thin');\"><span id=\"shape-square-outline-thin-icon\" class=\"icon-shape-square-outline-thin l-content\"></span><br><span class=\"name\">shape-square-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-triangle');\"><span id=\"shape-triangle-icon\" class=\"icon-shape-triangle l-content\"></span><br><span class=\"name\">shape-triangle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-triangle-outline');\"><span id=\"shape-triangle-outline-icon\" class=\"icon-shape-triangle-outline l-content\"></span><br><span class=\"name\">shape-triangle-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-triangle-outline-thick');\"><span id=\"shape-triangle-outline-thick-icon\" class=\"icon-shape-triangle-outline-thick l-content\"></span><br><span class=\"name\">shape-triangle-outline-thick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shape-triangle-outline-thin');\"><span id=\"shape-triangle-outline-thin-icon\" class=\"icon-shape-triangle-outline-thin l-content\"></span><br><span class=\"name\">shape-triangle-outline-thin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('share');\"><span id=\"share-icon\" class=\"icon-share l-content\"></span><br><span class=\"name\">share</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shield');\"><span id=\"shield-icon\" class=\"icon-shield l-content\"></span><br><span class=\"name\">shield</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shirt');\"><span id=\"shirt-icon\" class=\"icon-shirt l-content\"></span><br><span class=\"name\">shirt</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shoe');\"><span id=\"shoe-icon\" class=\"icon-shoe l-content\"></span><br><span class=\"name\">shoe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shopping-cart');\"><span id=\"shopping-cart-icon\" class=\"icon-shopping-cart l-content\"></span><br><span class=\"name\">shopping-cart</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('shuffle');\"><span id=\"shuffle-icon\" class=\"icon-shuffle l-content\"></span><br><span class=\"name\">shuffle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('signature');\"><span id=\"signature-icon\" class=\"icon-signature l-content\"></span><br><span class=\"name\">signature</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('signpost');\"><span id=\"signpost-icon\" class=\"icon-signpost l-content\"></span><br><span class=\"name\">signpost</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('skull');\"><span id=\"skull-icon\" class=\"icon-skull l-content\"></span><br><span class=\"name\">skull</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('smart-phone');\"><span id=\"smart-phone-icon\" class=\"icon-smart-phone l-content\"></span><br><span class=\"name\">smart-phone</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('smart-tablet');\"><span id=\"smart-tablet-icon\" class=\"icon-smart-tablet l-content\"></span><br><span class=\"name\">smart-tablet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('sneaker');\"><span id=\"sneaker-icon\" class=\"icon-sneaker l-content\"></span><br><span class=\"name\">sneaker</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('snow');\"><span id=\"snow-icon\" class=\"icon-snow l-content\"></span><br><span class=\"name\">snow</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('sold-sign');\"><span id=\"sold-sign-icon\" class=\"icon-sold-sign l-content\"></span><br><span class=\"name\">sold-sign</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('spacer');\"><span id=\"spacer-icon\" class=\"icon-spacer l-content\"></span><br><span class=\"name\">spacer</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('spanner');\"><span id=\"spanner-icon\" class=\"icon-spanner l-content\"></span><br><span class=\"name\">spanner</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker');\"><span id=\"speaker-icon\" class=\"icon-speaker l-content\"></span><br><span class=\"name\">speaker</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-100');\"><span id=\"speaker-100-icon\" class=\"icon-speaker-100 l-content\"></span><br><span class=\"name\">speaker-100</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-25');\"><span id=\"speaker-25-icon\" class=\"icon-speaker-25 l-content\"></span><br><span class=\"name\">speaker-25</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-50');\"><span id=\"speaker-50-icon\" class=\"icon-speaker-50 l-content\"></span><br><span class=\"name\">speaker-50</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-75');\"><span id=\"speaker-75-icon\" class=\"icon-speaker-75 l-content\"></span><br><span class=\"name\">speaker-75</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-minus');\"><span id=\"speaker-minus-icon\" class=\"icon-speaker-minus l-content\"></span><br><span class=\"name\">speaker-minus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-mute');\"><span id=\"speaker-mute-icon\" class=\"icon-speaker-mute l-content\"></span><br><span class=\"name\">speaker-mute</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speaker-plus');\"><span id=\"speaker-plus-icon\" class=\"icon-speaker-plus l-content\"></span><br><span class=\"name\">speaker-plus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('spectacles');\"><span id=\"spectacles-icon\" class=\"icon-spectacles l-content\"></span><br><span class=\"name\">spectacles</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speech-bubble');\"><span id=\"speech-bubble-icon\" class=\"icon-speech-bubble l-content\"></span><br><span class=\"name\">speech-bubble</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speech-bubble-active');\"><span id=\"speech-bubble-active-icon\" class=\"icon-speech-bubble-active l-content\"></span><br><span class=\"name\">speech-bubble-active</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speech-bubble-chat');\"><span id=\"speech-bubble-chat-icon\" class=\"icon-speech-bubble-chat l-content\"></span><br><span class=\"name\">speech-bubble-chat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speech-bubble-chat-active');\"><span id=\"speech-bubble-chat-active-icon\" class=\"icon-speech-bubble-chat-active l-content\"></span><br><span class=\"name\">speech-bubble-chat-active</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('speed');\"><span id=\"speed-icon\" class=\"icon-speed l-content\"></span><br><span class=\"name\">speed</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('spinner');\"><span id=\"spinner-icon\" class=\"icon-spinner l-content\"></span><br><span class=\"name\">spinner</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('spiral-galaxy');\"><span id=\"spiral-galaxy-icon\" class=\"icon-spiral-galaxy l-content\"></span><br><span class=\"name\">spiral-galaxy</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('spreadsheet');\"><span id=\"spreadsheet-icon\" class=\"icon-spreadsheet l-content\"></span><br><span class=\"name\">spreadsheet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star');\"><span id=\"star-icon\" class=\"icon-star l-content\"></span><br><span class=\"name\">star</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star-empty');\"><span id=\"star-empty-icon\" class=\"icon-star-empty l-content\"></span><br><span class=\"name\">star-empty</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star-half');\"><span id=\"star-half-icon\" class=\"icon-star-half l-content\"></span><br><span class=\"name\">star-half</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star-tri');\"><span id=\"star-tri-icon\" class=\"icon-star-tri l-content\"></span><br><span class=\"name\">star-tri</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star-tri-30');\"><span id=\"star-tri-30-icon\" class=\"icon-star-tri-30 l-content\"></span><br><span class=\"name\">star-tri-30</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star-tri-60');\"><span id=\"star-tri-60-icon\" class=\"icon-star-tri-60 l-content\"></span><br><span class=\"name\">star-tri-60</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('star-tri-90');\"><span id=\"star-tri-90-icon\" class=\"icon-star-tri-90 l-content\"></span><br><span class=\"name\">star-tri-90</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('statusboard');\"><span id=\"statusboard-icon\" class=\"icon-statusboard l-content\"></span><br><span class=\"name\">statusboard</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('stencil');\"><span id=\"stencil-icon\" class=\"icon-stencil l-content\"></span><br><span class=\"name\">stencil</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('stopwatch');\"><span id=\"stopwatch-icon\" class=\"icon-stopwatch l-content\"></span><br><span class=\"name\">stopwatch</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('store');\"><span id=\"store-icon\" class=\"icon-store l-content\"></span><br><span class=\"name\">store</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('submarine');\"><span id=\"submarine-icon\" class=\"icon-submarine l-content\"></span><br><span class=\"name\">submarine</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('submarine-underwater');\"><span id=\"submarine-underwater-icon\" class=\"icon-submarine-underwater l-content\"></span><br><span class=\"name\">submarine-underwater</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('sudoku');\"><span id=\"sudoku-icon\" class=\"icon-sudoku l-content\"></span><br><span class=\"name\">sudoku</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('suitcase');\"><span id=\"suitcase-icon\" class=\"icon-suitcase l-content\"></span><br><span class=\"name\">suitcase</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('sun');\"><span id=\"sun-icon\" class=\"icon-sun l-content\"></span><br><span class=\"name\">sun</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('support');\"><span id=\"support-icon\" class=\"icon-support l-content\"></span><br><span class=\"name\">support</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('swimlanes');\"><span id=\"swimlanes-icon\" class=\"icon-swimlanes l-content\"></span><br><span class=\"name\">swimlanes</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('syringe');\"><span id=\"syringe-icon\" class=\"icon-syringe l-content\"></span><br><span class=\"name\">syringe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tag');\"><span id=\"tag-icon\" class=\"icon-tag l-content\"></span><br><span class=\"name\">tag</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tag-down');\"><span id=\"tag-down-icon\" class=\"icon-tag-down l-content\"></span><br><span class=\"name\">tag-down</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tag-left');\"><span id=\"tag-left-icon\" class=\"icon-tag-left l-content\"></span><br><span class=\"name\">tag-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tag-right');\"><span id=\"tag-right-icon\" class=\"icon-tag-right l-content\"></span><br><span class=\"name\">tag-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tag-up');\"><span id=\"tag-up-icon\" class=\"icon-tag-up l-content\"></span><br><span class=\"name\">tag-up</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('target');\"><span id=\"target-icon\" class=\"icon-target l-content\"></span><br><span class=\"name\">target</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('team');\"><span id=\"team-icon\" class=\"icon-team l-content\"></span><br><span class=\"name\">team</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('telescope');\"><span id=\"telescope-icon\" class=\"icon-telescope l-content\"></span><br><span class=\"name\">telescope</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('template');\"><span id=\"template-icon\" class=\"icon-template l-content\"></span><br><span class=\"name\">template</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('test-tube');\"><span id=\"test-tube-icon\" class=\"icon-test-tube l-content\"></span><br><span class=\"name\">test-tube</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('test-tube-full');\"><span id=\"test-tube-full-icon\" class=\"icon-test-tube-full l-content\"></span><br><span class=\"name\">test-tube-full</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('testing');\"><span id=\"testing-icon\" class=\"icon-testing l-content\"></span><br><span class=\"name\">testing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('text-cursor');\"><span id=\"text-cursor-icon\" class=\"icon-text-cursor l-content\"></span><br><span class=\"name\">text-cursor</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tic-tac-toe');\"><span id=\"tic-tac-toe-icon\" class=\"icon-tic-tac-toe l-content\"></span><br><span class=\"name\">tic-tac-toe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tick');\"><span id=\"tick-icon\" class=\"icon-tick l-content\"></span><br><span class=\"name\">tick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tick-cross');\"><span id=\"tick-cross-icon\" class=\"icon-tick-cross l-content\"></span><br><span class=\"name\">tick-cross</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tick-double');\"><span id=\"tick-double-icon\" class=\"icon-tick-double l-content\"></span><br><span class=\"name\">tick-double</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ticket');\"><span id=\"ticket-icon\" class=\"icon-ticket l-content\"></span><br><span class=\"name\">ticket</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ticket-admission');\"><span id=\"ticket-admission-icon\" class=\"icon-ticket-admission l-content\"></span><br><span class=\"name\">ticket-admission</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('token');\"><span id=\"token-icon\" class=\"icon-token l-content\"></span><br><span class=\"name\">token</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tombstone');\"><span id=\"tombstone-icon\" class=\"icon-tombstone l-content\"></span><br><span class=\"name\">tombstone</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tools');\"><span id=\"tools-icon\" class=\"icon-tools l-content\"></span><br><span class=\"name\">tools</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tounge');\"><span id=\"tounge-icon\" class=\"icon-tounge l-content\"></span><br><span class=\"name\">tounge</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('toy-car');\"><span id=\"toy-car-icon\" class=\"icon-toy-car l-content\"></span><br><span class=\"name\">toy-car</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('traffic-cone');\"><span id=\"traffic-cone-icon\" class=\"icon-traffic-cone l-content\"></span><br><span class=\"name\">traffic-cone</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('traffic-light');\"><span id=\"traffic-light-icon\" class=\"icon-traffic-light l-content\"></span><br><span class=\"name\">traffic-light</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('truck');\"><span id=\"truck-icon\" class=\"icon-truck l-content\"></span><br><span class=\"name\">truck</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('truck-cabin');\"><span id=\"truck-cabin-icon\" class=\"icon-truck-cabin l-content\"></span><br><span class=\"name\">truck-cabin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('truck-semi');\"><span id=\"truck-semi-icon\" class=\"icon-truck-semi l-content\"></span><br><span class=\"name\">truck-semi</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('tv');\"><span id=\"tv-icon\" class=\"icon-tv l-content\"></span><br><span class=\"name\">tv</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-banner');\"><span id=\"ui-banner-icon\" class=\"icon-ui-banner l-content\"></span><br><span class=\"name\">ui-banner</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-button-round');\"><span id=\"ui-button-round-icon\" class=\"icon-ui-button-round l-content\"></span><br><span class=\"name\">ui-button-round</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-button-square');\"><span id=\"ui-button-square-icon\" class=\"icon-ui-button-square l-content\"></span><br><span class=\"name\">ui-button-square</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-button-tall');\"><span id=\"ui-button-tall-icon\" class=\"icon-ui-button-tall l-content\"></span><br><span class=\"name\">ui-button-tall</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-button-wide');\"><span id=\"ui-button-wide-icon\" class=\"icon-ui-button-wide l-content\"></span><br><span class=\"name\">ui-button-wide</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-checkbox-off');\"><span id=\"ui-checkbox-off-icon\" class=\"icon-ui-checkbox-off l-content\"></span><br><span class=\"name\">ui-checkbox-off</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-checkbox-on');\"><span id=\"ui-checkbox-on-icon\" class=\"icon-ui-checkbox-on l-content\"></span><br><span class=\"name\">ui-checkbox-on</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-1x1');\"><span id=\"ui-container-1x1-icon\" class=\"icon-ui-container-1x1 l-content\"></span><br><span class=\"name\">ui-container-1x1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-1x2');\"><span id=\"ui-container-1x2-icon\" class=\"icon-ui-container-1x2 l-content\"></span><br><span class=\"name\">ui-container-1x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-2x1');\"><span id=\"ui-container-2x1-icon\" class=\"icon-ui-container-2x1 l-content\"></span><br><span class=\"name\">ui-container-2x1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-2x2');\"><span id=\"ui-container-2x2-icon\" class=\"icon-ui-container-2x2 l-content\"></span><br><span class=\"name\">ui-container-2x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-3x1');\"><span id=\"ui-container-3x1-icon\" class=\"icon-ui-container-3x1 l-content\"></span><br><span class=\"name\">ui-container-3x1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-3x2');\"><span id=\"ui-container-3x2-icon\" class=\"icon-ui-container-3x2 l-content\"></span><br><span class=\"name\">ui-container-3x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-container-widget');\"><span id=\"ui-container-widget-icon\" class=\"icon-ui-container-widget l-content\"></span><br><span class=\"name\">ui-container-widget</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-1x1');\"><span id=\"ui-element-1x1-icon\" class=\"icon-ui-element-1x1 l-content\"></span><br><span class=\"name\">ui-element-1x1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-1x2');\"><span id=\"ui-element-1x2-icon\" class=\"icon-ui-element-1x2 l-content\"></span><br><span class=\"name\">ui-element-1x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-2x1');\"><span id=\"ui-element-2x1-icon\" class=\"icon-ui-element-2x1 l-content\"></span><br><span class=\"name\">ui-element-2x1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-2x2');\"><span id=\"ui-element-2x2-icon\" class=\"icon-ui-element-2x2 l-content\"></span><br><span class=\"name\">ui-element-2x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-3x1');\"><span id=\"ui-element-3x1-icon\" class=\"icon-ui-element-3x1 l-content\"></span><br><span class=\"name\">ui-element-3x1</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-3x2');\"><span id=\"ui-element-3x2-icon\" class=\"icon-ui-element-3x2 l-content\"></span><br><span class=\"name\">ui-element-3x2</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-element-widget');\"><span id=\"ui-element-widget-icon\" class=\"icon-ui-element-widget l-content\"></span><br><span class=\"name\">ui-element-widget</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-footer');\"><span id=\"ui-footer-icon\" class=\"icon-ui-footer l-content\"></span><br><span class=\"name\">ui-footer</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-form');\"><span id=\"ui-form-icon\" class=\"icon-ui-form l-content\"></span><br><span class=\"name\">ui-form</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-header');\"><span id=\"ui-header-icon\" class=\"icon-ui-header l-content\"></span><br><span class=\"name\">ui-header</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-modal');\"><span id=\"ui-modal-icon\" class=\"icon-ui-modal l-content\"></span><br><span class=\"name\">ui-modal</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-popup');\"><span id=\"ui-popup-icon\" class=\"icon-ui-popup l-content\"></span><br><span class=\"name\">ui-popup</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-radio-off');\"><span id=\"ui-radio-off-icon\" class=\"icon-ui-radio-off l-content\"></span><br><span class=\"name\">ui-radio-off</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-radio-on');\"><span id=\"ui-radio-on-icon\" class=\"icon-ui-radio-on l-content\"></span><br><span class=\"name\">ui-radio-on</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-toggle-off');\"><span id=\"ui-toggle-off-icon\" class=\"icon-ui-toggle-off l-content\"></span><br><span class=\"name\">ui-toggle-off</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-toggle-on');\"><span id=\"ui-toggle-on-icon\" class=\"icon-ui-toggle-on l-content\"></span><br><span class=\"name\">ui-toggle-on</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('ui-window');\"><span id=\"ui-window-icon\" class=\"icon-ui-window l-content\"></span><br><span class=\"name\">ui-window</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('umbrella');\"><span id=\"umbrella-icon\" class=\"icon-umbrella l-content\"></span><br><span class=\"name\">umbrella</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('under-construction');\"><span id=\"under-construction-icon\" class=\"icon-under-construction l-content\"></span><br><span class=\"name\">under-construction</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('unlink');\"><span id=\"unlink-icon\" class=\"icon-unlink l-content\"></span><br><span class=\"name\">unlink</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('unlock');\"><span id=\"unlock-icon\" class=\"icon-unlock l-content\"></span><br><span class=\"name\">unlock</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('upload');\"><span id=\"upload-icon\" class=\"icon-upload l-content\"></span><br><span class=\"name\">upload</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('vault');\"><span id=\"vault-icon\" class=\"icon-vault l-content\"></span><br><span class=\"name\">vault</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('video');\"><span id=\"video-icon\" class=\"icon-video l-content\"></span><br><span class=\"name\">video</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('virus');\"><span id=\"virus-icon\" class=\"icon-virus l-content\"></span><br><span class=\"name\">virus</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('wait');\"><span id=\"wait-icon\" class=\"icon-wait l-content\"></span><br><span class=\"name\">wait</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('wallet');\"><span id=\"wallet-icon\" class=\"icon-wallet l-content\"></span><br><span class=\"name\">wallet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('wand');\"><span id=\"wand-icon\" class=\"icon-wand l-content\"></span><br><span class=\"name\">wand</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('warning');\"><span id=\"warning-icon\" class=\"icon-warning l-content\"></span><br><span class=\"name\">warning</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('water');\"><span id=\"water-icon\" class=\"icon-water l-content\"></span><br><span class=\"name\">water</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('webhook');\"><span id=\"webhook-icon\" class=\"icon-webhook l-content\"></span><br><span class=\"name\">webhook</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('webpage');\"><span id=\"webpage-icon\" class=\"icon-webpage l-content\"></span><br><span class=\"name\">webpage</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('website');\"><span id=\"website-icon\" class=\"icon-website l-content\"></span><br><span class=\"name\">website</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('whiteboard');\"><span id=\"whiteboard-icon\" class=\"icon-whiteboard l-content\"></span><br><span class=\"name\">whiteboard</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('wifi');\"><span id=\"wifi-icon\" class=\"icon-wifi l-content\"></span><br><span class=\"name\">wifi</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('wind');\"><span id=\"wind-icon\" class=\"icon-wind l-content\"></span><br><span class=\"name\">wind</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('woman');\"><span id=\"woman-icon\" class=\"icon-woman l-content\"></span><br><span class=\"name\">woman</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('workstation');\"><span id=\"workstation-icon\" class=\"icon-workstation l-content\"></span><br><span class=\"name\">workstation</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('xml');\"><span id=\"xml-icon\" class=\"icon-xml l-content\"></span><br><span class=\"name\">xml</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-alpha');\"><span id=\"symbol-alpha-icon\" class=\"icon-symbol-alpha l-content\"></span><br><span class=\"name\">symbol-alpha</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-at');\"><span id=\"symbol-at-icon\" class=\"icon-symbol-at l-content\"></span><br><span class=\"name\">symbol-at</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-brace-left');\"><span id=\"symbol-brace-left-icon\" class=\"icon-symbol-brace-left l-content\"></span><br><span class=\"name\">symbol-brace-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-brace-right');\"><span id=\"symbol-brace-right-icon\" class=\"icon-symbol-brace-right l-content\"></span><br><span class=\"name\">symbol-brace-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-bracket-left');\"><span id=\"symbol-bracket-left-icon\" class=\"icon-symbol-bracket-left l-content\"></span><br><span class=\"name\">symbol-bracket-left</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-bracket-right');\"><span id=\"symbol-bracket-right-icon\" class=\"icon-symbol-bracket-right l-content\"></span><br><span class=\"name\">symbol-bracket-right</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-cent');\"><span id=\"symbol-cent-icon\" class=\"icon-symbol-cent l-content\"></span><br><span class=\"name\">symbol-cent</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-delta');\"><span id=\"symbol-delta-icon\" class=\"icon-symbol-delta l-content\"></span><br><span class=\"name\">symbol-delta</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-dollar');\"><span id=\"symbol-dollar-icon\" class=\"icon-symbol-dollar l-content\"></span><br><span class=\"name\">symbol-dollar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-exclamation-mark');\"><span id=\"symbol-exclamation-mark-icon\" class=\"icon-symbol-exclamation-mark l-content\"></span><br><span class=\"name\">symbol-exclamation-mark</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-lambda');\"><span id=\"symbol-lambda-icon\" class=\"icon-symbol-lambda l-content\"></span><br><span class=\"name\">symbol-lambda</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-omega');\"><span id=\"symbol-omega-icon\" class=\"icon-symbol-omega l-content\"></span><br><span class=\"name\">symbol-omega</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-phi');\"><span id=\"symbol-phi-icon\" class=\"icon-symbol-phi l-content\"></span><br><span class=\"name\">symbol-phi</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-question-mark');\"><span id=\"symbol-question-mark-icon\" class=\"icon-symbol-question-mark l-content\"></span><br><span class=\"name\">symbol-question-mark</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-sigma');\"><span id=\"symbol-sigma-icon\" class=\"icon-symbol-sigma l-content\"></span><br><span class=\"name\">symbol-sigma</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('symbol-theta');\"><span id=\"symbol-theta-icon\" class=\"icon-symbol-theta l-content\"></span><br><span class=\"name\">symbol-theta</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-adyen');\"><span id=\"logo-adyen-icon\" class=\"icon-logo-adyen l-content\"></span><br><span class=\"name\">logo-adyen</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-adyen-a');\"><span id=\"logo-adyen-a-icon\" class=\"icon-logo-adyen-a l-content\"></span><br><span class=\"name\">logo-adyen-a</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-amiga');\"><span id=\"logo-amiga-icon\" class=\"icon-logo-amiga l-content\"></span><br><span class=\"name\">logo-amiga</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-amiga-ball');\"><span id=\"logo-amiga-ball-icon\" class=\"icon-logo-amiga-ball l-content\"></span><br><span class=\"name\">logo-amiga-ball</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-amiga-tick');\"><span id=\"logo-amiga-tick-icon\" class=\"icon-logo-amiga-tick l-content\"></span><br><span class=\"name\">logo-amiga-tick</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-atlassian-confluence');\"><span id=\"logo-atlassian-confluence-icon\" class=\"icon-logo-atlassian-confluence l-content\"></span><br><span class=\"name\">logo-atlassian-confluence</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-atlassian-jira');\"><span id=\"logo-atlassian-jira-icon\" class=\"icon-logo-atlassian-jira l-content\"></span><br><span class=\"name\">logo-atlassian-jira</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-commodore');\"><span id=\"logo-commodore-icon\" class=\"icon-logo-commodore l-content\"></span><br><span class=\"name\">logo-commodore</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-commodore-c');\"><span id=\"logo-commodore-c-icon\" class=\"icon-logo-commodore-c l-content\"></span><br><span class=\"name\">logo-commodore-c</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-git');\"><span id=\"logo-git-icon\" class=\"icon-logo-git l-content\"></span><br><span class=\"name\">logo-git</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-google-calendar');\"><span id=\"logo-google-calendar-icon\" class=\"icon-logo-google-calendar l-content\"></span><br><span class=\"name\">logo-google-calendar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-google-drive');\"><span id=\"logo-google-drive-icon\" class=\"icon-logo-google-drive l-content\"></span><br><span class=\"name\">logo-google-drive</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-google-g');\"><span id=\"logo-google-g-icon\" class=\"icon-logo-google-g l-content\"></span><br><span class=\"name\">logo-google-g</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-google-mail');\"><span id=\"logo-google-mail-icon\" class=\"icon-logo-google-mail l-content\"></span><br><span class=\"name\">logo-google-mail</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-graphql');\"><span id=\"logo-graphql-icon\" class=\"icon-logo-graphql l-content\"></span><br><span class=\"name\">logo-graphql</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-klarna');\"><span id=\"logo-klarna-icon\" class=\"icon-logo-klarna l-content\"></span><br><span class=\"name\">logo-klarna</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-klarna-k');\"><span id=\"logo-klarna-k-icon\" class=\"icon-logo-klarna-k l-content\"></span><br><span class=\"name\">logo-klarna-k</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-linkedin');\"><span id=\"logo-linkedin-icon\" class=\"icon-logo-linkedin l-content\"></span><br><span class=\"name\">logo-linkedin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-linkedin-in');\"><span id=\"logo-linkedin-in-icon\" class=\"icon-logo-linkedin-in l-content\"></span><br><span class=\"name\">logo-linkedin-in</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-bing');\"><span id=\"logo-microsoft-bing-icon\" class=\"icon-logo-microsoft-bing l-content\"></span><br><span class=\"name\">logo-microsoft-bing</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-excel');\"><span id=\"logo-microsoft-excel-icon\" class=\"icon-logo-microsoft-excel l-content\"></span><br><span class=\"name\">logo-microsoft-excel</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-office');\"><span id=\"logo-microsoft-office-icon\" class=\"icon-logo-microsoft-office l-content\"></span><br><span class=\"name\">logo-microsoft-office</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-powerpoint');\"><span id=\"logo-microsoft-powerpoint-icon\" class=\"icon-logo-microsoft-powerpoint l-content\"></span><br><span class=\"name\">logo-microsoft-powerpoint</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-sharepoint');\"><span id=\"logo-microsoft-sharepoint-icon\" class=\"icon-logo-microsoft-sharepoint l-content\"></span><br><span class=\"name\">logo-microsoft-sharepoint</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-teams');\"><span id=\"logo-microsoft-teams-icon\" class=\"icon-logo-microsoft-teams l-content\"></span><br><span class=\"name\">logo-microsoft-teams</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-microsoft-word');\"><span id=\"logo-microsoft-word-icon\" class=\"icon-logo-microsoft-word l-content\"></span><br><span class=\"name\">logo-microsoft-word</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-paypal');\"><span id=\"logo-paypal-icon\" class=\"icon-logo-paypal l-content\"></span><br><span class=\"name\">logo-paypal</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-paypal-pp');\"><span id=\"logo-paypal-pp-icon\" class=\"icon-logo-paypal-pp l-content\"></span><br><span class=\"name\">logo-paypal-pp</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-plex');\"><span id=\"logo-plex-icon\" class=\"icon-logo-plex l-content\"></span><br><span class=\"name\">logo-plex</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-plex-x');\"><span id=\"logo-plex-x-icon\" class=\"icon-logo-plex-x l-content\"></span><br><span class=\"name\">logo-plex-x</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-salesforce');\"><span id=\"logo-salesforce-icon\" class=\"icon-logo-salesforce l-content\"></span><br><span class=\"name\">logo-salesforce</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-slack');\"><span id=\"logo-slack-icon\" class=\"icon-logo-slack l-content\"></span><br><span class=\"name\">logo-slack</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-smartsheet');\"><span id=\"logo-smartsheet-icon\" class=\"icon-logo-smartsheet l-content\"></span><br><span class=\"name\">logo-smartsheet</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-square');\"><span id=\"logo-square-icon\" class=\"icon-logo-square l-content\"></span><br><span class=\"name\">logo-square</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-square-square');\"><span id=\"logo-square-square-icon\" class=\"icon-logo-square-square l-content\"></span><br><span class=\"name\">logo-square-square</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-stripe');\"><span id=\"logo-stripe-icon\" class=\"icon-logo-stripe l-content\"></span><br><span class=\"name\">logo-stripe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-stripe-s');\"><span id=\"logo-stripe-s-icon\" class=\"icon-logo-stripe-s l-content\"></span><br><span class=\"name\">logo-stripe-s</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-stripe-stripe');\"><span id=\"logo-stripe-stripe-icon\" class=\"icon-logo-stripe-stripe l-content\"></span><br><span class=\"name\">logo-stripe-stripe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('logo-westfield');\"><span id=\"logo-westfield-icon\" class=\"icon-logo-westfield l-content\"></span><br><span class=\"name\">logo-westfield</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-amiga-1200');\"><span id=\"custom-amiga-1200-icon\" class=\"icon-custom-amiga-1200 l-content\"></span><br><span class=\"name\">custom-amiga-1200</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-amiga-500');\"><span id=\"custom-amiga-500-icon\" class=\"icon-custom-amiga-500 l-content\"></span><br><span class=\"name\">custom-amiga-500</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-amiga-600');\"><span id=\"custom-amiga-600-icon\" class=\"icon-custom-amiga-600 l-content\"></span><br><span class=\"name\">custom-amiga-600</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-axolotl-dude');\"><span id=\"custom-axolotl-dude-icon\" class=\"icon-custom-axolotl-dude l-content\"></span><br><span class=\"name\">custom-axolotl-dude</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-axolotl_dude');\"><span id=\"custom-axolotl-dude-icon\" class=\"icon-custom-axolotl_dude l-content\"></span><br><span class=\"name\">custom-axolotl_dude</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-chickeeducks');\"><span id=\"custom-chickeeducks-icon\" class=\"icon-custom-chickeeducks l-content\"></span><br><span class=\"name\">custom-chickeeducks</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-datastore');\"><span id=\"custom-datastore-icon\" class=\"icon-custom-datastore l-content\"></span><br><span class=\"name\">custom-datastore</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-datastore-app');\"><span id=\"custom-datastore-app-icon\" class=\"icon-custom-datastore-app l-content\"></span><br><span class=\"name\">custom-datastore-app</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-datastore-cog');\"><span id=\"custom-datastore-cog-icon\" class=\"icon-custom-datastore-cog l-content\"></span><br><span class=\"name\">custom-datastore-cog</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-datastore-console');\"><span id=\"custom-datastore-console-icon\" class=\"icon-custom-datastore-console l-content\"></span><br><span class=\"name\">custom-datastore-console</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-exe');\"><span id=\"custom-exe-icon\" class=\"icon-custom-exe l-content\"></span><br><span class=\"name\">custom-exe</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-exe-cat');\"><span id=\"custom-exe-cat-icon\" class=\"icon-custom-exe-cat l-content\"></span><br><span class=\"name\">custom-exe-cat</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-exe-pointer');\"><span id=\"custom-exe-pointer-icon\" class=\"icon-custom-exe-pointer l-content\"></span><br><span class=\"name\">custom-exe-pointer</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-exe-sharp');\"><span id=\"custom-exe-sharp-icon\" class=\"icon-custom-exe-sharp l-content\"></span><br><span class=\"name\">custom-exe-sharp</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-f1-nar');\"><span id=\"custom-f1-nar-icon\" class=\"icon-custom-f1-nar l-content\"></span><br><span class=\"name\">custom-f1-nar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-f1nar');\"><span id=\"custom-f1nar-icon\" class=\"icon-custom-f1nar l-content\"></span><br><span class=\"name\">custom-f1nar</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-glitch');\"><span id=\"custom-glitch-icon\" class=\"icon-custom-glitch l-content\"></span><br><span class=\"name\">custom-glitch</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-klarna-konsole');\"><span id=\"custom-klarna-konsole-icon\" class=\"icon-custom-klarna-konsole l-content\"></span><br><span class=\"name\">custom-klarna-konsole</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-mallinall');\"><span id=\"custom-mallinall-icon\" class=\"icon-custom-mallinall l-content\"></span><br><span class=\"name\">custom-mallinall</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-mallinall-mia');\"><span id=\"custom-mallinall-mia-icon\" class=\"icon-custom-mallinall-mia l-content\"></span><br><span class=\"name\">custom-mallinall-mia</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-mallinall-mia-combined');\"><span id=\"custom-mallinall-mia-combined-icon\" class=\"icon-custom-mallinall-mia-combined l-content\"></span><br><span class=\"name\">custom-mallinall-mia-combined</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-mallinall-mia-outline');\"><span id=\"custom-mallinall-mia-outline-icon\" class=\"icon-custom-mallinall-mia-outline l-content\"></span><br><span class=\"name\">custom-mallinall-mia-outline</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-mallinall-mia-region');\"><span id=\"custom-mallinall-mia-region-icon\" class=\"icon-custom-mallinall-mia-region l-content\"></span><br><span class=\"name\">custom-mallinall-mia-region</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-mallinall-mia-squiggle');\"><span id=\"custom-mallinall-mia-squiggle-icon\" class=\"icon-custom-mallinall-mia-squiggle l-content\"></span><br><span class=\"name\">custom-mallinall-mia-squiggle</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-nate-stitching');\"><span id=\"custom-nate-stitching-icon\" class=\"icon-custom-nate-stitching l-content\"></span><br><span class=\"name\">custom-nate-stitching</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-scratchpad');\"><span id=\"custom-scratchpad-icon\" class=\"icon-custom-scratchpad l-content\"></span><br><span class=\"name\">custom-scratchpad</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-stripe-app');\"><span id=\"custom-stripe-app-icon\" class=\"icon-custom-stripe-app l-content\"></span><br><span class=\"name\">custom-stripe-app</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-stripe-app-a');\"><span id=\"custom-stripe-app-a-icon\" class=\"icon-custom-stripe-app-a l-content\"></span><br><span class=\"name\">custom-stripe-app-a</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-stripe-proto');\"><span id=\"custom-stripe-proto-icon\" class=\"icon-custom-stripe-proto l-content\"></span><br><span class=\"name\">custom-stripe-proto</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-stripe-proto-p');\"><span id=\"custom-stripe-proto-p-icon\" class=\"icon-custom-stripe-proto-p l-content\"></span><br><span class=\"name\">custom-stripe-proto-p</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-teotwin');\"><span id=\"custom-teotwin-icon\" class=\"icon-custom-teotwin l-content\"></span><br><span class=\"name\">custom-teotwin</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-the-axolotl-dude');\"><span id=\"custom-the-axolotl-dude-icon\" class=\"icon-custom-the-axolotl-dude l-content\"></span><br><span class=\"name\">custom-the-axolotl-dude</span></div>";
		
			modalValue += "<div class=\"modalGlyph clickable three-quarters-high flush-middle-center\" style=\"min-width:66px\" onclick=\"modalSet('custom-the-axolotl_dude');\"><span id=\"custom-the-axolotl-dude-icon\" class=\"icon-custom-the-axolotl_dude l-content\"></span><br><span class=\"name\">custom-the-axolotl_dude</span></div>";
		
		modalValue += "</div>";
		includeSearchText = false;
	} else if( modalType == "account" ) {
		modalValue  = "<form name=\"modalForm\" onsubmit=\"modalSearchAccount(element('modalSearchValue').value);return false;\" method=\"get\" autocomplete=\"off\">";
		modalValue += "<input type=\"text\" id=\"modalSearchValue\" name=\"modalSearchValue\" class=\"two-and-a-half-wide\">";
		modalValue += "<a href=\"#\" onclick=\"modalSearchAccount(element('modalSearchValue').value);return false;\" class=\"half-wide click-button\"><span id=\"search-icon\" class=\"icon-search\"></span></a>";
		modalValue += "</form>";
		modalValue += "<hr>";
		includeSearchText = true;
	} else if( modalType == 'year' ) {
		modalValue  = "<form name=\"modalForm\" onsubmit=\"return false;\" method=\"get\" autocomplete=\"off\">";
		modalValue += "<a href=\"#\" onclick=\"modalRollYear(-1);return false;\" class=\"one-wide joined click-button\"><span id=\"chevron-left-icon\" class=\"icon-chevron-left\"></span></a>";
		modalValue += "<input type=\"text\" name=\"modalYear\" value=\"" + modalDate.getFullYear() + "\" onclick=\"modalSetYear();return false;\" class=\"one-wide click-button\" style=\"text-align:center;\" readonly>";
		modalValue += "<a href=\"#\" onclick=\"modalRollYear(1);return false;\" class=\"one-wide click-button\"><span id=\"chevron-right-icon\" class=\"icon-chevron-right\"></span></a>";
		modalValue += "</form>";
	} else if( modalType == 'month' ) {
		modalValue  = "<form name=\"modalForm\" onsubmit=\"return false;\" method=\"get\" autocomplete=\"off\">";
		modalValue += "<a href=\"#\" onclick=\"modalRollMonth(-1);return false;\" class=\"one-wide joined click-button\"><span id=\"chevron-left-icon\" class=\"icon-chevron-left\"></span></a>";
		modalValue += "<input type=\"text\" name=\"modalMonth\" value=\"" + modalMonths[modalDate.getMonth()] + "\" onclick=\"modalSetMonth();return false;\" class=\"one-wide click-button\" style=\"text-align:center;\" readonly>";
		modalValue += "<a href=\"#\" onclick=\"modalRollMonth(1);return false;\" class=\"one-wide click-button\"><span id=\"chevron-right-icon\" class=\"icon-chevron-right\"></span></a>";
		modalValue += "</form>";
	} else if( modalType == "day" ) {
		modalValue  = "<a href=\"#\" onclick=\"modalRollYear(-1);return false;\" class=\"one-quarter-wide joined click-button\"><span id=\"chevron-left-icon\" class=\"icon-chevron-left\"></span></a>";
		modalValue += "<input type=\"text\" name=\"modalYear\" value=\"" + modalDate.getFullYear() + "\" class=\"one-wide\" style=\"text-align:center;\" readonly>";
		modalValue += "<a href=\"#\" onclick=\"modalRollYear(1);return false;\" class=\"one-quarter-wide click-button\"><span id=\"chevron-right-icon\" class=\"icon-chevron-right\"></span></a>";
		modalValue += "<a href=\"#\" onclick=\"modalRollMonth(-1);return false;\" class=\"one-quarter-wide joined click-button\"><span id=\"chevron-left-icon\" class=\"icon-chevron-left\"></span></a>";
		modalValue += "<input type=\"text\" name=\"modalMonth\" value=\"" + modalMonths[modalDate.getMonth()] + "\" class=\"one-wide\" style=\"text-align:center;\" readonly>";
		modalValue += "<a href=\"#\" onclick=\"modalRollMonth(1);return false;\" class=\"one-quarter-wide click-button\"><span id=\"chevron-right-icon\" class=\"icon-chevron-right\"></span></a>";
		modalValue += "<hr>";
		// Headings
		for( var i=0 ; i < modalWeekDays.length; i++ ) modalValue += "<div class=\"" + (i > 0 && i < 6 ? "half-wide" : "one-quarter-wide transparent-content") + "\">" + modalWeekDays[i] + "</div>";
		modalValue += "<br>";
		// Month start
		var modalDisplayDate = new Date(modalDate.getTime());
		modalDisplayDate.setDate(1);
		for( var w=0; w < 6; w++ ) {
			for( var d=0; d < 7; d++ ) {
				if( modalDisplayDate.getMonth() != modalDate.getMonth() || (w == 0 && d < modalDisplayDate.getDay() ) ) {
					modalValue += "<div class=\"" + (d > 0 && d < 6 ? "half" : "one-quarter") + "-wide transparent-content click-container\">&bull;</div>";
				} else {
					var modalHighlightDate = (modalOrigDate.getDate() == modalDisplayDate.getDate() && modalOrigDate.getMonth() == modalDisplayDate.getMonth() && modalOrigDate.getYear() == modalDisplayDate.getYear());
					modalValue += "<a href=\"#\" onclick=\"modalSetDay('" + ("0" + modalDisplayDate.getDate()).slice(-2) + "');return false;\" class=\"" + (d > 0 && d < 6 ? "half-wide" : "one-quarter-wide transparent-content") + " click-button" + (modalHighlightDate ? " warning" : "") + "\">" + modalDisplayDate.getDate() + "</a>";
					modalDisplayDate.setDate(modalDisplayDate.getDate()+1);
				}
			}
			modalValue += "<br>";
		}
	}
	modalElement.innerHTML = (modalType != 'url' ? modalValue : "") + "<div id=\"modalDynamicContainer\">" + (includeSearchText ? "Search " + modalType + "..." : "") + "</div>";
	element('modalContainer').appendChild(modalElement);
	// External content
	if( modalType === "url" && modalValue != null ) {
		modalDisplay("<div>loading...</div>");
		try {
			xmlHttp = getXmlHttpObject();
			if( xmlHttp != null ) {
				xmlHttp.onreadystatechange = modalReceive;
				xmlHttp.open("GET", modalValue, true);
				xmlHttp.send();
			}
		} catch(ex) {
			modalDisplay("<div class=\"error\">" + ex.description + "</div>");
		}
	}
	// If there is a modal search field, select it
	var modalSearchValueField = element('modalSearchValue');
	if( modalSearchValueField != null ) {
		try {
			modalSearchValueField.focus();
		} catch(ex) {
			// Ignore
		}
	}
}

/**
 */
function modalReceive() {
	if( xmlHttp.readyState == 4 || xmlHttp.readyState == "complete" ) {
		try {
			modalDisplay(xmlHttp.responseText);
		} catch(ex) {
			modalDisplay("<div class=\"error\">" + ex.description + "</div>");
		}
	}
}

/**
 */
function modalDisplay(value) {
	let modalDynamicContainer = element('modalDynamicContainer')
	if( modalDynamicContainer ) modalDynamicContainer.innerHTML = value;
}

/**
 */
function modalHide() {
	var modalElement = element("modalElement");
	if( modalElement != null ) modalElement.parentNode.removeChild(modalElement);
	var modalBackground = element("modalBackground");
	if( modalBackground != null ) modalBackground.parentNode.removeChild(modalBackground);
}

/**
 */
function modalHandleClick() {
	if( 'modalContainer' === event.target.id ) modalHide();
}

/* Set field value */

/**
 */
function modalSet(modalSetValue) {
	modalSet(modalSetValue, null);
}

/**
 */
function modalSet(modalSetValue, modalSetTitle) {
	if( modalSetTitle == null || modalSetTitle == '' ) modalSetTitle = modalSetValue;
	modalSetField(modalSetValue);
	modalSetDisplayField(modalSetTitle);
	modalHide();
}

/**
 */
function modalSetField(value) {
	if( modalTargetField != null ) {
		modalTargetField.value = value;
		try {
			modalTargetField.onchange();
		} catch(ex) {
			// Ignore
		}
	}
}

/**
 */
function modalSetDisplayField(value) {
	if( modalTargetDisplayField != null ) {
		modalTargetDisplayField.value = value;
		try {
			modalTargetDisplayField.onchange();
		} catch(ex) {
			// Ignore
		}
	}
}

/* Account */

/**
 */
function modalSearchAccount(value) {
	try {
		xmlHttp = getXmlHttpObject();
		if( xmlHttp != null ) {
			xmlHttp.onreadystatechange = modalSearchAccountReceive;
			xmlHttp.open("GET", "/api/account/?search=" + encodeURIComponent(value), true)
			xmlHttp.send()
		}
	} catch(ex) {
		modalDisplay("<div class=\"error\">" + ex.description + "</div>");
	}
}

/**
 */
function modalSearchAccountReceive() {
	if( xmlHttp.readyState == 4 || xmlHttp.readyState == "complete" ) {
		try {
			var modalSearchResults = null;
			var modalSearchMessages = null;
			var json = eval("(" + xmlHttp.responseText + ")");
			if( json != null ) {
				if( json.results != null ) modalSearchResults = json.results;
				if( json.messages != null ) modalSearchMessages = json.messages;
			}
			// Show results
			var modalDisplayContent = "<p>";
			if( modalSearchMessages != null && modalSearchMessages.length > 0 ) {
				modalDisplayContent += "<div class=\"three-wide alert\">";
				for( var i=0; i < modalSearchMessages.length; i++ ) modalDisplayContent += "<p>" + htmlEncode(modalSearchMessages[i].message) + "</p>";
				modalDisplayContent += "</div><br />";
			}
			if( modalSearchResults != null && modalSearchResults.length > 0 ) {
				for( var i=0; i < modalSearchResults.length; i++ ) modalDisplayContent += "<a href=\"#\" onclick=\"modalSet('" + htmlEncode(modalSearchResults[i].account_code) + "', '" + htmlEncode(modalSearchResults[i].first_name) + " " + htmlEncode(modalSearchResults[i].last_name) + "');return false;\" class=\"three-wide click-button\">" + htmlEncode(modalSearchResults[i].first_name) + " " + htmlEncode(modalSearchResults[i].last_name) + "</a><br />";
			}
			modalDisplayContent += "</p>";
			modalDisplay(modalDisplayContent);
		} catch(ex) {
			modalDisplay("<div class=\"error\">" + ex.description + "</div>");
		}
	}
}

/* Calendar */

/**
 */
function modalRollMonth(increment) {
	if( modalDate == null ) return;
	modalDate.setMonth(modalDate.getMonth() + increment);
	modalRedraw();
}

/**
 */
function modalRollYear(increment) {
	if( modalDate == null ) return;
	modalDate.setYear(modalDate.getFullYear() + increment);
	modalRedraw();
}

/**
 */
function modalSetDay(modalSetDayOfMonth) {
	modalSetField(modalSetDayOfMonth + "/" + modalMonths[modalDate.getMonth()] + "/" + modalDate.getFullYear());
	modalHide();
}

/**
 */
function modalSetMonth() {
	modalSetField(modalMonths[modalDate.getMonth()] + "/" + modalDate.getFullYear());
	modalHide();
}

/**
 */
function modalSetYear() {
	modalSetField(modalDate.getFullYear());
	modalHide();
}

/**
 */
function filterModalIcons(event) {
	var modalSearchValue = element("modalSearchValue").value;
	if( modalSearchValue != null ) {
		var allModalIcons = document.getElementsByClassName("modalGlyph");
		if( allModalIcons != null && allModalIcons.length > 0 ) {
			let selectIcon = event && event.key && event.key === 'Enter';
			for( var i=0; i < allModalIcons.length; i++ ) {
				if( allModalIcons[i].childNodes[2].innerHTML.toLowerCase().indexOf(modalSearchValue.toLowerCase()) != -1 ) {
					// Select?
					if( selectIcon ) {
						modalSet(allModalIcons[i].childNodes[2].innerHTML.toLowerCase());
						break;
					}
					// Show
					allModalIcons[i].style.display="";
				} else {
					// Hide
					allModalIcons[i].style.display="none";
				}
			}
		}
	}
}

/* Commodity */

/**
 */
window.onresize = function() {
  var modalElement = element("modalElement");
  if( modalElement != null ) modalRedraw();
}

//
var mouseCoords = { x: undefined, y: undefined };

/**
 */
window.addEventListener('mousemove', (event) => {
	mouseCoords = { x: event.clientX + window.scrollX, y: event.clientY + window.scrollY };
});